@font-face {
  font-family: "Fustat";
  src: url("/theme/fr/assets/fonts/Fustat-VariableFont_wght.woff2")
      format("woff2"),
    url("/theme/fr/assets/fonts/Fustat-VariableFont_wght.ttf")
      format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "Begum";
  src: url("/theme/fr/assets/fonts/Begum-Medium.woff2") format("woff2"),
    url("/theme/fr/assets/fonts/Begum-Medium.woff") format("woff"),
    url("/theme/fr/assets/fonts/Begum-Medium.ttf") format("truetype"),
    url("/theme/fr/assets/fonts/Begum-Medium.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

:root {
  /* Polices */
  --font-main: "Fustat", sans-serif;
  --font-title: "Begum", serif;

  /* Couleurs */
  --primary-lighter-10: #edf1ed;
  --primary-lighter-20: #dce2db;
  --primary-lighter-30: #cad4c9;
  --primary-lighter-40: #b8c6b7;
  --primary-lighter-50: #a6b7a5;
  --primary: #4e704c;
  --primary-rgb: 78, 112, 76;
  --primary-darker: #395238;
  --primary-darker-rgb: 57, 82, 56;

  --blanc: #ffffff;
  --blanc-rgb: 255, 255, 255;
  --noir: #222222;
  --noir-rgb: 34, 34, 34;
  --background: #f8f6ee;
  --background-rgb: 248, 246, 238;
  --background-2: #f1ede8;
  --background-2-rgb: 241, 237, 232;
  --secondary: #9969e4;
  --secondary-rgb: 153, 105, 228;

  --secondary-lighter: #eee5fb;
  --secondary-lighter-rgb: 238, 229, 251;

  --success: #18a957;

  /* Ombres */
  --light-shadow: 0px 29px 28.3px -21px rgba(0, 0, 0, 0.1);
  --big-shadow: 0px 36px 20.6px -23px rgba(0, 0, 0, 0.2);

  /* sticky top */
  --sticky-top-up: 120px;
  --sticky-top-down: 80px;
}

html {
  scroll-behavior: smooth;
  scroll-margin-top: calc(103px + 1rem + var(--header-alert-height));
}

body {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  font-size: 1rem;
  font-style: normal;
  color: var(--noir);
  background-color: var(--background);
}

.wrapper {
  overflow: clip;
}
div#main {
  position: relative;
}

.text-size-large-light,
.text-size-large,
.text-size-large-bold,
.text-size-medium-light,
.text-size-medium,
.text-size-medium-bold,
.text-size-regular-light,
.text-size-regular,
.text-size-regular-bold,
.text-size-small-light,
.text-size-small,
.text-size-small-bold,
.text-size-tiny {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

.text-size-large-light,
.text-size-large,
.text-size-large-bold {
  font-size: 1.5rem;
}

.text-size-medium-light,
.text-size-medium,
.text-size-medium-bold {
  font-size: 1.25rem;
}

.text-size-regular-light,
.text-size-regular,
.text-size-regular-bold {
  font-size: 1.125rem;
}

.text-size-small-light,
.text-size-small,
.text-size-small-bold {
  font-size: 1rem;
}

.text-size-tiny {
  font-size: 0.875rem;
}

.text-size-large-light,
.text-size-medium-light,
.text-size-regular-light,
.text-size-small-light {
  font-variation-settings: "wght" 300;
}

.text-size-medium,
.text-size-regular,
.text-size-small,
.text-size-tiny {
  font-variation-settings: "wght" 500;
}

.text-size-large,
.text-size-large-bold,
.text-size-medium-bold,
.text-size-regular-bold,
.text-size-small-bold {
  font-variation-settings: "wght" 700;
}

.text-size-large-bold {
  line-height: 120%;
}

.text-size-medium-bold {
  line-height: 125%;
}

.text-size-regular-bold {
  line-height: 130%;
}

.text-size-large {
  line-height: 140%;
}

.text-size-regular,
.text-size-small-light {
  line-height: 165%;
}

.text-size-large-light {
  line-height: 170%;
}

strong,
b {
  font-variation-settings: "wght" 700;
  font-weight: 400;
}

small,
.small {
  font-size: 75%;
}

.font-title {
  font-family: var(--font-title);
}
.text-muted {
  color: var(--primary-darker) !important;
  opacity: 0.75;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

.underline {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.color-white {
  color: var(--blanc);
}

.color-mauve {
  color: var(--secondary);
}

.color-primary {
  color: var(--primary);
}

.color-primary-dark {
  color: var(--primary-darker);
}

.light-shadow {
  box-shadow: var(--light-shadow);
}

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

/* selection */
::-moz-selection {
  color: var(--blanc);
  background: var(--secondary);
}
::selection {
  color: var(--blanc);
  background: var(--secondary);
}

/* Background */

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-primary-lighter-10 {
  background: var(--primary-lighter-10);
}

.bg-primary-lighter-20 {
  background: var(--primary-lighter-20);
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-secondary-lighter {
  background-color: var(--secondary-lighter) !important;
}

.bg-light {
  background-color: var(--background-2) !important;
}

.multiply {
  mix-blend-mode: multiply;
}

.dark-overlay[style*="background-image"] {
  background-color: var(--primary) !important;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.6);
}

.dark-overlay[style*="background-image"] .color-primary-dark {
  color: var(--blanc);
}

/* marges, paddings et gutters */

.mb-12 {
  margin-bottom: 0.75rem;
}
.mb-20 {
  margin-bottom: 1.25rem;
}
.mb-32,
.my-32 {
  margin-bottom: 2rem;
}
.mb-40 {
  margin-bottom: 2.5rem;
}
.mb-56 {
  margin-bottom: 3.5rem;
}
.mb-64 {
  margin-bottom: 4rem;
}
.mt-32,
.my-32 {
  margin-top: 2rem;
}
.mt-40 {
  margin-top: 2.5rem;
}
.mt-64 {
  margin-top: 4rem;
}
.g-20,
.gx-20 {
  --bs-gutter-x: 1.25rem;
}
.g-32,
.gx-32 {
  --bs-gutter-x: 2rem;
}
.g-32,
.gy-32 {
  --bs-gutter-y: 2rem;
}
.g-40,
.gx-40 {
  --bs-gutter-x: 2.5rem;
}
.g-40,
.gy-40 {
  --bs-gutter-y: 2.5rem;
}
.g-64,
.gx-64 {
  --bs-gutter-x: 4rem;
}
.g-64,
.gy-64 {
  --bs-gutter-y: 4rem;
}

.gap-21 {
  gap: 1.3125rem;
}

.gap-32 {
  gap: 2rem;
}

.pt-32,
.py-32 {
  padding-top: 2rem;
}
.pb-32,
.py-32 {
  padding-bottom: 2rem;
}
.p-32 {
  padding: 2rem !important;
}
.ps-32,
.px-32 {
  padding-left: 2rem;
}
.pe-32,
.px-32 {
  padding-right: 2rem;
}
.p-64 {
  padding: 4rem !important;
}

@media (min-width: 576px) {
  .gap-sm-32 {
    gap: 2rem;
  }
}

@media (min-width: 768px) {
  .p-md-32 {
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  .g-lg-32,
  .gx-lg-32 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-32,
  .gy-lg-32 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-64,
  .gx-lg-64 {
    --bs-gutter-x: 4rem;
  }
  .g-lg-64,
  .gy-lg-64 {
    --bs-gutter-y: 4rem;
  }
  .mb-lg-32 {
    margin-bottom: 2rem;
  }
  .mb-lg-64 {
    margin-bottom: 4rem !important;
  }
}

/* Container 1600 */

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1500px;
  }

  .col-xxxl {
    flex: 1 0 0%;
  }

  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.row-container-services {
  container-type: inline-size;
  container-name: row-container-services;
}

@container row-container-services (width >= 1024px) {
  .row-container-services .col-container {
    flex: 1 0 0%;
  }
}
@container row-container-services (width <= 1023.98px) {
  .row-container-services .col-container {
    flex: 0 0 auto;
    width: 50%;
  }
}

@container row-container-services (width <= 576px) {
  .row-container-services .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
}

.row-container-sommaire {
  container-type: inline-size;
  container-name: row-container-sommaire;
}

@container row-container-sommaire (width >= 1200px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@container row-container-sommaire (width <= 1199.98px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 50%;
  }
}

@container row-container-sommaire (width <= 991.98px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
}

/* Icones  */

/*  Header */

/* Boutons et liens */
.text-primary {
  --bs-text-opacity: 1;
  color: var(--primary) !important;
}

a {
  color: var(--primary-darker);
  text-decoration: underline;
  cursor: pointer;
}
.btn {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-font-family: var(--font-main);
  --bs-btn-font-weight: 400;
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
}
.btn-xs {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-size: 1rem;
}
.btn-sm {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-size: 1rem;
}
.btn-lg {
  --bs-btn-padding-x: 3rem;
  --bs-btn-padding-y: 1.75rem;
  --bs-btn-font-size: 1rem;
}

.btn-border.btn-lg {
  --bs-btn-padding-y: calc(1.5rem - 1.5px);
}

.btn.arrow,
#navbar-menu .dropdown-mega-menu .sommaire > a {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding-right: 1rem;
}

.btn.arrow > span,
#navbar-menu .dropdown-mega-menu .sommaire > a > span {
  position: relative;
}

.btn.arrow::before,
#navbar-menu .dropdown-mega-menu .sommaire > a::before {
  content: "";
  width: 110%;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  right: 88%;
  opacity: 0;
  transition: 0.3s;
}

.btn.arrow:hover::before,
.btn.arrow:focus::before,
#navbar-menu .dropdown-mega-menu .sommaire > a:hover::before,
#navbar-menu .dropdown-mega-menu .sommaire > a:focus::before {
  opacity: 1;
  right: -5%;
}
.btn.btn-lg.arrow {
  padding-right: 2rem;
}
.btn-primary.arrow {
  --bs-btn-hover-bg: var(--primary);
}
.btn-primary.arrow::before,
#navbar-menu .dropdown-mega-menu .sommaire > a::before {
  background-color: var(--secondary);
}

.btn.arrow::after,
#navbar-menu .dropdown-mega-menu .sommaire > a::after {
  content: "";
  display: inline-flex;
  height: 1.5rem;
  width: 0.875rem;
  background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 8.00003C17.5 8.00003 14.8871 7.62983 12.8787 5.62149C10.8703 3.61305 9.717 1.51005 10.3028 0.924212C10.8886 0.338492 12.9916 1.49169 15 3.50013C17.0084 5.50857 17.5 8.00003 17.5 8.00003ZM17.5 8.00003C17.5 8.00003 10.8403 9.50003 8 9.50003C5.15969 9.50003 0.5 8.82843 0.5 8.00003C0.5 7.17153 5.15969 6.50003 8 6.50003C10.8403 6.50003 17.5 8.00003 17.5 8.00003ZM15 12.4241C17.0084 10.4157 17.5 8.00003 17.5 8.00003C17.5 8.00003 14.8871 8.29443 12.8787 10.3028C10.8703 12.3112 9.71701 14.4142 10.3028 15C10.8886 15.5858 12.9916 14.4325 15 12.4241Z" fill="white"/></svg>');
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center right;
  opacity: 0;
  z-index: 1;
  transition: 0.3s;
}
@media (min-width: 576px) {
  .btn.arrow:hover::after,
  .btn.arrow:focus::after,
  #navbar-menu .dropdown-mega-menu .sommaire > a:hover::after,
  #navbar-menu .dropdown-mega-menu .sommaire > a:focus::after {
    opacity: 1;
    width: 1.875rem;
  }
}

.btn-primary {
  --bs-btn-color: var(--blanc);
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: var(--blanc);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: var(--secondary-rgb);
  --bs-btn-active-color: var(--blanc);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--blanc);
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border: none;
}
.btn-outline-primary {
  --bs-btn-color: var(--primary-darker);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: var(--blanc);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--blanc);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--primary);
  --bs-gradient: none;
  --bs-btn-border-width: 2px;
}
.btn-addcart {
  display: inline-flex;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-line-height: 1.25;
  --bs-btn-border-radius: 0.5rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: left;
}
.btn-addcart::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8V6C16 6 16 2 11.9946 2C7.98913 2 8 5.97514 8 5.97514V8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 6H20V19C20 21.2091 18.2091 23 16 23H8C5.79086 23 4 21.2091 4 19V6Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.link {
  --link-color: var(--primary);
  --link-underline-color: var(--primary);
  color: var(--link-color);
  font-style: normal;
  line-height: 150%;
  text-decoration-line: none;
  padding-bottom: 0.125rem;
  position: relative;
  transition: 0.3s;
}
button.link {
  padding: 0;
  background: transparent;
  border: none;
  height: max-content;
}
.link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: var(--link-underline-color);
  opacity: 0.1;
  transition: 0.3s;
}
.link:hover {
  color: var(--link-color);
  transition: 0.3s;
}
.link:hover:after {
  background: var(--link-underline-color);
  height: 1.5px;
  opacity: 1;
  transition: 0.3s;
}

.btn-border {
  border-radius: 6px;
  border: 2px solid var(--primary-lighter-10);
  background: transparent;
  color: var(--noir);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
}
/*
.btn-border {
	--bs-btn-padding-y: calc(1rem - 1.5px);
}
    */
.btn-border:hover,
.btn-border:focus {
  border: 2px solid var(--primary);
  background: var(--primary);
  color: #fff;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--secondary);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--secondary);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-light {
  --bs-btn-color: var(--noir);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

/* Logo site */

.logo-site {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  width: 275px;
  color: var(--primary-darker);
  transition: 0.3s;
}

.logo-site-img {
  width: 91px;
  height: 77px;
  transition: 0.3s;
}

#header .logo-site {
  width: auto;
}

#header .logo-site-img {
  width: 76px;
  height: 65px;
}

.logo-site-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0;
  transition: 0.3s;
}

.logo-site-name {
  font-family: var(--font-title);
  font-size: 1.48rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.712px;
  transition: 0.3s;
}

#header .logo-site-name {
  font-size: 1.24rem;
  letter-spacing: -0.797px;
}

.logo-site-baseline {
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-family: var(--font-main);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transition: 0.3s;
}

@media (min-width: 1400px) {
  #header .logo-site {
    width: 275px;
  }
  #header .logo-site-img {
    width: 91px;
    height: 77px;
  }
  #header .logo-site-name {
    font-size: 1.48rem;
    letter-spacing: -0.712px;
  }
}

/* Header au scroll */
#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  transition: 0.3s;
}

#header .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), 0.25);
}

#navbar-main {
  box-shadow: var(--light-shadow);
  transition: 0.3s;
}

#header .header-top {
  height: 45px;
  transition: 0.3s;
}
div#banner {
  position: relative;
  padding-top: calc(108px + var(--header-alert-height));
}

.navbar-top .nav {
  --bs-nav-link-color: var(--primary);
  --bs-nav-link-hover-color: var(--primary);
  --bs-nav-link-padding-x: 0;
  gap: 0.5rem 1.375rem;
}

@media (min-width: 768px) {
  #banner::before {
    content: "";
    position: absolute;
    right: 68dvw;
    top: -2.75rem;
    background-image: url("/theme/fr/assets/img/bg-filigrane-banner.webp");
    background-size: contain;
    background-repeat: no-repeat;
    width: 108dvw;
    max-width: 1558px;
    aspect-ratio: 1558/2128;
    transform: rotate(30deg);
    z-index: -1;
    opacity: 0.5;
  }

  .cms-accueil #banner::before,
  .catalogue-produit #banner::before {
    opacity: 1;
  }
}

/* Menu principal */

.navbar-nav {
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: var(--primary);
  --bs-nav-link-hover-color: var(--primary);
  --bs-navbar-active-color: var(--primary);
  --bs-nav-link-disabled-color: rgba(var(--primary-rgb), 0.5);
}

.navbar-nav .dropdown {
  position: absolute;
  top: 100%;
}
.navbar-nav .dropdown-menu {
  margin-top: 0;
  border: none;
}
.navbar-nav .dropdown-menu .dropdown-item {
  white-space: normal;
  padding: 0.5rem;
}
.page-1.has-child .dropdown-toggle + .dropdown .dropdown-menu {
  position: relative;
  display: block;
  padding: 0;
}
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:hover,
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:focus,
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a.active,
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:active {
  color: var(--secondary);
  background: transparent;
}
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:hover
  .menu-title,
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:focus
  .menu-title,
.page-1.has-child
  .dropdown-toggle
  + .dropdown
  .dropdown-menu
  li:not(.sommaire)
  a:active
  .menu-title {
  color: var(--secondary);
  border-bottom-color: var(--secondary);
}

.mega-menu .page-1 > .nav-link {
  font-size: 1rem;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  line-height: 115%;
  text-align: center;
}

.mega-menu .page-1 > .nav-link > .menu-title {
  display: block;
}

/* Mega Menu */
.mega-menu .page-1.has-child > .dropdown {
  position: absolute;
  width: 300px;
  background: #fff;
  padding: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1;
  overflow-y: auto;
  border-radius: 0 0 0.5rem 0.5rem;
  max-height: calc(100vh - 136px);
  box-shadow: var(--light-shadow);
}

.mega-menu .page-1.has-child.expand > .dropdown {
  top: calc(100% - 0.5rem);
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.mega-menu .page-1.has-child > .dropdown-mega-menu {
  width: 100%;
  padding: 3rem 4rem;
  left: 0;
  top: calc(100% - 0.5rem);
}

.mega-menu .page-1 .nav-link {
  position: relative;
}

.mega-menu .page-1 .nav-link.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  content: "\f078";
  font-family: "FontAwesome";
  border: none;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translate(-50%);
  transition: 0.3s;
}

.mega-menu .page-1.expand .nav-link.dropdown-toggle::after {
  transform: translate(-50%) rotate(180deg);
  transition: 0.3s;
}

.navbar-nav .dropdown-mega-menu .dropdown-item {
  color: var(--primary-darker);
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0.5rem 0 0.375rem;
  break-inside: avoid;
  transition: 0.3s;
}

.navbar-nav .dropdown-mega-menu li:not(.sommaire) .dropdown-item .menu-title {
  position: relative;
  line-height: 165%;
  color: var(--primary-darker);
  border-bottom: 1.5px solid rgba(var(--primary-darker-rgb), 0.1);
  transition: 0.3s;
}

.navbar-nav .dropdown-mega-menu .dropdown-item:hover {
  background: var(--primary);
  transition: 0.3s;
}

.navbar-nav .dropdown-mega-menu .dropdown-item.active {
  background: var(--secondary);
  transition: 0.3s;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  > .container
  > .dropdown-menu {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 1.5rem 3rem; /* Espacement entre les éléments */
  padding: 0;
}

.dropdown-toggle + .dropdown-mega-menu .sommaire {
  grid-row: 2;
  grid-column: 2;
  display: flex;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-header {
  grid-column: 1;
  grid-row: 1 / span 2; /* Cela permet à cet item de s'étendre sur deux lignes */
  position: relative;
}

.dropdown-header {
  position: relative;
  min-height: 276px;
  padding: 0;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-header
  .menu-image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-menu
  a {
  padding: 0.5rem;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-menu
  .menu-title {
  font-size: 1rem;
  padding-left: 1rem;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .menu-description {
  display: block;
  font-size: 14px;
  opacity: 0.5;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item.active
  .menu-description,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item:active
  .menu-description,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item:hover
  .menu-description,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item:hover
  .menu-description {
  opacity: 1;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item:hover,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .dropdown-item:hover {
  color: #fff;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .sommaire a,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .sommaire
  a.active {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1rem 0.75rem 2rem;
  width: auto;
  font-family: var(--font-main);
  font-size: 1rem;
  font-weight: 400;
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  line-height: 150%;
  color: var(--blanc);
  background-color: var(--primary);
  border-radius: 0.5rem;
  margin-top: auto;
}

.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .sommaire
  a:hover,
.page-spacer
  .dropdown-toggle
  + .dropdown-mega-menu
  .dropdown-menu
  .sommaire
  a:focus {
  color: var(--blanc);
  transition: 0.3s;
  background: var(--secondary);
}

.page-spacer .page-2 .dropdown-toggle:after {
  content: none;
}

div#navbar-menu .navbar-nav .nav-item.contact_page > a {
  color: var(--blanc);
  background: var(--primary);
}

div#navbar-menu .navbar-nav .nav-item.contact_page > a:hover {
  color: var(--blanc);
  background: var(--secondary);
}

/* Menu vignettes */

.menu-vignettes .sommaire {
  display: none;
}

.menu-vignettes .menu-vignette-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--primary-lighter-20);
  transition: 0.3s;
}

.menu-vignettes .menu-vignette-title {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 120%;
  margin-bottom: 0;
}

.menu-vignettes .menu-vignette-link {
  text-decoration: none;
  color: var(--primary-darker);
  transition: 0.3s;
}

.menu-vignettes
  .menu-vignette-item:has(
    .menu-vignette-link:hover,
    .menu-vignette-link:focus
  ) {
  background-color: var(--secondary);
}
.menu-vignettes .menu-vignette-link:hover,
.menu-vignettes .menu-vignette-link:focus {
  color: var(--blanc);
}

.menu-vignettes .menu-vignette-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Zone compte panier et recherche */

#header-list {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.btn-header {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0;
  border: none;
  background: transparent;
}

.btn-header .icon {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background-color: var(--primary-lighter-10);
  border-radius: 50%;
}

.btn-header .btn-header-text {
  color: var(--primary);
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 700;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  white-space: nowrap;
}

.cart-count {
  display: flex;
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  background: var(--secondary);
  color: var(--blanc);
  border-radius: 50%;
  font-size: 0.875rem;
  width: 1.375rem;
  height: 1.375rem;
  line-height: 1;
  justify-content: center;
  align-items: center;
}

.cart-count.nb-0 {
  display: none !important;
}

/* Panier détail */

.commandes-panier-detail .container-sidebar {
  margin: var(--bs-gutter-y) 0 0;
}

.cart-item {
  display: grid;
  grid-template-columns: calc(33% - 0.5rem) calc(67% - 0.5rem);
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 1rem;
}

.cart-item-remove {
  display: flex;
  width: 3rem;
  height: 3rem;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-lighter-20);
  border-radius: 3rem;
}

.cart-item .produit-image {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 0;
}

.cart-item .produit-contenu {
  grid-column: 2;
  grid-row: 1;
}

.recap-item .produit-contenu,
.cart-item .produit-contenu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cart-item .cart-qte {
  grid-column: 1 / span 2;
  grid-row: 2;
}

.cart-item .produit-contenu .produit-titre,
.recap-item .produit-contenu .produit-titre {
  text-align: start;
}

.variante-name {
  display: block;
  width: max-content;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  border: 1.5px solid var(--secondary);
  color: var(--primary-darker);
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 0;
}

.input-group-text.primary {
  color: var(--primary-darker);
  background-color: var(--primary-lighter-20);
  --bs-border-color: var(--primary-lighter-20);
  --bs-border-width: 2px;
}

.input-group-text.secondary {
  color: var(--blanc);
  background-color: var(--secondary);
  --bs-border-color: var(--secondary);
  --bs-border-width: 2px;
}

.shipping {
  position: relative;
}

.shipping .form-check-label::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.shipping .select-date {
  position: relative;
  z-index: 5;
}

/* Banniere Hero */

.carousel-accueil .owl-nav {
  inset: calc(100dvw - 1.25rem) 1.25rem auto;
}

.composant-hero .container {
  --bs-gutter-x: 0;
}

.composant-hero .carousel-accueil {
  position: relative;
}

.hero-item {
  width: 100%;
  padding: 0 0 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.hero-item .hero-title {
  font-size: 2rem;
  letter-spacing: -0.64px;
  margin: 0 1.25rem;
}

.hero-item .hero-content {
  margin: 0 1.25rem;
}

.hero-item .hero-content > *:last-child {
  margin-bottom: 0;
}

.hero-item .hero-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  margin: 0 1.25rem;
}

.hero-item .hero-image {
  aspect-ratio: 1;
  object-fit: cover;
}

@media (min-width: 576px) {
  .hero-item {
    padding: 3rem 0;
  }

  .hero-item .hero-image {
    border-radius: 0.5rem;
    box-shadow: var(--big-shadow);
  }

  .carousel-accueil .owl-nav {
    inset: calc(540px + 1.75rem) 1.25rem auto;
  }

  .cart-item .produit-image {
    grid-row: 1 / span 2;
  }
  .cart-item.recap .produit-image {
    grid-row: 1;
  }
  .cart-item .cart-qte {
    grid-column: 2;
    grid-row: 2;
  }
  .cart-item {
    grid-template-columns: calc(33% - 1rem) calc(67% - 1rem);
    gap: 1rem 2rem;
  }
}

@media (min-width: 768px) {
  .hero-item {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    gap: 1.5rem 1.25rem;
  }

  .hero-item .hero-title {
    grid-column: 1 / span 2;
    grid-row: 1;
    margin: 0 0 0 2rem;
  }

  .hero-item .hero-content {
    grid-column: 1;
    grid-row: 2;
    margin: 0 2rem;
  }

  .hero-item .hero-btns {
    flex-direction: row;
    flex-wrap: wrap;
    grid-column: 1;
    grid-row: 3;
    margin: 0 2rem;
  }

  .hero-item .hero-image {
    aspect-ratio: 646 / 623;
    grid-column: 2;
    grid-row: 2 / span 2;
    object-position: center;
  }

  .carousel-accueil .owl-nav {
    inset: 0 -1.25rem;
  }

  .form-group-md-inline {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
}

@media (min-width: 992px) {
  .hero-item {
    grid-template-columns: 1fr 1fr;
    padding: 4rem 0;
    gap: 2.375rem 1.25rem;
  }

  .hero-item .hero-title {
    font-size: 2.5rem;
    letter-spacing: -1.1px;
    grid-column: 1;
    margin: auto 2rem 0;
  }

  .hero-item .hero-image {
    grid-column: 2;
    grid-row: 1 / span 3;
  }

  .carousel-accueil .owl-nav {
    inset: 0 -1.25rem;
  }
}

@media (min-width: 1200px) {
  .composant-hero .container {
    --bs-gutter-x: 2.5rem;
  }

  .hero-item .hero-title {
    font-size: 3rem;
    letter-spacing: -1.1px;
    grid-row: 2;
  }

  .hero-item .hero-content {
    grid-row: 3;
  }

  .hero-item .hero-btns {
    grid-row: 4;
  }

  .hero-item .hero-image {
    grid-row: 1 / span 4;
  }
}

@media (min-width: 1400px) {
  .hero-item .hero-title {
    font-size: 3.4375rem;
    letter-spacing: -1.1px;
  }
}

/* Banniere Profonde */

.jumbotron {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.jumbotron[class*="bg-"] {
  position: relative;
}

[class^="col-"] .post-text [class^="col-"],
[class^="col-"] .post-jumbotron [class^="col-"] {
  flex: 0 0 auto;
  width: 100%;
}

.jumbotron .jumbotron-cat-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
}

.jumbotron .jumbotron-cat-img {
  width: 100%;
  aspect-ratio: 1;
  /* aspect-ratio: 100 / 121; */
  object-fit: cover;
}

@media (min-width: 576px) {
  .jumbotron .jumbotron-cat-img {
    border-radius: 0.5rem;
  }
  .page-classique .jumbotron .jumbotron-cat-img {
    aspect-ratio: 16/9;
  }
}

@media (min-width: 768px) {
  body:not(.page-classique) .jumbotron .jumbotron-cat-wrapper {
    display: grid;
    grid-template-columns: 4fr 8fr;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    gap: 1rem 3rem;
  }
  body:not(.page-classique) .jumbotron .jumbotron-cat-img {
    grid-column: 1;
    grid-row: 1 / span 3;
  }
  body:not(.page-classique) .jumbotron .jumbotron-cat-title {
    grid-column: 2;
    grid-row: 1;
  }
  body:not(.page-classique) .jumbotron .jumbotron-cat-desc {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (min-width: 992px) {
  body:not(.page-classique) .jumbotron .jumbotron-cat-wrapper {
    grid-template-columns: 34fr 76fr;
    gap: 1rem 4rem;
  }
  body.barre-laterale-gauche .jumbotron .justify-jumbotron {
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  body:not(.page-classique) .jumbotron .jumbotron-cat-wrapper {
    grid-template-columns: 35fr 77fr;
  }
  body:not(.page-classique) .justify-jumbotron {
    --bs-gutter-x: 4rem;
  }

  .jumbotron[class*="bg-"]::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    height: 148px;
    width: 100%;
  }

  .jumbotron.bg-light::after {
    background-color: var(--background-2);
  }

  .jumbotron.bg-primary-lighter-20::after {
    background-color: var(--primary-lighter-20);
  }

  .jumbotron.bg-secondary-lighter::after {
    background-color: var(--secondary-lighter);
  }
}

@media (min-width: 1400px) {
  body:not(.page-classique) .jumbotron .jumbotron-cat-wrapper {
    grid-template-columns: 31fr 71fr;
    width: 76%;
  }
  body.barre-laterale-gauche .jumbotron .justify-jumbotron {
    justify-content: center;
  }
  body:not(.page-classique) .justify-jumbotron .col-xxl-7 {
    width: 50%;
  }
}

@media (min-width: 1600px) {
  body:not(.page-classique) .jumbotron .jumbotron-cat-wrapper {
    grid-template-columns: 32fr 72fr;
  }
}

/* Pages classique */

.page-classique .row-content,
.page-classique .justify-jumbotron {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page-classique .jumbotron .jumbotron-cat-title {
  text-align: center;
}
.page-classique .jumbotron .jumbotron-cat-title .breadcrumb {
  justify-content: center;
}

@media (min-width: 992px) {
  .page-classique .col-content {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .page-classique .jumbotron .jumbotron-cat-wrapper {
    align-items: center;
    flex: 0 0 auto;
    width: calc(66.66666667% + 6rem);
  }

  .page-classique .jumbotron .jumbotron-cat-desc {
    flex: 0 0 auto;
    width: calc(100% - 6rem);
  }
  .page-classique .reduced-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .page-classique .reduced-width {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1400px) {
  .page-classique .col-content {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .page-classique .jumbotron .jumbotron-cat-wrapper {
    align-items: center;
    flex: 0 0 auto;
    width: calc(58.33333333% + 6rem);
  }
}

/* page de contact */
body.contact #main {
  padding-top: 0;
  padding-bottom: 0;
}

/* Chemin */

.breadcrumb {
  gap: 0.5rem 0;
}

.breadcrumb-divider {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.text-center .breadcrumb {
  justify-content: center;
}
.breadcrumb-item {
  font-size: 0.875rem;
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: none;
}
ol.breadcrumb .breadcrumb-item:last-child a {
  color: var(--secondary);
}
ol.breadcrumb .breadcrumb-item:last-child a:after {
  background-color: var(--secondary);
  opacity: 1;
}
.text-white ol.breadcrumb .breadcrumb-item a {
  color: #fff;
}
.text-white ol.breadcrumb .breadcrumb-item a:after {
  background: #fff;
}

.chemin.chemin-long .breadcrumb-item:last-child {
  max-width: calc(100% - 124px);
}
.chemin .breadcrumb-item:last-child {
  max-width: calc(100% - 50px);
  overflow-x: clip;
  text-overflow: ellipsis;
}
.chemin .breadcrumb-item:last-child a {
  white-space: nowrap;
}
.chemin.chemin-long a.dropdown-toggle:after {
  content: none;
}
.chemin.chemin-long a.dropdown-toggle {
  padding: 0.25rem 1rem;
}
.chemin.chemin-long .dropdown-menu {
  --bs-dropdown-border-width: 0;
  --bs-dropdown-border-radius: 0.5rem;
  box-shadow: var(--big-shadow);
}
.chemin.chemin-long .dropdown-menu .breadcrumb-divider {
  display: none;
}

/* Content */
.content {
  max-width: 750px;
}

.post-content {
  z-index: 2;
}

.post-content ul,
.post-content ul {
  margin-bottom: 1rem;
}

.post-content ul li,
.post-content ol li {
  position: relative;
  margin-bottom: 0.25rem;
}

.post-content > *:last-child {
  margin-bottom: 0;
}

article.post_simple + article.post_simple {
  margin-top: 3rem;
}

.post-content pre {
  position: relative;
  white-space: normal;
  font-size: 1rem;
  font-family: var(--font-main);
  background-color: var(--primary-lighter-20);
  padding: 2rem;
  z-index: 2;
  border-radius: 0.5rem;
}

blockquote {
  position: relative;
  margin: 2rem;
}

blockquote::before,
blockquote::after {
  display: block;
  position: absolute;
  font-size: 8rem;
  line-height: 1;
  font-family: var(--font-title);
  color: var(--background-2);
  mix-blend-mode: multiply;
  z-index: -1;
}

blockquote::before {
  content: "“";
  top: 2rem;
  left: 0;
  transform: translate(-50%, -50%);
}

blockquote::after {
  content: "”";
  bottom: -2rem;
  right: 0;
  transform: translate(50%, 50%);
}

/* Billet titre de section */
.post-titre-section {
  z-index: 1;
}

/* Billet simple titres textes et image */

.figure {
  z-index: 2;
  margin-bottom: 0;
}

.figure-img {
  border-radius: 0.5rem;
}
.figure-caption {
  text-align: right;
  margin-right: 0.5rem;
}

/* Billet boutique */

.post-boutique .card.contact {
  --bs-card-spacer-y: 2rem;
  --bs-card-spacer-x: 2rem;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0.25rem;
  --bs-card-bg: var(--blanc);
}

.post-boutique .card.contact .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.post-boutique .card.contact .card-body > * {
  margin-bottom: 0;
}

.img-wrapper {
  position: relative;
  width: 100%;
  height: 393px;
  z-index: 2;
}

.img-wrapper .img-fit {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

/* Carousel */

.owl-dots {
  position: absolute;
  inset: auto 0 0.375rem;
  display: flex;
  justify-content: center;
  padding: 1rem 2rem;
}

.owl-dot {
  display: flex;
  width: 0.875rem;
  height: 0.875rem;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  transition: 0.15s;
}

.owl-dot.active,
.owl-dot:hover {
  opacity: 1;
}

.owl-dot > span {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary);
  border-radius: 50%;
}

.owl-nav {
  position: absolute;
  inset: 0 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.owl-prev,
.owl-next {
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.owl-prev.disabled,
.owl-next.disabled {
  visibility: hidden;
}

.owl-prev > span,
.owl-next > span {
  display: block;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--primary);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 8.03786C17.5 8.03786 14.8871 7.66763 12.8787 5.6593C10.8703 3.65086 9.717 1.54787 10.3028 0.962026C10.8886 0.376306 12.9916 1.52951 15 3.53795C17.0084 5.54639 17.5 8.03786 17.5 8.03786ZM17.5 8.03786C17.5 8.03786 10.8403 9.53783 8 9.53782C5.15969 9.53782 0.500001 8.86629 0.500001 8.03785C0.500001 7.20937 5.15969 6.53782 8 6.53782C10.8403 6.53782 17.5 8.03786 17.5 8.03786ZM15 12.462C17.0084 10.4535 17.5 8.03786 17.5 8.03786C17.5 8.03786 14.8871 8.33222 12.8787 10.3406C10.8703 12.349 9.71701 14.452 10.3028 15.0378C10.8886 15.6236 12.9916 14.4704 15 12.462Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.owl-prev > span {
  transform: rotate(180deg);
}

.owl-prev:hover > span,
.owl-next:hover > span {
  background-color: var(--secondary);
}

/* Composant bouton */
.composant-bouton + .content {
  margin-top: 3rem;
}

/* Composant chronologie */

.composant-chronologie .container::before {
  position: absolute;
  display: inline-block;
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: var(--primary-lighter-20);
}

.composant-chronologie .chronologie-item {
  position: relative;
}

.composant-chronologie .chronologie-item::before {
  position: absolute;
  display: inline-block;
  top: 0.125rem;
  width: 2rem;
  height: 2rem;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.composant-chronologie .container::before {
  left: 1.25rem;
  margin-left: -1px;
}

.composant-chronologie .chronologie-item {
  padding-left: 2rem;
}

.composant-chronologie .chronologie-item::before {
  left: -0.25rem;
}

.composant-chronologie.center .chronologie-item:nth-child(7n + 1):before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.1245 24C39.9138 23.2872 43.6423 21.5259 45.9172 19.2113L48.5 16.5835L44.7864 15.9014C41.5155 15.3005 37.4105 15.96 33.9043 17.5017C36.5295 14.8067 38.4575 11.2974 38.8673 8.15318L39.3329 4.58354L35.907 6.10762C32.8894 7.45006 29.976 10.2782 28.0919 13.4856C28.5502 9.83777 27.9413 5.92097 26.3295 3.14801L24.5 0L22.6703 3.14801C21.0587 5.92097 20.4496 9.83777 20.9078 13.4856C19.024 10.2782 16.1106 7.44994 13.093 6.10762L9.66712 4.58354L10.1325 8.15318C10.5425 11.2974 12.4704 14.8067 15.0956 17.5017C11.5894 15.96 7.48434 15.3006 4.21341 15.9014L0.5 16.5835L3.08265 19.2113C5.35756 21.5259 9.08601 23.2872 12.8755 24C9.08613 24.7128 5.35756 26.4739 3.08265 28.7887L0.5 31.4165L4.21341 32.0986C7.48434 32.6995 11.5893 32.04 15.0956 30.4982C12.4704 33.1934 10.5425 36.7025 10.1325 39.8467L9.66712 43.4162L13.0928 41.8925C16.1105 40.5499 19.0239 37.7218 20.9077 34.5144C20.4495 38.1622 21.0585 42.079 22.6702 44.8519L24.4997 48L26.3293 44.8519C27.941 42.079 28.55 38.1622 28.0919 34.5144C29.9757 37.7218 32.8891 40.5502 35.9067 41.8925L39.3324 43.4162L38.867 39.8467C38.457 36.7025 36.529 33.1934 33.9041 30.4982C37.4102 32.04 41.5152 32.6993 44.7862 32.0986L48.4995 31.4165L45.9169 28.7887C43.6423 26.4742 39.9138 24.7128 36.1245 24Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n + 2):before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M45.9172 19.2113C43.6423 21.5259 39.9138 23.2872 36.1245 24C39.9138 24.7128 43.6423 26.4742 45.9169 28.7887L48.4995 31.4165L44.7862 32.0986C41.5152 32.6993 37.4102 32.04 33.9041 30.4982C36.529 33.1934 38.457 36.7025 38.867 39.8467L39.3324 43.4162L35.9067 41.8925C32.8891 40.5502 29.9757 37.7218 28.0919 34.5144C28.55 38.1622 27.941 42.079 26.3293 44.8519L24.4997 48L22.6702 44.8519C21.0585 42.079 20.4495 38.1622 20.9077 34.5144C19.0239 37.7218 16.1105 40.5499 13.0928 41.8925L9.66712 43.4162L10.1325 39.8467C10.5425 36.7025 12.4704 33.1934 15.0956 30.4982C11.5893 32.04 7.48434 32.6995 4.21341 32.0986L0.5 31.4165L3.08265 28.7887C5.35756 26.4739 9.08613 24.7128 12.8755 24C9.08601 23.2872 5.35756 21.5259 3.08265 19.2113L0.5 16.5835L4.21341 15.9014C7.48434 15.3006 11.5894 15.96 15.0956 17.5017C12.4704 14.8067 10.5425 11.2974 10.1325 8.15318L9.66712 4.58354L13.093 6.10762C16.1106 7.44994 19.024 10.2782 20.9078 13.4856C20.4496 9.83777 21.0587 5.92097 22.6703 3.14801L24.5 0L26.3295 3.14801C27.9413 5.92097 28.5502 9.83777 28.0919 13.4856C29.976 10.2782 32.8894 7.45006 35.907 6.10762L39.3329 4.58354L38.8673 8.15318C38.4575 11.2974 36.5295 14.8067 33.9043 17.5017C37.4105 15.96 41.5155 15.3005 44.7864 15.9014L48.5 16.5835L45.9172 19.2113ZM19.7428 28.487C22.3365 30.9538 26.5418 30.9538 29.1354 28.487C31.7291 26.0203 31.7291 22.0208 29.1354 19.554C26.5418 17.0873 22.3365 17.0873 19.7428 19.554C17.1491 22.0208 17.1491 26.0203 19.7428 28.487Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n + 3):before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C24.5 24 27.5 15.9664 27.5 10.2857C27.5 4.60507 26.157 0 24.5 0C22.8431 0 21.5 4.60507 21.5 10.2857C21.5 15.9664 24.5 24 24.5 24ZM24.5 24C24.5 24 28.0594 31.8019 32.0761 35.8188C36.093 39.8357 40.299 42.1421 41.4706 40.9706C42.6421 39.799 40.3357 35.593 36.3188 31.5761C32.3019 27.5594 24.5 24 24.5 24ZM24.5 24C24.5 24 32.5338 21 38.2143 21C43.8949 21 48.5 22.3431 48.5 24C48.5 25.657 43.8949 27 38.2143 27C32.5338 27 24.5 24 24.5 24ZM24.5 24C24.5 24 16.698 27.5594 12.6812 31.5761C8.66439 35.593 6.35785 39.799 7.52943 40.9706C8.70102 42.1421 12.907 39.8357 16.9238 35.8188C20.9407 31.8019 24.5 24 24.5 24ZM24.5 24C24.5067 24.0178 27.5 32.04 27.5 37.7143C27.5 43.3949 26.157 48 24.5 48C22.8431 48 21.5 43.3949 21.5 37.7143C21.5 32.0338 24.5 24 24.5 24ZM24.5 24C24.5 24 16.4664 21 10.7857 21C5.10507 21 0.5 22.3431 0.5 24C0.5 25.657 5.10507 27 10.7857 27C16.4664 27 24.5 24 24.5 24ZM24.5 24C24.5 24 32.3019 20.4407 36.3188 16.4238C40.3357 12.407 42.6421 8.20099 41.4706 7.02943C40.299 5.85785 36.093 8.16439 32.0761 12.1812C28.0594 16.198 24.5 24 24.5 24ZM16.9238 12.1812C20.9407 16.198 24.5 24 24.5 24C24.5 24 16.698 20.4407 12.6812 16.4238C8.66439 12.407 6.35787 8.20102 7.52943 7.02943C8.70102 5.85787 12.907 8.16439 16.9238 12.1812Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n + 4):before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1949 5.12012H5.75485V14.5601C5.75485 19.3673 9.34815 23.3353 13.9954 23.9246C9.283 24.4536 5.62 28.4516 5.62 33.3053L5.62 42.7453H15.06C19.8672 42.7453 23.8352 39.1519 24.4245 34.5048C24.9535 39.2172 28.9515 42.8801 33.8052 42.8801H43.2452V33.4401C43.2452 28.6329 39.6518 24.6649 35.0046 24.0756C39.7171 23.5467 43.38 19.5486 43.38 14.695V5.25497L33.94 5.25497C29.1328 5.25497 25.1648 8.84828 24.5755 13.4955C24.0466 8.78312 20.0485 5.12012 15.1949 5.12012Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n + 5):before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 4.53808C24 -8.43009 33.0487 9.95271 29.4356 15.5678C33.0552 9.95271 55.3603 7.77942 42.8168 14.2649C55.3603 7.77942 42.1072 24.0004 34.8679 24.0004C42.1072 24.0004 55.3603 40.2127 42.8168 33.7358C55.3603 40.2213 33.0552 38.0481 29.4356 32.4331C33.0552 38.0481 24 56.4309 24 43.4627C24 56.4309 14.948 38.0481 18.5643 32.4331C14.9448 38.0481 -7.36045 40.2213 5.18307 33.7358C-7.36045 40.2213 5.8929 24.0004 13.1351 24.0004C5.8929 24.0004 -7.36045 7.78801 5.18307 14.2649C-7.36045 7.77942 14.9448 9.95271 18.5643 15.5678C14.948 9.94698 24 -8.43009 24 4.53808Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n + 6):before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.061 48C23.304 48 22.6641 47.4518 22.4808 46.7174C21.8964 44.3767 20.7779 41.8874 19.125 39.2501C17.1667 36.0833 14.375 33.1459 10.75 30.4375C7.59718 28.0546 4.44434 26.4295 1.29153 25.5626C0.544812 25.3574 0 24.6953 0 23.9208C0 23.1616 0.523855 22.5071 1.25394 22.2986C4.34508 21.416 7.32293 19.9831 10.1875 18C13.4792 15.7083 16.2292 12.9583 18.4375 9.75C20.3911 6.89196 21.7322 4.06531 22.4607 1.2701C22.6516 0.537828 23.2962 0 24.053 0C24.8182 0 25.4674 0.549739 25.6536 1.29199C26.0741 2.9677 26.7312 4.68288 27.625 6.4375C28.7501 8.60417 30.1874 10.6875 31.9375 12.6875C33.7291 14.6458 35.7293 16.4167 37.9375 18C40.8233 20.0455 43.7568 21.4827 46.7386 22.3114C47.4701 22.5146 48 23.1659 48 23.925C48 24.6955 47.454 25.3522 46.711 25.5559C44.821 26.0741 42.8755 26.9098 40.8751 28.0625C38.4583 29.4792 36.2083 31.1666 34.1249 33.125C32.0417 35.0417 30.3334 37.0625 28.9999 39.1874C27.3439 41.8303 26.2241 44.3388 25.6409 46.7134C25.4599 47.4499 24.8191 48 24.061 48Z" fill="%239969E4"/></svg>');
}
.composant-chronologie.center .chronologie-item:nth-child(7n):before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.1867 22.4208C23.3289 11.7807 14.4222 3.41333 3.56114 3.41333C3.56114 14.224 11.8511 23.0985 22.4208 24.0265C11.7807 24.8843 3.41333 33.7911 3.41333 44.6522C14.224 44.6522 23.0985 36.3623 24.0265 25.7925C24.8843 36.4326 33.7911 44.8 44.6522 44.8C44.6522 33.9894 36.3623 25.1148 25.7926 24.1867C36.4326 23.3289 44.8 14.4222 44.8 3.56114C33.9894 3.56114 25.1148 11.8511 24.1867 22.4208ZM24.1061 24.1071L24.1071 24.1073L24.1073 24.1061C24.1069 24.1061 24.1061 24.1061 24.1061 24.1061V24.1071Z" fill="%239969E4"/></svg>');
}

@media (min-width: 576px) {
  .composant-chronologie .chronologie-item {
    padding-left: 3rem;
  }
  .composant-chronologie .chronologie-item::before {
    width: 3rem;
    height: 3rem;
    left: -0.75rem;
  }
}

@media (min-width: 992px) {
  .composant-chronologie.center .container::before {
    left: 50%;
    margin-left: -1px;
  }

  .composant-chronologie .chronologie-item::before {
    top: 0.25rem;
    width: 4rem;
    height: 4rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n + 1) {
    align-self: flex-start;
    text-align: right;
    padding-right: 3rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n + 1):before {
    left: auto;
    right: -2rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n) {
    align-self: flex-end;
    padding-left: 3rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n)::before {
    left: -2rem;
  }
}
.badge-primary {
  background: var(--primary);
}

/* Accordeon */

.accordion-item {
  color: var(--noir);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--primary-lighter-10);
}
.accordion-button:not(.collapsed) {
  color: var(--noir);
  background-color: var(--primary-lighter-10);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--primary-lighter-10);
}

/* Composant annonce */

.composant-annonce.alert-dismissible .btn-close {
  top: auto;
  right: calc(0.5 * var(--bs-gutter-x));
}

.alert-primary .btn-close {
  --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2 2.5L6 6.5L10 2.5" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round"/><path d="M10 10.5L6 6.5L2 10.5" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.composant-annonce.alert-dismissible {
  --bs-alert-padding-x: 0;
  --bs-border-width: 0;
  --bs-alert-border-radius: 0;
  --bs-alert-margin-bottom: 0;
  padding-right: var(--bs-alert-padding-x);
}
.alert-primary {
  --bs-alert-color: var(--blanc);
  --bs-alert-bg: var(--primary);
  --bs-alert-border-color: var(--primary);
  --bs-alert-link-color: var(--blanc);
}

.alert-secondary {
  --bs-alert-color: var(--primary-darker);
  --bs-alert-bg: var(--secondary-lighter);
  --bs-alert-border-color: var(--secondary-lighter);
  --bs-alert-link-color: var(--primary-darker);
}

.alert-primary .link {
  --link-color: var(--blanc);
  --link-underline-color: var(--blanc);
}

.alert-secondary .link {
  --link-color: var(--primary-darker);
  --link-underline-color: var(--primary-darker);
}

/* composant Aperçu */

.composant-apercu .item-apercu .apercu-title {
  color: var(--noir);
  font-style: normal;
  line-height: 105%;
}
.composant-apercu .item-apercu .apercu-img {
  border-radius: 0.5rem;
  height: 185px;
  object-fit: cover;
  width: 100%;
}
.composant-apercu .item-apercu .apercu-text ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.composant-apercu .item-apercu .apercu-text ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* Section exploration */

.card.exploration {
  --bs-card-height: 100%;
  --bs-card-spacer-y: 3rem;
  --bs-card-spacer-x: 2rem;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0.5rem;
  box-shadow: var(--light-shadow);
  z-index: 2;
}

.card.exploration-besoin {
  --bs-card-bg: var(--secondary-lighter);
}
.card.exploration-plantes {
  --bs-card-bg: var(--blanc);
}
.card.exploration-region {
  --bs-card-bg: var(--primary-lighter-10);
}

.exploration .form-control,
.dropdown.custom .dropdown-toggle {
  padding: 1.125rem 1rem 1rem;
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 150%;
}

.dropdown.custom .dropdown-toggle {
  background: var(--blanc);
  border: 2px solid var(--noir);
  border-radius: 0.5rem;
  padding: 1.125rem 2.5rem 1rem 1rem;
  text-align: left;
  text-overflow: ellipsis;
  overflow-x: hidden;
  transition: 0.3s;
}

.dropdown.custom .dropdown-toggle:not(.show):hover,
.dropdown.custom .dropdown-toggle:focus-visible {
  color: var(--secondary);
  border-color: var(--secondary);
}

.dropdown.custom .dropdown-toggle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), 0.5);
}

.dropdown.custom .dropdown-toggle.placeholder-value {
  color: rgba(var(--noir-rgb), 0.5);
}

.dropdown.custom .dropdown-toggle.placeholder-value:not(.show):hover,
.dropdown.custom .dropdown-toggle.placeholder-value:focus-visible {
  color: rgba(var(--secondary-rgb), 0.5);
}

.dropdown.custom .dropdown-toggle::after {
  content: "";
  position: absolute;
  inset: 1.125rem 1rem 1rem auto;
  border: none !important;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6668 15.5002C12.4009 15.5017 12.1455 15.3974 11.9568 15.2102L7.95675 11.2102C7.56463 10.8181 7.56463 10.1823 7.95675 9.79019C8.34887 9.39806 8.98463 9.39806 9.37675 9.79019L12.6668 13.1002L15.9668 9.92019V9.92019C16.3361 9.50954 16.9683 9.47602 17.379 9.84533C17.7896 10.2146 17.8231 10.8469 17.4538 11.2576C17.4207 11.2944 17.3849 11.3287 17.3467 11.3602L13.3467 15.2202C13.1639 15.3965 12.9208 15.4966 12.6667 15.5002L12.6668 15.5002Z" fill="%23222222"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  margin-left: 0;
  transition: 0.3s;
}

.dropdown.custom .dropdown-toggle.show::after {
  transform: rotate(-180deg);
}

.dropdown.custom .dropdown-menu {
  display: block;
  top: calc(100% - 1rem) !important;
  transform: none !important;
  border: 2px solid var(--noir);
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  height: 1rem;
  padding: 0.5rem 0 0;
  overflow: hidden;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1;
}

.dropdown.custom .dropdown-menu.show {
  height: 15rem;
  overflow-y: auto;
  visibility: visible;
}

.dropdown.custom .dropdown-item {
  color: var(--noir);
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  white-space: normal;
  padding: 0.75rem 1rem;
}

.dropdown.custom .select-tag .nord-ouest,
.dropdown.custom .select-tag .nord-est,
.dropdown.custom .select-tag .centre,
.dropdown.custom .select-tag .sud-ouest,
.dropdown.custom .select-tag .sud-est {
  padding-left: 2rem;
}

.dropdown.custom .dropdown-item:hover,
.dropdown.custom .dropdown-item:focus-visible {
  background-color: var(--secondary-lighter);
}

/* Titres */

.display,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 500;
}

.display {
  font-size: 7.375rem;
  line-height: 100%;
}
h1,
.h1,
.section-valeurs .post-text:first-child .post-header h2 {
  font-size: 3.4375rem;
  line-height: 100%;
  letter-spacing: -1.1px;
}
h2,
.h2 {
  font-size: 2.5rem;
  line-height: 106%;
  letter-spacing: -1.6px;
}
h3,
.h3 {
  font-size: 2rem;
  letter-spacing: -1.28px;
  line-height: 116%;
}
h4,
.h4 {
  font-size: 1.5rem;
  line-height: 116%;
  letter-spacing: normal;
}
h5,
.h5 {
  font-size: 1.25rem;
  line-height: 116%;
  letter-spacing: -0.8px;
}
h6,
.h6 {
  font-size: 1.0625rem;
  line-height: 116%;
  letter-spacing: -0.68px;
}

.surtitre {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 400;
  font-weight: 400;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 150%;
  color: var(--secondary);
}

.post_simple h3,
.post_simple h4,
.post_simple h5,
.post_simple h6 {
  margin-bottom: 1rem;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  color: var(--primary-darker);
  margin-bottom: 1rem;
}
p + h2,
ul + h2 {
  margin-top: 2rem;
}
p + h3,
ul + h3 {
  margin-top: 1.5rem;
}
p + h4,
ul + h4,
p + h5,
ul + h5 {
  margin-top: 1.25rem;
}
article.post_simple.content + .composant-chiffres-cles {
  margin-top: 3rem;
}

/* Offre d'emploi */
.tag {
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
  border-radius: 0.125rem;
}
.tag + .tag {
  margin-left: 0.5rem;
}
.tag-bleu {
  color: var(--primary-darker);
  background-color: var(--primary-lighter-20);
  border-radius: 0.25rem;
}
.card.offre-emploi {
  --bs-card-border-color: var(--background-2);
  --bs-card-bg: var(--background-2);
  --bs-card-cap-padding-y: 2rem;
  --bs-card-cap-padding-x: 2rem;
  --bs-card-spacer-y: 0rem;
  --bs-card-spacer-x: 2rem;
  color: var(--noir);
  border-radius: 0.5rem;
}
.card.offre-emploi + .card.offre-emploi {
  margin-top: 3rem;
}

.card.offre-emploi > .card-header,
.card.offre-emploi > .card-footer {
  background-color: var(--background-2);
}
.card.offre-emploi > .card-header {
  padding-bottom: 0.5rem;
}
.card.offre-emploi .list-group {
  --bs-list-group-bg: var(--background-2);
  border-radius: 0.5rem;
}
.card.offre-emploi .list-group > .list-group-item {
  border-color: var(--background-2);
  color: var(--noir);
}
.card.offre-emploi .tags {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.card.offre-emploi .tags .tag {
  margin: 0.25rem;
  display: inline-block;
}

/* accordéon */

/* Sidebar */

.site-web-menu-v.liste > ul > li > a.nav-link {
  padding: 0.25rem 0.5rem;
  font-size: 1.125rem;
}

.site-web-menu-v.liste > ul ul > li > a.nav-link {
  padding: 0.25rem 0.5rem;
  padding-left: 1rem;
  font-size: 1rem;
}
.site-web-menu-v.liste > ul ul ul > li > a.nav-link {
  padding: 0.25rem;
  padding-left: 1.5rem;
  font-size: 0.875rem;
}

.container-sidebar,
.main-content {
  position: relative;
  z-index: 1;
  margin: 0 0 4rem;
}

.body-scrolled-top .sidebar.sticky-top {
  top: calc(var(--sticky-top-up) + 1rem);
  transition: 0.3s;
}

.body-scrolled-bottom .sidebar.sticky-top {
  top: calc(var(--sticky-top-down) + 1rem);
  transition: 0.3s;
}

.sidebar .post-text {
  padding: 2rem;
  background: var(--primary-lighter-20);
  border-radius: 0.5rem;
}

.sidebar .post-text .post-content pre {
  padding: 1rem;
  background: var(--blanc);
}

.cms .sidebar .sidebar__inner > *:not(:first-child),
.contact .sidebar .sidebar__inner > *:not(:first-child) {
  margin-top: 2rem;
}

.cms .sidebar .section:not([class*="bg-"], .post-text),
.contact .sidebar .section:not([class*="bg-"], .post-text) {
  padding-top: 0;
  padding-bottom: 0;
}
.cms .sidebar .section[class*="bg-"],
.contact .sidebar .section[class*="bg-"] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Filtres sidebar */
.sidebar .widget.filtres {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1.5px solid var(--primary);
  background: var(--primary-lighter-10);
}

.sidebar .groupe-filtre + .groupe-filtre {
  border-top: 1px solid var(--primary-lighter-10);
  mix-blend-mode: multiply;
}
.sidebar .widget.filtres .groupe-filtre .btn-link {
  padding: 1rem 0;
  width: 100%;
  text-align: left;
  color: var(--noir);
  font-size: 16px;
  font-style: normal;
  line-height: 165%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  position: relative;
}
.sidebar .widget.filtres .groupe-filtre .btn-link:hover {
  color: var(--primary);
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link span {
  position: relative;
}
.sidebar .widget.filtres .groupe-filtre .btn-link > span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1.5px;
  background: var(--primary);
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link > span .nb-filtre {
  border-radius: 54px;
  background: var(--noir);
  color: #fff;
  font-size: 14px;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}
.sidebar .widget.filtres .groupe-filtre .btn-link:hover span:after {
  width: 100%;
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link svg {
  transition: 0.3s;
  transform: rotate(-180deg);
}
.sidebar .widget.filtres .groupe-filtre .btn-link.collapsed svg {
  transition: 0.3s;
  transform: rotate(0deg);
}
.liste-filtres {
  padding: 0 1rem;
}
.sidebar .widget.widget_search input.form-control {
  border-radius: 4px !important;
  border: 2px solid var(--noir);
  background: var(--blanc);
  padding: 1rem;
  width: 100%;
}
.sidebar .widget.widget_search .btn[type="submit"] {
  position: absolute;
  right: 0;
  padding: 1rem;
  height: 100%;
  border: none;
  background: none;
  z-index: 5;
}
.sidebar .widget + .widget {
  margin-top: 2rem;
}

/*   Formulaires   */

.form-group-sm {
  max-width: 400px;
}
.form-group-inline {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.form-label {
  margin-bottom: 0.25rem;
}
.form-control {
  padding: 1rem;
  border-radius: 8px;
  border: 2px solid var(--noir);
  background-color: var(--blanc);
  color: var(--noir);
  transition: 0.3s;
}
.form-control-sm {
  padding: 0.5rem 1rem;
}
.form-control:focus,
.form-control:hover {
  background-color: var(--blanc);
  border-color: var(--secondary);
  box-shadow: none;
  transition: 0.3s;
}

.form-control::placeholder,
.form-select::placeholder,
option:disabled {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
  color: var(--primary-darker);
  opacity: 0.5;
  transition: 0.3s;
}

.form-control:hover::placeholder,
.form-select:focus::placeholder {
  color: var(--secondary);
}

select option:hover {
  background-color: var(--secondary);
}

.form-text {
  color: var(--noir);
  font-size: 0.875rem;
  font-style: normal;
  line-height: 140%;
  opacity: 0.5;
}
.form-select {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 2px solid var(--noir);
}
.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
  background-color: rgba(255, 255, 255, 1);
  border-color: var(--secondary);
  box-shadow: none;
  transition: 0.3s;
}

.input-group-text {
  transition: 0.3s;
}
.form-control:hover ~ .input-group-text,
.form-control:focus ~ .input-group-text {
  border-color: var(--secondary);
  transition: 0.3s;
}
.form-check {
  min-height: 1.5rem;
  padding-left: 1.75em;
  margin-bottom: 0.5rem;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.75em;
}
.form-check input,
.form-check label {
  cursor: pointer;
  transition: 0.3s;
}
.form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  --bs-form-check-bg: transparent;
  border: 2px solid var(--primary);
  margin-right: 0.5rem;
  margin-top: 0.125em;
  transition: 0.3s;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input:checked[type="radio"] {
  background-color: var(--blanc);
  background-size: 1.5rem;
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%234E704C'/></svg>");
}
.form-check:hover label {
  color: var(--primary);
  transition: 0.3s;
}
.form-check:hover .form-check-input,
.form-check .form-check-input:focus {
  border-color: var(--primary);
  transition: 0.3s;
  box-shadow: none;
}
.password-control {
  position: relative;
}
.password-control .form-control {
  padding-right: 3.5rem;
}
button.show-password {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8701 11.4999C21.2301 10.3899 17.7101 4.81987 11.7301 4.99987C6.20007 5.13987 3.00007 9.99987 2.13007 11.4999C1.95144 11.8093 1.95144 12.1905 2.13007 12.4999C2.76007 13.5899 6.13007 18.9999 12.0201 18.9999H12.2701C17.8001 18.8599 21.0101 13.9999 21.8701 12.4999C22.0487 12.1905 22.0487 11.8093 21.8701 11.4999ZM12.0001 15.4999C10.0671 15.4999 8.50007 13.9329 8.50007 11.9999C8.50007 10.0669 10.0671 8.49987 12.0001 8.49987C13.9331 8.49987 15.5001 10.0669 15.5001 11.9999C15.5001 13.9329 13.9331 15.4999 12.0001 15.4999ZM13.0608 13.0605C13.6466 12.4747 13.6466 11.525 13.0608 10.9392C12.475 10.3534 11.5252 10.3534 10.9394 10.9392C10.3537 11.525 10.3537 12.4747 10.9394 13.0605C11.5252 13.6463 12.475 13.6463 13.0608 13.0605Z' fill='%231A202C'/%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  padding: 1.1rem;
  height: 1.5rem;
  width: 1.75rem;
  box-sizing: unset;
  transition: 0.3s;
}
button.show-password.show {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4101 18.0002L20.7101 19.2902L20.7159 19.296C21.1048 19.6881 21.1022 20.3213 20.7101 20.7102L20.7043 20.716C20.3121 21.1049 19.679 21.1023 19.2901 20.7102L16.5901 18.0002L16.0001 17.4102L14.6601 16.0702L14.5901 16.0002L12.0842 13.4978C11.6728 13.5208 11.2537 13.3751 10.9394 13.0608C10.6257 12.747 10.48 12.3288 10.5023 11.9181L7.28007 8.70019L5.53007 7.00019L3.29007 4.71019C2.89794 4.31807 2.89794 3.68231 3.29007 3.29019C3.68219 2.89806 4.31794 2.89806 4.71007 3.29019L6.42007 5.00019L7.89007 6.47019L11.918 10.5024C12.3288 10.48 12.747 10.6257 13.0608 10.9395C13.3749 11.2537 13.5206 11.6725 13.4978 12.0838L17.4101 16.0002L19.4101 18.0002ZM8.59007 5.76019L11.3901 8.56019C11.5916 8.52488 11.7955 8.50482 12.0001 8.50019C13.9331 8.50019 15.5001 10.0672 15.5001 12.0002C15.4954 12.2047 15.4754 12.4086 15.4401 12.6102L18.1201 15.2902L18.9601 16.1302C20.1029 15.0695 21.0834 13.8464 21.8701 12.5002C22.0487 12.1908 22.0487 11.8096 21.8701 11.5002C21.2301 10.3902 17.7101 4.82018 11.7301 5.00018C10.6225 5.03304 9.52931 5.2598 8.50007 5.67018L8.59007 5.76019ZM14.0001 16.7802L15.2901 18.1202L15.5001 18.3302C14.4708 18.7406 13.3776 18.9673 12.2701 19.0002H12.0201C6.13007 19.0002 2.76007 13.5902 2.13007 12.5002C1.95144 12.1908 1.95144 11.8096 2.13007 11.5002C2.90448 10.1566 3.8714 8.93366 5.00007 7.87019L6.56007 9.39019L8.56007 11.3902C8.52476 11.5917 8.50471 11.7956 8.50007 12.0002C8.50007 12.017 8.50019 12.0338 8.50043 12.0505C8.52804 13.9833 10.1173 15.5278 12.0501 15.5002C12.2546 15.4955 12.4585 15.4755 12.6601 15.4402L13.9301 16.7102L14.0001 16.7802Z' fill='%231A202C'/%3E%3C/svg%3E");
}

.communication-formulaires {
  scroll-margin-top: calc(100px + 2rem + var(--header-alert-height));
}

@media (min-width: 1200px) {
  .communication-formulaires {
    scroll-margin-top: calc(140px + 2rem + var(--header-alert-height));
  }
}

/* Modal */

.modal {
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0.5rem;
}
.modal-title {
  font-size: 2rem;
  line-height: 110%;
}
.modal-header,
.modal-footer {
  border: none;
  justify-content: flex-start;
}
.modal-header .btn-close {
  margin-bottom: auto;
}

.btn-close {
  --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M2 2.5L6 6.5L10 2.5" stroke="%234E704C" stroke-width="1.5" stroke-linecap="round"/><path d="M10 10.5L6 6.5L2 10.5" stroke="%234E704C" stroke-width="1.5" stroke-linecap="round"/></svg>');
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), 0.5);
}

.modal-backdrop {
  --bs-backdrop-bg: var(--noir);
}

/* Section et espacement */
.section {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.section-lg {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.section-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.section-sm {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.section[style*="background-image"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.section-temoignages {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section.section-valeurs {
  padding-top: 10rem;
  padding-bottom: 2rem;
}

#main > .section:first-child:not(.dark-overlay) {
  padding-top: 0;
}

#banner:has(.jumbotron:not([class*="bg-"])) + .section:not([class*="bg-"]) {
  padding-top: 0;
}

#banner:has(.jumbotron:not([class*="bg-"])) + .post-titre-section[class*="bg-"],
#banner:has(.jumbotron[class*="bg-"]) + .post-titre-section:not([class*="bg-"]),
.section:not([class*="bg-"]) + .post-titre-section[class*="bg-"],
.section[class*="bg-"] + .post-titre-section:not([class*="bg-"]) {
  padding-top: 5rem;
}

.section {
  scroll-margin-top: calc(100px + 1rem + var(--header-alert-height));
}

@media (min-width: 576px) {
  #banner:has(.jumbotron:not([class*="bg-"]))
    + .post-titre-section[class*="bg-"],
  #banner:has(.jumbotron[class*="bg-"])
    + .post-titre-section:not([class*="bg-"]),
  .section:not([class*="bg-"]) + .post-titre-section[class*="bg-"],
  .section[class*="bg-"] + .post-titre-section:not([class*="bg-"]) {
    padding-top: 7rem;
  }
}

@media (min-width: 1200px) {
  .section {
    scroll-margin-top: calc(100px + 1rem + var(--header-alert-height));
  }
}
/* Suppression des espacements entre 2 sections identiques */

body:not(.cms-accueil)
  .section.bg-light:not([style*="background-image"])
  + .section.bg-light:not([style*="background-image"]),
body:not(.cms-accueil)
  .section:not([class*="bg-"]):not([style*="background-image"])
  + .section:not([class*="bg-"]):not([style*="background-image"]) {
  padding-top: 0;
}

/* Gestion des espacements des sections imbriquees */

.section-symbole {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.section-produits-meme-gamme .section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section-symbole .section {
  padding-top: 0;
  padding-bottom: 0;
}

.section
  .section:not([class*="bg-"]):not([style*="background-image"]):first-child,
.section-produits-meme-gamme
  .section:not([class*="bg-"]):not([style*="background-image"]):first-child {
  padding-top: 0;
}
.section
  .section:not([class*="bg-"]):not([style*="background-image"]):last-child,
.section-produits-meme-gamme
  .section:not([class*="bg-"]):not([style*="background-image"]):last-child {
  padding-bottom: 0;
}

/* Suppression des espacements des containers imbriques */

.container .container {
  padding-right: 0;
  padding-left: 0;
}
.section h2 {
  position: relative;
}

.section .titre-center h2 {
  display: inline-block;
  position: relative;
}

.section img {
  max-width: 100%;
  max-height: 100%;
}

.section.section-bg {
  background-size: cover;
}
.section .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: right;
}
.section .bg + * {
  position: relative;
}

/* Billet titre de section */
.motif {
  position: relative;
}

.motif::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.motif.fleur-10-petales::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="315" viewBox="0 0 300 315" fill="none"><path opacity="0.05" d="M222.653 157.5C246.336 152.823 269.639 141.264 283.857 126.074L300 108.83L276.79 104.353C256.347 100.41 230.69 104.738 208.777 114.855C225.185 97.1687 237.234 74.1393 239.796 53.5053L242.705 30.0795L221.294 40.0812C202.434 48.891 184.225 67.451 172.45 88.4989C175.314 64.5604 171.508 38.8564 161.435 20.6588L150 0L138.564 20.6588C128.492 38.8564 124.685 64.5604 127.549 88.4989C115.775 67.451 97.5662 48.8902 78.7061 40.0812L57.2945 30.0795L60.2031 53.5053C62.7654 74.1393 74.8152 97.1687 91.2223 114.855C69.3089 104.738 43.6521 100.41 23.2088 104.353L0 108.83L16.1416 126.074C30.3598 141.264 53.6625 152.822 77.3467 157.5C53.6633 162.178 30.3598 173.735 16.1416 188.926L0 206.171L23.2088 210.647C43.6521 214.591 69.3082 210.262 91.2223 200.145C74.8152 217.832 62.7654 240.86 60.2031 261.494L57.2945 284.919L78.7053 274.919C97.5656 266.109 115.774 247.549 127.548 226.501C124.684 250.439 128.491 276.143 138.564 294.341L149.998 315L161.433 294.341C171.507 276.143 175.312 250.439 172.45 226.501C184.223 247.549 202.432 266.11 221.292 274.919L242.702 284.919L239.794 261.494C237.231 240.86 225.181 217.832 208.775 200.145C230.689 210.262 256.345 214.589 276.789 210.647L299.997 206.171L283.856 188.926C269.639 173.737 246.336 162.178 222.653 157.5Z" fill="%23395238"/></svg>');
  width: 300px;
  height: 315px;
}

.motif.fleur-8-petales::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="286" height="286" viewBox="0 0 286 286" fill="none"><path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M143 143C143 143 160.875 95.1329 160.875 61.2857C160.875 27.4386 152.873 0 143 0C133.128 0 125.125 27.4386 125.125 61.2857C125.125 95.1329 143 143 143 143ZM143 143C143 143 164.208 189.486 188.141 213.42C212.075 237.354 237.135 251.097 244.117 244.117C251.097 237.135 237.354 212.075 213.42 188.141C189.486 164.208 143 143 143 143ZM143 143C143 143 190.868 125.125 224.714 125.125C258.561 125.125 286 133.128 286 143C286 152.873 258.561 160.875 224.714 160.875C190.868 160.875 143 143 143 143ZM143 143C143 143 96.5133 164.208 72.5797 188.141C48.6462 212.075 34.903 237.135 41.8837 244.117C48.8644 251.097 73.9253 237.354 97.8588 213.42C121.792 189.486 143 143 143 143ZM143 143C143.04 143.106 160.875 190.905 160.875 224.714C160.875 258.561 152.873 286 143 286C133.128 286 125.125 258.561 125.125 224.714C125.125 190.868 143 143 143 143ZM143 143C143 143 95.1329 125.125 61.2857 125.125C27.4386 125.125 0 133.128 0 143C0 152.873 27.4386 160.875 61.2857 160.875C95.1329 160.875 143 143 143 143ZM143 143C143 143 189.486 121.792 213.42 97.8588C237.354 73.9251 251.097 48.8642 244.117 41.8837C237.135 34.903 212.075 48.6462 188.141 72.5797C164.208 96.5133 143 143 143 143ZM97.8588 72.5797C121.792 96.5133 143 143 143 143C143 143 96.5133 121.792 72.5798 97.8588C48.6462 73.9253 34.9032 48.8644 41.8837 41.8837C48.8644 34.9032 73.9253 48.6462 97.8588 72.5797Z" fill="%23395238"/></svg>');
  width: 286px;
  height: 286px;
}

.motif.fleur-percee::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="204" height="215" viewBox="0 0 204 215" fill="none"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M193.023 86.4159C183.355 96.7352 167.509 104.588 151.404 107.766C167.509 110.944 183.355 118.796 193.022 129.115L203.998 140.831L188.216 143.872C174.315 146.55 156.868 143.611 141.967 136.737C153.123 148.753 161.317 164.398 163.06 178.416L165.038 194.33L150.479 187.536C137.654 181.552 125.272 168.942 117.266 154.642C119.212 170.905 116.624 188.368 109.774 200.73L101.999 214.766L94.2233 200.73C87.3738 188.368 84.7854 170.905 86.7328 154.642C78.7266 168.942 66.3446 181.551 53.5196 187.536L38.9603 194.33L40.9381 178.416C42.6805 164.398 50.8743 148.753 62.0312 136.737C47.1296 143.611 29.6834 146.551 15.782 143.872L0 140.831L10.9763 129.115C20.6446 118.795 36.4911 110.944 52.5958 107.766C36.4905 104.588 20.6446 96.7352 10.9763 86.4159L0 74.7006L15.782 71.6593C29.6834 68.9809 47.1301 71.9206 62.0312 78.794C50.8743 66.7786 42.6805 51.1333 40.9381 37.1152L38.9603 21.2006L53.5201 27.9954C66.345 33.9799 78.7271 46.5894 86.7334 60.8887C84.7859 44.6257 87.3743 27.1633 94.2237 14.8005L102 0.765625L109.776 14.8005C116.626 27.1633 119.213 44.6257 117.266 60.8887C125.273 46.5894 137.655 33.9805 150.48 27.9954L165.04 21.2006L163.061 37.1152C161.319 51.1333 153.125 66.7786 141.968 78.794C156.87 71.9206 174.316 68.9804 188.217 71.6593L204 74.7006L193.023 86.4159ZM81.7818 127.77C92.805 138.768 110.677 138.768 121.701 127.77C132.724 116.773 132.724 98.9417 121.701 87.944C110.677 76.9463 92.805 76.9463 81.7818 87.944C70.7585 98.9417 70.7585 116.773 81.7818 127.77Z" fill="%234E704C"/></svg>');
  width: 204px;
  height: 214px;
}

.motif.losange::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="195" height="195" viewBox="0 0 195 195" fill="none"><path opacity="0.05" d="M97.7477 194.223C94.6723 194.223 92.0729 192.007 91.3282 189.039C88.9543 179.579 84.41 169.518 77.6953 158.858C69.7396 146.059 58.3984 134.187 43.6719 123.241C30.8635 113.61 18.0551 107.042 5.24685 103.538C2.2133 102.709 0 100.033 0 96.9027C0 93.8341 2.12816 91.1888 5.09411 90.3462C17.6519 86.7792 29.7494 80.9879 41.3867 72.9727C54.7591 63.7105 65.931 52.5959 74.9023 39.6289C82.8388 28.0777 88.2869 16.6533 91.2467 5.35596C92.022 2.39638 94.6409 0.222656 97.7155 0.222656C100.824 0.222656 103.461 2.44452 104.218 5.44446C105.926 12.2171 108.595 19.1493 112.226 26.2409C116.797 34.9978 122.636 43.4179 129.746 51.5013C137.025 59.4162 145.15 66.5734 154.121 72.9727C165.845 81.2401 177.762 87.0484 189.875 90.3977C192.847 91.2192 195 93.8513 195 96.9194C195 100.034 192.782 102.688 189.763 103.511C182.085 105.605 174.182 108.983 166.055 113.642C156.237 119.368 147.096 126.188 138.632 134.103C130.169 141.849 123.229 150.017 117.812 158.605C111.085 169.287 106.535 179.425 104.166 189.023C103.431 191.999 100.828 194.223 97.7477 194.223Z" fill="%234E704C"/></svg>');
  width: 195px;
  height: 194px;
}

/* Composant embed */
.composant-embed {
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Composant services */
.composant-services .services-img.icone {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
}
.composant-services .icone.fleur-4-petales-fins {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="113" height="113" viewBox="0 0 113 113" fill="none"><g opacity="0.1"><path fill-rule="evenodd" clip-rule="evenodd" d="M57.1877 52.5488C55.1771 27.611 34.302 8 8.84643 8C8.84643 33.3376 28.276 54.1371 53.0488 56.3122C28.111 58.3226 8.5 79.198 8.5 104.654C33.8376 104.654 54.6371 85.2241 56.8122 60.4513C58.8226 85.389 79.698 105 105.154 105C105.154 79.6626 85.7241 58.8629 60.9513 56.6877C85.889 54.6772 105.5 33.802 105.5 8.34643C80.1626 8.34643 59.3629 27.776 57.1877 52.5488ZM56.9988 56.501L57.001 56.5015L57.0015 56.4988C57.0005 56.4988 56.9988 56.4988 56.9988 56.4988V56.501Z" fill="%234E704C"/></g></svg>');
}
.composant-services .icone.fleur-10-petales {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="113" height="113" viewBox="0 0 113 113" fill="none"><g opacity="0.1"><path d="M83.9949 56.25C92.8761 54.5795 101.615 50.4513 106.947 45.0264L113 38.8677L104.296 37.2689C96.63 35.8606 87.0089 37.4062 78.7914 41.0196C84.9442 34.7031 89.4628 26.4783 90.4233 19.109L91.5146 10.7427L83.4851 14.3147C76.4126 17.4611 69.5844 24.0896 65.1686 31.6068C66.2427 23.0573 64.8155 13.8773 61.038 7.37814L56.75 0L52.4616 7.37814C48.6843 13.8773 47.2569 23.0573 48.3309 31.6068C43.9156 24.0896 37.0873 17.4608 30.0148 14.3147L21.9854 10.7427L23.0762 19.109C24.037 26.4783 28.5557 34.7031 34.7084 41.0196C26.4908 37.4062 16.8696 35.8608 9.20329 37.2689L0.5 38.8677L6.55309 45.0264C11.8849 50.4513 20.6235 54.5793 29.505 56.25C20.6238 57.9206 11.8849 62.0483 6.55309 67.4736L0.5 73.6324L9.20329 75.231C16.8696 76.6395 26.4906 75.0938 34.7084 71.4802C28.5557 77.7971 24.037 86.0214 23.0762 93.3907L21.9854 101.757L30.0145 98.1855C37.0871 95.0389 43.9154 88.4104 48.3306 80.8931C47.2566 89.4426 48.6841 98.6226 52.4614 105.122L56.7494 112.5L61.0374 105.122C64.8149 98.6226 66.2421 89.4426 65.1686 80.8931C69.5838 88.4104 76.412 95.0394 83.4845 98.1855L91.5134 101.757L90.4228 93.3907C89.4617 86.0214 84.943 77.7971 78.7908 71.4802C87.0083 75.0938 96.6294 76.6389 104.296 75.231L112.999 73.6324L106.946 67.4736C101.615 62.0488 92.8761 57.9206 83.9949 56.25Z" fill="%234E704C"/></g></svg>');
}
.composant-services .icone.fleur-4-petales-larges {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="113" height="113" viewBox="0 0 113 113" fill="none"><g opacity="0.1"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.9411 12H12.8161V34.125C12.8161 45.3919 21.2379 54.6919 32.1297 56.0731C21.0852 57.3129 12.5 66.6833 12.5 78.0591L12.5 100.184H34.625C45.8919 100.184 55.1919 91.762 56.5731 80.8703C57.8129 91.9151 67.1833 100.5 78.5591 100.5H100.684V78.375C100.684 67.1081 92.262 57.808 81.3703 56.427C92.4151 55.1873 101 45.8167 101 34.4411V12.3161L78.875 12.3161C67.6081 12.3161 58.308 20.7379 56.927 31.6297C55.6873 20.5852 46.3167 12 34.9411 12Z" fill="%234E704C"/></g></svg>');
}
.composant-services .icone.fleur-6-petales {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="113" height="113" viewBox="0 0 113 113" fill="none"><g opacity="0.1"><path d="M56.7499 10.6361C56.7499 -19.758 77.958 23.3267 69.4896 36.487C77.9731 23.3267 130.251 18.233 100.852 33.4334C130.251 18.233 99.1887 56.251 82.2217 56.251C99.1887 56.251 130.251 94.2484 100.852 79.0683C130.251 94.2687 77.9731 89.1753 69.4896 76.015C77.9731 89.1753 56.7499 132.26 56.7499 101.866C56.7499 132.26 35.5345 89.1753 44.0102 76.015C35.5269 89.1753 -16.7511 94.2687 12.6478 79.0683C-16.7511 94.2687 14.3115 56.251 31.2853 56.251C14.3115 56.251 -16.7511 18.2532 12.6478 33.4334C-16.7511 18.233 35.5269 23.3267 44.0102 36.487C35.5345 23.3132 56.7499 -19.758 56.7499 10.6361Z" fill="%234E704C"/></g></svg>');
}

.composant-services .services-img img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

/* Composant valeurs */
.composant-valeurs .valeurs-content {
  position: relative;
  text-align: center;
  padding-top: 4.25rem;
}

.composant-valeurs .valeurs-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.composant-valeurs .valeurs-item:nth-child(7n + 1) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.1245 24C39.9138 23.2872 43.6423 21.5259 45.9172 19.2113L48.5 16.5835L44.7864 15.9014C41.5155 15.3005 37.4105 15.96 33.9043 17.5017C36.5295 14.8067 38.4575 11.2974 38.8673 8.15318L39.3329 4.58354L35.907 6.10762C32.8894 7.45006 29.976 10.2782 28.0919 13.4856C28.5502 9.83777 27.9413 5.92097 26.3295 3.14801L24.5 0L22.6703 3.14801C21.0587 5.92097 20.4496 9.83777 20.9078 13.4856C19.024 10.2782 16.1106 7.44994 13.093 6.10762L9.66712 4.58354L10.1325 8.15318C10.5425 11.2974 12.4704 14.8067 15.0956 17.5017C11.5894 15.96 7.48434 15.3006 4.21341 15.9014L0.5 16.5835L3.08265 19.2113C5.35756 21.5259 9.08601 23.2872 12.8755 24C9.08613 24.7128 5.35756 26.4739 3.08265 28.7887L0.5 31.4165L4.21341 32.0986C7.48434 32.6995 11.5893 32.04 15.0956 30.4982C12.4704 33.1934 10.5425 36.7025 10.1325 39.8467L9.66712 43.4162L13.0928 41.8925C16.1105 40.5499 19.0239 37.7218 20.9077 34.5144C20.4495 38.1622 21.0585 42.079 22.6702 44.8519L24.4997 48L26.3293 44.8519C27.941 42.079 28.55 38.1622 28.0919 34.5144C29.9757 37.7218 32.8891 40.5502 35.9067 41.8925L39.3324 43.4162L38.867 39.8467C38.457 36.7025 36.529 33.1934 33.9041 30.4982C37.4102 32.04 41.5152 32.6993 44.7862 32.0986L48.4995 31.4165L45.9169 28.7887C43.6423 26.4742 39.9138 24.7128 36.1245 24Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n + 2) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M45.9172 19.2113C43.6423 21.5259 39.9138 23.2872 36.1245 24C39.9138 24.7128 43.6423 26.4742 45.9169 28.7887L48.4995 31.4165L44.7862 32.0986C41.5152 32.6993 37.4102 32.04 33.9041 30.4982C36.529 33.1934 38.457 36.7025 38.867 39.8467L39.3324 43.4162L35.9067 41.8925C32.8891 40.5502 29.9757 37.7218 28.0919 34.5144C28.55 38.1622 27.941 42.079 26.3293 44.8519L24.4997 48L22.6702 44.8519C21.0585 42.079 20.4495 38.1622 20.9077 34.5144C19.0239 37.7218 16.1105 40.5499 13.0928 41.8925L9.66712 43.4162L10.1325 39.8467C10.5425 36.7025 12.4704 33.1934 15.0956 30.4982C11.5893 32.04 7.48434 32.6995 4.21341 32.0986L0.5 31.4165L3.08265 28.7887C5.35756 26.4739 9.08613 24.7128 12.8755 24C9.08601 23.2872 5.35756 21.5259 3.08265 19.2113L0.5 16.5835L4.21341 15.9014C7.48434 15.3006 11.5894 15.96 15.0956 17.5017C12.4704 14.8067 10.5425 11.2974 10.1325 8.15318L9.66712 4.58354L13.093 6.10762C16.1106 7.44994 19.024 10.2782 20.9078 13.4856C20.4496 9.83777 21.0587 5.92097 22.6703 3.14801L24.5 0L26.3295 3.14801C27.9413 5.92097 28.5502 9.83777 28.0919 13.4856C29.976 10.2782 32.8894 7.45006 35.907 6.10762L39.3329 4.58354L38.8673 8.15318C38.4575 11.2974 36.5295 14.8067 33.9043 17.5017C37.4105 15.96 41.5155 15.3005 44.7864 15.9014L48.5 16.5835L45.9172 19.2113ZM19.7428 28.487C22.3365 30.9538 26.5418 30.9538 29.1354 28.487C31.7291 26.0203 31.7291 22.0208 29.1354 19.554C26.5418 17.0873 22.3365 17.0873 19.7428 19.554C17.1491 22.0208 17.1491 26.0203 19.7428 28.487Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n + 3) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C24.5 24 27.5 15.9664 27.5 10.2857C27.5 4.60507 26.157 0 24.5 0C22.8431 0 21.5 4.60507 21.5 10.2857C21.5 15.9664 24.5 24 24.5 24ZM24.5 24C24.5 24 28.0594 31.8019 32.0761 35.8188C36.093 39.8357 40.299 42.1421 41.4706 40.9706C42.6421 39.799 40.3357 35.593 36.3188 31.5761C32.3019 27.5594 24.5 24 24.5 24ZM24.5 24C24.5 24 32.5338 21 38.2143 21C43.8949 21 48.5 22.3431 48.5 24C48.5 25.657 43.8949 27 38.2143 27C32.5338 27 24.5 24 24.5 24ZM24.5 24C24.5 24 16.698 27.5594 12.6812 31.5761C8.66439 35.593 6.35785 39.799 7.52943 40.9706C8.70102 42.1421 12.907 39.8357 16.9238 35.8188C20.9407 31.8019 24.5 24 24.5 24ZM24.5 24C24.5067 24.0178 27.5 32.04 27.5 37.7143C27.5 43.3949 26.157 48 24.5 48C22.8431 48 21.5 43.3949 21.5 37.7143C21.5 32.0338 24.5 24 24.5 24ZM24.5 24C24.5 24 16.4664 21 10.7857 21C5.10507 21 0.5 22.3431 0.5 24C0.5 25.657 5.10507 27 10.7857 27C16.4664 27 24.5 24 24.5 24ZM24.5 24C24.5 24 32.3019 20.4407 36.3188 16.4238C40.3357 12.407 42.6421 8.20099 41.4706 7.02943C40.299 5.85785 36.093 8.16439 32.0761 12.1812C28.0594 16.198 24.5 24 24.5 24ZM16.9238 12.1812C20.9407 16.198 24.5 24 24.5 24C24.5 24 16.698 20.4407 12.6812 16.4238C8.66439 12.407 6.35787 8.20102 7.52943 7.02943C8.70102 5.85787 12.907 8.16439 16.9238 12.1812Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n + 4) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.1949 5.12012H5.75485V14.5601C5.75485 19.3673 9.34815 23.3353 13.9954 23.9246C9.283 24.4536 5.62 28.4516 5.62 33.3053L5.62 42.7453H15.06C19.8672 42.7453 23.8352 39.1519 24.4245 34.5048C24.9535 39.2172 28.9515 42.8801 33.8052 42.8801H43.2452V33.4401C43.2452 28.6329 39.6518 24.6649 35.0046 24.0756C39.7171 23.5467 43.38 19.5486 43.38 14.695V5.25497L33.94 5.25497C29.1328 5.25497 25.1648 8.84828 24.5755 13.4955C24.0466 8.78312 20.0485 5.12012 15.1949 5.12012Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n + 5) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 4.53808C24 -8.43009 33.0487 9.95271 29.4356 15.5678C33.0552 9.95271 55.3603 7.77942 42.8168 14.2649C55.3603 7.77942 42.1072 24.0004 34.8679 24.0004C42.1072 24.0004 55.3603 40.2127 42.8168 33.7358C55.3603 40.2213 33.0552 38.0481 29.4356 32.4331C33.0552 38.0481 24 56.4309 24 43.4627C24 56.4309 14.948 38.0481 18.5643 32.4331C14.9448 38.0481 -7.36045 40.2213 5.18307 33.7358C-7.36045 40.2213 5.8929 24.0004 13.1351 24.0004C5.8929 24.0004 -7.36045 7.78801 5.18307 14.2649C-7.36045 7.77942 14.9448 9.95271 18.5643 15.5678C14.948 9.94698 24 -8.43009 24 4.53808Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n + 6) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.061 48C23.304 48 22.6641 47.4518 22.4808 46.7174C21.8964 44.3767 20.7779 41.8874 19.125 39.2501C17.1667 36.0833 14.375 33.1459 10.75 30.4375C7.59718 28.0546 4.44434 26.4295 1.29153 25.5626C0.544812 25.3574 0 24.6953 0 23.9208C0 23.1616 0.523855 22.5071 1.25394 22.2986C4.34508 21.416 7.32293 19.9831 10.1875 18C13.4792 15.7083 16.2292 12.9583 18.4375 9.75C20.3911 6.89196 21.7322 4.06531 22.4607 1.2701C22.6516 0.537828 23.2962 0 24.053 0C24.8182 0 25.4674 0.549739 25.6536 1.29199C26.0741 2.9677 26.7312 4.68288 27.625 6.4375C28.7501 8.60417 30.1874 10.6875 31.9375 12.6875C33.7291 14.6458 35.7293 16.4167 37.9375 18C40.8233 20.0455 43.7568 21.4827 46.7386 22.3114C47.4701 22.5146 48 23.1659 48 23.925C48 24.6955 47.454 25.3522 46.711 25.5559C44.821 26.0741 42.8755 26.9098 40.8751 28.0625C38.4583 29.4792 36.2083 31.1666 34.1249 33.125C32.0417 35.0417 30.3334 37.0625 28.9999 39.1874C27.3439 41.8303 26.2241 44.3388 25.6409 46.7134C25.4599 47.4499 24.8191 48 24.061 48Z" fill="%239969E4"/></svg>');
}
.composant-valeurs .valeurs-item:nth-child(7n) .valeurs-content::before {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.1867 22.4208C23.3289 11.7807 14.4222 3.41333 3.56114 3.41333C3.56114 14.224 11.8511 23.0985 22.4208 24.0265C11.7807 24.8843 3.41333 33.7911 3.41333 44.6522C14.224 44.6522 23.0985 36.3623 24.0265 25.7925C24.8843 36.4326 33.7911 44.8 44.6522 44.8C44.6522 33.9894 36.3623 25.1148 25.7926 24.1867C36.4326 23.3289 44.8 14.4222 44.8 3.56114C33.9894 3.56114 25.1148 11.8511 24.1867 22.4208ZM24.1061 24.1071L24.1071 24.1073L24.1073 24.1061C24.1069 24.1061 24.1061 24.1061 24.1061 24.1061V24.1071Z" fill="%239969E4"/></svg>');
}

/* Billet producteur et marque */
.section.post-producteur.extrait {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.producteur-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.3125rem;
}

.producteur-infos > * {
  margin-bottom: 0;
}

.producteur-img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}

.producteur.emoji::before {
  content: "\01F33F";
  position: relative;
}

.localisation.emoji::before {
  content: "\01F4CD";
  position: relative;
}

.post-producteur .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.produit-infos .localisation {
  color: var(--noir);
}

@media (min-width: 1200px) {
  .page-classique .medium-width {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

/* Section valeurs */
.section.section-valeurs {
  position: relative;
  overflow: hidden;
}

.section.section-valeurs::before {
  content: "";
  position: absolute;
  width: 319px;
  height: 319px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: -188px;
  left: 50%;
  transform: translateX(-50%);
}

.section-valeurs::before {
  background-image: url('data:image/svg+xml,<svg width="319" height="319" viewBox="0 0 319 319" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M236.755 159.5C261.937 154.763 286.716 143.057 301.835 127.675L319 110.211L294.32 105.678C272.582 101.685 245.301 106.067 222 116.313C239.446 98.4026 252.259 75.0808 254.983 54.1847L258.077 30.4615L235.309 40.5902C215.254 49.5118 195.893 68.3075 183.371 89.6227C186.417 65.3802 182.37 39.3498 171.659 20.9211L159.5 0L147.34 20.9211C136.629 39.3498 132.582 65.3802 135.627 89.6227C123.107 68.3075 103.745 49.511 83.6908 40.5902L60.9231 30.4615L64.016 54.1847C66.7406 75.0808 79.5534 98.4026 96.9997 116.313C73.6984 106.067 46.4168 101.685 24.6787 105.678L0 110.211L17.1639 127.675C32.2825 143.057 57.0612 154.763 82.2453 159.5C57.062 164.237 32.2825 175.941 17.1639 191.325L0 208.789L24.6787 213.322C46.4168 217.316 73.6978 212.932 96.9997 202.686C79.5534 220.598 66.7406 243.919 64.016 264.815L60.9231 288.537L83.69 278.41C103.745 269.488 123.107 250.693 135.626 229.377C132.581 253.619 136.629 279.65 147.339 298.078L159.498 319L171.657 298.078C182.369 279.65 186.415 253.619 183.371 229.377C195.891 250.693 215.253 269.49 235.307 278.41L258.073 288.537L254.981 264.815C252.256 243.919 239.443 220.598 221.998 202.686C245.299 212.932 272.58 217.314 294.318 213.322L318.997 208.789L301.833 191.325C286.716 175.943 261.937 164.237 236.755 159.5Z" fill="%23F8F6EE"/></svg>');
}

.section.section.bg-light + .section-valeurs::before {
  background-image: url('data:image/svg+xml,<svg width="319" height="319" viewBox="0 0 319 319" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M236.755 159.5C261.937 154.763 286.716 143.057 301.835 127.675L319 110.211L294.32 105.678C272.582 101.685 245.301 106.067 222 116.313C239.446 98.4026 252.259 75.0808 254.983 54.1847L258.077 30.4615L235.309 40.5902C215.254 49.5118 195.893 68.3075 183.371 89.6227C186.417 65.3802 182.37 39.3498 171.659 20.9211L159.5 0L147.34 20.9211C136.629 39.3498 132.582 65.3802 135.627 89.6227C123.107 68.3075 103.745 49.511 83.6908 40.5902L60.9231 30.4615L64.016 54.1847C66.7406 75.0808 79.5534 98.4026 96.9997 116.313C73.6984 106.067 46.4168 101.685 24.6787 105.678L0 110.211L17.1639 127.675C32.2825 143.057 57.0612 154.763 82.2453 159.5C57.062 164.237 32.2825 175.941 17.1639 191.325L0 208.789L24.6787 213.322C46.4168 217.316 73.6978 212.932 96.9997 202.686C79.5534 220.598 66.7406 243.919 64.016 264.815L60.9231 288.537L83.69 278.41C103.745 269.488 123.107 250.693 135.626 229.377C132.581 253.619 136.629 279.65 147.339 298.078L159.498 319L171.657 298.078C182.369 279.65 186.415 253.619 183.371 229.377C195.891 250.693 215.253 269.49 235.307 278.41L258.073 288.537L254.981 264.815C252.256 243.919 239.443 220.598 221.998 202.686C245.299 212.932 272.58 217.314 294.318 213.322L318.997 208.789L301.833 191.325C286.716 175.943 261.937 164.237 236.755 159.5Z" fill="%23F1EDE8"/></svg>');
}

.section.section.bg-primary + .section-valeurs::before {
  background-image: url('data:image/svg+xml,<svg width="319" height="319" viewBox="0 0 319 319" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M236.755 159.5C261.937 154.763 286.716 143.057 301.835 127.675L319 110.211L294.32 105.678C272.582 101.685 245.301 106.067 222 116.313C239.446 98.4026 252.259 75.0808 254.983 54.1847L258.077 30.4615L235.309 40.5902C215.254 49.5118 195.893 68.3075 183.371 89.6227C186.417 65.3802 182.37 39.3498 171.659 20.9211L159.5 0L147.34 20.9211C136.629 39.3498 132.582 65.3802 135.627 89.6227C123.107 68.3075 103.745 49.511 83.6908 40.5902L60.9231 30.4615L64.016 54.1847C66.7406 75.0808 79.5534 98.4026 96.9997 116.313C73.6984 106.067 46.4168 101.685 24.6787 105.678L0 110.211L17.1639 127.675C32.2825 143.057 57.0612 154.763 82.2453 159.5C57.062 164.237 32.2825 175.941 17.1639 191.325L0 208.789L24.6787 213.322C46.4168 217.316 73.6978 212.932 96.9997 202.686C79.5534 220.598 66.7406 243.919 64.016 264.815L60.9231 288.537L83.69 278.41C103.745 269.488 123.107 250.693 135.626 229.377C132.581 253.619 136.629 279.65 147.339 298.078L159.498 319L171.657 298.078C182.369 279.65 186.415 253.619 183.371 229.377C195.891 250.693 215.253 269.49 235.307 278.41L258.073 288.537L254.981 264.815C252.256 243.919 239.443 220.598 221.998 202.686C245.299 212.932 272.58 217.314 294.318 213.322L318.997 208.789L301.833 191.325C286.716 175.943 261.937 164.237 236.755 159.5Z" fill="%234E704C"/></svg>');
}

/* Section Blog */

.blog-billet-item {
  --item-transition-duree: 300ms;
  --item-transition-type: ease-in-out;
  position: relative;
  display: flex;
  flex-direction: column;
}

.blog-img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 412 / 271;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.blog-billet-item .blog-img {
  height: 271px;
  aspect-ratio: auto;
}

.blog-billet-item .blog-img::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  transition: all var(--item-transition-duree) var(--item-transition-type);
}

.blog-billet-item:hover .blog-img::after,
.blog-billet-item:focus-within .blog-img::after {
  border-color: var(--secondary);
}

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

.blog-cat {
  display: flex;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: var(--primary);
  background-color: rgba(var(--primary-rgb), 0.1);
  transition: all var(--item-transition-duree) var(--item-transition-type);
}

.blog-billet-item:hover .blog-cat,
.blog-billet-item:focus-within .blog-cat {
  color: var(--blanc);
  background-color: var(--secondary);
}

.blog-billet-item .blog-length {
  color: var(--noir);
}

.blog-billet-item .blog-title a {
  color: var(--noir);
  text-decoration: none;
  transition: all var(--item-transition-duree) var(--item-transition-type);
}

.blog-billet-item .blog-title a:hover,
.blog-billet-item .blog-title a:focus {
  color: var(--secondary);
  text-decoration: none;
}

a.lien-absolu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.text-bg-primary {
  background-color: var(--primary) !important;
}

.blog-accroche > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .liste-sidebar .blog-img {
    height: auto;
    width: 100%;
    aspect-ratio: 412 / 271;
  }
}
@media (min-width: 1200px) {
  .liste-sidebar .blog-billet-item {
    flex-direction: row;
    gap: 1.5rem;
  }
  .liste-sidebar .blog-img {
    margin-bottom: 0;
  }
}

/* Pagination */

.pagination {
  --bs-pagination-padding-x: 1rem;
  --bs-pagination-padding-y: 0.5rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--primary-darker);
  --bs-pagination-bg: var(--background-2);
  --bs-pagination-border-width: 1.5px;
  --bs-pagination-border-color: var(--background-2);
  --bs-pagination-border-radius: 0.5rem;
  --bs-pagination-hover-color: var(--primary-darker);
  --bs-pagination-hover-bg: rgba(var(--secondary-lighter-rgb), 0.5);
  --bs-pagination-hover-border-color: var(--secondary);
  --bs-pagination-focus-color: var(--primary-darker);
  --bs-pagination-focus-bg: rgba(var(--secondary-lighter-rgb), 0.5);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--secondary-rgb), 0.25);
  --bs-pagination-active-color: var(--blanc);
  --bs-pagination-active-bg: var(--secondary);
  --bs-pagination-active-border-color: var(--secondary);
  font-weight: 400;
  font-variation-settings: "wght" 500;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.page-link:focus {
  border-color: var(--bs-pagination-hover-border-color);
}

/* .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: var(--primary);
  text-decoration: none;
  background-color: var(--primary-lighter-10);
  border: 1.5px solid transparent;
  transition: 0.3s;
}
.page-item + .page-item {
  margin-left: 0.25rem;
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #fff;
  background-color: var(--primary);
  border-color: 1.5px solid var(--primary);
}
.page-link:hover {
  border-color: 1.5px solid var(--primary);
  transition: 0.3s;
} */

/* Alertes */

.alert {
  --bs-border-width: 1.5px;
  --bs-border-radius: 0.5rem;
}

.alert-xs {
  --bs-alert-border-radius: 3rem;
  --bs-alert-padding-y: 0.25rem;
  --bs-alert-padding-x: 0.75rem;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
}

.alert-sm {
  --bs-alert-border-radius: 3rem;
  --bs-alert-padding-y: 0.5rem;
  --bs-alert-padding-x: 1.25rem;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
}

.alert-cart {
  position: absolute;
  top: calc(100% + 1rem);
  right: 1.25rem;
  width: 350px;
  max-width: calc(100% - 2.5rem);
  box-shadow: var(--big-shadow);
  --bs-border-width: 0;
  --bs-alert-border-radius: 0.5rem;
}

/* Cards */

.card {
  --bs-card-border-radius: 0.5rem;
}

/* search */

.modal-xl.search {
  --bs-modal-zindex: 1100;
  --bs-modal-width: calc(100% - 2.5rem);
  --bs-modal-margin: 2.5rem 1.25rem 1.25rem;
  --bs-modal-padding: 1.625rem 1rem 1.625rem 2rem;
  --bs-modal-border-color: var(--primary);
  backdrop-filter: blur(8px);
}

.search .form-control {
  border: none;
  padding: 0;
  border-radius: 0;
  width: auto;
  flex: 1;
}

.search .form-control,
.search .form-control::placeholder {
  color: var(--primary);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 700;
  font-family: var(--font-main);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 1;
}

.search .form-control::placeholder {
  font-weight: 1rem;
  padding-left: 1rem;
}

.search .btn-close {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
}
/* Reseaux sociaux */

.reseaux-sociaux .list-inline-item:not(:last-child) {
  margin-right: 1rem;
}

.reseaux-sociaux .btn-link {
  width: 2.25rem;
  height: 2.25rem;
}

/* Footer */
footer#footer {
  padding: 3rem 0 4.5rem;
  background: var(--primary);
  color: var(--blanc);
  position: relative;
  overflow: clip;
}

#footer::before {
  content: "";
  position: absolute;
  left: calc(50% - 329px);
  top: calc(50% - 324px);
  width: 659px;
  height: 909px;
  opacity: 0.2;
  background-image: url("/theme/fr/assets/img/bg-filigrane-footer.png");
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
}

#footer > .container > .row {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}

#footer hr {
  height: 1px;
  border: 1px solid var(--blanc);
  opacity: 0.2;
  background: var(--blanc, #fff);
  margin-top: 5rem;
  margin-bottom: 2rem;
}

#footer .logo-site {
  color: var(--blanc);
}

#footer .link {
  color: var(--blanc);
}

#footer .link:after {
  background: var(--blanc);
}

#footer .btn-link {
  --bs-btn-color: var(--blanc);
  --bs-btn-hover-color: var(--blanc);
  --bs-btn-active-color: var(--blanc);
  --bs-btn-border-radius: 0;
}

#footer .btn-link:focus-visible {
  outline: auto;
  box-shadow: none;
}

#footer .include-adresse a:not(.link) {
  color: var(--blanc);
  text-decoration: none;
}

/* Badge avis et returntop */

#badge-fixe {
  position: fixed;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  left: 1rem;
  bottom: 1rem;
  height: 2.75rem;
  z-index: 500;
}

#return-top {
  --bs-btn-color: var(--blanc);
  --bs-btn-bg: var(--secondary);
  --bs-btn-hover-color: var(--blanc);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-focus-shadow-rgb: var(--secondary-rgb);
  --bs-btn-active-color: var(--blanc);
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--secondary-rgb), 0.125);
  --bs-btn-disabled-color: var(--blanc);
  border: none;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-line-height: 1;
  --bs-btn-border-radius: 0.25rem;
  cursor: pointer;
}

#badge-avis {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--blanc);
  text-decoration: none;
}

#badge-avis .avis-moyenne {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-weight: 400;
}

#badge-avis .avis-note {
  display: inline-block;
  color: var(--success);
  font-variation-settings: "wght" 700;
  font-size: 1.125rem;
  margin-top: 0.125rem;
  margin-right: 0.25rem;
}

#badge-avis .avis-nb {
  display: inline-block;
  color: var(--noir);
  font-variation-settings: "wght" 500;
  font-size: 1rem;
  margin-top: 0.125rem;
}
#badge-avis .avis-stars {
  display: inline-flex;
}

#badge-avis .avis-stars span {
  display: block;
  gap: 1rem;
  width: 0.875rem;
  height: 0.875rem;
  background-position: center;
  background-repeat: no-repeat;
}

#badge-avis .avis-stars[data-rating^="0"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="0"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="0"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="0"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="1"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="1"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="1"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="2"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="2"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="3"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4"] span:nth-child(5) {
  background-image: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.10871 3.90064L6.3 1.2281L7.49129 3.90064C7.62117 4.19203 7.89653 4.39209 8.2138 4.42558L11.1237 4.7327L8.95006 6.69154C8.71306 6.90511 8.60789 7.22882 8.67408 7.5409L9.28119 10.4033L6.74654 8.94134C6.47018 8.78195 6.12982 8.78195 5.85346 8.94134L3.31881 10.4033L3.92592 7.5409C3.99211 7.22882 3.88694 6.90511 3.64994 6.69154L1.47633 4.7327L4.3862 4.42558C4.70347 4.39209 4.97883 4.19203 5.10871 3.90064Z" stroke="%2318A957"/></svg>');
}

#badge-avis .avis-stars[data-rating^="0.8"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0.9"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="1"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="1.8"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1.9"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="2"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="2"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="2.8"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2.9"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="3"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="3"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="3"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="3.8"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3.9"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="4"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="4"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="4"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="4"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="4.8"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4.9"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="5"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="5"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="5"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="5"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="5"] span:nth-child(5) {
  background-image: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.94036 0.806817C6.0791 0.495562 6.5209 0.495562 6.65964 0.806817L7.94797 3.69707C8.00519 3.82545 8.12651 3.91359 8.26628 3.92834L11.4132 4.26048C11.7521 4.29624 11.8886 4.71642 11.6355 4.94455L9.28478 7.06296C9.18037 7.15706 9.13404 7.29967 9.1632 7.43716L9.81977 10.5327C9.89047 10.866 9.53305 11.1257 9.23786 10.9555L6.49673 9.37447C6.37498 9.30424 6.22502 9.30424 6.10327 9.37447L3.36214 10.9555C3.06695 11.1257 2.70953 10.866 2.78023 10.5327L3.4368 7.43716C3.46596 7.29967 3.41963 7.15706 3.31522 7.06296L0.964538 4.94455C0.711391 4.71642 0.847912 4.29624 1.18681 4.26048L4.33372 3.92834C4.47349 3.91359 4.59481 3.82545 4.65203 3.69707L5.94036 0.806817Z" fill="%2318A957"/></svg>');
}

#badge-avis .avis-stars[data-rating^="0.3"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0.4"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0.5"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0.6"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="0.7"] span:nth-child(1),
#badge-avis .avis-stars[data-rating^="1.3"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1.4"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1.5"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1.6"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="1.7"] span:nth-child(2),
#badge-avis .avis-stars[data-rating^="2.3"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2.4"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2.5"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2.6"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="2.7"] span:nth-child(3),
#badge-avis .avis-stars[data-rating^="3.3"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3.4"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3.5"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3.6"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="3.7"] span:nth-child(4),
#badge-avis .avis-stars[data-rating^="4.3"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4.4"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4.5"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4.6"] span:nth-child(5),
#badge-avis .avis-stars[data-rating^="4.7"] span:nth-child(5) {
  background-image: url('data:image/svg+xml,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.10871 3.90064L6.3 1.2281L7.49129 3.90064C7.62117 4.19203 7.89653 4.39209 8.2138 4.42558L11.1237 4.7327L8.95006 6.69154C8.71306 6.90511 8.60789 7.22882 8.67408 7.5409L9.28119 10.4033L6.74654 8.94134C6.47018 8.78195 6.12982 8.78195 5.85346 8.94134L3.31881 10.4033L3.92592 7.5409C3.99211 7.22882 3.88694 6.90511 3.64994 6.69154L1.47633 4.7327L4.3862 4.42558C4.70347 4.39209 4.97883 4.19203 5.10871 3.90064Z" fill="url(%23paint0_linear_3731_600)" stroke="%2318A957"/><defs><linearGradient id="paint0_linear_3731_600" x1="0" y1="6.3" x2="12.6" y2="6.3" gradientUnits="userSpaceOnUse"><stop stop-color="%2318A957"/><stop offset="0.5" stop-color="%2318A957"/><stop offset="0.5" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
}

/* Share & print button */
#shareActions {
  display: flex;
  gap: 0.5rem;
}

#shareDropdown {
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0;
  --bs-dropdown-min-width: 2.5rem;
  --bs-dropdown-item-padding-x: 0.25rem;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-border-radius: 0.25rem;
  transform: none !important;
  box-shadow: var(--light-shadow);
  --bs-dropdown-bg: var(--blanc);
  --bs-dropdown-link-color: var(--primary-darker);
  --bs-dropdown-link-active-bg: var(--blanc);
  --bs-dropdown-link-hover-bg: var(--blanc);
  --bs-dropdown-link-hover-color: var(--secondary);
  --bs-dropdown-link-active-color: var(--secondary);
  --bs-dropdown-item-border-radius: 0.25rem;
  --bs-dropdown-zindex: 450;
}

#shareDropdown .dropdown-item {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#shareDropdown li:last-child {
  border-top: 1px solid var(--primary-lighter-30);
}

.btn.btn-square {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.5rem;
  width: 3rem;
  height: 3rem;
}

/* Scroll area */

.scroll-area-content {
  overflow-x: visible;
  overflow-y: clip;
  transition: height 300ms ease-in-out;
}

.scroll-area .scroll-area-btn {
  font-size: 1rem;
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
  margin-top: 0.5rem;
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--primary);
  border-bottom: 1.5px solid rgba(var(--primary-rgb), 0.15);
  transition: all 300ms ease-out;
  position: relative;
  z-index: 1;
}

.scroll-area .scroll-area-btn:hover,
.scroll-area .scroll-area-btn:focus {
  color: var(--secondary);
  border-bottom-color: var(--secondary);
}

/* Menu sidebar */

.menu-sidebar {
  background-color: var(--background-2);
  padding: 2rem;
  border-radius: 0.5rem;
}

.menu-sidebar .sommaire {
  display: none !important;
}

.menu-sidebar .nav-item .nav-link {
  display: inline;
  color: var(--primary);
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.1);
  padding: 0;
}

.menu-sidebar .nav-item .nav-link.active {
  font-variation-settings: "wght" 700;
  color: var(--secondary);
  border-bottom-color: var(--secondary);
}

.menu-sidebar .nav-item .nav-link:not(.active):hover,
.menu-sidebar .nav-item .nav-link:not(.active):focus {
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}

/* Menu footer & plan du site */

.nav.menu-footer,
.nav.menu-plandusite {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.25rem;
  --bs-nav-link-font-weight: 400;
  font-variation-settings: "wght" 500;
}

.plandusite .nav {
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-color: var(--primary-darker);
  --bs-nav-link-hover-color: var(--primary-darker);
}

#footer .nav {
  --bs-nav-link-font-size: 0.875rem;
  --bs-nav-link-color: var(--blanc);
  --bs-nav-link-hover-color: var(--blanc);
}

.nav.menu-footer .nav-link span,
.nav.menu-plandusite .nav-link span {
  position: relative;
  line-height: 165%;
  border-bottom: 1px solid rgba(var(--blanc-rgb), 0.1);
  transition: 0.3s;
}

#footer .nav .nav-link span {
  border-bottom: 1px solid rgba(var(--blanc-rgb), 0.1);
}
.plandusite .nav .nav-link span {
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.1);
}

#footer .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(var(--blanc-rgb), 0.25);
}

#footer .nav .nav-link:hover span,
#footer .nav .nav-link:focus-visible span {
  border-bottom: 1px solid rgba(var(--blanc-rgb), 1);
  transition: 0.3s;
}

.plandusite .nav .nav-link:hover span,
.plandusite .nav .nav-link:focus-visible span {
  border-bottom: 1px solid rgba(var(--primary-rgb), 1);
  transition: 0.3s;
}

.menu-footer .sommaire {
  display: none;
}

.menu-footer,
.menu-plandusite {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

.plandusite.simple .menu-plandusite {
  flex-direction: column;
  gap: 0 4rem;
}

.menu-footer .submenu,
.menu-plandusite .submenu {
  list-style: none;
  padding-left: 0;
}

.menu-footer .page-1:first-child .submenu-1 {
  column-count: 2;
  column-gap: 1.5rem;
}

.plandusite.megamenu .menu-plandusite .page-2 .submenu,
.plandusite.simple .menu-plandusite .submenu {
  padding-left: 1.5rem;
}

/* Menu footer bottom */
.footer-bottom .copyright {
  font-size: 0.875rem;
}

.footer-bottom .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-font-size: 0.875rem;
  gap: 0 1rem;
}

/* Iframe */

.embed-responsive iframe {
  width: 100%;
  height: 100%;
}

/* Blog */

/* Agenda */
div#agenda {
  margin: 4rem 0;
}
div#agenda .post-agenda + .post-agenda {
  margin-top: 1.5rem;
}
.post-agenda .date-agenda,
.post-agenda .description-agenda {
  transition: 0.3s;
}
.post-agenda:nth-child(odd) .date-agenda,
.post-agenda:nth-child(odd) .description-agenda {
  background: var(--background-2);
}
.post-agenda .date-agenda {
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-right: none;
}
.post-agenda .description-agenda {
  border: 1px solid transparent;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-left: none;
}
.post-agenda:not(.post-agenda-detail):hover .date-agenda {
  background: #fff;
  border-color: var(--primary);
  transition: 0.3s;
}
.post-agenda:not(.post-agenda-detail):hover .description-agenda {
  background: var(--primary-lighter-10);
  border-color: var(--primary);
  transition: 0.3s;
}
.date-agenda {
  font-family: var(--font-title);
}
.date-agenda span.points {
  margin-bottom: auto;
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.date-agenda .date {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.date-agenda .jour {
  font-size: 2rem;
  background: var(--primary-lighter-10);
  padding: 0.5rem 1rem;
  background: var(--primary-lighter-20);
  border-radius: 4px;
}

.intervenants > span {
  background: var(--primary-lighter-20);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

/* catalogue */

.produit-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.recherche .produit-card {
  justify-content: flex-start;
}

.produit-card .produit-contenu {
  display: block;
  position: relative;
  text-decoration: none;
}

.produit-image {
  position: relative;
  border-radius: 0.5rem;
  background-color: var(--background-2);
  margin-bottom: 1rem;
  aspect-ratio: 1;
}

.produit-illustrations .produit-image,
.ecommerce .produit-image,
.ecommerce .produit-image img {
  aspect-ratio: 100 / 121;
}

.produit-image img {
  border-radius: 0.5rem;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

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

.produit-image img.defaut {
  opacity: 0.2;
}

.produit-contenu .produit-titre {
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 600;
  font-weight: 400;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 125%;
  letter-spacing: normal;
  color: var(--primary-darker);
  margin-bottom: 0;
  transition: 0.3s;
}

.produit-contenu .produit-titre.producteur {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.produit-contenu:hover .produit-titre,
.produit-contenu:focus-visible .produit-titre {
  color: var(--secondary);
}

.produit-card .produit-commande {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.produit-commande .price {
  color: var(--primary-darker);
  font-size: 1.125rem;
  font-style: normal;
  font-variation-settings: "wght" 700;
  font-weight: 400;
  line-height: 110%;
  margin-top: 0;
  margin-bottom: 0;
}

.produit-commande .ajout-panier {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.ajout-panier-fixed .bootstrap-touchspin {
  height: 3.5rem;
}

.variantes {
  display: flex;
  gap: 0.5rem;
}

.produit-commande .variantes {
  justify-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
}

.produit-commande .old-price {
  font-size: 0.875rem;
  font-variation-settings: "wght" 500;
  color: var(--secondary);
}

.variante-item {
  margin-left: -2px;
}

.variante-item .variante-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.variante-item .variante-input ~ .variante-label {
  display: inline-flex;
  padding: 0.25rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  border-radius: 0.25rem;
  border: 1.5px solid rgba(var(--secondary-rgb), 0.2);
  color: var(--primary-darker);
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
  cursor: pointer;
  transition: 0.3s;
}

.produit-detail .variante-item .variante-input ~ .variante-label {
  padding: 0.5rem 1rem;
}

.variante-item:not(.disabled)
  .variante-input:not(:checked):hover
  ~ .variante-label,
.variante-item:not(.disabled) .variante-input:focus-visible ~ .variante-label,
.variante-item:not(.disabled)
  .variante-input:not(:checked):active
  ~ .variante-label {
  border-color: var(--secondary);
  background: rgba(var(--secondary-lighter-rgb), 0.5);
}

.variante-item .variante-input:checked ~ .variante-label {
  border-color: var(--secondary);
  background: transparent;
}

.produit-detail .variante-item .variante-input:checked ~ .variante-label {
  color: var(--blanc);
  border-color: var(--secondary);
  background: var(--secondary);
}

.variante-item .variante-input:focus-visible ~ .variante-label {
  box-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), 0.5);
}

.variante-item .variante-input ~ .variante-label.disabled {
  opacity: 0.5;
}

#produits_liste .card {
  border: 0;
}

#produits_liste .produit-image {
  position: relative;
}

#produits_liste .produit-image small {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: #fff;
  padding: 2px 8px;
  border-radius: 5px;
  opacity: 1;
  text-transform: capitalize !important;
}

.produit-card .produit-categorie {
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  display: flex;
  justify-content: center;
  width: 100%;
}

.produit-categorie .tag-categorie {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  font-variation-settings: "wght" 500;
  line-height: 125%;
  text-align: center;
  border-radius: 0.125rem;
  display: block;
  background-color: var(--background-2);
  color: var(--primary);
  margin-bottom: 0;
}

.produit-hover-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.produit-hover-overlay a:first-child {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* Carousel produit */

/* .owl-carousel.carousel-produit .owl-stage-outer {
  overflow: visible;
} */

.carousel-produit {
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  --carousel-width: 500px;
  --carousel-gap: 1.25rem;
}

.carousel-produit-stage-outer {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 1.25rem;
  scrollbar-width: none; /* Firefox */
}
.carousel-produit-stage-outer::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.carousel-produit-stage {
  display: flex;
  gap: var(--carousel-gap); /* espace entre les produits */
  width: max-content;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.carousel-produit-stage > .produit {
  scroll-snap-align: start;
  flex: 0 0 auto;
  width: 200px;
  user-select: none;
}

@media (min-width: 576px) {
  .carousel-produit-stage-outer {
    scroll-padding-left: calc((100dvw - var(--carousel-width)) * 0.5);
  }
  .carousel-produit-stage {
    padding-left: calc((100dvw - var(--carousel-width)) * 0.5);
    padding-right: calc((100dvw - var(--carousel-width)) * 0.5);
  }
}

@media (min-width: 768px) {
  .carousel-produit {
    --carousel-width: 680px;
  }
  .carousel-produit-stage > .produit {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .carousel-produit {
    --carousel-width: 960px;
    --carousel-gap: 2rem;
  }
  .carousel-produit-stage-outer {
    width: 100%;
    max-width: var(--carousel-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--carousel-gap) * 0.5);
    padding-right: calc(var(--carousel-gap) * 0.5);
  }
  .carousel-produit-stage {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--carousel-gap));
    margin-left: calc(-0.5 * var(--carousel-gap));
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    gap: 4rem 0;
    width: auto;
  }
  .carousel-produit-stage > .produit {
    flex: 0 0 auto;
    width: 25%;
    padding-right: calc(var(--carousel-gap) * 0.5);
    padding-left: calc(var(--carousel-gap) * 0.5);
  }
}

@media (min-width: 1200px) {
  .carousel-produit {
    --carousel-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .carousel-produit {
    --carousel-width: 1320px;
  }
}

@media (min-width: 1600px) {
  .carousel-produit {
    --carousel-width: 1500px;
  }
}

/* Produit détail */

#produit-main .produit-resume {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
}

#produit-main .produit-titre {
  grid-column: 1;
  grid-row: 1;
}

#produit-main .produit-illustrations {
  grid-column: 1;
  grid-row: 2;
}

#produit-main .produit-content {
  grid-column: 1;
  grid-row: 3;
}

.produit-detail {
  padding-top: 2rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.produit-detail .btn-addcart {
  padding: 1rem 1.5rem 1rem 2rem;
}

.produit .price {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}

.produit-detail .price {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

.produit-detail .price .current-price {
  color: var(--primary-darker);
  font-family: var(--font-title);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  letter-spacing: -1.6px;
}

.produit-detail .price .old-price {
  color: var(--secondary);
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
}

.produit-detail .price .current-price small {
  font-size: 1.25rem;
  font-style: normal;
  line-height: 136%;
  letter-spacing: -0.8px;
}

.produit-detail .price .eco-part {
  color: var(--primary-darker);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-family: var(--font-main);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.produit-detail-labels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.label-container {
  display: flex;
  padding: 1rem;
  gap: 1rem;
  align-items: center;
  border-radius: 0.5rem;
  border: 1px solid var(--primary-lighter-30);
}

.label-container img {
  object-fit: contain;
  width: 3.5rem;
  height: 3.5rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--primary);
}

.produit-detail #detail {
  margin-top: 3.375rem;
}

#detail,
#producteur {
  scroll-margin-top: calc(164px + var(--header-alert-height));
}

#producteur > .container .container {
  padding-left: 4rem;
  padding-right: 4rem;
}

.bootstrap-touchspin {
  border-radius: 0.5rem;
  width: 100px;
}

.bootstrap-touchspin .btn {
  text-decoration: none;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}

.bootstrap-touchspin .border-left {
  border-left: 1px solid var(--bs-border-color);
}

.bootstrap-touchspin .input-group-btn-vertical > .btn:hover,
.bootstrap-touchspin .input-group-btn-vertical > .btn:focus-visible {
  background-color: var(--primary);
  color: #fff;
}

.input-group.bootstrap-touchspin
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 0.5rem;
}

.input-group {
  --bs-border-radius: 0.5rem;
}

.bootstrap-touchspin > .form-control {
  border: 2px solid var(--primary);
  background-color: var(--blanc);
  color: var(--primary);
  font-feature-settings: "ss03" on;
  font-family: var(--font-main);
  font-variation-settings: "wght" 500;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  height: calc(50% - 2px);
  right: 2px;
  border-color: var(--primary-lighter-20);
  width: 1.75rem !important;
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 600;
  font-family: var(--font-main);
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0 0.25rem 0 0;
  border-width: 0 0 1px 1px;
  top: 2px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0 0 0.25rem 0;
  border-width: 0 0 0 1px;
  bottom: 2px;
}

.tags {
  display: flex;
  align-items: center;
}
.tags a {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  border-radius: 3rem;
  color: var(--primary-darker);
  text-decoration: none;
  border: none;
  background: var(--primary-lighter-20);
  transition: 0.3s;
}
.tags a + a {
  margin-left: 0.5rem;
}
.tags a:hover,
.tags a.active,
.tags a:focus {
  color: var(--blanc);
  background: var(--secondary);
  transition: 0.3s;
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--secondary-rgb), 0.25);
}

.tags .nb-items {
  display: inline-flex;
  background: var(--primary-lighter-10);
  color: var(--primary);
  border-radius: 1rem;
  font-size: 0.875rem;
  font-family: var(--font-main);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 600;
  min-width: 1.375rem;
  height: 1.375rem;
  line-height: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  padding: 0 0.375rem;
}

.produit-illustrations .produit-list-img {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow: visible;
}

.produit-illustrations .listing-images {
  display: block;
  width: 100px;
  aspect-ratio: 100 / 121;
  border-radius: 0.375rem;
}

.produit-illustrations .listing-images img {
  border-radius: 0.375rem;
}

.produit-illustrations.vedette .produit-main-img,
.produit-image.vedette {
  position: relative;
}

.produit-illustrations.vedette .produit-main-img::after,
.produit-image.vedette::after {
  content: "Producteur local";
  position: absolute;
  display: inline-flex;
  z-index: 1;
  top: 1rem;
  left: 1rem;
  padding: 0 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--secondary);
  color: var(--blanc);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-family: var(--font-main);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  height: 1.8125rem;
}

.produit-list-img .owl-nav {
  inset: 0 -0.75rem;
}

.tab-infos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.5rem;
  height: 100%;
  padding: 2rem 0 1.25rem;
}

.tab-infos.infos-secondaires {
  background: var(--background-2);
  mix-blend-mode: multiply;
}

.tab-infos.infos-tertiaires {
  background: var(--primary-lighter-20);
}

.tab-infos .nav-item {
  display: none;
}

.tab-infos .tab-pane {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* .tab-infos.infos-secondaires .tab-pane#description > * {
  break-inside: avoid;
} */

.nav-underline {
  --bs-nav-underline-gap: 0.25rem 1rem;
  --bs-nav-link-padding-y: 0.25rem;
}

.nav-underline .nav-link {
  border-bottom: none;
}

.nav-underline .nav-link > span {
  display: inline;
  color: var(--primary-darker);
  font-feature-settings: "ss03" on;
  font-variation-settings: "wght" 500;
  font-family: var(--font-main);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-bottom: var(--bs-nav-underline-border-width) solid
    rgba(var(--primary-darker-rgb), 0.1);
  transition: 0.15s;
}

.nav-underline .nav-link:hover > span,
.nav-underline .nav-link:focus > span,
.nav-underline .nav-link:active > span,
.nav-underline .nav-link.active > span {
  border-bottom: var(--bs-nav-underline-border-width) solid
    rgba(var(--primary-darker-rgb), 1);
}

/* search catalogue */

.recherche-simple .card {
  border: 0;
}

.recherche-simple .produit-image {
  position: relative;
}

.recherche-simple .produit-image small {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: #fff;
  padding: 2px 8px;
  border-radius: 5px;
  opacity: 1;
  text-transform: capitalize !important;
}

/* Tableaux */

.table {
  --bs-table-color: var(--noir);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--primary-lighter-20);
}

.table.table-order {
  --bs-table-color: var(--primary-darker);
  --bs-table-bg: transparent;
  --bs-table-active-color: var(--primary-darker);
  --bs-table-active-bg: var(--primary-lighter-20);
  vertical-align: middle;
}

/* List groups */

.list-group {
  --bs-list-group-border-radius: 0.5rem;
  --bs-list-group-border-width: 0;
  --bs-list-group-border-color: var(--primary-lighter-20);
  --bs-list-group-color: var(--primary-darker);
  --bs-list-group-active-bg: var(--primary);
  --bs-list-group-active-color: var(--blanc);
  --bs-list-group-active-border-color: var(--primary);
  --bs-list-group-action-hover-bg: var(--primary-lighter-20);
  --bs-list-group-action-hover-color: var(--primary-darker);
  --bs-list-group-action-hover-border-color: var(--primary-lighter-20);
}

/* EasyZoom */

.easyzoom {
  position: relative;
  display: inline-block;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-ready img {
  cursor: crosshair;
  max-width: none;
  max-height: none;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10em;
  margin: -1em 0 0 -5em;
  text-align: center;
  z-index: 20;
}

.easyzoom-flyout {
  position: absolute;
  background: #fff;
  overflow: hidden;
  z-index: 10;
}

.easyzoom-overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Compte */
.box {
  border-radius: 0.5rem;
}

fieldset {
  /* margin-top: 2rem; */
  padding: 2rem;
  border-radius: 6px;
  border: 1.5px solid var(--primary-lighter-10);
  position: relative;
}

.no-fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.input-group .input-group-text {
  border: 2px solid var(--noir);
}

.input-group:not(.bootstrap-touchspin) .form-control:not(:last-child),
.input-group:not(.bootstrap-touchspin) .input-group-text:not(:last-child) {
  border-right: none;
}

.input-group:not(.bootstrap-touchspin) .form-control:not(:first-child),
.input-group:not(.bootstrap-touchspin) .input-group-text:not(:first-child) {
  border-left: none;
}

.input-group .input-group-text {
  background-color: var(--primary-lighter-10);
}

/* Media queries */

.hamburger {
  font: inherit;
  display: block;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
}
.hamburger-box {
  position: relative;
  display: flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
}
.hamburger-inner,
.hamburger-inner:after {
  position: absolute;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: var(--primary);
}

.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}
.hamburger-inner {
  width: 27px;
  top: 8px;
}
.hamburger-inner:after {
  display: block;
  content: "";
  bottom: -8px;
  width: 19px;
}
.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  width: 22px;
  top: 12px;
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  width: 22px;
  transition: bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

@media (min-width: 576px) {
  .card.exploration {
    --bs-card-spacer-y: 4rem;
    --bs-card-spacer-x: 4rem;
  }

  .dropdown.custom .dropdown-menu {
    padding: 0.25rem 0 0;
  }
  .dropdown.custom .dropdown-menu.show {
    height: 12rem;
  }

  .dropdown.custom .dropdown-item {
    padding: 0.5rem 1rem;
  }

  .container-begin-sm {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    max-width: 540px;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  .container-begin-sm .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .menu-footer,
  .megamenu .menu-plandusite {
    gap: 3rem 4rem;
  }

  .menu-footer .page-1:first-child .submenu-1 {
    column-count: 3;
  }

  .plandusite.megamenu .menu-plandusite .page-1 .submenu-1 {
    column-count: 3;
    column-gap: 1.5rem;
    column-width: auto;
  }

  .mega-menu .sublist {
    column-fill: balance;
    column-gap: 2rem;
  }

  .mega-menu .deux-colonnes .sublist {
    column-count: 2;
  }

  .mega-menu .trois-colonnes .sublist,
  .mega-menu .quatre-colonnes .sublist,
  .mega-menu .cinq-colonnes .sublist {
    column-count: 3;
  }

  #produit-main .produit-resume {
    display: grid;
    width: 100%;
    grid-template-columns: 4fr 8fr;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    gap: 1rem 3rem;
  }

  #produit-main .produit-titre {
    grid-column: 2;
    grid-row: 1;
  }

  #produit-main .produit-illustrations {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  #produit-main .produit-content {
    grid-column: 2;
    grid-row: 2;
  }

  .container-begin-sm,
  .container-begin-md {
    max-width: 720px;
  }

  .container-begin-md {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }

  .container-begin-md .container,
  .container-begin-md .container-begin-sm {
    padding-right: 0;
    padding-left: 0;
  }

  .tab-infos {
    padding: 2rem;
  }

  .menu-sidebar.compte {
    border-radius: 0.5rem;
  }
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
  div#banner {
    padding-top: calc(100px + var(--header-alert-height));
  }
  #header {
    background-color: var(--blanc);
  }

  .logo-site {
    color: var(--primary-darker);
  }

  #header #navbar-main {
    position: unset;
    height: 100px;
    padding: 1rem 0;
  }
  .navbar-toggler {
    padding: 0.675rem;
    border: none;
    box-shadow: none !important;
    margin-left: 0.25rem;
  }
  .navbar-inner {
    flex-grow: 1;
  }
  div#navbar-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #fff;
    transition: none;
    height: calc(100vh - 100px);
    width: 100%;
  }
  #header > .header-top {
    display: none;
  }
  #header .header-top {
    border-radius: 0.5rem 0.5rem 0 0;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: var(--background);
    transition: 0.3s;
  }
  #header .header-top .nav {
    flex-direction: column;
  }
  div#navbar-menu .navbar-nav {
    padding: 0.75rem 0;
    width: 100%;
  }
  .mega-menu .page-1 > .nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    white-space: normal;
    font-variation-settings: "wght" 700;
    text-align: left;
    font-size: 1.25rem;
    line-height: 125%;
    padding: 1.25rem 0;
  }
  .mega-menu .page-1 > .nav-link.home {
    margin-bottom: 0.75rem;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2:not(.sommaire)
    > a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    font-size: 18px;
    line-height: 145%;
    padding: 1.25rem 0;
    justify-content: space-between;
    white-space: normal;
  }
  /* .page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-header {
    background-color: var(--background-2);
  } */
  .page-spacer
    .dropdown-toggle
    + .dropdown-mega-menu
    .dropdown-header
    .menu-image {
    position: relative;
    inset: 0;
    height: 252px;
    border-radius: 0;
  }

  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2.mega-menu-item-with-image
    a {
    flex-direction: column;
    padding: 2rem;
  }
  .mega-menu .page-1.accueil > .nav-link .menu-title {
    display: block;
    margin-left: 0.75rem;
  }
  div#navbar-menu .navbar-nav .nav-item {
    width: 100%;
  }
  .mega-menu .page-1 > .nav-link:after {
    position: relative !important;
    bottom: unset !important;
    transform: rotate(-90deg) !important;
    background-position: center !important;
    left: 0 !important;
  }
  div#navbar-menu .navbar-nav .nav-item.page-1:not(:last-child) {
    border-bottom: 1px solid var(--primary-lighter-10);
  }
  .mega-menu .page-1.has-child > .dropdown {
    position: fixed;
    width: 100vw;
    background: #fff;
    padding: 0 0 3.625rem;
    left: 100%;
    top: 0;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
    max-height: none;
    opacity: 1;
    visibility: visible;
    padding-bottom: 6rem;
    box-shadow: none;
  }

  .page-spacer
    .dropdown-toggle
    + .dropdown-mega-menu
    .dropdown-menu
    .column.column-2 {
    column-count: 1;
  }
  .mega-menu .page-1.has-child.expand > .dropdown {
    top: 0;
    z-index: 2;
  }
  .mega-menu .page-2.has-child.expand > .dropdown {
    top: 0;
    z-index: 3;
    overflow-y: auto !important;
  }

  #navbar-menu:not(.expand-level-2) .scroll-y > .dropdown {
    overflow: hidden !important;
    overflow-y: auto !important;
  }

  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 1 !important;
    width: 100% !important;
    column-count: 1 !important;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .dropdown-header {
    order: 1;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .dropdown-title {
    order: 2;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .sommaire {
    order: 3;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .sublist {
    order: 4;
    padding: 1.5rem 2rem 2rem;
  }

  #header .btn-reservation-container .btn {
    padding: 1.5rem 2rem;
    text-align: center;
    justify-content: center;
  }

  #header {
    transition: transform 0.3s;
    transform: none;
  }
  #header.expand-level-1 {
    transition: transform 0.3s;
    transform: translateX(-100%);
  }
  div#navbar-menu.expand-level-2 {
    transition: transform 0.3s;
    transform: translateX(-200%);
  }
  .mega-menu .page-1.has-child > .dropdown > .container {
    padding: 0;
    max-width: none;
  }
  .mega-menu .dropdown-header .dropdown-mobile-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 0.5rem;
    height: 3.625rem;
  }
  .mega-menu .dropdown-header .back {
    display: flex;
    align-items: center;
    background-color: var(--secondary);
    border: none;
    color: var(--blanc);
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    border-radius: 2.5rem;
    line-height: 150%;
    z-index: 1;
  }
  .mega-menu .dropdown-header .back:before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M8 2L4 6L8 10" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
  }
  .mega-menu .dropdown-header .close-menu {
    padding: 0;
    border: none;
    background: transparent;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2
    > a
    > .menu-title {
    padding: 0;
    border: none;
  }
  .mega-menu .page-2.has-child > a:after {
    content: "";
    margin: 0;
    border: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon / arrow'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M9.25 9.75L6.25 9.75C6.25 7.75 3.25 3.75 0.250001 3.75L0.250001 0.749999C2.25 0.749999 7.75 3.75 7.75 7.75C7.75 3.75 13.25 0.75 15.25 0.75L15.25 3.75C12.25 3.75 9.25 7.75 9.25 9.75Z' fill='%235A5FDF'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: rotate(-90deg);
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2.has-child
    > .dropdown
    .dropdown-menu {
    column-count: 1 !important;
    padding-top: 0 !important;
    display: block !important;
    position: unset !important;
    background: none !important;
    border: none !important;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2.has-child
    > .dropdown
    .dropdown-menu
    > .page-3 {
    margin-bottom: 0.5rem;
  }
  .mega-menu
    .page-1.has-child
    > .dropdown
    > .container
    > .dropdown-menu
    > .page-2.has-child
    > .dropdown
    .dropdown-menu
    > .page-3
    > a {
    font-size: 18px;
    font-style: normal;
    line-height: 145%;
    white-space: normal;
    padding: 0.5rem;
  }
  div#navbar-menu .header-top {
    padding: 1.5rem 2rem;
    margin-top: auto;
  }
  div#navbar-menu .header-top > .container-fluid {
    padding: 0;
  }
  .menu-top .nav-item:not(:last-child):after {
    content: none;
  }
  .header-top .nav-link {
    font-size: 1rem;
    font-style: normal;
    line-height: 140%;
    padding: 0.5rem 0;
    opacity: 1;
    text-align: left;
    display: inline-block;
  }

  .scroll {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
    padding-bottom: 3rem;
  }

  .btn-header .icon.search,
  .btn-header .icon.account {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
  }
  .btn-header.account,
  .btn-header.search {
    background-color: var(--primary-lighter-10);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
    border-radius: 3.5rem;
  }

  .btn-header .btn-header-text {
    font-size: 1.125rem;
  }

  #producteur > .container .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .container-lg-fluid {
    max-width: 100%;
    padding: 0 3rem;
  }
}
@media (max-width: 1080px) {
}
@media (min-width: 992px) and (max-width: 1080px) {
  .container-lg-fluid {
    max-width: 100%;
    padding: 0 3rem;
  }
}

@media (min-width: 992px) {
  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  #producteur .section {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section.section-valeurs {
    padding-top: 10rem;
    padding-bottom: 7rem;
  }

  footer#footer {
    padding: 4rem;
  }

  #footer::before {
    top: 60px;
  }
  .card.exploration {
    --bs-card-spacer-y: 3rem;
    --bs-card-spacer-x: 2rem;
  }

  .post-boutique .post-header {
    max-width: 500px;
  }

  .img-wrapper {
    height: 100%;
  }

  .blog-billet-item .blog-voir-plus {
    opacity: 0;
    transition: all var(--item-transition-duree) var(--item-transition-type);
  }

  .blog-billet-item:hover .blog-voir-plus,
  .blog-billet-item:focus-within .blog-voir-plus {
    opacity: 1;
  }

  .section.post-producteur.bg-light {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .produit-contenu .produit-titre {
    font-size: 1.05rem;
    line-height: 125%;
  }

  .produit-contenu .produit-titre.producteur {
    font-size: 1.375rem;
    line-height: 125%;
  }

  .cart-item {
    display: grid;
    grid-template-columns: calc(25% - 1.5rem) calc(75% - 1.5rem);
    gap: 1.5rem 3rem;
  }
  .cart-item .produit-contenu .produit-titre {
    font-size: 1.25rem;
  }
  .grille .produit-image {
    aspect-ratio: 292 / 353;
  }
  .produit-list-img .owl-nav {
    inset: 0 -1.25rem;
  }
  .produit-image img.hover {
    opacity: 0;
  }
  .liste-produits-vignettes .produit-contenu:hover .produit-image img.hover,
  .liste-produits-vignettes
    .produit-contenu:focus-visible
    .produit-image
    img.hover {
    opacity: 1;
    transition: 0.3s;
  }

  .mega-menu .quatre-colonnes .sublist,
  .mega-menu .cinq-colonnes .sublist {
    column-count: 4;
  }

  .tab-infos.infos-secondaires {
    padding: 2rem 4rem;
  }

  #produit-main .produit-resume {
    grid-template-columns: 5fr 7fr;
    gap: 1rem 4rem;
  }

  .container-begin-sm,
  .container-begin-md {
    max-width: 960px;
    --bs-gutter-x: 1.5rem;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  #header-list {
    gap: 0.5rem;
  }
}

@media (min-width: 1200px) {
  #header::after {
    content: "";
    position: fixed;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    background: rgba(var(--background-2-rgb), 0.5);
    backdrop-filter: blur(8px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
  }

  .menu-open #header::after {
    opacity: 1;
  }

  .body-scrolled.body-scrolled-bottom:not(.menu-open)
    #header:not(:hover, :focus-within)
    .header-top {
    height: 1rem;
    padding: 0;
    opacity: 0;
    transition: 0.3s;
  }

  #header::before {
    content: "";
    display: block;
    position: absolute;
    left: -36px;
    bottom: 53px;
    background: rgba(var(--background-rgb), 0.8);
    filter: blur(20.399999618530273px);
    backdrop-filter: blur(14px);
    width: calc(100% + 72px);
    height: 168px;
  }

  #navbar-main {
    display: flex;
    height: 6.4375rem;
    padding: 0 1rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5rem;
  }

  .header-annonce,
  .header-top,
  .header-main {
    max-width: 1404px;
    margin-left: auto;
    margin-right: auto;
  }

  .header-annonce > .container-fluid,
  .header-top > .container-fluid,
  .header-main > .container-fluid {
    --bs-gutter-x: 2.5rem;
  }

  .navbar-top {
    position: relative;
    height: 45px;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.25rem 4.1875rem;
  }

  .navbar-top .nav {
    --bs-nav-link-font-size: 0.875rem;
  }

  #navbar-main #navbar-menu .container {
    padding-left: 0;
    padding-right: 0;
  }

  .mega-menu {
    align-items: center;
    gap: 0.5rem;
  }

  .mega-menu .page-1 .nav-link {
    display: flex;
    align-items: center;
    max-width: 145px;
    white-space: normal;
    padding: 0.75rem 0.75rem 0.5rem;
    border-radius: 0.25rem;
    height: 2.5rem;
  }

  .mega-menu .page-1 .nav-link.home {
    padding: 0.5rem 0.75rem;
  }

  .mega-menu .page-1:hover .nav-link,
  .mega-menu .page-1:focus-visible .nav-link,
  .mega-menu .page-1.has-child.expand .nav-link {
    background-color: var(--primary-lighter-10);
  }

  .tab-infos.infos-secondaires .tab-pane#description {
    column-count: 2;
    column-gap: 3rem;
  }

  .container-begin-sm,
  .container-begin-md {
    max-width: 1140px;
  }
}

@media (max-width: 991.98px) {
  .container {
    --bs-gutter-x: 2.5rem;
  }

  .modal:not(.search) .modal-content {
    padding: 1rem;
  }

  .display {
    font-size: 4.875rem;
  }
  h1,
  .h1,
  .section-valeurs .post-text:first-child .post-header h2 {
    font-size: 2.5rem;
    letter-spacing: -0.917px;
  }
  h2,
  .h2 {
    font-size: 2.0625rem;
    letter-spacing: -1.333px;
  }
  h3,
  .h3 {
    font-size: 1.625rem;
    letter-spacing: -1.067px;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
    letter-spacing: -0.4px;
  }
  h5,
  .h5 {
    font-size: 1.0625rem;
    letter-spacing: -0.68px;
  }
  h6,
  .h6 {
    font-size: 1rem;
    letter-spacing: normal;
  }
}

@media (max-width: 767.98px) {
  .produit-panier .price.detailed {
    width: 100%;
  }
  #producteur > .container {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }

  #producteur > .container .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .tab-infos {
    border-radius: 0;
    gap: 0;
  }

  .tab-nav-outer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: calc((100dvw - 500px) * 0.5);
    scrollbar-width: none;
  }

  .tab-nav-outer .nav {
    display: flex;
    width: max-content;
    padding-left: calc((100dvw - 500px) * 0.5);
    padding-right: calc((100dvw - 500px) * 0.5);
  }

  .tab-nav-outer .nav-item {
    scroll-snap-align: start;
    flex: 0 0 auto;
    user-select: none;
  }
}

@media (max-width: 575.98px) {
  .tab-nav-outer {
    scroll-padding-left: 1.25rem;
  }
  .tab-nav-outer .nav {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .produit-main-img .produit-image,
  .produit-main-img .produit-image img {
    border-radius: 0;
  }

  .catalogue-produit footer#footer {
    padding: 3rem 0 8rem;
  }
  .catalogue-produit #badge-fixe {
    bottom: 4.5rem;
  }
  .catalogue-produit #badge-avis {
    display: none;
  }

  .ajout-panier-fixed {
    position: fixed;
    inset: auto 0 0;
    z-index: 900;
    box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.25);
  }
  .ajout-panier-fixed .quantite {
    width: 45%;
    flex-grow: 1;
  }
  .ajout-panier-fixed .ajout {
    width: 55%;
    flex-grow: 2;
  }
  .bootstrap-touchspin {
    width: 100%;
    position: relative;
  }
  .ajout-panier-fixed .bootstrap-touchspin > .form-control {
    border: none;
    border-radius: 0 !important;
  }
  .bootstrap-touchspin > .form-control {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
    text-align: center;
    font-variation-settings: "wght" 700;
    line-height: 130%;
  }
  .cart-item .bootstrap-touchspin > .form-control {
    height: 3rem;
  }
  .bootstrap-touchspin .input-group-btn-vertical {
    width: 100%;
    pointer-events: none;
  }
  .bootstrap-touchspin .input-group-btn-vertical > .btn {
    height: 100%;
    top: 0;
    pointer-events: all;
    border: none;
    width: 2.75rem !important;
    font-size: 1.875rem;
  }
  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    left: 0;
    right: auto;
  }
  .ajout-panier-fixed
    .bootstrap-touchspin
    .input-group-btn-vertical
    .bootstrap-touchspin-down {
    border-right: 0.125rem solid var(--primary-lighter-20);
  }
  .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    left: auto;
    right: 0;
    border-bottom: none !important;
  }

  .ajout-panier-fixed
    .bootstrap-touchspin
    .input-group-btn-vertical
    .bootstrap-touchspin-up {
    border-left: 0.125rem solid var(--primary-lighter-20);
  }
  .produit-detail .ajout-panier-fixed .btn-addcart {
    --bs-btn-border-radius: 0;
    --bs-btn-font-size: 2rem;
    font-family: var(--font-title);
    width: 100%;
    height: 3.5rem;
    padding: 0.5rem 1.5rem;
    letter-spacing: -1.333px;
    line-height: 116%;
    white-space: nowrap;
  }
  .produit-detail .ajout-panier-fixed .btn-addcart sup {
    font-size: 0.75rem;
    vertical-align: super;
    letter-spacing: -0.48px;
    line-height: 136%;
  }
  .produit-detail .ajout-panier-fixed .btn-addcart::after {
    background-image: url('data:image/svg+xml,<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 8V6C16 6 16 2 11.9946 2C7.98913 2 8 5.97514 8 5.97514V8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 12V6H4V19C4 21.2091 5.79086 23 8 23H12.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.5 16H20.5V19H23.5V21H20.5V24H18.5V21H15.5V19H18.5V16Z" fill="white"/></svg>');
  }
}

@media (min-width: 1200px) {
  .header-annonce,
  .header-top,
  .header-main {
    max-width: 1232px;
  }

  .header-main {
    margin-top: 1rem;
  }

  .modal-xl.search {
    --bs-modal-width: 1192px;
  }

  .btn-header.account,
  .btn-header.cart {
    flex-direction: column;
  }

  .mega-menu .quatre-colonnes .sublist,
  .mega-menu .cinq-colonnes .sublist {
    column-count: 3;
  }
}

@media (min-width: 1400px) {
  .menu-footer .page-1 {
    max-width: 60%;
  }

  .header-annonce,
  .header-top,
  .header-main {
    max-width: 1412px;
  }

  .modal-xl.search {
    --bs-modal-width: 1372px;
  }

  .card.exploration {
    --bs-card-spacer-y: 4rem;
    --bs-card-spacer-x: 4rem;
  }

  .mega-menu .quatre-colonnes .sublist,
  .mega-menu .cinq-colonnes .sublist {
    column-count: 4;
  }
  .container-begin-sm,
  .container-begin-md {
    max-width: 1320px;
  }
}

@media (min-width: 1600px) {
  .header-annonce,
  .header-top,
  .header-main {
    max-width: 1592px;
  }

  .modal-xl.search {
    --bs-modal-width: 1552px;
  }

  .mega-menu .cinq-colonnes .sublist {
    column-count: 5;
  }
  .container-begin-sm,
  .container-begin-md {
    max-width: 1500px;
  }
}