@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'NeoSansPro-Regular';
  src: url('NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),  url('NeoSansPro-Regular.woff') format('woff'), url('NeoSansPro-Regular.ttf')  format('truetype'), url('NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeoSansPro-Bold';
  src: url('NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),  url('NeoSansPro-Bold.woff') format('woff'), url('NeoSansPro-Bold.ttf')  format('truetype'), url('NeoSansPro-Bold.svg#NeoSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wicon';
  src: url('wicon.eot?#iefix') format('embedded-opentype'),  url('wicon.woff') format('woff'), url('wicon.ttf')  format('truetype'), url('wicon.svg#wicon') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {	 margin:0; 	 padding:0;	 width:100%;	 background: #fff;	 }
*:before, *:after {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
div, td { 	font-family:'NeoSansPro-Regular',Arial, Helvetica, sans-serif;	margin:0;	padding:0;	color:#2a2a2a;	line-height:24px;	font-size:16px;	}
a { 	font-family: "NeoSansPro-Regular", Helvetica, Arial, sans-serif;	text-decoration:none; color:#edd110; 	-moz-transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;   -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;	}
a:hover {	color:#eea626;	}
.clear { 	clear:both;	height:0;	}
.img {	 border:none;	 }
h1, h2, h3, h4 {	font-family: "NeoSansPro-Regular", Helvetica, Arial, sans-serif;	margin:0;    padding:0;	}
.container{ max-width:1060px; padding:0 20px; position:relative; z-index:100; margin:0 auto}
/** HEADER  **/
header{ position: relative; width:100%; min-height:700px; }
#flash{ position:absolute; top:0; height:700px; width:100%; overflow:hidden; z-index:10;}
#fla{ position: relative; z-index:10; width:1920px; height:700px; left:50%; margin-left:-960px;}
#fla:before, #fla:after{ display:block; content:""; position:absolute;  width:100%; top:0; left:0;}
#fla:before{ background:rgba(138,138,138,0.5); height:140px; z-index:50;}
#fla:after{ background:rgba(0,0,0,0.6); height:100%; z-index:30;}
#cont-logo{ padding:10px 0;}
#logo{ float:left; width:30%;}
#mn{ float:right; width:70%; text-align:right; padding-top:10px; height:100px;}
#mn ul{ margin:0; padding:0; font-size:0;}
#mn ul li{ display: inline-block; margin:0 25px 0 0; padding:0;}
#mn ul li a{ display: block; line-height:52px; padding:48px 20px 0 20px; font-size:14px; text-transform: uppercase; /*border:1px dashed #edd110;*/ position:relative; color:#fff;     background: #954a83;  }
#mn ul li a::before{ display: inline-block; position:absolute; text-align: center; left:0; right:0; bottom:0; top:0; z-index:20; font-family: 'wicon'; color:#fff; font-size:26px; line-height:66px;}
#mn ul li:first-child a::before{ content:"\e010";}
#mn ul li:nth-child(2) a::before{content:"\e045";}
#mn ul li:nth-child(3) a::before{content:"\e06a";}
#mn ul li:last-child a::before{content:"\e080";}
#mn ul li a:hover{ background:#edd110; border-color:#fff; color:#2a2a2a;}
#mn ul li a:hover::before{ color:#2a2a2a;}
#head{ margin:0 auto; max-width:900px;}
#coord{ margin:64px 0; padding:20px 0; background: url(../images/fd_coord.png) center center no-repeat #2a2a2a;}
.nom{ line-height:154px; float:left; text-align: right; width:48%; padding-right:2%;}
.nom p{ display: inline-block; line-height:46px; font-family: 'NeoSansPro-Bold'; color:#fff; vertical-align: middle; font-size:40px;}
.coord{ float:right; width:48%; padding-left:2%; padding-top:26px;}
.adr{ padding-left:42px; background: url(../images/fd_adr.png) top left no-repeat; color:#fff; font-size:16px; text-transform: uppercase; line-height:22px;}
.tel{ margin:15px 0; background: url(../images/fd_tel.png)left center no-repeat; padding-left:42px; font-size:24px;}
.tel a, .mail a{ color:#fff;}
.mail{ background: url(../images/fd_mail.png) left center no-repeat; font-size:16px; padding-left:42px;}
.ttl-presta{ text-align: center; text-transform: uppercase; color:#fff; font-size:24px; position:relative;}
.ttl-presta::before, .ttl-presta::after{ content:""; width:120px; height:2px; background:#fff; top:12px; left:0; display: block; position:absolute;}
 .ttl-presta::after{ right:0; left: inherit;}
 .presta{ color:#fff; font-size:18px; text-align:center; line-height:22px; padding:30px 0; width:80%; margin:0 auto;}
 .rezo{ text-align:center;}
 
 /**CENTRAL **/
 #ttl{ margin:20px auto; background: url(../images/fd_ttl.jpg)top left no-repeat;  min-height:60px;}
 .nav{ padding-bottom:10px; padding-left:80px;}
 h1{ font-family: 'NeoSansPro-Bold'; font-size:26px; padding-left:80px;}
 #bloc1{ padding:30px 0; background:#b9b7b7;}
  #bloc1 .txt{ padding-top:10px;}
 .ph{ float:right; width:400px; text-align:right}
 #bloc2, #bloc3{ padding:30px 0;}
.ph1{ width:360px; float:left;}
.cont-2 .ph1{ float: right; text-align:right;}
.cont-2{ padding-top:30px;}
h2{ background:#2a2a2a; padding:10px 20px; display: inline-block; font-size:16px; color:#fff; font-weight: normal; line-height:22px;}
#bloc3{ background:#2a2a2a;}
.ph-bot{ float:left; width:350px; position:relative; }
.beton{ height:133px; width:212px; background:rgba(150,74,138,0.7); line-height:133px; color:#fff; text-align:center; position:absolute; top:40px; left:51px;  }
.beton h3{ font-size:24px; text-transform: uppercase; line-height:26px; display: inline-block; vertical-align:middle; font-weight:normal;}
#bloc3 h2{ background:#964a84;}
.txtbot div{ color:#fff;}
.encart{     padding: 30px 0;
    text-align: center;
    border-bottom: 2px dashed #edd110}

/*** FOOTER  ***/
footer{ border-bottom:10px solid #edd110; background: url(../images/fd_footer.jpg) top center no-repeat; min-height:156px;} 
footer .container{ padding:30px 20px;}
.link{ float:left; line-height:80px;}
.link ul{ margin:0; padding:0; font-size:0;}
.link ul li{ display: inline-block; line-height:22px; vertical-align:middle; padding:0 10px; margin:0; position:relative;}
.link ul li::after{ content:""; position:absolute; display: block; width:1px; height:15px; top:4px; right:-1px; background:#fff;}
.link ul li:last-child::after{ display:none;}
.link ul li a{ color:#fff; font-size:14px; text-transform: uppercase;}
.link ul li a:hover{ color:#edd110;}
.com{ float:right;}
 


/*CONTACT*/
.contact{ padding: 30px 0;}
.contact h2{ display: block;}
.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: #954a83; border-color: #954a83; -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;}

	#smartnav{ display:none;}
	#nav{ display:none;}


/** RESPONSIVE ck **/

@media only screen and (max-width: 1044px){
#mn ul li{ margin:0 20px 0 0;}
}
@media only screen and (max-width: 1024px){
	.container{ width:98%; padding-left:0; padding-right:0;}
	footer .container{ padding:30px 0;}
	#mn ul li {    margin: 0 14px 0 0;}
}
@media only screen and (max-width: 979px){
	.ph1 img{ width:96%; height:auto;}
	.txt h2{ display: block;}
	#mn ul li {    margin: 0 5px 0 0;}
	#mn ul li a {    padding: 48px 15px 0 15px;}
	.link ul li a{ font-size:12px;}
}
@media only screen and (max-width: 899px){
	#mn ul li a{    padding: 48px 20px 0 20px;    font-size: 15px;}
	.ph{ width:330px;}
	.ttl-presta::after, .ttl-presta::before{ display:none;}
	#mn, .link { display: none;}
	#logo, .com{ float:none; text-align:center; width:auto;}
#smartnav {
    background: #2a2a2a !important;
    display: block;
}
}
@media only screen and (max-width: 750px){
	

}
@media only screen and (max-width: 719px){
.nom p{ font-size:34px; line-height:40px;}	
h1{ font-size:20px;}

}
@media only screen and (max-width: 599px){
.mail{ font-size:14px;}
.nom p{ font-size:28px; line-height:32px;}
#coord {    margin: 44px 0;}
.ph, .ph1, .cont-2 .ph1 {    width: 80%;    float: none;    text-align: center;    margin: 0 auto;}
.ph1{ margin-bottom:30px !important;}
h2{ display: block !important;}
.ph-bot {    float: none;     position: relative; width:313px;    margin: 0 auto;}
.txtbot{ padding-top:30px;}
.encart img{ width:100%; height:auto;}
}
@media only screen and (max-width: 532px){
	.nom{ display: none;}
	#coord {    background:#2a2a2a;}
	.mail {    font-size: 16px;}
	.coord {   float: none;    width: 58%;    padding-left: 0;    padding-top: 0;    margin: 0 auto;}
	.ph img{ width:100%; height:auto;}
	.nav-diapo, #diapo-inner{ width:100%; float:none;}

}
@media only screen and (max-width: 479px){
	.coord {width: 80%;}

} 
@media only screen and (max-width: 375px){
.coord {    width: 90%;}
#coord {
    margin: 24px 0;
}
.form-content form div:first-child{ font-size:14px;}
}