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

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

@font-face {
  font-family: 'Pacifico-Regular';
  src: url('Pacifico-Regular.eot?#iefix') format('embedded-opentype'),  url('Pacifico-Regular.woff') format('woff'), url('Pacifico-Regular.ttf')  format('truetype'), url('Pacifico-Regular.svg#Pacifico-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body { margin:0; padding:0;width:100%;}
div, td{font-family: 'Lato-Light';margin:0;padding:0;color:#000;line-height:22px;font-size:16px;}
a {	text-decoration:none;font-size:16px;color: #253bb2;	-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:#000}
.clear { clear:both;height:0;}	
img { border: none; display: block; margin: 0 auto;}	 
h1, h2, h3, h4 {margin: 0; padding:0;}
h1 {font-family: 'Pacifico-Regular';font-size:35px;line-height: 34px;color: #fff;font-weight: normal;text-align: center;}	
h2 {font-family: 'Lato-Black'; text-transform: uppercase;font-size:20px;color: #253bb2;}
p{padding: 10px 0;margin: 0;}
*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.center{text-align:center;}
#pageweb { overflow: hidden; width: 100%;}
.container { margin:0 auto; width: 100%; max-width: 1176px; padding: 0 15px;}

/*TOP*/
#cont-logo{background: #253bb2; padding-top: 25px;}
.cont-logo-top{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.adr{ background: url(../images/adr.png) no-repeat left center; padding-left: 25px; color: #fff; font-size: 16px; line-height: 16px;}
.tel{ background: url(../images/tel.png) no-repeat left center; padding-left: 25px; margin-top: 5px;}
.tel a{font-family: 'Lato-Black'; color: #fff; font-size: 20px;}
.tel a:hover{color: #000;}
#logo img{max-width: 100%;height: auto;}

#bloc-fla{position: relative;}
.bloc-menu{ position: absolute;z-index: 100;top: 0; right: 0; bottom: 0; left: 0;}
.bloc-menu-top{position: relative;}
.menu {background: rgba(0,0,0,0.8);}
.menu ul { margin: 0; padding: 0; display: flex; justify-content: center;}
.menu ul li { list-style: none; position: relative; z-index: 0;}
.menu ul li::before { content: ""; position: absolute; background: #00377c; width: 100%; height: 100%; z-index: -1; left:0; right:0; top: 0; bottom: 0; transform: scaleY(0); transform-origin: 100% 0; transition-duration: 0.3s;-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;}
.menu ul li:hover::before { transform: scaleY(1); width: 100%;}
.menu ul li a {font-family: 'Lato-Black'; display: block; color: #fff; padding: 25px 40px; font-size: 15px; text-transform: uppercase;}

/*JSSOR*/
#flash { position: relative; width: 100%;}
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		transform: rotate(0deg);}

	to {transform: rotate(360deg);}
}

.jssorb053 .i {position:absolute;cursor:pointer;}
.jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
.jssorb053 .i:hover .b {fill-opacity:.7;}
.jssorb053 .iav .b {fill-opacity: 1;}
.jssorb053 .i.idn {opacity:.3;}

.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}
/*JSSOR*/

/*CENTRAL*/
#central {}
.ttl{ background: #253bb2; padding: 20px 15px;}
#corps{padding: 60px 0;}

.txt1{width: 100%; max-width: 860px; margin: 0 auto; text-align: center;}
#section{ background: url(../images/bg_bloc2.jpg) no-repeat center top; background-size: cover; padding: 90px 0; margin-top: 60px;}
.txt2 > div{ color: #fff;}
.gal{padding-top: 60px;}
.gal ul{margin: 0;padding: 0;display: flex;justify-content: space-between; flex-wrap: wrap;}
.gal ul li{list-style: none;width: 100%;max-width: 25%;padding: 0 15px;}
.gal ul li img{max-width: 100%;height: auto;}

/*FOOTER*/
#footer { background: #000;}
.cont-foot{display: flex;justify-content: space-between;flex-wrap: wrap; align-items: center;padding-top: 50px; padding-bottom: 50px;}
.coord-foot p,.link p{color: #00377c;text-transform: uppercase;font-family: 'Lato-Black'; padding-bottom: 20px; font-size: 20px;text-decoration: underline;}
.foot-c-bot{margin-top: 30px;}
.adr-f{ background: url(../images/adr.png) no-repeat left center; padding-left: 25px; color: #fff; font-size: 16px; line-height: 16px;}
.tel-f{ background: url(../images/tel.png) no-repeat left center; padding-left: 25px; margin-top: 5px;}
.tel-f a{font-family: 'Lato-Black'; color: #fff; font-size: 20px;}
.tel-f a:hover{color: #00377c;}

.plan img{max-width: 100%; height: auto;}

.link {}
.link ul { margin: 0; padding: 0;}
.link ul li { list-style: none; position: relative; z-index: 0; border-bottom: 1px #fff solid;}
.link ul li:last-child{border: none;}
.link ul li::before { content: ""; position: absolute; background: #00377c; width: 100%; height: 100%; z-index: -1; left:0; right:0; top: 0; bottom: 0; transform: scaleX(0); transform-origin: 100% 0; transition-duration: 0.3s;-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;}
.link ul li:hover::before { transform: scaleX(1); width: 100%;}
.link ul li a { display: block; color: #fff; font-size: 16px; padding: 10px 20px; text-transform: uppercase;}
.com { padding: 30px 0; display: flex; justify-content: center; background: #fff;}

/*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: #000; 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:100%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:500px;}
/*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; color: #000;}
#diapo-container .nav-diapo ul li.link-play a, #diapo-container .nav-diapo ul li a:hover{ background:#000; color:#fff;}
#diapo-container .nav-diapo ul li a:hover{ opacity:0.8;}
.nav-diapo{ display: none;}
#diapo-inner{ width:70%; margin: 0 auto;}
.nav-diapo .link-disable{ cursor:not-allowed; opacity:0.4;}
@media screen and (max-width: 767px){
	#smartnav{ display:block;}
	#nav{ display:none;}
	}

#smartnav{ display:none;}

/*RESPONSIVE*/
@media only screen and (max-width:979px){
	#smartnav{display: block;}
	.bloc-menu,.link{display: none;}
	#diapo-inner{ width:80%;}
}
@media only screen and (max-width:899px){
	#diapo-inner{ width:90%;}
}
@media only screen and (max-width:799px){
	#cont-logo{padding: 20px 0;}
	.cont-logo-top{flex-direction: column; justify-content: center;}
	#logo{order: 1;}
	.bloc-contact1,.bloc-contact2{width: 100%; max-width: 210px;}
	.bloc-contact1{order: 2; padding: 15px 0;}
	.bloc-contact2{order: 3;}
	.gal ul li{padding: 0 5px;}
	#diapo-inner{ width:100%;}
}
@media only screen and (max-width:767px){}
@media only screen and (max-width:719px){
	#corps,#section{padding: 40px 0;}
	#section{margin-top: 40px;}
	.gal{padding-top: 40px;}
	.cont-foot{flex-direction: column; padding-top: 30px; padding-bottom: 30px;}
	.plan{padding-top: 20px;}
}
@media only screen and (max-width:639px){}
@media only screen and (max-width:599px){}
@media only screen and (max-width:532px){
	div,td{font-size: 14px;}
	h1{font-size: 27px;}
	.gal ul li{max-width: 50%; padding: 5px;}
}
@media only screen and (max-width:479px){}
@media only screen and (max-width:359px){}