/* 
Theme Name: Hello Eliophot Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team & Eliophot
Author: Eliophot
Author URI: https://www.eliophot.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready, Eliophot
*/


.elementor-carousel-image {
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}
/* FIX 2025 FLECHES SWIPER ELIOPHOT */
.eliophot-room .eliophot-carousel-wrapper.elementor-main-swiper {
    position: static;
}

.eliophot-room .elementor-swiper-button {
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

/*--------------------------------general-----------------------------------*/
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2{
    font-size: 15px !important;
}
.grecaptcha-badge{
    display: none !important;
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    html{
        font-size:89%;
    }
}

*:focus{
    outline: none;
}
.overflow{
    overflow: hidden;
}
.btn-maillage a{
    position: relative;
    z-index: 10;
}
.btn-maillage:after{
    display: block;
    content:'';
    background: url('/wp-content/uploads/2023/06/icone-bouton.svg') center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 0.5rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform:rotate(0deg) translateX(-50%) ;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}
.btn-maillage-white:after{
    background: url('/wp-content/uploads/2023/06/icone-bouton-white.svg') center center no-repeat;
}
.btn-maillage:before{
    display: block;
    content:'';
    width: 30%;
    height: 1px;
    background:var(--e-global-color-accent);
    position: absolute;
    bottom: 0.7rem;
    left: 10%;
    opacity: 0;
    transform-origin:left;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}
.btn-maillage:hover:before{
    width: 76%;
    opacity: 1;

}

.btn-maillage:hover:after{
    background: url('/wp-content/uploads/2023/06/icone-bouton-hover.svg') center center no-repeat;
    transform: translateX(-10%) rotate(90deg);
}
.text-rgpd a{
    color:var(--e-global-color-accent) !important;
}
@media screen and (min-width: 768px) {
    .left-negatif-btn{
        position: relative;
        left:-1rem;
    }
    .right-negatif-btn{
        position: relative;
        right:-1rem;
    }
}

#QualitelisWidget{
    position: relative !important;
}
/*--------------------------------header-----------------------------------*/

header{
    position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 100;
}
.admin-bar header{
    top:32px;
}
.btn-reserver a{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver.svg') center center no-repeat;
    background-size: contain;
}
.btn-reserver a:hover{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver-hover.svg') center center no-repeat;
    background-size: contain;
}
.btn-reserver-tlc a {
    background: url('/wp-content/uploads/2023/06/btn-reserver-tlc.svg') center center no-repeat;
    background-size: 186px;
    width: 186px !important;
    height: 46px;
}
.btn-reserver-tlc a:hover, .btn-reserver-tlc a:focus{
    background: url('/wp-content/uploads/2023/06/btn-reserver-tlc-hover.svg') center center no-repeat;
    background-size: 186px;
    height: 46px;
}
.btn-reserver .eliophot-booking_room__button a{
    padding: 1rem 2.3rem;
}

#nav-secondaire-menu{
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
    #nav-secondaire{
        display: none;
    }
    header .bouton-telecommande{
        position: relative;
        top:1.6rem;
    }
    #nav-secondaire-menu{
        display: block;
    }
}
/*------------------------------------------gestion effet logo scroll header------------------------*/
header #col-logo img{
    position: relative;
    -webkit-transition: all  0.3s ease-in;
    -moz-transition:  all  0.3s ease-in;
    -o-transition:  all  0.3s ease-in;
    transition:  all  0.3s ease-in;
}


header #col-logo #logo-small{
    opacity:0;
    -webkit-transition: opacity  0.3s ease-in;
    -moz-transition:  opacity  0.3s ease-in;
    -o-transition:  opacity  0.3s ease-in;
    transition:  opacity  0.3s ease-in;
}
header #col-logo #logo{
    opacity:1;
    -webkit-transition: opacity  0.3s ease-in;
    -moz-transition:  opacity  0.3s ease-in;
    -o-transition:  opacity  0.3s ease-in;
    transition:  opacity  0.3s ease-in;
}
body.scrolled header #col-logo img{
    transform:  scale(0.7);
    /* top:-1.8rem;*/
}
body.scrolled header  #logo-small img{
    transform:  scale(0.8);
}

body.scrolled header #col-logo #logo{
    opacity:0;
}
body.scrolled header #col-logo #logo-small{
    opacity:1;
}
header #logo-mobile{
    opacity: 0;
    -webkit-transition: opacity  0.3s ease-in;
    -moz-transition:  opacity  0.3s ease-in;
    -o-transition:  opacity  0.3s ease-in;
    transition:  opacity  0.3s ease-in;
}
body.scrolled header #logo-mobile{
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    header #col-logo img {
        top: 1rem;
    }
    header #col-logo img {
        transform: scale(1);
    }
    body.scrolled header  #logo-small img{
        transform: scale(1);
        top: 0;
    }
    body.scrolled header  #logo img{
        transform:  scale(0.85);
        top:-21px;
    }
}
/*------------------------------------------gestion  scroll header------------------------*/
header #deco-header-scrolled{
    opacity:0;
    -webkit-transition: opacity  0.5s ease-in;
    -moz-transition:  opacity  0.5s ease-in;
    -o-transition:  opacity  0.5s ease-in;
    transition:  opacity  0.5s ease-in;
}
body.scrolled header #deco-header-scrolled, #deco-header-other-pages{
    opacity:0.3;
}
header #deco-header{
    opacity:1;
}
body.scrolled header #deco-header{
    opacity:0;
}
#header-part-nav{
    -webkit-transition: background-color  0.5s ease-in;
    -moz-transition:  background-color  0.5s ease-in;
    -o-transition:  background-color  0.5s ease-in;
    transition:  background-color  0.5s ease-in;
}
body.scrolled #header-part-nav{
    background-color: rgba(255,255,255,0.92);
    box-shadow: 0px 1px 8px rgba(95,95,95,0.33);
}
body.scrolled header #header-part-nav .elementor-nav-menu--main a{
    color: var(--e-global-color-text);
}
body.scrolled header #header-part-nav .elementor-nav-menu--main a:hover{
    color: var(--e-global-color-1b43477);
}
body.scrolled header .elementor-nav-menu--main li:after{
    border-left-color: var(--e-global-color-text) !important;
    opacity: 0.3;
}
body.scrolled header #menu-burger line, header .header-other-pages #menu-burger line{
    stroke: var(--e-global-color-text) !important;
}
/*------------------------------------------TLC NAV    ------------------------*/

body .section-image-nav, .section-image-sousnav, .image-first{
    position: absolute;
    left:0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity:0;
    z-index: 0;
    -webkit-transition: opacity  0.5s ease-in;
    -moz-transition:  opacity  0.5s ease-in;
    -o-transition:  opacity  0.5s ease-in;
    transition:  opacity  0.5s ease-in;
}
body .section-image-nav.active, body .section-image-sousnav.active, body .image-first.active{
    opacity:1;
}
#nav-menu-principal .elementor-nav-menu--main>ul>li>a{
    display: inline-block;
}

#nav-menu-principal .elementor-nav-menu--main>ul>li{
    text-align: center;
}
#nav-menu-principal .elementor-nav-menu--main>ul>li>a:hover{
    /*text-align: right;*/
    margin-right: -17%;
}

#nav-menu-principal ul li> ul{
    top: 50% !important;
    transform: translateY(-50%);
    border-left:1px var(--wp--preset--color--cyan-bluish-gray) solid;
    padding-left: 1rem;
    min-width: 10rem !important;
    margin-left: 110% !important;

}
@media screen and (max-width: 1025px) {
    #nav-menu-principal ul li > ul.sub-menu {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    #nav-menu-principal ul li>.clic-sousnav ~ ul, #nav-menu-principal ul li>.clic-sousnav2{
        display: none !important;
    }

    body .tlc-nav .dialog-close-button {
        right: 2rem !important;
    }

}
@media screen and (min-width: 768px) {
    #nav-menu-principal ul li>.clic-sousnav ~ ul, #nav-menu-principal ul li>.clic-sousnav2{
        display: block !important;
    }
    #col-left-nav{
        display: none;
    }
    #col-nav{
        min-width: 550px;
    }
    body .tlc-nav .dialog-close-button {
        left: 2rem;
    }

}
@media screen and (min-width: 1025px) {
    #col-left-nav{
        display: flex;
    }
    #col-nav{
        min-width: 580px;
    }
    body .tlc-nav .dialog-close-button {
        left: calc(50% - 248px);
        transform: translateX(-50%);
        right: inherit !important;

    }
}
@media screen and (min-width: 1280px) {
    body .tlc-nav .dialog-close-button {
        left: 31%;
        transform: translateX(-50%);
        right: inherit !important;
    }
}
/*--------------------------------------- Quicksearch   -------------------------------------------*/
#quicksearch .eliophot-qs{
    align-items: center;
}
#quicksearch .eliophot-qs-field-container{
    border:1px white solid;
    margin: 0 0.3rem;
    justify-content: center;
    min-width: 9rem;
    height: 41px;
}
#quicksearch  .eliophot-media-container{
    display: none !important;
}
#quicksearch  .elementor-field-group{
    justify-content: center;
}
#quicksearch  input, #quicksearch  select{
    text-align: center;
}

#quicksearch  .eliophot-qs-date .elementor-field-group:after, #quicksearch .qs-mobile-picker:after {
    display: block;
    content:'';
    position: absolute;
    right: 1rem;
    top: 0.9rem;
    width: 1rem;
    height: 0.8rem;
    background: url('/wp-content/uploads/2023/06/fleche-qs.svg') center center no-repeat;
    background-size: contain;
}
#quicksearch .qs-mobile-picker:after {
    top:0;
    right: 0.6rem;
}
#quicksearch .item-price , #quicksearch .no-avail, #quicksearch .no-avail-ota, #quicksearch .api-waiting{
    border:0 !important;
    height: auto !important;
}
#quicksearch .eliophot-qs-people select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 0;
    border-left: 0;
    width: 100%;
    text-align: center;
    height: 43px;
}
#quicksearch .eliophot-qs-people select option, #quicksearch .eliophot-qs-mobile select option{
    color:var(--e-global-color-text);

}
#quicksearch input[type="submit"]{
    background: url('/wp-content/uploads/2023/11/fond-bouton-reserver-qs.svg') center center no-repeat;
    background-size: contain;
    min-width: 9rem;
}
#quicksearch input[type="submit"]:hover{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver-hover.svg') center center no-repeat;
    background-size: contain;
}

#quicksearch .eliophot-qs-mobile .input-form{
    margin: 0 0;
    min-height: inherit;
}

#quicksearch .eliophot-qs-mobile .input-form input{
    padding: 0 0;
}
#quicksearch  .eliophot-qs-mobile select{
    padding: 0 0 ;
}
#quicksearch .eliophot-qs-mobile .col-span-3,#quicksearch .eliophot-qs-mobile .col-span-6{
    text-align: center;
    border:1px white solid;
    line-height: 1.6;
    width: 10rem;
    margin: auto;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
#quicksearch .eliophot-qs-mobile .col-span-6:last-of-type{
    border:0;
}
#quicksearch .eliophot-qs-mobile input{
    padding: 1.2rem 0;
}
#quicksearch .eliophot-qs-mobile .grid{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 220px;

}
@media screen and (min-width: 768px) {
    #quicksearch .eliophot-qs-mobile{
        width: 100%;
        padding: 0 0 2rem;
    }
    #quicksearch .eliophot-qs-mobile .no-avail,    #quicksearch .eliophot-qs-mobile .no-avail-ota{
        position: absolute;
        width: 100%;
        bottom: -14px;
    }
    #quicksearch .eliophot-qs-mobile .api-waiting{
        position: absolute;
    }
    #quicksearch .eliophot-qs-mobile .item-price{
      position: absolute;
        width: 100%;

        text-align: center;
        bottom: -10px;
        padding: 15px 30px;
    }
    /*#quicksearch .eliophot-qs-mobile .ml-auto{
        position: absolute;
        width: 50%;
        right: inherit;
        left: 0;
    }*/
    #quicksearch .eliophot-qs-mobile .grid{
        display: flex;
        flex-direction: row;
        gap:0 0;
        width: auto;
    }
    #quicksearch .eliophot-qs-mobile .col-span-3,#quicksearch .eliophot-qs-mobile .col-span-6{
        margin: 0 0.2rem;
    }
}

/*--------------------------------- page accueil  ecran hebergements   ------------------------*/

#ecran-hebergements1  .image-hover{
    opacity: 0;
    -webkit-transition: opacity  0.5s ease-in;
    -moz-transition:  opacity  0.5s ease-in;
    -o-transition:  opacity  0.5s ease-in;
    transition:  opacity  0.5s ease-in;
}
#ecran-hebergements1 .image-not-hover:after{
    display: block;
    content:'';
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    width: 101%;
    height: 80%;
    max-width: 437px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 65%) 67%, rgba(45,45,45,0) 100%);
}
#ecran-hebergements2 .image:after{
    display: block;
    content:'';
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    width: 101%;
    height: 80%;
    max-width: 437px;
    height: 80%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 50%) 47%, rgba(45,45,45,0) 100%);
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}
@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine){
    #ecran-hebergements1  .image-not-hover{
        -webkit-transition: opacity  0.5s ease-in;
        -moz-transition:  opacity  0.5s ease-in;
        -o-transition:  opacity  0.5s ease-in;
        transition:  opacity  0.5s ease-in;
        opacity: 1;
    }

    #ecran-hebergements1 .image-hover:after{
        display: block;
        content:'';
        position: absolute;
        bottom:0;
        left:0;
        width: 100%;
        height: 100%;
        border:1px white solid;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.6138830532212884) 24%, rgba(45,45,45,0) 100%);
        opacity: 0.6;
    }


    #ecran-hebergements1 .col-lien-image:hover .image-not-hover{
        opacity: 0;
    }
    #ecran-hebergements1 .col-lien-image:hover .image-hover{
        opacity: 1;
    }
    #ecran-hebergements1 .col-lien-image .content-info-lien,#ecran-hebergements2 .col-lien-image .content-info-lien{
        transform: translateY(0);
        -webkit-transition: all  0.5s ease-in;
        -moz-transition:  all  0.5s ease-in;
        -o-transition:  all  0.5s ease-in;
        transition:  all  0.5s ease-in;
    }
    #ecran-hebergements1 .col-lien-image:hover .content-info-lien, #ecran-hebergements2 .col-lien-image:hover .content-info-lien {
        transform: translateY(10%);
    }
    #ecran-hebergements1 .col-lien-image .price-hebergement{
        opacity: 0;
        -webkit-transition: all  0.5s ease-in;
        -moz-transition:  all  0.5s ease-in;
        -o-transition:  all  0.5s ease-in;
        transition:  all  0.5s ease-in;
    }
    #ecran-hebergements1 .col-lien-image:hover .price-hebergement{
        opacity: 1;
    }
    #ecran-hebergements2 .col-lien-image .price-hebergement{
        opacity: 0;
        -webkit-transition: all  0.5s ease-in;
        -moz-transition:  all  0.5s ease-in;
        -o-transition:  all  0.5s ease-in;
        transition:  all  0.5s ease-in;
    }
    #ecran-hebergements2 .col-lien-image:hover .price-hebergement{
        opacity: 1;
    }
    #ecran-hebergements1 .col-lien-image .btn-maillage{
        position: relative;
        top:-4rem;
        -webkit-transition: top  0.5s ease-in;
        -moz-transition:  top  0.5s ease-in;
        -o-transition:  top  0.5s ease-in;
        transition:  top  0.5s ease-in;
    }
    #ecran-hebergements2 .col-lien-image .btn-maillage{
        position: relative;
        top:-2rem;
        -webkit-transition: top  0.5s ease-in;
        -moz-transition:  top  0.5s ease-in;
        -o-transition:  top  0.5s ease-in;
        transition:  top  0.5s ease-in;
    }
    #ecran-hebergements1 .col-lien-image:hover .btn-maillage,   #ecran-hebergements2 .col-lien-image:hover .btn-maillage{
        position: relative;
        top:0rem;
    }

    #ecran-hebergements2  .image{
        overflow: hidden;
    }
    #ecran-hebergements2  .image img{
        transform: scale(1);
        -webkit-transition: transform  0.8s ease-in;
        -moz-transition:  transform  0.8s ease-in;
        -o-transition:  transform  0.8s ease-in;
        transition:  transform  0.8s ease-in;
    }
    #ecran-hebergements2 .col-lien-image:hover .image img{
        transform: scale(1.1);
    }


    #ecran-hebergements2 .col-lien-image:hover .image:after{
        height: 60%;
    }
    #ecran-hebergements2 .col-lien-image .image{
        border:1px transparent solid;
        -webkit-transition: all  0.5s ease-in;
        -moz-transition:  all  0.5s ease-in;
        -o-transition:  all  0.5s ease-in;
        transition:  all  0.5s ease-in;
    }
    #ecran-hebergements2 .col-lien-image:hover .image{
        border-color:white;
    }
}

/*--------------------------------- page accueil  ecran hebergements   ------------------------*/
#section-restaurants .col-lien-image .image:after{
    display: block;
    content:'';
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
#section-restaurants .col-lien-image .image:before{
    display: block;
    content:'';
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 60%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgb(0 0 0 / 50%) 47%, rgba(45,45,45,0) 100%);
    transition:  all  0.5s ease-in;
}


#section-restaurants .col-lien-image{
    overflow: hidden;
}
#section-restaurants .col-lien-image .logo-restaurant{
    position: absolute;
    bottom:42%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition:  bottom  0.5s ease-in;
}
#section-restaurants .col-lien-image .sep-logo{
    position: absolute;
    bottom:38%;
    left: 50%;
    transform: translateX(-50%);
    transition:  bottom  0.5s ease-in;
}
#section-restaurants .col-lien-image .btn-maillage{
    position: absolute;
    bottom: 28%;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    #section-restaurants .col-lien-image .image:after{
        background: rgba(0,0,0,0.45);
    }
    #section-restaurants .container-swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        position: static;
        overflow: hidden;
        list-style: none;
        z-index: 1;
    }

    #section-restaurants .my-container .col-lien-image {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }
}


@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine){
    #section-restaurants .col-lien-image .image:before{
        opacity:0;
    }
    #section-restaurants .col-lien-image:hover .image:before{
        opacity:1;
    }
    #section-restaurants .col-lien-image .image-hover{
        opacity: 1;
        transition:  all  0.5s ease-in;
    }
    #section-restaurants .col-lien-image:hover .image-hover{
        opacity: 0;
    }

    #section-restaurants .col-lien-image:hover .logo-restaurant{
        bottom:70%;
    }

    #section-restaurants .col-lien-image:hover .sep-logo{
        bottom:8%;
    }
    #section-restaurants .col-lien-image .btn-maillage{
        position: absolute;
        bottom: -5rem;
        transition:  bottom  0.5s ease-in;
    }
    #section-restaurants .col-lien-image:hover .btn-maillage{
        bottom: 1rem;
    }
}

/*------------------------- page accueil  ecran spa   ------------------------*/
#section-spa{
    overflow: hidden;
}
#section-spa .fond-image-spa-accueil img {
    object-position: 86% 100%;
}
#section-spa .fond-image-spa-deco img {
    object-position: 7% 76%;
}
@media screen and (max-width: 767px){
    #section-spa .fond-image-spa-accueil:after{
        display: block;
        content:'';
        position: absolute;
        top:0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0, 0.5);
    }
}
@media screen and (min-width: 768px){
    #section-spa .fond-image-spa-accueil:after{
        display: block;
        content:'';
        position: absolute;
        top:0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.6138830532212884) 52%, rgba(45,45,45,0) 100%);
    }
    #section-spa .fond-image-spa-accueil img{
        transform: scale(1.1);
        transform-origin: right;
        transition:  all   0.8s 0.8s ease-in;
    }
    #section-spa.active .fond-image-spa-accueil img{
        transform: scale(1);

    }
    #section-spa .fond-image-spa-deco img{
        object-position: 13% 76%;
        transform: scale(1);
        transform-origin: right;
        transition:  all   0.8s 0.8s ease-in;
    }
    #section-spa.active .fond-image-spa-deco img{
        transform: scale(1.5);
    }
    #section-spa .content-text{
        top:2rem;
        transition:  all   0.8s 0.8s ease-in;
    }
    #section-spa.active .content-text{
        top:0;
    }
}
/*------------------------- page accueil  ecran prestations   ------------------------*/

@media screen and (min-width: 1000px) {
    .prestations-mobile {
        display: none;
    }
    .prestations-desktop{
        display: block !important;
    }
    .col-presta{
        width: 12.5%;
        -webkit-transition: width 0.3s ease-out;
    }
    .col-presta.active{
        width: 50%;
    }
    .col-presta img{
        max-height: 600px;
    }
    .col-presta-infos{
        max-width: 10rem;

    }
    .col-presta.active .col-presta-infos{
        width: 25%;
        min-width: 10rem;
    }
}
@media screen and (min-width: 1130px) {
    .col-presta-infos{
        max-width: 11rem;

    }
    .col-presta.active .col-presta-infos{
        min-width: 11rem;
    }
}

@media screen and (min-width: 1215px) {
    .col-presta-infos{
        max-width: 12rem;

    }
    .col-presta.active .col-presta-infos{
        min-width: 12rem;
    }
}
@media screen and (min-width: 1320px) {
    .col-presta-infos{
        max-width: 13rem;

    }
    .col-presta.active .col-presta-infos{
        min-width: 13rem;
    }
}
/*------------------------- page accueil  ecran seminaires   ------------------------*/
@media screen and (min-width: 1024px) {

    #section-seminaires .img-left {
        position: relative;
        top: 0;
        left: -1.5rem;
        transition: all 0.8s 0.3s ease-out;
    }

    #section-seminaires.active .img-left {
        top: 2rem;
        left: 0rem;
    }

    #section-seminaires .img-right {
        position: relative;
        top: 6rem;
        left: -1rem;
        transition: all 0.8s 0.3s ease-out;
    }

    #section-seminaires.active .img-right {
        top: 0rem;
        left: 0;

    }

    #section-seminaires .slide-text1 {
        position: relative;
        top: 1rem;
        left: 4rem;
        transform: scale(1.05);
        transition: all 0.8s 0.4s ease-out;
    }

    #section-seminaires.active .slide-text1 {
        top: 0;
        left: 0;
        transform: scale(1);
    }

    #section-seminaires .slide-text2 {
        position: relative;
        top: 1rem;
        left: 3rem;
        transition: all 0.8s 0.4s ease-out;
    }

    #section-seminaires.active .slide-text2 {
        top: 0;
        left: 0;
    }

    #section-seminaires .slide-text3 {
        position: relative;
        left: 2rem;
        transition: all 0.8s 0.4s ease-out;
    }

    #section-seminaires.active .slide-text3 {
        left: 0;
    }

    #section-seminaires .slide-text4 {
        position: relative;
        left: 5rem;
        transition: all 0.8s 0.4s ease-out;
    }

    #section-seminaires.active .slide-text4 {
        left: 0;
    }
}

/*------------------------- page accueil  section colonnes maillage   ------------------------*/
#section-col-maillage .col-maillage .elementor-image{
    overflow: hidden;
}

#section-col-maillage .col-maillage img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.2s ease;
}
#section-col-maillage .col-maillage:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
/*------------------------- page hebergeemnts  ecran accueil   ------------------------*/
#ecran1-hebergements .container-img-ecran {
    height: 97vh;
    /* overflow: hidden;*/
    min-height: 0;
    transition: all 0.8s 0.4s ease-out;
    background-position-y: 50%;
}

#ecran1-hebergements.active .container-img-ecran {
    height: 65vh;
    background-position-y: 70%;
}
@media screen and (min-width: 768px) {
    #ecran1-hebergements.active .container-img-ecran {
        height: 75vh;
    }
    #ecran1-hebergements .deco-ecran1{
        background-size: 108% auto;
    }
}
@media screen and (min-width: 768px) and (orientation: portrait){
    #ecran1-hebergements .container-img-ecran {
        background-size: 1700px auto;
    }
    #ecran1-hebergements.active .container-img-ecran {
        height: 720px;
        background-size: 1700px auto;
    }
    #ecran1-hebergements {
        --min-height: inherit;
        height: 1120px;
    }
}
/*------------------------- page hebergements  ecran chateau, manoir et club   ------------------------*/

@media screen and (min-width: 768px){
    #hebergements-chateau .content-fond-image, #hebergements-club .content-fond-image{
        overflow: hidden;
    }
    #hebergements-chateau .fond-image-chateau-hebergements img, #hebergements-club .fond-image-chateau-hebergements img{
        transform: scale(1.1);
        transform-origin: right;
        transition:  all   0.8s 0.8s ease-in;
    }
    #hebergements-chateau.active .fond-image-chateau-hebergements img, #hebergements-club.active .fond-image-chateau-hebergements img{
        transform: scale(1);
    }
    #hebergements-chateau .contenair-text>.e-con-inner{
        margin-left: 0;
    }
    #hebergements-chateau .content-text{
        left:30%;
        transition:  all   0.8s 0.8s ease-in;
    }
    #hebergements-chateau.active .content-text{
        left:0;
    }
    #hebergements-chateau .petite-image img{
        transform: scale(1);
        transition:  all   0.8s 0.8s ease-in;
    }
    #hebergements-chateau.active .petite-image img{
        transform: scale(0.9);
    }
    #hebergements-manoir .petite-image img,  #hebergements-club .petite-image img{
        top:0;
        position: relative;
        transition:  all   0.8s 0.8s ease-in;
    }
    #hebergements-manoir.active .petite-image img{
        top:-2rem;
    }
    #hebergements-club.active .petite-image img{
        top:-4rem;
    }
    #hebergements-club .contenair-text>.e-con-inner{
        margin-right: 0;
    }
    #hebergements-club .content-text{
        right:30%;
        transition:  all   0.8s 0.8s ease-in;
    }
    #hebergements-club.active .content-text{
        right:0;
    }
}
@media screen and (min-width: 1025px){
    .contenair-text>.e-con-inner{
        max-width: 570px;
        width: 38vw;
    }
}
/*---------------------section infos page hebergements-----------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-infos-hebergements > .e-con-inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #section-infos-hebergements > .e-con-inner>.e-con{
        width: 100%;
        padding: 0 0 ;
    }
    #section-infos-hebergements .fleche-deco .elementor-icon-wrapper{
        text-align: center;
        margin-bottom: 2rem;
    }
    #section-infos-hebergements h2{
        text-align: center;
    }
}
/*---------------------section cheffe page hebergements-----------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-presentation-personnel{
        padding: 0 3rem;
    }
    #section-presentation-personnel> .e-con-inner>.e-con {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 7%;
    }

    #section-presentation-personnel>.e-con-inner >.e-con>.e-con {
        width: 100%;
        padding: 0 0;
    }
    #section-presentation-personnel .container-titre{
        position: relative;
        top: 2rem;
        left:1.5rem;
    }
    #section-presentation-personnel .texte{
        margin-top: 4rem;
        padding-left: 3rem;
    }
}

@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine) {
    #section-presentation-personnel  img{
        filter: grayscale(100%);
        transition: all 0.5s ease;
    }
    #section-presentation-personnel img:hover{
        filter: grayscale(0%);
    }
}

/*------------------------- sous pages hebergeemnts detail chambre  ------------------------*/
.container-detail-chambre .elementor-swiper-button-prev{
    background: url('/wp-content/uploads/2023/06/prev.svg') center center no-repeat;
    background-size: contain;
    left:10px !important;
}
.container-detail-chambre .elementor-swiper-button-next{
    background: url('/wp-content/uploads/2023/06/next.svg') center center no-repeat;
    background-size: contain;
    right: 10px !important;
}
.container-detail-chambre .elementor-swiper-button i{
    opacity: 0;
}

@media screen and (min-width: 768px){
    .container-detail-chambre .elementor-carousel-image, .container-detail-chambre .eliophot-carousel__slider{
        min-height: inherit !important;
        height: 60vh;
        max-height: 650px;
    }

}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .container-detail-chambre>.e-con>.e-con-inner{
        flex-direction: column;
    }
    .container-detail-chambre>.e-con>.e-con-inner>.e-con{
        width: 100%;
    }
}
@media screen and (min-width: 1025px){
    .container-detail-chambre{
        overflow: hidden;
    }
    .container-detail-chambre .elementor-carousel-image, .container-detail-chambre .eliophot-carousel__slider{
        height: 73vh;
    }
    .galerie-ss-page-chambre .elementor-carousel-image, .galerie-ss-page-chambre .eliophot-carousel__slider{
        max-height: 800px;
        height: 76vh !important;

    }
    .container-detail-chambre .eliophot-carousel__slider{
        position: relative;
        left:-20%;
        transition:  all   0.5s 0.8s ease-in;
    }
    .container-detail-chambre.active .eliophot-carousel__slider{
        left:0;
    }
    .container-detail-chambre .container-text{
        position: relative;
        right:-20%;
        transition:  all   0.5s 0.8s ease-in;
    }
    .container-detail-chambre.active .container-text{
        right:0;
    }
    .container-detail-chambre:nth-child(even) .eliophot-carousel__slider{
        right:-20%;
        left:inherit;
    }
    .container-detail-chambre:nth-child(even).active .eliophot-carousel__slider{
        right:0;
    }
    .container-detail-chambre:nth-child(even) .container-text{
        left:-20%;
        right:inherit;
    }
    .container-detail-chambre:nth-child(even).active .container-text{
        left:0;
    }
}

/*--------------------- page restaurants & barsection innatendu -----------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-inattendu>.e-con-inner{
        flex-direction: column;
        align-items: center;
    }
    #section-inattendu>.e-con-inner>.e-con{
        width: 100%;
        max-width: 520px;
    }
    #section-inattendu>.e-con-inner>.e-con:nth-child(1){
        margin-bottom: 3rem;
    }
    #section-alyette>.e-con-inner>.e-con:nth-child(1){
        width: 52%;
    }
    #section-alyette>.e-con-inner>.e-con:nth-child(2){
        width: 62%;
    }
    #section-alyette>.e-con-inner>.e-con:nth-child(2) .elementor-widget-image .elementor-widget-container{
        margin: 0rem -27rem 0rem 0rem;
    }
}
/*--------------------- page restaurants & barsection innatendu -----------------------*/
.sticky-nav{
    visibility: hidden;
    opacity: 0;
    transition:  all  0.5s ease-in;
}
.sticky-nav.nav-fixed{
    visibility: visible;
    opacity: 1;
}
.bouton-ancre.active a{
    color:var(--e-global-color-accent) !important;
}
@media screen and (min-width: 1025px) and (max-width: 1440px){
    .sticky-nav.nav-fixed{
        top:7rem !important;
    }
}

#section-bar .img-fond-bar:after{
    display: block;
    content:'';
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    opacity: 0.6;
    transition:  all  0.5s ease-in;
}
@media screen and (min-width: 1024px){
    #section-bar{
        position: relative;
        left:-15%;
        transition:  all   0.8s 0.2s ease-in;
    }
    #section-bar.active{
        left:0;
    }
}

@media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine){
    #section-bar .img-fond-bar:after{
        opacity: 0.4;

    }
    #section-bar:hover .img-fond-bar:after{
        opacity: 0.6;

    }
    #section-bar .slide-text1{
        max-height: 0;
        overflow: hidden;
        transition:  all  0.5s ease-in;
    }
    #section-bar:hover .slide-text1{
        max-height: 10rem;
    }
    #section-bar .btn-maillage{
        opacity: 0;
        visibility: hidden;
        transition:  all  0.5s ease-in;
    }
    #section-bar:hover .btn-maillage{
        visibility: visible;
        opacity: 1;
    }

}

/*--------------------- page restaurants & bar section potager -----------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-potager .content-img-texte>.e-con-inner {
        flex-direction: column;
    }
    #section-potager .content-img-texte>.e-con-inner>.e-con{
        width: 95%;
    }
    #section-potager .img3 img{
        width: 100%;
    }
    #section-potager .img4{
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    #section-potager {
        overflow: hidden;
    }
    #section-potager .img1 {
        position: relative;
        left: -100%;
        top: -5%;
        transition: all 0.6s 0.2s ease-in;
    }

    #section-potager.active .img1 {
        position: relative;
        left: 0;
        top: 0;
    }

    #section-potager .img2 {
        position: relative;
        left: -80%;
        top: -5%;
        transition: all 0.6s 0.2s ease-in;
    }

    #section-potager.active .img2 {
        position: relative;
        left: 0;
        top: 0;
    }

    #section-potager .img3 {
        position: relative;
        left: -20%;
        top: -5%;
        transition: all 0.6s 0.2s ease-in;
    }
    #section-potager.active .img3 {
        position: relative;
        left: 0;
        top: 0;
    }
    #section-potager .img4 {
        position: relative;
        left: -25%;
        top: -10%;
        transition: all 0.6s 0.2s ease-in;
    }
    #section-potager.active .img4 {
        position: relative;
        left: 0;
        top: 0;
    }
    #section-potager .slide-text1 {
        position: relative;
        right: -100%;
        transition: all 0.6s 0.3s ease-in;
    }
    #section-potager .slide-text2 {
        position: relative;
        right: -80%;
        transition: all 0.6s 0.4s ease-in;
    }
    #section-potager .slide-text3 {
        position: relative;
        right: -60%;
        transition: all 0.6s 0.5s ease-in;
    }
    #section-potager .slide-text4 {
        position: relative;
        right: -40%;
        transition: all 0.6s 0.6s ease-in;
    }

    #section-potager.active .slide-text1, #section-potager.active .slide-text2, #section-potager.active .slide-text3, #section-potager.active .slide-text4 {
        position: relative;
        right: 0;
        top: 0;
    }
}

/*--------------------- page bien etre section ecran 1 -----------------------*/
#ecran1-hebergements .container-img-ecran{
    overflow: hidden;
}
.ecran1-bien-etre img{
    object-position: 87% 15rem;
}
#ecran1-hebergements .deco-ecran1{
    bottom: -5rem;
    transition: all 0.6s 0.6s ease-in;
}
#ecran1-hebergements.active .deco-ecran1{
    bottom: 0;
}
@media screen and (min-width: 768px) {
    .ecran1-bien-etre img{
        object-position: 86% 7rem;
    }
}
@media screen and (min-width: 1366px) {
    .ecran1-bien-etre img{
        object-position: 86% 0rem;
    }
}

/*--------------------- page bien etre section espaces communs -----------------------*/


@media screen and (min-width: 768px) {
    #conteneur-espace-spa .col-presta{
        background-size: auto 113%;
    }
    #conteneur-espace-spa .col-presta{
        width: 25%;
        transition: width 0.8s ease-in;
    }
    #conteneur-espace-spa .col-presta.active{
        width: 80%;
    }
    #conteneur-espace-spa .col-presta.col-mini{
        width: 24%;
    }
    #conteneur-espace-spa .col-presta .elementor-widget-image{
        width: 100%;
    }


}

@media screen and (min-width: 1000px) {

    #conteneur-espace-spa .col-presta{
        width: 25%;
    }
    #conteneur-espace-spa .col-presta.active{
        width: 90%;
    }
    #conteneur-espace-spa .col-presta.col-mini{
        width: 18%;
    }
    #conteneur-espace-spa .col-presta .elementor-widget-image{
        width: 100%;
    }
    #conteneur-espace-spa .col-presta{
        background-size: auto 113%;
    }

}
/*--------------------- page bien etre section boutique -----------------------*/
@media screen and (min-width: 768px) {
    #section-boutique {
        overflow: hidden;
    }

    #section-boutique .col-boutique {
        position: relative;
        left: 3%;
        top: 6rem;
        transition: all 0.6s 0.6s ease-in;
    }

    #section-boutique.active .col-boutique {
        left: 0;
        top: 0;
    }

    #section-boutique .col-img-left {
        opacity: 0.3;
        transition: all 0.6s 0.6s ease-in;
    }

    #section-boutique.active .col-img-left {
        opacity: 1;
    }

    #section-boutique .col-boutique .img-slide {
        opacity: 0;
        top: 3rem;
        transition: all 0.6s 0.6s ease-in;
    }

    #section-boutique.active .col-boutique .img-slide {
        opacity: 1;
        top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-boutique{
        padding-right: 0;
    }
    #section-boutique >.e-con-inner{
        flex-wrap: wrap;
        justify-content: center;
    }
    .col-boutique-texte{
        width: 90%;
    }
}


/*---------------------page contact section venir-----------------------*/

@media screen and (min-width: 768px) and (max-width: 1000px) {
    #section-venir>.e-con-inner{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #section-venir>.e-con-inner>.e-con{
        width: 43%;
    }
}
/*---------------------page contact section map-----------------------*/
@media screen and (max-width: 767px){
    #section-map .ums_MapPreview{
        height: 350px;
    }
}
/*---------------------Formualire contact-----------------------*/
#formulaire-contact input, #formulaire-contact textarea{
    padding: 0.5rem 0 !important;

}
#formulaire-contact  button{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver.svg') center center no-repeat;
    background-size: contain;
}
#formulaire-contact  button:hover{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver-hover.svg') center center no-repeat;
    background-size: contain;
}

#formulaire-contact .elementor-field-type-checkbox{
    justify-content: center;
}

#formulaire-contact .elementor-field-type-checkbox label{
    font-size: 0.9rem;
    margin-left: 1rem;
}
#formulaire-contact .elementor-field-type-checkbox span{
    display: flex;
    align-items: center;
}
/*#formulaire-contact input, #formulaire-contact textarea{
    padding: 0.5rem 0;

}*/


/*---------------------page partenaires-----------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .section-partenaires>.e-con-inner{
        flex-direction: column !important;
        align-items: center !important;
    }
    .section-partenaires:nth-child(even)>.e-con-inner{
        flex-direction: column-reverse !important;
    }
    .section-partenaires>.e-con-inner>.e-con{
        width: 80%;
        margin-bottom: 2rem;
    }
    .img-hidden{
        display: none !important;
    }
    .margin-0>div{
        margin: 0 !important;
    }

}

/*---------------------page offres speciales-----------------------*/
#container-filtre input[type=checkbox]{
    margin-right: 0.5rem;
}

#container-filtre input[type="checkbox"]:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: -4px;
    background: white;
    border: 2px var(--e-global-color-accent) solid;
    /*background: white url('/wp-content/uploads/2023/06/checkbox-vide.png') center center no-repeat;*/
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
}
#container-filtre input[type="checkbox"]:checked:before {
    content: " \2713";
    color:var(--e-global-color-1b43477);
    font-size: 0.8rem;
}
#container-offres .eliophot-offer__container{
    flex-direction: column;
    align-items: start;
    position: relative;
}


#container-offres .eliophot-offer__cta{
    position: absolute;
    bottom: 0;
}
#container-offres .elementor-button-link{
    position: relative;
}
#container-offres .elementor-button-link:after{
    display: block;
    content:'';
    background: url('/wp-content/uploads/2023/06/icone-bouton.svg') center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 0.5rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform:rotate(0deg) translateX(-50%) ;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}

#container-offres .elementor-button-link:before{
    display: block;
    content:'';
    width: 30%;
    height: 1px;
    background:var(--e-global-color-accent);
    position: absolute;
    bottom: 0.7rem;
    left: 10%;
    opacity: 0;
    transform-origin:left;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}
#container-offres .elementor-button-link:hover:before{
    width: 76%;
    opacity: 1;
}

#container-offres .elementor-button-link:hover:after{
    background: url('/wp-content/uploads/2023/06/icone-bouton-hover.svg') center center no-repeat;
    transform: translateX(-10%) rotate(90deg);
}
#container-filtre.nav-fixed{
    position: fixed;
    top:2rem;
    left: 0;
    width: 100%;
    z-index: 30;
}

.eliophot-offer-booking-system .eliophot-offer-button{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver.svg') center center no-repeat;
    background-size: contain;
}
.eliophot-offer-booking-system .eliophot-offer-button:hover{
    background: url('/wp-content/uploads/2023/06/fond-bouton-reserver-hover.svg') center center no-repeat;
    background-size: contain;
}

/*---------------------page actualites-----------------------*/
#container-actu .elementor-post img{
    height: 350px;
    width: 100%;
    object-fit: cover;
}
#container-actu .elementor-post__thumbnail{
    height: 350px;
    padding: 0;
}
#container-actu .elementor-post__text{
    position: relative;
}
#container-actu .elementor-post__read-more{
    position: absolute;
    bottom: 1rem;
    padding: 1rem;
    left: 50%;
    transform: translateX(-50%);
}
#container-actu .elementor-post__excerpt{
    text-align: left;
}
#container-actu .elementor-post__read-more:after{
    display: block;
    content:'';
    background: url('/wp-content/uploads/2023/06/icone-bouton.svg') center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 0.5rem;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform:rotate(0deg) translateX(-50%) ;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}

#container-actu .elementor-post__read-more:before{
    display: block;
    content:'';
    width: 30%;
    height: 1px;
    background:var(--e-global-color-accent);
    position: absolute;
    bottom: 0.7rem;
    left: 10%;
    opacity: 0;
    transform-origin:left;
    -webkit-transition: all  0.5s ease-in;
    -moz-transition:  all  0.5s ease-in;
    -o-transition:  all  0.5s ease-in;
    transition:  all  0.5s ease-in;
}
#container-actu .elementor-post__read-more:hover:before{
    width: 76%;
    opacity: 1;
}

#container-actu .elementor-post__read-more:hover:after{
    background: url('/wp-content/uploads/2023/06/icone-bouton-hover.svg') center center no-repeat;
    transform: translateX(-10%) rotate(90deg);
}




/*-------------------------------ecrans gabarits--------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .section-gabarit1:nth-child(odd) .ecran-gabarit1{
        flex-direction: column-reverse !important;
    }
    .section-gabarit1:nth-child(even) .ecran-gabarit1{
        flex-direction: column !important;
    }
    .ecran-gabarit1{
        padding: 2rem;
    }
    .ecran-gabarit1 img{
        height: 450px !important;
    }
    .ecran-gabarit1 .e-con{
        padding: 0 !important;
    }

    .section-ecran-gabarit2:nth-child(even) >.e-con-inner{
        flex-direction: column !important;
    }
    .section-ecran-gabarit2:nth-child(odd) >.e-con-inner{
        flex-direction: column-reverse !important;
    }
    .section-ecran-gabarit2 >.e-con-inner>.e-con{
        width: 100%;
        border-left: 0;
        padding-bottom: 2rem;
    }
    .section-ecran-gabarit2 >.e-con-inner{
        padding-bottom: 2rem;
    }
    .section-ecran-gabarit2 >.e-con-inner>.e-con .elementor-image{
        text-align: center !important;
    }
    .section-ecran-gabarit3>.e-con-inner{
        flex-direction: column !important;
    }
    .section-ecran-gabarit3>.e-con-inner>.e-con{
        width: 80%;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .section-ecran-gabarit3>.e-con-inner>.e-con:nth-child(2){
        margin: 2rem auto 3rem;
    }
    .section-ecran-gabarit3 .ecran-gabarit1 img{
        height: 500px !important;
    }
    .section-ecran-gabarit4>.e-con-inner{
        flex-direction: column !important;
    }
    .section-ecran-gabarit4>.e-con-inner>.e-con{
        width: 80%;
        margin: auto;
        max-width: 520px;
    }
    .section-ecran-gabarit5>.e-con-inner{
        flex-direction: column !important;
    }
    .section-ecran-gabarit5.odd >.e-con-inner{
        flex-direction: column-reverse !important;
    }
    .section-ecran-gabarit5>.e-con-inner>.e-con{
        width: 90%;
        margin: auto;
        max-width: 650px;
    }
    .section-ecran-gabarit5 img{
        height: 500px !important;
    }
    .section-ecran-gabarit5.even>.e-con-inner>.e-con:nth-child(2){
        max-width: 520px;
        margin: -5rem auto 0;
    }
    .section-ecran-gabarit5.odd>.e-con-inner>.e-con:nth-child(1){
        max-width: 520px;
        margin: -5rem auto 0;
    }
    .section-ecran-gabarit6>.e-con-inner{
        flex-direction: column !important;
        align-items: center !important;
    }
    .section-ecran-gabarit6>.e-con-inner>.e-con{
        width: 60%;
        padding: 1rem 0;
    }
    .section-ecran-gabarit7>.e-con-inner{
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    .section-ecran-gabarit7>.e-con-inner>.e-con{
        width: 60%;
        padding: 1rem 0;
    }
    .section-ecran-gabarit8{
        flex-direction: column-reverse !important;
        align-items: center !important;
    }
    .section-ecran-gabarit8>.e-con{
        width: 80%;
        padding: 1rem 0 2rem;
        margin: 0;
    }
    .section-ecran-gabarit8>.e-con:nth-child(1){
        width: 90%;
    }
    #carousel-promenade{
        padding-top: 3rem;
    }
}


@media screen and (min-width: 1024px){
    .section-gabarit1{
        overflow: hidden;
    }
    .section-gabarit1:nth-child(even) .ecran-gabarit1 img{
        position: relative;
        left: -15%;
        opacity: 0.2;
        transition: all 0.5s 0.2s ease-in;
    }
    .section-gabarit1:nth-child(even).active .ecran-gabarit1 img{
        left: 0;
        opacity: 1;
    }
    .section-gabarit1:nth-child(odd) .ecran-gabarit1 img{
        position: relative;
        right: -15%;
        opacity: 0.2;
        transition: all 0.5s 0.2s ease-in;
    }
    .section-gabarit1:nth-child(odd).active .ecran-gabarit1 img{
        right: 0;
        opacity: 1;
    }
    .section-gabarit1:nth-child(odd) .slide-text1{
        position: relative;
        left: -20%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(odd).active .slide-text1{
        left: 0;
    }
    .section-gabarit1:nth-child(odd) .slide-text2{
        position: relative;
        left: -15%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(odd).active .slide-text2{
        left: 0;
    }
    .section-gabarit1:nth-child(odd) .slide-text3{
        position: relative;
        left: -10%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(odd).active .slide-text3{
        left: 0;
    }
    .section-gabarit1:nth-child(odd) .slide-text4{
        position: relative;
        left: -5%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(odd).active .slide-text4{
        left: -1rem;
    }
    .section-gabarit1:nth-child(even) .slide-text1{
        position: relative;
        right: -20%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(even).active .slide-text1{
        right: 0;
    }
    .section-gabarit1:nth-child(even) .slide-text2{
        position: relative;
        right: -15%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(even).active .slide-text2{
        right: 0;
    }
    .section-gabarit1:nth-child(even) .slide-text3{
        position: relative;
        right: -10%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(even).active .slide-text3{
        right: 0;
    }
    .section-gabarit1:nth-child(even) .slide-text4{
        position: relative;
        right: -5%;
        transition: all 0.5s 0.5s ease-in;
    }
    .section-gabarit1:nth-child(even).active .slide-text4{
        right: -1rem;
    }
    .section-ecran-gabarit6 .image-bottom .img-left{
        position: relative;
        top:20%;
        transition: all 0.5s 0.1s ease-in;
    }
    .section-ecran-gabarit6 .image-bottom .img-right{
        position: relative;
        top:60%;
        opacity: 0;
        transition: all 0.5s 0.3s ease-in;
    }
    .section-ecran-gabarit6 .image-bottom.active .img-left{
        top:0;
    }
    .section-ecran-gabarit6 .image-bottom.active .img-right{
        top:0;
        opacity: 1;
    }
    .section-ecran-gabarit6{
        overflow: hidden;
    }

    .section-ecran-gabarit6 .content-text{
        position: relative;
        right:-20%;
        opacity: 0.4;
        transition: all 0.5s 0.3s ease-in;
    }
    .section-ecran-gabarit6 .content-text.active{
        right:0;
        opacity: 1;
    }
    .section-ecran-gabarit7 .img1{
        opacity: 0;
        transition: all 0.5s 0.2s ease-in;
    }
    .section-ecran-gabarit7.active .img1{
        opacity: 1;
    }
    .section-ecran-gabarit7 .img2{
        opacity: 0;
        transition: all 0.5s 0.4s ease-in;
    }
    .section-ecran-gabarit7.active .img2{
        opacity: 1;
    }
    .section-ecran-gabarit7 .img3{
        opacity: 0;
        transition: all 0.5s 0.6s ease-in;
    }
    .section-ecran-gabarit7.active .img3{
        opacity: 1;
    }
}

/*---------------------------page activites du domaine-------------------------------*/
#carousel-promenade .swiper-slide .elementor-section-wrap, #carousel-promenade .swiper-slide .elementor-section-wrap>.e-con,
#carousel-promenade .swiper-slide .elementor-section-wrap>.e-con>.e-con{
    height: 100%;
}
@media screen  and (max-width: 1000px) {
    #carousel-promenade .elementor-swiper-button-next{
        top:0;
        right: 43%;
    }
    #carousel-promenade .elementor-swiper-button-prev{
        top:0;
        left:43%;
        right: inherit;
    }
}
@media screen and (min-width: 1001px) {
    #carousel-promenade .elementor-swiper-button-next{
        top:36%;
        right: -9rem;
    }
    #carousel-promenade .elementor-swiper-button-prev{
        top:36%;
        left:inherit;
        right: -7rem;
    }
}
#section-promenade{
    overflow: hidden;
}
/*---------------------------page seminaires evenements section chiffres-------------------------------*/
@media screen and (min-width: 768px) {
    #section-chiffres .chiffre1, #section-chiffres-text .col-text1{
        position: relative;
        top:10rem;
        opacity: 0;
        transition: all 0.5s 0.2s ease-in;
    }

    #section-chiffres .chiffre2 ,#section-chiffres-text .col-text2{
        position: relative;
        top:10rem;
        opacity: 0;
        transition: all 0.5s 0.4s ease-in;
    }
    #section-chiffres .chiffre3, #section-chiffres-text .col-text3{
        position: relative;
        top:10rem;
        opacity: 0;
        transition: all 0.5s 0.6s ease-in;
    }
    #section-chiffres.active .chiffre1,#section-chiffres.active .chiffre2,#section-chiffres.active .chiffre3,
    #section-chiffres-text.active .col-text1,#section-chiffres-text.active .col-text2,#section-chiffres-text.active .col-text3{
        top:0;
        opacity: 1;
    }
}
/*---------------------------page tourisme niveau 1-------------------------------*/
@media screen and (min-width: 1024px) {
    .section-tourisme-niv1{
        overflow: hidden;
    }
    .section-tourisme-niv1:nth-child(odd) .content-text{
        position: relative;
        left:-20%;
        transition: all 0.5s 0.2s ease-in;
    }
    .section-tourisme-niv1:nth-child(odd).active .content-text{
        left: 0;
    }
    .section-tourisme-niv1:nth-child(even) .content-text{
        position: relative;
        right:-20%;
        transition: all 0.5s 0.2s ease-in;
    }
    .section-tourisme-niv1:nth-child(even).active .content-text{
        right: 0;
    }
}
/*---------------------------page mentions-------------------------------*/
#mentions h2 {
    font-family: "cambria (nav et titres)", sans-serif;
    color:var(--e-global-color-accent);
    font-size: 2rem;
}
#mentions h3 {
    font-family: "URW DIN light (texte)", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
}
/*---------------------quickacess-----------------------*/
/* @media screen and (max-width: 767px) {
    #quickaccess .sub-menu{
        margin-left: 2rem !important;
    }
} */
/*---------------------newsletter-----------------------*/
@media screen and (min-width: 1025px) {
    #form-newsletter .elementor-form-fields-wrapper{
        flex-wrap: nowrap;
    }
    #form-newsletter .e-form__buttons{
        width: 60%;
    }
}

/*-----------------btn reserver chambre-----------------*/
.btn-reserver-chambre {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-primary);
    background-color: #02010100;
    border-color: #02010100;
    border-width: 0px;
    padding: 1rem 2.3rem;
    background: url(/wp-content/uploads/2023/06/fond-bouton-reserver.svg) center center no-repeat;
    background-size: contain;
}

.btn-reserver-chambre:hover {
    background-color: #02010100;
    color: var(--e-global-color-accent);
    background: url(/wp-content/uploads/2023/06/fond-bouton-reserver-hover.svg) center center no-repeat;
    background-size: contain;
}

.namastay-widget-button {
	cursor: pointer;
}