@charset "UTF-8";

@font-face {font-family: 'tizaregular';src: url('tiza-webfont.woff2') format('woff2'),url('tiza-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

html, body {height:100%;}
html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Barlow Semi Condensed', sans-serif;font-size:15px;font-weight:500;color:#1d1d1d;padding-left:275px;transition: all 0.2s ease-in-out;}

.container, 
.contDemi, 
.contSml, 
.content{position:relative;display:block;margin:0 auto;width:100%}
.container{max-width:1200px;}
.contSml{max-width:1000px;}
.contDemi{max-width:600px;}

.padSml{padding:25px;}
.padMedium{padding:40px;}
.padLarge{padding:80px;}


.padVertiSml{padding-top:25px;padding-bottom: 25px;}
.padVertiMedium{padding-top:40px;padding-bottom: 40px;}
.padVertiLarge{padding-top:80px;padding-bottom: 80px;}
.padVertiXLarge{padding-top:140px;padding-bottom: 140px;}

.topSml{margin-top:25px}
.topMedium{margin-top:40px}
.topLarge{margin-top:80px}

.bottomSml{margin-bottom:25px}
.bottomMedium{margin-bottom:40px}
.bottomLarge{margin-bottom:80px}


a{color:inherit;font-weight: bold; text-decoration:none;transition: all ease-in-out .3s;}
a:focus{outline:0;}
a[href^=tel]{color:inherit;text-decoration:none;} 


img{max-width:100%;}
.container img{margin:30px auto}
* > img:only-child{margin:0 auto}
hr{border:none;border-top:1px solid #edece4;margin:40px 0}
.fondPale hr, .bckPale hr{border-color: #fff;}

.center{text-align:center;} 
.left{text-align:left;} 
.right{text-align:right;} ccc
.uppercase{text-transform:uppercase;}

.block{display:block;}
.inline{display:inline-block}
.none{display:none;} 

.flt-lf{float:left}
.flt-rg{float:right}
.clear{clear:both;}

.height100{height: 100%;min-height: 100%}
.width100{width:100%}

.centerContentAll{position: absolute;top:50%; left: 50%;transform: translate(-50%, -50%);}
.centerContentY{position: absolute;top:50%;transform: translateY(-50%);}
.centerContentX{position: absolute;left:50%;transform: translatex(-50%);}

.translateUp50{transform:translateY(-50%);margin-bottom: -100px;}
.translateUp25{transform:translateY(-25%);margin-bottom: -100px;}


/* COULEUR */
.blanc{color:#fff;}
.noir{color:#000}
.gris{color:#888}
.jaune{color:#FFCD00;}

.fondBLanc, .bckBlanc{background:#fff;}
.fondPale, .bckPale{background:#edece4;}
.fondJaune, .bckJaune{background:#FFCD00;}
.fondNoir, .bckNoir{background:#000;}
.fondNoir, .bckNoir > * {color:#fff}

.fondNoir:before{content: url('../img/fond/up-separate-noir.svg');display: block;height: auto;transform: translate(0, -20px);margin-bottom: -50px;width:100%;overflow-x:hidden}
.fondPale:before{content: url('../img/fond/up-separate-gris.svg');display: block;height: auto;transform: translate(0, -20px);margin-bottom: -50px;width:100%;overflow-x:hidden}
.fondJaune:before{content: url('../img/fond/up-separate-jaune.svg');display: block;height: auto;transform: translate(0, -20px);margin-bottom: -50px;width:100%;overflow-x:hidden}
.fondBlanc:before{content: url('../img/fond/up-separate-blanc.svg');display: block;height: auto;transform: translate(0, -20px);margin-bottom: -50px;width:100%;overflow-x:hidden}

body .fondPale.soireeThematique:nth-child(even){background:#000;color:#fff}
body .fondPale.soireeThematique:nth-child(even):before{content: url('../img/fond/up-separate-noir.svg');}

[class*="fond"] > .padSml{padding:20px 25px 45px 25px;}
[class*="fond"] > .padMedium{padding:30px 40px 60px 40px ;}
[class*="fond"] > .padLarge{padding:50px 80px 100px 80px;}

[class*="Noir"] h2, [class*="Noir"] .h2{color:#FFCD00} 

.filter{width:100%;background:rgba(0,0,0,0.5);height:100%;display:block;color:#fff}
.bckGradientJaune{background: linear-gradient(192.95deg, #FFCD00 10.35%, #FFE600 62.95%, #FFCD00 108.4%);}
.boxShadow{box-shadow: 0 0 5px rgba(0,0,0,0.1)}

/* TEXTE */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3;text-transform:uppercase;}

h1, .h1{font-size:34px;font-weight:400;font-family: 'tizaregular';}
h2, .h2{font-size:28px;font-weight:400;font-family: 'tizaregular';}
h3, .h3{font-size:26px;font-weight:800;}
h4, .h4{font-size:20px;font-weight:800;text-transform: none;}
h5, .h5{font-size:15px;font-weight:500;letter-spacing: 3px;}
h6, .h6{font-size:18px;font-weight:800;}


p, li{font-size:17px;line-height:1.8;margin:30px 0}
p + p{margin:0 0 30px} 
p:first-child{margin-top:0!important}
p:last-child{margin-bottom:0}

strong > em {font-style:initial;font-weight: 800;border-bottom:8px double #FFCD00;}

ol, ul{margin:30px 0 30px 20px}
ul{list-style-type:none;} .center ul{margin:30px 10px}
ul li, ol li{margin:0 0 5px 0px;}
ul li:before{content:" • ";display: inline-block;font-weight:bold;width: 15px;color:#555;vertical-align: middle;margin-left: -15px}

.bt{transition: all 0.2s ease-in-out;transform-origin: center center;}
.bt a{padding:15px 40px;display:inline-block;text-decoration: none;font-weight:400;font-family: 'tizaregular';border-radius: 10px;font-size:10px}

.bt:hover{transform:scale(0.95)}
.bckNoir .bt a, 
.bt a{background:#FFCD00;color:#000;transition: all 0.2s ease-in-out;}

.bckJaune .bt a,
.bckGradientJaune .bt a, 
.fondJaune .bt a{background:#000;color:#FFCD00}




header{width:100%;margin:0;height:100%;width:275px;z-index:100;background:rgba(15, 15, 15, 1); position: fixed;left: 0;transition: all 0.2s ease-in-out;box-shadow:10px 0px 29px 0px rgba(0,0,0,0.2);color: #fff;overflow-y: scroll;}

header .logo{margin:0 auto;display:block;width:100%;padding:40px;}
header .logoDsktp{display:block}
header .logoHide{display:none}

header ul li:last-child{padding:0}
header ul li:before{content:"";padding:0;}

header .sidenav a{text-transform: uppercase;padding:15px 25px;border-bottom:1px solid #222;color:#fff;display:block;font-size:13px}
header .sidenav a img, header .reservation img{margin-right: 15px;vertical-align: text-bottom}
header .dropdown-btn {display: block;width:100%;cursor: pointer;} 
header .dropdown-btn img{height:20px}

header .dropdown-btn::after{content:" +";font-size: 26px;margin-left: 6px;line-height: 0;vertical-align: sub;font-weight: 400;color:#FFCD00;transition: all 0.1s ease-in;}
header .sidenav a:hover{color:#FFCD00} 

header .dropdown-btn.active::after{content:" –"}
header .dropdown-container {display: none;padding-left: 8px;}
header .dropdown-container a{display:block;padding:10px 10px 10px 20px;font-weight: 500!important;color:#aaa}
header .dropdown-container a:hover{color:#FFCD00} 

header .smlNav{position:relative;display:block;;padding:25px}
header .smlNav ul{margin:0}
header .smlNav ul li{font-size:15px;margin: 0;padding: 5px 0;}
header .smlNav ul li a{font-weight:500;}
header .smlNav ul li a:hover{color:#FFCD00}

header .reservation{display:block;background: #FFCD00;padding:20px 30px;width:100%;color:#000;text-align: center;text-transform: uppercase;line-height: 1;cursor:pointer}
header .reservation:hover{background:#FFE600}
header .social{padding:30px 20px}

.social p{color:#888;display:inline-block;letter-spacing: 3px;text-transform: uppercase;font-size:12px;line-height: 1;margin:0}
.social img{margin: 0 0 0 5px;vertical-align:middle;transition: all 0.1s ease-in;height:30px}
.social a:hover img{transform:rotate(-15deg);}

span#menuMob, .closebtn {display:none}



/* PAGE D'ACCUEIL */

#headhome{position:relative;background:url("../img/slider/fond-home.jpg") no-repeat center center / cover fixed;height:100%;margin:0}
#headhome .container{height:100%;z-index:1;background:transparent url("../img/slider/heaxagone-home.svg")no-repeat right center / auto 100%}
#headhome h1{font-size:75px;font-weight: 400;font-family: 'tizaregular';padding-left: 80px;}
#headhome h1 span{display:block;}
#headhome h1 span:first-child{margin-left:60px}
#headhome h1 span:nth-child(2){margin-left:20px}
#headhome .dividerNoirBottom{padding-bottom:0}


.bcklineLeft{background:#000 url("../img/fond/line-jaune-left.svg") no-repeat center center / cover }
.bcklineRight{background:#fff url("../img/fond/line-yellow-right.svg") no-repeat center center / cover }
.bcklineSideRight{background: url("../img/fond/line-yellow-side-right.svg") no-repeat center center / cover }
.bcklineSideLeft{background: url("../img/fond/line-yellow-side-left.svg") no-repeat center center / cover }
.bcklineSucc{background: #000 url("../img/fond/line-yellow-side-left.svg") no-repeat top center / 100% auto; color:#fff}
.bckImage{background-size:cover;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}

.bcklineSucc .fondNoir{background:transparent}

.arrowAdd{margin-left: 150px;}

.bckGradientJaune .bt.arrowAdd::after{content:url(../img/picto/arrow-black-bottom.svg);display: block;transform:translate(25%, 30px);transition: all 0.2s ease-in-out;}
.bckGradientJaune .bt:hover.arrowAdd::after{transform:translate(25%, 20px )}


/* SLIDER HOME */

.containerSlider{max-width: 1200px;padding:0;margin:30px auto ;position: relative;}
.containerSlider .cycle-slideshow{position:relative;width:100%;height: 400px;z-index: 1;    text-align: left;}
.containerSlider .cycle-slideshow .slide{width:100%;z-index:0;margin:0;height: 100%;border-radius: 30px;}
.containerSlider .cycle-slideshow .slide .filter{width:100%;background:rgba(0,0,0,0.5);height:100%;display:block;padding:0 80px;border-radius: 30px;}
.containerSlider .cycle-slideshow .slide .container{height:100%;text-align:center;z-index:1;}
.containerSlider .cycle-slideshow .slide .centerBloc{width:50%;position: absolute; top: 50%; transform: translateY(-50%); }

.containerSlider .cycle-pager {z-index: 500; overflow: hidden;position:absolute;left:0;bottom:40px;margin:0;width:100%;text-align: center;}
.cycle-slideshow .cycle-pager span { width: 13px; height: 13px;border-radius:10px; background:transparent;border:2px solid #fff;margin:0 6px;display:inline-block;cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {background:#fff}
.cycle-slideshow .cycle-pager > * { cursor: pointer;}

.contentCycle{margin:30px auto;display:block;height:auto}
.contentCycle .cycle-slideshow{position:relative;width:100%;height:auto}
.contentCycle .cycle-slideshow .slide{text-align:center}
.contentCycle .content{padding:40px;border-radius:20px;margin:30px auto; box-shadow: 0px 39px 60px -20px rgb(0 0 0 / 30%), 0px -20px 60px -20px rgb(0 0 0 / 30%)}

.contentCycle .slide:nth-child(3) .content{background:#fff;}
.contentCycle .slide:nth-child(4) .content{background:#000;color:#fff}
.contentCycle .slide:nth-child(5) .content{background:#f1f1f1;}


.contentCycle .cycle-sentinel{ position: static; visibility: hidden }
.contentCycle .cycle-pager{position:relative;display:block;text-align:center;z-index:999;cursor:pointer;margin-top:65px}
.contentCycle .cycle-pager  span{width:25px;height:25px;border-radius:25px}
.contentCycle .cycle-pager  span.cycle-pager-active {background:#000;border-color:#000}

.imgAbsolute{position: absolute;left:0;top:-15%;max-width: 50%;}

.promo h3{font-size:34px;font-weight:400;font-family: 'tizaregular';}

/* HOME BLOG */
.newsHome{padding-bottom: 100px;}

.thumbBlog hr{border-color: #ddd;margin:20px 0}
.thumbBlog *{transition: all 0.2s ease-in-out;}

.thumbBlog .col{background:#fff;border-radius: 15px;}
.thumbBlog .col img{border-radius: 15px 15px 0 0 ;height: 170px;object-fit: cover;margin:0}

.thumbBlog h6 {font-size:14px;color:#888}
.thumbBlog h6 a:after{content:" — "}
.thumbBlog .col:hover {cursor: pointer}
.thumbBlog .col:hover {transform: scale(0.95)!important}
.thumbBlog .col:hover h6{color:#FFCD00!important}

.blogue img{margin:25px auto;border-radius: 20px;}


p.fb:after{content:url(../img/picto/facebook-noir.svg);width:30px;height:30px; margin-left:10px;display:inline-block;vertical-align:text-top}

/* HEAD PAGE */

.head{height:320px;width: 100%;}
.head h1{width:100%;}
.head img{margin:0;position:absolute;top:50px}

.filter{width:100%;background:rgba(55,55,55,0.5);height:100%;display:block;color:#fff}

.blocToggle{position:relative;display: block;background:none;border-bottom: 1px solid #FFCD00;padding:20px 0;text-align: left;}
.blocToggle h4{max-width:95%}
.blocToggle .toggle{margin-top:20px;}
.blocToggle .toggle p:last-child{margin-bottom:0}

a.toggle-init{position:absolute;top:0;cursor:pointer;width:100%;z-index:9;text-align: right; display: block;right: 0;line-height: 1;height:100%}
a.toggle-init span:before{ content:" + ";display:block; color:#FFCD00;font-size: 40px;font-weight: 400;line-height: 1.5;padding: 0 20px 0 0;}
a.toggle-init.active span:before{ content:" — ";color:#FFCD00}

.succursaleListe p{font-size: 16px;}
.succursaleListe p + p {margin:0}
.succursaleListe table{width:100%;}
.succursaleListe table tr{width: 50%;}
.succursaleListe .bt:nth-child(2) a{background:#fff;color:#000}


.temoignage .contSml{background:url('../img/fond/quotes-left.svg') no-repeat left 60px top 60px / 100px auto, url('../img/fond/quotes-right.svg') no-repeat right 60px top 60px / 100px auto }

.map iframe{height:300px;width:100%;display:block;filter: grayscale(100%);}

.serviceThumb .col img{transition: all 0.2s ease-in-out;}
.serviceThumb .col:hover{transform:scale(0.9);transition: all 0.2s ease-in-out;cursor:pointer!important}
.serviceThumb .col:hover img{transform:rotate(-10deg)}

.modalBtNoFix{position: relative;border-radius: 15px;margin-top: 30px;box-shadow: none;right: auto;}

/* PAGINATION */

.pagination ul{text-align:center;}
.pagination ul li {display:inline-block;margin:0 ;font-size:16px}
.pagination ul li:before{content:"";margin:0;padding:0}
.pagination ul li a{display: block; text-decoration: none;padding:7px 15px;font-weight:500!important}
.pagination ul li a.active{background:#FFCD00;color:#000;font-weight: 800!important}
.pagination ul li a:hover{color:#FFCD00}

h6.retour{font-size:14px}
h6.retour > a:after{content: none;margin:0}
h6.retour > a:before{content:"\25C0";color:#FFCD00;margin-right: 10px;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
h6.retour:hover > a:before{margin-right: 15px;}

/* FOOTER */

.infolettre{padding-bottom: 20px;}
.infolettre img{margin:0}
.infolettre:before{content: url('../img/fond/up-separate-jaune.svg');display: block;height: auto;transform: translate(0, -20px);margin-bottom: -100px;width:100%;overflow-x:hidden}

footer{width:100%;background:#000;color:#fff;}
footer p{line-height:1.4;margin:10px 0;font-size:16px}
footer a{font-weight:500}
footer .nowrap{justify-content: left;}

.credits{background:#000}
.credits .container *{margin:0;}
.credits p, .credits a{margin:0;font-size:12px;color:#888}
.credits a{font-size:10px;text-transform:uppercase;text-decoration:none;font-weight: normal;padding:2px 5px 0 0;display:block}
.credits a img{margin:-2px 0 0 5px!important;display:inline-block;vertical-align:middle;}


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

body{padding-left: 0;}
header{width:100%;height:80px;top: 0;box-shadow:10px 0px 29px 0px rgba(0,0,0,0.2);overflow-y: scroll;position:relative}
header.sticky{position:fixed}
header.nav-up {top: -120px;}
	
header .logo{ padding: 15px 30px;}
header .logoDsktp{display:none}
header .logoHide{display:block}
header .sidenav a{font-size:18px}
header .smlNav ul li{font-size:16px;}

h1, .h1 {font-size: 37px;}

span#menuMob {position:absolute;right:30px;top: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(0,0,0,1);overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 100px;width: 100%;text-align: center;}
.overlay .closebtn {display:block;position:absolute;top:0;right: 35px;font-size: 70px;font-weight: 400;line-height: 1;} 

#navMenu nav{position:relative;width:100%;height:auto;font-size: 22px;}
#navMenu ul li{display:block;text-align:center;padding:0;transition: 0.3s;}

footer .col_8 .col_4{width:48%;}
	
.head{height:400px;}
.bcklineSucc{padding-top:80px}
.bckImage{background-attachment:scroll}


}


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

body{text-align:center}

.padSml{padding:20px;}
.padMedium{padding:30px;}
.padLarge, .headContent .padLarge{padding:60px;}

[class*="fond"] > .padSml{padding:20px 20px 40px 20px;}
[class*="fond"] > .padMedium{padding:30px 30px 50px 30px ;}
[class*="fond"] > .padLarge{padding:60px 60px 90px 60px;}

.padVertiSml{padding-top:20px;padding-bottom: 20px;}
.padVertiMedium{padding-top:30px;padding-bottom: 30px;}
.padVertiLarge{padding-top:60px;padding-bottom: 60px;}
.padVertiXLarge{padding-top:120px;padding-bottom: 120px;}
 
.topSml{margin-top:15px}
.topMedium{margin-top:30px}
.topLarge{margin-top:40px}
    
.bottomSml{margin-bottom:15px}
.bottomMedium{margin-bottom:30px}
.bottomLarge{margin-bottom:40px}

.fondNoir:before{transform: translate(0, -10px);}
.fondPale:before{height: auto;transform: translate(0, -10px);}
.fondJaune:before{transform: translate(0, -10px);}
.fondBlanc:before{transform: translate(0, -10px);}
 
    
h1, .h1, .promo h3{font-size:28px;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:13px;}
h6, .h6{font-size:15px;}

p, li{font-size:17px;}
.bt a {padding: 15px 25px;}

.translateUp50, .translateUp25{max-width: 85%;}
.translateUp50{margin-bottom: -125px;}
.translateUp25{margin-bottom: -75px;}
	
.no_4 > img{float:left}


/* HOME */
#headhome h1 {font-size: 55px;padding-left: 40px;}
	
.head{height:300px;padding-top:0px}
.head .centerContentY{width:100%}
.head img {margin: 0 auto 0;position: relative;top: 0;display: block;}

.bcklineLeft, .bcklineRight{background-image:none}
.bcklineSucc{background-position:center center}	
	
.containerSlider .cycle-slideshow {height:320px}
.containerSlider .cycle-slideshow .slide .filter {padding: 0 40px;}

.arrowAdd {margin-left: 0;}
.imgAbsolute{position: relative;top: 0;max-width: 100%;transform: translateY(-25%);margin-bottom: -25%;}

footer .col_8 .col_4{width:100%;}

.succursaleListe table tr td{width:50%}

}


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

.padSml{padding:10px;}
.padMedium{padding:20px;}
.padLarge, .headContent .padLarge{padding:35px;}
	
	
[class*="fond"] > .padSml{padding:10px 10px 20px 10px;}
[class*="fond"] > .padMedium{padding:20px 20px 40px 20px;}
[class*="fond"] > .padLarge{padding:35px 35px 70px 35px;}
	
.fondNoir:before{margin-bottom:0}

.padVertiSml{padding-top:15px;padding-bottom: 15px;}
.padVertiMedium{padding-top:25px;padding-bottom: 25px;}
.padVertiLarge{padding-top:40px;padding-bottom: 40px;}
.padVertiXLarge{padding-top:80px;padding-bottom: 80px;}

.topSml{margin-top:10px}
.topMedium{margin-top:20px}
.topLarge{margin-top:30px}
    
.bottomSml{margin-bottom:10px}
.bottomMedium{margin-bottom:20px}
.bottomLarge{margin-bottom:30px}
    
h1, .h1, .promo h3{font-size:18px;}
h2, .h2{font-size:16px;}
h3, .h3{font-size:16px;}
h4, .h4{font-size:14px;}
h5, .h5{font-size:12px;}
h6, .h6{font-size:13px;}

p, li{font-size:15px;line-height:1.6}

.bt a {padding: 12px 20px;font-size: 8px;}

header{height:65px}
header .logoHide{width:150px}
span#menuMob {right: 20px;top: 13px;}

#headhome h1 {font-size: 40px;padding-left: 0;}
#headhome h1 span:first-child, #headhome h1 span:nth-child(2){margin:0}
#headhome .container{background-position:left -200px center;}
#headhome .centerContentY{width:100%;}

.containerSlider .cycle-slideshow .slide .centerBloc{width:calc(100% - 40px)}
.containerSlider .cycle-slideshow .slide .filter {padding: 0 20px;}
.credits .flt-lf, .credits .flt-rg{float:none;text-align:center;margin:10px 0}

.head{height:250px;}
	
}