@charset "UTF-8";
/* CSS Document */

html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#334350;font-family: 'Zilla Slab', serif;font-weight:300;color:#334350;}

.container, .contDemi, .contRight, .contquart{position:relative;display:block;margin:0 auto;padding:0 80px;width:100%}
.container{max-width:1200px;}
.contDemi{max-width:600px;}
.contquart{max-width:450px;}

.pad{padding-top:40px;padding-bottom:40px}
.Bigpad{padding-top:80px;padding-bottom:80px}


.contRight{ background:url(../img/fond/bckblanc.jpg) repeat-y top right / 50% 100%}
.contRight > .container, .contLeft > .container{background: #fff}
.contLeft{background:url(../img/fond/bckblanc.jpg) repeat-y top left / 50% 100%}


a[href^=tel]{color:inherit;text-decoration:none;} a{text-decoration:none;color:inherit;cursor:pointer}a:focus{outline:0;}
img{max-width:100%;}
hr{border:0;border-bottom:1px dotted #ccc;margin:40px 0}

.ancre{padding-top:50px;margin-top:-50px;}/* hauteur du header*/

.center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .justify{text-align:justify;} .uppercase{text-transform:uppercase;}
.none{display:none;} .block{display:block;}
.down{margin-bottom:30px;}.up{margin-top:30px;}
.flt-left{float:left}.flt-right{float:right}.clear{clear:both;}


/* COULEUR */

.blanc{color:#fff;}
.bleu{color:#334350;}
.beige{color:#c3a47f;}

.bckBlanc{background:#fff;}



/* TEXTE */
h1, h2, h3, h4, h5, h6{margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:2.5px}
h1{font-size:50px;font-weight:300;}
h2{font-size:24px;font-weight:700;font-family: 'Josefin Sans', sans-serif;color:#c3a47f;}
h3{font-size:18px;font-weight:700;font-family: 'Josefin Sans', sans-serif;}
h4{font-size:18px;font-weight:700;}
h5{font-size:14px;font-weight:300;font-family: 'Josefin Sans', sans-serif;}
h6{font-size:18px;font-weight:300;}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul{margin-top:20px}

p, li{font-size:16px;line-height:1.6;margin:0 0 20px}
ul{list-style-type:square} ul li{margin:0 0 0 15px}

.bt{line-height:1;z-index:99;position:relative;margin:30px auto 0 ;display:block;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;letter-spacing: 3px}
.bt a {padding:15px 15px 12px;color:#fff;border:none;display:inline-block;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out; text-align:center}
.bt.bckbeige a{background: #c3a47f;}
.bt.bckbeige a:hover{background: #334350;}

.bt.bckbleu a{background: #334350;}
.bt.bckbleu a:hover{background: #c3a47f;}



header{width:100%;height:80px;z-index:100;background:rgba(255, 255,255, 0); position: fixed;top: 0;-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

header .logo{float:left;width:auto;margin:30px 0 0 40px;}
header .logo img{-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}




.mainNav{position:absolute;top:40px;right:40px;border-bottom: 2px solid #c3a47f;padding-bottom:10px}
.mainNav li{display:inline-block;font-size:13px;line-height:1;margin:0;padding:0 30px 0 0;background:none;text-transform: uppercase;font-family: 'Zilla Slab', serif;font-weight: 700;letter-spacing:1.5px}
.mainNav li:last-child{padding:0}
.mainNav li:hover a{border-bottom:5px solid #c3a47f;padding-bottom:10px;} 

li.navClient {text-align:center;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;letter-spacing: 3px;background: #c3a47f;font-size: 11px;line-height: 1;-moz-transition:all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
li.navClient a{display:block;padding:10px 8px 5px 10px;color:#fff;} 
li.navClient:hover{background: #334350;}
li.navClient:hover a{border:none;padding-bottom:5px}


header.sticky{background:rgba(255, 255, 255, 1)} header.nav-up {top: -140px;}
header.sticky .logo{margin:20px 0 0 40px;}
header.sticky .logo img{width:220px}
header.sticky .mainNav{top:25px;border-bottom:0;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


span#menuMob, .closebtn {display:none}

/* SLIDER */
#headhome{position:relative;width:100%;margin:0 auto;margin:0;padding:0;z-index:0;height:100%;}
#headhome .slide{width:100%;position:relative;height:100%;z-index:1;background:url(../img/slider/fond-slide1.jpg) no-repeat center top / cover }
#headhome .slide .container{height:100%;text-align:left;z-index:999}
#headhome .slide  h2 span{font-family: 'Zilla Slab', serif;font-size:40px;color:#c3a47f;font-weight: 300;display: block;margin-bottom:10px}
#headhome .slide  h2{  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size:70px;color:#334350;}



.decaRight{margin-left:100px}
.contLeft {margin-right:100px}

.bckWood{background:url(../img/fond/fond-service.jpg) no-repeat center top / cover fixed;padding-top:300px}
.bckProjet{background:url(../img/fond/fond-projet.jpg) no-repeat center top / cover fixed;padding:180px 0 }
.bckProjet h2{font-size:40px;color:#334350}

.equipe{padding-top:300px}


/* FOOTER */

footer{width:100%}
footer h1{margin-bottom:20px}
footer iframe{width:100%;line-height: 1;margin:0 0 -3px 0;padding:0; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
footer h3.tel{font-size:24px}
footer p{font-size:18px}

.ia{margin-top:40px}
#credits{background:#c3a47f;padding:10px 30px;}
#credits p, #credits a{margin:0;font-size:11px;color:#fff}
#credits a{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding-top:2px;display:block}
#credits a img{margin:-2px 0 0 5px;display:inline-block;vertical-align:middle;}


@media only screen and (max-width: 1024px) {

.container, .contDemi, .contRight, .contquart{padding-left:50px;padding-right:50px}
.decaRight{margin-left:50px}

 li.navClient{letter-spacing:1px;font-size:11px;}

.mainNav{top:25px;padding-bottom:10px}
.mainNav li{font-size:12px;padding:0 15px 0 0;letter-spacing:0.5px}
.mainNav li:hover a{border-bottom:5px solid #c3a47f;padding-bottom:10px;} 

header .logo img{widows: 22px;0px}

header.sticky .logo{margin:15px 0 0 40px;}
header.sticky .logo img{width:200px}
header.sticky .mainNav{top:20px;}

#headhome .slide .container{padding-top:250px;}
#headhome .slide  h2 span{font-size:30px;}
#headhome .slide  h2{font-size:60px;}

}



@media only screen and (max-width: 768px) {	

.container, .contDemi, .contRight, .contquart{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:60px;padding-bottom:60px}

.contDemi, .contRight, .contquart{max-width:100%}

.decaRight{margin-left:40px}
.contLeft {margin-right:40px}

h1, h2, h3, h4, h5, h6{letter-spacing:2px}

h1{font-size:36px;}
h2{font-size:20px;}
h3{font-size:16px;margin-bottom:0}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:15px;}

p, li{font-size:13px;margin:15px 0;}
li{margin:5px 0}




span#menuMob {position:absolute;top:20px;right:20px;width:40px;height:40px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 35px;cursor:pointer}
.open .overlay{width:100%} .overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(255,255,255, 0.9);overflow-x: hidden;transition: 0.3s;}
.overlay .closebtn {display:block;position: absolute;top:-20px;right: 25px;font-size: 80px;color:#334350} .overlay-content {position: relative;top: 25%;width: 100%;text-align: left;}

#navMenu nav{position:relative;width:100%;height:100%;}
#navMenu ul li{transition: 0.3s;}

 li.navClient{display: inline-block;text-align: left;}
 li.navClient a{display:block;padding:10px 8px 5px 10px;color:#fff;font-size:16px}.navClient li:hover{background: #334350;}

.mainNav{border-bottom:0;padding:0 0 0 40px;text-align: left;right:auto}
.mainNav li{display:block;font-size:32px;padding:0 0 20px 0;}
.mainNav li:hover a{border-bottom:5px solid #c3a47f;padding-bottom:0;} 

header .logo{margin:20px 0 0 30px;}


#headhome .slide .container{padding-top:200px;}
#headhome .slide  h2 span{font-size:22px;}
#headhome .slide  h2{font-size:42px;}

.bckWood{padding-top:200px}
.bckProjet{padding:150px 0 }

footer{text-align:center}

}


@media only screen and (max-width: 480px) {

.container, .contDemi, .contRight, .contquart{padding:0 25px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:50px;padding-bottom:50px}

.decaRight{margin-left:25px}
.contLeft {margin-right:25px}

h1, h2, h3, h4, h5, h6{letter-spacing:1px}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}

p, li{font-size:11px;}




#headhome .slide .container{padding-top:150px;}
#headhome .slide  h2 span{font-size:18px;}
#headhome .slide  h2{font-size:28px;}

.bckWood{padding-top:150px}
.bckProjet{padding:100px 0 }

	
}

.custom-profile-size{
    height: 318.86px !important;
    object-fit: cover;
    object-position: 0 -35px;
}