/* .hero-slider {
  /*
   position: relative;
  background-image: url('./../img/live/slide-01.png');
  background-size: cover;
  background-position: center;
  height: 500px; 
} */

.gluten-free-badge {
    display: inline-block;
    background-color: rgba(225, 94, 53, 0.99);
    ;
    /* Vert pour indiquer "sain" */
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 0 10px;
    vertical-align: middle;
    width: 85px;
}


/* Positionne le sous-menu à droite */
.dropdown-menu {
    position: relative;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    /* à droite du parent */
    min-width: 180px;
    background: white;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
    z-index: 9999;
    padding: 0;
}

.dropdown-submenu:hover>.submenu,
.dropdown-submenu:focus-within>.submenu {
    display: block;
}

.submenu .dropdown-item {
    padding: 8px 20px;
    white-space: nowrap;
}

/* Optionnel : un petit caret sur l’item "Boutique" */
.dropdown-submenu>a::after {
    content: " ▶";
    font-size: 0.8em;
    margin-left: 6px;
}

/* Par défaut, flèche vers le bas */
.dropdown-submenu>a::after {
    content: " ▼";
    font-size: 0.8em;
    margin-left: 6px;
    transition: content 0.2s;
}

/* Au hover/focus, flèche vers la droite */
.dropdown-submenu:hover>a::after,
.dropdown-submenu:focus-within>a::after {
    content: " ▶";
}


/* Cacher les sous-menus par défaut */
.sub-menu .sub-sub-menu {
    display: none;
    padding-left: 1.5em;
}

/* Afficher le sous-menu si le parent a la classe 'open' */
.has-submenu.open>.sub-sub-menu {
    display: block;
}

/* Style du parent avec la flèche */
.submenu-parent {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

/* Flèche bas par défaut, droite si open */
.submenu-parent .arrow {
    display: inline-block;
    margin-left: 8px;
    font-size: 1em;
    transition: transform 0.2s;
}

.submenu-parent .arrow::before {
    content: "▼";
    display: inline-block;
    transition: transform 0.2s;
}

.has-submenu.open .submenu-parent .arrow::before {
    /* Flèche pivote vers la droite */
    transform: rotate(-90deg);
}


/* ----------------fin menu boutique extension sous menu ----------- */


/* Assurez-vous que le conteneur Swiper soit positionné au-dessus */
.swiper-container {
    position: relative;
    z-index: 2;
    /* Ajoutez d'autres styles si nécessaire */
}




/* GENERAL */
.hidden-section {
    display: none !important;
}

b {
    font-weight: 600;
}

.body-event {
    .cr-paking-delivery {
        margin-top: 0;
    }

    .cr-breadcrumb-title {
        justify-content: center;

        div {
            flex: 0 0 25%;
        }

        h1 {
            padding-left: 35px;
        }

        &.admin-events {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            gap: 10px;

            & .btn-danger {
                height: 42px;
                position: relative;
                background-color: var(--variable-collection-couleurs-caramel);
                border-radius: 100px;
                text-transform: uppercase;
                font-weight: 600;
                font-size: 18px;
                margin: auto;
                width: auto;

                &:hover {
                    box-shadow: 0px 2px 15px rgba(51, 51, 51, 0.25);
                }
            }
        }
    }


    .menu-dessert .menu-event-items {
        display: flex;
        gap: 5px;
        flex-direction: column;
        padding-top: 10px;
    }

    .menu-event {
        display: flex;
        gap: 33px;

        .menu-event-items {
            display: flex;
            gap: 5px;
            flex-direction: column;
        }
    }

    .cr-paking-delivery .cr-tab-content .cr-description {
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 14px;
        font-family: "Poppins, sans-serif";
        color: #7a7a7a;
        line-height: 1.75;

        p {
            margin-bottom: 0px;
        }
    }

    .cr-blog-categories-content {
        padding-bottom: 0px;
    }
}

.booking-form {

    .prnom.field_booking,
    .nom.field_booking {
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        align-items: center;

        & label {
            width: auto !important;
            padding-right: 15px;
            top: 3px !important;
        }

        & input {
            margin-top: 5px;
            text-align: left !important;
            width: auto !important;
        }
    }

    & #daye {
        margin-top: 30px;
    }
}

.is-mobile {

    /*display: none;*/
    p {
        text-transform: none !important;
        font-size: 12px;
    }

    li {
        border: 1px solid rgb(225 94 53 / 52%) !important;
        box-shadow: 0px 2px 10px rgba(51, 51, 51, 0.25);
        flex-direction: column;
        align-items: flex-start !important;
        border-radius: 3px;
    }
}

/*.isno-mobile {
  display: block;
  p {
    text-transform: none !important;
    font-size: 12px;
    padding-bottom: 0 !important;
  }
  li {
    border: 1px solid rgb(225 94 53 / 52%) !important;
    box-shadow: 0px 2px 10px rgba(51, 51, 51, 0.25);
    flex-direction: column;
    align-items: flex-start !important;
    border-radius: 3px;
    padding:10px
  }
}*/

section.cr-checkout-section {
    .spinner {
        border-bottom: 3px solid var(--variable-collection-couleurs-caramel);
        border-top: 3px solid var(--variable-collection-couleurs-caramel);
        width: 25px;
        height: 25px;
        border-radius: 50%;
        /* Assurez-vous d'utiliser 50% pour un cercle parfait */
        display: none;
        /* Utilisez visibility au lieu de display */
        flex-direction: row;
        gap: 15px;
        justify-content: center;
        align-items: center;
        animation-name: spin;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .dots {
        &::after {
            content: "";
            display: inline-block;
            animation: dots 1.5s steps(4, end) infinite;
        }
    }

    .spinner.active {
        display: flex;
    }

    .cr-button.disabled .pay-link {
        opacity: 0.5;
        width: 168px;
        text-align: left;
    }

    input.error,
    select.error {
        border: 2px solid var(--variable-collection-couleurs-caramel);
    }

    .error-message {
        color: var(--variable-collection-couleurs-caramel);
        font-size: 0.65rem;
        margin-top: 5px;
    }

    .error-message-checkout {
        margin-top: 5px;
        color: var(--variable-collection-couleurs-caramel);
        text-transform: uppercase;
        font-family: var(--h4-font-family);
        letter-spacing: 1.5px;
        line-height: 1.5;
        font-size: 14px;
        font-weight: 800;
        text-align: center;
        padding-top: 15px;

        & span {
            font-size: 12px;
            font-weight: 600;
        }
    }

    .cr-checkout-wrap .cr-check-bill-form .cr-bl-select-inner select.error {
        border: 2px solid var(--variable-collection-couleurs-caramel) !important;
    }
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.top-nav .container {
    display: flex;
    max-height: 40px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    max-width: 1440px;
    padding: 12px 85px 12px 85px;
    /*width: 80%;*/
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes dots {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75% {
        content: "...";
    }

    100% {
        content: "";
    }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    /*max-width: 1277px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  width: 100%;*/
    margin: 0 auto;
}

/*.accueil-cabane .row:not(.aos-init) {
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  justify-content: space-between;
  gap: 30px;
  margin-right: 0px;
  margin-left: 0px;
}*/

.main-menu .container {
    max-width: 1440px;
    padding: 35px 85px 35px 85px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
}

ul.navbar-nav .dropdown .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    border: 0;
    display: block;
    z-index: 9;
    border: none;

    & li a {
        font-family: var(--menu-item-font-family);
        font-weight: var(--menu-item-font-weight);
        color: #000000;
        font-size: var(--menu-item-font-size);
        letter-spacing: var(--menu-item-letter-spacing);
        line-height: var(--menu-item-line-height);
        white-space: nowrap;
        font-style: var(--menu-item-font-style);
        text-transform: uppercase;
    }
}

/* ul.navbar-nav {
    gap: 10px!important;
} */

ul.navbar-nav .dropdown:hover .dropdown-menu {
    margin-top: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}

button:focus,
button:focus-visible {
    outline: none;
}

.cr-menu-space {
    padding-top: 10px;
}

.menu-item-wrapper {
    display: block;
    opacity: 1;
}

.main-menu .col-navbar {
    &.collapse:not(.show) {
        display: none;
    }
}

.main-menu .col-navbar .accueil-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    position: relative;
    flex: 0 0 auto;

    &.r-servez-mobile {
        display: none;
        opacity: 0;
    }
}

/* NAVBAR */
header #cr-main-menu-desk {
    & ul.navbar-nav {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 10px;

        & li.nav-item a.nav-link {
            font-family: var(--menu-item-font-family);
            font-weight: var(--menu-item-font-weight);
            letter-spacing: var(--menu-item-letter-spacing);
            line-height: var(--menu-item-line-height);
            white-space: nowrap;
            font-style: var(--menu-item-font-style);
            text-transform: uppercase;
            font-size: 13px;
            padding: 8px 0 8px 0;

            &::before {
                background-color: var(--variable-collection-couleurs-caramel);
            }
        }

        & .cr-menu-list nav ul {
            & li:not(:last-child) {
                margin-right: 0px;

                &:first-child {
                    flex: 1;
                    text-align: center;
                }
            }
        }
    }

    & .navbar-brand {
        margin-right: 0;
    }
}

/* HEADER */
.main-nav {
    flex-direction: column;
    /*max-height: 160px;
  height: 160px;*/
    align-items: center;
    z-index: 2;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #ffffff;

    & .r-servez-wrapper {
        display: inline-flex;
        height: 40px;
        align-items: center;
        justify-content: center;
        padding: 10px 30px;
        position: relative;
        flex: 0 0 auto;
        background-color: var(--variable-collection-couleurs-caramel);

        &.theme-mariage {
            background-color: var(--variable-collection-couleurs-sable);
        }

        border-radius: 100px;
        overflow: hidden;
        cursor: pointer;

        &:hover {
            background-color: var(--element-hover);
        }

        & .t-servez {
            position: relative;
            width: fit-content;
            font-family: "Raleway", Helvetica;
            font-weight: 700;
            color: var(--variable-collection-couleurs-blanc);
            font-size: 10px;
            letter-spacing: 1.2px;
            line-height: normal;
            white-space: nowrap;

            &:hover {
                text-decoration: none;
            }
        }
    }

    & .main-menu {
        height: auto;
        padding: 0px;
        /*margin-top: 40px;*/
        align-items: flex-start;
        justify-content: center;
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        background-color: var(--variable-collection-couleurs-blanc) !important;

        & .menu-container {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 60px;
            padding: 0px 60px;
            padding: 0px;
            position: relative;
            flex: 1;
            align-self: stretch;
            flex-grow: 1;

            & .logo-cheztipere {
                position: relative;
                align-self: stretch;
                flex: 0 0 auto;
            }
        }
    }

    /*& .navbar {
    border-bottom: none;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  & .navbar-brand {
    display: inline-flex;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
  }*/

    & .top-nav {
        display: flex;
        max-height: 40px;
        height: 40px;
        /*position: fixed;*/
        top: 0;
        z-index: 21;
        align-items: flex-start;
        justify-content: center;
        flex: 1;
        align-self: stretch;
        width: 100%;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-caramel);
    }

    & .nav-link {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: var(--menu-item-font-family);
        font-weight: var(--menu-item-font-weight);
        color: #000000;
        /*font-size: var(--menu-item-font-size);*/
        letter-spacing: var(--menu-item-letter-spacing);
        line-height: var(--menu-item-line-height);
        white-space: nowrap;
        font-style: var(--menu-item-font-style);
        text-transform: uppercase;
        font-size: 13px;
    }

    & .contact-info {
        display: flex;
        max-height: 40px;
        align-items: center;
        gap: 30px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;

        & .contact-item {
            display: inline-flex;
            max-height: 40px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            position: relative;
            align-self: stretch;
            flex: 0 0 auto;

            & .phone-icon {
                position: relative;
                width: 16px;
                height: 16px;
                margin-left: -0.5px;
            }

            & .email-icon {
                position: relative;
                width: 16px;
                height: 12px;
                margin-left: -0.5px;
            }
        }
    }

    & .top-links {
        display: flex;
        max-height: 40px;
        align-items: center;
        justify-content: flex-end;
        gap: 60px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;

        & .top-container {
            display: inline-flex;
            justify-content: flex-end;
            gap: 30px;
            align-items: center;
            position: relative;
            align-self: stretch;
            flex: 0 0 auto;
        }

        & a.links-item {
            &:hover {
                & .icon-panier {
                    & path {
                        fill: var(--variable-collection-couleurs-cendre);
                    }
                }

                & .item-in-cart {
                    background-color: var(--variable-collection-couleurs-cendre);

                    & .cart-count {
                        color: var(--variable-collection-couleurs-blanc);
                    }
                }
            }

            &.theme-mariage:hover {
                & .icon-panier {
                    & path {
                        fill: var(--variable-collection-couleurs-sable);
                    }
                }

                & .item-in-cart {
                    background-color: var(--variable-collection-couleurs-sable);

                    & .cart-count {
                        color: var(--variable-collection-couleurs-caramel);
                    }
                }
            }
        }

        & .links-item {
            display: inline-flex;
            max-height: 40px;
            align-items: center;
            justify-content: center;
            position: relative;
            align-self: stretch;
            flex: 0 0 auto;

            & .item-in-cart {
                display: flex;
                flex-direction: column;
                max-width: 14px;
                width: 14px;
                max-height: 14px;
                height: 14px;
                align-items: center;
                justify-content: center;
                gap: 10px;
                position: absolute;
                top: -4px;
                left: 13px;
                z-index: 1;
                background-color: var(--variable-collection-couleurs-blanc);
                border-radius: 100px;

                & .cart-count {
                    flex: 1;
                    align-self: stretch;
                    margin-top: 1px;
                    margin-left: 1.5px;
                    font-weight: 700;
                    color: var(--variable-collection-couleurs-cendre);

                    &.theme-mariage {
                        color: var(--variable-collection-couleurs-caramel);
                    }

                    font-size: 10px;
                    text-align: center;
                    letter-spacing: 0.9px;
                    line-height: normal;
                    white-space: nowrap;
                    position: relative;
                    font-family: "Raleway",
                    Helvetica;
                }
            }

            & .icon-panier {
                position: relative;
                width: 24px;
                height: 22px;
                z-index: 0;
            }
        }

        & .socials {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            position: relative;
            flex: 0 0 auto;

            & .suivez-nous {
                position: relative;
                width: fit-content;
                font-family: "Raleway", Helvetica;
                font-weight: 700;
                color: #ffffff;
                font-size: 10px;
                letter-spacing: 1.2px;
                line-height: normal;
                white-space: nowrap;
            }

            & .facebook-icon {
                position: relative;
                width: 21px;
                height: 21px;

                &:hover path {
                    fill: var(--variable-collection-couleurs-cendre);
                }

                &.theme-mariage:hover path {
                    fill: var(--variable-collection-couleurs-sable);
                }
            }
        }
    }

    & .top-text {
        position: relative;
        width: fit-content;
        font-family: "Raleway", Helvetica;
        font-weight: 700;
        color: var(--variable-collection-couleurs-blanc);

        font-size: 10px;
        letter-spacing: 1.2px;
        line-height: 16px;
        white-space: nowrap;
        background: transparent;
        border: none;
        padding: 0;
        text-decoration: none;

        &:hover {
            color: var(--element-hover);
        }

        &.theme-mariage:hover {
            color: var(--variable-collection-couleurs-sable);
        }
    }
}

/* SECTIONS */
main.main-content {
    display: block;
    flex-direction: column;
    justify-content: center;
    position: relative;
    align-self: center;
    width: 100%;
    flex: 0 0 auto;
    z-index: 1;
}

section .text-more {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    white-space: nowrap;
    font-style: var(--boutons-font-style);
}

section .block-text {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 50px;
    letter-spacing: 0;
    line-height: 60px;

    &.text-wrap {
        font-weight: var(--h1-clean-font-weight);
        font-family: var(--h1-clean-font-family);
        font-style: var(--h1-clean-font-style);
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-size: var(--h1-clean-font-size);
    }

    & .text-style {
        font-family: var(--h1-cabane-font-family);
        font-size: var(--h1-cabane-font-size);
        line-height: var(--h1-cabane-line-height);
        font-style: var(--h1-cabane-font-style);
        font-weight: var(--h1-cabane-font-weight);
        letter-spacing: var(--h1-cabane-letter-spacing);
    }
}

section .content-text {
    flex-direction: column;
    gap: 30px;
    align-self: stretch;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;

    & .content-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;

        & .service-title {
            position: relative;
            align-self: stretch;
            margin-top: -1px;
            font-family: var(--h5-font-family);
            font-weight: var(--h5-font-weight);
            color: #000000;
            font-size: var(--h5-font-size);
            letter-spacing: var(--h5-letter-spacing);
            line-height: var(--h5-line-height);
            font-style: var(--h5-font-style);
        }
    }

    & .service-text {
        position: relative;
        align-self: stretch;
        font-family: var(--body-text-font-family);
        font-weight: var(--body-text-font-weight);
        color: #000000;
        font-size: var(--body-text-font-size);
        letter-spacing: var(--body-text-letter-spacing);
        line-height: var(--body-text-line-height);
        font-style: var(--body-text-font-style);
    }
}

section .block-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    & .service-more {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: var(--boutons-font-family);
        font-weight: var(--boutons-font-weight);
        color: #000000;
        font-size: var(--boutons-font-size);
        letter-spacing: var(--boutons-letter-spacing);
        line-height: var(--boutons-line-height);
        white-space: nowrap;
        font-style: var(--boutons-font-style);
    }

    & .block-arrow {
        position: relative;
        width: 21.06px;
        height: 16.06px;
        margin-right: -1.06px;
        display: block;
    }

    & a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        text-decoration: none;

        &:hover {
            & .service-more {
                color: var(--variable-collection-couleurs-caramel);
            }
        }
    }
}

section .reserve-btn {
    position: relative;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-cr-me);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 40px;
    border-radius: 100px;

    &:hover {
        background-color: var(--element-hover);
        border: none;
        text-decoration: none;

        span {
            color: var(--variable-collection-couleurs-blanc);
        }
    }
}

section .txt-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    white-space: nowrap;
    font-style: var(--boutons-font-style);
}

.toggle-left {
    position: relative;
    width: 40px;
    height: 40px;
}

.toggle-right {
    position: relative;
    width: 40px;
    height: 40px;
}

/* Bandeau Contact */
.map-section {
    width: 100%;
    background-color: #f1f1f1;
    /* Couleur de fond grise */
    /*padding: 20px 0;*/
}

#map {
    width: 100%;
    height: 400px;
    /* Ajuste la hauteur selon tes besoins */
}

.bandeau-contact {
    display: flex;
    /*width: 1440px;
  height: 480px;*/
    align-items: center;
    justify-content: center;
    position: relative;
}

.bandeau-contact .col-contenu {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    z-index: 0;
    display: flex;
    justify-content: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.bandeau-contact .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--h1-clean-font-family);
    font-weight: var(--h1-clean-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--h1-clean-font-size);
    letter-spacing: var(--h1-clean-letter-spacing);
    line-height: var(--h1-clean-line-height);
    font-style: var(--h1-clean-font-style);
}

.bandeau-contact .euismod-potenti-nam {
    position: relative;
    align-self: stretch;
    font-family: var(--body-text-font-family);
    font-weight: var(--body-text-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--body-text-font-size);
    letter-spacing: var(--body-text-letter-spacing);
    line-height: var(--body-text-line-height);
    font-style: var(--body-text-font-style);
}

.bandeau-contact .tlphone-droite {
    position: relative;
    width: 246px;
    height: 50.3px;
}

.bandeau-contact .tlphone-icone {
    position: relative;
    width: 248px;
    height: 50px;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
}

.bandeau-contact .contact-link {
    padding-left: 10px;
    font-family: "Raleway", Helvetica;
    font-weight: 700;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 30px;
    letter-spacing: 0;
    line-height: 36px;
    white-space: nowrap;

    &:hover {
        color: var(--variable-collection-couleurs-caramel);
        text-decoration: none;
    }
}

.bandeau-contact .icon-phone {
    position: absolute;
    width: 47px;
    position: relative;
    display: inline-block;
}

.bandeau-contact .adresse-gauche {
    position: relative;
    height: 59.71px;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
}

.bandeau-contact .adresse-pin {
    display: flex;
}

.bandeau-contact .text-wrapper-2 {
    position: absolute;
    top: 2px;
    left: 56px;
    font-family: "Raleway", Helvetica;
    font-weight: 700;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 30px;
    letter-spacing: 0;
    line-height: 36px;
    white-space: nowrap;
}

.bandeau-contact .vector {
    position: relative;
    width: 28px;
    height: 38px;
    top: 10px;
    display: inline-block;
}

.bandeau-contact .text-wrapper-3 {
    position: absolute;
    top: 41px;
    left: 56px;
    font-family: var(--body-text-font-family);
    font-weight: var(--body-text-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--body-text-font-size);
    letter-spacing: var(--body-text-letter-spacing);
    line-height: var(--body-text-line-height);
    white-space: nowrap;
    font-style: var(--body-text-font-style);
}

section.contact-form {
    .contact-info {
        flex: 1;
        position: relative;
        width: 100%;
    }

    .contact-left,
    .contact-right {
        position: relative;
        width: 100%;
        display: flex;
        gap: 40px;
    }

    .container {
        display: block;
        width: 100%;
        padding: 50px 0 60px 0;
        position: relative;
        max-width: 813px;

        & input,
        & textarea {
            font-family: var(--h5-font-family);
            margin-left: 0px;
            width: 100%;
            border: none;
            border-bottom: 1px solid #000;
            outline: none;
        }

        & input {
            margin-top: 5px;
        }

        & textarea {
            margin-top: 25px;
        }
    }

    .container .formulaire {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 0;
        position: relative;
        flex-direction: column;
        flex-wrap: wrap;

        & .reserve-btn {
            height: 57px;
            text-align: left;
            align-self: flex-start;
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: var(--boutons-font-family);
            font-weight: var(--boutons-font-weight);
            color: #ffffff;
            font-size: var(--boutons-font-size);
            letter-spacing: var(--boutons-letter-spacing);
            line-height: var(--boutons-line-height);
            white-space: nowrap;
            font-style: var(--boutons-font-style);
            text-transform: uppercase;
            background-color: var(--variable-collection-couleurs-caramel);
            border: none;
        }
    }

    .container .text-wrapper {
        position: relative;
        font-family: var(--h2-clean-font-family);
        font-weight: var(--h2-clean-font-weight);
        color: var(--variable-collection-couleurs-caramel);
        font-size: var(--h2-clean-font-size);
        letter-spacing: var(--h2-clean-letter-spacing);
        line-height: var(--h2-clean-line-height);
        white-space: nowrap;
        font-style: var(--h2-clean-font-style);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-bottom: 10px;
    }

    .container .message {
        position: relative;
        width: 100%;
    }

    .container .div {
        position: absolute;
        width: 226px;
        top: 0;
        left: 4px;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        font-style: var(--h5-font-style);
    }

    .container .line {
        position: absolute;
        width: 811px;
        height: 1px;
        top: 152px;
        left: 0;
        object-fit: cover;
    }

    .container .courriel {
        position: relative;
        display: inline-block;
        flex: 1 1 48%;
        box-sizing: border-box;
    }

    .container .courriel-2 {
        position: relative;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        font-style: var(--h5-font-style);
    }

    .container .img {
        position: absolute;
        width: 383px;
        height: 1px;
        top: 38px;
        left: 0;
        object-fit: cover;
    }

    .container .tlphone {
        position: relative;
        display: inline-block;
        flex: 1 1 48%;
        box-sizing: border-box;
    }

    .container .text-wrapper-2 {
        position: relative;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        font-style: var(--h5-font-style);
        margin-top: 0;
    }

    .container .nom {
        position: relative;
        display: inline-block;
        flex: 1 1 48%;
        box-sizing: border-box;
    }

    .container .nom-2 {
        position: relative;
        width: 182px;
        top: 0;
        left: 0;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        font-style: var(--h5-font-style);
    }

    .container .prnom {
        position: relative;
        display: inline-block;
        flex: 1 1 48%;
        box-sizing: border-box;
    }
}

/* Hero slider */
.section-hero.padding-b-100 {
    padding-bottom: 0px !important;
    width: 100%;
}

.cr-hero-banner::after,
.cr-hero-banner::before,
.cr-hero-banner .container::before,
.cr-hero-banner .container::after {
    background-image: none;
    -webkit-animation: none;
    animation: none;
}

/* layout */
/* Hero ***************************************************************************************************************************************/
.cr-hero-banner {
    height: 80vh;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes left-right {
    0% {
        left: 0px;
    }

    50% {
        left: 50px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        left: 0px;
    }
}

@keyframes left-right {
    0% {
        left: 0px;
    }

    50% {
        left: 50px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        left: 0px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.cr-hero-banner .container {
    /* display: flex !important;
  justify-content: flex-start;
  align-items: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 120px 120px 120px 160px;
    color: #fff;
    text-align: left;
    width: 100%;
    height: 100%;
    max-width: 1440px;
}

.section-hero .row {
    /*max-width: 80%;*/
    margin: auto;
}

.section-hero .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 15px !important;
}

.cr-hero-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

/*.cr-slider .swiper-wrapper .swiper-slide-active h5 {
  -webkit-animation: fadeInUp 2s both 1s;
          animation: fadeInUp 2s both 1s;
}*/
.cr-slider .swiper-wrapper .swiper-slide-active p {
    -webkit-animation: fadeIn 1s both 0.5s;
    animation: fadeIn 1s both 0.5s;
}

/*.cr-slider .swiper-wrapper .swiper-slide-active p {
  -webkit-animation: fadeInUp 2s both 2s;
          animation: fadeInUp 2s both 2s;
}*/
.cr-slider .swiper-wrapper .swiper-slide-active .cr-last-buttons {
    -webkit-animation: fadeInUp 1s both 1s;
    animation: fadeInUp 1s both 1s;
}

.cr-banner-image-one {
    width: 100%;
    background-image: url("./../img/live/slide-01.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    background-position: top;
    max-height: 537px;
}


.cr-banner-image-two {
    width: 100%;
    background-image: url("./../img/live/slide-01.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    background-position: top;
    max-height: 537px;
}

.cr-banner-image-two-mariage {
    width: 100%;
    background-image: url("./../img/live/mariage.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    background-position: top;
    max-height: 537px;
}


.cr-left-side-contain {
    /*max-width: 550px;*/
    max-height: 537px;
    /*height: 80vh;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}

.cr-left-side-contain h5 {
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "Poppins, sans-serif";
    font-weight: 700;
}

.cr-left-side-contain h5 span {
    margin-right: 5px;
    color: #e15e35;
    font-weight: bold;
    border-bottom: 2px solid #e15e35;
}

.cr-left-side-contain p {
    color: var(--variable-collection-couleurs-blanc);
    font-weight: var(--h1-clean-font-weight);
    font-family: var(--h1-clean-font-family);
    font-style: var(--h1-clean-font-style);
    letter-spacing: var(--h1-clean-letter-spacing);
    line-height: var(--h1-clean-line-height);
    font-size: var(--h1-clean-font-size);
    white-space: normal !important;
    max-width: 497px;
    /* & span {
      color: var(--variable-collection-couleurs-caramel)
    }*/
}

.cr-left-side-contain h1 {
    margin-bottom: 25px;
    font-size: 55px;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    line-height: 68px;
    color: #000;
    position: relative;
}

.cr-left-side-contain .cr-last-buttons {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cr-left-side-contain .cr-last-buttons a {
    margin-right: 20px;
    background-color: var(--variable-collection-couleurs-caramel);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px 40px;
    border-radius: 100px;
    gap: 10px;
    text-decoration: none;
    max-height: 57px;
    border: none;
    height: auto;

    &:hover {
        background-color: var(--element-hover);
        border: none;
    }
}

.cr-left-side-contain .cr-last-buttons h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #7a7a7a;
}

.cr-left-side-contain .cr-last-buttons h4 span {
    font-size: 30px;
    font-family: "Manrope", sans-serif;
    font-weight: bold;
    color: #000;
}

.cr-slider .swiper-pagination-bullet {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
    height: 15px;
    margin: 0 10px !important;
    display: inline-block;
    border-radius: 30px;
    opacity: 1;
    border: none;

    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--variable-collection-couleurs-chocolat);
}

.cr-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--variable-collection-couleurs-cr-me);
}

.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-mission-prev:after,
.swiper-mission-next:after {
    display: none;
}

.swiper-button-next,
.swiper-mission-next {
    background-image: url(data:image/svg+xml,%3csvg%20width%3d%2240%22%20height%3d%2240%22%20viewBox%3d%220%200%2040%2040%22%20fill%3d%22none%22%20xmlns%3d%22http%3a//www.w3.org/2000/svg%22%3e%3crect%20width%3d%2240%22%20height%3d%2240%22%20rx%3d%2220%22%20fill%3d%22%23F7F6F4%22/%3e%3cpath%20d%3d%22M17.25%2012.5L24.75%2020L17.25%2027.5%22%20stroke%3d%22%232B2827%22%20stroke-width%3d%222%22/%3e%3c/svg%3e);
    width: 40px !important;
    height: 40px !important;
    right: 20px !important;
}

.swiper-button-prev,
.swiper-mission-prev {
    background-image: url(data:image/svg+xml,%3csvg%20width%3d%2240%22%20height%3d%2240%22%20viewBox%3d%220%200%2040%2040%22%20fill%3d%22none%22%20xmlns%3d%22http%3a//www.w3.org/2000/svg%22%3e%3crect%20width%3d%2240%22%20height%3d%2240%22%20rx%3d%2220%22%20fill%3d%22%23F7F6F4%22/%3e%3cpath%20d%3d%22M22.75%2027.5L15.25%2020L22.75%2012.5%22%20stroke%3d%22%232B2827%22%20stroke-width%3d%222%22/%3e%3c/svg%3e);
    width: 40px !important;
    height: 40px !important;
    left: 20px !important;
}

/* Service */
/*.section-service {
  display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    padding: 60px;
    background-color: var(--variable-collection-couleurs-gr-ge);
    padding-bottom: 60px !important;

    
    & .container {
      width: 100%;
      margin: 0px auto;
    }
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 1  !important;
  transition-property: none !important;
  width: auto !important;
  margin-right: auto !important;
}

[data-aos=fade-up] {
  transform: none !important;
  -webkit-animation: fadeIn 1s both 0.5s;
          animation: fadeIn 1s both 0.5s;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: none !important;
  transition-property: none !important;
  transition: none !important;
}

.cr-service-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cr-service {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  overflow: hidden; 
}
.cr-service:hover .cr-service-image img {
  -webkit-transform: rotate(3deg) scale(1.1);
          transform: rotate(3deg) scale(1.1);
}
.cr-service .cr-service-content {
  padding: 24px;
  text-align: left;
}
.cr-service .cr-service-content span {
  font-family: "Poppins, sans-serif";
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #7a7a7a;
}
.cr-service .cr-service-content span code {
  font-family: "Poppins, sans-serif";
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.cr-service .cr-service-content h5 {
  margin-top: 5px;
  font-family: "Poppins, sans-serif";
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  color: #2b2b2d;
}
.cr-service .cr-service-content a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.875;
  color: #777;
}
.cr-service .cr-service-content a:hover {
  color: #64b496;
}
.cr-service .cr-service-content .read {
  position: relative;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.875;
  color: #64b496;
}
.cr-service .cr-service-content .read::after {
  position: absolute;
  font-family: remixicon;
  content: "\ea6c";
  font-size: 16px;
  line-height: 1.2;
  top: 0;
  right: -20px;
}
.cr-service .cr-service-image {
  position: relative;
  overflow: hidden;
}
.cr-service .cr-service-image img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.cr-service .cr-service-image .cr-service-date {
  padding: 15px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  z-index: 2;
}
.cr-service .cr-service-image .cr-service-date span {
  font-family: "Manrope", sans-serif;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
  display: -ms-grid;
  display: grid;
  text-align: center;
}
.cr-service .cr-service-image .cr-service-date span code {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .cr-service .cr-service-content h5 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .section-service::before {
    width: 50px;
    height: 60px;
  }
  .section-service::after {
    width: 50px;
    height: 60px;
  }
  .cr-service .cr-service-content h5 {
    font-size: 15px;
  }
  .cr-service .cr-service-image .cr-service-date {
    bottom: 15px;
    right: 15px;
  }
  .cr-service .cr-service-image .cr-service-date span {
    font-size: 17px;
  }
  .cr-service .cr-service-image .cr-service-date span code {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cr-service .cr-service-content h5 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .cr-service .cr-service-content h5 {
    font-size: 18px;
  }
  .section-service:before, .section-service:after {
    display: none;
  }
}
*/

/*SLIDER*/
#carouselHome.carousel {
    max-height: 541px;
    width: 100%;

    & .carousel-indicators {
        bottom: 20px;
        gap: 20px;

        & li {
            position: relative;
            width: 15px;
            height: 15px;
            background-color: var(--variable-collection-couleurs-chocolat);
            border-radius: 7.5px;
            border-top: none;
            border-bottom: none;
            margin: 0;
            opacity: 1;

            &.active {
                background-color: var(--variable-collection-couleurs-cr-me);
            }
        }
    }

    & .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        max-height: 537px;

        & .carousel-item {
            max-height: 537px;

            & .carousel-caption {
                display: flex !important;
                justify-content: flex-start;
                align-items: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 120px 120px 120px 160px;
                color: #fff;
                text-align: left;
                width: 100%;
                height: 100%;
                max-width: 1440px;

                & .slider-wrap {
                    max-width: 497px;

                    & .btn-more {
                        flex-direction: column;
                        background-color: var(--variable-collection-couleurs-caramel);
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        position: relative;
                        padding: 20px 40px;
                        border-radius: 100px;
                        gap: 10px;
                        margin-top: 40px;
                        text-decoration: none;

                        &:hover {
                            background-color: var(--element-hover);
                        }
                    }
                }
            }
        }
    }

    & .carousel-control-prev,
    .carousel-control-next {
        opacity: 1;
        width: 10%;

        & .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml,%3csvg%20width%3d%2240%22%20height%3d%2240%22%20viewBox%3d%220%200%2040%2040%22%20fill%3d%22none%22%20xmlns%3d%22http%3a//www.w3.org/2000/svg%22%3e%3crect%20width%3d%2240%22%20height%3d%2240%22%20rx%3d%2220%22%20fill%3d%22%23F7F6F4%22/%3e%3cpath%20d%3d%22M22.75%2027.5L15.25%2020L22.75%2012.5%22%20stroke%3d%22%232B2827%22%20stroke-width%3d%222%22/%3e%3c/svg%3e");
            width: 40px;
            height: 40px;
        }

        & .carousel-control-next-icon {
            background-image: url("data:image/svg+xml,%3csvg%20width%3d%2240%22%20height%3d%2240%22%20viewBox%3d%220%200%2040%2040%22%20fill%3d%22none%22%20xmlns%3d%22http%3a//www.w3.org/2000/svg%22%3e%3crect%20width%3d%2240%22%20height%3d%2240%22%20rx%3d%2220%22%20fill%3d%22%23F7F6F4%22/%3e%3cpath%20d%3d%22M17.25%2012.5L24.75%2020L17.25%2027.5%22%20stroke%3d%22%232B2827%22%20stroke-width%3d%222%22/%3e%3c/svg%3e");
            width: 40px;
            height: 40px;
        }
    }
}

/*.slider-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  padding: 0px 60px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: var(--variable-collection-couleurs-caramel);
  max-height: 541px;

  & .inner-slider {
    gap: 60px;
    padding: 120px 0px 60px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 2;
    display: flex;
    align-items: center;
    position: relative;

    & .toggle-slider {
      position: relative;
      min-width: 40px;
      flex: 0 0 auto;
      min-height: 40px;
    }

    & .slider-content {
      justify-content: center;

      flex: 1;
      flex-grow: 1;
      display: flex;
      align-items: flex-start;
      position: relative;

      & .btn-more {
        flex-direction: column;
        padding: 20px 40px;
        background-color: var(--variable-collection-couleurs-caramel);
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
        flex: 0 0 auto;
      }

      & .block-text {
        max-width: 497px;
      }

      & .slider-wrap {
        width: 100%;
        max-width: 1277px;
        gap: 40px;
        justify-content: center;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
      }
    }
  }

  & .slider-img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    height: 541px;
  }
}*/

/*SERVICES*/
section.services {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    padding: 60px;
    background-color: var(--variable-collection-couleurs-gr-ge);

    & .block-arrow-mobile {
        display: none;
    }

    & .services-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        position: relative;
        flex: 1;
        align-self: stretch;
        width: 100%;
        max-width: 1277px;
        margin: 0px auto;
    }

    .content-text {
        & .content-title {
            flex-direction: row;
        }
    }
}

section.services .block-service {
    display: flex;
    flex-direction: column;
    /*height: 458px;*/
    align-items: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;

    & .service-image {
        position: relative;
        align-self: stretch;
        width: 100%;
        min-height: 240px;
        max-height: 240px;
        flex: 0 0 auto;
        background-color: var(--variable-collection-couleurs-gris);

        & img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
            height: auto;
        }
    }

    & .service-content {
        justify-content: space-between;
        padding: 30px;
        flex: 1;
        align-self: stretch;
        width: 100%;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-blanc);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        min-height: 210px;
    }
}

/* MISSION */
section.mission {
    display: flex;
    min-height: 480px;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    &:not(.contact-page) {
        background-color: var(--variable-collection-couleurs-chocolat);
    }

    &.contact-page {
        background-color: var(--variable-collection-couleurs-cr-me);
    }

    &.contact-box {
        background-color: #ffffff;
    }

    & .mission-texture {
        width: 50vw;
        height: 100%;
        top: 0;
        left: 0;
        mix-blend-mode: screen;
        position: absolute;
        z-index: 0;
        /*max-width: 638px;*/
    }

    & .mission-container {
        display: flex;

        &:not(.contact-container) {
            min-height: 640px;
        }

        align-items: center;
        justify-content: center;
        gap: 120px;
        padding: 0px 80px 0px 120px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        max-width: 1440px;

        & .mission-content {
            justify-content: center;
            gap: 40px;
            flex: 1;
            flex-grow: 1;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;

            & .block-text.text-wrap {
                font-weight: 700;

                & .text-style {
                    font-family: var(--h1-cabane-font-family);
                    font-size: var(--h1-cabane-font-size);
                    line-height: var(--h1-cabane-line-height);
                    font-style: var(--h1-cabane-font-style);
                    font-weight: var(--h1-cabane-font-weight);
                    letter-spacing: var(--h1-cabane-letter-spacing);
                }

                &.collection-couleurs-cendre {
                    color: var(--variable-collection-couleurs-cendre);
                    line-height: 100%;
                }
            }

            & .mission-text {
                position: relative;
                align-self: stretch;
                font-family: var(--body-text-font-family);
                font-weight: var(--body-text-font-weight);
                color: var(--variable-collection-couleurs-blanc);
                font-size: var(--body-text-font-size);
                letter-spacing: var(--body-text-letter-spacing);
                line-height: var(--body-text-line-height);
                font-style: var(--body-text-font-style);

                &.collection-couleurs-cendre {
                    color: var(--variable-collection-couleurs-cendre);

                    &.contact-add {
                        padding-left: 10px;
                        align-self: flex-start;
                        color: var(--variable-collection-couleurs-cendre) !important;

                        &:hover {
                            color: var(--variable-collection-couleurs-caramel);
                            text-decoration: none;
                        }
                    }
                }
            }
        }

        & .mission-images {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 60px 40px 60px 0px;
            position: relative;
            flex: 1;
            align-self: stretch;
            flex-grow: 1;
            z-index: 1;

            & .img-wrapper {
                overflow: hidden;
                position: relative;
                flex: 1;
                align-self: stretch;
                flex-grow: 1;
                border-radius: 10px;
                margin-right: 5px;
            }

            & .arrow-wrapper {
                position: absolute;
                bottom: 80px;
                right: 0px;
                display: flex;
                flex-direction: column;
                gap: 15px;

                & .arrow-left {
                    position: relative;
                    width: 40px;
                    height: 40px;
                }

                & .arrow-right {
                    position: relative;
                    width: 40px;
                    height: 40px;
                }
            }

            /*& .m-img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
      }*/
        }
    }
}

.mission-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mission-content {
    flex: 1;
}

.mission-image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.mission-images {
    width: 100%;
    max-width: 600px;
}

.mission-images .swiper-slide {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.cr-slider-mission .swiper-slide .col-lg-12 {
    padding-left: 0;
    padding-right: 5px;
}

.cr-slider-mission .m-img {
    width: 102%;
    height: auto;
    object-fit: cover;
}

.mission-controls {
    position: absolute;
    right: 0px;
    /* Ajustez selon la distance désirée de l'image */
    bottom: 15%;
    transform: translateY(-15%);
    display: flex;
    flex-direction: column;
    align-items: center;
    top: auto;
    z-index: 2;
}

.swiper-button-next.mission-button-next,
.swiper-button-prev.mission-button-prev {
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.swiper-button-next.mission-button-next {
    margin-top: -75px;
    right: 5px !important;
    left: auto;
}

.swiper-button-prev.mission-button-prev {
    display: block;
    left: auto !important;
    right: 5px !important;
}

/* PRODUCTS CAROUSEL */
section {

    &.produits-carousel,
    &.repas-carousel {
        /*display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 60px;
    position: relative;
    align-self: stretch;
    justify-content: space-between;
    flex: 0 0 auto;*/

        width: 100%;
        background-color: var(--variable-collection-couleurs-gr-ge);
        padding: 0px;

        & .repas-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: 30px;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
        }
    }

    & .section-title {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        line-height: 48px;
        font-weight: var(--h2-clean-font-weight);
        font-family: var(--h2-clean-font-family);
        font-style: var(--h2-clean-font-style);
        letter-spacing: var(--h2-clean-letter-spacing);
        line-height: var(--h2-clean-line-height);
        font-size: var(--h2-clean-font-size);
        margin-bottom: auto;

        & .special-text {
            font-family: var(--h2-cabane-font-family);
            font-size: var(--h2-cabane-font-size);
            line-height: var(--h2-cabane-line-height);
            font-style: var(--h2-cabane-font-style);
            font-weight: var(--h2-cabane-font-weight);
            letter-spacing: var(--h2-cabane-letter-spacing);
        }
    }

    .container.view-all {
        display: inline-flex;
        align-items: center;
        gap: 20px;
        padding: 30px 30px 0px 30px;
        position: relative;
        flex: 0 0 auto;

        & .boites-repas-link,
        & .gamme-produits-link {
            display: inline-block;
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: var(--boutons-font-family);
            font-weight: var(--boutons-font-weight);
            color: var(--variable-collection-couleurs-cendre);
            font-size: var(--boutons-font-size);
            letter-spacing: var(--boutons-letter-spacing);
            line-height: var(--boutons-line-height);
            white-space: nowrap;
            font-style: var(--boutons-font-style);
            cursor: pointer;

            &:hover span {
                color: var(--variable-collection-couleurs-caramel);
            }

            & span {
                height: 16px;
                display: inline-block;
                vertical-align: middle;
                padding-right: 20px;
            }
        }

        & .arrow {
            position: relative;
            width: 21px;
            height: 16px;
            margin-right: -1.06px;
            vertical-align: middle;
        }
    }
}

/* Product card 2 */
.cr-product-item {
    margin-bottom: 24px;

    &:hover {
        .cr-pro-image {
            .hover-image {
                opacity: 1;
            }
        }
    }

    .cr-product-inner {
        overflow: hidden;
        background-color: var(--variable-collection-couleurs-blanc);
        border-radius: 10px;

        &:hover {
            .cr-pro-actions {
                bottom: 15px;
                opacity: 1;
            }
        }

        .cr-pro-actions {
            width: calc(100% - 24px);
            display: flex;
            justify-content: center;
            position: absolute;
            left: auto;
            right: auto;
            bottom: -30px;
            opacity: 0;

            a {
                width: 30px;
                height: 30px;
                margin: 0 1px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
                color: #123456;
                border-radius: 5px;
                border: 1px solid #eee;

                &:hover {
                    background-color: #123456;

                    i {
                        color: #fff;
                    }
                }

                i {
                    font-size: 14px;
                }
            }

            .cr-shopping-bag.active {
                background-color: #123456;
            }

            .wishlist.active {
                background-color: #123456;
            }
        }

        & .block-arrow {
            position: relative;
            width: 35px;
            height: 35px;
            margin-right: -1.06px;
            display: block;
        }
    }

    .cr-pro-image {
        position: relative;
        overflow: hidden;

        a {
            position: relative;
            height: 240px;
            background-color: var(--variable-collection-couleurs-gris);
            display: inline-block;
            width: 100%;
        }

        img {
            width: 100%;
            border-radius: 10px;
        }

        .main-image {
            border: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 100%;
            height: auto;
        }

        .hover-image {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .flags {
            position: absolute;
            z-index: 8;
            top: 12px;
            right: auto;
            left: 12px;
            display: flex;
            flex-direction: column;

            span {
                margin-bottom: 3px;
                font-size: 11px;
                font-weight: 600;
                line-height: 20px;
                padding: 0 8px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffffff;
                letter-spacing: 1px;
            }

            .sale {
                display: flex;
                background-color: #64b496;
            }

            .new {
                display: flex;
                background-color: #ff5b5b;
            }

            .trending {
                display: flex;
                background-color: #7d76ff;
            }
        }
    }

    .cr-pro-content {
        padding: 30px;
        min-height: 163px;

        .cr-info {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            height: 38px;

            a {
                color: var(--variable-collection-couleurs-caramel);
                font-size: 14px;
            }
        }

        .cr-pro-title {
            margin-bottom: 0px;

            a {
                text-decoration: none;
                display: block;
                position: relative;
                font-family: var(--h5-font-family);
                font-weight: var(--h5-font-weight);
                color: #000000;
                font-size: var(--h5-font-size);
                letter-spacing: var(--h5-letter-spacing);
                line-height: var(--h5-line-height);
                font-style: var(--h5-font-style);
                text-transform: uppercase;

                /*font-family: $font-family-Poppins;*/
                &:hover {
                    color: var(--variable-collection-couleurs-caramel);
                }
            }
        }

        .cr-pro-rating {
            display: flex;

            i {
                margin-left: 2px;
                color: #bbb;
                font-size: 14px;
            }

            i.fill {
                color: #fd575d;
            }
        }

        .cr-desc .service-text {
            position: relative;
            align-self: stretch;
            font-family: var(--body-text-font-family);
            font-weight: var(--body-text-font-weight);
            color: #000000;
            font-size: var(--body-text-font-size);
            letter-spacing: var(--body-text-letter-spacing);
            line-height: var(--body-text-line-height);
            font-style: var(--body-text-font-style);
        }

        .cr-price {
            margin-bottom: 0px;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: left;
            color: #000000;
            line-height: 16px;

            span.old-price {
                font-size: 13px;
                margin-left: 10px;
                text-decoration: line-through;
                color: #123456;
            }

            span.new-price {
                font-family: var(--h5-font-family);
                font-weight: var(--h5-font-weight);
                color: #000000;
                font-size: var(--h5-font-size);
                letter-spacing: var(--h5-letter-spacing);
                line-height: var(--h5-line-height);
                font-style: var(--h5-font-style);
            }
        }

        .cr-pro-option {
            width: 100%;
            margin-top: 25px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;

            &:hover {
                opacity: 1;
            }

            .cr-pro-color {
                ul {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: row;

                    li {
                        width: 24px;
                        height: 24px;
                        padding: 1px;
                        margin-right: 5px;
                        display: flex;
                        cursor: pointer;
                        opacity: 0.8;
                        border: 1px solid transparent;
                        border-radius: 50px;

                        a {

                            span,
                            img {
                                pointer-events: none;
                                width: 20px;
                                height: 20px;
                                display: block;
                                cursor: pointer;
                                border-radius: 50px;
                            }
                        }

                        &:hover {
                            border: 1px solid #757575;
                        }
                    }

                    li.active {
                        border: 1px solid #757575;
                    }
                }
            }

            .cr-pro-size {
                .cr-opt-size {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: row;

                    li {
                        height: 24px;
                        margin-right: 5px;
                        padding: 1px;
                        display: flex;
                        cursor: pointer;
                        opacity: 0.8;
                        list-style: none;
                        border: 1px solid transparent;
                        border-radius: 50px;

                        a {
                            min-width: 20px;
                            height: 20px;
                            padding: 3px 5px;
                            pointer-events: none;
                            cursor: pointer;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 12px;
                            line-height: 24px;
                            background-color: #e7e7e7;
                            color: #777777;
                            font-weight: 400;
                            border-radius: 50px;
                        }

                        &:hover {
                            border: 1px solid #000;
                        }
                    }

                    li.active {
                        border: 1px solid #000;

                        a {
                            background-color: #000;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

.section-product {
    opacity: 1 !important;
    transition-property: none !important;
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    padding: 60px;

    &:not(.section-article),
    &:not(.section-cart),
    &.section-breadcrumb,
    &:not(.section-checkout),
    &:not(.breadcrumb-confirm),
    &:not(.section-faq) {
        background-color: var(--variable-collection-couleurs-gr-ge);
    }

    &.section-article,
    &.section-cart,
    &.section-checkout,
    &.breadcrumb-confirm,
    &.section-faq {
        background-color: #ffffff;
        padding-bottom: 0;
    }

    &.section-reservation {
        background-color: #ffffff;
        padding-bottom: 60px;
    }

    &.section-cart {
        padding-bottom: 63px;
        padding-top: 32px;
    }

    & .title-2 .cr-banner {
        text-align: left;
    }

    &.section-repas {
        padding: 60px 40px 0px 40px;
    }

    & .container {
        width: 100%;
        margin: 0px auto;
        max-width: 1277px;

        & .title-2 .cr-banner h2 {
            margin: auto;
            text-align: left;
            font-size: var(--h2-clean-font-size);
            color: var(--variable-collection-couleurs-cendre);
        }

        & .col-lg-12 {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    & .mb-30 {
        margin-bottom: 35px;
    }

    .owl-carousel.new-product-slider {
        &:hover {
            .owl-nav {
                opacity: 1;
            }
        }

        .owl-nav {
            opacity: 0;

            button {
                position: absolute;
                height: 40px;
                width: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border: 1px solid #eee;
                border-radius: 50%;
                opacity: 1;
                margin-top: auto;
                margin-bottom: auto;
                top: calc(50% - 15px);
                transform: translateY(-50%);
                cursor: pointer;

                i {
                    color: #123456;
                    font-size: 20px;
                }
            }

            .disabled {
                i {
                    color: #123456;
                }
            }

            .owl-prev {
                left: -18px;
            }

            .owl-next {
                right: -18px;
            }
        }
    }
}

/*****************************/
/** SECTION GALERIE PHOTOS ***/
/*****************************/

section.section-galerie-photo {
    display: flex;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-caramel);

    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 60px 40px 60px 40px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-caramel);
        width: 100%;
        margin: 0px auto;
        max-width: none;
    }

    .galerie-wrapper {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 20px 20px;
        z-index: 1;
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        width: 100%;
        margin: 0px auto;
        max-width: 1277px;
    }

    .item-v {
        height: 480px;
        background-color: var(--variable-collection-couleurs-blanc);
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .accueil-cabane .col-image-10 {
        position: relative;
        flex: 1;
        align-self: stretch;
        min-width: 380px;
        width: 100%;
        min-height: 240px;
        flex-grow: 1;
        margin-left: -46px;
        margin-right: -46px;
        background-color: var(--variable-collection-couleurs-gris);
    }

    .item-h {
        height: 360px;
        background-color: var(--variable-collection-couleurs-blanc);
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .item-h img,
    .item-v img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        overflow: hidden;
    }

    .img {
        position: relative;
        flex: 1;
        align-self: stretch;
        min-width: 380px;
        width: 100%;
        min-height: 240px;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-gris);
    }

    .items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .galerie-photo-link {
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 0;
        width: 100%;
        margin: 0px auto;
        max-width: 1277px;
        cursor: pointer;
        text-decoration: none;

        span {
            height: 16px;
            display: inline-block;
            vertical-align: middle;
        }

        &:hover span {
            color: var(--element-hover);
        }
    }

    .arrow-white {
        position: relative;
        width: 21.06px;
        height: 16.06px;
    }

    /* Lightbox Overlay Styles */
    .lightbox-overlay {
        display: none;
        position: fixed;
        z-index: 1000;
        padding-top: 60px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .lightbox-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
    }

    .lightbox-overlay .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }

    .lightbox-overlay .close:hover,
    .lightbox-overlay .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

    .lightbox-overlay #caption {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        text-align: center;
        color: #ccc;
        padding: 10px 0;
        height: 150px;
    }
}

/* Responsive */
@media only screen and (max-width: 1199px) {
    .d-n-1199 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .d-n-1199 {
        display: block;
    }

 
}


/* CAROUSEL SUR 2 ETAGE  */

.carou-img-section {
    width: 100%;
    padding: 60px;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.carou-img-container {
    max-width: 1277px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carou-img-btn {
    background-color: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    z-index: 10;
}

.carou-img-track-wrapper {
    overflow: hidden;
    width: 100%;
}

.carou-img-track {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    transition: transform 0.5s ease;
}

.carou-img-item {
    flex: 0 0 calc(33.333% - 20px);
    height: 520px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.carou-img-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.carou-img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1300px) {
    .carou-img-item {
        flex: 0 0 calc(50% - 15px);
        /* Passe à 2 par ligne plus tôt */
    }
}

@media (max-width: 768px) {
    .carou-img-section {
        padding: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .carou-img-track {
        flex-wrap: nowrap;
    }

    .carou-img-item {
        flex: 0 0 100%;
    }
}

/* Lightbox styles */
.carou-img-lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.carou-img-lightbox-img {
    display: block;
    margin: 5% auto;
    max-width: 90%;
    max-height: 80vh;
}

.carou-img-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
}

/* fin carousel sur deux etage */





/* SECTION EVENEMENTS */


.section-article .banner-slider .thumbnail-image .thumbImg img {
    cursor: pointer;
}

section.events {
    display: flex;
    flex-direction: column;
    min-height: 480px;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    & .container {
        align-items: center;
        justify-content: center;
        gap: 120px;
        padding: 120px 60px 0px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 6;
        display: flex;
        position: relative;
        max-width: 1277px;

        &.content-event {
            padding-top: 0px;
            padding-bottom: 60px;
        }
    }

    & .col-events {
        display: flex;
        min-height: 400px;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        z-index: 1;
    }

    & .date-event {
        display: flex;
        flex-direction: column;
        max-width: 120px;
        width: 120px;
        max-height: 120px;
        height: 120px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 80px;
        left: -60px;
        z-index: 1;
        background-color: var(--variable-collection-couleurs-caramel);
        border-radius: 10px;
        overflow: hidden;
    }

    & .event-container {
        z-index: 0;
        background-color: var(--variable-collection-couleurs-gris);
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        border-radius: 10px;
    }

    & .text-wrapper {
        width: fit-content;
        font-weight: var(--h3-font-weight);
        color: #ffffff;
        font-size: var(--h3-font-size);
        letter-spacing: var(--h3-letter-spacing);
        line-height: var(--h3-line-height);
        white-space: nowrap;
        position: relative;
        font-family: var(--h3-font-family);
        font-style: var(--h3-font-style);
    }

    & .currentMonth {
        width: fit-content;
        font-weight: var(--h4-font-weight);
        color: var(--variable-collection-couleurs-blanc);
        font-size: var(--h4-font-size);
        letter-spacing: var(--h4-letter-spacing);
        line-height: var(--h4-line-height);
        white-space: nowrap;
        position: relative;
        font-family: var(--h4-font-family);
        text-align: center;
        font-style: var(--h4-font-style);
    }

    & .event-contain {
        justify-content: center;
        gap: 30px;
        flex: 1;
        flex-grow: 1;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    & .text-event {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        white-space: nowrap;
        font-style: var(--h5-font-style);
    }

    & .titre {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        display: flex;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    & .current-event {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: "Raleway", Helvetica;
        font-weight: 400;
        color: var(--variable-collection-couleurs-cendre);
        font-size: 50px;
        letter-spacing: 0;
        line-height: 60px;

        &.text-wrap {
            font-weight: var(--h1-clean-font-weight);
            font-family: var(--h1-clean-font-family);
            font-style: var(--h1-clean-font-style);
            letter-spacing: var(--h1-clean-letter-spacing);
            line-height: var(--h1-clean-line-height);
            font-size: var(--h1-clean-font-size);
        }

        & span.text-style {
            font-family: var(--h1-cabane-font-family);
            font-size: var(--h1-cabane-font-size);
            line-height: var(--h1-cabane-line-height);
            font-style: var(--h1-cabane-font-style);
            font-weight: var(--h1-cabane-font-weight);
            letter-spacing: var(--h1-cabane-letter-spacing);
        }
    }

    & .element-current {
        opacity: 0.5;
        font-weight: var(--h5-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        position: relative;
        align-self: stretch;
        font-family: var(--h5-font-family);
        font-style: var(--h5-font-style);
    }

    & .event-description {
        position: relative;
        align-self: stretch;
        font-family: var(--body-text-font-family);
        font-weight: var(--body-text-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--body-text-font-size);
        letter-spacing: var(--body-text-letter-spacing);
        line-height: var(--body-text-line-height);
        font-style: var(--body-text-font-style);
    }

    & .book-now {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 20px 40px;
        position: relative;
        flex: 0 0 auto;
        background-color: var(--variable-collection-couleurs-cr-me);
        border-radius: 100px;

        &:hover {
            background-color: var(--variable-collection-couleurs-caramel);
            border: none;
            text-decoration: none;

            & .txt-wrapper {
                color: #fff;
            }
        }

        & .txt-wrapper {
            color: var(--variable-collection-couleurs-cendre);
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: var(--boutons-font-family);
            font-weight: var(--boutons-font-weight);
            font-size: var(--boutons-font-size);
            letter-spacing: var(--boutons-letter-spacing);
            line-height: var(--boutons-line-height);
            white-space: nowrap;
            font-style: var(--boutons-font-style);
        }
    }

    .event-img {
        position: relative;
        flex: 1;
        max-width: 240px;
        flex-grow: 1;
        min-height: 180px;
        max-height: 180px;
        background-color: var(--variable-collection-couleurs-gris);
        border-radius: 10px;
    }

    .accueil-cabane .divider-3 {
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 5;
    }

    .accueil-cabane .container-19 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 80px;
        padding: 0px 60px 60px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 4;
    }

    .accueil-cabane .card-event-4 {
        justify-content: center;
        gap: 20px;
        display: flex;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 10px;
        overflow: hidden;
    }

    .accueil-cabane .col-contenu-11 {
        gap: 10px;
        flex: 1;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .accueil-cabane .titre-de-l-v-nement-3 {
        width: fit-content;
        margin-right: -16px;
        white-space: nowrap;
        position: relative;
        margin-top: -1px;
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: #000000;
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        font-style: var(--h5-font-style);
    }

    .accueil-cabane .col-contenu-12 {
        gap: 10px;
        flex: 1;
        flex-grow: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .accueil-cabane .btn-main-4 {
        padding: 5px 0px;
        margin-right: -18px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: var(--variable-collection-couleurs-cendre);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
        flex: 0 0 auto;
    }

    .accueil-cabane .arrow-6 {
        position: relative;
        width: 12px;
        height: 9.9px;
        margin-top: -4988.95px;
        margin-left: -4653px;
    }

    .accueil-cabane .arrow-7 {
        position: relative;
        width: 12px;
        height: 9.9px;
        margin-top: -5208.95px;
        margin-left: -4653px;
    }

    .accueil-cabane .arrow-8 {
        position: relative;
        width: 12px;
        height: 9.9px;
        margin-top: -5428.95px;
        margin-left: -4653px;
    }

    .accueil-cabane .col-calendrier-wrapper {
        display: flex;
        align-items: flex-start;
        gap: 80px;
        padding: 0px 60px 40px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 3;
    }

    .accueil-cabane .col-calendrier-2 {
        display: flex;
        flex-direction: column;
        max-width: 540px;
        align-items: flex-start;
        gap: 40px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .accueil-cabane .container-20 {
        display: flex;
        align-items: center;
        gap: 80px;
        padding: 0px 120px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 2;
    }

    .accueil-cabane .container-21 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 60px;
        padding: 120px 60px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 1;
    }

    .accueil-cabane .col-image-13 {
        display: flex;
        min-height: 675px;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .accueil-cabane .play-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background-color: var(--variable-collection-couleurs-gris);
        overflow: hidden;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        border-radius: 10px;
    }

    .accueil-cabane .polygon-wrapper {
        position: relative;
        width: 200px;
        height: 200px;
        background-color: var(--variable-collection-couleurs-terre);
        border-radius: 100px;
    }

    .accueil-cabane .polygon-2 {
        position: absolute;
        width: 55px;
        height: 63px;
        top: 69px;
        left: 80px;
    }

    .accueil-cabane .wood-texture-3 {
        width: 3200px;
        height: 3193px;
        top: -4157px;
        left: -3007px;
        position: absolute;
        z-index: 0;
    }

    .accueil-cabane .container-22 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        padding: 120px 60px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-gr-ge);
    }

    .accueil-cabane .container-23 {
        display: flex;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        z-index: 1;
    }

    .accueil-cabane .inner-container-3 {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 20px;
        flex: 1;
        flex-grow: 1;
        display: flex;
        align-items: center;
        position: relative;
    }

    .accueil-cabane .authot-starts-wrapper {
        display: flex;
        flex-direction: column;
        min-width: 590px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 20px 26px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: #ffffff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: var(--element-hover);
    }

    .accueil-cabane .toggle-6 {
        position: absolute;
        width: 20px;
        height: 40px;
        top: 150px;
        left: -60px;
    }

    .accueil-cabane .toggle-7 {
        position: absolute;
        width: 40px;
        height: 40px;
        top: -6986px;
        left: -2907px;
    }

    .accueil-cabane .container-24 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        padding: 60px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-cendre);
    }
}

section.events-divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    & .container {
        display: flex;
        max-width: 1277px;
        padding: 60px 0px 60px 0px;

        & .divider-event {
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            z-index: 5;
        }
    }
}

body.boutique section.events-divider {
    margin-top: 50px;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

body.boutique section.events-list {
    background-color: var(--variable-collection-couleurs-gr-ge);
}

/* EVENTS LIST */

section.events-list {
    & .container-list {
        gap: 120px;
        padding: 0px 60px 60px;
        align-self: stretch;
        flex: 0 0 auto;
        z-index: 6;
        display: flex;
        position: relative;
        max-width: 1277px;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    & .events-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    & .events-title {
        display: flex;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;

        & span {
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: var(--h4-font-family);
            font-weight: var(--h4-font-weight);
            color: var(--variable-collection-couleurs-cendre);
            font-size: var(--h4-font-size);
            letter-spacing: var(--h4-letter-spacing);
            line-height: var(--h4-line-height);
            white-space: nowrap;
            font-style: var(--h4-font-style);
        }

        /*&.slider {
      display: block;
    }*/
    }

    & .events-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;

        & .flex-events {
            flex-direction: column;
            gap: 40px;
            align-self: stretch;
            width: 100%;
            display: flex;
            align-items: center;
            position: relative;
            flex: 0 0 auto;

            & .item-event {
                justify-content: center;
                gap: 20px;
                display: flex;
                align-items: center;
                position: relative;
                align-self: stretch;
                width: 100%;
                flex: 0 0 auto;
                border-radius: 10px;
                overflow: hidden;

                & .img-event {
                    position: relative;
                    flex: 1;
                    max-width: 240px;
                    flex-grow: 1;
                    min-height: 180px;
                    max-height: 180px;
                    background-color: var(--variable-collection-couleurs-gris);
                    border-radius: 10px;
                }

                & .content-event {
                    gap: 10px;
                    flex: 1;
                    flex-grow: 1;
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    position: relative;

                    & .event-title {
                        display: flex;
                        align-items: flex-start;
                        position: relative;
                        align-self: stretch;
                        width: 100%;
                        flex: 0 0 auto;
                        text-transform: uppercase;

                        & .titre-de-l-v-nement {
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: var(--h5-font-family);
                            font-weight: var(--h5-font-weight);
                            color: #000000;
                            font-size: var(--h5-font-size);
                            letter-spacing: var(--h5-letter-spacing);
                            line-height: var(--h5-line-height);
                            white-space: nowrap;
                            font-style: var(--h5-font-style);
                        }

                        & .event-date {
                            position: relative;
                            width: fit-content;
                            margin-top: -1px;
                            font-family: var(--menu-item-font-family);
                            font-weight: var(--menu-item-font-weight);
                            color: #000000;
                            font-size: var(--menu-item-font-size);
                            letter-spacing: var(--menu-item-letter-spacing);
                            line-height: var(--menu-item-line-height);
                            white-space: nowrap;
                            font-style: var(--menu-item-font-style);
                        }
                    }

                    & .description {
                        display: flex;
                        align-items: flex-start;
                        padding: 10px 0px;
                        position: relative;
                        align-self: stretch;
                        width: 100%;
                        flex: 0 0 auto;

                        & .event-descr {
                            position: relative;
                            flex: 1;
                            margin-top: -1px;
                            font-family: var(--body-text-font-family);
                            font-weight: var(--body-text-font-weight);
                            color: #000000;
                            font-size: var(--body-text-font-size);
                            letter-spacing: var(--body-text-letter-spacing);
                            line-height: var(--body-text-line-height);
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            font-style: var(--body-text-font-style);
                        }
                    }
                }
            }
        }
    }

    & .btn-main {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 5px 0px;
        position: relative;
        flex: 0 0 auto;
        border: none;

        & .book-now .txt-wrapper {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-color: var(--variable-collection-couleurs-cendre);
        }

        & .event-arrow {
            position: relative;
            width: 12.61px;
            height: 10.61px;
            margin-right: -0.61px;
        }

        & .book-now:hover {
            text-decoration: none;

            & .txt-wrapper {
                color: var(--variable-collection-couleurs-caramel);
            }
        }
    }

    & .card-event-4 {
        justify-content: center;
        gap: 20px;
        display: flex;
        align-items: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 10px;
        overflow: hidden;
    }
}

/* CALENDRIER */
section.calendrier {
    display: flex;
    flex-direction: column;
    min-height: 480px;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;

    & .container {
        gap: 120px;
        padding: 0px 60px 100px;
        align-self: stretch;
        flex: 0 0 auto;
        z-index: 6;
        display: flex;
        position: relative;
        max-width: 1277px;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;

        & .col-calendrier {
            max-width: 540px;
            gap: 40px;
            flex: 1;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;
            left: 0;
        }

        & .calendar-title {
            align-items: center;
            display: flex;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
        }

        & .calendrier-des-v {
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: var(--h4-font-family);
            font-weight: var(--h4-font-weight);
            color: var(--variable-collection-couleurs-cendre);
            font-size: var(--h4-font-size);
            letter-spacing: var(--h4-letter-spacing);
            line-height: var(--h4-line-height);
            white-space: nowrap;
            font-style: var(--h4-font-style);
        }

        & .flexbox-wrapper {
            flex-direction: column;
            align-items: flex-start;
            gap: 40px;
            display: flex;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            height: auto;
        }

        & .bloc-calendar {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            gap: normal;
        }

        .table-cells {
            align-items: center;
            display: flex;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
        }

        & .card-event {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            background-color: var(--variable-collection-couleurs-blanc);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 4px 4px 20px #1815151a;
        }

        & .col-contenu {
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            background-color: var(--variable-collection-couleurs-blanc);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;
        }

        & .calendar {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            padding: 20px;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            background-color: #ffffff;
            border-radius: 16px;
        }

        & .header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            background-color: transparent;
            border-bottom: none;
        }

        & .mounth-years {
            position: relative;
            width: fit-content;
            font-family: var(--h4-font-family);
            font-weight: var(--h4-font-weight);
            color: #000000;
            font-size: var(--h4-font-size);
            letter-spacing: var(--h4-letter-spacing);
            line-height: var(--h4-line-height);
            white-space: nowrap;
            font-style: var(--h4-font-style);
        }

        & .toggle {
            position: relative;
            flex: 0 0 auto;
        }

        & .cell {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .text-wrapper {
            position: relative;
            width: 30px;
            height: 24px;
            margin-top: -1px;
            font-family: var(--legal-text-font-family);
            font-weight: var(--legal-text-font-weight);
            color: #000000;
            font-size: var(--legal-text-font-size);
            text-align: center;
            letter-spacing: var(--legal-text-letter-spacing);
            line-height: var(--legal-text-line-height);
            font-style: var(--legal-text-font-style);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        & .div-wrapper {
            margin-left: -1px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .row {
            margin-top: -1px;
            display: flex;
            align-items: center;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            margin-left: 0px;
            margin-right: 0px;
        }

        & .cell-2 {
            border: 1px solid;
            border-color: var(--variable-collection-couleurs-gris);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .cell-3 {
            margin-left: -1px;
            border: 1px solid;
            border-color: var(--variable-collection-couleurs-gris);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .cell-4 {
            margin-left: -1px;
            background-color: var(--variable-collection-couleurs-caramel);
            border: 1px solid;
            border-color: var(--variable-collection-couleurs-gris);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .current-day {
            color: #ffffff;
            position: relative;
            width: 30px;
            height: 24px;
            margin-top: -1px;
            font-family: var(--legal-text-font-family);
            font-weight: var(--legal-text-font-weight);
            font-size: var(--legal-text-font-size);
            text-align: center;
            letter-spacing: var(--legal-text-letter-spacing);
            line-height: var(--legal-text-line-height);
            font-style: var(--legal-text-font-style);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        & .cell-5 {
            margin-left: -1px;
            background-color: var(--variable-collection-couleurs-cr-me);
            border: 1px solid;
            border-color: var(--variable-collection-couleurs-gris);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .text-wrapper-3 {
            color: #a7a7a7;
            position: relative;
            width: 30px;
            height: 24px;
            margin-top: -1px;
            font-family: var(--legal-text-font-family);
            font-weight: var(--legal-text-font-weight);
            font-size: var(--legal-text-font-size);
            text-align: center;
            letter-spacing: var(--legal-text-letter-spacing);
            line-height: var(--legal-text-line-height);
            font-style: var(--legal-text-font-style);
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    & .link-all-events {
        height: 17px;
        display: inline-block;
        position: relative;
        width: auto;
        margin-top: 40px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;

        & .tous {
            font-family: var(--boutons-font-family);
            font-weight: var(--boutons-font-weight);
            color: var(--variable-collection-couleurs-cendre);
            font-size: var(--boutons-font-size);
            letter-spacing: var(--boutons-letter-spacing);
            line-height: var(--boutons-line-height);
            white-space: nowrap;
            font-style: var(--boutons-font-style);
            display: inline;
        }

        &:hover {
            text-decoration: none;

            & .tous {
                color: var(--variable-collection-couleurs-caramel);
            }
        }

        img {
            padding-left: 15px;
            display: inline-block;
            position: absolute;
        }
    }
}

/* SECTION VIDEO */

.container-video {
    gap: 120px;
    padding: 0px 60px 100px;
    align-self: stretch;
    flex: 0 0 auto;
    z-index: 6;
    display: flex;
    position: relative;
    max-width: 1277px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;

    & .col-image {
        display: flex;
        max-height: 675px;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 1;
        flex-grow: 1;

        & video {
            width: 100%;
            max-width: 1157px;
            background-color: var(--variable-collection-couleurs-gris);
            border-radius: 10px;
            overflow: hidden;
        }
    }

    & .image-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        background-color: var(--variable-collection-couleurs-gris);
        border-radius: 10px;
        overflow: hidden;
    }

    & .play {
        position: relative;
        width: 200px;
        height: 200px;
        background-color: var(--variable-collection-couleurs-terre);
        border-radius: 100px;
    }

    & .polygon {
        position: absolute;
        width: 55px;
        height: 63px;
        top: 69px;
        left: 80px;
    }
}

/* SECTION GOOGLE AVIS */

section.google-stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    padding: 100px 60px 100px 60px;
    background-color: var(--variable-collection-couleurs-gr-ge);

    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0px auto;
        max-width: 1277px;
        padding: 0px 60px 0px 60px;
        align-self: stretch;
        flex: 0 0 auto;
        gap: 40px;
        position: relative;
        background-color: var(--variable-collection-couleurs-gr-ge);

        & .voyez-ce-que-nos-wrapper {
            display: flex;
            align-items: center;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            z-index: 1;
        }

        & .voyez-ce-que-nos {
            position: relative;
            width: fit-content;
            margin-top: -1px;
            font-family: "Raleway-Bold", Helvetica;
            font-weight: 400;
            color: var(--variable-collection-couleurs-cendre);
            font-size: 40px;
            letter-spacing: 0;
            line-height: 48px;
        }

        &.text-wrapper {
            font-weight: var(--h2-clean-font-weight);
            font-family: var(--h2-clean-font-family);
            font-style: var(--h2-clean-font-style);
            letter-spacing: var(--h2-clean-letter-spacing);
            line-height: var(--h2-clean-line-height);
            font-size: var(--h2-clean-font-size);
            color: var(--variable-collection-couleurs-cendre);
        }

        & .span {
            font-family: var(--h2-cabane-font-family);
            font-size: var(--h2-cabane-font-size);
            line-height: var(--h2-cabane-line-height);
            font-style: var(--h2-cabane-font-style);
            font-weight: var(--h2-cabane-font-weight);
            letter-spacing: var(--h2-cabane-letter-spacing);
        }

        & .flexbox {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 40px;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            z-index: 0;
        }

        & .inner-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px 20px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .review-card {
            display: flex;
            flex-direction: column;
            min-width: 500px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 20px 26px;
            position: relative;
            flex: 0 0 auto;
            background-color: #ffffff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: var(--element-hover);
        }

        & .authot-starts {
            display: flex;
            align-items: flex-start;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
        }

        & .div {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .avatar-google img {
            position: relative;
            width: 40px;
            height: 40px;
            /*background-image: url(./img/google-3.png);
      background-size: 100% 100%;*/
        }

        & .authot-starts-2 {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 6px;
            position: relative;
            flex: 1;
            flex-grow: 1;
        }

        & .authot-starts-3 {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            position: relative;
            flex: 0 0 auto;
        }

        & .author-google {
            width: 100%;
            display: flex;
            align-items: center;
        }

        & .name {
            position: relative;
            top: -1px;
            left: 0;
            font-family: "Roboto-Regular", Helvetica;
            font-weight: 400;
            color: #000000de;
            font-size: 15px;
            letter-spacing: 0.2px;
            line-height: 17px;
            white-space: nowrap;
        }

        & .stars-google {
            position: relative;
            width: 100%;
            height: 14px;
        }

        & .star-active-google {
            left: 0;
            position: absolute;
            width: 14px;
            height: 14px;
            top: -1px;
        }

        & .img {
            left: 16px;
            position: absolute;
            width: 14px;
            height: 14px;
            top: -1px;
        }

        & .star-active-google-2 {
            left: 32px;
            position: absolute;
            width: 14px;
            height: 14px;
            top: -1px;
        }

        & .star-active-google-3 {
            left: 48px;
            position: absolute;
            width: 14px;
            height: 14px;
            top: -1px;
        }

        & .star-inactive-google {
            position: absolute;
            width: 14px;
            height: 14px;
            top: -1px;
            left: 64px;
        }

        & .date-google {
            position: relative;
            width: 70px;
            height: 19px;
        }

        & .date {
            position: absolute;
            top: -1px;
            left: 0;
            font-family: "Roboto-Regular", Helvetica;
            font-weight: 400;
            color: #0000008a;
            font-size: 14px;
            letter-spacing: 0.2px;
            line-height: 19px;
            white-space: nowrap;
        }

        & .comment {
            position: relative;
            align-self: stretch;
            font-family: "Proxima Nova-Regular", Helvetica;
            font-weight: 400;
            color: #2a363d;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 24px;
        }

        & .logo-google {
            position: relative;
            width: 24px;
            height: 24px;
        }

        .author-google img {
            position: relative;
            width: 40px;
            height: 40px;
        }

        & .avatar-google-2 {
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url(./img/google.png);
            background-size: 100% 100%;
        }

        & .avatar-google-3 {
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url(./img/image.png);
            background-size: 100% 100%;
        }

        & .avatar-google-4 {
            position: relative;
            width: 40px;
            height: 40px;
            background-image: url(./img/google-2.png);
            background-size: 100% 100%;
        }

        & .toggle {
            width: 40px;
            left: -5%;
            position: absolute;
            height: 40px;
            top: 150px;
        }

        & .toggle-2 {
            width: 40px;
            right: -5%;
            position: absolute;
            height: 40px;
            top: 150px;
            left: auto;
        }
    }
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

/* SECTION ERREUR 404 */
.oups-error {
    img {
        /*max-width: 500px;*/
        max-width: 100%;
    }
}

main.error-content {
    & .not-found-help {
        color: var(--variable-collection-couleurs-caramel);
        font-weight: 600;
        /*&:hover {
      text-decoration: none;
    }*/
    }

    & section.mission {
        & .mission-container {
            gap: 25px;
        }
    }

    & .bandeau-contact .error-slider {
        .position-relative {
            position: relative;
        }

        .centered-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            /* Blanc pour contraster avec l'image */
            text-align: center;
            font-family: var(--h1-clean-font-family);
        }

        .centered-text h1 {
            font-weight: 400;
            width: 100%;
            font-size: 56px;
            font-family: var(--h1-clean-font-family);
            text-shadow: 2px -2px 3px rgb(255 255 255);

            & .special-text {
                font-size: 200%;
                text-shadow: 7px 2px 5px rgb(255 255 255);
            }
        }

        .centered-text p {
            font-size: 24px;
            margin-top: 10px;
            font-weight: 500;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
        }
    }
}

/* SECTION PARTENAIRES */

section.partenaires {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-cendre);

    & .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        margin: 0px auto;
        max-width: 1277px;
        padding: 60px;
        align-self: stretch;
        flex: 0 0 auto;
        gap: 40px;
        position: relative;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: var(--variable-collection-couleurs-blanc);

        & .text-wrapper {
            display: flex;
            align-items: center;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            z-index: 1;

            & .nos-partenaires {
                position: relative;
                width: fit-content;
                margin-top: -1px;
                font-family: "Raleway", Helvetica;
                font-weight: 400;
                color: var(--variable-collection-couleurs-blanc);
                font-size: 40px;
                text-align: left;
                letter-spacing: 0;
                line-height: 48px;

                & .special-text {
                    font-family: var(--h2-cabane-font-family);
                    font-size: var(--h2-cabane-font-size);
                    line-height: var(--h2-cabane-line-height);
                    font-style: var(--h2-cabane-font-style);
                    font-weight: var(--h2-cabane-font-weight);
                    letter-spacing: var(--h2-cabane-letter-spacing);
                }
            }
        }

        & .nos-partenaires-slider {
            & .cr-product-item {
                .cr-product-inner {
                    background-color: transparent;

                    & .infos {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 0px 10px;
                        position: relative;
                        align-self: stretch;
                        width: 100%;
                        flex: 0 0 auto;
                        padding-top: 20px;

                        .text-wrapper {
                            position: relative;
                            flex: 1;
                            margin-top: -1px;
                            font-family: var(--h5-font-family);
                            font-weight: var(--h5-font-weight);
                            color: var(--variable-collection-couleurs-blanc);
                            font-size: var(--h5-font-size);
                            letter-spacing: var(--h5-letter-spacing);
                            line-height: var(--h5-line-height);
                            font-style: var(--h5-font-style);
                            display: inline;
                        }
                    }

                    a {
                        display: inline-block;
                        width: 100%;

                        &:hover {
                            text-decoration: none;
                        }
                    }

                    & .block-arrow {
                        position: relative;
                        width: 20px;
                        height: 15px;
                        margin-right: -1.06px;
                        display: inline-block;
                        float: right;
                    }
                }

                & .cr-pro-image {
                    a {
                        position: relative;
                        height: 180px;
                        background-color: var(--variable-collection-couleurs-gris);
                        display: inline-block;
                        width: 100%;
                        border-radius: 10px;
                        overflow: hidden;
                    }
                }
            }

            &.owl-carousel {
                &:hover {
                    .owl-nav {
                        opacity: 1;
                    }
                }

                & .owl-nav {
                    opacity: 0;

                    & .disabled {
                        i {
                            color: #123456;
                        }
                    }

                    & .owl-prev {
                        left: -18px;
                    }

                    & .owl-next {
                        right: -18px;
                    }

                    & button {
                        position: absolute;
                        height: 40px;
                        width: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #fff;
                        border: 1px solid #eee;
                        border-radius: 50%;
                        opacity: 1;
                        margin-top: auto;
                        margin-bottom: auto;
                        top: calc(50% - 30px);
                        transform: translateY(-50%);
                        cursor: pointer;

                        & i {
                            font-size: 20px;
                        }
                    }
                }
            }
        }

        & .col-wrapper {
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px 20px;
            z-index: 0;
            display: flex;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;

            & .col-partners {
                align-items: center;
                justify-content: center;
                gap: 40px;
                flex: 1;
                flex-grow: 1;
                flex-grow: 1;
                display: flex;
                position: relative;
                width: 100%;
                max-width: none;
                padding: 0;

                & .partners {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    position: relative;
                }

                & .card-image {
                    max-height: 180px;
                    height: 180px;
                    align-self: stretch;
                    width: 100%;
                    background-color: var(--variable-collection-couleurs-gris);
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    position: relative;
                    border-radius: 10px;
                    overflow: hidden;

                    & .col-image {
                        position: relative;
                        flex: 1;
                        flex-grow: 1;
                        align-self: stretch;
                        min-width: 260px;
                        width: 100%;
                        min-height: 240px;
                        flex-grow: 1;
                        /*margin-left: -60.38px;
            margin-right: -60.38px;*/
                        background-color: var(--variable-collection-couleurs-gris);
                    }
                }
            }
        }
    }
}

/***************************/
/** SECTION boutique ***/
/***************************/
.cr-breadcrumb-image.cr-bread-shop {
    & .cr-breadcrumb-title h2 {
        /* margin-bottom: 0; */
        text-transform: none;
        font-family: var(--h1-clean-font-family);
        font-weight: var(--h1-clean-font-weight);
        color: #201f1f;
        font-size: 36px;
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-style: var(--h1-clean-font-style);
        display: block;
    }
}

.section-shop-header {
    width: 100%;
    position: relative;
    max-height: 273px;

    img {
        width: 100%;
        height: auto;
        object-fit: cover;
        vertical-align: middle;
    }

    .header-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: var(--h1-clean-font-family);
        font-weight: var(--h1-clean-font-weight);
        color: var(--variable-collection-couleurs-blanc);
        font-size: var(--h1-clean-font-size);
        text-align: center;
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-style: var(--h1-clean-font-style);
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
    }
}

section.section-shop {
    padding-top: 0;

    .cd-products-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;

        .cd-products-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 26px;

            .cr-product-box {
                flex: 1;
                box-sizing: border-box;

                .cr-product-card {
                    .cr-side-view a {
                        background-color: transparent;
                        border: none;
                        width: 40px;
                        height: 40px;
                        color: var(--white);
                        margin-top: 0;

                        &:hover {
                            color: var(--variable-collection-couleurs-caramel);
                        }
                    }

                    .cr-product-image {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        /* Prendre toute la largeur */
                        height: 240px;
                        /* Hauteur fixe */
                        overflow: hidden;
                        /* Masquer le débordement pour centrer */

                        .cr-product-tag {
                            position: absolute;
                            top: 20px;
                            left: 20px;
                            font-family: "Raleway", Helvetica;
                            font-weight: 600;
                            color: var(--variable-collection-couleurs-caramel);
                            font-size: 12px;
                            letter-spacing: 1.2px;
                            white-space: nowrap;
                            background-color: var(--variable-collection-couleurs-cr-me);
                            border: 1px solid var(--variable-collection-couleurs-caramel);
                            text-transform: uppercase;
                            border-radius: 100px;
                            transition: all 0.3s ease-in-out;
                            padding: 10px 15px;
                            line-height: 1;
                        }

                        .cr-image-inner img {
                            height: 100%;
                            /* Ajuste la hauteur de l'image */
                            object-fit: cover;
                            /* Remplir le conteneur sans déformation */
                            max-height: none;
                            object-position: center bottom;
                        }
                    }

                    .cr-product-details {
                        padding: 30px 30px 15px 30px;
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        text-align: justify;

                        .cr-product-desc {
                            font-family: var(--body-text-font-family);
                            font-weight: var(--body-text-font-weight);
                            color: var(--variable-collection-couleurs-cendre);
                            font-size: var(--body-text-font-size);
                            letter-spacing: var(--body-text-letter-spacing);
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .cr-product-view {
                            display: flex;
                            gap: 16px;
                            justify-content: space-between;
                            align-items: center;

                            &:first-child {
                                align-items: flex-start;
                            }

                            a.title {
                                font-family: var(--h5-font-family);
                                font-weight: var(--h5-font-weight);
                                color: var(--variable-collection-couleurs-cendre);
                                font-size: var(--h5-font-size);
                                letter-spacing: var(--h5-letter-spacing);
                                line-height: var(--h5-line-height);
                                font-style: var(--h5-font-style);
                                text-align: left;
                                text-transform: uppercase;
                                margin-bottom: 0;

                                &.cr-product-acc {
                                    font-size: 14px;
                                }

                                &:hover {
                                    color: var(--variable-collection-couleurs-caramel);
                                    text-decoration: none;
                                }
                            }

                            p.cr-price {
                                font-family: var(--h5-font-family);
                                font-weight: var(--h5-font-weight);
                                color: var(--variable-collection-couleurs-cendre);
                                font-size: var(--h5-font-size);
                                letter-spacing: var(--h5-letter-spacing);
                                line-height: var(--h5-line-height);
                                white-space: nowrap;
                                font-style: var(--h5-font-style);
                                padding-top: 0;

                                .new-price {
                                    font-weight: var(--h5-font-weight);
                                    color: var(--variable-collection-couleurs-cendre);
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .cr-shop-bredekamp {
        background-color: transparent;
        border: none;

        ul.cr-tags li a {
            font-family: "Raleway", Helvetica;
            font-weight: 600;
            color: var(--variable-collection-couleurs-caramel);
            font-size: 12px;
            letter-spacing: 1.2px;
            white-space: nowrap;
            background-color: var(--variable-collection-couleurs-cr-me);
            border: 1px solid var(--variable-collection-couleurs-caramel);
            text-transform: uppercase;
            border-radius: 100px;

            &:hover,
            &.active {
                color: var(--variable-collection-couleurs-cr-me);
                background-color: var(--variable-collection-couleurs-caramel);
            }
        }
    }

    .cr-shop-tags {
        padding-top: 0;
    }

    .cr-shop-tags .cr-shop-tags-inner {
        padding-top: 0;
    }

    .pagination {
        font-family: var(--boutons-font-family);
        font-weight: var(--boutons-font-weight);
        color: #000000;
        font-size: 12px;
        letter-spacing: var(--boutons-letter-spacing);
        line-height: var(--boutons-line-height);
        white-space: nowrap;
        font-style: var(--boutons-font-style);
        text-transform: uppercase;

        .page-item {
            &.disabled .page-link {
                color: #6c757d;
                line-height: 1;
            }

            .page-link {
                color: var(--variable-collection-couleurs-cendre);
                line-height: 1;
            }
        }
    }
}

.cr-wish-notify,
.cr-compare-notify,
.cr-cart-notify {
    position: fixed;
    right: 15px;
    top: 40px;
    z-index: 99999;

    p {
        padding: 15px 20px;
        background-color: #fff;
        font-size: 14px;
        color: #000;
        border-bottom: 5px solid #e15e35;
        border-radius: 5px;
        display: block;
        -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0px -1px 15px 0 rgb(0 0 0 / 28%);
    }
}

.modal-shop {
    .cr-attribute {
        display: flex;
        gap: 5px;
        align-items: center;
        padding-top: 0;
    }

    .cr-attributes {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .cr-size-and-weight .cr-add-card .cr-qty-main input {
        font-family: "Poppins, sans-serif";
    }

    .cr-add-button .cr-button {
        text-transform: uppercase;
    }

    .zoom-image-hover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    &.modal-body {
        padding: 36px 24px !important;
    }

    .col-md-5 {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .cr-size-and-weight .cr-product-price {
        padding-top: inherit;
    }

    .small-text {
        font-size: 12px;
        color: #000;
        padding-bottom: 0;
    }

    .col-md-7 {
        padding: 0 0 0 30px;
        display: flex;
        flex-direction: column;
    }

    h3.heading {
        font-family: var(--h3-font-family);
        font-weight: var(--h3-font-weight);
        color: var(--variable-collection-couleurs-cendre);
        font-size: var(--h3-font-size);
        letter-spacing: var(--h3-letter-spacing);
        line-height: var(--h3-line-height);
        font-style: var(--h3-font-style);
        text-transform: uppercase;
    }

    .repas_boite {
        display: flex;
        gap: 20px;
        padding-top: 15px;
    }

    ul {
        list-style: circle;
    }

    li {
        font-family: var(--h5-font-family);
        padding: 3px 0;
        font-weight: 400;
        color: #000000;
        font-size: 14px;
        margin-left: 18px;
    }

    h4 {
        font-family: var(--h5-font-family);
        font-weight: 400;
        color: #000000;
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        white-space: nowrap;
        font-style: var(--h5-font-style);
        padding: 15px 0 5px 0;
        text-transform: uppercase;
    }

    p {
        font-family: var(--body-text-font-family);
        font-weight: var(--body-text-font-weight);
        color: #868686;
        font-size: var(--body-text-font-size);
        letter-spacing: var(--body-text-letter-spacing);
        line-height: var(--body-text-line-height);
        font-style: var(--body-text-font-style);
        padding: 10px 0;

        &.cr-product-price {
            padding-top: 0px;
            padding: 0;
        }
    }

    .cr-size-and-weight-contain {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 10px;
    }

    .cr-size-and-weight {
        display: flex;
        flex-direction: column;
        gap: 23px;
        padding-top: 5px;
        flex-grow: 1;
        justify-content: space-between;

        .cr-add-card {
            display: flex;
            padding-top: 0px;
            flex-direction: column;
            gap: 26px;

            .cr-modal-product {
                display: flex;
                gap: 20px;
                flex-wrap: nowrap;
                align-content: center;
                align-items: center;
                justify-content: center;
            }

            .cr-add-button {
                margin-left: 0px;
            }
        }
    }

    .cr-button:hover {
        text-decoration: none;
        background-color: var(--element-hover);
        color: #fff;
    }

    .cr-size-and-weight .cr-size-weight h5 {
        min-width: auto;
        font-size: 14px;
    }

    .cr-size-and-weight .cr-size-weight .cr-kg {
        padding-left: 0;
    }
}

/***************************/
/** SECTION MENU & TARIFS ***/
/***************************/
.cr-blog-classic .cr-blog-classic-content .action-booking a {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--variable-collection-couleurs-caramel);
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    margin: auto;
    margin-top: 15px;
    width: auto;
    max-width: 300px;
    color: #fff !important;
    margin-bottom: 15px;

    &:after {
        display: none;
    }

    &:hover {
        box-shadow: 0px 2px 15px rgba(51, 51, 51, 0.25);
        text-decoration: none;
    }
}

.section-tarifs {
    .cr-tarifs-block {
        padding-top: 30px !important;
    }
}

.page-menu {
    .col-lg-3 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        padding: 3px !important;

        img {
            border-radius: 3px;
            height: 100%;
            object-fit: cover;
        }
    }

    .cr-size-and-weight-contain {
        padding-bottom: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .section-reservation {
        & .container {
            & .row {
                gap: 16px !important;
            }
        }
    }

    .body-event {
        .menu-event {
            display: flex;
            gap: 5px;
            flex-direction: column;
        }
    }
}

@media only screen and (max-width: 767px) {
    .section-reservation {
        & .container {
            & .row {
                gap: 16px;
                flex-direction: column;
            }
        }
    }

    .section-menu .col-lg-3 {
        display: none !important;
    }

    .main-content.page-menu {
        height: auto;
    }

    /*.is-mobile {display: block;}
  .isno-mobile {display: none;}*/

    .cr-blog-classic .cr-blog-classic-content .action-booking a {
        font-size: 14px;
    }

    .section-tarifs {
        .cr-tarifs-block {
            padding-top: 15px !important;
        }
    }
}

/***************************/
/** SECTION RÉSERVATIONS ***/
/***************************/

.section-reservation {

    .datetimepicker table tr td.today,
    .datetimepicker table tr td.today:hover,
    .datetimepicker table tr td.today.disabled,
    .datetimepicker table tr td.today.disabled:hover {
        background-color: #e15d35;
        background-repeat: repeat-x;
        background-color: #e15d35;
        background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -webkit-gradient(linear,
                0 0,
                0 100%,
                from(#fdd49a),
                to(#fdf59a));
        background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: linear-gradient(to bottom, #fdd49a, #e15d35);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
        border-color: #fdf59a #fdf59a #fbed50;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        font-weight: 600;
    }

    .datetimepicker.datetimepicker-inline table tr td.today.active {
        background-color: #e15d35;
        background-repeat: repeat-x;
        background-color: #e15d35;
        background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -webkit-gradient(linear,
                0 0,
                0 100%,
                from(#fdd49a),
                to(#fdf59a));
        background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
        background-image: linear-gradient(to bottom, #fdd49a, #e15d35);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
        border-color: #fdf59a #fdf59a #fbed50;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    & .cr-ctrl-gluten {
        & p {
            padding-bottom: 0;
            line-height: 1.2;
        }
    }

    b {
        color: #000;

        &.events-notice {
            color: var(--variable-collection-couleurs-caramel);
            font-weight: 800;

            & .events-notice-black {
                color: #000;
            }
        }
    }

    & .container {

        .append-date-admin,
        .admin-hidden {
            display: none;
        }

        .event-admin {
            [type="checkbox"]:checked+label {
                color: var(--variable-collection-couleurs-caramel);
                text-transform: uppercase;
                font-family: var(--h4-font-family);
                letter-spacing: 1.5px;
                line-height: 1.5;
                margin-bottom: 0;
                font-size: 17px;
                font-weight: 600;
                margin: 0;
                position: relative;
                cursor: pointer;
            }

            [type="checkbox"]:not(:checked)+label {
                color: var(--variable-collection-couleurs-caramel);
                text-transform: uppercase;
                font-family: var(--h4-font-family);
                letter-spacing: 1.5px;
                line-height: 1.5;
                margin-bottom: 0;
                font-size: 17px;
                font-weight: 600;
            }

            .custom input {
                padding: 0;
                height: initial;
                width: initial;
                margin-bottom: 0;
                display: none;
                cursor: pointer;
            }

            .custom label:before {
                content: "";
                margin-right: 10px;
                padding: 8px;
                background-color: transparent;
                border: 1px solid #e9e9e9;
                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                display: inline-block;
                position: relative;
                vertical-align: middle;
                cursor: pointer;
                border-radius: 5px;
            }

            input:checked+label:after {
                content: "";
                display: block;
                position: absolute;
                top: 6px;
                left: 6px;
                width: 6px;
                height: 11px;
                border: solid #e15e35;
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .cr-admin-control {
                align-items: center;
                padding-left: 25px;

                & input {
                    font-family: "Raleway", Helvetica;
                    font-size: 16px;
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -ms-border-radius: 0px;
                    border-radius: 0px;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    -ms-box-shadow: none;
                    box-shadow: none;
                    border-radius: 3px;
                    background-color: #fff;
                    border: 1px solid #f5f5f5;
                    min-height: 45px;
                    font-weight: 400;
                    height: 40px;
                    width: 40px;
                    margin-right: 5px;
                    text-align: center;
                }

                & .cr-qty-control {
                    display: flex;
                    flex-direction: column;
                    gap: 5px;

                    & button {
                        height: 18px;
                        width: 18px;
                        padding: 0;
                        background-color: #fff;
                        border: 1px solid #e9e9e9;
                        border-radius: 5px;
                        line-height: 0;
                    }
                }
            }

            .cr-hour-detail {
                display: flex;
                gap: 20px;
                align-items: center;
            }

            .hours-list-day {
                display: flex;
                flex-direction: column;
                gap: 20px;

                &.admin-hidden {
                    display: none;
                }
            }

            .counting-day {
                margin-bottom: 0px;
                padding-top: 15px;
                padding-bottom: 15px;
                font-family: "Manrope", sans-serif;
                font-size: 17px;
                font-weight: bold;
                line-height: 1.2;
                color: #2b2b2d;
                text-align: center;
            }


        }

        & .row {
            gap: 32px;
        }

        &.form-reserv .row {
            gap: inherit;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: stretch;

            & .col-md-6 {
                padding-left: 0;
                padding-right: 0;

                &.reservation-dt {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    gap: 30px;
                }
            }

            & .cr-forms {
                display: flex;
                flex-direction: column;
            }

            & h4 {
                line-height: 1;
                padding-bottom: 0;

                span {
                    font-size: 12px;
                }

                &.text-admin {
                    text-align: left !important;
                    padding-top: 0;
                    line-height: var(--h5-line-height);

                    span {
                        font-size: 14px;
                        /*padding-left: 15px;       */
                    }
                }
            }

            & .cr-add-card {
                gap: 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                width: 100%;

                &.admin-hidden {
                    display: none;
                }

                & .cr-qty-main {
                    align-items: center;
                    gap: 5px;
                    width: 100%;
                    justify-content: center;

                    &.cr-ctrl-babies {
                        border-top: 1px solid #e9e9e9;
                        padding-top: 15px;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        border-bottom: 1px solid #e9e9e9;
                        padding-bottom: 15px;

                        &.disabled {
                            display: none;
                        }
                    }

                    &.cr-ctrl-babies>p:not(.fake) {
                        flex-basis: 100%;
                        text-align: left;
                        padding-left: 38px;
                    }
                }
            }

            &.cr-size-and-weight {
                flex-direction: column;
                margin-left: 15px;
                margin-right: 15px;
                padding-top: 0;

                & .cr-product-price {
                    padding-left: 13px;
                    padding-top: 0;
                    width: 200px;
                    text-align: left;
                }

                &.cr-form-elements {
                    gap: 22px;
                    flex-grow: 1;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }

            & .cr-card-control.cr-card-reserv {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 16px;
                width: 100%;
            }

            & .cr-reserv-send {
                display: flex;
                height: 42px;
                align-items: center;
                justify-content: center;
                position: relative;
                background-color: var(--variable-collection-couleurs-caramel);
                border-radius: 100px;
                text-transform: uppercase;
                font-weight: 600;
                font-size: 18px;
                margin: auto;
                margin-top: 25px;
                width: auto;
                margin-bottom: 15px;

                &.admin-hidden {
                    display: none;
                }
            }

            .cr-size-and-weight .cr-product-price span {
                text-transform: uppercase;
            }

            #reservationTable-DateTime {
                width: 100%;
            }
        }

        & .cr-blog-sideview .blog-heading h4 {
            font-size: 22px;
            text-transform: uppercase;
        }

        & .cr-blog-sideview.cr-tarifs .blog-heading h4 {
            padding-top: 0;
        }

        & .cr-reserv-block {
            &:not(.cr-tarifs-block, .cr-no-pad) {
                padding-bottom: 32px;
            }

            &.cr-tarifs-block {
                padding-bottom: 0px;
            }

            ul li span {
                /*left: 100px;*/
                font-size: 16px;
                color: #3a3a3a;
            }

            & p {
                text-transform: uppercase;
                padding-bottom: 10px;

                span {
                    text-transform: lowercase;
                    color: #000;
                    font-size: 12px;
                }
            }
        }

        & .cr-blog-categories-content ul li {
            gap: 5px;

            & label {
                font-weight: 600;
                color: var(--variable-collection-couleurs-cendre);
            }
        }

        & .cr-size-and-weight-contain h2.heading {
            font-family: var(--h1-clean-font-family);
            font-weight: var(--h1-clean-font-weight);
            color: #201f1f;
            font-size: var(--h1-clean-font-size);
            letter-spacing: var(--h1-clean-letter-spacing);
            line-height: var(--h1-clean-line-height);
            font-style: var(--h1-clean-font-style);
            margin: 0 0 16px 0;
            display: block;
            text-decoration: none;
            text-align: center;
        }

        & .cr-blog-instagram-image {
            margin-bottom: 0;
        }

        .cr-blog-classic {
            background-color: #fff;
            border: none;
        }

        & h3 {
            font-family: var(--h3-font-family);
            font-weight: var(--h3-font-weight);
            color: #070707;
            font-size: var(--h3-font-size);
            letter-spacing: var(--h3-letter-spacing);
            line-height: 1.4px;
            white-space: nowrap;
            font-style: var(--h3-font-style);
            text-transform: uppercase;
            padding: 63px 0 32px 0;
            color: #201f1f;
        }

        .form-control,
        input[type="text"],
        input[type="email"],
        textarea {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            -ms-border-radius: 0px;
            border-radius: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none;
            border-radius: 3px;
            background-color: #fff;
            border: 1px solid #f5f5f5;
            min-height: 45px;
            font-size: 0.9rem;
            font-weight: 400;
        }

        .input-group {
            font-family: "Roboto", Helvetica;
            font-weight: 400;
            color: #0000008a;
            font-size: 14px;
            letter-spacing: 0.2px;
            line-height: 19px;
            white-space: nowrap;

            &.calendar-dt {
                flex-direction: column;
                margin-bottom: 0px;
            }

            &.cr-reserv-comment {
                width: 100%;
                flex-direction: column;

                & textarea {
                    padding: 0.375rem 0.75rem;
                }
            }
        }

        .col-md-6.col-md-6-reserv {
            margin: 15px 0 15px 0;

            & .warning-message.text-warning {
                margin-top: 10px;
                padding: 10px;
                color: var(--variable-collection-couleurs-caramel) !important;
                font-size: 14px;
                line-height: 1.2;
                font-family: "Raleway-SemiBold", Helvetica;
                box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
                border: 1px solid var(--variable-collection-couleurs-caramel);
                border-radius: 5px;
                text-align: center;
            }

            & .warning-message.text-danger {
                margin-top: 10px;
                padding: 10px;
                color: #cd1c18 !important;
                font-size: 14px;
                line-height: 1.2;
                font-weight: 400;
                font-family: "Raleway-SemiBold", Helvetica;
                box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
                border: 1px solid #cd1c18;
                border-radius: 5px;
                text-align: center;
            }

            & .form-group {
                width: 100%;
                flex-direction: column;
            }
        }


        & .cr-checkout-wrap.cr-wrap-reserv {
            padding: 0;
            border: none;
            flex: 1;
            max-width: none;
        }

        .cr-checkout-wrap .cr-check-bill-form .cr-bill-wrap.cr-bill-half {
            width: 100%;
            padding: 0;
        }

        .cr-checkout-wrap .cr-check-bill-form .cr-bl-select-inner {
            height: 45px;
            margin-bottom: 0px;
        }
    }

    .cr-blog-classic .cr-blog-classic-content {
        padding: 0;
    }

    .cr-event-descr {
        margin-bottom: 0px;
        font-size: 14px;
        font-family: "Poppins, sans-serif";
        color: #7a7a7a;
        line-height: 1.75;
        padding-bottom: 10px;
    }
}

.datetimepicker-dropdown-bottom-right:after,
& .datetimepicker-dropdown-bottom-right:before {
    display: none;
}

.datetimepicker.dropdown-menu table.table-condensed tr>td,
.datetimepicker.dropdown-menu table.table-condensed tr>th {
    padding: 5px;
    vertical-align: middle;

    &.switch {
        padding: 5px;
        vertical-align: middle;
        text-transform: uppercase;
        font-family: var(--h1-clean-font-family);
        font-weight: var(--h1-clean-font-weight);
        color: #201f1f;
        font-size: 24px;
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-style: var(--h1-clean-font-style);
    }
}

.datetimepicker tfoot {
    display: none;
}

/***************************/
/** SECTION ÉVÉNEMENTS ***/
/***************************/

.zoom-image-hover {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: none;
    background-color: #d9d9d9;
    border-radius: 0;
    cursor: crosshair;
}

.boutique-item .section-breadcrumb {
    padding: 18px 0;

    .cr-breadcrumb-title {
        display: block;
        text-align: right;
        width: 100%;

        span {
            font-family: "Poppins, sans-serif";
            font-size: 14px;
            line-height: 1.3;
            font-weight: 500;
            color: var(--variable-collection-couleurs-cendre);
            text-transform: uppercase;

            a {
                color: inherit;

                &:hover {
                    text-decoration: none;
                    color: var(--variable-collection-couleurs-caramel);
                }
            }
        }
    }
}

.section-article {
    & .cr-card-control:not(.cr-card-reserv) {
        display: flex;
        flex-direction: column;
        gap: 13px;

        & .cr-qty-control {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }
    }

    & .cr-card-control.cr-card-reserv {
        flex-direction: row;

        & .cr-qty-control {
            display: flex;
            flex-direction: column;
            gap: 5px;

            button.disabled {
                opacity: 0.4;
            }
        }
    }

    & .col-12 {
        padding: 0;
        flex: 1;
    }

    & .container {
        display: flex;
        flex-direction: column;
    }

    & .cr-paking-delivery .cr-tab-content .list {
        padding-top: 16px;

        ul {
            margin: auto;
            vertical-align: middle;
            justify-content: flex-start;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin: auto;

            & li {
                display: flex;
                flex-wrap: wrap;
                align-content: center;
                align-items: center;
                font-family: "Raleway", Helvetica;
                color: #201f1f;
                font-size: 14px;

                & b {
                    font-weight: 600;
                    color: #201f1f;
                }
            }
        }
    }

    & .article-detail {
        gap: 32px;

        & .cr-size-and-weight .list ul {
            margin: auto;
            vertical-align: middle;
            justify-content: flex-start;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin: auto;

            & li {
                display: flex;
                flex-wrap: wrap;
                align-content: center;
                align-items: center;
                font-family: "Raleway", Helvetica;
                color: #201f1f;
                font-size: 14px;

                & b {
                    font-weight: 600;
                    color: #201f1f;
                }
            }
        }

        .cr-button {
            display: flex;
            height: 42px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 16px 48px;
            position: relative;
            background-color: var(--variable-collection-couleurs-caramel);
            border-radius: 100px;
            width: 100%;
            margin: auto;
            text-transform: uppercase;

            &:hover {
                background-color: var(--element-hover);
                border: 1px solid var(--element-hover);
            }
        }

        .cr-size-and-weight .cr-add-card .cr-add-button {
            margin-left: 0;
            max-width: 367px;
        }
    }

    & .article-list {
        display: flex;
    }

    .cr-size-and-weight .list ul {
        margin-top: 0px;
        padding: 0;
    }

    .cr-attributes {
        display: flex;
        flex-direction: row;
        gap: 13px;
    }

    .cr-size-and-weight {
        padding-top: 0;

        .cr-size-weight {
            gap: 3px;

            .cr-kg {
                padding-left: 0px;
            }
        }
    }

    h4 {
        font-family: var(--h5-font-family);
        font-weight: 400;
        color: #000000;
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        white-space: nowrap;
        font-style: var(--h5-font-style);
        padding: 15px 0 5px 0;
        text-transform: uppercase;
    }

    h5 span {
        font-size: 12px;
        text-transform: uppercase;
    }

    h2 {
        font-family: var(--h3-font-family);
        font-weight: 400;
        color: #000000;
        font-size: var(--h3-font-size);
        letter-spacing: var(--h3-letter-spacing);
        line-height: var(--h3-line-height);
        white-space: nowrap;
        font-style: var(--h3-font-style);
        padding: 15px 0 5px 0;
        text-transform: uppercase;
    }

    & .cr-size-and-weight-contain h1.heading {
        font-family: var(--h1-clean-font-family);
        font-weight: var(--h1-clean-font-weight);
        color: #201f1f;
        font-size: var(--h1-clean-font-size);
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-style: var(--h1-clean-font-style);
        margin: 0 0 5px 0;
        display: block;
        text-decoration: none;
    }

    .cr-attributes .active-color,
    .cr-size-and-weight .cr-size-weight .cr-kg ul li {
        background-color: var(--variable-collection-couleurs-gr-ge) !important;
        color: var(--variable-collection-couleurs-caramel) !important;
        text-transform: uppercase;
        font-weight: 600;
    }

    & .cr-size-and-weight .cr-product-price span.old-price.not-through {
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
    }

    .cr-size-and-weight .cr-product-price span.new-price {
        text-transform: uppercase;
    }

    .cr-size-and-weight .cr-add-card .cr-qty-main input {
        font-family: "Raleway", Helvetica;
        font-size: 16px;
    }

    & .cr-size-and-weight .cr-add-card {
        flex-direction: row;
        gap: 32px;
        padding-top: 36px;

        &:not(.padding-t-100) {
            padding-top: 0;
        }
    }

    .events-divider {
        padding: 60px 0px;

        img {
            width: 100%;
        }
    }

    & .cr-size-and-weight .cr-add-card .cr-qty-main .minus {
        position: relative;
        bottom: auto;
        right: auto;
        font-size: 25px;
        padding-bottom: 3px;
    }

    .cr-size-and-weight .cr-add-card .cr-qty-main {
        height: auto;
        align-content: center;
        align-items: center;
        gap: 5px;

        & p {
            flex: 0 0 75px;
        }
    }

    & .cr-qty-type {
        display: flex;
    }

    & .cr-size-and-weight-contain {
        padding-bottom: 18px;
        padding-top: 0;
        border-bottom: none;
    }

    & .cr-size-and-weight .list ul li label,
    .cr-paking-delivery .cr-tab-content .list ul li label {
        font-family: "Raleway", Helvetica;
        font-weight: 400;
        color: #000000;
        font-size: 16px;
        line-height: 19.2px;
        /*text-transform: uppercase;*/
    }

    & .cr-paking-delivery .nav-tabs .nav-item .nav-link {
        background-color: transparent;
    }

    .cr-size-and-weight .cr-product-price {
        padding-left: 0px;
        padding-top: 0;
    }

    .vehicle-detail-banner .banner-slider .slider-for {
        padding-bottom: 12px;
    }
}

/*************************/
/**** SIDEBAR CART *******/
/*************************/
.cr-cart-view .cr-cart-inner .cr-cart-bottom .cart_btn {
    justify-content: flex-end;
}

.cr-cart-view .cr-cart-inner .cr-cart-top .cr-cart-title h6 {
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: #000000;
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    white-space: nowrap;
    font-style: var(--h5-font-style);
    text-transform: uppercase;
}

.cr-cart-view .cr-cart-inner .cr-cart-top .cr-cart-title button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 400;
    color: #000;
    width: 33px;
    height: 33px;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 33px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li .cr-pro-content .remove {
    padding: 0 9px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    line-height: 15px;
    background-color: #fff;
    color: var(--variable-collection-couleurs-caramel);

    &:hover {
        text-decoration: none;
        color: #000;
    }
}

.cr-cart-view .cr-cart-inner .cr-cart-bottom .cart-sub-total table tr td.text-left {
    border: none;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: #000000;
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    white-space: nowrap;
    font-style: var(--h4-font-style);
    text-transform: uppercase;
}

.cr-cart-view .cr-cart-inner .cr-cart-bottom .cart-sub-total table tr td.text-right {
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: #000000;
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    white-space: nowrap;
    font-style: var(--h4-font-style);
    padding-right: 0;
}

.cr-cart-view .cr-button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 40px;
    position: relative;
    background-color: var(--variable-collection-couleurs-cr-me);
    border-radius: 100px;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    /*white-space: nowrap;*/
    font-style: var(--boutons-font-style);
    text-transform: uppercase;
    border: none;
    height: auto;

    &:hover {
        background-color: var(--variable-collection-couleurs-chocolat);
        color: #ffffff;
        text-decoration: none;
    }
}

.cr-cart-view .cr-btn-secondary {
    width: fit-content;
    margin-top: -1px;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    color: #ffffff;
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    /*white-space: nowrap;*/
    font-style: var(--boutons-font-style);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 40px;
    position: relative;
    background-color: var(--variable-collection-couleurs-chocolat);
    border-radius: 100px;
    text-transform: uppercase;

    &:hover {
        background-color: var(--variable-collection-couleurs-caramel);
        color: #ffffff;
        text-decoration: none;
    }
}

.cr-cart-view {
    display: none;
    right: 0px;

    &.cr-cart-view-active {
        display: block;
    }
}

.cr-cart-view .cr-cart-inner {
    width: 550px;
    overflow-y: scroll;
}

.cr-cart-view .cr-cart-inner .cr-cart-bottom .cart-sub-total {
    margin: 10px 0 10px 0;
    border-top: none;
}

.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li .cr-pro-content .cart_pro_title {
    width: 100%;
    padding-right: 30px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: #000000;
    font-size: 16px;
    letter-spacing: 1.2px;
    font-style: var(--h5-font-style);
    line-height: 1.9;
    text-transform: uppercase;

    /*&.cr-cart-event-title {
    line-height: 1;    
  } */
}

.cr-cart-event .cr-event {
    display: flex;
    gap: 25px;
    padding-bottom: 10px;
}

& .cr-event-stitle,
& .cr-event-date,
& .cr-event-hour {
    font-family: var(--h5-font-family);
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    letter-spacing: 1.2px;
    font-style: var(--h5-font-style);
    line-height: 1.5;
    text-transform: uppercase;

    & span {
        font-weight: 600;
    }
}

.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li .cr-pro-content p {
    font-family: var(--body-text-font-family);
    font-weight: var(--body-text-font-weight);
    color: #000000;
    font-size: 14px;
    letter-spacing: var(--body-text-letter-spacing);
    line-height: var(--body-text-line-height);
    font-style: var(--body-text-font-style);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 5px;
    padding-right: 20%;

    &:nth-of-type(2) {
        display: none;
    }
}

.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li {
    .cr-pro-content.cr-cart-product .cr-cart-qty {
        margin-top: 13px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
    }

    .cr-pro-content.cr-cart-product .cr-cart-qty {
        .cart-price span {
            color: #000000;
            font-weight: 700;
            font-size: 16px;
            font-family: "Raleway", Helvetica;
        }
    }

    .cr-pro-content.cr-cart-event .cr-cart-qty {
        margin-top: 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        gap: 20px;
        align-items: center;

        .cr-cart-qty .cart-qty-plus-minus {
            justify-content: space-between;
            flex: 1;
        }

        span:not(:last-child) {
            flex: 1;
            text-align: left;
            font-family: var(--h5-font-family);
            font-weight: 400;
            color: #00000087;
            font-size: 12px;
            letter-spacing: 1.2px;
            font-style: var(--h5-font-style);
            line-height: 1.5;
            text-transform: uppercase;
        }

        .cart-price span {
            color: #000000;
            font-weight: 700;
            font-size: 16px;
            font-family: "Raleway", Helvetica;
        }
    }
}

.cr-cart-view .cr-cart-inner .cr-cart-top.cr-cart-hidden ul.crcart-pro-items li .cr-pro-content .cart-price span {
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    white-space: nowrap;
    font-style: var(--h5-font-style);
}

.cr-cart-view .cr-cart-inner .cr-cart-top.cr-cart-hidden {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 200px);
    text-align: center;
    margin: 0;
    padding: 0;
    flex-direction: column;
}

.cr-cart-view .cr-cart-inner .cr-cart-top.cr-cart-hidden ul.crcart-pro-items {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.cr-cart-view .cr-cart-inner .cr-cart-top.cr-cart-hidden .cr-cart-title {
    width: 100%;
}

.cr-cart-view .cr-cart-inner .cr-cart-top.cr-cart-hidden ul.crcart-pro-items li {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: #000000;
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    white-space: nowrap;
    font-style: var(--h4-font-style);
    text-transform: uppercase;
    border-bottom: none;
}

.cr-cart-qty .cart-qty-plus-minus button {
    height: 25px;
    width: 25px;
    margin-top: 0;
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li .cr-pro-content {
    margin-bottom: 0px;
    font-size: 14px;
    font-family: "Poppins, sans-serif";
    color: #7a7a7a;
    line-height: 1.75;
}

/*************************/
/*** SHOPPING CART *******/
/*************************/

.section-breadcrumb {
    /*background-color: #FFFFFF;*/
    padding: 32px 0;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.cr-breadcrumb-image {
    height: auto;

    &:not(.cr-confirm-breadcumb) {
        background-color: var(--variable-collection-couleurs-gr-ge);
    }

    &.cr-confirm-breadcumb {
        background-color: #fff;

        & .cr-breadcrumb-title {
            justify-content: center;
            display: flex;
            flex-direction: column;

            & h1 {
                color: var(--variable-collection-couleurs-caramel);
            }
        }
    }

    & .cr-breadcrumb-title h1 {
        /*margin-bottom: 0;*/
        text-transform: uppercase;
        /*font-family: var(--h3-font-family);
    font-weight: var(--h3-font-weight);
    color: #070707;
    font-size: var(--h3-font-size);
    letter-spacing: var(--h3-letter-spacing);
    line-height: var(--h3-line-height);
    white-space: nowrap;
    font-style: var(--h3-font-style);*/
        font-family: var(--h1-clean-font-family);
        font-weight: var(--h1-clean-font-weight);
        color: #201f1f;
        font-size: 36px;
        letter-spacing: var(--h1-clean-letter-spacing);
        line-height: var(--h1-clean-line-height);
        font-style: var(--h1-clean-font-style);

        display: block;
    }
}

.section-cart {
    padding: 0;

    .col-12 {
        padding: 0px;
    }



    .cr-cart-content .row {
        display: block;
        width: 100%;

        & form {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            gap: 32px;

            & .cr-table-content {
                flex-basis: 75%;

                .cr-cart-empty-message {
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 100%;
                    font-family: var(--h4-font-family);
                    font-weight: var(--h4-font-weight);
                    color: #000000;
                    font-size: var(--h4-font-size);
                    letter-spacing: var(--h4-letter-spacing);
                    line-height: var(--h4-line-height);
                    white-space: nowrap;
                    font-style: var(--h4-font-style);
                    text-transform: uppercase;
                    flex-direction: column;
                    gap: 36px;
                }

                .cr-continue-shop {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;

                    .cr-button {
                        display: inline-flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;
                        padding: 20px 40px;
                        position: relative;
                        background-color: var(--variable-collection-couleurs-cr-me);
                        border-radius: 100px;
                        width: fit-content;
                        margin-top: -1px;
                        font-family: var(--boutons-font-family);
                        font-weight: var(--boutons-font-weight);
                        color: var(--variable-collection-couleurs-cendre);
                        font-size: var(--boutons-font-size);
                        letter-spacing: var(--boutons-letter-spacing);
                        line-height: var(--boutons-line-height);
                        /* white-space: nowrap; */
                        font-style: var(--boutons-font-style);
                        text-transform: uppercase;
                        border: none;
                        height: auto;

                        &:hover {
                            background-color: var(--variable-collection-couleurs-chocolat);
                            color: #ffffff;
                            text-decoration: none;
                        }
                    }
                }

                & thead {
                    display: none;
                }

                & table {
                    border: none;

                    & tbody tr td {
                        background-color: #fff;
                        vertical-align: middle;
                        width: auto;
                        flex-basis: 40%;

                        &.cr-cart-qty-block {
                            text-align: right;
                            display: flex;
                            /*justify-content: flex-end;*/
                            flex-direction: column;
                            align-items: flex-end;
                            gap: 2px;

                            padding: 0;
                            justify-content: center;
                        }

                        &.cr-cart-qty {
                            display: flex;
                            flex-direction: row;
                            gap: 13px;
                            justify-content: flex-end;
                            padding: 0;
                        }

                        &.cr-cart-name {
                            padding: 0px;
                            flex-basis: 120px;
                            display: flex;
                        }
                    }
                }
            }

            & .row {
                flex-basis: 25%;
            }

            & .cr-table-content table tbody tr td .cr-cart-img {
                margin-right: 0;
                width: 120px;
                height: 120px;
                background-color: #b4b4b4;
                border-radius: 0;
                object-fit: cover;
                object-position: center bottom;
            }

            & .cr-cart-desc {
                font-family: "Poppins, sans-serif";
                color: #7a7a7a;

                & label.cr-cart-date {
                    font-weight: 400;
                    color: #000;
                    padding-bottom: 10px;

                    & span {
                        font-weight: 600;
                    }
                }

                font-weight: 400;
                font-size: 12px;
                letter-spacing: 1.2px;
                line-height: 16px;
                white-space: nowrap;
                font-style: var(--h5-font-style);
                text-transform: uppercase;

                & ul {
                    display: flex;
                    gap: 15px;
                }
            }

            & .cr-table-content table tbody tr .cr-cart-name a {
                padding: 24px 0;
            }

            & p.cr-cart-cat {
                font-family: var(--h5-font-family);
                font-weight: 400;
                color: #7a7a7a;
                font-size: 12px;
                letter-spacing: var(--h5-letter-spacing);
                line-height: var(--h5-line-height);
                white-space: nowrap;
                font-style: var(--h5-font-style);
                text-transform: uppercase;
            }

            & .cr-qty-type:not(.cr-type-prod) {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                /*align-items: center;*/
                align-items: flex-end;

                & .cr-qty-block {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }

            & .cr-qty-type.cr-type-prod {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: center;

                & .cr-qty-block {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
            }

            & .cr-table-content table tbody tr .cr-cart-remove a:hover {
                text-decoration: none;

                & i {
                    color: var(--variable-collection-couleurs-caramel);
                }
            }

            & p.cr-cart-detail {
                font-family: var(--h3-font-family);
                font-weight: var(--h3-font-weight);
                color: #070707;
                font-size: var(--h3-font-size);
                letter-spacing: var(--h3-letter-spacing);
                line-height: var(--h3-line-height);
                white-space: nowrap;
                font-style: var(--h3-font-style);
                text-transform: uppercase;
                padding: 5px 0;
            }

            & span.amount {
                font-family: "Raleway", Helvetica;
                font-weight: var(--h4-font-weight);
                color: #070707;
                font-size: 20px;
                letter-spacing: var(--h4-letter-spacing);
                line-height: var(--h4-line-height);
                white-space: nowrap;
                font-style: var(--h4-font-style);
                text-transform: uppercase;
                padding: 0;
                padding-right: 10px;
            }

            & .cr-table-content table tbody tr .cr-cart-price {
                color: #555;
                font-size: 15px;
                font-weight: 500;
                font-weight: 400;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
                padding: 0;

                &.cr-price-event {
                    flex-direction: row;
                    gap: 7px;
                    display: flex;
                    align-items: center;
                    padding-top: 0px;
                }
            }

            & span.old-price.not-through {
                text-decoration: none;
                font-size: 12px;
                padding-top: 2px;
            }

            & .cr-cart-remove a i,
            .cr-cart-remove a i span {
                font-weight: 400;
                color: #7a7a7a;
                font-size: 15px;
                letter-spacing: 1.2px;
                line-height: 15.2px;
                white-space: nowrap;
                text-transform: uppercase;
            }

            & .cr-table-content table tbody tr .cr-cart-remove {
                width: auto;
                padding-left: 5px;

                &:not(.cr-cart-prod) {
                    /*padding-top: 24px;*/
                    align-self: flex-start;
                    padding-top: 3px;
                    padding-left: 0;
                }

                &.cr-cart-prod {
                    padding-top: 0px;
                    padding-left: 0;
                    padding-top: 15px;
                }

                a {
                    color: var(--Couleurs-Caramel, #e15e35);
                    font-variant-numeric: lining-nums proportional-nums;
                    font-family: Raleway;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 1.2px;
                    letter-spacing: 1.6px;
                    text-transform: uppercase;
                }
            }

            /*& .ri-delete-bin-line:before {
        padding-right: 5px;
      }*/

            .cr-cart-qty.cr-cart-child,
            .cr-cart-qty.cr-cart-baby {
                margin-right: 0;
            }

            & .cr-cart-qty .cart-qty-plus-minus input {
                font-family: "Raleway", Helvetica;
            }

            .cr-sidebar-wrap {
                padding: 24px;

                & .cr-sidebar-block .cr-checkout-summary {
                    border-top: 1px solid #e9e9e9;
                    padding-top: 19px;
                    margin-top: 19px;

                    & .col-sm-12 {
                        padding: 0;
                        margin-bottom: 5px;
                    }
                }

                & .cr-checkout-summary .text-left {
                    font-family: "Raleway", Helvetica;
                    font-weight: 600;
                    color: var(--variable-collection-couleurs-sable);
                    font-size: 12px;
                    letter-spacing: 1.4px;
                    line-height: 16.8px;
                    white-space: nowrap;
                    text-transform: uppercase;

                    &.cr-checkout-sstotal {
                        font-size: 14px;
                    }

                    &.cr-checkout-gtotal {
                        font-size: 16px;
                        color: #000;
                    }
                }

                & .cr-checkout-summary .text-right {
                    font-family: "Raleway", Helvetica;
                    font-weight: 600;
                    color: var(--variable-collection-couleurs-sable);
                    font-size: 14px;
                    letter-spacing: 1.4px;
                    line-height: 16.8px;
                    white-space: nowrap;

                    &.cr-checkout-sstotal {
                        font-size: 14px;
                    }

                    &.cr-checkout-gtotal {
                        font-size: 16px;
                        color: #000;
                    }
                }

                .cr-cart-update-bottom {
                    justify-content: space-around;
                }

                .cr-button {
                    display: flex;
                    flex-direction: column;
                    height: 49px;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    padding: 13px 24px;
                    position: relative;
                    background-color: var(--variable-collection-couleurs-chocolat);
                    border-radius: 30px;
                    /*width: fit-content;*/
                    font-family: var(--h5-font-family);
                    font-weight: var(--h5-font-weight);
                    font-size: var(--h5-font-size);
                    text-align: right;
                    letter-spacing: var(--h5-letter-spacing);
                    line-height: var(--h5-line-height);
                    white-space: nowrap;
                    font-style: var(--h5-font-style);
                    text-transform: uppercase;
                    color: #ffffff;
                    text-decoration: none;
                    border: none;
                    width: 283px;

                    &.disabled {
                        pointer-events: none;
                        display: flex;
                        flex-direction: row;
                        gap: 15px;
                        background-color: var(--element-hover);
                    }

                    &:hover {
                        background-color: var(--element-hover);
                    }
                }

                & .cr-sidebar-block .cr-checkout-pro {
                    margin-top: 32px;
                    display: flex;
                    flex-direction: column;
                    gap: 13px;

                    & .col-sm-12 {
                        padding: 0;
                        margin-bottom: 5px;
                    }
                }

                & .cr-checkout-summary .cr-checkout-summary-total {
                    border-top: none;
                    padding-top: 19px;
                    margin-bottom: 0;
                    margin-top: 16px;
                }

                & .cr-sb-title h3 {
                    font-family: var(--h5-font-family);
                    font-weight: var(--h5-font-weight);
                    color: #070707;
                    font-size: var(--h5-font-size);
                    letter-spacing: var(--h5-letter-spacing);
                    line-height: var(--h5-line-height);
                    font-style: var(--h5-font-style);
                    text-transform: uppercase;
                }

                & .cr-sidebar-block .cr-sb-block-content .cr-checkout-pro .cr-product-inner {
                    justify-content: space-between;
                    gap: 15px;

                    & .cr-pro-title {
                        font-family: "Raleway", Helvetica;
                        font-weight: var(--h5-font-weight);
                        color: #070707;
                        font-size: var(--h5-font-size);
                        letter-spacing: var(--h5-letter-spacing);
                        line-height: var(--h5-line-height);
                        white-space: nowrap;
                        font-style: var(--h5-font-style);
                        text-transform: uppercase;
                        display: flex;
                        flex-direction: column;

                        & span {
                            font-family: var(--h5-font-family);
                            font-weight: 400;
                            color: #070707;
                            font-size: 12px;
                            letter-spacing: var(--h5-letter-spacing);
                            line-height: var(--h5-line-height);
                            white-space: nowrap;
                            font-style: var(--h5-font-style);
                            text-transform: uppercase;

                            &.cr-event-qty {
                                font-size: 10px;

                                & .cr-event-num {
                                    font-size: 12px;
                                }
                            }
                        }

                        & a:hover {
                            text-decoration: none;
                            color: var(--variable-collection-couleurs-caramel);
                        }
                    }

                    & .cr-product-details p.cr-price .new-price {
                        font-family: var(--h5-font-family);
                        font-weight: var(--h5-font-weight);
                        color: #070707;
                        font-size: var(--h5-font-size);
                        letter-spacing: var(--h5-letter-spacing);
                        line-height: var(--h5-line-height);
                        white-space: nowrap;
                        font-style: var(--h5-font-style);
                    }
                }

                & .cr-sidebar-block .cr-sb-block-content .cr-checkout-pro .cr-product-inner .cr-pro-content.cr-product-details {
                    width: auto;
                }
            }
        }
    }

    .cr-table-content table tbody tr {
        flex-direction: row;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 15px;
        padding: 15px 0 15px 0;
    }

    .cr-cart-qty .cart-qty-plus-minus.no-plusminus {
        display: block;

        input {
            width: 100%;
            height: 30px;
        }
    }
}

/******************/
/**** checkout ****/
/******************/
.padding-t-0 {
    padding: 0;
}

.cr-checkout-section {

    .cr-checkout-wrap .cr-check-bill-form .cr-bl-select-inner select {

        color: #161616;
    }

    .cr-checkout-leftside {
        flex-basis: 75%;
    }

    .cr-checkout-pay-wrap {
        & .cr-sidebar-block {
            margin-bottom: 32px;
        }
    }

    .cr-login {
        border: none;
    }

    .cr-checkout-rightside {
        flex-basis: 25%;
    }

    .cr-checkout-wrap h3 {
        font-family: var(--h3-font-family);
        font-weight: var(--h3-font-weight);
        color: var(--variable-collection-couleurs-caramel);
        font-size: var(--h3-font-size);
        letter-spacing: var(--h3-letter-spacing);
        line-height: var(--h3-line-height);
        white-space: nowrap;
        font-style: var(--h3-font-style);
        text-transform: uppercase;
    }

    .cr-checkout-wrap {
        font-family: var(--h5-font-family);
        font-weight: var(--h5-font-weight);
        color: #000000;
        font-size: var(--h5-font-size);
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        white-space: nowrap;
        font-style: var(--h5-font-style);
    }

    [type="radio"]:not(:checked)+label {
        font-family: var(--h4-font-family);
        font-weight: var(--h4-font-weight);
        color: #352528;
        font-size: 15px;
        letter-spacing: 1.5px;
        line-height: var(--h4-line-height);
        white-space: nowrap;
        font-style: var(--h4-font-style);
        text-transform: uppercase;
    }

    .cr-check-block {
        display: flex;
        gap: 18px;
        padding-top: 15px;
        padding-left: 10px;


        & .cr-bill-wrap {
            padding: 0;
            flex: 1;
        }
    }

    & .cr-checkout-wrap .cr-check-bill-form .cr-bill-wrap {
        padding: 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        margin-right: 0;
        max-width: 50%;
        /* Limite la largeur */
        display: inline-block;
    }

    & .cr-checkout-wrap .cr-check-bill-form input {
        margin-bottom: 0;
    }

    .cr-bill-option {
        border-bottom: 1px solid #e9e9e9;

        &.cr-bill-bottom {
            margin-top: 24px;
            border-top: 1px solid #e9e9e9;
            padding-top: 16px;
            border-bottom: none;
            color: var(--variable-collection-couleurs-caramel);
            margin-bottom: 0;
        }

        &.cr-event-bottom {
            margin-top: 24px;
            border-top: none;
            padding-top: 16px;
            border-bottom: none;
            color: var(--variable-collection-couleurs-caramel);
            margin-bottom: 0;
        }
    }

    & .cr-cart-content .row {
        & form {
            .cr-sidebar-wrap {
                margin-top: 32px;
                margin-bottom: 32px;
            }
        }
    }

    .cr-check-facture {
        margin-top: 32px;
    }

    #billing-address {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
        display: none;
    }

    #billing-address.open {
        max-height: 500px;
        transition: max-height 0.5s ease-in;
    }
}

.cr-checkout-section [type="radio"]:not(:checked)+label {
    color: #352528;
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
}

.cr-checkout-section [type="radio"]:checked+label {
    color: #352528;
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
}

.cr-checkout-section .cr-bill-bottom [type="checkbox"]:not(:checked)+label {
    color: var(--variable-collection-couleurs-caramel);
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.cr-checkout-section .cr-bill-bottom [type="checkbox"]:checked+label {
    color: var(--variable-collection-couleurs-caramel);
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.cr-checkout-section .cr-event-bottom [type="checkbox"]:not(:checked)+label {
    color: var(--variable-collection-couleurs-caramel);
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.cr-checkout-section .cr-event-bottom [type="checkbox"]:checked+label {
    color: var(--variable-collection-couleurs-caramel);
    text-transform: uppercase;
    font-family: var(--h4-font-family);
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.cr-event-bottom .custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.cr-event-bottom .custom {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cr-event-bottom .custom label {
    margin: 0;
    position: relative;
    cursor: pointer;
}

.cr-event-bottom .custom label:before {
    content: "";
    margin-right: 10px;
    padding: 8px;
    background-color: transparent;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 5px;
}

.cr-event-bottom .custom input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid #e15e35;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cr-checkout-section .cr-check-bill-form.mb-minus-24 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-cart {
    & .cr-cart-content .row {
        & form {
            & .cr-sidebar-wrap {
                & .cr-sb-title h3.cr-checkout-Mode {
                    font-family: var(--h3-font-family);
                    font-weight: var(--h3-font-weight);
                    color: var(--variable-collection-couleurs-caramel);
                    font-size: var(--h3-font-size);
                    letter-spacing: var(--h3-letter-spacing);
                    line-height: var(--h3-line-height);
                    white-space: nowrap;
                    font-style: var(--h3-font-style);
                    text-transform: uppercase;
                }
            }
        }
    }
}

.cr-checkout-section label {
    font-family: "Raleway-Medium", Helvetica;
    font-weight: 500;
    color: #afafaf;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
}

.cr-checkout-rightside {
    .cr-sidebar-wrap {
        margin-top: 0 !important;
        margin-bottom: 32px;
    }
}

/********************/
/*** CONFIRMATION ***/
/********************/
@media print {
    .cr-confirm-content {
        max-width: 1024px;
        margin: auto;
        border: none;
        box-shadow: none;
        padding: 20px;
        display: block;
    }

    .cr-confirm-info-client {
        padding: 0 !important;
        background-color: #fff !important;
    }

    .icon-checkmark {
        width: 100px !important;
    }

    .print-hidden {
        display: none !important;
    }
}

.section-confirm .cr-confirm-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 63px;

    & .main-image {
        min-height: 119px;
        height: 100%;
        object-fit: cover;
        max-height: none;
        object-position: center bottom;
    }

    & .cr-confirm-facturation {
        padding-top: 25px;
    }

    & .cr-confirm-livraion,
    & .cr-confirm-facturation,
    & .cr-confirm-coord {
        p.cr-confirm-client {
            font-family: "Raleway-Regular", Helvetica;
            letter-spacing: 0.26px;
            color: var(--variable-collection-couleurs-cendre);
        }

        p.cr-confirm-add {
            font-family: "Raleway", Helvetica;
            font-weight: 400;
            color: var(--variable-collection-couleurs-cendre);
            font-size: 16px;
            letter-spacing: 1.6px;
            line-height: 19.2px;
            text-transform: uppercase;
        }
    }

    & .cr-table-content {
        flex-basis: 50%;

        & thead {
            display: none;
        }

        & table {
            border: none;

            & tbody tr td {
                background-color: #fff;
                vertical-align: middle;
                width: auto;
                flex-basis: 40%;

                &.cr-cart-qty {
                    display: flex;
                    flex-direction: row;
                    gap: 13px;
                    justify-content: flex-end;
                }

                &.cr-cart-name {
                    padding: 0px;
                    flex-basis: 120px;
                }
            }
        }
    }

    & .row {
        flex-basis: 50%;
    }

    & .cr-sidebar-wrap .cr-sidebar-block .cr-sb-block-content .cr-checkout-pro .cr-product-inner .cr-pro-image-outer {
        width: 120px;
        height: 120px;

        & img {
            border-radius: 5%;
        }
    }

    & .cr-cart-desc {
        font-family: "Poppins, sans-serif";
        color: #7a7a7a;

        & label.cr-cart-date {
            font-weight: 500;
            color: #000;
        }

        font-weight: 400;
        font-size: 12px;
        letter-spacing: 1.2px;
        line-height: 16px;
        white-space: nowrap;
        font-style: var(--h5-font-style);
        text-transform: uppercase;
    }

    & .cr-table-content table tbody tr .cr-cart-name a {
        padding: 24px 0;
    }

    & p.cr-cart-cat {
        font-family: var(--h5-font-family);
        font-weight: 400;
        color: #7a7a7a;
        font-size: 16px;
        letter-spacing: var(--h5-letter-spacing);
        line-height: var(--h5-line-height);
        white-space: nowrap;
        font-style: var(--h5-font-style);
        text-transform: uppercase;
        padding: 8px 0;
    }

    & .cr-product-inner .cr-pro-content h5 a {
        font-size: 24px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    & .cr-qty-type {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;

        & .cr-qty-block {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    }

    & .cr-table-content table tbody tr .cr-cart-remove a:hover {
        text-decoration: none;

        & i {
            color: var(--variable-collection-couleurs-caramel);
        }
    }

    & p.cr-cart-detail {
        font-family: var(--h3-font-family);
        font-weight: var(--h3-font-weight);
        color: #070707;
        font-size: var(--h3-font-size);
        letter-spacing: var(--h3-letter-spacing);
        line-height: var(--h3-line-height);
        white-space: nowrap;
        font-style: var(--h3-font-style);
        text-transform: uppercase;
        padding: 5px 0;
    }

    & span.amount {
        font-family: "Raleway", Helvetica;
        font-weight: var(--h4-font-weight);
        color: #070707;
        font-size: 20px;
        letter-spacing: var(--h4-letter-spacing);
        line-height: var(--h4-line-height);
        white-space: nowrap;
        font-style: var(--h4-font-style);
        text-transform: uppercase;
        padding: 16px 0;
    }

    & .cr-table-content table tbody tr .cr-cart-price {
        color: #555;
        font-size: 15px;
        font-weight: 500;
        padding-top: 10px;
        font-weight: 400;
        padding-left: 3px;
    }

    & span.old-price.not-through {
        text-decoration: none;
        font-size: 12px;
    }

    & .cr-cart-remove a i,
    .cr-cart-remove a i span {
        font-weight: 400;
        color: #7a7a7a;
        font-size: 15px;
        letter-spacing: 1.2px;
        line-height: 15.2px;
        white-space: nowrap;
        text-transform: uppercase;
    }

    & .cr-table-content table tbody tr .cr-cart-remove {
        padding-top: 24px;
        width: auto;
        padding-left: 5px;
    }

    & .ri-delete-bin-line:before {
        padding-right: 5px;
    }

    & .cr-cart-qty .cart-qty-plus-minus input {
        font-family: "Raleway", Helvetica;
    }

    .cr-sidebar-wrap {
        padding: 24px;
        border: none;
        padding-right: 0;
        padding-left: 0;

        & .cr-sidebar-block .cr-checkout-summary {
            border-top: 1px solid #e9e9e9;
            padding-top: 16px;
            margin-top: 32px;

            & .cr-confirm-bottom {
                margin-bottom: 10px;
                gap: 13px;
                justify-content: flex-end;
            }

            &.cr-confirm-summary {
                border-bottom: 1px solid #e9e9e9;
            }

            padding-bottom: 9px;
            font-family: var(--h5-font-family);
            font-weight: var(--h5-font-weight);
            color: #070707;
            font-size: var(--h5-font-size);
            letter-spacing: var(--h5-letter-spacing);
            line-height: var(--h5-line-height);
            white-space: nowrap;
            font-style: var(--h5-font-style);
            text-transform: uppercase;

            & .cr-pro-image-outer {
                width: 160px;
            }

            & .cr-confirm-header {
                justify-content: flex-start;

                & .cr-confirm-nbre,
                .cr-delevery-date {
                    padding-left: 15px;
                }
            }

            & .col-sm-12 {
                padding: 0;
                margin-bottom: 5px;
            }
        }

        & .cr-checkout-summary .text-left {
            font-family: "Raleway", Helvetica;
            font-weight: 600;
            color: var(--variable-collection-couleurs-sable);
            font-size: 16px;
            letter-spacing: 1.6px;
            line-height: 16.8px;
            color: #070707;
            white-space: nowrap;
            text-transform: uppercase;

            &.cr-checkout-sstotal {
                font-size: 16px;
            }

            &.cr-checkout-gtotal {
                font-size: 24px;
                color: var(--variable-collection-couleurs-caramel);
            }
        }

        & .cr-checkout-summary .text-right {
            font-family: "Raleway", Helvetica;
            font-weight: 600;
            color: var(--variable-collection-couleurs-caramel);
            font-size: 16px;
            color: #070707;
            letter-spacing: 1.6px;
            line-height: 16.8px;
            white-space: nowrap;

            &.cr-checkout-sstotal {
                font-size: 16px;
            }

            &.cr-checkout-gtotal {
                font-size: 24px;
                color: var(--variable-collection-couleurs-caramel);
            }
        }

        .cr-button {
            font-family: "Raleway", Helvetica;
            font-weight: 600;
            color: #ffffff;
            font-size: 12px;
            text-align: right;
            letter-spacing: 1.2px;
            line-height: 14.4px;
            white-space: nowrap;
            display: block;
            height: auto;
            padding: 13px 24px;
            position: relative;
            background-color: var(--variable-collection-couleurs-chocolat);
            border-radius: 30px;
            width: fit-content;
            font-style: var(--h5-font-style);
            text-transform: uppercase;
            border: none;

            &:hover {
                background-color: var(--element-hover);
                color: #fff;
                text-decoration: none;
            }
        }

        & .cr-sidebar-block .cr-checkout-pro:not(.cr-confirm-tipere) {
            margin-top: 32px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            text-align: justify;

            &.cr-confirm-info-client {
                background-color: var(--variable-collection-couleurs-gr-ge);
                padding: 43px;
            }
        }

        & .cr-sidebar-block .cr-checkout-pro.cr-confirm-tipere {
            margin-top: 32px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            text-align: justify;

            & p {
                font-family: "Raleway-Regular", Helvetica;
                font-weight: 400;
                color: transparent;
                font-size: 16px;
                letter-spacing: 0;
                line-height: 19.2px;
                color: #000000;



                & a {
                    color: var(--variable-collection-couleurs-caramel);
                }
            }
        }

        & .cr-checkout-summary .cr-checkout-summary-total {
            border-top: none;
            padding-top: 19px;
            margin-bottom: 0;
            margin-top: 16px;
        }

        & .cr-sb-title h3 {
            text-transform: uppercase;
            font-family: var(--h3-font-family);
            font-weight: var(--h3-font-weight);
            color: #070707;
            font-size: var(--h3-font-size);
            letter-spacing: var(--h3-letter-spacing);
            line-height: var(--h3-line-height);
            white-space: nowrap;
            font-style: var(--h3-font-style);
        }

        & .cr-sidebar-block .cr-sb-block-content .cr-checkout-pro .cr-product-inner {
            justify-content: flex-start;

            & .cr-pro-title {
                font-family: "Raleway", Helvetica;
                font-weight: var(--h5-font-weight);
                color: #070707;
                font-size: var(--h5-font-size);
                letter-spacing: var(--h5-letter-spacing);
                line-height: var(--h5-line-height);
                white-space: nowrap;
                font-style: var(--h5-font-style);
                text-transform: uppercase;
                margin-bottom: 16px;

                & a:hover {
                    text-decoration: none;
                    color: var(--variable-collection-couleurs-caramel);
                }
            }

            & .cr-product-details .cr-price .new-price {
                font-family: var(--h5-font-family);
                font-weight: var(--h5-font-weight);
                color: #070707;
                font-size: var(--h5-font-size);
                letter-spacing: var(--h5-letter-spacing);
                line-height: var(--h5-line-height);
                white-space: nowrap;
                font-style: var(--h5-font-style);
                font-size: 20px;
                text-transform: uppercase;

                &.qty-price {
                    font-size: 24px;
                    color: #070707;
                }
            }
        }

        & .cr-sidebar-block .cr-sb-block-content .cr-checkout-pro .cr-product-inner .cr-pro-content.cr-product-details {
            width: auto;
            text-align: left;
            flex: 1;

            & .cr-confirm-date {
                color: #000;
                font-family: "Raleway", Helvetica;
                font-weight: var(--h5-font-weight);
            }

            &.cr-confirm-price {
                flex: 0 0 125px;
                text-align: right;

                & .cr-price {
                    text-align: right;
                }
            }

            .cr-price-fix .new-price span:last-child {
                font-size: 12px;
            }

            /*& .new-price {
        &.cr-price-event-1 {
          padding-left: 13px;
        }
        &.cr-price-event-2 {
          padding-left: 26px;
        }
        &.cr-price-event-3 {
          padding-left: 39px;
        }
        &.cr-price-event-4 {
          padding-left: 52px;
        }
        &.cr-price-event-5 {
          padding-left: 65px;
        }
      }*/
        }
    }
}

/* FOOTER */
footer .footer-nav {
    /*min-width: 380px;*/
    /*padding: 0px 120px;*/
    position: relative;
    align-self: center;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1277px;
    padding: 0px 60px;
}

footer {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    /*height: 358px;*/
    align-items: center;
    position: relative;
    z-index: 0;
    background-color: var(--variable-collection-couleurs-cendre);
    border-top: none !important;

    & .container {
        display: flex;
        /*min-width: 380px;*/
        align-items: flex-start;
        justify-content: center;
        gap: 80px;
        padding: 60px 0px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        /*border-top-width: 1px;
    border-top-style: solid;
    border-color: var(--variable-collection-couleurs-blanc);*/
        max-width: 1277px;
    }

    .footer-social {
        & svg {
            vertical-align: top;
        }

        a {
            margin-right: 5px;
        }
    }

    & .logo-inverted {
        position: relative;
        width: 142.01px;
        height: 40px;
    }

    & .col-footer {
        display: flex;
        flex-direction: column;
        flex: 1;
        flex-grow: 1;
        align-items: flex-start;
        gap: 20px;
        position: relative;
    }

    & .col-footer-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        position: relative;
    }

    .text-wrapper {
        position: relative;
        align-self: stretch;
        font-family: var(--footer-text-font-family);
        font-weight: var(--footer-text-font-weight);
        color: #ffffff;
        font-size: var(--footer-text-font-size);
        letter-spacing: var(--footer-text-letter-spacing);
        line-height: var(--footer-text-line-height);
        font-style: var(--footer-text-font-style);
    }

    .text-footer {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: "Raleway", Helvetica;
        font-weight: 600;
        color: #ffffff;
        font-size: 13px;
        letter-spacing: 0.65px;
        line-height: 15.6px;
    }

    .text-hours {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .text-wrapper-days {
        position: relative;
        align-self: stretch;
        margin-top: -1px;
        font-family: var(--footer-text-font-family);
        font-weight: var(--footer-text-font-weight);
        color: #ffffff;
        font-size: var(--footer-text-font-size);
        letter-spacing: var(--footer-text-letter-spacing);
        line-height: var(--footer-text-line-height);
        font-style: var(--footer-text-font-style);
    }

    .menu-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 10px 20px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
    }

    .menu-footer-link {
        position: relative;
        width: fit-content;

        & a {
            font-family: var(--menu-item-font-family);
            font-weight: var(--menu-item-font-weight);
            color: #ffffff;
            font-size: var(--menu-item-font-size);
            letter-spacing: var(--menu-item-letter-spacing);
            line-height: var(--menu-item-line-height);
            white-space: nowrap;
            font-style: var(--menu-item-font-style);
            text-decoration: none !important;
        }
    }

    .footer-contact .element-route-caya {
        font-weight: 400;
        color: #ffffff;
        font-size: 14px;
        letter-spacing: 0.7px;
        line-height: 16.8px;
        position: relative;
        align-self: stretch;
        font-family: "Raleway", Helvetica;
    }

    .footer-contact .span {
        letter-spacing: var(--footer-text-letter-spacing);
        font-family: var(--footer-text-font-family);
        font-style: var(--footer-text-font-style);
        font-weight: var(--footer-text-font-weight);
        line-height: var(--footer-text-line-height);
        font-size: var(--footer-text-font-size);
        color: #fff;
    }

    .footer-contact .text-phone {
        letter-spacing: 0.1px;
        text-decoration: none;
        color: #ffffff;
    }

    .legal {
        display: flex;
        flex-direction: column;
        min-width: 380px;
        min-height: 30px;
        max-height: 30px;
        align-items: center;
        justify-content: center;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: var(--variable-collection-couleurs-caramel);

        .p {
            position: relative;
            align-self: stretch;
            margin-top: -1px;
            font-family: var(--legal-text-font-family);
            font-weight: var(--legal-text-font-weight);
            color: #ffffff;
            font-size: var(--legal-text-font-size);
            text-align: center;
            letter-spacing: var(--legal-text-letter-spacing);
            line-height: var(--legal-text-line-height);
            font-style: var(--legal-text-font-style);
        }
    }
}

/***************************************/
/**RESPONSIVE***************************/
/***************************************/

/* Responsive */
@media only screen and (max-width: 1399px) {
    .cr-hero-banner .container::after {
        right: 300px;
    }

    .cr-left-side-contain h1 {
        font-size: 48px;
        line-height: 56px;
    }

    footer {
        & .container {
            gap: 60px;
        }
    }
}

@media only screen and (max-width: 1199px) {
    .cr-hero-banner {
        height: 600px;
    }

    .cr-hero-banner .container::after {
        right: 300px;
    }

    /*.cr-left-side-contain {
    max-width: 400px;
    height: 600px;
  }*/
    .cr-left-side-contain h1 {
        font-size: 40px;
        line-height: 46px;
    }

    /*section.calendrier {
    & .container {
      padding: 0px 60px 60px;
    }
  }

  section.calendrier {
    & .container-video {
      padding: 0px 60px 60px;
    }
  }*/
}

@media only screen and (max-width: 991px) {
    .cr-hero-banner .container {
        padding: 120px 120px 120px 100px;
    }

    .cr-left-side-contain h5 {
        margin-bottom: 15px;
    }

    .cr-left-side-contain h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    /*.cr-left-side-contain .cr-last-buttons {
    margin-top: 18px;
  }*/
    .cr-hero-banner .container::after {
        right: 200px;
    }

    .cr-hero-banner::after {
        width: 56px;
        height: 50px;
    }

    .cr-hero-banner .container::after {
        width: 60px;
        right: 10px;
    }

    .quickview-modal .modal-dialog {
        max-width: 760px;
        width: 760px;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .cr-left-side-contain h1 {
        font-size: 24px;
    }

    .cr-left-side-contain h5 {
        font-size: 14px;
        font-weight: 400;
    }

    .cr-hero-banner {
        height: 500px;
    }

    .cr-hero-banner .container::after {
        right: -80px;
    }

    /*.cr-left-side-contain {
    max-width: 290px;
    height: 500px;
  }*/
    .cr-left-side-contain p {
        font-size: 14px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    .cr-hero-banner .container {
        padding: 80px 40px 80px 40px;
    }

    .section-hero .row {
        margin-top: 0;
    }

    .cr-cart-view {
        width: 100%;

        .cr-cart-inner {
            width: 100%;
            overflow-y: scroll;
        }
    }

    /*.cr-cart-view {
    right: -1000000px;
    left: 0;
  }*/

    .quickview-modal .modal-dialog {
        width: 100%;
        height: auto;
        max-width: 650px;
        padding: 30px 15px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 650px) {
    .cr-cart-top {
        display: flex;
        flex-direction: column;
    }

     .mission .img-wrapper {
    aspect-ratio: 16/9; /* ou 4/3 selon rendu */
    overflow: hidden;
  }

  .mission .m-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

    /*.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li {
    flex-direction: column;
    gap: 19px;
  }*/
    /*.cr-cart-view .cr-cart-inner .cr-cart-top ul.crcart-pro-items li .crside_pro_img {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }*/
    .cr-cart-view .cr-button,
    .cr-cart-view .cr-btn-secondary {
        padding: 20px 20px;
        width: 100%;
    }

    .cr-cart-view .cr-cart-inner .cr-cart-bottom .cart_btn {
        flex-direction: column-reverse;
        justify-content: stretch;
        gap: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .cr-hero-banner .container::after {
        right: 10px;
    }

    .cr-hero-banner .container {
        padding: 40px 5px 40px 5px;
    }

    .cr-left-side-contain {
        max-width: none;
    }
}

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

    /*.cr-left-side-contain {
    max-width: 250px;
    height: 400px;
  }*/
    .cr-left-side-contain h1 {
        margin-bottom: 0;
    }

    .cr-hero-banner {
        height: 400px;
    }

    /*.cr-slider .swiper-wrapper .swiper-slide p {
    display: none;
  }*/
}

@media only screen and (max-width: 380px) {
    footer {
        .legal {
            min-height: 35px;
            max-height: 35px;
            min-width: auto;
        }
    }
}

@media only screen and (max-width: 360px) {
    .cr-left-side-contain {
        height: 350px;
    }

    .cr-hero-banner {
        height: 350px;
    }

    contact-container {
        max-width: 210px;
    }

    .contact-container .cr-left-side-contain {
        max-width: none !important;
        height: auto;
    }

    section.mission {
        & .mission-container.contact-container {
            gap: 25px;
        }
    }

    .bandeau-contact .div {
        font-size: 20px;
    }

    .cr-left-side-contain h1 {
        font-size: 20px;
        line-height: 26px;
    }


}

@media only screen and (max-width: 380px) {
    .cr-add-button {
        display: block !important;
    }
}


@media only screen and (max-width: 320px) {
    .cr-left-side-contain h1 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .cr-hero-banner::after {
        height: 40px;
        width: 40px;
    }

    .cr-hero-banner .container::after {
        width: 40px;
        height: 40px;
    }
}



@media (max-width: 1280px) {
    .main-nav {
        & .accueil-wrapper .nav-link {
            font-size: 0.75em;
        }
    }

    .logo-cheztipere {
        max-width: 200px;
        height: auto;
    }

    section.mission {
        & .mission-container {
            padding: 0px 60px 0px 60px;
            gap: 60px;
        }
    }
}

@media (max-width: 1200px) {
    /*.main-nav {
    & .accueil-wrapper .nav-link {
      font-size: 0.65em;
    }
  }*/

    .calendar-block {
        flex-direction: column;
        gap: 20px;

        & .col-md-6 {
            flex: 0 0 100%;
            max-width: 100%;
            -ms-flex: 0 0 100%;
        }
    }

    #reservation-form {
        & .col-md-6 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    .top-nav .container {
        padding: 12px 20px 12px 20px !important;
    }

    .main-menu .container {
        padding: 35px 20px 35px 20px !important;
    }

    .slider-container {
        padding: 0px 21px;
    }

    section.mission {
        & .mission-container {
            display: flex;
            /*min-height: 640px;*/
            align-items: center;
            justify-content: center;
            gap: 40px;
            padding: 50px 20px 50px 40px;

            & .mission-images {
                justify-content: flex-start;
                padding: 0;
            }

            & .mission-images:not(.contact-slider) {
                padding-right: 40px;
            }

            & .mission-image-wrapper {
                align-items: flex-start;
                flex: 1 1 0%;
            }

            & .mission-content {
                gap: 40px;
                /*& .mission-text {
          font-size: 14px;
        }*/
            }
        }

        /*& .block-text {
      font-size: 40px;
      line-height: 40px;
    
        & .text-style {
            font-size: 50px;        
        }
    }*/
        & .mission-images {
            width: 100%;
            max-width: 600px;
        }
    }

    section.section-product {
        padding: 40px 20px 40px 20px !important;
    }

    section.section-galerie-photo {
        .container {
            padding: 40px 20px 40px 20px;
        }
    }

    main section.services {
        /*flex-direction: column;*/
        align-items: center;
        gap: 20px;
        padding: 40px 20px 40px 20px;
        max-width: 1440px;

        & .services-container {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 30px;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
            background-color: var(--variable-collection-couleurs-gr-ge);

            & .block-service {
                & .service-content {
                    padding: 20px;
                    min-height: 190px;

                    & .service-more {
                        font-size: 12px;
                    }
                }
            }
        }
    }

    .main-nav {
        & .r-servez-wrapper {
            height: auto;
            padding: 12px 20px;
        }
    }

    section.events,
    section.events-divider,
    section.events-list,
    section.calendrier,
    section.google-stars {
        padding: 0px 20px 0px 20px !important;
    }

    section.google-stars {
        .container {
            & .toggle-2 {
                right: -6%;
            }
        }
    }

    section.google-stars {
        .container {
            & .toggle {
                left: -6%;
            }
        }

        section.events-list {
            & .events-container {
                & .flex-events {
                    & .item-event {
                        flex-direction: column;

                        & .img-event {
                            width: 100%;
                            align-items: flex-start;
                            display: flex;
                            align-self: flex-start;
                            max-width: none;
                        }
                    }
                }
            }
        }

        footer .footer-nav {
            padding: 0px 20px;
            max-width: 1140px;
        }
    }

    section.partenaires {
        & .container {
            padding: 60px 40px 60px 40px;
        }
    }

    @media (max-width: 1140px) {
        .logo-cheztipere {
            max-width: 170px !important;
            height: auto;
            margin-right: 10px;
        }

        ul.navbar-nav {
            gap: 10px !important;
        }

        .main-nav {
            & .r-servez-wrapper {
                height: auto;
                padding: 9px 16px;
                margin-left: 10px;
            }
        }
    }

    @media (max-width: 1067px) {
        section.events-list {
            & .container-list {
                gap: 60px;
                padding: 0px 0px 60px 0px;
                flex-direction: column;
            }
        }

        section.events-list {
            padding: 0px 20px 0px 20px !important;

            & .events-container {
                & .flex-events {
                    & .item-event {
                        & .img-event {
                            min-height: 200px;
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 1024px) {
        main section.services {
            & .services-container {
                gap: 24px;

                & .block-service {
                    & .service-content {
                        & .block-detail {
                            padding-top: 15px;
                        }

                        min-height: 164px;
                    }
                }
            }
        }

        section.section-product:not(.section-repas) {
            padding: 30px 20px 30px 20px !important;
        }

        section.section-repas {
            padding: 30px 20px 0px 20px !important;
        }

        section.google-stars {
            .container {
                & .toggle {
                    display: none;
                }
            }
        }

        section.google-stars {
            .container {
                & .toggle-2 {
                    display: none;
                }
            }
        }
    }

    footer {
        & .container {
            gap: 40px;
        }
    }

    .section-cart {
        & .cr-cart-content .row {
            & form {
                flex-direction: column;
            }
        }
    }

}

@media only screen and (max-width: 991px) {
    section.partenaires {
        .owl-carousel {

            .owl-nav,
            .owl-dots {
                display: none;
            }
        }
    }

    .section-product {
        .owl-carousel.new-product-slider {

            .owl-nav,
            .owl-dots {
                display: none;
            }
        }

        .title-2 .title-box {
            margin-right: 30px;
            margin-bottom: 0px;
        }
    }

    section {
        .container.view-all {
            padding: 30px 30px 0px 0px;
        }
    }

    .cr-product-item {
        .cr-product-inner {
            .cr-pro-actions {
                bottom: -1px;
                opacity: 1;
            }

            &:hover {
                .cr-pro-actions {
                    bottom: 12px;
                    opacity: 1;
                }
            }
        }
    }

    .bandeau-contact .div {
        font-size: 30px;
    }

    section.mission {
        & .mission-images {
            width: 100%;
            max-width: none;
            padding: 0px;
        }

        & .mission-controls {
            display: none;
        }

        & .mission-container {
            padding: 0px 40px 0px 40px;

            & .mission-images:not(.contact-slider) {
                padding: 0px;

                & .img-wrapper {
                    margin-right: 0px;
                }
            }

            & .mission-content.contact-content {
                gap: 30px;
                padding-bottom: 25px;

                & .block-text.text-wrap {
                    &.collection-couleurs-cendre {
                        color: var(--variable-collection-couleurs-cendre);
                        font-size: 30px;
                    }
                }
            }
        }
    }

    .cr-slider-mission .swiper-slide .col-lg-12 {
        padding-left: 0;
        padding-right: 0px;
    }
}

@media (max-width: 1024px) {
    .footer .container {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
        /*padding: 60px 80px;*/
    }

    footer {
        & .logo-inverted {
            position: relative;
            width: 100%;
            height: 60px;
        }
    }

    .footer .col-footer {
        grid-column: span 3;
    }

    .footer .col-footer:first-child {
        grid-column: span 3;
        padding-bottom: 60px;
        align-items: center;
        text-align: center;
        max-width: 650px;
        width: 100%;
        margin: auto;
    }

    .footer .col-footer:not(:first-child) {
        grid-column: span 1;
    }

    footer {
        .text-wrapper {
            align-self: center;
        }
    }

    .footer .col-footer:nth-child(3) .text-footer,
    footer .col-footer:nth-child(3) .text-hours,
    footer .col-footer:nth-child(3) .text-wrapper-days,
    footer .col-footer:nth-child(3) .text-wrapper {
        align-self: center;
    }

    .footer-contact {
        align-items: flex-end !important;
    }

    .footer-contact .text-footer,
    .footer-contact .element-route-caya {
        align-self: flex-end !important;
        text-align: right;
    }
}

@media (max-width: 991px) {
    .navbar-toggle-right {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 20px;
        top: 23.5px;
    }

    .main-nav {
        & .main-menu {
            height: 144px;
        }

        .menu-item-wrapper {
            padding-top: 5px;
        }

        & #cr_mobile_menu .r-servez-wrapper {
            height: 40px;
            padding: 10px 30px;
            margin-left: 0px;
        }
    }

    .cr-btn-space {
        width: 25px;
    }

    .cr-side-cart .cr-menu-title .cr-close {
        text-align: right;
        padding: 0;
    }

    .cr-menu-inner {
        /*max-width: 350px;*/
        margin: auto;
    }

    /*.cr-side-cart ul li .sub-menu {
    display: flex;
    width: 430px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    overflow: hidden;
  }*/

    .main-nav {
        & .main-menu .r-servez-wrapper {
            padding: 15px 30px;
            margin-left: 0px;
        }

        nav .navbar-brand {
            padding-top: 20px;
        }

        #cr_mobile_menu .navbar-brand {
            padding-top: 0px;
        }

        .cr-nav-open {
            position: fixed;
        }

        .cr-main-menu-open {
            margin-top: 40px;
        }

        .cr-side-cart ul li .sub-menu li a {
            padding: 7px 0px 7px 0px;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            opacity: 1;
            font-size: 12px;
            color: var(--variable-collection-couleurs-cendre);
        }

        .cr-side-cart ul li .sub-menu {
            /*border-top-width: 1px;
      border-top-style: solid;
      border-color: rgb(242, 240, 236, 0.7);
      /*background-color: rgb(242, 240, 236, 0.3);
      box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.071);*/
            padding-bottom: 10px;

            & li:first-child {
                padding-top: 10px;
            }
        }

        .cr-side-cart {
            text-align: center;
            padding: 0px;

            & .cr-menu-title {
                border-bottom: none;
                padding: 15px 15px 0px 15px;
            }

            & ul li {
                &.active {
                    & .menu-toggle {
                        &:before {
                            content: "-";
                            color: var(--variable-collection-couleurs-caramel);
                            margin-top: -4px;
                        }
                    }
                }

                & .menu-toggle {
                    display: inline-flex;
                    position: static;
                    vertical-align: middle;
                    padding-left: 8px;
                    height: auto;

                    &:before {
                        content: "+";
                        font-size: 24px;
                        font-weight: 400;
                        color: #000000;
                        margin-top: 0px;
                    }
                }

                &.active a.dropdown-list {
                    color: var(--variable-collection-couleurs-caramel);
                    font-weight: 700;
                    /*padding-bottom: 5px;*/
                    /*&.active a {
            color: var(--variable-collection-couleurs-caramel);
            font-weight: 700;
          }*/
                }

                & a {
                    display: inline-block;
                    border-bottom: none;
                    padding: 15px 0 15px 0px;
                    font-family: var(--menu-item-font-family);
                    font-weight: var(--menu-item-font-weight);
                    color: #000000;
                    font-size: var(--menu-item-font-size);
                    letter-spacing: var(--menu-item-letter-spacing);
                    line-height: var(--menu-item-line-height);
                    white-space: nowrap;
                    font-style: var(--menu-item-font-style);
                    text-transform: uppercase;

                    &.dropdown-list {
                        padding-left: 15px;
                    }

                    &:hover {
                        color: var(--variable-collection-couleurs-caramel);
                        font-weight: 700;

                        & .menu-toggle {
                            &:before {
                                color: var(--variable-collection-couleurs-caramel);
                            }
                        }
                    }
                }
            }
        }

        .logo-cheztipere {
            max-width: 245px !important;
            margin-right: 0px;
        }

        .main-menu .container {
            padding: 15px 20px 15px 20px !important;
            position: relative;
            flex: 1;
            align-self: stretch;
            flex-grow: 1;
            flex-direction: column-reverse;
        }
    }

    .m-container {
        display: flex;
        align-items: flex-start;
    }

    .main-menu .col-navbar .accueil-wrapper {
        padding: 0;
        width: 368px;
    }

    .main-nav {
        position: relative;
    }

    .main-nav {
        & .top-links {
            gap: 35px;

            & .socials {
                & .suivez-nous {
                    display: none;
                }
            }
        }
    }

    main section.services {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        padding: 40px 20px;
        background-color: var(--variable-collection-couleurs-gr-ge);

        /*& .services-container {
      flex-direction: column;
    }*/

        & .block-service {
            width: 100%;
            height: auto;

            & .service-content {
                gap: 15px;
                /*padding: 30px !important;        */

                & .block-detail {
                    justify-content: flex-start;

                    & .service-more {
                        font-size: var(--boutons-font-size);
                        padding-right: 20px;
                    }
                }
            }
        }
    }

    #carouselHome.carousel {

        & .carousel-control-prev,
        .carousel-control-next {
            display: none;
        }

        & .carousel-inner {
            height: 483px;

            & .carousel-item {
                height: 100%;

                & img {
                    height: 100%;
                    width: auto;
                    object-fit: cover;
                }

                & .carousel-caption {
                    padding: 40px;
                    align-items: flex-start;

                    & .slider-wrap {
                        width: 70%;
                    }
                }
            }
        }
    }

    section.services {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        padding: 60px;
        background-color: var(--variable-collection-couleurs-gr-ge);

        & .block-arrow-mobile {
            display: block;
            margin-left: auto;
        }

        & .block-arrow,
        & .block-detail {
            display: none;
        }
    }

    section.contact-form {
        padding: 0px 20px 0 20px;
    }

    section.contact-form {

        .contact-left,
        .contact-right {
            position: relative;
            width: 100%;
            display: flex;
            gap: 30px;
            flex-direction: column;
        }
    }
}

@media (max-width: 850px) {
    .slider-container {
        & .inner-slider {
            & .slider-content {
                & .btn-more {
                    padding: 15px 30px;
                }

                & .text-more {
                    font-size: 12px;
                }
            }
        }
    }

    section.mission {
        & .mission-container:not(.contact-container) {
            gap: 0px;
        }

        & .mission-container.contact-container {
            gap: 50px;
        }

        & .mission-container {
            flex-direction: column;
            min-height: 640px;

            padding: 30px 20px 30px 20px;

            & .mission-content {
                /*gap: 24px;*/
                flex: 0 0 auto;
                order: 2;
            }

            & .mission-images {
                width: 100%;
                padding: 0px;
                position: relative;
                order: 1;

                & .swiper-slide {
                    align-items: flex-start;
                }

                & .m-img {
                    position: relative;
                    width: 100%;
                }

                & .arrow-wrapper {
                    bottom: 5%;
                }
            }
        }
    }

    section.events {
        & .container {
            flex-direction: column;
        }
    }

    section.events-list {
        & .events-container {
            & .flex-events {
                & .item-event {
                    flex-direction: column;

                    & .img-event {
                        width: 100%;
                        max-width: none;
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .cr-no-mobile {
        display: none;
    }

    .navbar-toggle-right {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 15px;
        top: 23.5px;
    }

    .main-menu .col-navbar .accueil-wrapper {
        width: 100% !important;
    }

    /*.navbar-collapse.show {
    max-width: none !important;
    width: 100% !important;
  }*/

    .main-menu .col-navbar .accueil-wrapper {
        &.r-servez-mobile {
            display: inline-flex !important;
            opacity: 1;
            /*padding: 10px 30px !important;*/
            width: 118px !important;
            margin: auto;
            margin-top: 10px;

            a {
                font-size: 10px !important;
                padding: 0;
            }

            &:hover a {
                color: var(--variable-collection-couleurs-blanc);
            }
        }
    }

    .top-nav .container {
        padding: 12px 20px 12px 20px !important;
        /* width: 80%; */
    }

    .main-nav {
        & .top-nav .top-links {
            gap: 25px;

            & div.links-item {
                display: none;
            }

            & .top-container {
                order: 0;
            }

            & .socials {
                order: 1;
            }
        }

        .main-menu.navbar .container {
            padding: 15px 15px 18px 15px !important;

            & .menu-item-wrapper {
                /*position: absolute;
        top: 14px;
        left: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        z-index: 0;
        display: block;
        opacity: 1;*/
                display: inline-flex;
                justify-content: center;
                margin: 0 auto;
                /*padding-left: 30px;*/
            }

            &.nav-open {
                padding: 15px 26px 0px 26px !important;

                & .menu-item-wrapper {
                    display: none;
                    opacity: 0;
                }

                .navbar-toggler,
                & .nav-reserve {
                    margin-left: auto !important;
                    padding-top: 0px;
                    z-index: 1;
                    position: absolute;
                    right: 26px;
                    top: 21px;
                }

                & .navbar-brand {
                    margin-left: auto !important;
                    padding-top: 10px;
                    z-index: 0;
                }
            }
        }

        /* .navbar-brand {
      width: 100%;
      align-items: flex-start;
      justify-content: center;
      padding-right: 0;
      margin-right: auto;
      order: 3;
      padding: 19px 0 0 0;
    }*/
    }

    main section.services {
        padding: 30px 20px 30px 20px;

        & .services-container {
            flex-direction: column;
        }

        & .block-arrow-mobile {
            display: none;
            /*margin-left: auto;*/
        }

        & .block-arrow,
        & .block-detail {
            display: flex;
        }
    }

    section.events {
        padding: 0px !important;

        & .container {
            padding: 40px 20px 30px 20px;
            gap: 40px;

            & .date-event {
                max-width: 100px;
                width: 100px;
                max-height: 100px;
                height: 100px;
                top: 0;
                left: 0;
            }
        }
    }

    section.events-divider {
        & .container {
            padding: 20px 0px 50px 0px;
            justify-content: center;

            & .divider-event {
                width: 150%;
            }
        }
    }

    section.calendrier {
        & .container {
            padding: 0 0 80px 0;
        }

        & .container-video {
            padding: 0 0 80px 0;
        }
    }

    section.google-stars {
        padding: 60px 20px 60px 20px !important;

        .container {
            padding: 0;

            & .review-card {
                min-width: 250px;
            }
        }
    }

    section.partenaires {
        & .container {
            padding: 60px 20px 60px 20px;
        }
    }

    footer .footer-nav {
        padding: 0px 20px;
    }
}

@media (max-width: 650px) {
    section .block-text {
        &.text-wrap {
            font-size: 40px;
        }

        & .text-style {
            font-size: 50px;
        }
    }

    #carouselHome.carousel {
        & .carousel-inner {
            & .carousel-item {
                & .carousel-caption {
                    padding: 40px 20px 40px 20px;

                    & .slider-wrap {
                        width: 60%;
                    }
                }
            }
        }
    }

    .slider-container {
        max-height: 483px;

        & .toggle-slider {
            display: none;
        }

        & .inner-slider {
            padding: 60px 0px 60px;

            & .slider-content {
                & .block-text {
                    max-width: 373px;
                }
            }
        }
    }

    .main-nav {
        & .contact-info {
            gap: 10px;
        }

        /*& .top-nav .top-links {
      gap: 10px;
    }*/

        /*.top-nav .container {
      padding: 12px 26px 12px 26px !important;
    }*/
    }

    section.mission {
        & .mission-container {
            padding: 30px 20px 30px 20px;

            & .mission-images {
                padding: 0px;
                position: relative;
                order: 1;

                & .m-img {
                    position: relative;
                    width: 100%;
                }

                & .arrow-wrapper {
                    display: none;
                }

                & .img-wrapper {
                    margin-right: 0px;
                }
            }
        }
    }

    main section.services {
        & .block-service {
            & .service-content {
                & .block-detail {
                    justify-content: space-between;

                    & .service-more {
                        font-size: var(--boutons-font-size);
                        padding-right: 0px;
                    }
                }
            }
        }
    }
}

@media (min-width: 576px) and (max-width: 991px) {

    .mission-container .container,
    .container-sm {
        max-width: none;
    }
}

@media (max-width: 575px) {
    section .block-text {
        &.text-wrap {
            font-size: 35px;
        }

        & .text-style {
            font-size: 44px;
        }
    }

    .cr-checkout-section {
        .cr-check-block {
            display: flex;
            gap: 18px;
            flex-direction: column;
        }
    }

    .cr-checkout-wrap .cr-check-bill-form .cr-bl-select-inner {
        margin-bottom: 0;
    }

    #ship-address .cr-bl-block-content {
        margin-bottom: 25px;
    }

    #carouselHome.carousel {
        & .carousel-inner {
            & .carousel-item {
                & .carousel-caption {
                    & .slider-wrap {
                        width: 75%;
                    }
                }
            }
        }
    }

    .footer .container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    footer {
        .menu-footer {
            align-items: center;
        }
    }

    .footer .col-footer:not(:first-child) {
        text-align: center;
    }

    .footer-contact {
        align-items: center !important;
    }

    .footer-contact .text-footer,
    .footer-contact .element-route-caya {
        align-self: center !important;
        text-align: center;
    }

    .footer .col-footer:first-child {
        padding-bottom: 20px;
    }
}

@media (max-width: 500px) {
    section.section-galerie-photo {
        .galerie-wrapper {
            display: block;
        }

        .items {
            padding-bottom: 20px;
        }
    }

    .section-cart {
        .cr-table-content table tbody tr {
            flex-direction: column;
            gap: 0;
        }
    }

    section.calendrier {
        & .container {

            & .cell-2,
            .cell-3,
            .cell-4,
            .cell-5 {
                padding: 5px;
            }

            & .calendar {
                padding: 10px;
                padding-top: 0;
            }
        }
    }

    section.calendrier {
        & .container {
            padding: 0px;
        }

        & .container-video {
            padding: 0 0 60px 0;
        }
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        /*max-width: 960px;*/
        padding: 0;
    }

    .section-products .container {
        max-width: 1440px;
    }

    .main-menu .col-navbar {
        display: inline-flex;
        align-items: center;
        gap: 20px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }

    .navbar-expand-lg .navbar-collapse {
        gap: 60px;
    }
}

@media (min-width: 1080px) and (max-width: 1279px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        padding: 0;
    }
}

/*@media (min-width: 1200px) and (max-width: 1279px) {*/
@media (min-width: 769px) and (max-width: 1279px) {
    /*& .r-servez-wrapper {
      padding: 8px 15px;
    }*/

    /*.navbar-expand-lg .navbar-nav {
    gap: 15px;
  }*/

    /*.logo-cheztipere {
    max-width: 226px;
    height: auto;
  }*/

    /*.navbar-expand-lg .navbar-nav {
    gap: 15px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }*/
}

@media (max-width: 1279px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        /*max-width: 1170px;*/
        padding: 0;
    }

    .m-container {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 0px;
        padding: 0px 60px;
        padding: 0px;
        position: relative;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;

        & .logo-cheztipere {
            position: relative;
            align-self: stretch;
            flex: 0 0 auto;
        }
    }

    section.events {
        & .container {
            gap: 80px;
        }
    }

    /*.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }*/

    /*.main-menu .container {
    padding: 30px 60px 30px 60px;
  }*/

    /*.navbar-expand-lg .navbar-nav {
    gap: 20px;
  }*/

    & .nav-link {
        font-size: 0.8em;
    }
}

@media (min-width: 1440px) {
    .navbar-expand-lg .navbar-collapse {
        align-items: center;
        gap: 60px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }
}

/*@media (max-width: 1350px) {

  footer .footer-nav {
    padding: 0px 20px;
  }
  

}*/

/*@media (max-width: 1300px) {

  footer .footer-nav {
    padding: 0px 40px 0px;
    max-width: 1140px;
  }
  

}*/

@media (min-width: 769px) and (max-width: 1399px) {
    .navbar-expand-lg .navbar-collapse {
        align-items: center;
        gap: 40px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }

    ul.navbar-nav {
        gap: 15px;
    }

    .logo-cheztipere {
        /*max-width: 200px;*/
        height: auto;
    }

    /*.main-nav {
    & .r-servez-wrapper {
      height: auto;
      padding: 10px 26px;
    }
  }*/

    .main-menu .container {
        padding: 35px 40px 35px 40px;
    }

    .top-nav .container {
        padding: 12px 40px 12px 40px;
    }

    section.services,
    section.section-product {
        padding: 40px;
    }

    section.events {
        padding: 0px 40px 0px 40px;

        & .container {
            padding: 120px 60px 0px;
        }
    }

    section.events-divider {
        padding: 0px 40px 0px 40px;
    }

    section.events-list,
    section.calendrier,
    section.google-stars,
    section.partenaires {
        padding: 0px 40px 0px;
    }

    /*section.partenaires {
    padding: 0px 20px 0px;

  }*/

    section.events-list {
        & .container-list {
            padding: 0px 60px 60px 60px;
            gap: 40px;
        }
    }

    section.google-stars {
        .container {
            padding: 60px;
        }
    }
}

@media (min-width: 1201px) {
    .section-products .container {
        max-width: 1440px;
        padding: 60px;
    }
}

.accueil-cabane .div-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

/*.accueil-cabane .text-wrapper {
  font-family: var(--footer-text-font-family);
  font-weight: var(--footer-text-font-weight);
  color: #ffffff;
  font-size: var(--footer-text-font-size);
  letter-spacing: var(--footer-text-letter-spacing);
  line-height: var(--footer-text-line-height);
  font-style: var(--footer-text-font-style);
}
*/
.accueil-cabane .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 15.6px;
}

.accueil-cabane .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--menu-item-font-family);
    font-weight: var(--menu-item-font-weight);
    color: #ffffff;
    font-size: var(--menu-item-font-size);
    letter-spacing: var(--menu-item-letter-spacing);
    line-height: var(--menu-item-line-height);
    white-space: nowrap;
    font-style: var(--menu-item-font-style);
}

.accueil-cabane .text-wrapper-4 {
    position: relative;
    width: fit-content;
    font-family: var(--menu-item-font-family);
    font-weight: var(--menu-item-font-weight);
    color: #ffffff;
    font-size: var(--menu-item-font-size);
    letter-spacing: var(--menu-item-letter-spacing);
    line-height: var(--menu-item-line-height);
    white-space: nowrap;
    font-style: var(--menu-item-font-style);
}

.accueil-cabane .div-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .text-wrapper-5 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--footer-text-font-family);
    font-weight: var(--footer-text-font-weight);
    color: #ffffff;
    font-size: var(--footer-text-font-size);
    letter-spacing: var(--footer-text-letter-spacing);
    line-height: var(--footer-text-line-height);
    font-style: var(--footer-text-font-style);
}

.accueil-cabane .img {
    position: relative;
    flex: 0 0 auto;
}

/*.accueil-cabane .div-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 380px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--variable-collection-couleurs-caramel);
}*/

.accueil-cabane .p {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--legal-text-font-family);
    font-weight: var(--legal-text-font-weight);
    color: #ffffff;
    font-size: var(--legal-text-font-size);
    text-align: center;
    letter-spacing: var(--legal-text-letter-spacing);
    line-height: var(--legal-text-line-height);
    font-style: var(--legal-text-font-style);
}

.accueil-cabane .overlap {
    position: absolute;
    width: 430px;
    height: 2424px;
    top: 12639px;
    left: 0;
}

/*.accueil-cabane .partenaires {
  display: flex;
  width: 430px;
  height: 1166px;
  align-items: flex-start;
  position: absolute;
  top: 1258px;
  left: 0;
}*/

.accueil-cabane .container-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-cendre);
}

.accueil-cabane .div-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 1;
}

.accueil-cabane .nos-partenaires-de {
    position: relative;
    width: 363px;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .text-wrapper-8 {
    font-family: var(--h2-cabane-font-family);
    font-size: var(--h2-cabane-font-size);
    line-height: var(--h2-cabane-line-height);
    font-style: var(--h2-cabane-font-style);
    font-weight: var(--h2-cabane-font-weight);
    letter-spacing: var(--h2-cabane-letter-spacing);
}

.accueil-cabane .flexbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 0;
}

.accueil-cabane .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .card-image {
    max-height: 180px;
    height: 180px;
    align-self: stretch;
    width: 100%;
    background-color: var(--variable-collection-couleurs-gris);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .infos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .text-wrapper-9 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    font-style: var(--h5-font-style);
}

.accueil-cabane .tmoignages {
    display: flex;
    width: 428px;
    height: 1287px;
    align-items: center;
    position: absolute;
    top: 0;
    left: 1px;
}

.accueil-cabane .container-3 {
    display: flex;
    flex-direction: column;
    height: 1229px;
    align-items: flex-start;
    gap: 30px;
    padding: 20px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.accueil-cabane .voyez-ce-que-nos {
    position: relative;
    width: 335px;
    margin-top: -1px;
    z-index: 1;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .flexbox-2 {
    justify-content: center;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .review-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 26px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--element-hover);
}

.accueil-cabane .div-6 {
    display: flex;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .authot-starts {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .avatar-google {
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(../img/logo-google-3.png);
    background-size: 100% 100%;
}

.accueil-cabane .authot-starts-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .authot-starts-3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .author-google {
    position: relative;
    width: 75px;
    height: 17px;
}

.accueil-cabane .name {
    position: absolute;
    top: -1px;
    left: 0;
    font-family: "Roboto", Helvetica;
    font-weight: 400;
    color: #000000de;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 17px;
    white-space: nowrap;
}

.accueil-cabane .stars-google {
    position: relative;
    width: 78px;
    height: 14px;
}

.accueil-cabane .star-active-google {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
}

.accueil-cabane .star-active-google-2 {
    left: 16px;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
}

.accueil-cabane .star-active-google-3 {
    left: 32px;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
}

.accueil-cabane .star-active-google-4 {
    left: 48px;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
}

.accueil-cabane .star-inactive-google {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 64px;
}

.accueil-cabane .date-google {
    position: relative;
    width: 70px;
    height: 19px;
}

/*.accueil-cabane .date {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #0000008a;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 19px;
  white-space: nowrap;
}*/

.accueil-cabane .comment {
    position: relative;
    align-self: stretch;
    font-family: "Proxima Nova-Regular", Helvetica;
    font-weight: 400;
    color: #2a363d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.accueil-cabane .logo-google {
    position: relative;
    width: 24px;
    height: 24px;
}

/*.accueil-cabane .toggle {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -12211px;
  left: 2686px;
}*/

.accueil-cabane .toggle-2 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -12211px;
    left: 4006px;
}

.accueil-cabane .overlap-group {
    position: absolute;
    width: 430px;
    height: 730px;
    top: 11899px;
    left: -1px;
}

.accueil-cabane .container-vido {
    display: flex;
    width: 430px;
    height: 306px;
    align-items: center;
    justify-content: center;
    gap: 120px;
    padding: 30px;
    position: absolute;
    top: 424px;
    left: 0;
}

.accueil-cabane .image-container-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    margin-top: -17.5px;
    margin-bottom: -17.5px;
}

.accueil-cabane .play {
    position: relative;
    width: 97px;
    height: 97px;
    background-color: var(--variable-collection-couleurs-terre);
    border-radius: 48.5px;
}

.accueil-cabane .polygon {
    position: absolute;
    width: 40px;
    height: 45px;
    top: 27px;
    left: 36px;
}

.accueil-cabane .col-calendrier {
    display: flex;
    flex-direction: column;
    max-width: 540px;
    width: 389px;
    height: 448px;
    align-items: flex-start;
    gap: 16px;
    position: absolute;
    top: 0;
    left: 21px;
}

.accueil-cabane .calendrier-des-v-wrapper {
    display: flex;
    width: 379px;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .flexbox-wrapper {
    display: flex;
    flex-direction: column;
    width: 388px;
    height: 292px;
    align-items: center;
    gap: 30px;
    position: relative;
}

.accueil-cabane .card-event-wrapper {
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    margin-bottom: -63px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .card-event {
    align-items: center;
    background-color: var(--variable-collection-couleurs-blanc);
    box-shadow: 4px 4px 20px #1815151a;
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-contenu {
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-blanc);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.accueil-cabane .calendar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 16px;
}

.accueil-cabane .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: transparent;
}

.accueil-cabane .mai {
    position: relative;
    width: fit-content;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: #000000;
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    white-space: nowrap;
    font-style: var(--h4-font-style);
}

.accueil-cabane .cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .text-wrapper-11 {
    position: relative;
    width: 30px;
    height: 24px;
    margin-top: -1px;
    font-family: var(--legal-text-font-family);
    font-weight: var(--legal-text-font-weight);
    color: #000000;
    font-size: var(--legal-text-font-size);
    text-align: center;
    letter-spacing: var(--legal-text-letter-spacing);
    line-height: var(--legal-text-line-height);
    font-style: var(--legal-text-font-style);
}

.accueil-cabane .cell-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    margin-left: -1px;
}

.accueil-cabane .cell-3 {
    border: 1px solid;
    border-color: var(--variable-collection-couleurs-gris);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .cell-4 {
    margin-left: -1px;
    border: 1px solid;
    border-color: var(--variable-collection-couleurs-gris);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .cell-5 {
    margin-left: -1px;
    background-color: var(--variable-collection-couleurs-caramel);
    border: 1px solid;
    border-color: var(--variable-collection-couleurs-gris);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .text-wrapper-12 {
    width: 30px;
    height: 24px;
    margin-top: -1px;
    font-weight: var(--legal-text-font-weight);
    color: #ffffff;
    font-size: var(--legal-text-font-size);
    text-align: center;
    letter-spacing: var(--legal-text-letter-spacing);
    line-height: var(--legal-text-line-height);
    position: relative;
    font-family: var(--legal-text-font-family);
    font-style: var(--legal-text-font-style);
}

.accueil-cabane .cell-6 {
    margin-left: -1px;
    background-color: var(--variable-collection-couleurs-cr-me);
    border: 1px solid;
    border-color: var(--variable-collection-couleurs-gris);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.accueil-cabane .text-wrapper-13 {
    position: relative;
    width: 30px;
    height: 24px;
    margin-top: -1px;
    font-family: var(--legal-text-font-family);
    font-weight: var(--legal-text-font-weight);
    color: #a7a7a7;
    font-size: var(--legal-text-font-size);
    text-align: center;
    letter-spacing: var(--legal-text-letter-spacing);
    line-height: var(--legal-text-line-height);
    font-style: var(--legal-text-font-style);
}

.accueil-cabane .col-prochains-even {
    display: flex;
    flex-direction: column;
    width: 390px;
    height: 684px;
    align-items: flex-start;
    gap: 40px;
    position: absolute;
    top: 10609px;
    left: 20px;
}

.accueil-cabane .prochains-v-nements-wrapper {
    display: flex;
    width: 356px;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .container-4 {
    display: flex;
    flex-direction: column;
    width: 368px;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
    margin-bottom: -567px;
}

.accueil-cabane .flexbox-3 {
    flex-direction: column;
    width: 390px;
    gap: 40px;
    margin-right: -22px;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .card-event-2 {
    justify-content: center;
    gap: 20px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-image-2 {
    position: relative;
    width: 387px;
    min-height: 180px;
    max-height: 180px;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-gris);
    border-radius: 10px;
}

.accueil-cabane .col-contenu-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .titre-de-l-v-nement {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: #000000;
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    white-space: nowrap;
    font-style: var(--h5-font-style);
}

.accueil-cabane .text-wrapper-14 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--menu-item-font-family);
    font-weight: var(--menu-item-font-weight);
    color: #000000;
    font-size: var(--menu-item-font-size);
    letter-spacing: var(--menu-item-letter-spacing);
    line-height: var(--menu-item-line-height);
    white-space: nowrap;
    font-style: var(--menu-item-font-style);
}

.accueil-cabane .description {
    display: flex;
    align-items: flex-start;
    padding: 10px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .text-wrapper-15 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: var(--body-text-font-family);
    font-weight: var(--body-text-font-weight);
    color: #000000;
    font-size: var(--body-text-font-size);
    letter-spacing: var(--body-text-letter-spacing);
    line-height: var(--body-text-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-style: var(--body-text-font-style);
}

.accueil-cabane .btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 0px;
    position: relative;
    flex: 0 0 auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--variable-collection-couleurs-cendre);
}

.accueil-cabane .arrow-2 {
    position: relative;
    width: 12.61px;
    height: 10.61px;
    margin-right: -0.61px;
}

.accueil-cabane .col-image-3 {
    position: relative;
    width: 389px;
    min-height: 180px;
    max-height: 180px;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-gris);
    border-radius: 10px;
}

.accueil-cabane .col-image-4 {
    position: relative;
    width: 388px;
    min-height: 180px;
    max-height: 180px;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-gris);
    border-radius: 10px;
}

.accueil-cabane .divider {
    position: absolute;
    width: 430px;
    height: 156px;
    top: 10418px;
    left: 0;
}

.accueil-cabane .even-prcdents {
    display: flex;
    flex-direction: column;
    width: 389px;
    align-items: flex-start;
    gap: 40px;
    position: absolute;
    top: 9161px;
    left: 21px;
}

.accueil-cabane .v-nements-pr-c-dents-wrapper {
    position: relative;
    width: 308px;
    height: 24px;
}

.accueil-cabane .v-nements-pr-c-dents {
    position: absolute;
    top: -1px;
    left: 0;
    font-family: var(--h4-font-family);
    font-weight: var(--h4-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--h4-font-size);
    letter-spacing: var(--h4-letter-spacing);
    line-height: var(--h4-line-height);
    white-space: nowrap;
    font-style: var(--h4-font-style);
}

.accueil-cabane .group {
    position: relative;
    width: 389px;
    height: 1187px;
}

.accueil-cabane .container-5 {
    display: flex;
    flex-direction: column;
    width: 389px;
    align-items: center;
    gap: 40px;
    position: relative;
}

.accueil-cabane .flexbox-4 {
    flex-direction: column;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .card-event-3 {
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .divider-2 {
    position: absolute;
    width: 430px;
    height: 156px;
    top: 9005px;
    left: 0;
}

.accueil-cabane .vnement-vedette {
    display: flex;
    flex-direction: column;
    width: 429px;
    height: 893px;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 0px 30px;
    position: absolute;
    top: 8102px;
    left: 1px;
}

.accueil-cabane .col-image-5 {
    display: flex;
    flex-direction: column;
    min-height: 400px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    z-index: 1;
}

.accueil-cabane .date-2 {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    width: 92px;
    max-height: 120px;
    height: 87px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 27px;
    left: -18px;
    z-index: 1;
    background-color: var(--variable-collection-couleurs-caramel);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .image-container-2 {
    flex: 1;
    width: 389px;
    flex-grow: 1;
    margin-left: -10px;
    margin-right: -10px;
    z-index: 0;
    background-color: var(--variable-collection-couleurs-gris);
    position: relative;
    border-radius: 10px;
}

.accueil-cabane .col-contenu-3 {
    width: 389px;
    height: 437px;
    justify-content: center;
    gap: 30px;
    margin-left: -10px;
    margin-right: -10px;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.accueil-cabane .galerie {
    display: flex;
    width: 430px;
    height: 1236px;
    align-items: center;
    position: absolute;
    top: 6840px;
    left: 0;
}

.accueil-cabane .container-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 18px 60px 0px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-caramel);
}

.accueil-cabane .flexbox-5 {
    flex-direction: column;
    width: 368px;
    justify-content: center;
    gap: 10px;
    margin-left: -29px;
    margin-right: -29px;
    z-index: 1;
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .card-image-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -11px;
    margin-right: -11px;
}

.accueil-cabane .col-image-wrapper {
    height: 384px;
    display: flex;
    flex-direction: column;
    width: 390px;
    align-items: center;
    position: relative;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-2 {
    display: flex;
    flex-direction: column;
    width: 367px;
    height: 373px;
    align-items: center;
    justify-content: center;
    gap: 40px;
    position: relative;
}

.accueil-cabane .card-image-2 {
    height: 360px;
    margin-left: -11.5px;
    margin-right: -11.5px;
    display: flex;
    flex-direction: column;
    width: 390px;
    align-items: center;
    position: relative;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-3 {
    display: flex;
    flex-direction: column;
    width: 367px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .produits {
    display: flex;
    flex-direction: column;
    width: 431px;
    height: 1973px;
    align-items: flex-start;
    gap: 40px;
    padding: 35px 20px 28px;
    position: absolute;
    top: 4867px;
    left: -1px;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.accueil-cabane .une-gamme-compl-te-wrapper {
    display: flex;
    width: 366px;
    height: 180px;
    align-items: center;
    position: relative;
}

.accueil-cabane .une-gamme-compl-te {
    position: relative;
    width: 350px;
    margin-top: -22.5px;
    margin-bottom: -20.5px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .container-8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -1px;
}

.accueil-cabane .card-produit {
    width: 391px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-image-6 {
    position: relative;
    align-self: stretch;
    width: 100%;
    max-height: 240px;
    height: 240px;
    background-color: var(--variable-collection-couleurs-gris);
}

.accueil-cabane .col-contenu-4 {
    gap: 30px;
    padding: 30px;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-blanc);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.accueil-cabane .titre-2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .boite-repas {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: var(--variable-collection-couleurs-cendre);
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    font-style: var(--h5-font-style);
}

.accueil-cabane .prix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 10px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 10px;
}

.accueil-cabane .ajouter-au-panier {
    position: relative;
    width: fit-content;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    color: #000000;
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    white-space: nowrap;
    font-style: var(--boutons-font-style);
}

.accueil-cabane .bouton-rename {
    position: relative;
    width: 35px;
    height: 35px;
}

.accueil-cabane .card-produit-2 {
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-blanc);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .container-9 {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 0px 30px;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .boites-repas {
    display: flex;
    flex-direction: column;
    width: 430px;
    height: 1709px;
    align-items: center;
    gap: 28px;
    padding: 30px 60px 60px;
    position: absolute;
    top: 3158px;
    left: 0;
    background-color: var(--variable-collection-couleurs-gr-ge);
    overflow: hidden;
}

.accueil-cabane .essayez-nos-wrapper {
    display: flex;
    width: 399px;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    margin-left: -44.5px;
    margin-right: -44.5px;
}

.accueil-cabane .essayez-nos {
    position: relative;
    width: 331px;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 40px;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .container-10 {
    display: flex;
    flex-direction: column;
    width: 400px;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    position: relative;
    flex: 0 0 auto;
    margin-bottom: -60px;
    margin-left: -45px;
    margin-right: -45px;
}

.accueil-cabane .card-produit-3 {
    width: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .element-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    border-radius: 10px;
}

.accueil-cabane .arrow-4 {
    position: relative;
    width: 20px;
    height: 15px;
    margin-top: -4361px;
    margin-right: -2772px;
}

.accueil-cabane .section-brune-bois {
    display: flex;
    flex-direction: column;
    width: 430px;
    min-height: 640px;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 30px 34px;
    position: absolute;
    top: 2061px;
    left: 0;
    background-color: var(--variable-collection-couleurs-chocolat);
}

.accueil-cabane .col-image-7 {
    display: flex;
    width: 397px;
    height: 520px;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -17.5px;
    margin-right: -17.5px;
    z-index: 2;
}

.accueil-cabane .chez-tipere-wrapper {
    align-self: stretch;
    width: 391px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.accueil-cabane .chez-tipere {
    position: absolute;
    width: 391px;
    height: 520px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.accueil-cabane .col-contenu-5 {
    width: 391px;
    justify-content: center;
    gap: 24px;
    flex: 0 0 auto;
    margin-left: -14.5px;
    margin-right: -14.5px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.accueil-cabane .euismod-potenti-nam {
    position: relative;
    align-self: stretch;
    font-family: var(--body-text-font-family);
    font-weight: var(--body-text-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--body-text-font-size);
    letter-spacing: var(--body-text-letter-spacing);
    line-height: var(--body-text-line-height);
    font-style: var(--body-text-font-style);
}

.accueil-cabane .wood-texture {
    position: absolute;
    width: 327px;
    height: 1097px;
    top: 0;
    left: 0;
    z-index: 0;
    mix-blend-mode: screen;
}

.accueil-cabane .overlap-group-2 {
    position: absolute;
    width: 431px;
    height: 1878px;
    top: 183px;
    left: 0;
}

.accueil-cabane .element-cartes {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 30px 20px;
    position: absolute;
    top: 483px;
    left: 0;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.accueil-cabane .div-12 {
    display: flex;
    flex-direction: column;
    width: 390px;
    height: 425px;
    align-items: center;
    position: relative;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .col-contenu-6 {
    gap: 15px;
    padding: 30px;
    flex: 1;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-blanc);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.accueil-cabane .bouton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -13px;
}

.accueil-cabane .card-boutique {
    width: 389px;
    height: 425px;
    background-color: var(--variable-collection-couleurs-blanc);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .rectangle {
    width: 430px;
    position: absolute;
    height: 483px;
    top: 0;
    left: 0;
}

.accueil-cabane .rectangle-2 {
    width: 431px;
    background-color: #18161599;
    position: absolute;
    height: 483px;
    top: 0;
    left: 0;
}

.accueil-cabane .venez-d-guster-un {
    position: absolute;
    width: 373px;
    top: 39px;
    left: 20px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 44px;
    letter-spacing: 0;
    line-height: 52.8px;
}

.accueil-cabane .text-wrapper-24 {
    font-weight: var(--h1-mobile-font-weight);
    font-family: var(--h1-mobile-font-family);
    font-style: var(--h1-mobile-font-style);
    letter-spacing: var(--h1-mobile-letter-spacing);
    line-height: var(--h1-mobile-line-height);
    font-size: var(--h1-mobile-font-size);
}

.accueil-cabane .text-wrapper-25 {
    font-family: var(--h1-cabane-mobile-font-family);
    font-size: var(--h1-cabane-mobile-font-size);
    line-height: var(--h1-cabane-mobile-line-height);
    font-style: var(--h1-cabane-mobile-font-style);
    font-weight: var(--h1-cabane-mobile-font-weight);
    letter-spacing: var(--h1-cabane-mobile-letter-spacing);
}

.accueil-cabane .btn-main-2 {
    position: absolute;
    top: 274px;
    left: 20px;
    background-color: var(--variable-collection-couleurs-caramel);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 40px;
    border-radius: 100px;
}

.accueil-cabane .BTN-rserv {
    display: flex;
    flex-direction: column;
    width: 429px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 110px;
    position: absolute;
    top: 51px;
    left: 0;
    background-color: #ffffff;
}

.accueil-cabane .menu-item {
    display: inline-flex;
    max-height: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    position: relative;
    align-self: stretch;
    background-color: var(--variable-collection-couleurs-caramel);
    border-radius: 100px;
    overflow: hidden;
}

.accueil-cabane .text-wrapper-26 {
    position: relative;
    width: fit-content;
    font-family: var(--sec-menu-item-font-family);
    font-weight: var(--sec-menu-item-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--sec-menu-item-font-size);
    letter-spacing: var(--sec-menu-item-letter-spacing);
    line-height: var(--sec-menu-item-line-height);
    white-space: nowrap;
    font-style: var(--sec-menu-item-font-style);
}

.accueil-cabane .icon-menu {
    position: absolute;
    width: 22px;
    height: 15px;
    top: 13px;
    left: 389px;
}

.accueil-cabane .col-contact-info-wrapper {
    display: flex;
    height: 71px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    margin-bottom: -31px;
}

.accueil-cabane .col-contact-info {
    display: flex;
    width: 430px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    position: relative;
}

.accueil-cabane .div-13 {
    display: inline-flex;
    max-height: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .call {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: -0.5px;
    margin-right: -0.5px;
}

.accueil-cabane .text-wrapper-27 {
    position: relative;
    width: fit-content;
    font-family: "Raleway", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    letter-spacing: 1px;
    line-height: normal;
    white-space: nowrap;
}

.accueil-cabane .cheztipere-outlook {
    position: relative;
    width: fit-content;
    font-family: var(--sec-menu-item-font-family);
    font-weight: var(--sec-menu-item-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--sec-menu-item-font-size);
    text-align: center;
    letter-spacing: var(--sec-menu-item-letter-spacing);
    line-height: var(--sec-menu-item-line-height);
    white-space: nowrap;
    font-style: var(--sec-menu-item-font-style);
}

.accueil-cabane .panier-achat {
    display: inline-flex;
    max-height: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .text-wrapper-28 {
    flex: 1;
    align-self: stretch;
    margin-top: -1px;
    font-weight: 700;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 8px;
    text-align: center;
    letter-spacing: 0.8px;
    line-height: normal;
    position: relative;
    font-family: "Raleway", Helvetica;
}

.accueil-cabane .col-logo {
    position: absolute;
    width: 430px;
    height: 65px;
    top: 100px;
    left: 0;
}

.accueil-cabane.div-14 {
    display: flex;
    flex-direction: column;
    min-width: 1024px;
    align-items: center;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.accueil-cabane .text-wrapper-29 {
    position: relative;
    width: fit-content;
    font-family: "Raleway", Helvetica;
    font-weight: 700;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 10px;
    letter-spacing: 1px;
    line-height: normal;
    white-space: nowrap;
}

.accueil-cabane .input {
    position: relative;
    width: fit-content;
    font-family: var(--sec-menu-item-font-family);
    font-weight: var(--sec-menu-item-font-weight);
    color: var(--variable-collection-couleurs-blanc);
    font-size: var(--sec-menu-item-font-size);
    letter-spacing: var(--sec-menu-item-letter-spacing);
    line-height: var(--sec-menu-item-line-height);
    white-space: nowrap;
    font-style: var(--sec-menu-item-font-style);
    background: transparent;
    border: none;
    padding: 0;
}

.accueil-cabane .col-logo-2 {
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
    margin-left: -60px;
}

.accueil-cabane .col-menu-2 {
    display: inline-flex;
    align-self: stretch;
    flex: 0 0 auto;
    margin-right: -2.42px;
    align-items: center;
    gap: 20px;
    position: relative;
}

.accueil-cabane .col-bouton-rserver {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
    margin-right: -180.42px;
}

.accueil-cabane .venez-d-guster-un-2 {
    position: relative;
    width: 704px;
    height: 271px;
    margin-top: -1px;
    margin-right: -580px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 50px;
    text-align: center;
    letter-spacing: 0;
    line-height: 60px;
}

.accueil-cabane .btn-main-3 {
    flex-direction: column;
    padding: 20px 40px;
    margin-right: -86px;
    background-color: var(--variable-collection-couleurs-caramel);
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
}

.accueil-cabane .slider-nav-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0px 0px 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 1;
}

.accueil-cabane .slide-3 {
    position: relative;
    width: 15px;
    height: 15px;
    background-color: var(--variable-collection-couleurs-cr-me);
    border-radius: 7.5px;
}

.accueil-cabane .slide-4 {
    position: relative;
    width: 15px;
    height: 15px;
    background-color: var(--variable-collection-couleurs-chocolat);
    border-radius: 7.5px;
}

.accueil-cabane .slide-5 {
    position: absolute;
    width: 1024px;
    height: 675px;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
}

.accueil-cabane .en-savoir-plus-2 {
    margin-right: -34.67px;
    color: #000000;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--boutons-font-family);
    font-weight: var(--boutons-font-weight);
    font-size: var(--boutons-font-size);
    letter-spacing: var(--boutons-letter-spacing);
    line-height: var(--boutons-line-height);
    white-space: nowrap;
    font-style: var(--boutons-font-style);
}

.accueil-cabane .arrow-5 {
    position: relative;
    width: 21.06px;
    height: 16.06px;
    margin-right: -1.06px;
    margin-left: -54.67px;
}

.accueil-cabane .container-14 {
    display: flex;
    min-height: 640px;
    align-items: center;
    justify-content: center;
    gap: 60px;
    padding: 0px 60px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-chocolat);
}

.accueil-cabane .chez-tipere-2 {
    position: absolute;
    width: 422px;
    height: 520px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.accueil-cabane .toggle-4 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -288px;
    left: -4109px;
}

.accueil-cabane .toggle-5 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -348px;
    left: -4109px;
}

.accueil-cabane .flexbox-6 {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 30px 30px;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .card-produit-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .une-gamme-compl-te-2 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-cendre);
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .container-16 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .flexbox-7 {
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .card-produit-5 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-blanc);
    border-radius: 10px;
    overflow: hidden;
}

.accueil-cabane .container-18 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
    padding: 120px 120px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 6;
}

.accueil-cabane .nos-partenaires-de-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Raleway", Helvetica;
    font-weight: 400;
    color: var(--variable-collection-couleurs-blanc);
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
}

.accueil-cabane .col-wrapper {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px 20px;
    z-index: 0;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

/*.accueil-cabane .col-4 {
  align-items: center;
  justify-content: center;
  gap: 40px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}*/

.accueil-cabane .col-image-14 {
    position: relative;
    flex: 1;
    align-self: stretch;
    min-width: 380px;
    width: 100%;
    min-height: 240px;
    flex-grow: 1;
    margin-left: -92px;
    margin-right: -92px;
    background-color: var(--variable-collection-couleurs-gris);
}

/*.accueil-cabane .footer {
  display: flex;
  flex-direction: column;
  width: 1028px;
  height: 319px;
  align-items: center;
  position: relative;
  margin-left: -2px;
  margin-right: -2px;
  z-index: 0;
  background-color: var(--variable-collection-couleurs-cendre);
  overflow: hidden;
}*/

.accueil-cabane .footer-nav-2 {
    display: flex;
    flex-direction: column;
    min-width: 380px;
    align-items: center;
    padding: 0px 60px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .container-25 {
    display: flex;
    min-width: 380px;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    padding: 60px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: var(--variable-collection-couleurs-blanc);
}

.accueil-cabane .col-infos {
    flex-direction: column;
    width: 240px;
    align-items: flex-start;
    gap: 20px;
    margin-left: -86px;
    display: flex;
    position: relative;
}

.accueil-cabane .logo-inverted-2 {
    position: relative;
    width: 60.01px;
    height: 48px;
}

.accueil-cabane .col-menu-3 {
    display: flex;
    flex-direction: column;
    width: 240px;
    align-items: center;
    gap: 20px;
    position: relative;
}

.accueil-cabane .menu-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
    width: 100%;
    align-items: center;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
}

.accueil-cabane .div-20 {
    flex-direction: column;
    width: 240px;
    align-items: flex-start;
    gap: 20px;
    display: flex;
    position: relative;
}

.accueil-cabane .flexbox-9 {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 30px 30px;
    overflow: hidden;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.accueil-cabane .container-27 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 80px;
    padding: 0px 120px 60px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 4;
}

.accueil-cabane .container-28 {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    padding: 0px 120px 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 3;
}

.accueil-cabane .container-29 {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0px 120px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 2;
}

.accueil-cabane .container-30 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
    padding: 120px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 1;
}

.accueil-cabane .wood-texture-4 {
    width: 317px;
    height: 2865px;
    left: 1080px;
    position: absolute;
    /* top: 0; */
    z-index: 0;
}

.accueil-cabane .container-31 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 120px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-gr-ge);
}

.accueil-cabane .toggle-10 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 150px;
    left: -80px;
}

.accueil-cabane .toggle-11 {
    position: absolute;
    width: 37px;
    height: 40px;
    top: 150px;
    left: 1240px;
}

.accueil-cabane .container-32 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 60px 120px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: var(--variable-collection-couleurs-cendre);
}

.accueil-cabane .col-image-15 {
    position: relative;
    flex: 1;
    align-self: stretch;
    min-width: 380px;
    width: 100%;
    min-height: 240px;
    flex-grow: 1;
    margin-left: -60.38px;
    margin-right: -60.38px;
    background-color: var(--variable-collection-couleurs-gris);
}

.accueil-cabane.accueil-cabane-wrapper {
    display: none !important;
}

.accueil-cabane.div-14 {
    display: none !important;
}

/*@media (max-width: 1023px) {
  .accueil-cabane.div-14 {
    display: none !important;
  }
  .accueil-cabane.default {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1396px) {
  .accueil-cabane.accueil-cabane-wrapper {
    display: none !important;
  }
  .accueil-cabane.default {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .accueil-cabane.accueil-cabane-wrapper {
    display: none !important;
  }
  .accueil-cabane.div-14 {
    display: none !important;
  }
}*/

/* Faq */
.cr-faq {
    padding-bottom: 60px;
}

.cr-faq .accordion .accordion-item {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.cr-faq .accordion .accordion-item:not(:nth-child(1)) {
    margin-top: 10px;
}

.cr-faq .accordion .accordion-item .accordion-button {
    padding: 15px;
    background-color: transparent;
    font-family: "Poppins, sans-serif";
    font-size: 16px;
    color: #000;
    border: none !important;
}

.cr-faq .accordion .accordion-item .accordion-button::after {
    background: none;
    font-family: remixicon;
    content: "\ea6e";
    font-size: 22px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    line-height: 21px;
}

.cr-faq .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background: none;
    font-family: remixicon;
    content: "\ea6e";
    font-size: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cr-faq .accordion .accordion-item .accordion-collapse {
    border-top: 1px solid #e9e9e9;
}

.cr-faq .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 15px;
    position: relative;
}

.cr-faq .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 14px;
}

.cr-faq-img img {
    width: 100%;
    border-radius: 5px;
}

/**  Responsive  **/
@media only screen and (max-width: 991px) {
    .cr-faq-img {
        margin-bottom: 30px;
    }
}











/* style pour index section carousel pour produit repas et sucre */

/* --------------------boite repas----------------- */

/* Conteneur principal du carousel */
.carousel-container {
    position: relative;
    max-width: 1277px;
    /* Pour tester : largeur fixe */
    margin: 0 auto;
    overflow: hidden;
}

/* La piste : on autorise le gap pour séparer les produits */
.carousel-track {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease-in-out;
}


.cr-product-box {
    width: 399px;
    /* Pour 3 produits = 3*399 + 2*40 = 1277 */
    flex-shrink: 0;
    margin-right: 40px;
    /* Espace entre produits */
}

@media (max-width: 768px) {
    .carousel-container {
        width: 100%;
        /* Le conteneur prend toute la largeur */
        margin: 0;
        /* On enlève le auto, pour éviter des marges latérales */
    }

    .cr-product-box {
        width: 100%;
        /* Le produit prend 100% de la largeur du conteneur */
        margin-right: 0;
        /* On annule la marge entre produits pour éviter un décalage horizontal */
    }
}

.cr-product-box:last-of-type {
    margin-right: 0;
    /* Le dernier n'a pas de marge */
}

/* Boutons de navigation */
.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    padding: 0 10px;
    z-index: 2;
}

.carousel-button.left {
    left: 10px;
}

.carousel-button.right {
    right: 10px;
}


/* --------------------boite sucre----------------- */

.cr-product-topline {

    display: block;
    position: relative;
    font-family: var(--h5-font-family);
    font-weight: var(--h5-font-weight);
    color: rgb(43, 40, 39);
    font-size: var(--h5-font-size);
    letter-spacing: var(--h5-letter-spacing);
    line-height: var(--h5-line-height);
    font-style: var(--h5-font-style);
    text-transform: uppercase;
    text-decoration: none;
}

.space {
    justify-content: space-between;
}


/* section de produits pour les bêtes de sucre */
.carousel-container-2 {
    width: 1277px;
    /* correspond à 4 × 296 + 3 × 20 */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.carousel-track-2 {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.5s ease-in-out;
}


.carousel-button-2 {
    position: absolute;
    /* Se place relativement au .carousel-container-2 */
    top: 50%;
    /* Centre verticalement */
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    padding: 0 10px;
    z-index: 2;
    /* Pour passer par-dessus les images */
}

/* Bouton gauche à 10px du bord gauche */
.carousel-button-2.left {
    left: 10px;
}

/* Bouton droit à 10px du bord droit */
.carousel-button-2.right {
    right: 10px;
}


.cr-product-box-2 {
    width: 296px;
    margin-right: 31px;
    /* Nouvelle marge */
    flex-shrink: 0;
}

.cr-product-box-2:last-of-type {
    margin-right: 0;
}

.product-price-index {
    width: 40%;
}

@media (max-width: 768px) {
    .carousel-container-2 {
        width: 100%;
    }

    .cr-product-box-2 {
        width: 100%;
        /* En mobile, chaque produit occupe toute la largeur */
        margin-right: 0;
        /* On annule la marge */
    }

    .carousel-button-2 {
        /* Assurez-vous qu'ils restent visibles */
        top: 50%;
        transform: translateY(-50%);
        font-size: 2.5rem;
        /* Augmenter la taille si besoin */
        z-index: 10;
        /* Plus haut pour passer par-dessus tout */
    }

    .carousel-button-2.left {
        left: 10px;
        /* Ajustez la position si nécessaire */
    }

    .carousel-button-2.right {
        right: 10px;
        /* Assurez-vous qu'ils ne soient pas décalés hors écran */
    }
}









/* __________________________________________
   1)  Jour avec événement  (.has‑event)      */

.cell-3.has-event {
    /* toute la cellule */
    background: #7a4c25;
    /* brun érable */
    border-radius: 4px;
}

.cell-3.has-event .text-wrapper {
    /* texte blanc */
    color: #fff !important;
}

/* __________________________________________
     2)  Jour courant (.current-day)            */

.text-wrapper.current-day {
    color: #000 !important;
    /* nombre en noir */
    background: transparent;
    /* pas de bulle bleue */
    font-weight: 700;
}



/* EVENEMENTS PHP */

.container-occupe-de-tout {
    flex-direction: row-reverse;
}

.event-image-stack {
    height: 560px !important;
    background-color: unset !important;
}

.event-image-stack img {
    max-width: 372px;
    height: 248px;
    border-radius: 12px;
    object-fit: cover;
    position: absolute;
    transition: all 0.3s ease;
}

.e-c img:nth-child(1) {
    top: 150px;
    left: 24px;
    z-index: 1;
    min-width: 320px;
    max-width: 320px;
    min-height: 240px;
    max-height: 240px;
    border-radius: 10px;
}

.e-c img:nth-child(2) {
    top: 0;
    left: 170px;
    width: 372px;
    height: 248px;
}

.e-c img:nth-child(3) {
    top: 310px;
    left: 180px;
    z-index: 3;
    min-width: 320px;
    max-width: 320px;
    min-height: 240px;
    max-height: 240px;
    border-radius: 10px;
}

@media (max-width: 850px) {
    section.events .container {
        padding: 30px;
    }

    .container-occupe-de-tout {
        flex-direction: unset;
    }

    .event-image-stack {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto !important;
        position: relative;
    }

    .event-image-stack img {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        transform: none !important;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        z-index: 2;
    }

    .event-image-stack img:nth-child(2) {
        top: 150px;
        left: 24px;
        z-index: 1;
        min-width: 320px;
        max-width: 540px;
    }

    .event-image-stack img:nth-child(1),
    .event-image-stack img:nth-child(3) {
        display: none !important;
    }

    .event-image-stack img:nth-child(2) {
        display: block;
    }

    .col-events-mariage {
        min-height: 0px !important;
    }
}

/* RESERVATION PHP */


.cr-ctrl-babies.disabled {
    opacity: 0.5;
    pointer-events: none;
    /* Désactive les interactions */
}

.cr-ctrl-babies.disabled .quantity,
.cr-ctrl-babies.disabled .qty-btn {
    cursor: not-allowed;
}

.evens-reserv-h {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.event-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    /* <-- pour le centrage */
}

.title-event-r {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title-event-r h1 {
    font-size: 2rem;
    margin-bottom: 10px;
}

.title-event-r h2 {
    font-size: 1.2rem;
    color: gray;
}

.image-event-r {
    flex: 1;
    display: flex;
    justify-content: center;
}

.image-event-r img {
    width: 100%;
    height: auto;
    max-width: 500px;
    border-radius: 8px;
    object-fit: cover;
}

/* RESPONSIVE pour mobile */
@media (max-width: 768px) {
    .event-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .image-event-r img {
        max-width: 100%;
    }

    .reservation_bas_page {
        display: block !important;

    }

    #type_de_reservation {
        width: 100% !important;
    }

}


.form-select {
    width: 100%;
    max-width: 400px;
    padding: 12px 16px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 8px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

.form-select:focus {
    border-color: #e05a2b;
    outline: none;
    box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.2);
}

.form-select option {
    padding: 10px;
    font-size: 16px;
}


.menu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.col-menu-4 {
    display: flex;
    justify-content: space-around;
    flex: 1;
}

/* Style général des select */
select.form-select {
    appearance: none;
    background-color: #fff;
    border: 2px solid #d5d5d5;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #333;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    transition: border 0.2s ease, box-shadow 0.2s ease;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23999' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px 20px;
}

/* Hover & focus */
select.form-select:hover,
select.form-select:focus {
    border-color: #e05a2b;
    box-shadow: 0 0 0 3px rgba(224, 90, 43, 0.15);
    outline: none;
}

/* Options stylisées */
select.form-select option {
    padding: 10px;
    font-size: 15px;
    color: #444;
}

/* Option avec événement */
select.form-select option[style*="background-color"] {
    font-weight: bold;
    background-color: #b87b56 !important;
    color: #fff !important;
}


.cr-reserv-i {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--variable-collection-couleurs-caramel) !important;
    border-radius:
        100px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    margin:
        auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: 25px;
    width: auto;
    margin-bottom: 15px;
}

.reservation_bas_page {
    display: flex;
    justify-content: space-between;
}

#type_de_reservation {
    width: 384px;
}



/* evenements header php */

/* Styles d’origine */
section.events .event-container {
    max-width: 540px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

section.events .event-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    display: block
}

.video-embed {
    max-width: 100%;
    aspect-ratio: 16/9;
}

.video-embed iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.video-embed {
    position: relative;
    width: 100%;
    /* occupe toute la largeur dispo */
    max-width: 960px;
    /* optional : limite haute */
    margin: 0 auto;
    /* centre dans le conteneur flex */
    padding-bottom: 56.25%;
    /* 16 / 9 = 0.5625 → 56.25 % */
    height: 0;
    /* hack ratio */
}

.video-embed iframe,
.video-embed video {
    /* au cas où Vimeo ou <video> */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (min-width: 851px) {
    .reverse-row {
        flex-direction: row-reverse !important;
        display: flex;
    }
}




/* sale de reception */

.sdr_first_section {
    margin-top: 50px !important;
}

.sdc-dimension {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 540px;
}

.sdr_contact-text h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    /* ~32px */
    line-height: 1.2;
    margin-bottom: 2.0625rem;
    /* 33px */
    color: #000;
    font-family: Raleway;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
}

.sdr_contact_h2 {
    font-size: 58px !important;
}




/* 1. Section générale avec background */
.sdr_contact-section {
    margin: 0 auto;
    background: url('/images/chez-ti-pere/mariage/Floral-Texture.png') no-repeat left center;
    padding: 4rem 0;
    overflow: hidden;
}

/* 2. Container 2 colonnes */
.sdr_contact-container {
    max-width: 75rem;
    /* ~1200px */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    /* 32px entre les colonnes */
    padding: 0 1rem;
    /* 16px de marge horizontale */
}

/* 3. Colonne Gauche : texte */
.sdr_contact-text {
    width: 37.1875rem;
    /* 595px */
    margin-bottom: 2rem;
    /* fallback pour petits écrans */
}

.sdr-occupe-de-tout {
    padding: unset !important;

}




.sdr_contact-text p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    /* ~16px */
    line-height: 1.5;
    color: #333;
}

/* 4. Colonne Droite : formulaire */
.sdr_contact-form-wrapper {
    width: 37.1875rem;
    /* 595px */
}

/* 4.1. Formulaire et espacements */
.sdr_formulaire {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    /* 24px entre chaque champ */
}

/* 4.2. Wrapper commun pour chaque champ */
.sdr_field-wrapper {
    width: 100%;
}

/* 4.3. Style des inputs / textarea */
.sdr_formulaire input[type="text"],
.sdr_formulaire input[type="tel"],
.sdr_formulaire input[type="email"],
.sdr_formulaire textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    /* 12px 16px */
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    /* 8px arrondi */
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    /* 16px */
    color: #333;
    background-color: #fff;
    resize: vertical;
    /* pour textarea */
}

.sdr_formulaire textarea {
    min-height: 12rem;
    /* ~192px, 6 lignes */
}

/* 5. Bouton Envoyé */
.sdr_button-wrapper {
    text-align: left;
}

.sdr_book-now {
    display: inline-block;
    background: #B3A296;
    color: #fff !important;
    padding: 0.75rem 1.5rem;
    /* 12px 24px */
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    /* 16px */
    text-transform: uppercase;
    border-radius: 1.5rem;
    /* 24px arrondi */
    text-decoration: none;
    transition: background 0.2s ease;
}

.sdr_book-now:hover {
    background: #9b8b7a;
}

/* 6. Responsive (<768px) */
@media (max-width: 48rem) {

    .sdr_first_section {
        margin-top: 30px !important;
    }


    /* 48rem = 768px */
    .sdr_contact-container {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        /* 32px entre colonnes */
    }

    .sdr_contact-text,
    .sdr_contact-form-wrapper {
        width: 100%;
        /* prend toute la largeur */
    }

    .sdr_contact-text {
        text-align: center;
    }

    .sdr_button-wrapper {
        text-align: center;
    }

    .sdr-occupe-de-tout {
        padding: 120px 60px 0px;
    }

    .sdr-border-second-picture {
        border-radius: 25px;
    }

    .sdr-occupe-de-tout-pic {
        padding: 20px !important;
    }

    .sdc-dimension {
        width: auto;
    }

    .padding-container {
        padding: 20px;
    }

    .sdr-last-container {
        margin-bottom: 20px;
    }

}


/* modal pour product-detail.php  */

/* ===========================
     STYLES POUR LE MODAL
     =========================== */

.product_detail_image-modal {
    display: none;
    /* masqué par défaut */
    position: fixed;
    z-index: 9999;
    /* au-dessus de tout le reste */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* si l’image est très grande */
    background-color: rgba(0, 0, 0, 0.8);
    /* fond semi-transparent */
}

/* Icône pour fermer (croix) */
.product_detail_modal-close {
    position: absolute;
    top: 1rem;
    /* 16px */
    right: 1rem;
    /* 16px */
    color: #fff;
    font-size: 2rem;
    /* 32px */
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
}

.product_detail_modal-close:hover {
    color: #ccc;
}

/* Conteneur de l’image agrandie */
.product_detail_modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    /* au maximum 90% de la largeur de l’écran */
    max-height: 90%;
    /* au maximum 90% de la hauteur de l’écran */
    margin-top: 28vh;
    /* un petit espace haut pour la croix */
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    border-radius: 0.25rem;
}

/* Animation d’apparition */
.product_detail_image-modal .product_detail_modal-content {
    animation: product_detail_zoomIn 0.3s ease;
}

@keyframes product_detail_zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Responsive : sur petits écrans, l’image occupe presque tout l’écran */
@media (max-width: 48rem) {

    /* 768px */
    .product_detail_modal-content {
        max-width: 98%;
        /* presque 100% largeur */
        max-height: 80vh;
        /* 80% de la hauteur */
        margin-top: 10vh;
        /* centrer verticalement */
    }

    .product_detail_modal-close {
        font-size: 1.75rem;
        /* plus petit sur mobile */
        top: 0.5rem;
        right: 0.5rem;
    }
}


.menu_repas_font_p {
    font-family: Raleway;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #2B2827 !important;
}

/* ---------------------------------------------------
   Section principale (fond crème + padding)
   --------------------------------------------------- */
.menu_repas_section {
    background: var(--Couleurs-Crme, #F7F6F4);
    padding: 10px 0 40px;
}

/* ---------------------------------------------------
   Conteneur pour centrer le titre (max-width + flex)
   --------------------------------------------------- */
.menu_repas_title_container {
    width: 90%;
    max-width: 743px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ---------------------------------------------------
   Style du titre principal
   --------------------------------------------------- */
.menu_repas_title {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
    /* Pour annuler tout margin par défaut */
}

/* Pour mettre en avant la partie “menu à la carte” */
.menu_repas_title_highlight {
    font-size: 55px;
    font-family: "Grafolita", sans-serif;
    display: inline-block;
}

.menu-repas-span {
    font-size: 55px !important;

}

/* ---------------------------------------------------
   Conteneur pour centrer le bouton en dessous
   --------------------------------------------------- */
.menu_repas_button_container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* ---------------------------------------------------
   Style du bouton “Contactez-nous”
   --------------------------------------------------- */
.menu_repas_button {
    display: inline-block;
    background: #B3A296;
    color: #ffffff !important;
    padding: 20px 30px;
    text-decoration: none;
    border-radius: 50px;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.menu-repas-text {
    width: 80%;
}



/* ---------------------------------------------------
   Responsive : ajustements pour tablettes et mobiles
   --------------------------------------------------- */
@media (max-width: 768px) {
    .menu_repas_title {
        font-size: 28px;
        line-height: 1.3;
    }

    .menu_repas_title_highlight .menu-repas-span {
        font-size: 36px;
    }

    .menu-repas-span {
        width: 100%;
        display: flex;
    }

    .menu_repas_button {
        padding: 15px 25px;
        font-size: 14px;
    }

    .menu_repas_noMinHeith {
        min-height: 0px !important;
    }

    .menu-repas-text {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .menu_repas_title {
        font-size: 24px;
    }

    .menu_repas_title_highlight .menu-repas-span {
        font-size: 30px;
    }

    .menu_repas_button {
        padding: 12px 20px;
        font-size: 13px;
    }
}


/* A-PROPOS******************* */
.a-propos p {
    color: #2B2827;
}

.hero-a-propos {
    width: 100%;
    height: 274px;
    padding: 69px 391px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('/images/chez-ti-pere/cabane-a-sucre/a-propos-header.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
}

.hero-a-propos::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.hero-layout {
    position: relative;
    width: 441px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.hero-a-propos .titre {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    margin: 0;
}

/* ----- RESPONSIVE ≤1250px avec nouvelles classes ----- */
@media (max-width: 1250px) {
    .hero-a-propos-1250 {
        height: auto !important;
        padding: clamp(40px, 8vw, 80px) 20px !important;
    }

    .hero-layout-1250 {
        width: 100% !important;
        height: auto !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .titre-1250 {
        font-size: clamp(28px, 6vw, 40px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }
}



.container-a-propos {
    padding: clamp(32px, 6vw, 120px) clamp(20px, 7vw, 120px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

/* Colonne texte */
.container-a-propos .col-contenu-a-propos {
    width: 975px;
    /* largeur fixe en desktop */
    max-width: 100%;
    /* ne déborde jamais sur petits écrans */
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 2.2vw, 20px);
    text-align: center;
    margin-inline: auto;
}

/* Texte */
.container-a-propos .col-contenu-a-propos p {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.6;
    margin: 0;
    color: #2b2b2b;
}

/* Tablette */
@media (max-width: 1024px) {
    .container-a-propos .col-contenu-a-propos {
        width: 100%;
        /* occupe toute la largeur dispo */
        text-align: left;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .container-a-propos {
        padding: clamp(24px, 6vw, 40px) clamp(16px, 6vw, 28px);
    }

    .container-a-propos .col-contenu-a-propos {
        width: 100%;
        /* fluide en mobile */
        gap: clamp(10px, 3.5vw, 16px);
        text-align: left;
        /* ou center si tu préfères */
    }
}




.section-valeurs-vision {
    background: #f8f7f5;
    padding: clamp(40px, 6vw, 60px) clamp(20px, 7vw, 120px);
    text-align: center;
}

/* TOP: 2 cartes côte à côte sur desktop, empilées sur mobile */
.vv-top {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: clamp(16px, 4vw, 40px);
    margin-bottom: clamp(24px, 5vw, 40px);
    flex-wrap: wrap;
    /* permet de passer à 1 colonne si espace insuffisant */
}

.vv-box {
    background: #fff;
    padding: clamp(20px, 3.5vw, 30px);
    border-radius: 10px;
    flex: 1 1 460px;
    /* grandit, rétrécit, base ~460px pour basculer en 2 colonnes */
    max-width: 563px;
    /* ta largeur cible en desktop */
    width: 100%;
    /* ne déborde jamais */
    margin-top: 30px;
    text-align: left;
    /* meilleur confort de lecture */
}

.vv-box h3,
.vv-bottom h3 {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    /* ExtraBold */
    font-size: clamp(20px, 2.2vw, 24px);
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.apph3 {
    text-align: left !important;
}

.vv-box p,
.vv-bottom p {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: clamp(15px, 1.2vw, 16px);
    line-height: 1.6;
    margin: 0 0 15px;
    color: #2b2b2b;
}

/* Séparateur */
.vv-divider {
    margin: clamp(24px, 5vw, 40px) auto;
    display: flex;
    justify-content: center;
}

.vv-divider img {
    max-width: min(100%, 1180px);
    height: auto;
}

/* BOTTOM: bloc large centré */
.vv-bottom {
    background: #fff;
    padding: clamp(24px, 4.5vw, 40px);
    border-radius: 10px;
    max-width: 1168px;
    /* ta largeur cible en desktop */
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

/* Petites retouches par breakpoint */
@media (max-width: 1024px) {
    .section-valeurs-vision {
        text-align: left;
    }

    .vv-top {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .section-valeurs-vision {
        padding: clamp(24px, 6vw, 40px) clamp(16px, 6vw, 28px);
        text-align: left;
    }

    .vv-box {
        margin-top: 20px;
    }
}


.chocolat-a-propos {
    height: 544px;
}

.mission-content-1250 {
    padding-left: 25px;
}

.mission-image-wrapper-1250 {
    padding-right: 54px;
}

/* Styles spécifiques tablette ≤1250px */
@media (max-width: 1250px) {

    .chocolat-a-propos {
        height: auto !important;
        padding: clamp(20px, 6vw, 60px) clamp(20px, 7vw, 120px) !important;
    }

    .mission-1250 .mission-container-1250 {
        flex-direction: column !important;
        align-items: center !important;
        gap: 32px !important;
    }

    .mission-1250 .mission-content-1250 {
        order: 1 !important;
        text-align: center !important;
        max-width: 100% !important;
        padding-left: 0px;
    }

    .mission-1250 .mission-image-wrapper-1250 {
        order: 2 !important;
        width: 100% !important;
        padding: 30px 0 !important;
        display: flex !important;
        justify-content: center !important;
        padding-right: 0px;
    }

    .mission-1250 .mission-img-1250 {
        width: 100% !important;
        max-width: 532px !important;
        height: auto !important;
    }

    .mission-1250 .mission-text-1250 {
        font-size: clamp(15px, 1.4vw, 16px) !important;
        line-height: 1.6 !important;
    }

    .mission-1250 .mission-title-1250 {
        font-size: clamp(26px, 4vw, 40px) !important;
        line-height: 120% !important;
        margin-bottom: 20px !important;
    }
}




.section-histoire {
    background: #f5f2ef;
    padding: 80px 0;
}

.section-histoire .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 60px;
}

/* Colonne texte */
.section-histoire .col-texte {
    width: 540px;
}

.section-histoire .col-texte h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 120%;
    margin-bottom: 20px;
}

.section-histoire .col-texte p {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
    font-family: Raleway;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;
}

/* Colonne images */
.section-histoire .col-images {
    width: 408px;
    height: 486px;
    position: relative;
}

.section-histoire .col-images img {
    width: 260px;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #ccc;
    position: absolute;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
    border: 1px solid #000;
}

/* Décalages pour effet visuel */
.section-histoire .col-images .img1 {
    top: 0;
    left: 90px;
}

.section-histoire .col-images .img2 {
    top: 115px;
    left: -58px;
}

.section-histoire .col-images .img3 {
    top: 240px;
    left: 138px;
}


/* ≤ 1250px : images sous le texte, empilées */
@media (max-width: 1250px) {
    .section-histoire .container {
        flex-direction: column;
        align-items: center;
        gap: clamp(20px, 3vw, 32px);
        padding: 80px 20px;

    }

    .section-histoire .col-texte {
        order: 1;
        /* texte en premier */
        width: min(540px, 100%);
        /* garde ta cible sans déborder */
    }

    .section-histoire .col-images {
        order: 2;
        /* images après */
        width: min(540px, 100%);
        /* largeur confortable pour la pile */
        height: auto;
        /* plus de height fixe */
        aspect-ratio: auto;
        /* on annule l’aspect-ratio du desktop */
        position: relative;
    }

    /* On annule le positionnement absolu pour empiler proprement */
    .section-histoire .col-images img {
        position: static !important;
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 16px 0;
        /* espace entre les images */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
        /* plus doux en mobile */
    }

    .section-histoire .col-images img:last-child {
        margin-bottom: 0;
    }
}


.cta-section {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
    /* tu peux mettre une couleur ou une image */
}

.cta-container-h2 {
    font-size: clamp(20px, 4vw, 50px);
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    line-height: 120%;
}

.cta-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0;
    margin-bottom: 40px;
}

.cta-title em {
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    font-weight: 400;
}

.cta-button {
    display: inline-block;
    width: clamp(260px, 30vw, 381px);
    /* largeur mini 220px, idéale 30vw, max 381px */
    height: 57px;
    padding: 20px 40px;
    background: #E15E35 !important;
    /* caramel */
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    /* 10% */
    border-radius: 100px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.cta-button:hover {
    background: #c94f2a;
    /* nuance plus foncée au survol */
    color: #000;
    /* texte noir au hover */
}


.party-noel-li {
    list-style: none;
    padding-left: 0;
    margin: 0 0 20px 0;
    font-size: 15.7px;
    color: #2B2827 !important;
}

.party-noel-li li {
    position: relative;
    padding-left: 20px;
    /* espace pour l'icône */
    margin-bottom: 10px;
}

.party-noel-li li::before {
    content: "✔";
    /* symbole check */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--variable-collection-couleurs-cendre);
    font-weight: bold;
}