/** Shopify CDN: Minification failed

Line 13:13 Unexpected "/"

**/
a.header__menu-item.leading-16.relative.group-hover\:text-brand.before\:absolute.before\:w-0.before\:ltr\:right-0.rtl\:left-0.before\:bg-brick.before\:h-\[1px\].before\:transition-all.before\:duration-300.before\:-bottom-\[1px\].before\:z-10.before\:left-0.group-hover\:before\:w-full.ltr\:group-hover\:before\:left-0.rtl\:group-hover\:before\:right-0.lrt\:group-hover\:before\:right-auto.rtl\:group-hover\:before\:left-auto.\!py-6.block.hover\:text-brick.header__menu-item.list-menu__item.link.hover\:text-brick.focus-inset {
    font-weight: 600;
}


/* [Encadre nav] Ancien badge promo du 1er item du menu retire - remplace par l'encadre (snippet nav-encadre-css). */

<!-- sections/direction-section.liquid -->

@font-face {
  font-family: 'SnowfallObl';
  src: url('SnowfallObl.woff2') format('woff2'),
       url('SnowfallObl.woff') format('woff');
  font-weight: normal;
  font-style: oblique;
}

.tw-button-quaternary,
button.tw-button-quaternary{
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  --tw-border-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity)); /* fond blanc */
  color: rgb(157 35 48 / var(--tw-text-opacity));           /* texte couleur */
  border-color: rgb(157 35 48 / var(--tw-border-opacity));  /* bordure assortie */
}

/* Etat disabled (optionnel) */
.tw-button-quaternary[disabled],
button.tw-button-quaternary[disabled]{
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;

  background-color: rgb(102 102 102 / var(--tw-bg-opacity));
  border-color: rgb(102 102 102 / var(--tw-border-opacity));
  color: rgb(255 255 255 / var(--tw-text-opacity));
  cursor: not-allowed;
}


@font-face {
  font-family: 'MonotypeCorsiva';
  src: url('MonotypeCorsiva-Italic.woff2') format('woff2'),
       url('MonotypeCorsiva-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}


.image-with-text {
  width: 608px;
  height: 608px;
  background-size: cover;
  background-position: center;
  display: inline-block; /* This makes images sit side by side */
  position: relative; /* Needed for absolute positioning of text overlay */
}

.text-highlight {
  color: #ff0000 !important;
}

.error-message {
    font-weight: 600;
    color: red;
}

.typo-body-bundle {
    font-size: 15px;
    font-weight: 400;
}

.tw-uppercase {
  text-transform:uppercase
  }

.typo-body-xlg {
 font-size: 26px;
 font-weight: 600;
  }

.typo-big-h1 {
  font-size: 70px;
  font-family: Adobe Caslon Pro, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
    font-weight: 400;
    line-height: 1;
  }

.tw-bg-\[\#f5f0f0\] {
    --tw-bg-opacity: 1;
    background-color: #f5f0f0;
}

.tw-text-fabienne {
    color: #2f2e2e;
}

.typo-body-xsm {
    font-size: 9px;
}

@media (max-width: 768px) {

    .typo-body-xlg {
      font-size: 20px;
  }

  .typo-big-h1 {
    font-size: 52px;
  }
}

a.centrer {
    margin: auto;
    display: block;
}

tw-relative {
    position:relative;
}

apt-seo-link.typo-legend.lg\:typo-body.tw-text-black.tw-underline {
    font-size: 12px;
    font-weight: 700;
}

.entrepot {
padding: 11px;
    background-color: #f4d9e9;
    border-radius: 5px;
    font-size: 13px;
}

  .side_by_side {
    padding: 0 20px;
}

  .full_width {
    padding: 0 20px;
    margin-bottom: 4px;
}

.image-with-text.mobile-image {
    display: none;
}

.text-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 4.4rem;
    font-weight: 400;
}

  .image-with-text.mobile-image {
    display: none!important;
}

/* If full width is chosen */
.full_width .image-with-text {
  display: block; /* Stack images */
  width: 100%; /* Full width */
}

/* If side by side is chosen */
.side_by_side .image-with-text {
  display: inline-block; /* Images side by side */
  width: calc(50% - 4px); /* Adjust width for potential margins */
  margin-right: 4px; /* Add some space between the images */
}

/* Adjustments for last item in a side by side layout to remove margin */
.side_by_side .image-with-text:last-child {
  margin-right: 0;
}

@media (min-width: 1000px) {
.etroit-slider {
   width: 50%;
    margin: auto;
}
}

@media (max-width: 767px) {
  .side_by_side .image-with-text {
    width: 100%;
    margin-bottom: 4px;
    margin-right: 0;
  }

  .image-with-text.mobile-image {
    display: block!important;
  }

  .image-with-text.desktop-image {
    display: none!important;
  }
  .image-with-text {
    background-size: cover;
    background-position: center;
    height: 400px;
    padding: 0;
}
  .full_width {
    padding: inherit;
  }
.side_by_side {
    padding: inherit!important;
}
}