:root {
    /* Typographie */
    --font-title: "Atkinson Hyperlegible", Sans-serif;
    --font-text: "Atkinson Hyperlegible", Sans-serif;

    /* Layout */
    --admin-bar: 32px;
    --px-global: 20px;
    --listing-gap: 20px;
    --header-height: 68px;
    --site-container-width: 1240px;

    /* Couleurs Principales */
    --green:  #09412F;
    --green-light:  #8AC2B1;
    --white:  #FFFFFC;
    --black:  #262823;
}

.clr-primary,
.text-dap3{
    color: var(--green);
}

.font-title-family{
    font-family: var(--font-title) !important;
}

.font-text-family{
    font-family: var(--font-text) !important;
}

.img-edempa02 img{
    aspect-ratio: 16 / 10;
    width: 100% !important;
    object-fit: cover;
}

.slider-dmpen829 .slick-track{
    display: flex !important;
    gap: 88px;
}

.slider-dmpen829 .slick-list{
    max-width: 1000px !important;
    width: 100% !important;
}

/* Container Slick nécessaire pour le positionnement relatif */
.slider-dmpen829 {
    position: unset !important;
}

/* Style de base pour les deux flèches */
.slider-dmpen829 .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s !important;
}

.slider-dmpen829::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px; /* Ajuste la largeur de l'effet de fondu selon tes besoins */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    pointer-events: none; /* Indispensable pour pouvoir cliquer à travers sur les cartes ou flèches */
    z-index: 2; /* S'assure que le fondu passe au-dessus des slides */
}

/* Positionnement à gauche et à droite */
.slider-dmpen829 .slick-prev {
    left: 16px; /* Place le bouton en dehors du slider à gauche */
}

.slider-dmpen829 .slick-next {
    right: 16px; /* Place le bouton en dehors du slider à droite */
}

/* Inversion du SVG pour le bouton Gauche */
.slider-dmpen829 .slick-prev svg {
    transform: scaleX(-1);
}

/* Taille et comportement du SVG */
.slider-dmpen829 .slick-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.slick-disabled{
    opacity: 0;
    transition: .2s !important;
}

.point-delo245{
    width: 20px !important;
    height: 20px !important;
    background-color: #000 !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: -8px;
    left: 70%;
}

.line-dempas109C{
    position: relative;
    width: 75% !important;
    height: 5px !important;
}

.footer-menu > *{
    white-space: nowrap !important;
    flex: none !important;
}

.footer-menu .line{
    width: 100% !important;
    max-width: 7px !important;
}

.line-cexede{
    width: 25% !important;
    height: 5px !important;
}

.line-vertical-de019{
    width: 5px !important;
    height: 50px !important;
}

.elementor-button-link{
    transition: .2s !important;
}

.elementor-button-link:hover{
    opacity: .7 !important;
    transition: .2s !important;
}

/* .whatsapp-number-mobile{
    opacity: 0;
    bottom: -10px;
    transition: .3s !important;
    pointer-events: none !important;
} */

.whatsapp-number-mobile{
    opacity: 1;
    bottom: 10px;
    transition: .3s !important;
    pointer-events: all !important;
}

#menu-language{
    display: flex !important;
    gap: 10px;
}

[lang="en-US"] .lang-item-fr{
    opacity: .5 !important;
}

[lang="fr-FR"] .lang-item-en{
    opacity: .5 !important;
}

#menu-language img{
    width: 19px !important;
    height: 13px !important;
}

.title-dep1390{
    max-width: 1000px !important;
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    .home .is-site-logo.black{
        display: none !important;
    }

    .home .is-site-logo svg path{
        fill: #EBEBEB !important;
    }

    .home.white-mode .is-site-logo svg path{
        fill: #000 !important;
    }

    .home .button-reserver a{
        background-color: #000 !important;
        /* opacity: .95 !important; */
        /* border: 1px solid #fff !important; */
    }

    .home #content{
        margin-top: calc(var(--header-height) * -1) !important;
    }

    .home header{
        background-color: transparent !important;
    }

    .home [data-elementor-id="679"]{
        border: none !important;
    }

    .home .footer-inner{
        padding-bottom: 100px !important;
    }
}

@media only screen and (min-width: 1025px){
    .img-dempslov9{
	    position: absolute !important;
	    left: 0;
	    top: 0;
	    width: 100% !important;
	    height: 100% !important;
    }

    .img-dempslov9 img{
	    width: 100% !important;
	    height: 100% !important;
	    object-fit: cover;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    :root {
        --listing-gap: 24px;
        --px-global: 16px;
    }

    .whatsapp-number-mobile{
        position: fixed !important;
        width: calc(100% - var(--px-global) * 2) !important;
        left: 50%;
        transform: translateX(-50%);
        /* bottom: 10px; */
    }

    .text-dap3{
        color: var(--green-light);
    }

    .block-sea2901{
        background: linear-gradient(180deg, #1F1F1F 0%, #000000 100%) !important;
    }

    .title-dep1390 h1,
    .guide-tarif{
        color: #EBEBEB !important;
    }

    .block-0559173.is-pushed-right{
        max-width: unset !important;
        margin-left: unset !important;
    }

    .flex-depasm01{
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .slider-dmpen829::after{
        width: 40px !important;
    }

    .equal-icon{
        display: none !important;
    }

    .text-dasmp291{
        font-size: 14px !important;
    }

    .flex-depasm01 > div{
        padding: 10px !important;
        /* padding-right: 10px !important; */
    }

    .button-reserver a{
        transition: .2s !important;
    }

    .button-reserver a{
        border-color: #000 !important;
        transition: .2s !important;
    }

    .white-mode .button-reserver a{
        background-color: var(--green) !important;
        border-color: var(--green) !important;
        transition: .2s !important;
    }
}

@media only screen and (max-width: 993px) and (min-width: 0px){
    :root {
        --admin-bar: 46px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    .img-6bc5648{
        width: 140% !important;
        max-width: 140% !important;
    }

    .slider-dmpen829 .slick-track{
        gap: 24px !important;
    }

    .slider-dmpen829 .slick-list{
        max-width: unset !important;
        width: 85vw !important;
    }
}

@media only screen and (max-width: 550px) and (min-width: 0px){
    .footer-menu{
        flex-wrap: wrap !important;
    }

    .footer-menu p{
        font-size: 14px !important;
    }

    .block-6c5f0ba{
        margin-top: -140px !important;
    }
}