.next-resa{margin-top:0; padding-top:100px;}
.container{max-width:1200px; margin:0 auto; padding-bottom:100px;}
.grid{display: flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.grid-reverse{flex-direction:row-reverse;}
.grid > *{flex:1;}
.grid .item-text h3{color:#000; text-transform: uppercase; font-size:12px; font-weight:bold;}
.grid .item-text{padding-left:50px;}
.grid .item-text h2{font-family:"Frank Ruhl Libre", serif; color:#000; font-size:42px; text-transform: uppercase; font-weight:500; margin:15px 0;}
.grid .item-text > p{max-width:400px; text-align: justify; line-height:24px;}
.grid .item-photo{flex:1; padding-right:200px;}
.grid .item-photo .photo{height:100%;}

.grid .item-text{transition:all 1500ms; transition-delay:500ms;}
.grid .item-text > h3{transition:all 1500ms; transition-delay:1500ms;}
.grid .item-text > h2{transition:all 1500ms; transition-delay:2000ms;}
.grid .item-text > p{transition:all 1500ms; transition-delay:2500ms;}
.grid .item-text > a{transition:all 1500ms; transition-delay:3000ms;}
.grid .item-photo{transition:all 1500ms;}

.grid.hide .item-photo{opacity:0;transform:translate(-50px);}
.grid.hide .item-text{opacity:0;}
.grid.hide .item-text > h3{opacity:0; transform: translate(0,50px)}
.grid.hide .item-text > h2{opacity:0; transform: translate(0,50px)}
.grid.hide .item-text > p{opacity:0; transform: translate(0,50px)}
.grid.hide .item-text > a{opacity:0;}

.grid .item-text{position:relative;}
.grid .item-text:before{content:""; position: absolute; background:rgba(133,133,133,.6); left:0; top:0;bottom:0; width:1px; transition:all 1500ms; transform:scale(1); transform-origin:top;}
.grid.hide .item-text:before{transform:scale(1,0);}
.grid .item-text:before{transition-delay: 1500ms}

.carousel{height:85vh; position:relative;}

.carousel{transition:all 1500ms;}
.carousel.hide{opacity:0;transform:translate(0,100px);}

.carousel .owl-carousel{height:100%;}
.carousel .owl-stage-outer{height:100%;}
.carousel .owl-stage{height:100%;}
.carousel .owl-item{height:100%;}
.carousel .owl-carousel .photo{height:100%; border-left:25px solid #fff; border-right:25px solid #fff;}

.c-prev{position:absolute; top:50%; left:200px; transform: translate(-77px,-50%); padding:15px; background:#fff; z-index:2; width:125px; text-align: right }
.c-next{position:absolute; top:50%; right:200px; transform: translate(77px,-50%); padding:15px; background:#fff; z-index:2; width:125px; text-align: left}

.c-next > *{display:inline-block; color:#999; font-size:16px;  margin:0 5px;}
.c-prev > *{display:inline-block; color:#999; font-size:16px;  margin:0 5px;}
.c-next > * i{vertical-align: middle;font-size:22px; cursor:pointer; transition:all .5s;}
.c-next > *:hover i{opacity:.6;}
.c-prev > * i{vertical-align: middle;font-size:22px; cursor:pointer; transition:all .5s;}
.c-prev > *:hover i{opacity:.6;}

.info-chambre{color:#fff; position:absolute; top:0; left:0; max-width:400px; padding:75px 35px;  background:#2c2522; transform:translate(0,-100%); transition:all .5s;}
.info-chambre h3{font-family:"Frank Ruhl Libre", serif;  font-size:42px; text-transform: uppercase; font-weight:500; margin:25px 0;}
.info-chambre h4{color:#fff; text-transform: uppercase; font-size:13px; font-weight:500; letter-spacing: 2px}
.info-chambre > p{ line-height:24px;}
.info-chambre .know-more span{color:#fff;}
.owl-item.active .info-chambre{transform:translate(0);}

.index-region{padding-top:100px;}
.index-region .item-text{padding-left:0; border:0; display:flex; flex-direction:column;justify-content: center; max-width:40%;}
.index-region .item-text:before{display:none;}
.index-region .paragraph{padding-right:200px; padding-left:25px; border-left:1px solid rgba(133,133,133,.6); margin:50px 0; text-align: justify; }
.index-region .paragraph > p{line-height:24px;}
.index-region .item-paragraph .paragraph:nth-child(even){padding-left:200px; padding-right:25px; border-left:0; border-right:1px solid rgba(133,133,133,.3); margin-bottom:0;}

.index-region .item-paragraph .paragraph{transition:all 1500ms 500ms;}
.index-region .item-paragraph .paragraph:nth-child(2){transition-delay: 1000ms}
.index-region .hide .item-paragraph .paragraph:nth-child(1){transform:translate(50px); opacity:0;}
.index-region .hide .item-paragraph .paragraph:nth-child(2){transform:translate(-50px); opacity:0;}

.index-region .container:nth-child(2){max-width:1600px;}
.index-region .big-photo{flex:1 1 50%; position:relative;}
.index-region .big-photo .photo{position:absolute;  top:0; left:0; bottom:0; right:0; height:auto;}
.index-region .big-photo .info-region{padding-top:400px; position:relative;}
.index-region .c-info{ max-width:50%; padding:75px 35px; background:#fff; color:#000; height:400px;}
.index-region .c-info h3{font-family:"Frank Ruhl Libre", serif;  font-size:42px; text-transform: uppercase; font-weight:500; margin:25px 0;}
.index-region .c-info h4{color:#000; text-transform: uppercase; font-size:13px; font-weight:500; letter-spacing: 2px}
.index-region .c-info > p{ line-height:24px;}
.index-region .c-info a.know-more{margin-top:50px;}
.index-region .regions{flex:1 1 50%;}
.index-region .regions .item-region{display:flex; flex-direction: row; flex-wrap:wrap; height:400px; position:relative;}
.index-region .regions .item-region .photo{flex:1 1 50%; height:100%; width:auto;}
.index-region .regions .item-region .c-info{height:100%; flex:1 1 50%;}
.index-region .regions .item-region:nth-child(even){flex-direction: row-reverse;}

.index-region .big-photo:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0; transform:scale(1,0); transform-origin:top; background:#fff;}
.index-region .regions .item-region:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0; transform:scale(0,1); transform-origin:left; background:#fff;}
.index-region .regions .item-region:nth-child(even):after{content:"";position:absolute;left:0;top:0;right:0;bottom:0; transform:scale(0,1); transform-origin:right; background:#fff;}

.index-region .regions .item-region:after{transition:all 1500ms 750ms;}
.index-region .big-photo:after{transition:all 1500ms;}

.index-region .hide .big-photo:after{transform:scale(1);}
.index-region .hide .regions .item-region:after,.index-region .hide .regions .item-region:nth-child(even):after{transform: scale(1)}


.carousel-photos{height:50vh; position:relative;}
.carousel-photos .owl-carousel{height:100%;}
.carousel-photos .owl-stage-outer{height:100%;}
.carousel-photos .owl-stage{height:100%;}
.carousel-photos .owl-item{height:100%;}
.carousel-photos .owl-carousel .photo{height:100%;}

.photos-index .grid .item-text{transition-delay: 0ms}
.photos-index .grid .item-text > h2{transition-delay: 500ms}
.photos-index .grid .item-text > h3{transition-delay: 0ms}
.photos-index .grid .item-text > p{transition-delay: 1000ms}
.photos-index .grid .item-text > a{transition-delay: 1500ms}

.carousel-photos{transition:all 1500ms;}
.carousel-photos.hide{opacity:0;transform:translate(0,50%);}

.owl-carousel .owl-item img.img_portrait{width:auto;}
.carousel-photos .owl-carousel .owl-item{transform:scale(.9); transition:all .5s;}
.carousel-photos .owl-carousel .owl-item.center{transform: scale(1)}

.owl-carousel .fancy{position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,.4); opacity:0; transition:all .5s;}
.owl-carousel .owl-item:hover .fancy{opacity:1;}

.photos-index{padding-bottom:100px;}

footer{flex:none; padding:50px 0; background:#f6f6f5;}
footer > .container{display: flex; flex-direction:row; flex-wrap:wrap; padding-bottom:0;}
footer > .container > div{flex:1;}
footer > .container > div:last-child{text-align: right}

footer > .container > div ul li{display: inline-block; margin-right:10px; font-size:16px;}
footer > .container > div a{color:#000; font-weight:500; transition:all .5s;}
footer > .container > div h5{font-size:16px; color:#212121; text-transform: uppercase; font-weight:600; margin-bottom:25px;}
footer > .container > div a:hover{color:#3fb6a9;}
footer > .container > div p > i{font-style: normal; color:#000; font-weight:600; width:25px; display: inline-block}
footer > .container > div p img{max-width: 150px; margin-bottom:10px; display: block; margin-left:auto;}

.page{flex:1; position:relative;}
.page-contact{margin-bottom:50px;}
.content-contact{padding-top:0px; padding-left:200px; min-height:80vh; position:relative ;}
.map{position:absolute; left:200px; top:50px; right:0; bottom:0;}
.map:after{}

.map:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;transform:scale(1,0);transform-origin:top; z-index:9;}
.map:after{transition:all 1500ms 500ms;}
.map.hide:after{transform:scale(1);}

.map iframe{width:100%; height:100%;}
.contact-box{max-width:450px; padding:100px 50px;  position: relative; transform:translate(-60px,0px); color:#fff; z-index:10;}
.contact-box h1{font-family:"Frank Ruhl Libre", serif;  font-size:42px; text-transform: uppercase; font-weight:500; margin:0 0 50px; transition:all 1500ms 1000ms;}
.contact-box > *{position:relative;}
.contact-box .c-box{padding-left:50px; position:relative;}
.contact-box .c-box > p{color:#eee; transition:all 1500ms 1000ms;}
.contact-box .c-box:before{content:""; position: absolute; left:0; top:0; bottom:10%; width:1px; background:rgba(255,255,255,.6); transform:scale(1); transform-origin: top; transition:all 1500ms 1500ms;}

.contact-box:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#212121; transform-origin: top; transition:all 1500ms; transform:scale(1);}
.contact-box.hide:before{transform:scale(1,0);}
.contact-box.hide .c-box:before{transform:scale(1,0);}

.contact-box.hide h1{opacity:0;}
.contact-box.hide .c-box > p{opacity:0;}

.c-form-btn{text-align:center; position: relative;transition:all 1500ms;  backface-visibility: hidden; z-index:5;}
.c-form-btn.hide{opacity:0;}
.page-contact .c-form-btn{padding-left:300px; z-index:10; transition-delay: 1500ms}
.dispo-btn{padding:20px 40px; transform:translate(0,50%); box-shadow:rgba(0,0,0,.3) 0px 5px 10px; transition: all .5s; background:#212121; color:#fff; text-transform: uppercase; font-size:20px;font-family:"Frank Ruhl Libre", serif; display: inline-block; letter-spacing: 3px; font-weight:500;}
.dispo-btn:hover{background:#3fb6a9;}

.page-contact .dispo-btn{margin-top:-50px; transform:none;}

.page .diapo{height:60vh; padding:0 5vw; position:relative;}
.page .diapo .nav-diapo{right:5vw; z-index:2; transform:none;}
.page .nav-diapo .counter{margin:0 25px;}
.main-page{position:relative; z-index:3;}
.main-page .container{max-width:1200px; padding-bottom:50px;}
.c-title{max-width:400px; color:#fff; padding:50px; margin-left:0; margin-top:-150px; box-shadow:rgba(0,0,0,.3) 0px 5px 10px; position:relative; transition:all 1500ms 1500ms; z-index:15;}
.c-title h2{text-transform: uppercase; font-size:14px; font-weight:500;  transition: all 1500ms 100ms; position:relative;}
.c-title h1{font-family:"Frank Ruhl Libre", serif; font-size:42px; text-transform: uppercase; font-weight:500; margin:25px 0 0;  transition: all 1500ms 500ms; position:relative; }

.c-title:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#212121; transform-origin: top; transition:all 1500ms; transform:scale(1);}
.c-title.hide:before{transform:scale(1,0);}
.c-title.hide{box-shadow:rgba(0,0,0,0) 0px 5px 10px;}

.c-title.hide h2{opacity:0}
.c-title.hide h1{transform:translate(0,50px); opacity:0;}

.page-text{margin-left:0; margin-top:50px; margin-right:0; margin-bottom:0; padding:50px 50px 0; padding-right:0; padding-left:125px; column-count: 2; column-gap: 50px; line-height:34px; font-size:15px; position: relative}
.page-text:before{position:absolute; left:0; top:0; bottom:70%; width:1px ;background:rgba(133,133,133,.3); content:""; transition:all 1500ms 1000ms; transform:scale(1); transform-origin: top}
.hide .page-text:before{transform:scale(1,0);}
.page-text:after{content:attr(data-lettrine); position:absolute; left:25px; top:90px; color:#e5e4e7; font-size:300px;}
.page-text span{position:relative;z-index:2;}

.page-text{transition:opacity 1500ms 500ms}
.page-text.hide{opacity:0;}

.c-activites{background:#e9eaed; padding:100px 0 0;}
.c-activites{transition:all 1500ms;}
.c-activites.hide{opacity:0;}
.c-activites .container{max-width:1200px; padding-bottom:50px;}

.c-activites .item{max-width:33.3%; flex:1 1 33.3%; padding:25px; padding-bottom:50px; padding-right:50px; display: flex; flex-direction:column; padding-left:20px; position:relative;}

.c-activites .item{transition:all 1500ms;}
.c-activites .item.hide{opacity:0;transform:translate(0,50px);}

.c-activites .item:before{content:""; position:absolute; left:0; top:25px; bottom:70%;  background:rgba(0,0,0,.2) ; width:2px;}
.c-activites .item h4{text-transform:uppercase; margin-top:0; font-weight:700; font-size:22px;color:#3fb6a9; margin-bottom:50px; flex:none; font-family:"Frank Ruhl Libre", serif;}
.c-activites .item > p{text-align: justify; font-size:13px; line-height:26px; flex:none;}
.c-activites .item > ul{margin-top:25px; padding-bottom:25px; /*border-bottom:1px solid rgba(133,133,133,.3);*/ flex:1; display:flex; flex-direction:column; justify-content: flex-end;  }
.c-activites .item > ul > li > span{font-weight:700; text-transform: uppercase;}
.c-activites .item > ul > li > a{transition:all .5s; color:#212121; opacity:.6;}
.c-activites .item > ul > li > a:hover{color:#3fb6a9;}

.main.main-page{margin-bottom:50px; flex-wrap: unset;}
.main.main-page .c-text{width:400px; padding-top:50px;}
.main.main-page .diapo{max-height:calc(100vh - 175px); max-width:calc(100vw - 400px);}
.main.main-page .c-text .text{padding:50px; margin-bottom:50px; padding-right:100px; color:#fff; margin-right:-250px; box-shadow:rgba(0,0,0,.6) 5px 5px 10px; position: relative; transition: all 1500ms 1500ms}
.main.main-page .c-text h1{white-space: normal; font-size:36px; margin-top:25px; padding-left:0; text-align: left; line-height: normal; color:#fff;}
.main.main-page .c-text h2{font-size:16px; text-transform: uppercase;color:#fff;}
.main.main-page .c-text .text{color:#dedede; font-size:13px;}
.main.main-page .c-text .text > p{padding-left:25px; border-left:1px solid rgba(255,255,255,.3);}
.main.main-page .c-text .text strong{color:#fff;}

.main.main-page .diapo .nav-diapo{z-index:3; transform:translate(-50%,50%);}
.main.main-page .diapo{width:calc(100vw - 400px); overflow:visible; min-height:80vh;}
.main.main-page .diapo .nav-diapo .counter{margin:0 25px;}

.main.main-page .diapo .c-form-btn{position:absolute; left:0; right:250px; z-index:10; transition:all 1500ms 1000ms; display:none;}
.main.main-page .diapo.hide .c-form-btn{opacity:0;}
.main.main-page .diapo .c-form-btn .dispo-btn{transform:translate(0,-50%);}

.main.main-page .c-text.hide .text{box-shadow:rgba(0,0,0,0) 5px 5px 10px;}
.main.main-page .c-text .text:before{content:""; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; background:#212121; transform-origin: top; transition:all 1500ms 1000ms; transform:scale(1);}
.main.main-page .c-text .text > *{position:relative;}
.main.main-page .c-text.hide .text:before{transform:scale(1,0);}

.main.main-page .c-text .text > h2{transition:all 1500ms; transition-delay:2500ms;}
.main.main-page .c-text .text > h1{transition:all 1500ms; transition-delay:2000ms;}
.main.main-page .c-text .text > p{transition:all 1500ms; transition-delay:3000ms;}
.main.main-page .c-text .text > div{transition:all 1500ms; transition-delay:3000ms;}
.main.main-page .c-text .text > a{transition:all 1500ms; transition-delay:3500ms;}

.main.main-page .c-text.hide .text > h2{opacity:0;}
.main.main-page .c-text.hide .text > h1{opacity:0; transform: translate(0,50px)}
.main.main-page .c-text.hide .text > p{opacity:0;}
.main.main-page .c-text.hide .text > div{opacity:0;}
.main.main-page .c-text.hide .text > a{opacity:0;}



.zones{margin-bottom:100px;}
.zones .container{max-width:1600px; padding:0 100px; margin-bottom:50px;}
.zones .item{flex:1 1 50%; position:relative;}
.zones .item .photo{height:100%; min-height:400px;}

.zones .item .c-item{ max-width:400px; padding: 25px 75px; padding-right:125px; background:#fff; color:#000; position:absolute; left:0; top:0;}
.zones .item .c-item h3{font-family:"Frank Ruhl Libre", serif;  font-size:36px; text-transform: uppercase; font-weight:500; margin:25px 0;}
.zones .item .c-item h4{color:#000; text-transform: uppercase; font-size:13px; font-weight:500; letter-spacing: 2px}
.zones .item .c-item > p{ line-height:24px;}

.zones .container:nth-child(even) .grid.zone-simple{flex-direction:row-reverse;}
.zones .container:nth-child(even) .grid.zone-simple:nth-child(1){flex-direction:row-reverse;}
.zones .container:nth-child(even) .grid.zone-simple:nth-child(2){flex-direction:row;}

.zones .item .page-text{column-count: auto; column-gap: normal; padding-left:150px; padding-right:150px; padding-bottom:200px; margin-top:150px;}
.zones .item .page-text:before{left:50px;}
.zones .item .page-text:after{left:75px;}

.zones .container .grid.zone-simple:nth-child(2){flex-direction: row-reverse}
.zones .container .grid.zone-simple:nth-child(2) .photo{max-height:400px;}
.zones .container .grid.zone-simple:nth-child(2) .page-text{padding-bottom:50px;}

.page-chambre{flex:1;}
.page-chambre .container{max-width:1600px; margin:0 auto; position:relative; z-index:2;}
.page-chambre .grid > .item:nth-child(1){max-width:40%;}
.page-chambre .c-text{padding-top:50px; padding-left:200px;}
.page-chambre .c-text .text{padding:75px 50px; position:relative; color:#fff;}
.page-chambre .c-text .text h2{font-size:16px;}
.page-chambre .c-text .text h1{font-family:"Frank Ruhl Libre", serif; font-size:48px; text-transform: uppercase; font-weight:500; margin:15px 0 25px; }
.page-chambre .c-text .text > p{color:#dedede; font-size:13px; line-height:26px;}
.page-chambre .c-text .text strong{color:#fff;}

.page-chambre .item .page-text{column-count: auto; column-count: auto; margin-left:50px; font-size:13px; line-height:normal; padding-right:150px;}
.page-chambre .item .page-text:after{line-height: 36px}

.page-chambre .c-text .text:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#212121; transform-origin: top; transition:all 1500ms; transform:scale(1);}
.page-chambre .c-text .text > *{position:relative;}
.page-chambre .hide .c-text .text:before{transform:scale(1,0);}

.page-chambre .c-text .text > h2{transition:all 1500ms; transition-delay:500ms;}
.page-chambre .c-text .text > h1{transition:all 1500ms; transition-delay:1000ms;}
.page-chambre .c-text .text > p{transition:all 1500ms; transition-delay:1500ms;}
.page-chambre .c-text .text > a{transition:all 1500ms; transition-delay:2000ms;}

.page-chambre .hide .c-text .text > h2{opacity:0;}
.page-chambre .hide .c-text .text > h1{opacity:0; transform: translate(0,50px)}
.page-chambre .hide .c-text .text > p{opacity:0;}
.page-chambre .hide .c-text .text > a{opacity:0;}

.page-chambre .item .page-text{transition:all 1500ms;}
.page-chambre .hide .item .page-text{opacity:0;transform:translate(0,100px);}

.carousel-room{margin-top:-175px; margin-bottom:100px; transition:all 1500ms;}
.carousel-room.hide{transform:translate(0,100px); opacity: 0}
.carousel-room .carousel-photos{height:75vh;}
.carousel-room .c-next{right:500px; transform: translate(125px,-50%)}
.carousel-room .c-prev{left:500px; transform: translate(-125px,-50%)}

.page_tarif .main .content-t{flex:none; width:100%; position:relative; z-index:10;}
.page_tarif .main .content-t .c-title{margin-top:0; padding:50px;}
.page_tarif .main .content-t .container{padding-bottom:200px;}
.page_tarif .main .content-t .c-title h1{margin-bottom:25px;}
.page_tarif .main .content-t .c-title > p{color:#dedede; font-size:13px; line-height:26px; position:relative; transition:all 1500ms 1500ms;}
.page_tarif .main .content-t .c-title.hide > p{opacity:0;}
.page_tarif .main .content-t .c-title > p strong{color:#fff;}

.main-t{flex:1; position:relative; min-height:70vh; width:100%;}
.main-t .diapo{flex:none; position:absolute; top:60px; left:0; bottom:0; right:0;}

.page_tarif .dispo-btn{transform:none;}
.page_tarif .c-form-btn{margin:100px auto;}
.page_tarif .mini-container{max-width:800px; width:100%; margin:0 auto; position:relative; z-index:3; margin:0 auto 50px; transition:all 1500ms}
.diapo + .content-t .mini-container{transition-delay:1000ms;}
.page_tarif .mini-container.hide{opacity:0;transform:translate(0,50px);}
.page_tarif .mini-container .overflow-table{width:100%; overflow: auto}
.page_tarif .mini-container .overflow-table td{padding:15px; text-align: center; border-bottom:2px solid #fff; border-right:2px solid #fff; vertical-align: middle}
.page_tarif .mini-container .overflow-table thead td{background:#212121; color:#fff; font-family:"Frank Ruhl Libre", serif; font-size: 18px}
.page_tarif .mini-container .overflow-table tbody td{background:#e9eaed}
.page_tarif .mini-container .overflow-table tr td:last-child{border-right:0;}
.page_tarif .mini-container .overflow-table tr td:first-child{font-weight:500;}

.page_tarif .zones .item .page-text{padding-left:150px; padding-right:50px; padding-bottom:0; margin-top:0;}
.page_tarif .zones{margin-bottom:0;}

.c-conditions { margin-top:50px; padding:100px 0;}
.c-conditions .container > h3{text-align: center; text-transform: uppercase; font-weight:500; font-size:24px; margin-bottom:50px; transition:all 1500ms 500ms;}
.c-conditions.hide .container > h3{transform:translate(0,50px);}
.c-conditions .page-text{column-gap: 25px}
.c-conditions.hide .page-text{opacity:0;}

.z-simple{margin-bottom:100px;}
.zones > .container:nth-child(even) .grid{flex-direction:row-reverse;}

.page_galerie .item{min-height:300px; flex:1 1 20%; padding:5px; }
.page_galerie .item.item-title{display: flex; padding:50px; background:#212121; color:#fff; border:5px solid #fff; font-family:"Frank Ruhl Libre", serif; font-size: 42px; text-transform: uppercase; font-weight:500;}
.page_galerie .item .photo{height:100%;}
.page_galerie .item .fancy{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,.6); opacity:0; transition:all .5s;}
.page_galerie .item .fancy:hover{opacity:1;}

.page_galerie .item .photo:before{background:#fff; z-index:6; content:""; position:absolute; left:0; top:0; right:0; bottom:0; transform:scale(1,0); transform-origin: bottom; transition: all 500ms}
.page_galerie .item .photo:after{background:#212121; z-index:5; content:""; position:absolute; left:0; top:0; right:0; bottom:0; transform:scale(1,0); transform-origin: bottom; transition: all 500ms 250ms}

.page_galerie .item.hide .photo:before{transform:scale(1);}
.page_galerie .item.hide .photo:after{transform:scale(1);}


.btn-menu{;display:none;}
.btn-menu *{transition:all 0.5s; -webkit-transition:all 0.5s}

.btn-menu .bar-menu{padding:10px; max-width:50px; margin-left:auto; cursor: pointer}
.btn-menu .bar-menu .bar{display:block; width:25px; height:2px;margin-left:auto; margin-bottom:5px; background:rgba(133,133,133,.6);position:relative}
.btn-menu .bar-menu .bar:last-child{margin-bottom:0}

.resa-txt{margin-top:75px;}
.gotop{position:fixed; bottom:15px; right:15px; padding:25px; box-shadow:rgba(0,0,0,0.3) 0px 0px 10px; background:#212121; cursor:pointer; opacity:0; transition:all .5s,z-index .5s step-end; z-index:-1;}
.gotop:before{content:""; display:block; border-bottom:10px solid #fff;  border-right:10px solid transparent;  border-left:10px solid transparent;}
.gotop.show{transition:all .5s,z-index .5s step-start;opacity:.5; z-index:10; }

.grid.zone-simple .item:nth-child(1):after{content:"";z-index:9; position:absolute;left:0;top:0;right:0;bottom:0; transform:scale(1,0); transform-origin:bottom; background:#fff; transition:all 1500ms;}
.grid.zone-simple.hide .item:nth-child(1):after{transform:scale(1);}

.grid.zone-simple .item .page-text{transition:all 1500ms;}
.grid.zone-simple.hide .item .page-text{opacity:0;transform:translate(0,100px);}

.grid.zone-simple2 .item:nth-child(1):after{content:"";z-index:9; position:absolute;left:0;top:0;right:0;bottom:0; transform:scale(1,0); transform-origin:bottom; background:#fff; transition:all 1500ms;}
.grid.zone-simple2.hide .item:nth-child(1):after{transform:scale(1);}

.grid.zone-simple2 .item .page-text{transition:all 1500ms;}
.grid.zone-simple2.hide .item .page-text{opacity:0;transform:translate(0,100px);}

.page .diapo:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;transform:scale(0,1);transform-origin:left; z-index:1;}
.page .diapo:after{transition:all 1500ms 500ms;}
.page .diapo.hide:after{transform:scale(1);}


@media screen and (max-width : 1920px)
{
	.main .c-text{padding-left:100px;}
	.c-resa > .content-resa .resa{max-width:600px;}
	.page_accueil .nav-diapo{bottom:0; transform: translate(0)}
	.c-resa{z-index:3;}
}
@media screen and (max-width : 1700px)
{
	header nav ul li{margin-left:25px;}
	header .lang li{margin-right:15px;}
	header .btn-resa a{padding-left:15px;}
}
@media screen and (max-width : 1500px)
{
	header .logo{transform: scale(.7); transform-origin:left center;}
	header nav ul li a{font-size:12px;}
	header .btn-resa a{font-size:12px;}
	header .lang li a{font-size:12px;}
	header nav ul li{margin-left:15px;}

	.page-chambre .c-text{padding-left:50px;}
	.carousel-room{margin-top:0;}
}
@media screen and (max-width : 1200px)
{
	.main .c-text{max-width:400px;}
	.container{padding-left:25px; padding-right:25px;}
	.main.main-page{margin-bottom:50px;}
	.zones .container{padding:0 25px 50px;}
	.c-resa{transform:translate(0);}
	.next-resa{margin-top:50px; padding-top:0;}
	.main .c-text h1{font-size:40px;}
	.main .c-text h1 span:nth-child(1){font-size:30px;}
	.grid .item-photo{padding-right:50px;}

	header nav{display: none}
	header{padding:25px;}
	.btn-menu{display: block; flex:none; display: flex; flex-direction:column;justify-content: center}

	.main.main-page .c-text{padding-left:0;}
	.zones .item .page-text{padding:50px; padding-left:100px; margin-top:50px;}

	.page-chambre .grid > .item:nth-child(1){max-width:none; flex:1 1 100%; width:100%;}
	.page-chambre .grid > .item{width:100%; flex:1 1 100%;}
	.page-chambre .c-text{padding:0;}
	.page-chambre .item .page-text{margin-left:0; padding-right:0; padding-left:50px;}
	.c-prev,.c-next{display: none}
}
@media screen and (max-width : 1024px)
{
	.main .diapo{flex:1 1 100%; height:40vh;}
	.page_accueil .main .c-text{max-width:none; padding:0;}
	.main.main-page .c-text .text{margin-right:0;}
	.main.main-page{flex:none; flex-wrap:wrap;}
	.main.main-page .c-text{order:-1;}


	.main.main-page .diapo{min-height:0; height:40vh; width:100%; max-width:100vw;}
	.main .c-text{order:2; max-width:none; padding:50px; padding-left:100px; width:100%;}
	.main .c-text .content-t{margin:0;}
	.main.main-page .c-text .text{transform: none; padding:50px 25px;}
	.main.main-page .c-text{width:100%; padding-right:0; padding-bottom:0; padding-top:0; border-top:1px solid #fff;}
	.main.main-page .diapo .c-form-btn{right:25px; display:block;}
	.main.main-page .c-resa{display:none;}
	.carousel{height:40vh;}

	.main.main-page .c-text .text{margin-bottom:0;}
	.grid .item-text h2{font-size:28px;}
	.index-region .c-info h3{font-size:28px;}
	.zones .item .c-item h3{font-size:28px;}
	.index-region .big-photo{flex:1 1 100%;}
	.index-region .big-photo .info-region{padding-top:200px;}
	.index-region .c-info{height:auto; padding:50px;}
	.index-region .regions .item-region{height:300px;}
	.item-paragraph{padding-left:50px;}
	.index-region .paragraph{padding-right:100px;}
	.index-region .item-paragraph .paragraph:nth-child(even){padding-left:100px;}
	.carousel{height:auto;}
	.info-chambre{margin-bottom:400px;position:relative;}

	.page_accueil .nav-diapo{display: none}
	.c-resa > .content-resa .resa{max-width: none; margin:0; padding:0; box-shadow: none; background:#f1f1f1; }
	.cbtn-resa{position:static; flex:1 1 100%; max-width: none;  transform: none;}
	.cbtn-resa a{text-align: center}

	.opt-resa{padding:15px;}
	.index-region .c-info a.know-more{margin-top:25px;}

	.index-region{padding-top:50px;}
	.container{padding-bottom:50px;}

	.carousel-photos .owl-carousel .owl-item{transform: scale(1)}
	.photos-index{padding:0 25px; padding-bottom:50px;}
	.carousel-photos .fancy{display: none}
	.grid .item-text{padding-left:25px;}

	header .lang-resa{order:1;}
	.btn-menu{transform:translate(-25px);}
	.nav-diapo{display: none}
	.zones{margin-bottom:0;}
	.zones .item .page-text{font-size:14px;}

	.page .diapo{padding:0;}
	.page-text{column-count: auto; column-gap: normal; padding-left:50px;}

	.c-activites .item{max-width:50%;}

	.page_tarif .zones .item .page-text{padding-left:50px;}
	.page_tarif .zones .item .page-text:before{display: none}
	.page_tarif .zones .item .page-text:after{left:25px;}

	.page_tarif .c-form-btn{margin:0 auto;}
	.c-conditions{padding-top:25px; padding-bottom:25px;}
	.c-conditions .container > h3{margin-bottom:25px;}
	.c-conditions .container .page-text{padding-left:0;}
	.c-conditions .container .page-text:after{left:-25px;}

	.page_tarif .mini-container .overflow-table td{font-size:12px;}

	.content-contact{min-height:0; display:flex; flex-direction:column; padding:0;}
	.contact-box{max-width:none; width:100%; padding:50px 25px; transform:none;}
	.map{position:relative; left:auto; top:auto; right: auto; bottom:auto; height:400px; order:2;}
	.page-contact .c-form-btn{padding:0;}
	.page-contact .dispo-btn{margin:25px auto;}

	.grid .item-text{transition-delay:0ms;}
	.grid .item-text > h3{transition-delay:0ms;}
	.grid .item-text > h2{transition-delay:0ms;}
	.grid .item-text > p{transition-delay:0ms;}
	.grid .item-text > a{transition-delay:0ms;}

	.main .c-text .rs{position:relative; bottom:auto; text-align: center; margin-top:25px;}
	.main .c-text .rs li{display: inline-block;}

	.c-resa{padding:0;}
	.c-resa > .content-resa .resa{padding:25px;}
	.opt-resa{flex:1 1 25% !important; justify-content: flex-start; padding:5px;}
	.c-price{display:none;}
	.cbtn-resa a{display:block; padding:15px 25px;}

	.page_tarif .main.main-page{margin-bottom:10px;}
	.page_tarif .main.main-page .c-text .text{margin-bottom:0;}
	.page_tarif .mini-container{margin-bottom:25px;}

	.page_tarif .c-form-btn{margin:0 auto;}
}
@media screen and (max-width : 800px)
{
	.main .c-text h1{font-size:26px;}
	.page-chambre .c-text .text h1{font-size:26px;}
	.grid .item-text h2{font-size:22px;}
	.index-region .c-info h3{font-size:22px;}
	.info-chambre h3{font-size:22px;}
	a.know-more span{font-size:13px;}
	.main.main-page .c-text h1{font-size:24px;}
	.c-title h1{font-size:24px;}
	.page_galerie .item.item-title{font-size:22px;}
	.page_galerie .item.item-title{height:auto; min-height:200px;}
	.page_galerie .item{height:200px;}

	header .lang-resa{flex:none;}

	footer > .container > div{flex:1 1 50%; text-align: center; margin-bottom:25px;}
	footer > .container > div:last-child{text-align: center}

	.btn-menu{flex:1;}

	.zones .item{flex:1 1 100%;}
	.zones .item .page-text{padding:25px; padding-left:50px; padding-bottom:50px; min-height: 250px}
	.zones .item .page-text:before{left:0;}
	.zones .item .page-text:after{left:50px;}
	.zones .item .c-item{padding:25px;}

	.page-chambre .item .page-text{padding-top:0; padding-left:0;}
	.page-chambre .item .page-text:after{left:0;}
	.page-text:before{display:none;}

	.page-chambre > .container{padding:0;}
	.page-chambre .item .page-text{padding:0 25px 50px;}
	.page-chambre .c-text .text{padding:50px 25px;}
	.carousel-room .carousel-photos{height:300px;}
	.carousel-room{margin-bottom:0;}

	.page-text{font-size:12px;}
	.page_tarif .zones .item .page-text{padding:0; margin-top:25px;}
	.page_tarif .zones .item .page-text:after{left:-25px;}

	.zones .item .page-text{font-size:12px;}
	.opt-resa{display:none;}
	.cbtn-resa{margin-top:0;}
}
@media screen and (max-width : 700px)
{
	.index-region .item-text{max-width:none; flex:1 1 100%; width:100%;}
	.index-region .item-paragraph{flex:1 1 100%; width:100%;}
	.item-paragraph{padding-left:0;}
	.c-activites .item{max-width:100%; flex:1 1 100%; padding-bottom:25px;}
	.page_galerie .item{flex:1 1 33.3%;}
}
@media screen and (max-width : 600px)
{

	.main .c-text{padding:25px 0;}
	.page_accueil .main .c-text{padding-top:0;}
	.page_accueil .main .c-text .content-t{padding:50px 25px;}



	.grid .item-text{flex:1 1 100%;}
	.grid .item-photo{padding-right:0; height:40vh; flex:1 1 100%; margin-top:50px;}

	.index-region .paragraph{padding-right:50px;}
	.index-region .item-paragraph .paragraph:nth-child(even){padding-left:50px;}

	.index-region .c-info{max-width:none; padding:25px;}
	.index-region .big-photo .c-info{background:#212121; color:#fff;}
	.index-region .big-photo .c-info h4{color:#fff;}
	.index-region .big-photo .c-info a.know-more span{color:#fff;}
	.index-region .big-photo .info-region{padding-top:300px;}
	.index-region .regions .item-region{height:auto;}
	.index-region .regions .item-region .photo{flex:1 1 100%; height:300px;}

	.zones .item .page-text{padding:0; margin-bottom:25px;}
	.zones .item .page-text:before{display:none;}
	.zones .item .page-text:after{left:-25px;}
	.zones .container .grid.zone-simple:nth-child(2) .page-text{padding-bottom:0;}
	.zones .container{padding-bottom:0;}

	.page-text{padding:0;}
	.page-text:after{left:-25px;}
	.page_galerie .item{flex:1 1 50%;}

	.main-t .diapo{position:relative; top:0; bottom:auto; left:0; right:auto;}
	.page_tarif .main .content-t .container{padding:0; margin:0;}
	.page_tarif .main .content-t .c-title{max-width:none; padding:50px 25px;}
	.page_tarif .mini-container{margin-top:0;}


}
@media screen and (max-width : 500px)
{
	footer > .container > div{flex:1 1 100%}
}
@media screen and (max-width : 420px)
{

	.index-region .paragraph{padding-right:0;}
	.index-region .item-paragraph .paragraph:nth-child(even){padding-left:0;}
	.carousel-photos{height:200px;}
	.info-chambre{margin-bottom:400px;padding:25px;}
	.info-chambre{}
	header .lang-resa{width:100%;}
	header .lang li{margin:0 5px;}
	header .btn-resa{flex:1 1 100%; margin-top:10px;}
	header .btn-resa a{border:0;}
	header .logo{text-align: center; border:0; transform-origin: center center; padding:0; margin:0 auto; width:100%;}
	header .logo > *{text-align: center}
	.main .c-text .rs li a{font-size: 16px}
	.main .c-text .rs li{padding:5px 10px;}

	.grid .item-text{padding-left:0; border:0;}
	.index-region .paragraph{padding:0; border:0;}
	.index-region .item-paragraph .paragraph:nth-child(even){padding:0; border:0;}

	.btn-menu{flex:1 1 100%; transform: none}
	.btn-menu .bar-menu{margin:0 auto 15px;}
	.zones .item .c-item{padding:25px 0;}
	.zones .container .grid.zone-simple:nth-child(2) .photo{max-height:250px; min-height:250px;}

	.carousel-room .carousel-photos{height:250px;}
	.page_galerie .item{flex:1 1 100%;}


}