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


header{position:fixed;top:0;width:100%;height:130px;z-index:10;background:#000;padding:10px 40px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
header.sticky{height:95px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}

.logo{float:left;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;margin-top:10px}.logo img{-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
.sticky .logo img{max-width:200px}.sticky .logo{margin:0}

#navMenu{float:right}
.mainNav ul{margin-top:40px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}.sticky .mainNav ul{margin-top:10px}
.mainNav ul li{position:relative;font-family: 'Khand', sans-serif;display:inline-block;text-transform:uppercase;font-size:17px;line-height:1;margin:0;padding:0 20px 0 0;list-style-type:none;vertical-align:middle;font-weight:500;letter-spacing:1.5px}
.mainNav ul li::after{content:" • ";color:#ccc;padding-left:20px}
.mainNav ul li:last-child::after{content:"";padding-left:0}.mainNav ul li:last-child{padding:0}
.mainNav ul li a{color:#fff;font-weight:400;} .mainNav ul li a:hover{color:#72be04;}

.navtop{text-align:right;margin: 0}
.navtop li{list-style-type:none;display:inline-block;font-family: 'Khand', sans-serif;letter-spacing:1px;margin:0;vertical-align:middle}
.navtop li.phone{background:url(../img/picto/phone.svg) no-repeat left center / 18px;padding-left:25px;font-weight:400;font-size:22px;margin:0 10px;}.navtop li::after{content:"|";color:#ccc;padding-left:20px;font-weight:100}
.navtop li.soum{background:url(../img/picto/mail-vert.svg) no-repeat left center / 20px;padding-left:28px;font-weight:700;text-transform:uppercase;font-size:18px;margin:0 10px}.navtop li.soum:hover{color:#72be04;}
.navtop li.phone, .navtop li.soum a{color:#fff}
.navtop li.fb::after{content:"";padding-left:0}
.navtop li.fb img{vertical-align:sub;margin-left:10px}

#menuMob{display: none;}
#overLayer{position: fixed;min-height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);cursor: pointer;z-index: 2;display: none;}
#overLayer.is-visible {display: block;-webkit-animation: cd-fade-in 0.3s;-moz-animation: cd-fade-in 0.3s;animation: cd-fade-in 0.3s;}
@-webkit-keyframes cd-fade-in {0% {opacity: 0;}  100% {opacity: 1;}} @-moz-keyframes cd-fade-in {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes cd-fade-in {0% {opacity: 0;}  100% {opacity: 1;}}






.cycle-slideshow{position:relative;width:100%;margin:0 auto;margin:0;padding:0;z-index:0;height:100%;}
.cycle-slideshow .slide{width:100%;position:relative;height:100%;z-index:1}
.cycle-slideshow .slide .cont{height:100%;text-align:left;z-index:999;width:40%;max-width:1000px;float:right;margin-right:8%;padding:40px;position:relative}
.cycle-slideshow .slide  h2{position:absolute;top:45%;color:#fff;font-size:75px;max-width:88%}

.cycle-slideshow .slide1{background:url(../img/slider/fond-slide1.jpg) no-repeat center top / cover  }
.cycle-slideshow .slide2{background:url(../img/slider/fond-slide2.jpg) no-repeat center top / cover  }
.cycle-slideshow .slide3{background:url(../img/slider/fond-slide3.jpg) no-repeat center top / cover  }


.cycle-prev, .cycle-next{position:absolute;display:block;z-index:200;width:100px;height:100px;top:50%;cursor:pointer}
.cycle-prev{left:20px}
.cycle-next{right:20px}.cycle-next img{float:right}



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

header{height:110px;padding:10px 25px;}header.sticky{height:90px}
.logo img{max-width:200px}
.sticky .logo img{max-width:175px}.sticky .logo{margin-top:5px}

	
.mainNav ul{margin-top:30px}.sticky .mainNav ul{margin-top:15px}
.mainNav ul li{font-size:15px;padding:0 10px 0 0;letter-spacing:1px}
.mainNav ul li::after{padding-left:10px}	

.navtop li.phone{font-size:17px}
.navtop li.soum, .navtop li.lang {font-size:15px}

.cycle-slideshow .slide  h2{font-size:50px;}

}



@media only screen and (max-width: 768px) {
	
header, header.sticky{height:65px;padding:5px 15px;}
.logo img, .sticky .logo img{max-width:150px}
.logo, .sticky .logo{margin-top:0}

#menuMob{position: absolute;top:10px;right:15px;height:100%;z-index:8;display:block;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
#menuMob a{width:40px;height:40px;display: block;}
#menuMob a {background: url("../img/picto/menu-mobile.svg") no-repeat center center / 35px;}

#navMenu{z-index:3;width:220px;padding-top:80px;position:fixed;top:0;height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);left: -100%;background: #333;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;transition: left 0.3s;}
#navMenu.speed-in{left: 0;}
#navMenu ul{margin:0;padding:0;float:none}
#navMenu ul li{display:block;margin: 15px 0;padding: 0;text-align:left;padding-left:10px;line-height:1.5;margin:7px} 
#navMenu ul li::after, .navtop li::after{content:"";padding:0}
#navMenu ul li.soum{padding:15px 0px 15px 30px;position:absolute;top:250px}
#navMenu ul li.fb{position:absolute;top:300px;left:0;margin:20px 0}
#navMenu ul li.phone{display:none}


.navtop li.phone{display:none}
.navtop li {display:block}
.navtop{text-align:left}
.navtop li.soum{background:rgba(0, 0, 0, 0) url("../img/picto/mail-vert.svg") no-repeat scroll left 6px center / 20px auto;width:100%;margin: 0 0 15px;padding: 10px 10px 10px 35px;}
.navtop li.lang a{position:absolute;top:320px;background:#fff;width:100%;padding:10px}

.cycle-slideshow .slide  h2{font-size:40px;}
.cycle-prev, .cycle-next{width:20px;height:50px}

}



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

.cycle-slideshow .slide .cont{padding:20px;width:50%;margin-right:15%}	
.cycle-slideshow .slide  h2{font-size:22px;}
.cycle-prev, .cycle-next{width:15px;height:50px}

}