.elementor-311 .elementor-element.elementor-element-f788a09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-311 .elementor-element.elementor-element-737fa76{padding:2em 0em 0em 0em;font-family:var( --e-global-typography-112b6c4-font-family ), Sans-serif;font-size:var( --e-global-typography-112b6c4-font-size );font-weight:var( --e-global-typography-112b6c4-font-weight );line-height:var( --e-global-typography-112b6c4-line-height );}.elementor-311 .elementor-element.elementor-element-71ba21c{padding:2em 2em 2em 2em;}.elementor-311 .elementor-element.elementor-element-2779d78 .elementor-heading-title{font-family:var( --e-global-typography-112b6c4-font-family ), Sans-serif;font-size:var( --e-global-typography-112b6c4-font-size );font-weight:var( --e-global-typography-112b6c4-font-weight );line-height:var( --e-global-typography-112b6c4-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-311 .elementor-element.elementor-element-737fa76{font-size:var( --e-global-typography-112b6c4-font-size );line-height:var( --e-global-typography-112b6c4-line-height );}.elementor-311 .elementor-element.elementor-element-2779d78 .elementor-heading-title{font-size:var( --e-global-typography-112b6c4-font-size );line-height:var( --e-global-typography-112b6c4-line-height );}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-737fa76{font-size:var( --e-global-typography-112b6c4-font-size );line-height:var( --e-global-typography-112b6c4-line-height );}.elementor-311 .elementor-element.elementor-element-71ba21c{padding:1em 1em 1em 1em;}.elementor-311 .elementor-element.elementor-element-2779d78 .elementor-heading-title{font-size:var( --e-global-typography-112b6c4-font-size );line-height:var( --e-global-typography-112b6c4-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-71ba21c *//* ============================================================
   COULEURS & MATIÈRES — Styles pages légales
   À appliquer sur : Mentions légales, Politique de confidentialité,
   Politique de cookies, CGV/CGU, etc.

   COMMENT L'APPLIQUER :
   1. Ouvrir la page dans Elementor
   2. Cliquer sur le WIDGET "Éditeur de texte" qui contient tout le contenu
      (celui qui commence par "Conformément aux dispositions…")
   3. Dans le panneau de gauche → onglet "Avancé"
   4. Section "CSS" → champ "Classes CSS"
   5. Saisir : page-legale
   6. Mettre à jour
   ============================================================ */


/* ─── H1 — Titre principal (si ajouté un jour à la page) ─── */
.page-legale h1 {
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #2C3E50 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

/* ─── H2 — Sections numérotées (1. Éditeur, 2. Hébergeur…) ─── */
.page-legale h2 {
  font-size: 1.375rem !important;
  font-weight: 600 !important;
  color: #F37021 !important;
  line-height: 1.3 !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid #E5DCC7 !important;
}

/* ─── H3 — Sous-sections ─── */
.page-legale h3 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #8B6F47 !important;
  line-height: 1.4 !important;
  margin-top: 1.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* ─── H4 — Détails ─── */
.page-legale h4 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #6B6357 !important;
  line-height: 1.4 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.5rem !important;
}

/* ─── Corps de texte ─── */
.page-legale p {
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
  color: #6B6357 !important;
  margin-bottom: 1rem !important;
}

.page-legale ul,
.page-legale ol {
  margin: 0 0 1.25rem 0 !important;
  padding-left: 1.5rem !important;
}

.page-legale li {
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
  color: #6B6357 !important;
  margin-bottom: 0.4rem !important;
}

/* ─── Liens ─── */
.page-legale a {
  color: #F37021 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(243, 112, 33, 0.3) !important;
  text-underline-offset: 2px !important;
  transition: text-decoration-color 0.2s ease, color 0.2s ease !important;
}

.page-legale a:hover {
  color: #D85D1A !important;
  text-decoration-color: #D85D1A !important;
}

/* ─── Séparateur horizontal ─── */
.page-legale hr {
  border: none !important;
  border-top: 1px solid #E5DCC7 !important;
  margin: 2rem 0 1rem !important;
}

/* ─── Mention en italique discret (dernière mise à jour) ─── */
.page-legale em {
  color: #8B6F47 !important;
  font-size: 0.875rem !important;
}


/* ============================================================
   RESPONSIVE — Tablette (≤ 1024px)
   ============================================================ */
@media (max-width: 1024px) {
  .page-legale h1 { font-size: 1.75rem !important; }
  .page-legale h2 {
    font-size: 1.25rem !important;
    margin-top: 2.25rem !important;
  }
  .page-legale h3 { font-size: 1.0625rem !important; }
}


/* ============================================================
   RESPONSIVE — Mobile (≤ 767px)
   ============================================================ */
@media (max-width: 767px) {
  .page-legale h1 {
    font-size: 1.5rem !important;
    margin-bottom: 1.25rem !important;
  }
  .page-legale h2 {
    font-size: 1.125rem !important;
    margin-top: 2rem !important;
    margin-bottom: 0.75rem !important;
    padding-bottom: 0.4rem !important;
  }
  .page-legale h3 {
    font-size: 1rem !important;
    margin-top: 1.25rem !important;
  }
  .page-legale h4 {
    font-size: 0.9375rem !important;
  }
  .page-legale p,
  .page-legale li {
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
  }
  .page-legale ul,
  .page-legale ol {
    padding-left: 1.25rem !important;
  }
}/* End custom CSS */