#smartnav{ display:none;}

/* CSS Document */
@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.eot?#iefix') format('embedded-opentype'),  url('OpenSans.woff') format('woff'), url('OpenSans.ttf')  format('truetype'), url('OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('OpenSans-Bold.woff') format('woff'), url('OpenSans-Bold.ttf')  format('truetype'), url('OpenSans-Bold.svg#OpenSans-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; background: #fff; }
div, td{ margin:0; padding:0; font-family:'OpenSans', Arial, Helvetica, sans-serif; color:#292725; font-size:14px; line-height:16px;}
a{ color:#02b99d; text-decoration:none; border:none; font-weight:normal; -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;}
img{ border:none;}
.clear{ clear:both;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal;}
#pageweb{}
.wrapper{ max-width:1010px; margin:0 auto; padding:0 25px;}

/** TOP ***/

header{ background: url(../images/fd_top.jpg) left center no-repeat;}
#cont-logo{ padding:20px 0; }
#cont-logo .wrapper{ background:rgba(215, 220, 223, 0.3); padding:25px 25px 15px 25px;}
#logo{ width:50%; float:left; height:174px;}
#cont-coord{ float:right; width:50%;}
.adr{ float:left; width:42%; background: url(../images/fd_adr.png) left top no-repeat; color:#fff; padding-left:8%;}
.tel{ float: right; width: 42%; background: url(../images/fd_tel.png) left center no-repeat; line-height:25px; font-size:26px; padding-left:8%;}
.tel a{ color:#fff;}
.lvs span{ color:#fff; font-size:24px; font-family: 'OpenSans-Bold'; text-transform: uppercase; display: block; padding:25px 0;}
.lvs  p{ margin:0; padding:0;}
#cont-mn{ background: rgba(41,39,37,0.9); padding:10px 0;}
#mn{ float: left;}
#mn ul{ margin:0; padding: 0; font-size: 0; text-align: center;}
#mn ul li{display: inline-block; padding: 0; margin: 0; position: relative;}
#mn ul li::after{ content:""; display: block; position: absolute; height: 14px; width: 1px; background: #fff; top: 14px; right: 0;}
#mn ul li:last-child::after{ display:  none;}
#mn ul li a{font-size: 16px; color: #fff; text-transform: uppercase; padding: 0 15px; line-height:42px; font-family: 'OpenSans-Bold';}
#mn ul li a:hover{ color: #02b99d}
.rezo{ float: right; height:32px; padding-top:5px;}

/** Content **/

#central{ padding-top:20px; }
#cont-ttl{ background: url(../images/fd_ttl.png) top left no-repeat; min-height:42px; padding-left:50px;}
.breadcrumb{ color:#292725; font-size:12px;}
.breadcrumb a{ color:#292725; }
h1{ font-size:24px; line-height:26px; font-family: 'OpenSans-Bold'; text-transform: uppercase;}
h2{ font-size:16px; text-transform: uppercase; color:#02b99d;}
.ph{ float:right; width:400px; text-align:right; margin-top:-62px; margin-left:50px;}
.ph img{ display: block;}
.txt{ padding-top:10px;}
.bloc-ph{ background:#808281; margin:30px 0;}
.bloc-ph ul{ margin:0; padding:20px 0 12px 0; font-size:0;}
.bloc-ph ul li{ display: inline-block; margin:0; padding:0 30px 0 0;}
.bloc-ph ul li:last-child{ padding:0;}
.bloc-ph ul li img{ display: block;}
.txt-bot{ padding-bottom:30px;}
.txt-autre{ padding:20px 0;}



/** FOOTER  **/

footer{ background: url(../images/fd_footer.png) top center no-repeat; padding:5px; min-height:140px; }
.link{ padding:20px 0;}
.link ul{ margin:0; padding: 0; font-size: 0; text-align: center;}
.link ul li{display: inline-block; padding: 0; margin: 0; position: relative;}
.link ul li::after{ content:""; display: block; position: absolute; height: 10px; width: 1px; background: #02b99d; top: 16px; right: 0;}
.link ul li:last-child::after{ display:  none;}
.link ul li a{font-size: 14px; color: #fff; text-transform: uppercase; padding: 0 8px; line-height:42px;}
.link ul li a:hover{ color: #02b99d}
.com{ height:42px; 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: #00a0d2; border-color: #0073aa; -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;}

/** RESPONSIVE  **/
@media only screen and (max-width: 1044px){
	.bloc-ph ul{ text-align:center;}
	.bloc-ph ul li{ padding:0; width:25%; text-align:center}	
	.bloc-ph ul li img{ width:94%; height:auto; display: inherit;}
}
@media only screen and (max-width: 1024px){
	
}
@media only screen and (max-width: 979px){
	
}
@media only screen and (max-width: 900px){
	.wrapper{ padding-left:10px;  padding-right:10px;}
	#logo{ width:30%; height:auto; padding-top:30px;}
	#logo img{ width:100%; height:auto;}
	#cont-coord{ width:60%;}
	

}
@media only screen and (max-width: 750px){
	#cont-coord{ width:65%;}

}
@media only screen and (max-width: 719px){
	header{ background-size:cover;}
	#mn, .link, .ph{ display: none;}
	#smartnav{ display: block;}
	#cont-mn .wrapper{ padding:0; }
	.rezo{ float:none; text-align:center; padding:0;}
	#logo {    width: 60%;    height: auto;    padding-top: 0;    float: none;    margin: 0 auto;}
	#cont-coord{ float:none; margin:0 auto; width:80%;}
	footer{ min-height: inherit;}
	.com{ padding:15px 0 10px 0;}
	
}
@media only screen and (max-width: 620px){
	
}
@media only screen and (max-width: 599px){
	#cont-coord{ width:100%;}

}
@media only screen and (max-width: 520px){
	
	
} 
@media only screen and (max-width: 479px){
	#logo{ width:80%;}
	.adr, .tel{ float:none; width:88%; padding-left:12%; }
	.tel{ margin:15px 0;}
	.lvs img{ width:100%; height:auto;}
	 
	}
@media only screen and (max-width: 379px){
	.lvs span{ font-size:18px;}

}