.main{position:relative; height:100vh;}
.container{max-width:1600px; margin:0 auto;}
.main.container{max-width:none;}
.grid{display: flex;flex-wrap:wrap; width:100%; height:100%;}
.page_accueil.page_contenu .mains .main .grid{flex-direction: row}
.page_accueil.page_contenu .mains .main:nth-child(2) .grid{flex-direction: row-reverse}
.mains .main:nth-child(even) .grid{flex-direction: row-reverse}

.mains{overflow:hidden;}
.main > .grid > *{flex:1 1 50%; height:100%;}
.main > .grid .cartouches{display: flex; flex-direction: row; flex-wrap:wrap; width:100%;}
.main > .grid .cartouches .cartouche{flex:1 1 50%; height:50%; backface-visibility: hidden; display:flex; flex-direction:column; justify-content: center; position: relative}
.main > .grid .cartouches .cartouche .photo{height:100%;}
.main > .grid .cartouches .cartouche.cartouche-title{background:#c7b59e;}
.main > .grid .cartouches .cartouche .title{color:#fff; font-size:1.2rem; text-transform: uppercase; margin-top:25px; text-align: center; letter-spacing: .2rem; font-weight:700;}
.main > .grid .cartouches .cartouche .title:before{content:""; display:block; height:1px; width:100%; max-width:200px; margin:0 auto 25px; background:rgba(255,255,255,.4);}
.main > .grid .cartouches .cartouche .title a{max-width:320px; margin:25px auto; display:block; text-transform: uppercase; color:#fff; transition:all 500ms; padding:15px 25px; text-align: center; border:1px solid #fff;}
.main > .grid .cartouches .cartouche .title a:before{content:attr(data-title);}
.main > .grid .cartouches .cartouche .title a:hover{background:#fff; color:#c7b59e;}
.main > .grid .cartouches .cartouche.cartouche-title .mini-logo{margin:0 auto; max-width:240px;}
.main > .grid .cartouches .cartouche.cartouche-title .mini-logo img{width:100%;}

.mains .main:nth-child(3n - 2) .grid .cartouches .cartouche:nth-child(3){background:#bbc1ac;}
.mains .main:nth-child(3n - 1) .grid .cartouches .cartouche:nth-child(3){background:#d28a7b;}
.mains .main:nth-child(3n) .grid .cartouches .cartouche:nth-child(3){background:#ce8458;}

.mains .main:nth-child(3n) .cartouches .cartouche:nth-child(1){order:1;}
.mains .main:nth-child(3n) .cartouches .cartouche:nth-child(2){order:0;}
.mains .main:nth-child(3n) .cartouches .cartouche:nth-child(3){order:3;}
.mains .main:nth-child(3n) .cartouches .cartouche:nth-child(4){order:2}

.mains .main .grid .cartouches .cartouche:nth-child(1) li{margin:15px auto; display:block; text-align: center}
.mains .main .grid .cartouches .cartouche:nth-child(1) li a{text-transform:uppercase; color:#c7b59e; font-weight:300; letter-spacing: .2rem; font-size:1.1rem;}

.mains .main:nth-child(3n - 2) .grid .cartouches .cartouche:nth-child(1) li a:hover{color:#bbc1ac;}
.mains .main:nth-child(3n - 1) .grid .cartouches .cartouche:nth-child(1) li a:hover{color:#d28a7b;}
.mains .main:nth-child(3n) .grid .cartouches .cartouche:nth-child(1) li a:hover{color:#ce8458;}

.grid .cartouches .cartouche:nth-child(3){color:#fff; text-align: center; padding:25px; letter-spacing: .05rem; line-height:2rem; font-size:1.3rem; display:flex; flex-direction:column;justify-content: center}

.grid .cartouches .cartouche.c-part:nth-child(3):before{display: none}
.grid .cartouches .cartouche.c-part:nth-child(3):after{display: none}

.grid .cartouches .cartouche.c-part:nth-child(3){background:#d28a7b !important; font-weight:bold; font-size:1.1rem; text-transform:none; letter-spacing: .1rem line-height:1.4rem;}
.grid .cartouches .cartouche.c-part:nth-child(3) a{color:#fff;}

.grid .cartouches .cartouche .mask-link{position:absolute;backface-visibility: hidden; top:0; left:0; bottom:0; right:0; z-index:5;}
.grid .cartouches .cartouche .mask-link:before{content:""; position:absolute; opacity:0; transition:all 500ms; top:50px; left:50px; right:50px; bottom:50px; border:1px solid rgba(255,255,255,.8);}
.grid .cartouches .cartouche .mask-link:hover:before{opacity:1;}

.main > .grid .c-photo{padding:15vh; position:relative; backface-visibility: hidden; background-color:#fff; background-image:url("../img/cadre-palmier4.jpg"); background-repeat: no-repeat; background-position: center center; background-size:cover;}
.main > .grid .c-photo .photo{height:100%; backface-visibility: hidden}
.main > .grid .c-photo .photo img{backface-visibility: hidden; }

.mains .main:nth-child(3n - 2) > .grid .c-photo:before{ border:10px solid #bbc1ac; }
.mains .main:nth-child(3n - 1) > .grid .c-photo:before{ border:10px solid #d28a7b;}
.mains .main:nth-child(3n) > .grid .c-photo:before{border:10px solid #ce8458;}

.mains .main .grid .c-photo:before{position:absolute; backface-visibility: hidden; content:""; top:15vh; left:15vh; bottom:15vh; right:15vh; transition:all 1500ms; opacity:0; transition-delay: 1s}

/* Transitions */

.main .cartouche{opacity:0;}
.mains .main .grid .cartouches .cartouche:nth-child(2){transition-delay:1s;}
.mains .main .grid .cartouches .cartouche:nth-child(3){transition-delay:1.5s;}
.mains .main .grid .cartouches .cartouche:nth-child(4){transition-delay:2s;}
.main.show .cartouche{opacity:1;}

.main.show .grid .c-photo:before{transform:rotate(30deg); opacity:1;}
.mains .main:nth-child(even).show .grid .c-photo:before{transform:rotate(-30deg);}

.main > .grid .c-photo .photo{opacity:0; transition-delay:1s;}
.main.show > .grid .c-photo .photo{opacity:1;}

.main > .grid .c-photo:after{content:"";  position:absolute; transform-origin:left; top:0; left:0; bottom:0; right:0; will-change:transform; backface-visibility: hidden; transition:transform 1500ms; background:#fff; z-index:5;}
.main.show > .grid .c-photo:after{transform:scale(0,1);}

.mains .main:nth-child(even) > .grid .c-photo:after{transform-origin:right}
.main.show > .grid .c-photo:after{transform:scale(0,1);}

/*
footer{background-image:url("../img/bg-footer.png"); position:relative;z-index:5; background-repeat: no-repeat; color:#fff; background-position: center center; background-size:cover; padding:100px 0;}
footer .container{display:flex; flex-direction:row; flex-wrap:wrap; padding:0 25px;}
footer .container > *{flex:1; text-align: left; display:flex; flex-direction:column; justify-content: center}
footer .container > * p{text-transform:uppercase; font-size:1rem; letter-spacing: .2rem; margin:2px 0;}
footer .container > *:nth-child(2){text-align: center}
footer .container > *:nth-child(3){text-align: right; justify-content: flex-end}
footer .container > * .logo-f{max-width:240px; margin-bottom:25px; padding:10px; border-top:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4);}
footer .container > * .logo-f img{width:100%;}
footer .container > * .title{margin-bottom:50px; font-size:1.3rem; text-transform: uppercase; letter-spacing: .1rem; font-weight:bold;}
footer .container > * a{color:#fff;}
footer .container > *:nth-child(2) ul{margin-top:50px; text-align: center}
footer .container > *:nth-child(2) ul li{font-size:1.2rem; font-weight:bold; text-transform:uppercase; display: inline-block; margin:0 10px;}
footer .container > *:nth-child(2) ul li a i {font-size:1rem;transform:translate(0,5px);}
footer .container > *:nth-child(2) ul li a{transition:all .5s;}
footer .container > *:nth-child(2) ul li a:hover{opacity:.75;}
footer .container > *:nth-child(2) ul li.active a{opacity:.75;cursor: default}

footer .container > *:nth-child(3) ul{margin-bottom:25px; text-align: right}
footer .container > *:nth-child(3) ul li{font-size:1rem; letter-spacing: .1rem; font-weight:bold; text-transform:uppercase; margin-top:10px; }
footer .container > *:nth-child(3) ul li a{transition:all .5s;}
footer .container > *:nth-child(3) ul li a:hover{opacity:.75;}
footer .container > *:nth-child(3) ul li.active a{opacity:.75;cursor: default}
footer .container > *:nth-child(3) .edc img{max-width:180px;}
*/

/* Header Page */
header nav .c-resa{display: none!important;}
header.header-page{height:auto;}
header.header-page .c-header{height:auto;}
header.header-page .c-header .header-content{padding:50px 0 0; justify-content: center; backface-visibility: hidden}
header.header-page .c-header .header-content:before,header.header-page .c-header .header-content:after{display:none;}
header.header-page .c-header .logo{display: flex; margin-top:-15px;  padding:10px 0; flex-direction:column;justify-content: flex-start; flex:1; margin-left:0; margin-left:30px; max-width:220px;}
header.header-page .c-header .logo img{width:220px; display: block}

header.header-page .c-header .logo:before{content:""; position:absolute; left:0; top:0; right:0; height:1px; transform-origin:left; background:rgba(255,255,255,.4); transform:scale(0,1);transition: transform 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay:1s;}
header.header-page .c-header .logo:after{content:""; position:absolute; left:0; bottom:0; right:0; height:1px; transform-origin:right; background:rgba(255,255,255,.4); transform:scale(0,1);transition: transform 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay:1s;}

header.header-page .c-header .logo.show:before,header.header-page .c-header .logo.show:after{transform:scale(1);}
header.header-page .diapo .photo:after{position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.4); content:"";}

header.header-page .c-header .header-content h1{padding:25px 0; font-weight:400; font-size:2rem; letter-spacing: .5rem; position:relative; text-align: center; margin:0 auto; color:#fff; text-transform:uppercase;}
header.header-page .c-header .header-content h1:before{content:""; position:absolute; left:0; top:0; right:0; height:1px; transform-origin:left; background:rgba(255,255,255,.4); transform:scale(0,1);transition: transform 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay:1s;}
header.header-page .c-header .header-content h1:after{content:""; position:absolute; left:0; bottom:0; right:0; height:1px; transform-origin:right; background:rgba(255,255,255,.4); transform:scale(0,1);transition: transform 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-delay:1s;}

header.header-page .c-header .header-content:nth-child(2):after{display: none}

header.header-page .c-header .header-content h1.show:before,header.header-page .c-header .header-content h1.show:after{transform:scale(1);}

header.header-page .c-resa{display:flex; flex-direction:row; width:100%; padding-right:30px; justify-content: flex-end; padding-bottom:50px;}
header.header-page .c-resa a{flex:none; padding:15px 35px; text-transform:uppercase; background:#bbc1ac; color:#fff; transition:all 500ms; font-weight:700; letter-spacing: .1rem}
header.header-page .c-resa a:hover{background:#d28a7b;}

.fixed-menu .c-resa{display: flex;}
.fixed-menu .c-resa a{color: #c7b59e;font-weight: bold;padding: 1rem;border: 1px #c7b59e solid;margin-left: 2rem;transition: .3s all;}
.fixed-menu .c-resa a:hover{color: white;background: #c7b59e;}
header ul li:nth-last-child(2):after,.fixed-menu ul li:nth-last-child(2):after{display: none;}
.fixed-menu ul li{
	    align-items: center;
}

.fixed-menu ul li:after{    transform: translate(0,0px);}

.fixed-menu-page{display:none; display:flex; flex-direction:row; flex-wrap:wrap;}
.fixed-menu-page > *{flex:1;}
.fixed-menu-page .logo{flex:none; max-width:200px;}
.fixed-menu-page .logo img{width:100%;}
.fixed-menu-page ul li a{display:flex; flex-direction:column;justify-content: center}


/* Page Chambres */

.c-photo-listing{position:relative; padding:15vh; backface-visibility: hidden}
.c-photo-listing *{backface-visibility: hidden}
.c-photo-listing:after{content:"";backface-visibility: hidden; position:absolute; top:15vh; left:15vh; bottom:15vh; right:15vh; z-index:1; transform:scale(0) rotate(0deg); transition: transform 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.c-photo-listing .photo{z-index:3; height:100%;}

.main .c-photo-listing > .photo.photo_ok{opacity:0;}
.main.show .c-photo-listing > .photo.photo_ok{transform:translate(0); opacity:1;}

.mains .main:nth-child(3n - 2) .c-photo-listing:after{background:#bbc1ac;}
.mains .main:nth-child(3n - 1) .c-photo-listing:after{background:#d28a7b;}
.mains .main:nth-child(3n) .c-photo-listing:after{background:#ce8458;}

.page_chambres .mains .main .grid{flex-direction:row-reverse; position:relative;z-index:2;}
.page_chambres .mains .main .grid:after{content:"";backface-visibility: hidden; opacity:0; position:absolute; transition: opacity 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); top:0; left:0; right:0; bottom:0; background-image:url("../img/cadre-feuilles.png"); background-repeat: no-repeat; color:#fff; background-position: 0% center; z-index:1;}
.page_chambres .mains .main:nth-child(even) .grid{flex-direction:row;}
.page_chambres .mains .main:nth-child(even) .grid:after{left:50%;}
.mains .main.show .grid:after{opacity:.4;}
.mains .main.show .c-photo-listing:after{transform:scale(1) rotate(30deg);}
.mains .main:nth-child(even).show .c-photo-listing:after{transform:scale(1) rotate(-30deg);}

.page_chambres .mains .main .details{display:flex; flex-direction:column; justify-content: center; padding:0 50px; position:relative;z-index:3;}
.page_chambres .mains .main .details h2{font-size:1.1rem; letter-spacing: .1rem; font-weight:400; margin-bottom:25px;}
.page_chambres .mains .main .details h2 strong{text-transform:uppercase; font-size:1.4rem; letter-spacing: .2rem; transform:translate(0,-5px); display: inline-block; margin-right:10px;}
.page_chambres .mains .main .details > p{font-weight:400; padding-left:25px; font-size:1.1rem; color:#666; line-height: 1.7rem}
.mains .main:nth-child(even) .details > p{text-align: right}
.mains .main:nth-child(even) .details{text-align: right}

.mains .main:nth-child(3n - 2) .details h2 strong{color:#bbc1ac;}
.mains .main:nth-child(3n - 1) .details h2 strong{color:#d28a7b;}
.mains .main:nth-child(3n) .details h2 strong{color:#ce8458;}

.page_chambres .mains .main:before{content:""; position:absolute; bottom:0; right:0; top:0; left:0; background-image:url("../img/bg-leaf2.png"); background-repeat: no-repeat; color:#fff; background-position: 105% 75%;}
.page_chambres .mains .main:nth-child(even):before{content:"";background-image:url("../img/bg-leaf.png"); background-position: -5% 25%;}

.main.show .details{transform:translate(0); opacity:1;}

.mains .main:nth-child(even) .c-photo-listing:before{transform:rotate(180deg);}
.mains .main:nth-child(even) .details h2{text-align: right}
.mains .main:nth-child(even) .details .tabs{text-align: right}
.mains .main:nth-child(even) .details .tab > p {text-align:right}

.mains .main .details .tabs .tab{display:inline-block;}
.mains .main .details .tabs .tab a{padding:15px 25px; opacity:0; color:#292929; text-transform:uppercase; font-weight:700; display: block; letter-spacing: .1rem; font-size:1.1rem;}
.mains .main .details .tabs .tab a:hover,.mains .main .details .tabs .tab a.active{color:#fff;}
.mains .main .details .tabs .tab:after{content:""; transform-origin:left; display:block; height:1px; width:100%; transition:1500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transform:scale(0,1);}

.mains .main:nth-child(3n - 2) .details .tabs .tab a:hover,.mains .main:nth-child(3n - 2) .details .tabs .tab a.active{background:#bbc1ac;}
.mains .main:nth-child(3n - 1) .details .tabs .tab a:hover,.mains .main:nth-child(3n - 1) .details .tabs .tab a.active{background:#d28a7b;}
.mains .main:nth-child(3n) .details .tabs .tab a:hover,.mains .main:nth-child(3n) .details .tabs .tab a.active{background:#ce8458;}

.mains .main:nth-child(3n - 2) .details .tabs .tab:after{background:#bbc1ac;}
.mains .main:nth-child(3n - 1) .details .tabs .tab:after{background:#d28a7b;}
.mains .main:nth-child(3n ) .details .tabs .tab:after{background:#ce8458;}

.mains .main:nth-child(even) .details .tabs:after{transform-origin: right}
.mains .main.show .details .tabs .tab:after{transform:scale(1);}
.mains .main.show .details .tabs .tab a{opacity:1;}

.mains .main .details .tab-target{display: none}
.mains .main .details .tab-target.active{display: block}

.page_chambres .mains .main.show .details .append-tab{opacity:1; transform:translate(0); transition-delay:1s;}
.page_chambres .mains .main .details .append-tab{margin-top:50px;}
.mains .main:nth-child(even) .details .append-tab{text-align: right}

.page_chambres .mains .main .details h3{font-size:1.1rem; letter-spacing: .1rem; font-weight:400; margin-bottom:25px;}
.page_chambres .mains .main .details h3 strong{text-transform:uppercase; font-size:1.4rem; letter-spacing: .2rem; transform:translate(0,-5px); display: inline-block; margin-right:10px;}
.page_chambres .mains .main .details .tab-target{font-weight:400; padding-left:25px; font-size:1.1rem; color:#666; line-height: 1.7rem}

.mains .main:nth-child(3n - 2) .details h3 strong{color:#bbc1ac;}
.mains .main:nth-child(3n - 1) .details h3 strong{color:#d28a7b;}
.mains .main:nth-child(3n) .details h3 strong{color:#ce8458;}

.main .c-photo-listing .list-photo{height:100%; position:relative; overflow: hidden}
.main .c-photo-listing .list-photo .photo{position:absolute; left:0; top:0;z-index:-1; }
.main .c-photo-listing .list-photo .photo.photo_ok{opacity:0;}
.main.show .c-photo-listing .list-photo > .photo.photo_ok{opacity:0;}
.main.show .c-photo-listing .list-photo > .photo{transition:transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),z-index 2500ms step-end;}
.main.show .c-photo-listing .list-photo > .photo.photo_ok.active{z-index:3;transform:translate(0); opacity:1; transition:transform 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 2500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),z-index 2500ms step-start;}

.main .c-photo-listing .photo .mask{background:transparent; position:absolute; transition:all 500ms;}
.main .c-photo-listing .photo .mask:hover{background:rgba(0,0,0,.4);}
.main .c-photo-listing .photo .mask:after{content:"Voir la galerie"; transition:all 500ms; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center; text-transform:uppercase; font-weight:700; color:#fff; font-size:1.6rem; letter-spacing: .2rem; opacity:0;}
.main .c-photo-listing .photo .mask:hover:after{opacity:1;}

/* Page liste */

.liste_pages .mains .main.show .c-photo-listing:after{transform:scale(1) rotate(0deg);}
.liste_pages .mains .main:nth-child(even).show .c-photo-listing:after{transform:scale(1) rotate(0deg);}
.liste_pages .mains .main .grid{flex-direction:row-reverse; position:relative;z-index:2;}
.liste_pages .mains .main .grid:after{content:""; transform:scale(1.1); backface-visibility: hidden; opacity:0; position:absolute; transition: opacity 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); top:0; left:0; right:0; bottom:0; background-image:url("../img/cadre-feuilles.png"); background-repeat: no-repeat; color:#fff; background-position: 0% center; z-index:1;}
.liste_pages .mains .main:nth-child(even) .grid{flex-direction:row;}
.liste_pages .mains .main:nth-child(even) .grid:after{left:50%;}
.liste_pages .mains .main.show .grid:after{opacity:.4;}

.liste_pages .cartouches .cartouche-title {backface-visibility: hidden}
.liste_pages .cartouches .cartouche .photo{position:absolute; left:0; top:0; z-index:5;backface-visibility: hidden}
.liste_pages .cartouches .cartouche:hover .photo.photo_ok{opacity: 0}
.liste_pages .cartouches .cartouche .text{padding:25px 50px; text-transform:uppercase; text-align: center; font-family:"Roboto",sans-serif;color:#c7b59e; font-size:.8rem; letter-spacing: .1rem; line-height:1.5rem;} 
.liste_pages .cartouches .cartouche-title .text{color:#fff;}

.liste_pages .cartouches .cartouche:nth-child(3){order:3;}
.liste_pages .cartouches .cartouche:nth-child(3):before,.liste_pages .cartouches .cartouche:nth-child(3):after{display:none;}

.liste_pages .main > .grid .cartouches{height:100vh;padding-top:4vh; padding-bottom:4vh; position:relative;z-index:3;}
.liste_pages .main > .grid .cartouches .cartouche{height:50%;position:relative; overflow:hidden;}
.liste_pages .c-photo-listing{padding:12vh;}
.liste_pages .c-photo-listing:after{top:10vh;left:10vh; bottom:10vh; right:10vh; transition-delay:1s;}

.liste_pages .mains .main:nth-child(3n) .cartouches .cartouche:nth-child(3){order:2;}


/* Page simple */

.page_contenu .mains .main .grid{flex-direction:row-reverse; position:relative;z-index:2;}
.page_contenu .mains .main .grid:after{content:"";backface-visibility: hidden; opacity:0; position:absolute; transition: opacity 2000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); top:0; left:0; right:0; bottom:0; background-image:url("../img/cadre-feuilles.png"); background-repeat: no-repeat; color:#fff; background-position: 0% center; z-index:1;}
.page_contenu .mains .main .grid > *{z-index:3; position:relative;}
.page_contenu .mains .main:nth-child(even) .grid{flex-direction:row;}
.page_contenu .mains .main:nth-child(even) .grid:after{left:50%;}
.page_contenu .mains .main .details{display:flex; flex-direction:column; justify-content: center; padding:0 50px; position:relative;z-index:3;}
.page_contenu .mains .main .details h2{font-size:1.1rem; letter-spacing: .1rem; font-weight:400; margin-bottom:25px;}
.page_contenu .mains .main .details h2 strong{text-transform:uppercase; font-size:1.4rem; letter-spacing: .2rem; transform:translate(0,-5px); display: inline-block; margin-right:10px;}
.page_contenu .mains .main .details > p{font-weight:400; padding-left:25px; font-size:1.1rem; color:#666; line-height: 1.7rem}
.page_contenu .mains .main:before{content:""; position:absolute; bottom:0; right:0; top:0; left:0; background-image:url("../img/bg-leaf2.png"); background-repeat: no-repeat; color:#fff; background-position: 105% 75%;}
.page_contenu .mains .main:nth-child(even):before{content:"";background-image:url("../img/bg-leaf.png"); background-position: -5% 25%;}

.resa-page{max-width:450px; color:#c7b59e; margin:50px auto;}
.resa-page .inputs > * input{border-color:rgba(133,133,133,.5); color:#777;}
.t-resa:before,.inputs:after{background:rgba(133,133,133,.5);}
.resa.resa-page input[type="button"]{border-color:transparent; background:#c7b59e;}
.inputs > * .c-input:after{color:#c7b59e; opacity:.6;}


.page_tarif .mains .main:before{content:""; opacity:.5; position:absolute; bottom:0; right:0; top:0; left:0; background-image:url("../img/bg-leaf-taif.png"); background-repeat: no-repeat; color:#fff; background-position: 105% 0%;}
.page_tarif .mains .main:after{content:""; opacity:.5; position:absolute; bottom:0; right:0; top:0; left:0;  background-repeat: no-repeat; color:#fff; background-image:url("../img/bg-leaf-taif2.png"); background-position: -5% 0%;}

.content-table{max-width:1600px; margin:0 auto; width:100%; position:relative;z-index:2;}
.tabs-table{text-align: center; margin:50px auto 0; display: flex; flex-direction:row; justify-content: center; flex-wrap:wrap; max-width:1200px; width:100%;}
.content-table:after{content: ""; background:#d28a7b; width:100%; height:1px; display: block; transition:all 1500ms;  transform:scale(0,1);}
.tabs-table .tab{padding:15px 25px; cursor: pointer; text-transform:uppercase; text-align: center; flex:1; font-size:.9rem; letter-spacing: .1rem; line-height: 1.6rem}
.tabs-table .tab strong{transition:all .5s;}
.tabs-table .tab:first-child{text-align: left}
.tabs-table .tab:last-child{text-align: right}

.tabs-table .tab.active{cursor: default;color:#fff;}
.tabs-table .tab:hover{color:#fff;}

.tabs-table .tab:nth-child(3n - 2) strong{color:#bbc1ac;}
.tabs-table .tab:nth-child(3n - 1) strong{color:#d28a7b;}
.tabs-table .tab:nth-child(3n) strong{color:#ce8458;}

.tabs-table .tab:nth-child(3n - 2).active,.tabs-table .tab:nth-child(3n - 2):hover{background:#bbc1ac;}
.tabs-table .tab:nth-child(3n - 1).active,.tabs-table .tab:nth-child(3n - 1):hover{background:#d28a7b;}
.tabs-table .tab:nth-child(3n).active,.tabs-table .tab:nth-child(3n):hover{background:#ce8458;}

.tabs-table .tab:nth-child(3n - 2).active strong,.tabs-table .tab:nth-child(3n - 2):hover strong{color:#fff;}
.tabs-table .tab:nth-child(3n - 1).active strong,.tabs-table .tab:nth-child(3n - 1):hover strong{color:#fff;}
.tabs-table .tab:nth-child(3n).active strong,.tabs-table .tab:nth-child(3n):hover strong{color:#fff;}

.main.show .content-table{transform:translate(0); opacity:1;}
.main.show .content-table:after{transform: scale(1)}

.main.show .append-table{transform:translate(0); opacity:1;}

.tab-table{display:none;}
.tab-table.active{display:block;}

.main.main-tarif{height:auto;}
.append-table{max-width:1600px; margin:50px auto;position:relative;z-index:2; }
.append-table > *{width:100%;}
.append-table table{width:100%;}
.append-table table tr td{padding:10px; font-size:.9rem; text-align: center}
.append-table table thead tr td{;padding:10px 20px; font-weight:bold; color:#d28a7b; letter-spacing: .1rem}
.append-table table tbody tr td{border-right:1px solid rgba(133,133,133,.4); color:#777;}
.append-table table tbody tr td:last-child{border-right:0}
.append-table table tbody tr td:nth-child(1){ font-weight:bold; text-align: left; color:#c7b59e;}
.append-table table tbody tr:last-child td{border:0; padding-top:50px; color:#c7b59e; font-weight:bold;}

.append-table .c-table{display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.append-table .c-table > *{flex:1; margin-right:100px;}
.append-table .c-table > .text-table{flex:none; max-width:340px; display:flex; flex-direction: column;justify-content: center; background-image:url("../img/bg-leaf-transparent.png"); background-position:center right; background-repeat:no-repeat;}
.t-table{padding:50px 0; border-top:1px solid rgba(133,133,133,.4); border-bottom:1px solid rgba(133,133,133,.4); color:#777; line-height: 1.4rem}
.t-table strong{color:#c7b59e;}
.t-table em{color:#bbc1ac; font-weight: bold; font-style: normal;}
.t-table h4{text-transform: uppercase; color:#bbc1ac; font-weight: bold; margin-top:25px;}

.append-table table.table2 tr td{padding:15px; border-bottom:1px solid rgba(133,133,133,.4) ; vertical-align: top; text-align: center}
.append-table table.table2 thead tr td{font-weight:bold; color:#d28a7b; letter-spacing: .1rem; border:0; width: 170px;}
.append-table table.table2 tbody tr td span{; display: block; vertical-align: middle;}
.append-table table.table2 tbody tr td:nth-child(1){ font-weight:bold; text-align: left; color:#d28a7b;}
.append-table table.table2 tbody tr:last-child td{border-right:1px solid rgba(133,133,133,.4); padding-top:15px; color:#777; font-weight:normal;}
.append-table table.table2 tbody tr:last-child td:nth-child(1){ font-weight:bold; text-align: left; color:#d28a7b;}
.append-table table.table2 tbody tr:last-child td:last-child{border-right:0;}
.append-table table.table2 tbody tr td span i{color:#777; font-weight:400; font-style: normal}

.fancybox-slide table{width:100%; margin-bottom:25px;}
.fancybox-slide table tr td{padding:15px; border-bottom:1px solid rgba(133,133,133,.4) ; vertical-align: top; text-align: center}
.fancybox-slide table thead tr td{font-weight:bold; color:#d28a7b; letter-spacing: .1rem; border:0;}
.fancybox-slide table tbody tr td span{display: block; vertical-align: middle;}
.fancybox-slide table tbody tr td:nth-child(1){ font-weight:bold; text-align: left; color:#d28a7b; width:50%;}
.fancybox-slide table tbody tr:last-child td:nth-child(1){ font-weight:bold; text-align: left; color:#d28a7b;}
.fancybox-slide table tbody tr td span i{color:#777; font-weight:400; font-style: normal}


.docs li{margin-top:10px;}
.docs li a{color:#777;}
.docs li a i{margin-right:10px; color:#bbc1ac; display:inline-block; vertical-align: baseline}

.main-contact{height:auto; padding:100px 30px;}
.main-contact > .grid{flex-direction:row; height:auto;}
.main-contact > .grid > *{flex:1 1 25%; height:auto;}
.info-contact{display:flex; flex-direction:column;}
.info-contact > *{flex:1; text-align: center; padding:25px; font-size:1rem; display:flex; flex-direction: column; justify-content: center; line-height: 1.6rem; text-transform:uppercase; letter-spacing: .2rem}
.info-contact > *:nth-child(1){background:#ce8458; color:#fff;}
.info-contact > *:nth-child(1) img{max-width:200px; display:block; margin:0 auto 50px;}

.info-contact > *:nth-child(2) .title{text-transform:uppercase; margin-bottom:50px;}
.info-contact > *:nth-child(2) ul{margin-top:25px;}
.info-contact > *:nth-child(2) ul li{font-size:1.2rem; font-weight:bold; text-transform:uppercase; display: inline-block; margin:0 10px; letter-spacing: .1rem}
.info-contact > *:nth-child(2) ul li a i {font-size:1rem;transform:translate(0,5px);}
.info-contact > *:nth-child(2) ul li a{transition:all .5s; color:#777;}
.info-contact > *:nth-child(2) ul li a:hover{opacity:.75;}
.info-contact > *:nth-child(2) ul li.active a{opacity:.75;cursor: default}

.form-contact{padding:25px; background:#d28a7b;;}
.form-contact label{width:100%; color:#fff; text-transform: uppercase; padding:10px 0; font-size:.8rem; letter-spacing: .15rem; display:block;}
.form-contact input{width:100%; padding:10px; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); outline:none;}
.form-contact textarea{width:100%; resize:vertical; min-height:150px; padding:10px; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); outline:none;}
.form-contact input[type="radio"]{margin-top:25px;}
.form-contact input[type="radio"] + label{text-align: center}
.form-contact p{color:#fff; font-size:.8rem; letter-spacing: .1rem; text-align: right; padding:10px 0;}
.form-contact input[type="submit"]{text-transform:uppercase; font-weight:bold; transition:all .5s; cursor: pointer; margin-top:15px;}
.form-contact input[type="submit"]:hover{background:rgba(255,255,255,.3);}
.form-contact input[type="submit"]:disabled{opacity:.5;}

.main-contact > .grid > .gmap{flex:1 1 50%; min-height:500px;}
.gmap iframe{width:100%; height:100%; filter: grayscale(1);}
.content-table{/*overflow-x:auto;*/}
.c-btn-menu{display:none;}

.btn-tarif{display:none;}

@media screen and (max-width : 1599px)
{
	.main > .grid .c-photo{padding:10vh;}
	.main > .grid .c-photo{overflow:hidden;}
	.mains .main .grid .c-photo:before{top:10vh; left:10vh; right:10vh; bottom:10vh;}
}
@media screen and (max-width : 1399px)
{
	.c-header .header-content:nth-child(1):before{display:none;}
	.header-content .rs{flex:1 1 100%; justify-content: center; margin-top:25px;}

	.main > .grid .c-photo{padding:5vh;}
	.c-photo-listing{padding:5vh;}
	.mains .main .grid .c-photo:before{top:5vh; left:5vh; right:5vh; bottom:5vh;}
	.mains .main .details .tabs .tab a{font-size:.8rem;}

	.append-table .c-table > .text-table{justify-content: flex-start;}
	.append-table .c-table > *{margin-right:25px;}

	.owl-carousel .photo:after{content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.4);}
}
@media screen and (max-width : 1199px)
{
	.page_accueil.page_contenu .mains .main .grid > *{flex:1 1 100%; height: auto}
	.page_accueil.page_contenu .mains .main .grid .cartouches .cartouche{height:auto;}
	.grid .cartouches .cartouche .mask-link:before{top:25px; left:25px; right:25px; bottom: 25px}

	.append-table .c-table > *{margin:0 auto 25px; flex:1 1 100%;}
	.c-table{overflow: auto; padding:0 25px;}
	.append-table .c-table > .text-table{max-width:none; width:100%;}
}
@media screen and (max-width : 1023px)
{
	.c-header .header-content{padding:25px 0;}
	.c-btn-menu{margin-bottom:25px;}
	body{font-size:12px;}
	header{height:auto;}
	/*
	footer{padding:50px 0;}
	footer .container > *{text-align: center; flex:1 1 100%; margin-bottom:25px;}
	footer .container > * .logo-f{margin:0 auto 50px;}
	footer .container > *:nth-child(3) ul{text-align: center}
	.edc{text-align: center}
	*/
	
	.main{height:auto;}
	.page_contenu .mains .main:before{display:none;}
	.main > .grid .c-photo{padding:25px;}
	.mains .main.show .grid .c-photo:before{transform: none !important; top:10px; left:10px; right:10px; bottom:10px;}

	.cartouche ul{padding:100px 0;}
	.grid .cartouches .cartouche:nth-child(3){padding:100px 25px;}
	.main > .grid .c-photo .photo{height:50vw;}

	.mains .main .grid .cartouches .cartouche:nth-child(1) li a{font-size:1rem;}
	.grid .cartouches .cartouche:nth-child(3){font-size:1rem;}
	.page_chambres .mains .main .details > p{font-size:1rem; padding:0;}

	.page_chambres .mains .main > .grid > *{flex:1 1 100%;}
	.page_chambres .mains .main .details{padding:25px;}
	.c-photo-listing .photo{height:50vh;}
	.c-photo-listing{padding:25px;}

	.page_chambres .mains .main .details .tab-target{padding:0;}

	.mains .main:nth-child(even) .details{text-align: left}
	.mains .main:nth-child(even) .details h2{text-align: left}
	.mains .main:nth-child(even) .details .tabs{text-align: left}
	.mains .main:nth-child(even) .details .append-tab{text-align: left}

	.main .c-photo-listing .list-photo{height:50vh;}

	.liste_pages .main > .grid > *{flex:1 1 100%;}
	.liste_pages .c-photo-listing{padding:25px;}
	.liste_pages .c-photo-listing:after{top:10px; left:10px; bottom:10px; right:10px;}

	.liste_pages .main > .grid .cartouches{height:auto; padding:25px 0;}
	.liste_pages .main > .grid .cartouches .cartouche{height:auto;}
	.liste_pages .cartouches .cartouche .photo{position:relative;}
	.liste_pages .cartouches .cartouche:hover .photo.photo_ok{opacity:1;}

	.liste_pages .main > .grid .cartouches .cartouche{padding:0;}
	.liste_pages .main > .grid .cartouches .cartouche.cartouche-title .mini-logo{padding:25px 0;}
	.liste_pages .main > .grid .cartouches .cartouche .title{padding-bottom:25px;}

	.fixed-menu ul{display:none;}
	.menu-logo nav{display:none;}
	.menu-logo .logo{margin:0 auto;}

	.c-btn-menu{display:flex; flex:1 1 100%; flex-direction:row; justify-content: center}
	.btn-menu{}
	.btn-menu *{transition:all 0.5s; -webkit-transition:all 0.5s}
	.btn-menu .text-menu{float:left; font-weight:bold; color:#fff; padding:12px 10px; text-align:center; text-transform:uppercase; letter-spacing:2px;font-size:14px;display: none}

	.btn-menu .bar-menu{padding:10px;float:left; margin-left:5px}
	.btn-menu .bar-menu .bar{display:block; width:35px; height:3px; margin-bottom:7px; background:#fff;position:relative}
	.btn-menu .bar-menu .bar:nth-child(2){ margin-left:auto;}
	.btn-menu .bar-menu .bar:last-child{margin-bottom:0}

	.fixed-menu{padding:15px;}
	.fixed-menu .c-btn-menu{justify-content: flex-end; margin-bottom:0;}
	.fixed-menu .btn-menu .bar-menu .bar{margin-bottom:5px; height:2px; width:25px; background:#c7b59e;}

	header.header-page .c-header .logo{justify-content: center; margin-left:0; flex:1 1 100%; max-width:180px;}
	header.header-page .menu-logo{display:none;}

	.fixed-menu.fixed-menu-page .c-btn-menu{flex:1;}

	.page_chambres .mains .main:before{display:none;}

	header.header-page .c-header .header-content h1{font-size:1.6rem;}

	.page_tarif .mains .main:after{display: none}
	.append-table .c-table{display:none;}
	.btn-tarif{margin:25px auto; text-align: center;display:block;}
	.btn-tarif a{display: inline-block; padding:10px 25px; text-transform:uppercase; background:#c7b59e; color:#fff; text-transform:uppercase; font-weight:700; letter-spacing: .1rem}
	.btn-tarif a:before{content:"Voir les tarifs";}

	.c-header{height:auto;}
	.c-header .header-content{flex:none;}
	.menu-logo{flex:none; text-align: center; margin:10px auto}
	.c-btn-menu{flex:none;}
}
@media screen and (max-width : 799px)
{
	.main-contact > .grid > *{flex:1 1 100%;}
	.main-contact > .grid > .gmap{height:50vw;}
	.form-contact{padding:50px 25px;}
}
@media screen and (max-width : 599px)
{
	.main > .grid .cartouches .cartouche{flex:1 1 100%;}
	.cartouche ul{padding:50px 0;}
	.grid .cartouches .cartouche.cartouche-title{padding:50px 0;}
	.grid .cartouches .cartouche:nth-child(3){padding:50px 25px;}
	.main > .grid .cartouches .cartouche .photo{height:66vw;}

	.tabs-table .tab{flex:1 1 100%; text-align: center !important}
}
@media screen and (max-width : 499px)
{
	.inputs > * label{text-align: center}
	.inputs > * input{width:100%;}

	.menu-logo .logo{width:260px; display:block;}
	.menu-logo .logo img{width:100%;}

	.resa{padding:0 10px;}
}

@media all and (max-width: 1210px) and (min-width: 1024px)
{
	.fixed-menu .c-resa{margin-top: 1rem;margin-bottom: -.5rem;}
}
@media all and (max-width: 1375px)
{
	.fixed-menu-page ul li:after{background: transparent;margin: 0 2px;}
}

/* footer */

footer:not(.mobile) .limit .contact_infos ul
{
	display: flex;
    justify-content: left;
    margin-top: 1rem;
}

footer:not(.mobile) .limit .contact_infos ul li
{
	margin: 0 .5rem;
}

footer:not(.mobile) {
  background-color: #bbc1ac;
  position: relative;
}
footer:not(.mobile) .limit {
  z-index: 2;
  display: flex;
  flex-direction: row;
  padding: 6rem 6rem;
  color: white;
  justify-content: space-between;
  align-content: center;
  align-items: flex-start;
  font-family: 'Lato', Sans-serif;
}
footer:not(.mobile) .limit > * {
  z-index: 2;
}
footer:not(.mobile) .limit > * span {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 1.7rem;
  margin-bottom: 1rem!important;
  border-bottom: 1px white solid;
  display: block;
  color: white;
}
footer:not(.mobile) .limit a {
  color: white;
}
footer:not(.mobile) .limit a:hover {
  color: white;
}
footer:not(.mobile) .limit .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 250px;
}
footer:not(.mobile) .limit .logo img {
  padding: 0rem;
  background: transparent;
  height: auto;
  margin-bottom: 2rem;
  object-fit: contain;
  width: 290px;
}
footer:not(.mobile) .limit .logo p {
  text-align: justify;
}
footer:not(.mobile) .limit .pages {
  column-count: 1;
  letter-spacing: 1px;
}
footer:not(.mobile) .limit .pages li {
  line-height: 1.2rem;
}
footer:not(.mobile) .limit .pages li a {
  color: white;
}
footer:not(.mobile) .limit .pages li a:hover {
  color: white;
}
footer:not(.mobile) .limit .master_infos .langs {
  list-style-type: none;
  position: relative;
}
footer:not(.mobile) .limit .master_infos .langs:hover a {
  display: block!important;
}
footer:not(.mobile) .limit .master_infos .langs a {
  text-transform: uppercase;
}
footer:not(.mobile) .limit .master_infos .langs a.active {
  display: block;
  order: 1;
}
footer:not(.mobile) .limit .master_infos .langs a:not(.active) {
  order: 2;
  display: none;
}
footer:not(.mobile) .limit .master_infos .langs .arrow {
  transition: 0.5s;
  position: absolute;
  right: -25px;
  top: 5px;
}
footer:not(.mobile) .limit .master_infos .langs .arrow:hover {
  transform: rotate(-180deg);
}
footer:not(.mobile) .limit .master_infos .langs .arrow:hover ~ a {
  display: block;
}
footer:not(.mobile) .limit .master_infos .booknow {
  background: white;
  border: 1px black solid;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 0rem;
  display: block;
  margin-top: 2rem;
  text-align: center;
  transition: 0.3s all;
}
footer:not(.mobile) .limit .master_infos .booknow a {
  color: #123e3d;
}
footer:not(.mobile) .limit .master_infos .booknow:last-child {
  margin-top: 0.5rem;
}
footer:not(.mobile) .limit .master_infos .booknow:hover {
  background: #cccccc;
  color: #706f6f;
  border: 1px #706f6f solid;
}
footer:not(.mobile) .limit .contact_infos ul.socials {
  display: flex;
  margin-bottom: 0rem;
  margin-top: 1rem;
}
footer:not(.mobile) .limit .contact_infos ul.socials li {
  width: 2rem;
  height: 2rem;
  background: black;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 0.5rem;
}
footer:not(.mobile) .limit .contact_infos ul.socials li a {
  display: flex;
}
footer:not(.mobile) .limit .contact_infos ul.socials li a i {
  color: white;
}
footer:not(.mobile) .limit .contact_infos p {
  line-height: 1.4em;
}
footer:not(.mobile) .limit .contact_infos .logo_edc {
  width: 150px;
  display: flex;
  margin-bottom: 1rem;
}
footer:not(.mobile) .limit .contact_infos .logo_edc img {
  object-fit: contain;
  width: 100%;
}
footer:not(.mobile) .limit .edc .legals {
  margin-top: 1rem;
}
footer:not(.mobile) .limit .edc .legals a:first-child {
  padding-right: 0.5rem;
}
footer:not(.mobile) .limit .edc p {
  line-height: 1.6rem;
}
footer:not(.mobile) .limit .edc .logo_edc {
  width: 150px;
  display: flex;
  margin-bottom: 1rem;
}
footer:not(.mobile) .limit .edc .logo_edc img {
  object-fit: contain;
  width: 100%;
}
@media all and (max-width: 1080px) {
	footer:not(.mobile) .limit .contact_infos ul
	{
	    justify-content: center;
	}
  footer:not(.mobile) .limit {
    flex-direction: column;
    padding: 6rem 2rem;
    align-items: center;
    padding-bottom: 10rem;
  }
  footer:not(.mobile) .limit > * span {
    color: white;
  }
  footer:not(.mobile) .limit .contact_infos {
    margin-top: 4rem;
    text-align: center;
  }
  footer:not(.mobile) .limit .contact_infos table {
    margin: 2rem auto;
    margin-top: 2rem;
  }
  footer:not(.mobile) .limit .contact_infos .socials {
    justify-content: center;
  }
  footer:not(.mobile) .limit .pages {
    text-align: center;
    margin-top: 2rem;
  }
  footer:not(.mobile) .limit .langs {
    display: none;
  }
  footer:not(.mobile) .limit .master_infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
  footer:not(.mobile) .limit .edc {
    text-align: center;
    margin-top: 4rem;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer:not(.mobile) .limit .logo {
    height: auto;
  }
}