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

/* 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 .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: 20px;

    & 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-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: 100%;
  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;
  }
}

/* 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;

            & .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;
  }
  /*.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 */
  }
}