body{ background:url(../images/fd_body.png) repeat-x #eef1fb;  margin:0; padding:0;} 
img { border:none; }
div, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000; font-weight:500;}
.clear {clear: both;}
h1{margin:0; padding:0; font-style:normal;}
span{ margin:0px; padding:0px; }
a{ text-decoration:none; color:#e5bc4b; }
#wrapper{ width:960px; margin:0 auto;}
#menu{ margin:0; padding:0;}
#menu ul { margin:0; padding:0;}
#menu ul li{ margin:0; padding:0; list-style:none; overflow:hidden; height:50px; float:left;}
#menu ul li a{ display:block; height:50px;}
#menu ul li a:hover{ margin-top:-50px;}
#head{ margin: 0; padding:12px 0 0 0; }
.head-1{ float:right; width:600px; background:url(../images/fd_flash.png) no-repeat; height:293px; }
#cont-flash{ margin:0; padding: 11px 11px 11px 15px;  }
.head-2{ float:left; width:360px;}
.logo{ margin:0; padding:0 0 10px 10px;}
.cont-coord{ background:url(../images/fd_coord.png) no-repeat;}
.coord{ width:331px; margin:0; padding:20px 0 0 10px; height:75px; overflow:hidden;}
.adresse{ width:220px; float:left;}
.adresse h2{ margin:0; padding:0; color:#000; font-size:19px; font-weight:normal;}
.adresse  p{ margin:0; padding:0; line-height:5px; font-size:13px; color:#000;}
.mobile{ width:111px; float:left;}
.mobile p{ color:#000; font-size:16px; font-weight:bold; line-height:38px;}
.titre h1{ color:#292929; text-indent:70px ; font-size: 22px;}
.titre h1:first-letter{ text-transform:uppercase;}
#contenu{ background:url(../images/fd_contenu.png) repeat-y; padding:0 0 20px 0; margin:6px 0 0 0; min-height:360px;  }
.cont-1, .cont-2{ float:left;}
.cont-1{ width:640px; padding:0; margin:20px 0 0 30px;}
.texte{ margin:0; padding:0 20px 0 0;}
.texte h3{ text-align:center;}
.texte ul li{ margin:0; padding:0; list-style-image:url(../images/puce.png) ;}
.photos1{ width:560px; height:120px; background:#e2ba4a repeat-x; }
.photos1 ul{ margin:0; padding:10px 0  0 22px;}
.photos1 ul li{ margin:0; padding-right:10px; list-style:none; float:left;}
.photos1 ul li a{ display:block;}
.photos1 ul li a img{ border:6px solid #fff;}
.cont-2{ width:206px; padding:0; margin:5px 0 0 73px;}
.photos2 ul{ margin:0; padding:0; }
.photos2 ul li{ margin:0; padding-bottom:22px; list-style:none;}
.photos2 ul li a{ display:block;}
.photos2 ul li a img{ border:6px solid #fff;}
#wrapper2{ background:url(../images/fd_footer.png) repeat-x;}
#footer{ width:960px; margin:0 auto; min-height:150px; position:relative;}
.foot{ width:900px; margin:0 auto; z-index:100;     position: relative;}
.foot ul{ margin:0; padding:48px 0 0 0;}
.foot ul li { margin:0; padding-right:15px; list-style:none; float:left; }
.foot ul li a{ color:#eef1fb; display:block;}
.foot ul li a:first-letter{ text-transform:uppercase;}
.foot ul li a:hover{ color:#e8b014;}
.com{ margin:0; padding:10px 0 0 0;}
#logo-abso{ position:absolute; left:550px; top:-166px; z-index:1;}
#smartnav{ display:none;}
.coord-contact{ padding:25px 0;}
.coord-contact a{ color:#000;}
.center{ text-align:center;}
/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background: #292929; border-color: #2d291d; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}
/*REALISATIONS*/
#diapo-container{}
p.titre-diapo{ text-transform:uppercase; font-weight:bold;}
#diapo-container ul, #diapo-container ul li{ margin:0; padding:0; list-style:none;}
#diapo-container .nav-diapo ul li { border-bottom:1px solid #eee;}
#diapo-container .nav-diapo ul li:first-child{ border-top:1px solid #eee;}
#diapo-container .nav-diapo ul li a{ display:block; padding:10px 0 10px 5px; text-transform:uppercase;}
#diapo-container .nav-diapo ul li.link-play a, #diapo-container .nav-diapo ul li a:hover{ background:#1b9bff; color:#fff;}
#diapo-container .nav-diapo ul li a:hover{ opacity:0.8;}
#diapo-container .nav-diapo ul{ padding-left:5px;}
.nav-diapo{ width:28%; float:left;}
#diapo-inner{ width:70%; float:right;}
.nav-diapo .link-disable{ cursor:not-allowed; opacity:0.4;}
@media only screen and (max-width:1059px){
	
}
@media only screen and (max-width:1049px){
	
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:959px){
	#smartnav{ display: block;}
	#menu, .foot, #logo-abso{ display: none;}
	#wrapper, #footer {    width: 98%;    margin: 0 auto;}
	#wrapper{ background:#292929;}
	#contenu{ background:#eef1fb;     margin: 0;    box-sizing: border-box;    padding: 15px;}
	#head {  padding: 15px;    box-sizing: border-box;     display: flex;    flex-direction: column;    justify-content: center;
    align-items: center;}
	.head-1 {    float: none;    width: 100%;    background: #e2ba4a;    height: auto;}
	#cont-flash{ padding:10px;}
	.head-2 {    float: none;    width: 100%;    margin-top: 15px;    display: flex;     background: #e2ba4a; align-items:center;}
	.logo{ padding:0;     height: 188px;}
	.cont-1 {    width: 100%;    padding: 0;    margin: 0;}
	.texte{ padding:0;}
	.texte h3{ text-align:left;}
	.photos1 {   width: 100%;    height: auto; }
	.photos1 ul {    margin: 0;    padding: 10px;    display: flex; justify-content: center;}
	.photos1 ul li{ float:none;}
	.cont-2 {    width: 100%;    padding: 0 0 10px 0;    margin: 0;    display: flex;    justify-content: center;    align-items: center;
    background: #e2ba4a;}
	.photos2 ul{ display: flex;}
	.photos2 ul li {    margin: 0;    padding-bottom: 0;    padding-right: 10px;    list-style: none;}
	#wrapper2 {    background: #322c1c;}
	#footer{ min-height: auto;}
	.com{ padding:10px 0;}
	.page-plan-dacces .cont-2, .page-contact .cont-2, .page-mentions-legales .cont-2{ margin-top:15px;}
}
@media only screen and (max-width:899px){
	
}
@media only screen and (max-width:799px){
	
}
@media only screen and (max-width:767px){
	
}
@media only screen and (max-width:719px){
	.logo{ width:40%; height:auto;}
	.logo img{ width:100%; height:auto;}
}
@media only screen and (max-width:639px){
	
	
}
@media only screen and (max-width:599px){
	.photos1 ul {       width: 78%;    margin: auto; flex-wrap:wrap; padding-bottom:5px;}
	.photos1 ul li{ padding-bottom:5px;}
}
@media only screen and (max-width:532px){
	.head-2{ flex-wrap:wrap;}
	.logo{ width:100%;}
	.cont-coord {    padding-bottom: 15px;}

}
@media only screen and (max-width:479px){
	.coord {      margin: 0;    padding: 0;    height: auto;    overflow: inherit; width: 100%;}
	.cont-coord {    padding: 15px;    text-align: center;    background: no-repeat; width: 100%;}
	.adresse {    width: 100%;    float: none;}
	.mobile {    width: 100%;    float: none;}
	.titre h1 {    color: #292929;    text-indent: 0;    font-size: 22px;    line-height: 24px;}
	.mobile p{ margin:0; padding:0;}
	.titre {    padding-top: 10px;    border-top: 1px solid #fff;}
	.photos1 ul{ width:100%;}
	.photos2 ul {    display: flex;    flex-wrap: wrap;    justify-content: center;}


}
@media only screen and (max-width:359px){
	
}