/* Fonts */
@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: '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;
}

@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;
}

/** Default **/
body{ margin:0; padding:0; background:#fff ; }
div, td{ margin:0; padding:0; font-family:'OpenSans', Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#232529;-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{ color:#fbde00; text-decoration:none; border:none; -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{ position:relative; width:100%; overflow: hidden;}
.wrapper{ max-width:1176px; width:98%; margin:0 auto;}
/** header **/
header{ background:#efefef; color:#fff;}
#fla{ width:100%; height:600px;  position: relative; z-index:10;  overflow:hidden; }
#flash{ width:1920px; margin-left:-960px; left:50%; position:relative; z-index:2; }
#cont-logo{ padding:15px 0;}
.mn{ padding:10px 0;}
.mn ul{ margin:0; padding:0; font-size:0; line-height:0;}
.mn ul li{ display: inline-block; width:150px; height:100px; text-align:center; margin:0 0 0 15px;}
.mn ul li a{ padding:60px 0 0 0; box-sizing:border-box; line-height:40px; color:#939393; font-family: 'OpenSans-Bold'; font-size:16px; text-transform: uppercase; display: block; background:#fff; position:relative;}
.mn ul li a:hover{ background:#1d3d7a; color:#fff; text-decoration:none;}
.mn ul li a::before{ content: url(../images/mn1.png); display:block; position:absolute; left:0; right:0; width:100%; top:15px;  }
.mn ul li:nth-child(2) a::before{ content:url(../images/mn2.png)}
.mn ul li:last-child a::before{ content:url(../images/mn3.png)}
.mn ul li a:hover::before{content: url(../images/mn1_r.png);}
.mn ul li:nth-child(2) a:hover::before{ content:url(../images/mn2_r.png)}
.mn ul li:last-child a:hover::before{ content:url(../images/mn3_r.png)}
#cont-coord{ position:absolute; top:0; bottom:0; z-index:200; width:100%; padding-top:136px;}
#coord{ background:rgba(239, 239, 239, 0.9); width:490px; height:300px; box-sizing:border-box; padding:15px; display: flex; justify-content:center; align-items:center; flex-direction:column ; color:#3d3d3d;}
#coord h2{ color:#1d3d7a; font-size:24px; text-transform: uppercase; line-height:26px;  font-family: 'OpenSans-Bold'; padding-bottom:15px;}
#coord ul{ display: flex; margin:0; padding:20px 0 0 0; }
#coord ul li{ padding:0; list-style: none;}
#coord p{ font-size:18px;}
#coord p a{ display: inline-block; font-size:24px; color:#3d3d3d; background: url(../images/tel.png) left center no-repeat; line-height:36px; font-family: 'OpenSans-Bold'; padding-left:26px;  }
#coord p a:hover{ text-decoration:none;  color:#1d3d7a;}
#top{ padding:30px 0;}
h1{ color:#1d3d7a; font-size:24px; font-family: 'OpenSans-Bold'; line-height:26px; padding:15px 0; border-bottom:1px solid #e2e3e4; text-align:right; text-transform: uppercase;}
.txt{ padding:20px 0;}
.txt-bot h2{ font-size:16px; padding-bottom:10px; text-transform: uppercase; line-height:24px;}
.ph{}
.ph ul{ margin:0; padding:0; list-style:none; display:flex; justify-content: space-around; align-items:center;}
.ph ul li{}
.presta h2{ color:#fbde00; font-size:24px; font-family: 'OpenSans-Bold'; line-height:50px; background:#1d3d7a; text-indent:15px; }
.presta ul{ margin:0; padding:0; list-style: none; background:#efefef;}
.presta ul li{ border-bottom:1px solid #fff; text-transform: uppercase; display: flex; align-items:center;}
.hor{ padding-top:20px; color:#fff;}
.hor h2{ display: flex; font-size:24px; text-align:center; align-items:center; font-family: 'OpenSans-Bold'; text-transform: uppercase; padding-bottom:20px }
.hor ul{ margin:0; padding:0;}
.hor ul li{ background: url(../images/puce.png) left 5px no-repeat; margin:0 0 7px 0; padding:0 0 0 20px; list-style:none;}
#bot{  background:#1d3d7a; padding:30px 0;}
.txt-bot{ color:#fff;}
footer{ background:#303134; padding:15px 0;}
.mn-foot { padding-bottom:20px}
.mn-foot ul{ margin:0; padding:0; font-size:0; list-style: none; text-align:center;}
.mn-foot ul li{ display: inline-block;  margin:0 5px; padding:0 ;}
.mn-foot ul li a{  color:#fff; text-transform: uppercase; font-size:16px; line-height:60px; display: block; padding:0 15px;}
.mn-foot ul li a:hover{ text-decoration:none; color:#009ecb;  }
.com{ text-align:center;}
#smartnav{ display:none;}
/*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: 1919px){
	
}
@media only screen and (max-width: 1359px){

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

}

@media only screen and (max-width: 1023px){
	.ph ul li{ width:50%; }	
	.ph ul li img{ width:96%; height:auto;}
}
@media only screen and (max-width: 979px){
	
}
@media only screen and (max-width: 899px){
	.hor h2{ flex-direction: column;}
	
}
@media only screen and (max-width: 799px){
	
	}
@media only screen and (max-width: 760px){
	.mn{ text-align:center;}
	h1{ text-align: left;}
	.presta{ padding-top:20px;}
	.hor, #coord p{ text-align:center;}
	.hor h2{ flex-direction:row; justify-content:center;}
	.hor ul li{  background:none;}
	
	
	}
@media only screen and (max-width: 719px){
	
	}
@media only screen and (max-width: 639px){
	
	}
@media only screen and (max-width: 599px){
	.mn, .mn-foot{ display:none;}
	#smartnav{ display:block;}
	
	
	}
@media only screen and (max-width: 529px){ 
	#coord{ width:100%;}
	
}
@media only screen and (max-width: 479px){ 
#fla{ height:auto;}
#flash{ display:none; }
#coord{ height:auto;}
#cont-coord{ position:relative;  background: url(../images/fla.jpg) no-repeat; background-size: cover;  padding:10px 0;}
#coord h2{ text-align:center;}
#coord ul{ flex-direction: column;}
	
}
@media only screen and (max-width: 379px){ 
.logo img{ width:90%; height:auto;}
	
}