/*-------------------------------*/
/*----   STRUCTURE DU SITE   ----*/
/*-------------------------------*/
body {
	background-color: #dadada;
	width: 100%;
}

#slider {position: relative; width: 100%; height: 500px; margin-bottom: 30px;}
#slider.fixe {position: fixed;}
#sliderPhotos img{position: absolute; top: 0; left: 0; z-index: 10; height: 726px; display: none;}

#sliderContenu {position: absolute; top: 0; left: 0; height: 500px; z-index: 15;}




section#bandeau {
	width: 100%;
	height: 320px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
section#bandeau img#bandeauImg{position: absolute; top: 0; left: 0;}



/* ---- Header ----*/
header#header {
	width: 100%;
	height: 72px;
	position: fixed;
	background-color: #302c2e;
	z-index: 30; top: 0; left: 0;
}

header#header img.logoMobile{display: none;}
header#header a.menuMobile{display: none;}

header#header nav#menuPrincipal {}
header#header nav#menuPrincipal img.logo{float: left; margin-right: 10px;}
header#header nav#menuPrincipal > ul{padding: 14px 0 0 0; height: 44px;}
header#header nav#menuPrincipal > ul > li{display: block; float: left; background: url('../images/puce-menu.jpg') left center no-repeat; margin-right: 16px; height: 44px; line-height: 44px; font-size: 18px; position: relative;}
header#header nav#menuPrincipal ul > li a, nav#menuPrincipal ul > li a:visited{display: block; color: #FFFFFF; text-decoration: none; font-weight: normal; padding: 0 13px;}
header#header nav#menuPrincipal ul > li:hover > a{color: #302c2e; text-decoration: none; font-weight: normal; background-color: #dadada;}
header#header nav#menuPrincipal ul > li a:focus{outline: 0;}

header#header nav#menuPrincipal > ul > li ul{position: absolute; top: 44px; left: 0px; z-index: 40; display: none; border-top: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; border-left: 1px solid #4d4d4d; width: 200px;}
header#header nav#menuPrincipal ul > li:hover ul{display: block;}

header#header nav#menuPrincipal ul li ul li{position: relative; background-color: #676767; height: 35px; line-height: 35px; border-bottom: 1px solid #4d4d4d; text-align: left;}
header#header nav#menuPrincipal ul li ul li a, header#header nav#menuPrincipal ul li ul li a:visited{display: block; color: #ffffff; text-decoration: none; font-weight: normal; position: relative; z-index: 2; text-align: left; padding-left: 8px; height: 35px; line-height: 35px; font-size: 14px; color: #ffffff;}
header#header nav#menuPrincipal ul li ul li a:hover{color: #4d4d4d; text-decoration: none; font-weight: normal; background-color: #ffffff;}
header#header nav#menuPrincipal ul li ul li a:focus{outline: 0;}


header#header div.coordonnees{height: 35px; background: url('../images/voile.png'); clear: both;}
header#header div.coordonnees p{color: #fff; line-height: 35px; font-size: 14px;}
header#header div.coordonnees p.adr{float: left; background: url('../images/icone-adr.png') no-repeat 10px 5px; padding-left: 45px;}
header#header div.coordonnees p.tel{float: right; background: url('../images/icone-tel.png') no-repeat 10px 5px; padding: 0 10px 0 45px;}







/* ---- Section, Aside ----*/
section.content {position: relative; z-index: 20;}

section.content article.encart{background-color: #c3c3c3; padding: 15px; margin-bottom: 30px;}








/* ---- Footer ----*/
footer#footer {
	width: 100%;
	height: 40px;
	background-color: #312d2f;
	position: relative;
	z-index: 30;
}
footer#footer p{height: 40px; line-height: 40px;}
footer#footer p a, footer#footer p a:visited{color: #dadada; font-size: 12px;}