body {color:#333333;background-color:#f3f3f3;margin:0;padding:0;padding-top:32px;font-family:Arial;font-weight:normal;}
body > div.esp {width:100%;height:32px;display:block;position:relative;float:left;}
body > section {position:relative;clear:left;}  

body > div.txt {top:67px;}
 		
			  

iframe {
border:none;
}
a {text-decoration:none;color:#666;}

#multicol{list-style:none;column-gap:0px;-moz-column-gap:0px;-webkit-column-gap:0px;margin:0;}
#multicol2{list-style:none;column-gap:0px;-moz-column-gap:0px;-webkit-column-gap:0px;margin:0;width:140px;padding-left:32px;}

div.barre > p {color:#333;font-size:12px;line-height:18px;}
div.barre {overflow:hidden;background-color:#fff;border:0;color:#333;font-family:Arial;}
div.barre > ul {margin-top:96px;padding-left:64px;width:94%;}
div.barre > ul.centre {margin-top:96px;padding-left:64px;width:24%;}
div.barre > ul > li > div {float:left;padding-right:4%;}
div.barre > ul > li > div > div.block {float:left;width:200px;padding-bottom:16px;margin-right:0;}
div.barre > ul > li > div > img {width:131px;height:54px;float:left;padding-right:8px;opacity:0.5;}
div.barre > ul > li > div > img:hover {opacity:1;}
div.barre > ul > li > div > div > p {float:left;font-size:11px;line-height:15px;margin:0;color:#888;}
div.barre > ul > li > div > div > a, div.double > p > a {float:left;font-size:12px;line-height:18px;color:#949494;width:100%;}
div.barre > ul > li > div > div > a:hover, div.double > p > a:hover {color:#666;}
div.barre > ul > li > div > div > a > span, div.double > p > a > span {color:#666;font-weight:bold;}

p > a {color:#949494;}
p > a > span {color:#ff2200;font-weight:bold;}

p.minisel {color:#555 !important;font-weight:700;}

span.balinks > a {font-size:12px;}

div.main {width:75%;height:auto;float:left;padding-bottom:64px;padding-top:64px;}
div.main > img {width:100%;float:left;display:block;position:relative;}
div.main > div {margin:32px 64px;margin-bottom:0;}
div.main > div.double {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;float:left;text-align:justify;
text-justify:inter-word;margin-top:0;margin-bottom:22px;}

article > div.doubleTab {margin-top:64px;}

div.main > div.cadre {margin-left:64px;margin-right:64px;margin-bottom:32px;margin-top:64px;}
div.main > div.pleincadre > img, div.main > div.cadre > img, div.cadreTxt > img {width:100%;}
div.main > div.pleincadre {margin-left:0;margin-right:0;margin-bottom:24px;margin-top:0px;}
div.cadreTxt {margin-bottom:32px;}

div.cadreTxt > p {float:left;padding-right:3%;}

	
div.barre > ul > li > div > a  {float:left;width:103px;}
div.barre > ul > li > div > a  > img {width:96px;height:70px;opacity:0.7;-webkit-border-radius:3px;-moz-border-radius:3px;}
div.barre > ul > li > div > a  > img:hover {opacity:1;}
div.barre > ul > li > div > a  > img.sel {opacity:1;}

div.barre > ul > li > div.txt {min-height:64px;}

div.main p {font-family:arial;font-size:12px;line-height:18px;color:#777;margin-top:0;}

div.main p.titr,
nav.colonne p.titr
{font-size:17px;line-height:16px;color:#111;font-family:'Roboto', sans-serif;margin-bottom:0;font-weight:100;}
div.main p.titr
{font-size:17px;line-height:28px;}    



div.main h2 {color:#777;font-family:'Roboto', sans-serif;font-size:42px;line-height:42px;padding-left:0;margin-top:0;margin-bottom:0;font-weight:100;}
div.main h3 {color:#666;font-family:'Roboto', sans-serif;font-size:15px;line-height:21px;padding-left:0;margin-top:32px;margin-bottom:32px;font-weight:bold;}

p.titr.sel {font-weight:700 !important;color:#555 !important;} 
p.titr.date {width:100%;} 

nav.colonne p.titr.sel {color:#777 !important;}
nav.colonne p.titr {font-size:15px !important;}
nav.colonne p.minisel {color:#777 !important;}


nav.colonne {float:left;width:25%;background:#fff;height:100%;}
nav.colonne ul > li {list-style:none;}
nav.colonne > img {float:left;max-height:100%;max-width:100%;vertical-align:middle;}
nav.colonne > p {font-family:Arial;font-size:14px;float:left;padding-left:5%;color:#e6e6e6;letter-spacing:1px;padding-top:0;}

div.manchette {float:left;}
div.manchette > p {float:left;color:#e6e6e6;font-size:23px;letter-spacing:1px;margin:0;padding-top:2%;line-height:1.3;padding-right:6%;}
div.manchette > p > img {float:left;max-height:100%;width:65%;vertical-align:middle;}
div.manchette > p.address {padding-left:5%;font-size:14px;padding-right:0;margin-top:1.5%;}
div.manchette > p > a {font-family:Arial;font-size:14px;float:left;color:#949494;letter-spacing:1px;width:100%;}

div.carte {background:#171717;float:left;width:25%;position:relative;}
div.carte > img {float:left;width:100%;}
div.carte > p {position:absolute;padding-left:4%;padding-top:2.5%;font-family:Arial;letter-spacing:1px;margin-top:0;}
div.carte > p > a {font-size:23px;float:left;color:#949494;}
div.carte > p.lien  {letter-spacing:0;bottom:0;margin-bottom:4%;}
div.carte > p.lien > a  {font-size:14px;}

.slide + .slide {display:none;}

footer {display:block;margin:0;padding:0;width:99%;z-index:9;bottom:0;margin-left:0.7%;}
footer > a  {float:left;width:23%;margin:1.7% 0.95%;}
footer > a > img  {text-align:center;width:100%;border:0;}
footer > a  > span {float:left;color:#e6e6e6;font-size:15px;}

div.main > div.map {margin-top:0 !important;} 
footer.map {display:block;position:fixed;margin:0;padding:0;height:32px;width:100%;background-color:#fff;z-index:9;bottom:0;}
section.map {position:relative;width:100%;height:1000px;bottom:0;left:0;right:0;}
footer.map > a > img {float:left;}
footer.map > a {float:left;width:18px;margin:0;padding-top:7px;padding-left:7px;}
footer.map > div {position:relative;float:left;font-size:11px;padding-top:0px;margin-top:8px;padding-left:9px;}
footer.map > div > a {cursor:pointer;color:#999;}

footer.template {margin:0;padding:0;height:32px;width:75%;background:#fff;bottom:0;float:left;}
footer.template > a {float:left;width:18px;margin:0;padding-top:7px;padding-left:7px;}
footer.template > div {position:relative;float:left;font-size:11px;padding-top:0px;margin-top:8px;padding-left:64px;color:#999;line-height:20px;}

/* MENU */
header {display:block;position:fixed;margin:0;padding:0;height:64px;width:100%;background-color:#fff;z-index:9;top:0;}
header > img, header > a > img {display:block;position:relative;float:left;width:210px;height:64px;}
header > div {display:block;position:relative;float:left;padding-top:17px;}
header > div.ico {display:block;position:relative;float:right;width:68px;}
header > div.ico > a > img {height:32px;width:32px;}
header > div.ico > a {display:block;position:relative;background-repeat:no-repeat;opacity:0.5;height:32px;width:32px;float:left;}
header > div.ico > a:hover {opacity:1;}
header > div.ico > a.langue {background-image:url('../img/fr.png');}
header > div.ico > a.recherche {background-image:url('../img/loupe.png');}

header > div.menuAdm {display:block;font-family:'Roboto', sans-serif;position:relative;float:right;width:378px;font-size:12px;background-color:#fff;letter-spacing:1px;z-index:99;}
header > div.menuAdm > a {float:left;padding-left:32px;color:#999;line-height:32px;margin:0;float:left;cursor:pointer;}
div.menuAdm > a:hover {color:#e6e6e6;}
div.menuAdm > a.active {color:#fff;}

div.menu {width:75%;font-family:'Roboto', sans-serif;font-size:11px;letter-spacing:0;float:left;z-index:99;margin-left:0;margin-top:32px;background:#f9f9f9;position:fixed;}
div.menu > a {text-align:center;color:#999;line-height:32px;margin:0;text-transform:uppercase;float:left;cursor:pointer;padding-left:46px;text-align:left;font-weight:normal;}
div.menu > a:hover {color:#111;}
div.menu > a.sel {color:#111;font-weight:bold;}
div.menu > a:first-child {padding-left:64px;}

a.img {opacity:1;} 
a.img:hover {opacity:0.8;}

div.smenuss > ul > li > a {display:block;position:relative;width:210px;text-indent:0px;color:#fff;margin:0;line-height:32px;font-family:Arial;font-size:12px;background-repeat:no-repeat;opacity:0.80;letter-spacing:1px;background-image:none;left:-10px;}
div.smenuss > ul > li > a:hover {opacity:1;}
div.smenuss > ul > li  {list-style:none;}
div.smenuss {display:none;}
div.smenu ul {padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}
div.smenu li {list-style:none;}
div.smenu > ul > li > a,
div.smenu > ul > li > p
{display:block;position:relative;width:210px;text-indent:32px;color:#fff;margin:0;line-height:32px;font-family:Arial;font-size:12px;background-repeat:no-repeat;opacity:0.40;background-image:url('../img/puce.png');letter-spacing:1px;}
div.smenu > ul > li > p:hover,
div.smenu > ul > li > a:hover
{opacity:1;}
div.smenuss > ul > li > p {display:block;position:relative;width:210px;text-indent:32px;color:#fff;margin:0;line-height:32px;font-family:Arial;font-size:12px;opacity:0.5;letter-spacing:1px;background-image:none;}

div.smenu ul > li > p:hover,
div.smenu ul > li > a:hover,
div.smenu p > a.sel
{opacity:1;}

div.smenu ul > li > p.active {opacity:0.80 !important;cursor:pointer;}
div.smenu ul,
div.smenu ul > li
{margin-bottom:0;padding-bottom:0;float:left;}

p.menuss {cursor:pointer;}


iframe.chrono {width:100%;height:100%;border:none;position: fixed;top: 100px;}
.main.frame {padding-top:32px;}


.b0 {
	font-family:'Roboto', sans-serif;
	font-size:7px;
	color:#000;
	text-decoration:none;
	line-height:10px;
	letter-spacing:3px;
	margin-top:0;
	margin-bottom:0;
	margin-left:32px;
}
.b1 {
	font-family:'Roboto', sans-serif;
	float:left;
	font-size:32px;
	color:#777;
	letter-spacing:0px;
	text-decoration:none;
	line-height:33px;
	padding-top:0;
	margin-top:16px;
	margin-bottom:0;
	margin-left:64px;
	font-weight:100;
}
.b2 {
	font-family:'Roboto', sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
	line-height:10px;
	letter-spacing:5px;
	margin-top:0;
	margin-bottom:0;
	margin-left:32px;
}




@media screen and (min-width: 1024px) {
	div.main {float:none;overflow:hidden;}
	nav.colonne {float:none;position:fixed;top:0;right:0;height:100%;}

	nav.colonne p > a {font-size:13px;}
	footer.template {position:fixed;bottom:0;}
	div.carte {position:absolute;bottom:0;width:100%;padding-top:14%;}
	div.carte > img {position:relative;}
	div.carte > p {position:absolute;top:17%;}
	div.carte > p.lien {top:auto;bottom:0;}
	div.manchette {padding-bottom:45px;}
	div.manchette > p {padding-top:2%;font-size:18px;letter-spacing:1px;}
	div.manchette > p > img {margin-right:4%;margin-top:-2%}
	div.manchette > p.address {font-size:13px;}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	div.carte > p > a {font-size:18px;}
	div.carte > p.lien > a  {font-size:13px;}
	.smenu > ul {-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;width:840px;}
	div.barre > ul {padding-left:10%;}
}
@media screen and (min-width: 1440px) {
	footer > a  > span {font-size:18px;}
	.smenu > ul {-moz-column-count: 5;-webkit-column-count: 5;column-count: 5;width:1050px;}
	div.barre > ul {padding-left:10%;}
}



@media screen and (max-width: 1024px) {
	div.minib {width:100%;}
}



button {font-family:Arial;color:#777;font-weight:normal;border:0;width:100%;background-color:transparent;}

p.sb {margin:0;padding:0;}

div.show-one {left:32px;}

div.main > div > div.slider > ul > li > a > img  {width:572px;height:429px;}
div.main > div > div.slider {width:572px;height:429px;margin-top:64px;margin-bottom:4px;position:relative;}
div.main > div > div.legende {position:relative;width:400px;height:400px;margin-top:-400px;left:600px;}


div.main > div > div.legende > p > span {font-size:12px;color:#ff2200;font-weight:bold;}
div.main > div > div.legende > p > a {color:gray;font-size:13px;text-decoration:none;font-family:Arial;}
div.main > div > div.legende > p > a:hover {color:black;}
div.main > div > div.legende > p > a.sel {color:black;font-weight:bold;}
	
	
p.legende {font-size:11px !important;font-style: italic;color:#999;}
p.legende > a {color:#999;}
p.legende > a:hover {color:#333;}	
	
	
	

div.divSoc {
	display:block;
	position:relative;
	float:left;
	padding-right:4px;
}
div.divSoc > a {
	padding-right:4px;
}
div.divSoc > a > img {
	border:0;
	margin:0;
	padding:0;
	width:18px ! important;
	height:18px ! important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
div.divSoc > a > img:hover {
	opacity:1;
}

div.recadr {
	width:50%;
}
div.recadr > img {
	width:580px;
	margin-top:32px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

img.atelier {
	float:left;
	width:33%;
	margin-top:16px;
	margin-right:16px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
img.contact {
	float:left;
	width:50%;
	margin-top:16px;
	margin-right:16px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}


div.images > img {width:24%;}
div.images {margin-bottom:20px;}
div.images50 > img {width:32%;}




.minib >.block {padding-bottom:0 !important;}
.barre > ul > li > div > a  > img {padding-bottom:20px;}