@font-face {
  font-family: 'Lato-Regular';
  src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('Lato-Regular.woff') format('woff'), url('Lato-Regular.ttf')  format('truetype'), url('Lato-Regular.svg#Lato-Regular') 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;
}

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

body {
	 margin:0; 
	 padding:0;
	 width:100%;
	 background: #f6f6f6;
	 }

div, td {
	font-family: 'Lato-Light';
	margin:0;
	padding:0;
	color:#29292d;
	line-height:22px;
	font-size:18px;
	}

a {
	text-decoration:none;
	font-size:18px;
	color:#3b62c9;
	font-weight: bold;
	-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:#29292d;
	}

.clear { 
	clear:both;
	height:0;
	}
	
.img {
	 border: none;
     display: block;
     margin: 0 auto;
	 }
	 
h1, h2, h3, h4 {
	text-transform: uppercase;
	margin:0;
    padding:0;
	}

h1 {
	font-family: 'Lato-Bold';
	font-size:30px;
	color:#29292d;
	line-height: 30px;	
	}	

h1:first-letter {
	color: #3b62c9;
}

h2 {
	font-size:24px;
	color:#29292d;
	font-family: 'Lato-Black';
	}

h2:first-letter {
	color: #3b62c9;
}

*,*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}

.center { text-align: center;}

#pageweb { width:100%; overflow: hidden;}
.wrapper { width: 100%; max-width: 1146px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}

/*TOP*/
#top {}
#coord { background: #29292d; padding: 35px 0;}
.coordonnee { display: flex; justify-content: space-between; align-items: center;}
.adr { background: url(../images/picto_adr.png) left center no-repeat; color: #fff; line-height: 17px; font-size: 17px; padding-left: 35px;}
.tel { background: url(../images/picto_tel.png) right center no-repeat; padding: 5px 40px 5px 0;}
.tel a { font-family: 'Lato-Bold'; font-size: 24px; color: #fff;}
.tel a:hover { color: #3b7cda;}

#logo { background: #fff; position: relative; z-index: 900; padding: 20px 0; width: 100%; max-width: 460px; height: auto; text-align: center; margin: 0 auto -155px auto; -webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
#logo img { max-width: 100%; height: auto;}

#flash { width:100%; height:365px; overflow:hidden; position:relative;}
.anim { width:1920px; position:relative; left:50%; margin-left:-960px;}

.mn { margin-top: -70px; position: relative; z-index: 900;}
.mn ul { display: flex; margin: 0; padding: 0; justify-content: flex-end;}
.mn li { position: relative; width: 100%; max-width: 280px; height: 140px; list-style: none; z-index: 0; display: flex; align-items: center;}
.mn li.tnav-01 { background: #3b1291;}
.mn li.tnav-02 { background: #3b2ba3;}
.mn li.tnav-03 { background: #3b62c9;}
.mn li.tnav-04 { background: #3b7cda;}
.mn li.tnav-05 {    background: #3a5b8c;}
.mn li::before { content: ""; position: absolute; z-index: -1; width: 0; background: #fff; top: 0; right:0; bottom: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;}
.mn li:hover::before { width: calc(100% - 10px);}
.mn li:after { content: ''; position: absolute; z-index: 8; border-top: #fff 5px solid; width: 50px; left: 30px; top: 25px;}
.mn li.tnav-01:hover:after { border-top: #3b1291 5px solid;}
.mn li.tnav-02:hover:after { border-top: #3b2ba3 5px solid;}
.mn li.tnav-03:hover:after { border-top: #3b62c9 5px solid;}
.mn li.tnav-04:hover:after { border-top: #3b7cda 5px solid;}
.mn li a { display: flex; align-items: center; text-transform: uppercase; height: 100%; font-weight: normal; font-size: 17px; line-height: 20px; color: #fff; padding: 0 30px; position: relative;}
.mn li.tnav-01 a:hover { color: #3b1291;}
.mn li.tnav-02 a:hover { color: #3b2ba3;}
.mn li.tnav-03 a:hover { color: #3b62c9;}
.mn li.tnav-04 a:hover { color: #3b7cda;}

/*CENTRAL*/
#central {}
.ttl { padding: 55px 0 25px 0; position: relative; text-align: center;}
.ttl:before { content: ''; position: absolute; z-index: 1; border-bottom: 1px #29292d solid; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 160px;}

#corps {}
#cont-top { padding: 60px 0;}
.txt1-ph1 { display: flex; justify-content: space-between; align-items: center;}
.ph1 { position:relative; cursor:pointer; overflow:hidden; width: 480px;}
.ph1 img { max-width: 100%; height: auto;}
.ph1::before, .ph1::after { content:''; position:absolute; top:0; bottom:0; left:-25%; width:150%; background:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out 0s;}
.ph1::before { transform:rotate(45deg) translateY(155%);}
.ph1::after { transform:rotate(45deg) translateY(-155%);}
.ph1:hover::before { transform:rotate(45deg) translateY(-155%); transition-duration:0.5s;}
.ph1:hover::after { transform:rotate(45deg) translateY(155%); transition-duration:0.5s;}
.ph1 a { line-height:0;}
.txt1 { width: calc(100% - 480px); padding-left: 100px;}

#cont-center { padding: 20px 0 80px 0; display: flex; justify-content: space-between; align-items: center;}
.txt2 { width: calc(100% - 560px);}
.ph2 { position:relative; cursor:pointer; overflow:hidden; width: 560px;}
.ph2 ul { line-height:0; margin:0; padding:0; display: flex; justify-content: space-between;}
.ph2 li { list-style: none; position:relative; cursor:pointer; overflow:hidden; margin-left: 30px; width: 100%; height: auto;}
.ph2 img { max-width: 100%; height: auto;}
.ph2 li::before, .ph2 li::after { content:''; position:absolute; top:0; bottom:0; left:-25%; width:150%; background:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out 0s;}
.ph2 li::before { transform:rotate(45deg) translateY(155%);}
.ph2 li::after { transform:rotate(45deg) translateY(-155%);}
.ph2 li:hover::before { transform:rotate(45deg) translateY(-155%); transition-duration:0.5s;}
.ph2 li:hover::after { transform:rotate(45deg) translateY(155%); transition-duration:0.5s;}
.ph2 a { line-height:0;}

#cont-bottom { background: #313136;}
.galerie { width: 100%; max-width: 460px; padding: 30px 0; margin: 0 auto; text-align: center;background: #f6f6f6; -webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-bottomright: 30px;-moz-border-radius-bottomleft: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.gal-titre { font-family: 'Lato-Black'; width: 100%; max-width: 310px; margin: 0 auto;padding-left: 45px; background: url(../images/picto_gal.png) left center no-repeat; position: relative; text-transform: uppercase; font-size: 30px; color: #3b2ba3;}
.gal-titre span { color: #29292d;}

.photo { padding: 60px 0;}
.gal { position:relative; cursor:pointer; overflow:hidden;}
.gal ul { line-height:0; margin:0; padding:0; display: flex;}
.gal li { position:relative; cursor:pointer; overflow:hidden; margin: 0 10px;}
.gal li::before, .gal li::after { content:''; position:absolute; top:0; bottom:0; left:-25%; width:150%; background:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out 0s;}
.gal li::before { transform:rotate(45deg) translateY(155%);}
.gal li::after { transform:rotate(45deg) translateY(-155%);}
.gal li:hover::before { transform:rotate(45deg) translateY(-155%); transition-duration:0.5s;}
.gal li:hover::after { transform:rotate(45deg) translateY(155%); transition-duration:0.5s;}

/*FOOTER*/
#footer { background: #29292d; padding: 30px 0;}
#foot { text-align: center;}
.menu {}
.menu ul { margin: 0; padding: 0; display: flex; justify-content: center;}
.menu li { list-style: none;}
.menu a { display: block; padding: 0 20px; font-size: 16px; color: #fff;}
.menu a:first-letter { text-transform: uppercase;}
.menu a:hover { color: #3b62c9;}
.com { padding-top: 30px;}

/*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: #100f10; 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; padding-top: 50px;}
.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;}
	}

#smartnav{ display:none;}

/*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:1365px){}
@media only screen and (max-width:1359px){}
@media only screen and (max-width:1279px){}
@media only screen and (max-width:1151px){}
@media only screen and (max-width:1059px){}
@media only screen and (max-width:1023px){}
@media only screen and (max-width:979px){}
@media only screen and (max-width:899px){}
@media only screen and (max-width:799px){}
@media only screen and (max-width:767px){}
@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){}
@media only screen and (max-width:359px){}