@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,600,700');

@font-face {
	font-family: 'Merriweather';
	src: url('Merriweather-Bold.eot');
	src: url('Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
		url('Merriweather-Bold.woff') format('woff'),
		url('Merriweather-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
#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: #f7460d; 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;}
.center{ text-align:center}
/*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;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ margin:0; padding:0; width:100%;background:#01141a;}
div,td{ margin:0; padding:0; font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:16px;line-height:20px; font-weight:400;color:#6c7078;-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{ text-decoration:none;  color:#bd203f;-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; display:block; margin:0 auto;}
p{ padding:10px 0; margin:0;}
h1,h2,h3,h4{ margin:0; padding:0; font-weight:normal;}
h1{background: url(../images/ttl.png) left bottom no-repeat, url(../images/ttl_rep.png)left  bottom -2px repeat-x;color: #012936;display: flex; align-items: center;font-family: 'Merriweather'; font-size: 30px;min-height:85px; padding-left: 85px; }
h1::first-letter{font-size:60px; }
ul{ list-style:inside url(../images/liste.png);}
ul h3{ display:inline;}
address,menu{ margin:0; padding:0; font-style:normal;}

.clear,p.clear{ clear:both; height:0; padding:0;}
.clear p{ display:none;}
.none{ display:none;}
.url{ display:inline-block;}
.num{ font-size:16px; font-weight:500; display:inline-block;}
.clearfix:after{ content:""; display:table; clear:both;}
.row{margin: 0 -15px;}
.push-left{margin-left: -15px;}
.push-right{margin-right: -15px;}
.container{margin: 0 auto; max-width: 1356px; padding:0 15px; width: 100%; }


#pageweb,#page-main{ margin:0 auto; max-width: 1920px; overflow: hidden; width:100%;}
#top{ background: #FFF;}
#header{ clear:both; position:relative; padding-top: 15px;}
.header{position: relative; z-index: 888;}
.header:before,.header:after{background: rgba(232,232,232,.9); content: ''; position: absolute;top: 0; bottom: 0; width: 100%;}
.header:before{right:100%;}
.header:after{left: 453px; }
.bloc-nav{display: flex;align-items: center; position: relative; z-index: 10;}
#logo{ max-width: 438px; padding-right: 15px;}
#logo img{max-width: 100%; height: auto;}
.menu{max-width: calc(100% - 438px); width: 100%;}
.menu ul,.menu ul li{ list-style: none; margin: 0; padding: 0;}
.menu ul{display: flex;align-items: center; justify-content: center;}
.menu ul li a{ color: #0e0f10; display: block; font-family: 'Open Sans Condensed'; font-size: 20px; font-weight: 700; padding: 0 30px; text-transform: uppercase;}
.menu ul li a:hover{color:#fe4e1d; }

.head{padding-top: 311px; position: relative; z-index: 888;}
.bloc-info{ display: flex;flex-wrap:wrap;padding-top: 15px; padding-bottom: 15px; position: relative;}
.bloc-info:before{background:rgba(1,20,26,1); content: '';position: absolute; top: 0; bottom: 0; right:50%; width:100%;z-index: -1;}
.info-left{max-width:33.33333333333333%; padding: 0 15px; width: 100%;}
.enseign p:first-child{background: #FFF;color: #1a9ed8; font-family: 'Open Sans Condensed'; font-size: 30px;line-height: 35px; font-weight: 700; text-align: center; text-transform: uppercase;}
.enseign p + p {padding:30px 0 0;}
.info-right{display: flex; flex-wrap: wrap;max-width:66.66666666666667%; width: 100%;}
.col-info{max-width: 50%; padding:0 15px; width: 100%;}
.cont-info{position: relative;}
.prest,.coord{padding-bottom: 10px;}
.texte-info{background: rgba(54,54,54,.9);color: #FFF; font-size: 14px; max-width: 236px;padding:10px; display: flex; flex-direction: column;justify-content: center; position: absolute;top: 0; bottom: 0; text-align: center; width: 100%;}
.texte-info p{padding: 0 0 5px;}
.texte-info span{color: #ffaf03; font-size: 18px; text-transform: uppercase; }
.texte-info a{color: #FFF;}
.texte-info a.tel{font-size: 18px;}
.col-info:nth-child(odd) .texte-info{right: 0;} 
.col-info:nth-child(even) .texte-info{left: 0;} 
.linksite{display: flex; flex-direction: column; justify-content: center; position: relative;}
.linksite:before{background: url(../images/cle.png) right center no-repeat #f7460d;content: '';position: absolute; top: 0; bottom: 0; left: 15px; right: 15px;}
.liensite{color: #FFF;font-family: 'Open Sans Condensed'; padding: 0 15px; text-align: center;}
.liensite span{font-size:30px;font-weight: 700;line-height: 35px; text-transform: uppercase;}
.liensite a{color: #FFF;display: block; font-size: 22px; font-weight: 300;}

#flash{ overflow: hidden;position: absolute;top: 0; width: 100%;}
#slider-inner{margin-left: -960px; position: relative; left: 50%; width: 1920px;}

#central{ background: #FFF;}

#corps{position:relative; min-height:600px;}
.photos ul,.photos ul li{list-style: none; margin: 0; padding: 0;}
.photos ul{line-height: 0;}
.photos a{display: block;}
.photos img{max-width: 100%; height: auto;}
.ttl{padding:30px 0;}

.content-top{display: flex; flex-wrap: wrap;align-items: center;}
.col-content{max-width: 50%; padding: 0 15px; width: 100%;}
.bloc-texte{ text-align: justify; text-align-last: left;}

.content-bt{padding: 40px 0;}
.gal-photos{ padding: 20px 0;position: relative;}
.gal-photos:after{background: #01141a;content: '';position: absolute; top: 0; bottom: 0; left:50%; width:100%;}
.gal-photos ul{display: flex;position: relative; z-index: 10;}
.gal-photos ul li{max-width: 25%; padding: 0 15px; width: 100%;}

#footer{ padding: 10px 0;}
.foot{display: flex; align-items: center; padding: 20px 0;position: relative;}
.foot:before,.foot:after{background: #FFF; content: ''; position: absolute; top: 0; bottom: 0; width: 100%;}
.foot:before{right: 100%;}
.foot:after{left: calc(100% - 200px);}
.link{max-width: calc(100% - 200px);position: relative; z-index: 10; width: 100%;}
.link ul,.link ul li{list-style: none;margin:0; padding: 0;}

.link ul{display: flex; align-items: center;justify-content: center;}
.link ul li a{color: #FFF; display: block; font-size: 16px;padding: 0 15px; text-transform: uppercase; }
.link ul li a:hover{color: #fdb40d;}
.comm{ max-width: 200px;position: relative;z-index: 10; width: 100%;}
.content-contact{ padding-bottom:30px;}


/* ----------------------------------
/* ------------ RESPONSIVE ----------
------------------------------------- */
@media only screen and (max-width:1919px){
	
}
@media only screen and (max-width:1679px){
	
}
@media only screen and (max-width:1599px){
	
}
@media only screen and (max-width:1439px){
	
}
@media only screen and (max-width:1365px){
	
}
@media only screen and (max-width:1359px){
	
		
}
@media only screen and (max-width:1279px){
	
}
@media only screen and (max-width:1151px){
	#flash {    position: relative;}
	#slider-inner {    margin-left: 0;    position: relative;    left: 0;    width: 100%;}
	.head{ padding: 0; }
	.info-left, .bloc-info:before, .gal-photos:after{ display:  none; }
	.info-right, .col-content {   max-width: 100%;    width: 100%;}
	h1 {    background: url(../images/ttl.png) left bottom no-repeat; line-height: 36px;}

}
@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:979px){
}
@media only screen and (max-width:899px){
	#header{ padding: 0; }
	#smartnav {    display: block;}
	.menu, .link, .foot:before, .foot:after{ display:  none; }
	.bloc-nav, .foot{ justify-content: center; }

}
@media only screen and (max-width:799px){
	
}
@media only screen and (max-width:767px){
	.col-info {    max-width: 100%;    padding: 0 15px;    width: 100%;}
	.photos img{ width: 100%; }
	.content-bt {    padding: 10px 0;}
	.gal-photos ul{ flex-wrap: wrap; }
	.gal-photos ul li {    max-width: 50%;    padding: 5px;    width: 100%;}
}
@media only screen and (max-width:719px){
	
}
@media only screen and (max-width:639px){
	
}
@media only screen and (max-width:599px){
	
}
@media only screen and (max-width:532px){

}
@media only screen and (max-width:479px){
	.texte-info{ max-width: 100%; }
	.col-info{ margin-bottom: 5px; }
	h1 {
    background: url(../images/ttl.png) top center no-repeat;
    line-height: 36px;
    padding: 85px 0 0 0;
    text-align: center !important;
}
}
@media only screen and (max-width:359px){
	
}