.elementor-226 .elementor-element.elementor-element-d641024{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ==========================================================
   CoEssence — CSS Page "Politique de cookies"
   Où coller : Elementor > page concernée > Avancé > CSS personnalisé

   Ce fichier ne définit plus AUCUNE couleur ni police/taille globale :
   elles viennent du système central —
     - Couleurs  : ce_couleur_css.php, activées via data-palette (posé par
                   ce_cookies.php sur <section class="ce-legal-page">)
     - Typo      : ce_typo_css.php, appliquée globalement à .eyebrow, h1,
                   h2/h3/h4/h5, body/p — y compris le chargement des polices
   Ne reste ici QUE la mise en page. Le bandeau de démo cookies utilise
   volontairement des couleurs fixes (voir plus bas) : c'est un composant
   d'aperçu technique, pas un élément éditorial dépendant de la palette.
   ========================================================== */

.ce-legal-page, .ce-legal-page p, .ce-legal-page li{ line-height:1.7; }
.ce-legal-page a:focus-visible{ outline:2px solid var(--h1); outline-offset:2px; }

.doc-switcher{max-width:920px;margin:0 auto 0;padding:0;}
.doc-switcher ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0;}
.doc-switcher a{
  display:inline-block;font-size:12.5px;text-decoration:none;padding:7px 14px;border-radius:20px;
  border:1px solid currentColor;
  border-color:color-mix(in srgb, var(--text) 25%, transparent);
  min-height:32px;line-height:18px;
}
.doc-switcher a.active,
.doc-switcher a[aria-current="page"]{background:var(--h1);color:var(--bg);border-color:var(--h1);}

.page-hero{max-width:920px;margin:0 auto;padding:28px 0 40px;}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;display:inline-block;}
.page-hero h1{line-height:1.15;max-width:14ch;}
.page-hero .lede{max-width:62ch;opacity:.82;}
.meta-line{margin-top:22px;font-size:12.5px;display:flex;gap:18px;flex-wrap:wrap;opacity:.82;}

.layout{max-width:1000px;margin:0 auto;padding:0 0 60px;}
article.clause{margin-bottom:34px;}
article.clause h2{display:flex;gap:10px;align-items:baseline;}
article.clause h2 .num{font-style:italic;opacity:.75;}
article.clause p{margin-bottom:10px;}
article.clause p.small{font-size:0.86em;opacity:.82;}
article.clause ul{margin:8px 0 12px 20px;}
article.clause li{margin-bottom:6px;}

.fill{
  display:inline-flex;align-items:center;gap:6px;
  background:#FBF0DA;border:1px dashed #D9B65B;color:#8A431F;
  font-weight:600;font-size:13px;padding:2px 9px;border-radius:6px;
}
.fill::before{content:"●";font-size:7px;color:#B8912B;}

.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 24px;}
table{width:100%;border-collapse:collapse;font-size:13.3px;min-width:480px;}
thead th{text-align:left;background:var(--h1);color:var(--bg);padding:9px 12px;font-weight:500;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;}
tbody td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb, var(--text) 18%, transparent);vertical-align:top;opacity:.9;}
tbody tr:nth-child(even){background:color-mix(in srgb, var(--text) 4%, transparent);}
tbody td:first-child{font-weight:500;opacity:1;}

.box{border-radius:10px;padding:18px 20px;margin:16px 0 26px;font-size:0.88em;}
.box.info{background:#e4ede7;border-left:3px solid #3a6b4a;}
.box.warning{background:#f3e6d3;border-left:3px solid #b8864e;}
.box.warning b{color:#8a5c2e;}

/* Aperçu statique du bandeau cookies — couleurs fixes volontairement
   (neutre sombre/clair), indépendantes de la palette de section : c'est un
   composant de démonstration technique du fonctionnement réel du bandeau
   Axeptio, pas un élément éditorial. Les boutons sont "disabled" côté PHP. */
.cookie-banner-demo{
  max-width:640px;background:#ffffff;border:1px solid #DAD3C0;border-radius:14px;
  padding:22px 24px;margin:20px 0 30px;box-shadow:0 12px 30px rgba(26,20,8,.08);
}
.cookie-banner-demo p{font-size:13.3px;color:#4B5245;margin-bottom:14px;}
.cookie-banner-demo .btn-row{display:flex;gap:10px;flex-wrap:wrap;}
.cookie-banner-demo button{
  font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:600;
  padding:9px 16px;border-radius:8px;border:1px solid #1a1408;
  min-height:38px;
  cursor:not-allowed; opacity:.92;
}
.cookie-banner-demo .btn-refuse{background:#ffffff;color:#1a1408;}
.cookie-banner-demo .btn-accept{background:#1a1408;color:#ffffff;}
.cookie-banner-demo .btn-params{background:transparent;color:#4B5245;border-color:#DAD3C0;}

@media (max-width:600px){
  .page-hero{padding:20px 0 28px;}
  .page-hero h1{max-width:none;}
  article.clause h2{flex-wrap:wrap;}
  .cookie-banner-demo{padding:18px;}
  .doc-switcher ul{gap:6px;}
  .doc-switcher a{font-size:12px;padding:6px 11px;}
}

/* PERFORMANCE / SÉCURITÉ — chargement des polices centralisé dans
   ce_typo_css.php, plus d'@import ici. Voir notes identiques dans
   ce_mentions_legales.css. *//* End custom CSS */