/** Shopify CDN: Minification failed

Line 67:26 Unexpected "{"

**/


/* === BLOCS === */

.section-texte-enrichi .block-enrichi {
  width: 70%;
  max-width: var(--section-max-width);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .section-texte-enrichi .block-enrichi {
    width: 90%;
  }
}

.stack {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--stack-spacing);
}

@media (max-width: 768px) {
.stack {
    padding-bottom: var(--stack-spacing-mobile);
  }
}

.stack-lg {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(var(--stack-spacing) * 1.5);
}

@media (max-width: 768px) {
.stack-lg {
  padding-bottom: calc(var(--stack-spacing-mobile) * 1.2);
  }
}

.padding-top-block {
  padding-top: var(--stack-spacing);
}

@media (max-width: 768px) {
  .padding-top-block {
    padding-top: var(--stack-spacing-mobile);
  }
}

.block-legende.stack {
    padding-bottom: calc(var(--stack-spacing)* .5);
}

/* ==================================== TEXTE & TITRES ========================================= */

.section-texte-enrichi h2,
.section-texte-enrichi h3,
.section-texte-enrichi h4,
.section-texte-enrichi p, {
  margin: 0;
  text-align: inherit;
}

.section-texte-enrichi li {
  text-align: left;
  margin-inline: 0;
  margin-top: 0;
}

.section-texte-enrichi h3 {
  font-weight: bold;
}

.subtitle-enrichi {
  padding-top: calc(var(--stack-spacing) * 0.5);
}

/* ========================================= IMAGE ================================================ */

.image-wrapper img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius);
}

/* ======================================= TEXTE ENCADRÉ =========================================== */

.texte-encadre {
  margin: 0 auto;
}

.texte-encadre * {
  color: var(--secondary-text-color);
}

.texte-encadre a {
  color: blue;
}

.texte-encadre strong {
  color: var(--text-strong-alt);
}

.texte-encadre-inner {
  border: var(--border-style);
  border-radius: var(--border-radius);
  width: 90%;
  max-width: 600px;
  padding: 25px 20px;
  color: var(--secondary-text-color);
  background: var(--bg-button);
}


/* ========================================= ACCORDÉON ======================================= */

.liste-accordeon {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}

.liste-accordeon * {
  color: var(--secondary-text-color);
}

.liste-accordeon h4 {
  margin: 0;
  text-align: left;
  font-weight: bold;
  font-size: var(--font-size-text);
}

.liste-accordeon a {
  color: blue;
}

.liste-accordeon a:hover {
  color: var(--text-color-hover);
}

.liste-accordeon strong {
  color: var(--text-strong-alt);
}
  
/* Conteneur d'un item */
.accordion-list-item {
  border: var(--border-style);
  border-radius: var(--border-radius);
  margin-bottom: 1rem;
  background: var(--bg-button);
  overflow: hidden;
  transition: box-shadow 0.5s ease;
}

/* Bouton cliquable */
.accordion-list-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 2rem;
  font-weight: bold;
  font-size: var(--font-size-text);
  color: var(--secondary-text-color);
  text-shadow: var(--secondary-text-shadow);
  cursor: pointer;
  transition: all 0.5s ease;
  border: none;
}

.accordion-list-header *:hover {
  color: var(--text-color-hover);
}

/* Titre */
.accordion-list-title {
  flex: 1;
  text-align: left;
}

/* Flèche */
.accordion-list-header .arrow {
  transition: transform 0.5s ease;
  font-size: 1.6rem;
  padding-left: 1rem;
}

/* Contenu réductible */
.accordion-list-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  padding: 0 1.6rem;
}

.accordion-list-content p {
  margin: 0;
  padding: 1.5rem 0;
  text-align: left;
  color: var(--secondary-text-color);
}

/* Accordéon ouvert */
.accordion-list-item.open .accordion-list-content {
  max-height: none;
  transition: max-height 0.5s ease;
}

.accordion-list-item.open .arrow {
  transform: rotate(180deg);
}

@media (max-width: 768px) { 
  
.liste-accordeon {
  width: 100%;
}

.accordion-list-header {
  font-size: var(--font-size-text-mobile);
}

.accordion-list-header .arrow {
  font-size: 1rem;
  padding-left: 0.7rem;
}
}

/* ========================================= TABLEAU ======================================= */

.block-html-custom {
  border-radius: var(--border-radius);
}

/* ========================================= ALLIGNEMENT ======================================= */

.align-left {
  text-align: left;
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.align-center {
  text-align: center;
  margin-inline: auto;
}

.align-right {
  text-align: right;
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.title-enrichi  {
  text-align: inherit;
}