.elementor-465 .elementor-element.elementor-element-67b3e07{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* =====================================================
   ERRE COMMUNE — CSS section Confidentialité (erre_confidentialite)
   À coller dans Elementor > Widget Shortcode [erre_confidentialite] >
   Avancé > CSS personnalisé.
   Suppose 00-base.css + erre-couleur-css + erre-typo-css déjà chargés.
===================================================== */

/* ---- HERO piloté par la palette ---- */
.erre-conf-hero-wrap {
  --bg: var(--vert-fonce, #2d5240);
  --text: var(--blanc, #fff);
  --h1: var(--blanc, #fff);
  --accent-h1: var(--cta, #c8612a);
}
.erre-conf-page-hero { background: var(--bg); padding: 56px 28px 64px; position: relative; overflow: hidden; }
.erre-conf-page-hero::after { content: ""; position: absolute; right: -60px; top: -60px; width: 280px; height: 280px; border-radius: 50%; background: rgba(255,255,255,0.08); }
.erre-conf-page-hero-inner { max-width: 1200px; margin: 0 auto; position: relative; }
.erre-conf-hero-tag { background: rgba(255,255,255,0.16); color: var(--text); padding: 8px 16px; border-radius: 100px; }
.erre-conf-hero-tag svg { width: 15px; height: 15px; stroke: var(--text); fill: none; stroke-width: 1.8; }
.erre-conf-page-hero h1 { font-weight: 900; color: var(--h1); }
.erre-conf-page-hero h1 .accent-h1 { color: var(--accent-h1); }
.erre-conf-hero-desc { color: var(--text); opacity: .88; max-width: 640px; line-height: 1.6; }
.erre-conf-hero-updated { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; background: rgba(255,255,255,0.12); padding: 8px 14px; border-radius: 100px; font-size: 12.5px; font-weight: 700; color: var(--text); opacity: .9; }
.erre-conf-hero-updated svg { width: 13px; height: 13px; stroke: var(--text); fill: none; stroke-width: 1.8; }

.erre-conf-page-hero svg.i, .erre-conf-content svg.i { display: inline-block; vertical-align: middle; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---- BODY LAYOUT ---- */
.erre-conf-page-body { max-width: 1200px; margin: 0 auto; padding: 56px 28px 90px; display: grid; grid-template-columns: 280px 1fr; gap: 48px; align-items: start; }

.erre-conf-toc { position: sticky; top: 90px; background: var(--blanc, #fff); border-radius: var(--radius, 18px); padding: 24px; box-shadow: var(--ombre, 0 4px 24px rgba(0,0,0,.08)); }
.erre-conf-toc-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--gris-moyen, #6b6b6b); margin-bottom: 14px; }
.erre-conf-toc ul { list-style: none; margin: 0; padding: 0; }
.erre-conf-toc ul li { margin-bottom: 2px; }
.erre-conf-toc ul li a { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--gris-moyen, #6b6b6b); padding: 9px 12px; border-radius: var(--radius-sm, 10px); transition: all .2s; text-decoration: none; }
.erre-conf-toc ul li a .num { width: 22px; height: 22px; border-radius: 7px; background: var(--vert-clair, #eaf2ec); color: var(--vert-fonce, #2d5240); font-size: 11.5px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.erre-conf-toc ul li a:hover { background: var(--vert-pale, #f4f8f5); color: var(--vert-fonce, #2d5240); }
.erre-conf-toc ul li a.active { background: var(--vert-clair, #eaf2ec); color: var(--vert-fonce, #2d5240); }
.erre-conf-toc ul li a.active .num { background: var(--vert, #4a7c59); color: #fff; }

/* ---- CONTENU ---- */
.erre-conf-content { background: var(--blanc, #fff); border-radius: var(--radius, 18px); box-shadow: var(--ombre, 0 4px 24px rgba(0,0,0,.08)); overflow: hidden; }
.erre-conf-intro { padding: 32px 40px; background: var(--vert-pale, #f4f8f5); border-bottom: 1px solid var(--gris-bordure, #e2ddd6); font-size: 15px; line-height: 1.7; color: var(--gris, #3a3a3a); }
.erre-conf-section { padding: 36px 40px; border-bottom: 1px solid var(--gris-bordure, #e2ddd6); scroll-margin-top: 90px; }
.erre-conf-section:last-child { border-bottom: none; }
.erre-conf-section-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.erre-conf-section-num { width: 36px; height: 36px; border-radius: 11px; background: var(--vert, #4a7c59); color: #fff; font-size: 15px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.erre-conf-section h2 { font-weight: 900; color: var(--vert-fonce, #2d5240); margin: 0; }
.erre-conf-section p { line-height: 1.75; color: var(--gris, #3a3a3a); }
.erre-conf-section p:last-child { margin-bottom: 0; }
.erre-conf-link { color: var(--cta, #c8612a); font-weight: 800; text-decoration: none; border-bottom: 2px solid var(--cta-clair, #fdf0e8); }
.erre-conf-link:hover { border-color: var(--cta, #c8612a); }

.erre-conf-info-card { background: var(--gris-clair, #f0efec); border-radius: var(--radius-sm, 10px); padding: 20px 24px; margin-top: 16px; }
.erre-conf-info-card dl { display: grid; grid-template-columns: 180px 1fr; gap: 10px 16px; margin: 0; }
.erre-conf-info-card dt { font-size: 13px; font-weight: 800; color: var(--gris-moyen, #6b6b6b); margin: 0; }
.erre-conf-info-card dd { font-size: 13.5px; font-weight: 700; color: var(--gris, #3a3a3a); margin: 0; }

.erre-conf-callout { display: flex; gap: 14px; background: var(--cta-clair, #fdf0e8); border-radius: var(--radius-sm, 10px); padding: 18px 20px; margin-top: 16px; }
.erre-conf-callout svg { width: 20px; height: 20px; stroke: var(--cta, #c8612a); flex-shrink: 0; margin-top: 2px; }
.erre-conf-callout p { font-size: 13.5px; color: var(--gris, #3a3a3a); margin: 0; }

.erre-conf-list-check { margin: 8px 0 0; padding: 0; list-style: none; }
.erre-conf-list-check li { display: flex; gap: 10px; font-size: 14.5px; line-height: 1.7; color: var(--gris, #3a3a3a); margin-bottom: 8px; }
.erre-conf-list-check li svg { width: 17px; height: 17px; stroke: var(--vert, #4a7c59); flex-shrink: 0; margin-top: 3px; }

/* ---- TABLEAUX (données collectées / durée de conservation) ---- */
.erre-conf-table { width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 13.5px; }
.erre-conf-table th { background: var(--vert-clair, #eaf2ec); color: var(--vert-fonce, #2d5240); font-weight: 800; text-align: left; padding: 11px 14px; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; }
.erre-conf-table th:first-child { border-radius: 10px 0 0 0; }
.erre-conf-table th:last-child { border-radius: 0 10px 0 0; }
.erre-conf-table td { padding: 12px 14px; border-bottom: 1px solid var(--gris-bordure, #e2ddd6); color: var(--gris, #3a3a3a); vertical-align: top; }
.erre-conf-table tr:last-child td { border-bottom: none; }
.erre-conf-badge { display: inline-block; background: var(--cta-clair, #fdf0e8); color: var(--cta, #c8612a); font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 100px; }

/* ---- RIGHTS GRID (vos droits) ---- */
.erre-conf-rights-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.erre-conf-right-card { display: flex; gap: 12px; background: var(--gris-clair, #f0efec); border-radius: var(--radius-sm, 10px); padding: 16px 18px; }
.erre-conf-right-card svg { width: 20px; height: 20px; stroke: var(--vert-fonce, #2d5240); flex-shrink: 0; margin-top: 2px; }
.erre-conf-right-card h4 { font-size: 14px; font-weight: 800; color: var(--gris, #3a3a3a); margin: 0 0 4px; }
.erre-conf-right-card p { font-size: 12.5px; color: var(--gris-moyen, #6b6b6b); margin: 0; }

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) { .erre-conf-page-body { grid-template-columns: 1fr; } .erre-conf-toc { position: static; } }
@media (max-width: 700px) {
  .erre-conf-rights-grid { grid-template-columns: 1fr; }
  .erre-conf-table { display: block; overflow-x: auto; white-space: nowrap; }
}
@media (max-width: 600px) {
  .erre-conf-intro, .erre-conf-section { padding: 26px 22px; }
  .erre-conf-info-card dl { grid-template-columns: 1fr; }
}/* End custom CSS */