#smartnav{ display:none;}

/* Fonts */
@font-face {
  font-family: 'Lato-Bold';
  src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'),  url('Lato-Bold.woff') format('woff'), url('Lato-Bold.ttf')  format('truetype'), url('Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Light';
  src: url('Lato-Light.eot?#iefix') format('embedded-opentype'),  url('Lato-Light.woff') format('woff'), url('Lato-Light.ttf')  format('truetype'), url('Lato-Light.svg#Lato-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Default **/
body{ margin:0; padding:0; background:#fff ; }
div, td{ margin:0; padding:0; font-family:'Lato-Light', Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; color:#242b30;-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:#0c70b8; 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: url(../images/bg_top.jpg) top center no-repeat;}
#cont-flex{ display: flex; flex-direction:column;}
#cont-adr{ padding-top:45px; padding-bottom:45px; display: flex; justify-content: flex-end; align-items:center; }
#cont-adr > div{ color:#fff;}
.logo{ margin-right:auto; font-size:22px; text-transform: uppercase;}
.logo span{ font-family: 'Lato-Bold'; font-size:36px;}
.adr{ background: url(../images/fd_adr.png) left center no-repeat; text-transform: uppercase; padding:5px 0 5px 54px; width:280px; box-sizing:border-box;}
.tel{ font-family: 'Lato-Bold'; width:264px; box-sizing: border-box; padding-left:50px; background: url(../images/fd_tel.png) left center no-repeat; }
.tel a{ color:#fff; font-size:30px; line-height:52px; }
#cont-mn{ padding:20px 15px; text-align:center; background:rgba(0,0,0,0.8);}
#cont-mn ul{ margin:0; padding:0; list-style: none; line-height:0; font-size:0;}
#cont-mn ul li{ display: inline-block; width:179px; height:110px; margin:0 5px; padding:0;}
#cont-mn ul li a{ display: block; position:relative; font-size:16px; line-height:62px; text-align:center; text-transform: uppercase; color:#fff; padding:48px 5px 0 5px;  }
#cont-mn ul li a span{ display: inline-block; vertical-align: middle; line-height:20px;}
#cont-mn ul li a::before{ content:""; display: block; position:absolute; left:0; right:0; width:100%; top:0;  height:48px; background: url(../images/mn1.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(2) a::before{ background: url(../images/mn2.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(3)  a::before{ background: url(../images/mn3.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(4)  a::before{ background: url(../images/mn4.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(5)  a::before{ background: url(../images/mn5.png)  bottom center no-repeat; }
#cont-mn ul li:last-child a::before{ background: url(../images/mn6.png)  bottom center no-repeat; }
#cont-mn ul li a:hover{ background:#0c70b8;}
#cont-mn ul li a:hover::before{ background: url(../images/mn1_r.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(2) a:hover::before{ background: url(../images/mn2_r.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(3)  a:hover::before{ background: url(../images/mn3_r.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(4)  a:hover::before{ background: url(../images/mn4_r.png)  bottom center no-repeat; }
#cont-mn ul li:nth-child(5)  a:hover::before{ background: url(../images/mn5_r.png)  bottom center no-repeat; }
#cont-mn ul li:last-child a:hover::before{ background: url(../images/mn6_r.png)  bottom center no-repeat; }
#cont-fla{ padding:0; position:relative;}
#cont-fla::after, #cont-fla::before{ content:""; display: block; width:125px; height:134px; position:absolute; bottom:-82px; z-index:100;}
#cont-fla::after{ right:15px; background: url(../images/deco_right.png) no-repeat;}
#cont-fla::before{ left:15px; background: url(../images/deco_left.png) no-repeat;}
#fla{ width:100%; overflow: hidden; position:relative; z-index:20;}
#flash{ position:relative; left:50%; margin-left:-588px; z-index:20; width:1176px; height:500px; }
#logo{ position:absolute; left:0; right:0; top:125px; text-align:center; width:100%; z-index:80;}
#ttl{ width:72%; margin:0 auto; padding:30px 0; text-align:center; border-bottom:1px solid #304361; position:relative; }
#ttl::after{ height:5px; width:30px; background:#0c70b8; margin: auto; bottom:-5px; left:0; right:0;  content:""; display: block; position:absolute; }
h1{ font-size:22px; text-transform: uppercase; line-height:24px;}
.cont-txt{ padding:50px 0; display: flex; justify-content:center; align-items: center;}
.ph{ width:584px; order:1; display: flex; }
.txt{ width:calc(100% - 584px); display: flex; order:2; flex-direction:column;}
.presta{ padding:20px 0 30px 0;}
.presta h2{ text-align:center; padding:0 0 30px 0;  font-family: 'Lato-Bold'; font-size:30px; text-transform: uppercase;}
.presta a{ position:relative; display: block;}
.presta a span{ display: block; position:absolute; bottom:0; left:0; width:100%; padding:15px 0; color:#fff; font-family: 'Lato-Bold'; font-size:15px; text-align:center; text-transform: uppercase; background:rgba(0,0,0,0.8); }
#bot{ background:#0c70b8; padding:50px 0;}
.txt-bot{ color:#fff;}
.txt-bot h2, .txt h2, .txt-autres h2{ font-size:20px;  font-family: 'Lato-Bold' ; line-height:22px; text-transform: uppercase; padding-bottom:20px; }
.ph-bot a{ display: block; padding-bottom:20px;}
.txt-autres{ padding-bottom:30px;}
.cont-txt-contact{ padding :30px 0;}
/** footer  **/
footer{ background:#202427; 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; padding:0 ;}
.mn-foot ul li a{  color:#fff; text-transform: uppercase; font-size:13px; line-height:60px; display: block; padding:0 10px;}
.mn-foot ul li a:hover{ text-decoration:none; color:#009ecb;  }
.com, .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: #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;}
@media screen and (max-width: 767px){
	#smartnav{ display:block;}
	#nav{ display:none;}
	}
/** 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{ 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;}
	
	
	}
@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;}
	
}