@charset "UTF-8";
/* Contact Form 7 - Consistent Modern Styling */
@media screen and (min-width: 1024px) {
  .wpcf7-form {
    margin: var(--wp--preset--spacing--medium) auto;
    padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
    background: #fafbfc;
  }
}

.wpcf7-form label {
  display: block;
  margin-bottom: var(--wp--preset--spacing--small);
  color: var(--wp--preset--color--grislegris, #393D42);
  font-size: var(--wp--preset--font-size--medium);
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 10px;
  margin-bottom: var(--wp--preset--spacing--small);
  border: 1px solid var(--wp--preset--color--grislegris);
  background: #fff;
  font-size: var(--wp--preset--font-size--extra-large);
  transition: border-color 0.2s;
  font-family: var(--wp--preset--font-family--dunbar-low-light);
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: var(--wp--preset--color--dore, #0073aa);
  outline: none;
}

input[type=file] {
  background: var(--wp--preset--color--dore);
  color: #fff;
  border: none;
  padding: 5px 10px;
  font-size: var(--wp--preset--font-size--small);
  cursor: pointer;
  transition: background 0.2s;
}

/* Styling for custom file input in Contact Form 7 */
.wpcf7-form .custom-file-input {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wpcf7-form .custom-file-input .hidden-input {
  display: none;
}
.wpcf7-form .custom-file-input .custom-button {
  background-color: var(--dore);
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--dunbar-low-light);
  border: 1px solid transparent;
}
.wpcf7-form .custom-file-input .custom-button:hover {
  background-color: transparent;
  border: 1px solid var(--dore);
  font-size: var(--wp--preset--font-size--medium);
  color: var(--dore);
}
.wpcf7-form .custom-file-input .file-name {
  font-size: var(--wp--preset--font-size--medium);
  color: var(--grislegris);
}

.wpcf7-submit {
  background: var(--wp--preset--color--grislegris, #393D42);
  color: #fff;
  border: none;
  padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--large);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
  background: var(--wp--preset--color--dore, #C8A65A);
  color: var(--wp--preset--color--grislegris, #393D42);
}

.wpcf7-response-output {
  margin-top: var(--wp--preset--spacing--medium);
  padding: var(--wp--preset--spacing--small);
  font-size: var(--wp--preset--font-size--extra-large);
}

.wpcf7-not-valid-tip {
  color: #b91c1c;
  font-size: var(--wp--preset--font-size--medium);
  margin-top: calc(-1 * var(--wp--preset--spacing--small));
  margin-bottom: var(--wp--preset--spacing--medium);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #34d399;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0px;
}

.logo-container {
  pointer-events: all;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: transparent;
  transition: width 1s;
  position: relative;
}

.logo-container:hover {
  cursor: pointer;
}

.logo-container svg {
  display: block;
  width: var(--logoSizeMobile);
  transition: width 1s;
}

/* spécifique au bloc "logo" */
.logo-container.logo-visible svg {
  visibility: visible;
}

@media screen and (min-width: 1024px) {
  .logo-container svg {
    width: var(--logoSizeDesktop);
  }
}
.logo-container svg.visible {
  visibility: visible;
}

.logo-container svg path {
  transition: fill 1s;
  fill: var(--grislegris);
}

.logo-container.small svg {
  width: var(--logoSizeSmallMobile);
  position: relative;
}

@media screen and (min-width: 1024px) {
  .logo-container.small svg {
    width: var(--logoSizeSmallDesktop);
  }
}
.logo-container.blanc svg path {
  fill: white;
}

.logo-container.gris svg path {
  fill: var(--grislegris);
}

.logo-container::before {
  content: "";
  width: var(--pastilleSizeMobile);
  height: var(--pastilleSizeMobile);
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  transition: background-color 1s;
}

@media screen and (min-width: 1024px) {
  .logo-container::before {
    width: var(--pastilleSizeDesktop);
    height: var(--pastilleSizeDesktop);
  }
}
.logo-container.pastille {
  transition: background-color 1s;
}

.logo-container.pastille::before {
  background-color: white;
}

.logo-container.pastille svg path {
  fill: var(--grislegris);
}

/**
 * LIGNES DÉCORATIVES
 *
 */
@media screen and (max-width: 1023px) {
  .ligne-sup-mobile::before {
    content: " ";
    position: absolute;
    width: 1px;
    height: 140px;
    background: var(--dore);
    top: 0;
    right: 50%;
    transform: translateY(calc(-100% + 20px));
    border-radius: 2px;
  }
  .ligne-sup-mobile.min::before {
    height: 100px;
  }
  .ligne-inf-mobile::before {
    content: " ";
    position: absolute;
    width: 1px;
    height: 140px;
    background: var(--dore);
    top: 0;
    right: 50%;
    border-radius: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .ligne-inf-desktop::before {
    content: " ";
    position: absolute;
    width: 1px;
    height: clamp(92px, 8vw, 140px);
    background: var(--dore);
    bottom: 0px;
    left: 7.5%;
    transform: translateY(calc(100% - 20px));
    border-radius: 2px;
    z-index: 2;
  }
  .ligne-h-desktop::before {
    content: " ";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 120px;
    height: 1px;
    background: var(--dore);
    border-radius: 2px;
    z-index: 2;
    transform: translateX(calc(100% - 20px));
  }
}
@media screen and (min-width: 1024px) {
  .ligne-sup-desktop::before {
    content: " ";
    position: absolute;
    width: 1px;
    height: clamp(100px, 15vw, 265px);
    background: var(--dore);
    top: 0;
    right: 50%;
    transform: translateY(-100%);
    border-radius: 2px;
  }
}
.ligne-10::before {
  height: 10px;
}

.ligne-20::before {
  height: 20px;
}

.ligne-30::before {
  height: 30px;
}

.ligne-50::before {
  height: 50px;
}

.ligne-60::before {
  height: 60px;
}

.ligne-70::before {
  height: 70px;
}

.ligne-80::before {
  height: 80px;
}

.ligne-90::before {
  height: 90px;
}

.ligne-100::before {
  height: 100px;
}

.ligne-110::before {
  height: 110px;
}

.ligne-120::before {
  height: 120px;
}

.ligne-130::before {
  height: 130px;
}

.ligne-140::before {
  height: 140px;
}

.ligne-150::before {
  height: 150px;
}

.ligne-160::before {
  height: 160px;
}

.ligne-170::before {
  height: 170px;
}

.ligne-180::before {
  height: 180px;
}

.ligne-190::before {
  height: 190px;
}

.ligne-200::before {
  height: 200px;
}

.editor-styles-wrapper .bouton-candidater,
.bouton-candidater {
  display: inline-grid;
  grid-template-columns: 1fr auto;
  text-transform: uppercase;
  border: 1px solid var(--dore);
  letter-spacing: 0.2em;
  color: var(--dore);
  transition: background-color 1s, color 1s;
  background-color: white;
  text-decoration: none;
  padding: 0px;
  margin-block: 10px;
  font-size: var(--wp--preset--font-size--medium);
}
.editor-styles-wrapper .bouton-candidater span.arrow-right,
.bouton-candidater span.arrow-right {
  display: flex;
  border-left: 1px solid var(--dore);
  align-items: center;
  justify-content: center;
  align-items: center;
  transition: border 1s;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.editor-styles-wrapper .bouton-candidater span.arrow-right svg,
.bouton-candidater span.arrow-right svg {
  display: block;
  height: auto;
}
.editor-styles-wrapper .bouton-candidater span.arrow-right svg path,
.bouton-candidater span.arrow-right svg path {
  fill: none;
  fill-rule: nonzero;
  stroke: var(--grislegris);
  stroke-width: 0.75px;
  transition: stroke 1s;
}
.editor-styles-wrapper .bouton-candidater:hover,
.bouton-candidater:hover {
  background-color: var(--dore);
  color: white;
}
.editor-styles-wrapper .bouton-candidater:hover span.arrow-right,
.bouton-candidater:hover span.arrow-right {
  border-left: 1px solid white;
}
.editor-styles-wrapper .bouton-candidater:hover span.arrow-right svg path,
.bouton-candidater:hover span.arrow-right svg path {
  stroke: white !important;
}
.editor-styles-wrapper .bouton-candidater span.link-text,
.bouton-candidater span.link-text {
  padding: 10px;
}

/**
 * Appliquer cette classe dans l'admin aux images (qui sont en fait des éléments "figures")
 * Pour que l'image à l'intérieur prenne toute la largeur disponible et garde son aspect ratio
 * Via "Classe additionnelle CSS" dans les réglages du block image : img-grille
**/
/*
.img-grille {
  img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
}
*/
.max-width-1000 {
  max-width: 1000px;
}

figure.pleine-hauteur,
figure.img-pleine-hauteur {
  background: crimson;
}

.pleine-hauteur img,
.img-pleine-hauteur img {
  height: 100%;
  width: auto;
}

figure.pleine-largeur,
figure.img-pleine-largeur {
  background: blue;
}

.pleine-largeur img,
.img-pleine-largeur img {
  width: 100%;
  height: auto;
}

.marges-dynamiques {
  padding-right: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
  padding-left: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
}

.pd-tp-dynamique {
  padding-top: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
}

.pd-bt-dynamique {
  padding-bottom: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
}

.grille-test,
.grille-dynamique {
  gap: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
}
@media (max-width: 1024px) {
  .grille-test,
  .grille-dynamique {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
  }
  .grille-test > *,
  .grille-dynamique > * {
    grid-column: auto !important;
  }
}
.grille-test.grille-texte-intro,
.grille-dynamique.grille-texte-intro {
  gap: var(--wp--preset--spacing--small) !important;
}

.gap-0, .no-gap {
  gap: 0px !important;
}

.gap-medium {
  gap: clamp(var(--wp--preset--spacing--small), 2.5vw, var(--wp--preset--spacing--extra-large)) !important;
}

.groupe-decale-y {
  margin-top: clamp(var(--wp--preset--spacing--small), 5vw, var(--wp--preset--spacing--extra-extra-large)) !important;
}

@media screen and (max-width: 1023px) {
  .groupe-grille-mobile,
  .editor-styles-wrapper .groupe-grille-mobile {
    display: flex;
    align-items: center;
  }
  .groupe-grille-mobile .visuel-principal,
  .editor-styles-wrapper .groupe-grille-mobile .visuel-principal {
    width: clamp(250px, 65vw, 80%);
    margin: 0 auto;
  }
}
.grille-boutique-choix-retrait {
  gap: 0px !important;
}
@media screen and (min-width: 1024px) {
  .grille-boutique-choix-retrait {
    gap: var(--wp--preset--spacing--large) !important;
  }
}

/*
.groupe-boutique-1,
.editor-styles-wrapper .groupe-boutique-1 {
  border:1px dashed red;
  @media screen and (max-width:1023px){
      display: grid;
      grid-template-columns: 1fr 3fr 1fr;
      .decalage-tmz4i0eko{
        position:relative;

        .inner-container{
          width: 100px !important;
          border:1px dashed blue;
        }
      }
  }

}
*/
.filet {
  position: relative;
}
.filet::before {
  content: " ";
  border-left: 1px solid var(--dore);
  transform: translateX(50%);
}
@media screen and (min-width: 1024px) {
  .filet::before {
    left: 0px;
  }
}
.filet.filet-small::before {
  height: 35px;
}
.filet.filet-medium::before {
  height: 80px;
}
.filet.filet-large::before {
  height: 130px;
}
/*
.filet-bouton,
.filet-superieur{
  position: relative;
  margin-top: 25px !important;

  &::before{
    content: ' ';
    border-left: 1px solid var(--dore);
    height: 100px;
    position: absolute;
    transform: translateX(50%) translateY(-100%);
    left: 50%;
  }
}
  */
.editor-styles-wrapper .filet-texte,
.filet-texte {
  padding-left: 10px;
}
@media screen and (min-width: 360px) {
  .editor-styles-wrapper .filet-texte,
  .filet-texte {
    padding-left: 20px;
  }
}
@media screen and (min-width: 480px) {
  .editor-styles-wrapper .filet-texte,
  .filet-texte {
    padding-left: 30px;
  }
}
.editor-styles-wrapper .filet-texte,
.filet-texte {
  position: relative;
}
.editor-styles-wrapper .filet-texte::before,
.filet-texte::before {
  content: " ";
  border-left: 1px solid var(--dore);
  height: 100%;
  position: absolute;
  transform: translateX(0%);
  left: 0px;
}
.editor-styles-wrapper .filet-texte.filet-texte-fixe::before,
.filet-texte.filet-texte-fixe::before {
  height: 40px;
}
.editor-styles-wrapper .filet-texte.filet-texte-etendu::before,
.filet-texte.filet-texte-etendu::before {
  height: 200%;
}

.alignement-texte-filet,
.editor-styles-wrapper .alignement-texte-filet {
  padding-left: 10px;
}
@media screen and (min-width: 360px) {
  .alignement-texte-filet,
  .editor-styles-wrapper .alignement-texte-filet {
    padding-left: 20px;
  }
}
@media screen and (min-width: 480px) {
  .alignement-texte-filet,
  .editor-styles-wrapper .alignement-texte-filet {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .alignement-texte-filet.mobile-sans-alignement,
  .editor-styles-wrapper .alignement-texte-filet.mobile-sans-alignement {
    padding-left: 0px;
  }
}

.bandeau-annexe,
.editor-styles-wrapper .bandeau-annexe {
  background: var(--grislegris);
  color: white;
  padding-block: var(--wp--preset--spacing--medium);
}

.espacement-tablet,
.editor-styles-wrapper .espacement-tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .espacement-tablet,
  .editor-styles-wrapper .espacement-tablet {
    display: block;
  }
}

.espacement-mobile,
.editor-styles-wrapper .espacement-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .espacement-mobile,
  .editor-styles-wrapper .espacement-mobile {
    display: block;
  }
}

.espacement-desktop,
.editor-styles-wrapper .espacement-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .espacement-desktop,
  .editor-styles-wrapper .espacement-desktop {
    display: block;
  }
}

/* Utilitaires responsive pour affichage/masquage selon la taille d'écran */
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

/* Tablette (>=768px) */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}
/* Desktop (>=1024px) */
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop-justify-end {
    justify-content: end;
  }
  .desktop-justify-start {
    justify-content: flex-start;
  }
  .desktop-justify-center {
    justify-content: center;
  }
  .desktop-justify-between {
    justify-content: space-between;
  }
  .desktop-justify-around {
    justify-content: space-around;
  }
  .desktop-align-center {
    align-items: center;
  }
  .desktop-align-start {
    align-items: flex-start;
  }
  .desktop-align-end {
    align-items: flex-end;
  }
  .desktop-flex-row {
    flex-direction: row;
  }
  .desktop-flex-column {
    flex-direction: column;
  }
}
.legris2025-notice-admin {
  background: black;
  color: white !important;
  font-style: "italic";
  padding: 5px;
  display: inline-block;
  font-family: monospace !important;
  font-size: 10px !important;
  margin: 0px;
  position: absolute;
  transform: translateY(-100%);
}

.transition-block,
.reveal-block {
  opacity: 0;
  transition: opacity 1s;
}

.transition-block.visible,
.reveal-block.visible {
  opacity: 1;
}

.transition-delay-0-1s {
  transition-delay: 0.1s;
}

.transition-delay-0-2s {
  transition-delay: 0.2s;
}

.transition-delay-0-3s {
  transition-delay: 0.3s;
}

.transition-delay-0-4s {
  transition-delay: 0.4s;
}

.transition-delay-0-5s {
  transition-delay: 0.5s;
}

.transition-delay-0-6s {
  transition-delay: 0.6s;
}

.transition-delay-0-7s {
  transition-delay: 0.7s;
}

.transition-delay-0-8s {
  transition-delay: 0.8s;
}

.transition-delay-0-9s {
  transition-delay: 0.9s;
}

.transition-delay-1s {
  transition-delay: 1s;
}

.transition-delay-1-1s {
  transition-delay: 1.1s;
}

.transition-delay-1-2s {
  transition-delay: 1.2s;
}

.transition-delay-1-3s {
  transition-delay: 1.3s;
}

.transition-delay-1-4s {
  transition-delay: 1.4s;
}

.transition-delay-1-5s {
  transition-delay: 1.5s;
}

.transition-delay-1-6s {
  transition-delay: 1.6s;
}

.transition-delay-1-7s {
  transition-delay: 1.7s;
}

.transition-delay-1-8s {
  transition-delay: 1.8s;
}

.transition-delay-1-9s {
  transition-delay: 1.9s;
}

.transition-delay-2s {
  transition-delay: 2s;
}

.transition-delay-2-1s {
  transition-delay: 2.1s;
}

.transition-delay-2-2s {
  transition-delay: 2.2s;
}

.transition-delay-2-3s {
  transition-delay: 2.3s;
}

.transition-delay-2-4s {
  transition-delay: 2.4s;
}

.transition-delay-2-5s {
  transition-delay: 2.5s;
}

.transition-delay-2-6s {
  transition-delay: 2.6s;
}

.transition-delay-2-7s {
  transition-delay: 2.7s;
}

.transition-delay-2-8s {
  transition-delay: 2.8s;
}

.transition-delay-2-9s {
  transition-delay: 2.9s;
}

.transition-delay-3s {
  transition-delay: 3s;
}

.transition-delay-3-1s {
  transition-delay: 3.1s;
}

.transition-delay-3-2s {
  transition-delay: 3.2s;
}

.transition-delay-3-3s {
  transition-delay: 3.3s;
}

.transition-delay-3-4s {
  transition-delay: 3.4s;
}

.transition-delay-3-5s {
  transition-delay: 3.5s;
}

.transition-delay-3-6s {
  transition-delay: 3.6s;
}

.transition-delay-3-7s {
  transition-delay: 3.7s;
}

.transition-delay-3-8s {
  transition-delay: 3.8s;
}

.transition-delay-3-9s {
  transition-delay: 3.9s;
}

.transition-delay-4s {
  transition-delay: 4s;
}

.transition-delay-4-1s {
  transition-delay: 4.1s;
}

.transition-delay-4-2s {
  transition-delay: 4.2s;
}

.transition-delay-4-3s {
  transition-delay: 4.3s;
}

.transition-delay-4-4s {
  transition-delay: 4.4s;
}

.transition-delay-4-5s {
  transition-delay: 4.5s;
}

.transition-delay-4-6s {
  transition-delay: 4.6s;
}

.transition-delay-4-7s {
  transition-delay: 4.7s;
}

.transition-delay-4-8s {
  transition-delay: 4.8s;
}

.transition-delay-4-9s {
  transition-delay: 4.9s;
}

.transition-delay-5s {
  transition-delay: 5s;
}

.transition-delay-5-1s {
  transition-delay: 5.1s;
}

.transition-delay-5-2s {
  transition-delay: 5.2s;
}

.transition-delay-5-3s {
  transition-delay: 5.3s;
}

.transition-delay-5-4s {
  transition-delay: 5.4s;
}

.transition-delay-5-5s {
  transition-delay: 5.5s;
}

.transition-delay-5-6s {
  transition-delay: 5.6s;
}

.transition-delay-5-7s {
  transition-delay: 5.7s;
}

.transition-delay-5-8s {
  transition-delay: 5.8s;
}

.transition-delay-5-9s {
  transition-delay: 5.9s;
}

.transition-delay-6s {
  transition-delay: 6s;
}

.transition-delay-6-1s {
  transition-delay: 6.1s;
}

.transition-delay-6-2s {
  transition-delay: 6.2s;
}

.transition-delay-6-3s {
  transition-delay: 6.3s;
}

.transition-delay-6-4s {
  transition-delay: 6.4s;
}

.transition-delay-6-5s {
  transition-delay: 6.5s;
}

.transition-delay-6-6s {
  transition-delay: 6.6s;
}

.transition-delay-6-7s {
  transition-delay: 6.7s;
}

.transition-delay-6-8s {
  transition-delay: 6.8s;
}

.transition-delay-6-9s {
  transition-delay: 6.9s;
}

.transition-delay-7s {
  transition-delay: 7s;
}

.transition-delay-7-1s {
  transition-delay: 7.1s;
}

.transition-delay-7-2s {
  transition-delay: 7.2s;
}

.transition-delay-7-3s {
  transition-delay: 7.3s;
}

.transition-delay-7-4s {
  transition-delay: 7.4s;
}

.transition-delay-7-5s {
  transition-delay: 7.5s;
}

.transition-delay-7-6s {
  transition-delay: 7.6s;
}

.transition-delay-7-7s {
  transition-delay: 7.7s;
}

.transition-delay-7-8s {
  transition-delay: 7.8s;
}

.transition-delay-7-9s {
  transition-delay: 7.9s;
}

.transition-delay-8s {
  transition-delay: 8s;
}

.transition-delay-8-1s {
  transition-delay: 8.1s;
}

.transition-delay-8-2s {
  transition-delay: 8.2s;
}

.transition-delay-8-3s {
  transition-delay: 8.3s;
}

.transition-delay-8-4s {
  transition-delay: 8.4s;
}

.transition-delay-8-5s {
  transition-delay: 8.5s;
}

.transition-delay-8-6s {
  transition-delay: 8.6s;
}

.transition-delay-8-7s {
  transition-delay: 8.7s;
}

.transition-delay-8-8s {
  transition-delay: 8.8s;
}

.transition-delay-8-9s {
  transition-delay: 8.9s;
}

.transition-delay-9s {
  transition-delay: 9s;
}

.transition-delay-9-1s {
  transition-delay: 9.1s;
}

.transition-delay-9-2s {
  transition-delay: 9.2s;
}

.transition-delay-9-3s {
  transition-delay: 9.3s;
}

.transition-delay-9-4s {
  transition-delay: 9.4s;
}

.transition-delay-9-5s {
  transition-delay: 9.5s;
}

.transition-delay-9-6s {
  transition-delay: 9.6s;
}

.transition-delay-9-7s {
  transition-delay: 9.7s;
}

.transition-delay-9-8s {
  transition-delay: 9.8s;
}

.transition-delay-9-9s {
  transition-delay: 9.9s;
}

.transition-delay-10s {
  transition-delay: 10s;
}

.editor-styles-wrapper .transition-block {
  opacity: 1;
}

.aspect-ratio-1-1 {
  aspect-ratio: 1/1;
}

.aspect-ratio-16-9 {
  aspect-ratio: 16/9;
}

.aspect-ratio-4-3 {
  aspect-ratio: 4/3;
}

.aspect-ratio-3-4 {
  aspect-ratio: 3/4;
}

.aspect-ratio-2-3 {
  aspect-ratio: 2/3;
}

.aspect-ratio-21-9 {
  aspect-ratio: 21/9;
}

.aspect-ratio-auto {
  aspect-ratio: initial;
}

@media screen and (max-width: 1023px) {
  .editor-styles-wrapper .aspect-ratio-1-1-mobile img,
  .aspect-ratio-1-1-mobile img {
    aspect-ratio: 1/1 !important;
  }
  .aspect-ratio-16-9-mobile img {
    aspect-ratio: 16/9 !important;
  }
  .aspect-ratio-4-3-mobile img {
    aspect-ratio: 4/3 !important;
  }
  .aspect-ratio-3-4-mobile img {
    aspect-ratio: 3/4 !important;
  }
  .aspect-ratio-2-3-mobile img {
    aspect-ratio: 2/3 !important;
  }
  .aspect-ratio-21-9-mobile img {
    aspect-ratio: 21/9 !important;
  }
  .aspect-ratio-auto-mobile img {
    aspect-ratio: initial !important;
  }
}
.aspect-ratio-1-1-desktop {
  aspect-ratio: 1/1;
}

.aspect-ratio-16-9-desktop {
  aspect-ratio: 16/9;
}

.aspect-ratio-4-3-desktop {
  aspect-ratio: 4/3;
}

.aspect-ratio-3-4-desktop {
  aspect-ratio: 3/4;
}

.aspect-ratio-2-3-desktop {
  aspect-ratio: 2/3;
}

.aspect-ratio-21-9-desktop {
  aspect-ratio: 21/9;
}

.aspect-ratio-auto-desktop {
  aspect-ratio: initial;
}

/*
@media screen and (max-width:1023px){
  .wp-block-image img {
      aspect-ratio: var(--mobile-aspect-ratio, auto);
      object-fit: cover;
  }
}
*/
/*
  Les fonts du theme.json ne chargent pas toujours
*/
@font-face {
  font-family: "Dunbar Low Light";
  src: url("../fonts/DunbarLow-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dunbar Low Regular";
  src: url("../fonts/DunbarLow-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dunbar Low Book";
  src: url("../fonts/DunbarLow-Book.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Baskerville Classico";
  src: url("../fonts/BaskervilleClassico.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caveat Regular";
  src: url("../fonts/Caveat-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* nouveaux styles... */
h1.is-style-titre-special,
h2.is-style-titre-special,
h3.is-style-titre-special,
h4.is-style-titre-special,
h5.is-style-titre-special,
h6.is-style-titre-special {
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--grislegris);
  font-family: var(--wp--preset--font-family--dunbar-low-book);
  font-weight: normal;
}

p.is-style-default {
  letter-spacing: 0.025em;
  color: var(--grislegris);
}

p.is-style-texte-special {
  font-size: 24px; /* hors des tailles définies */
  letter-spacing: 0.025em;
  font-family: var(--wp--preset--font-family--dunbar-low-light);
  color: var(--grislegris);
  font-weight: normal;
}

h1.is-style-titre-entete,
h2.is-style-titre-entete,
h3.is-style-titre-entete,
h4.is-style-titre-entete,
h5.is-style-titre-entete,
h6.is-style-titre-entete {
  font-size: var(--wp--preset--font-size--large);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--grislegris);
  font-family: var(--wp--preset--font-family--dunbar-low-book);
}

p.is-style-intro-desktop {
  color: var(--grislegris);
  font-size: var(--wp--preset--font-size--extra-large);
  line-height: 1.2;
  padding-block: 65px;
}

p.is-style-illustration {
  font-family: var(--wp--preset--font-family--caveat);
  color: var(--grislegris);
}

.languages br {
  display: none;
}
.languages p {
  all: unset !important;
  margin: 0px;
  padding: 0px;
}

.languages-menu-principal .wp-block-legris2025-separateur-menu {
  display: none;
}

.no-transition {
  transition: none;
}

.inline-block {
  display: inline-block;
}

.margin-0 {
  margin: 0px;
}

.margin-block-0 {
  margin-block: 0px;
}

.petite-puce {
  list-style-type: disc; /* Use a smaller disc */
  font-size: 0.8em; /* Reduce the font size */
  padding-left: 75px;
}

.petite-puce li::marker {
  content: "• "; /* Custom bullet */
  font-size: 1em; /* Smaller bullet size */
  color: var(--grislegris); /* Custom color */
}

.mgb-start-0,
.start-0 {
  margin-block-start: 0px;
}

.min-w-100 {
  min-width: 100px;
}

.editor-styles-wrapper .relative,
.editor-styles-wrapper .relatif,
.relative,
.relatif {
  position: relative;
}

.editor-styles-wrapper .absolute,
.editor-styles-wrapper .absolue,
.absolute,
.absolue {
  position: absolute;
}

.text-wrap-pretty {
  text-wrap: pretty;
}

.z1, .z-1 {
  z-index: 1;
}

.z2, .z-2 {
  z-index: 2;
}

.z3, .z-3 {
  z-index: 3;
}

.z4, .z-4 {
  z-index: 4;
}

.z5, .z-5 {
  z-index: 5;
}

.z6, .z-6 {
  z-index: 6;
}

.z7, .z-7 {
  z-index: 7;
}

.z8, .z-8 {
  z-index: 8;
}

.z9, .z-9 {
  z-index: 9;
}

.z10, .z-10 {
  z-index: 10;
}

/* 
  Ajouter cette classe à un élément enfant direct d'une grille en admin 
  permettra de décaler sa position dans le flux sur mobile 
  pour qu'il apparaisse en premier
  tandis qu'en version desktop il apparaîtra à la suite
*/
@media screen and (max-width: 1023px) {
  .mobile-order-negative-1 {
    order: -1;
  }
  .mobile-order-negative-2 {
    order: -2;
  }
  .mobile-order-negative-3 {
    order: -3;
  }
  .mobile-order-negative-4 {
    order: -4;
  }
  .mobile-order-negative-5 {
    order: -5;
  }
  .mobile-order-negative-6 {
    order: -6;
  }
  .mobile-order-negative-7 {
    order: -7;
  }
  .mobile-order-negative-8 {
    order: -8;
  }
  .mobile-order-negative-9 {
    order: -9;
  }
  .mobile-order-negative-10 {
    order: -10;
  }
  .mobile-order-1 {
    order: 1;
  }
  .mobile-order-2 {
    order: 2;
  }
  .mobile-order-3 {
    order: 3;
  }
  .mobile-order-4 {
    order: 4;
  }
  .mobile-order-5 {
    order: 5;
  }
  .mobile-order-6 {
    order: 6;
  }
  .mobile-order-7 {
    order: 7;
  }
  .mobile-order-8 {
    order: 8;
  }
  .mobile-order-9 {
    order: 9;
  }
  .mobile-order-10 {
    order: 10;
  }
}
/*
.decalage-haut-10{
  transform: translateY(-10px); 
}
.decalage-haut-20{
  transform: translateY(-20px); 
}
.decalage-haut-30{
  transform: translateY(-30px); 
}
.decalage-haut-40{
  transform: translateY(-40px); 
}
.decalage-haut-50{
  transform: translateY(-50px); 
}
.decalage-haut-60{
  transform: translateY(-60px); 
}
.decalage-haut-70{
  transform: translateY(-70px); 
}
.decalage-haut-80{
  transform: translateY(-80px); 
}
.decalage-haut-90{
  transform: translateY(-90px); 
}
.decalage-haut-100{
  transform: translateY(-100px); 
}

.decalage-bas-10{
  transform: translateY(10px); 
}
.decalage-bas-20{
  transform: translateY(20px); 
}
.decalage-bas-30{
  transform: translateY(30px); 
}
.decalage-bas-40{
  transform: translateY(40px); 
}
.decalage-bas-50{
  transform: translateY(50px); 
}
.decalage-bas-60{
  transform: translateY(60px); 
}
.decalage-bas-70{
  transform: translateY(70px); 
}
.decalage-bas-80{
  transform: translateY(80px); 
}
.decalage-bas-90{
  transform: translateY(90px); 
}
.decalage-bas-100{
  transform: translateY(100px); 
}

@media screen and (max-width:1023px){

  .decalage-mobile-haut-10{
    transform: translateY(-10px); 
  }
  .decalage-mobile-haut-20{
    transform: translateY(-20px); 
  }
  .decalage-mobile-haut-30{
    transform: translateY(-30px); 
  }
  .decalage-mobile-haut-40{
    transform: translateY(-40px); 
  }
  .decalage-mobile-haut-50{
    transform: translateY(-50px); 
  }
  .decalage-mobile-haut-60{
    transform: translateY(-60px); 
  }
  .decalage-mobile-haut-70{
    transform: translateY(-70px); 
  }
  .decalage-mobile-haut-80{
    transform: translateY(-80px); 
  }
  .decalage-mobile-haut-90{
    transform: translateY(-90px); 
  }
  .decalage-mobile-haut-100{
    transform: translateY(-100px); 
  }

  .decalage-mobile-bas-10{
    transform: translateY(10px); 
  }
  .decalage-mobile-bas-20{
    transform: translateY(20px); 
  }
  .decalage-mobile-bas-30{
    transform: translateY(30px); 
  }
  .decalage-mobile-bas-40{
    transform: translateY(40px); 
  }
  .decalage-mobile-bas-50{
    transform: translateY(50px); 
  }
  .decalage-mobile-bas-60{
    transform: translateY(60px); 
  }
  .decalage-mobile-bas-70{
    transform: translateY(70px); 
  }
  .decalage-mobile-bas-80{
    transform: translateY(80px); 
  }
  .decalage-mobile-bas-90{
    transform: translateY(90px); 
  }
  .decalage-mobile-bas-100{
    transform: translateY(100px); 
  }
}

@media screen and (min-width:1024px){

  .decalage-desktop-haut-10{
    transform: translateY(-10px); 
  }
  .decalage-desktop-haut-20{
    transform: translateY(-20px); 
  }
  .decalage-desktop-haut-30{
    transform: translateY(-30px); 
  }
  .decalage-desktop-haut-40{
    transform: translateY(-40px); 
  }
  .decalage-desktop-haut-50{
    transform: translateY(-50px); 
  }
  .decalage-desktop-haut-60{
    transform: translateY(-60px); 
  }
  .decalage-desktop-haut-70{
    transform: translateY(-70px); 
  }
  .decalage-desktop-haut-80{
    transform: translateY(-80px); 
  }
  .decalage-desktop-haut-90{
    transform: translateY(-90px); 
  }
  .decalage-desktop-haut-100{
    transform: translateY(-100px); 
  }

  .decalage-desktop-bas-10{
    transform: translateY(10px); 
  }
  .decalage-desktop-bas-20{
    transform: translateY(20px); 
  }
  .decalage-desktop-bas-30{
    transform: translateY(30px); 
  }
  .decalage-desktop-bas-40{
    transform: translateY(40px); 
  }
  .decalage-desktop-bas-50{
    transform: translateY(50px); 
  }
  .decalage-desktop-bas-60{
    transform: translateY(60px); 
  }
  .decalage-desktop-bas-70{
    transform: translateY(70px); 
  }
  .decalage-desktop-bas-80{
    transform: translateY(80px); 
  }
  .decalage-desktop-bas-90{
    transform: translateY(90px); 
  }
  .decalage-desktop-bas-100{
    transform: translateY(100px); 
  }
}
  */
.img-mobile-w-50-centered img {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 1023px) {
  .groupe-mobile-w-50-centered {
    max-width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
}
.border {
  border: 1px solid black;
}

.border-dashed {
  border: 1px solid dashed;
}

/* MOBILE */
.pd-0 {
  padding: 0px;
}

.mg-0 {
  margin: 0px;
}

@media screen and (max-width: 1023px) {
  /* MARGINS */
  .margin-top-mobile-none, .mg-tp-mobile-none, .mg-tp-mobile-0 {
    margin-top: 0px;
  }
  .margin-top-mobile-small, .mg-tp-mobile-s {
    margin-top: var(--wp--preset--spacing--small);
  }
  .margin-top-mobile-medium, .mg-tp-mobile-m {
    margin-top: var(--wp--preset--spacing--medium);
  }
  .margin-top-mobile-large, .mg-tp-mobile-lg {
    margin-top: var(--wp--preset--spacing--large);
  }
  .margin-top-mobile-extra-large, .mg-tp-mobile-xl {
    margin-top: var(--wp--preset--spacing--extra-large);
  }
  .margin-top-mobile-extra-extra-large, .mg-tp-mobile-xxl {
    margin-top: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-bottom-mobile-none, .mg-tp-mobile-none, .mg-tp-mobile-0 {
    margin-bottom: 0px;
  }
  .margin-bottom-mobile-small, .mg-tp-mobile-s {
    margin-bottom: var(--wp--preset--spacing--small);
  }
  .margin-bottom-mobile-medium, .mg-tp-mobile-m {
    margin-bottom: var(--wp--preset--spacing--medium);
  }
  .margin-bottom-mobile-large, .mg-tp-mobile-lg {
    margin-bottom: var(--wp--preset--spacing--large);
  }
  .margin-bottom-mobile-extra-large, .mg-tp-mobile-xl {
    margin-bottom: var(--wp--preset--spacing--extra-large);
  }
  .margin-bottom-mobile-extra-extra-large, .mg-tp-mobile-xxl {
    margin-bottom: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-left-mobile-none, .mg-tp-mobile-none, .mg-tp-mobile-0 {
    margin-left: 0px;
  }
  .margin-left-mobile-small, .mg-tp-mobile-s {
    margin-left: var(--wp--preset--spacing--small);
  }
  .margin-left-mobile-medium, .mg-tp-mobile-m {
    margin-left: var(--wp--preset--spacing--medium);
  }
  .margin-left-mobile-large, .mg-tp-mobile-lg {
    margin-left: var(--wp--preset--spacing--large);
  }
  .margin-left-mobile-extra-large, .mg-tp-mobile-xl {
    margin-left: var(--wp--preset--spacing--extra-large);
  }
  .margin-left-mobile-extra-extra-large, .mg-tp-mobile-xxl {
    margin-left: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-right-mobile-none, .mg-tp-mobile-none, .mg-tp-mobile-0 {
    margin-right: 0px;
  }
  .margin-right-mobile-small, .mg-tp-mobile-s {
    margin-right: var(--wp--preset--spacing--small);
  }
  .margin-right-mobile-medium, .mg-tp-mobile-m {
    margin-right: var(--wp--preset--spacing--medium);
  }
  .margin-right-mobile-large, .mg-tp-mobile-lg {
    margin-right: var(--wp--preset--spacing--large);
  }
  .margin-right-mobile-extra-large, .mg-tp-mobile-xl {
    margin-right: var(--wp--preset--spacing--extra-large);
  }
  .margin-right-mobile-extra-extra-large, .mg-tp-mobile-xxl {
    margin-right: var(--wp--preset--spacing--extra-extra-large);
  }
  /* PADDINGS */
  .padding-top-mobile-none, .pd-tp-mobile-none, .pd-tp-mobile-0 {
    padding-top: 0px;
  }
  .padding-top-mobile-small, .pd-tp-mobile-s {
    padding-top: var(--wp--preset--spacing--small);
  }
  .padding-top-mobile-medium, .pd-tp-mobile-m {
    padding-top: var(--wp--preset--spacing--medium);
  }
  .padding-top-mobile-large, .pd-tp-mobile-lg, .pd-tp-mobile-l {
    padding-top: var(--wp--preset--spacing--large);
  }
  .padding-top-mobile-extra-large, .pd-tp-mobile-xl {
    padding-top: var(--wp--preset--spacing--extra-large);
  }
  .padding-top-mobile-extra-extra-large, .pd-tp-mobile-xxl {
    padding-top: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-bottom-mobile-none, .pd-tp-mobile-none, .pd-tp-mobile-0 {
    padding-bottom: 0px;
  }
  .padding-bottom-mobile-small, .pd-tp-mobile-s {
    padding-bottom: var(--wp--preset--spacing--small);
  }
  .padding-bottom-mobile-medium, .pd-tp-mobile-m {
    padding-bottom: var(--wp--preset--spacing--medium);
  }
  .padding-bottom-mobile-large, .pd-tp-mobile-lg, .pd-tp-mobile-l {
    padding-bottom: var(--wp--preset--spacing--large);
  }
  .padding-bottom-mobile-extra-large, .pd-tp-mobile-xl {
    padding-bottom: var(--wp--preset--spacing--extra-large);
  }
  .padding-bottom-mobile-extra-extra-large, .pd-tp-mobile-xxl {
    padding-bottom: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-left-mobile-none, .pd-tp-mobile-none, .pd-tp-mobile-0 {
    padding-left: 0px;
  }
  .padding-left-mobile-small, .pd-tp-mobile-s {
    padding-left: var(--wp--preset--spacing--small);
  }
  .padding-left-mobile-medium, .pd-tp-mobile-m {
    padding-left: var(--wp--preset--spacing--medium);
  }
  .padding-left-mobile-large, .pd-tp-mobile-lg, .pd-tp-mobile-l {
    padding-left: var(--wp--preset--spacing--large);
  }
  .padding-left-mobile-extra-large, .pd-tp-mobile-xl {
    padding-left: var(--wp--preset--spacing--extra-large);
  }
  .padding-left-mobile-extra-extra-large, .pd-tp-mobile-xxl {
    padding-left: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-right-mobile-none, .pd-tp-mobile-none, .pd-tp-mobile-0 {
    padding-right: 0px;
  }
  .padding-right-mobile-small, .pd-tp-mobile-s {
    padding-right: var(--wp--preset--spacing--small);
  }
  .padding-right-mobile-medium, .pd-tp-mobile-m {
    padding-right: var(--wp--preset--spacing--medium);
  }
  .padding-right-mobile-large, .pd-tp-mobile-lg, .pd-tp-mobile-l {
    padding-right: var(--wp--preset--spacing--large);
  }
  .padding-right-mobile-extra-large, .pd-tp-mobile-xl {
    padding-right: var(--wp--preset--spacing--extra-large);
  }
  .padding-right-mobile-extra-extra-large, .pd-tp-mobile-xxl {
    padding-right: var(--wp--preset--spacing--extra-extra-large);
  }
}
/* DESKTOP */
@media screen and (min-width: 1023px) {
  /* MARGINS */
  .margin-top-desktop-none, .mg-tp-desktop-none, .mg-tp-desktop-0 {
    margin-top: 0px;
  }
  .margin-top-desktop-small, .mg-tp-desktop-s {
    margin-top: var(--wp--preset--spacing--small);
  }
  .margin-top-desktop-medium, .mg-tp-desktop-m {
    margin-top: var(--wp--preset--spacing--medium);
  }
  .margin-top-desktop-large, .mg-tp-desktop-lg, .mg-tp-desktop-l {
    margin-top: var(--wp--preset--spacing--large);
  }
  .margin-top-desktop-extra-large, .mg-tp-desktop-xl {
    margin-top: var(--wp--preset--spacing--extra-large);
  }
  .margin-top-desktop-extra-extra-large, .mg-tp-desktop-xxl {
    margin-top: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-bottom-desktop-none, .mg-bt-desktop-none, .mg-bt-desktop-0 {
    margin-bottom: 0px;
  }
  .margin-bottom-desktop-small, .mg-bt-desktop-s {
    margin-bottom: var(--wp--preset--spacing--small);
  }
  .margin-bottom-desktop-medium, .mg-bt-desktop-m {
    margin-bottom: var(--wp--preset--spacing--medium);
  }
  .margin-bottom-desktop-large, .mg-bt-desktop-lg, .mg-bt-desktop-l {
    margin-bottom: var(--wp--preset--spacing--large);
  }
  .margin-bottom-desktop-extra-large, .mg-bt-desktop-xl {
    margin-bottom: var(--wp--preset--spacing--extra-large);
  }
  .margin-bottom-desktop-extra-extra-large, .mg-bt-desktop-xxl {
    margin-bottom: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-left-desktop-none, .mg-lt-desktop-none, .mg-lt-desktop-0 {
    margin-left: 0px;
  }
  .margin-left-desktop-small, .mg-lt-desktop-s {
    margin-left: var(--wp--preset--spacing--small);
  }
  .margin-left-desktop-medium, .mg-lt-desktop-m {
    margin-left: var(--wp--preset--spacing--medium);
  }
  .margin-left-desktop-large, .mg-lt-desktop-lg, .mg-lt-desktop-l {
    margin-left: var(--wp--preset--spacing--large);
  }
  .margin-left-desktop-extra-large, .mg-lt-desktop-xl {
    margin-left: var(--wp--preset--spacing--extra-large);
  }
  .margin-left-desktop-extra-extra-large, .mg-lt-desktop-xxl {
    margin-left: var(--wp--preset--spacing--extra-extra-large);
  }
  .margin-right-desktop-none, .mg-rt-desktop-none, .mg-rt-desktop-0 {
    margin-right: 0px;
  }
  .margin-right-desktop-small, .mg-rt-desktop-s {
    margin-right: var(--wp--preset--spacing--small);
  }
  .margin-right-desktop-medium, .mg-rt-desktop-m {
    margin-right: var(--wp--preset--spacing--medium);
  }
  .margin-right-desktop-large, .mg-rt-desktop-lg, .mg-rt-desktop-l {
    margin-right: var(--wp--preset--spacing--large);
  }
  .margin-right-desktop-extra-large, .mg-rt-desktop-xl {
    margin-right: var(--wp--preset--spacing--extra-large);
  }
  .margin-right-desktop-extra-extra-large, .mg-rt-desktop-xxl {
    margin-right: var(--wp--preset--spacing--extra-extra-large);
  }
  /* PADDINGS */
  .padding-top-desktop-none, .pd-tp-desktop-none, .pd-tp-desktop-0 {
    padding-top: 0px;
  }
  .padding-top-desktop-small, .pd-tp-desktop-s {
    padding-top: var(--wp--preset--spacing--small);
  }
  .padding-top-desktop-medium, .pd-tp-desktop-m {
    padding-top: var(--wp--preset--spacing--medium);
  }
  .padding-top-desktop-large, .pd-tp-desktop-lg, .pd-tp-desktop-l {
    padding-top: var(--wp--preset--spacing--large);
  }
  .padding-top-desktop-extra-large, .pd-tp-desktop-xl {
    padding-top: var(--wp--preset--spacing--extra-large);
  }
  .padding-top-desktop-extra-extra-large, .pd-tp-desktop-xxl {
    padding-top: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-bottom-desktop-none, .pd-bt-desktop-none, .pd-bt-desktop-0 {
    padding-bottom: 0px;
  }
  .padding-bottom-desktop-small, .pd-bt-desktop-s {
    padding-bottom: var(--wp--preset--spacing--small);
  }
  .padding-bottom-desktop-medium, .pd-bt-desktop-m {
    padding-bottom: var(--wp--preset--spacing--medium);
  }
  .padding-bottom-desktop-large, .pd-bt-desktop-lg, .pd-bt-desktop-l {
    padding-bottom: var(--wp--preset--spacing--large);
  }
  .padding-bottom-desktop-extra-large, .pd-bt-desktop-xl {
    padding-bottom: var(--wp--preset--spacing--extra-large);
  }
  .padding-bottom-desktop-extra-extra-large, .pd-bt-desktop-xxl {
    padding-bottom: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-left-desktop-none, .pd-lt-desktop-none, .pd-lt-desktop-0 {
    padding-left: 0px;
  }
  .padding-left-desktop-small, .pd-lt-desktop-s {
    padding-left: var(--wp--preset--spacing--small);
  }
  .padding-left-desktop-medium, .pd-lt-desktop-m {
    padding-left: var(--wp--preset--spacing--medium);
  }
  .padding-left-desktop-large, .pd-lt-desktop-lg, .pd-lt-desktop-l {
    padding-left: var(--wp--preset--spacing--large);
  }
  .padding-left-desktop-extra-large, .pd-lt-desktop-xl {
    padding-left: var(--wp--preset--spacing--extra-large);
  }
  .padding-left-desktop-extra-extra-large, .pd-lt-desktop-xxl {
    padding-left: var(--wp--preset--spacing--extra-extra-large);
  }
  .padding-right-desktop-none, .pd-rt-desktop-none, .pd-rt-desktop-0 {
    padding-right: 0px;
  }
  .padding-right-desktop-small, .pd-rt-desktop-s {
    padding-right: var(--wp--preset--spacing--small);
  }
  .padding-right-desktop-medium, .pd-rt-desktop-m {
    padding-right: var(--wp--preset--spacing--medium);
  }
  .padding-right-desktop-large, .pd-rt-desktop-lg, .pd-rt-desktop-l {
    padding-right: var(--wp--preset--spacing--large);
  }
  .padding-right-desktop-extra-large, .pd-rt-desktop-xl {
    padding-right: var(--wp--preset--spacing--extra-large);
  }
  .padding-right-desktop-extra-extra-large, .pd-rt-desktop-xxl {
    padding-right: var(--wp--preset--spacing--extra-extra-large);
  }
}
@media screen and (max-width: 1023px) {
  .text-left-mobile {
    text-align: left;
  }
  .text-center-mobile {
    text-align: center;
  }
  .text-right-mobile {
    text-align: right;
  }
  .text-justify-mobile {
    text-align: justify;
  }
}
@media screen and (max-width: 480px) {
  .text-left-phone {
    text-align: left;
  }
  .text-center-phone {
    text-align: center;
  }
  .text-right-phone {
    text-align: right;
  }
  .text-justify-phone {
    text-align: justify;
  }
  .text-s-phone {
    font-size: var(--wp--preset--font-size--small);
  }
  .text-m-phone {
    font-size: var(--wp--preset--font-size--medium);
  }
  .text-l-phone {
    font-size: var(--wp--preset--font-size--large);
  }
  .text-xl-phone {
    font-size: var(--wp--preset--font-size--extra-large);
  }
  .text-xxl-phone {
    font-size: var(--wp--preset--font-size --extra-extra-large);
  }
}
.max-w-980 {
  max-width: 980px;
}

.width-100,
.full-width {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .decalage-gauche-desktop-10 {
    transform: translateX(-10px);
  }
  .decalage-gauche-desktop-20 {
    transform: translateX(-20px);
  }
  .decalage-gauche-desktop-30 {
    transform: translateX(-30px);
  }
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
  position: relative;
}

.shipping-add-paragraph {
  border: 1px solid red;
}

#pickup-options .th-datepicker-field::after {
  margin-block: 20px;
  content: "Notre équipe vous accueille durant les jours d’ouverture, de 10h à 18h.";
  display: block;
}

.wc-block-cart__submit-container a {
  background: var(--grislegris);
}

.wc-block-components-checkout-place-order-button {
  background: var(--grislegris) !important;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
  background: var(--grislegris) !important;
}

.orddd_lite_field_note {
  font-size: var(--wp--preset--font-size--extra-large) !important;
}

/** Personnalisation de la page de confirmation de commande WooCommerce
 *  (après le paiement)
 * Enlève ces vilaines bordures
 * Remet en place "Date de retrait :"
 */
.wc-block-order-confirmation-totals table {
  border: 0px;
}

.thwdtp-custom-fields {
  border-top: 0px;
}

.thwdtp-custom-fields td:first-child {
  text-align: left;
  font-weight: bold;
}
.thwdtp-custom-fields td:first-child::after {
  content: ":";
  margin-right: 5px;
}

.thwdtp-custom-fields td:nth-child(2) {
  text-align: right;
  font-weight: bold;
}

/** Pour éviter que "NOUS CONTACTER" ne se casse sur deux lignes dans le header, plutôt ok **/
.white-space-nowrap {
  white-space: nowrap !important;
}

@media screen and (max-width: 1400px) {
  .fix-header-menu-desktop {
    gap: 10px !important;
  }
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  width: auto !important;
  background: var(--dore) !important;
}

.pswp__caption {
  display: none;
}

:root :where(.wp-block-woocommerce-cart) {
  font-size: var(--wp--preset--font-size--large);
  padding: 0px;
}
@media screen and (min-width: 475px) {
  :root :where(.wp-block-woocommerce-cart) {
    font-size: var(--wp--preset--font-size--extra-large);
  }
}

.woocommerce div.product form.cart table.variations td, .woocommerce div.product form.cart table.variations th {
  vertical-align: top;
}

@media screen and (max-width: 475px) {
  .woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] {
    padding: 10px;
    display: block;
  }
  .wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper {
    font-size: 20px;
  }
}
/* @import './woocommerce-responsive.css'; */
.cart-count {
  position: absolute;
  visibility: visible;
  bottom: -5px;
  right: -5px;
  transform: scale(0);
  font-size: 11px;
  background-color: var(--dore);
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: transform 1s;
  transform-origin: center center;
}
.cart-count.visible {
  transform: scale(1);
}

.hidden {
  display: none !important;
}

:root {
  --grislegris:#393D42;
  --dore:#C8A65A;
  --dore__hover:#ddb153;
  --desktopLogoWidth:190px;
  --logoIntroWidth:135px;
  --logoHeaderWidth:123px;
  --bandeauHeight:56px;
  --navbarHeight:106px;
  --titreIntro:89px;
  --sousTitreIntro:17px;
  --padding:1rem;
  --letter-spacing-1:0.200em;
  --zindexHeader:9998;
  --zindexBreadcrumbs:9997;
  --pastilleSizeMobile:100px;
  --pastilleSizeDesktop:125px;
  --logoSizeMobile:135px;
  --logoSizeDesktop:190px;
  --logoSizeSmallMobile:90px;
  --logoSizeSmallDesktop:110px;
  --woocommerce: #720eec;
  --wc-green: #7ad03a;
  --wc-red: #a00;
  --wc-orange: #ffba00;
  --wc-blue: #2ea2cc;
  --wc-primary: #720eec;
  --wc-primary-text: #fcfbfe;
  --wc-secondary: #e9e6ed;
  --wc-secondary-text: #515151;
  --wc-highlight: #958e09;
  --wc-highligh-text: white;
  --wc-content-bg: #fff;
  --wc-subtext: #767676;
  --wc-form-border-color: rgba(32, 7, 7, 0.8);
  --wc-form-border-radius: 4px;
  --wc-form-border-width: 1px;
}

html {
  scroll-behavior: auto !important;
}

body {
  background: white;
  font-weight: 500;
  overflow-y: scroll;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

section {
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

main#Main.visible {
  display: block;
}

main.visible {
  opacity: 1;
}

svg.separateur-vertical {
  display: block;
  height: 35px;
  width: auto;
  margin-block: 20px;
  margin-left: auto;
  margin-right: auto;
}

:where(.wp-site-blocks) > * {
  margin: 0px;
}

figure {
  margin: 0px;
}

:root :where(.is-layout-constrained) > * {
  /* margin-block-start:0 !important; */
}

.not-constrained > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* pour réduire encore certains problèmes d'overflow */
.wp-site-blocks {
  overflow-x: clip;
}

main, .my-main {
  min-height: 100vh;
}

/* 
  Le code magique qui permet de rendre les grilles WordPress responsives
  (en leur ajoutant la classe ".grille-responsive")
*/
@media (max-width: 1023px) {
  .grille-responsive {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
  }
  .grille-responsive > * {
    grid-column: auto !important;
  }
}
.groupe-decale-1 {
  transform: translateX(-150px);
}

@media screen and (min-width: 1024px) {
  .decalage-custom-desktop-haut-1 {
    transform: translateY(-100px);
  }
}
@media screen and (min-width: 1536px) {
  .decalage-custom-desktop-haut-1 {
    transform: translateY(-160px);
  }
}

@media screen and (min-width: 1024px) {
  .decalage-custom-desktop-gauche-1 {
    transform: translateX(-10%);
  }
}

p strong {
  font-family: var(--wp--preset--font-family--dunbar-low-regular);
  font-weight: normal;
}

.grille-mobile-3-cols {
  grid-template-columns: 1fr minmax(125px, 2fr) 1fr;
}

/**
 * On met l'adminbar en mobile en position fixe (au lieu d'absolue)
 * Pour éviter qu'elle ne se barre au scroll laissant le header flottant
 */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/**
  Fix pour le bouton customisé "pour de bon"
  Dont l'url (complexe) casse mon bloc "button" dans l'éditeur
  A appliquer sur un groupe contenant un paragraph le lien 
  Classes CSS additionnelles : "button-custom filet filet-small"
*/
.editor-styles-wrapper .button-custom,
.button-custom {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}
.editor-styles-wrapper .button-custom a,
.editor-styles-wrapper .button-custom span,
.button-custom a,
.button-custom span {
  all: unset;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  display: inline-block;
  padding: 10px 20px;
  color: white;
  background-color: var(--dore);
  margin: 0 auto;
}
.editor-styles-wrapper .button-custom:hover,
.button-custom:hover {
  cursor: pointer;
}

.woocommerce-product-gallery__trigger {
  display: none !important;
}

@media screen and (max-width: 1023px) {
  .grille-intro-texte {
    grid-template-columns: 1fr !important;
  }
}

/**
  * Pour cacher l'icône du panier vide WooCommerce
  * (qui ne correspond pas au design du site)
  */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  display: none;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  left: -28px;
}

.page-template-default:not(.home) .logo-container svg,
.page-template-video-introductive .logo-container svg {
  transition: none !important;
}

a.no-underline,
a.no-underline:link,
a.no-underline:hover,
a.no-underline:active,
a.no-underline:focus,
a.no-underline:visited {
  text-decoration: none;
}

p.no-underline,
p.no-underline:link,
p.no-underline:hover,
p.no-underline:active,
p.no-underline:focus,
p.no-underline:visited {
  text-decoration: none;
}

a,
a:link,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none !important;
}

/*# sourceMappingURL=theme.css.map */