/* Le Forum du Campeur du Dimanche — une seule feuille.
   Même direction artistique que le guide : la PLAQUE D'EMPLACEMENT (bleu panneau, deux vis, liseré blanc, numéro gravé).
   Fond aube, encre bitume, accent soleil bas (boutons principaux seulement). Anek Latin (titres) + Labrada (lecture), auto-hébergées.
   Pas de mode sombre (le seul fond sombre est le pied de page). */

/* ---------- polices ---------- */
@font-face{font-family:'Anek Latin';font-style:normal;font-weight:100 800;font-stretch:75% 125%;font-display:swap;src:url(../fonts/AnekLatin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Labrada';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Labrada-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Labrada';font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/Labrada-var-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- jetons ---------- */
:root{
  --aube:#FAF5F1;--toile:#FFFFFF;--bitume:#1C2321;--bleu:#1F57A3;--bleu-fonce:#184785;--soleil:#F4B740;--soleil-fonce:#E5A52A;
  --lichen:#56635C;--bleu-pale:#E7EEF8;--filet:#E4DDD6;--filet-fort:#C9C2BA;
  --ok:#2E7D4F;--tolere:#8A5A00;--non:#B3261E;
  --f-titre:'Anek Latin','Arial Narrow',Arial,sans-serif;
  --f-texte:'Labrada',Georgia,'Times New Roman',serif;
  --r-carte-devis:24px;--r-carte:18px;--r-plaque:10px;--r-pilule:999px;
  --o-posee:0 10px 24px -12px rgba(28,35,33,.28);
  --o-flottante:0 30px 60px -20px rgba(28,35,33,.40),0 2px 6px rgba(28,35,33,.10);
  --conteneur:1240px;--gout:24px;--entete:72px;
  color-scheme:light;
}
@media (min-width:1700px){:root{--conteneur:1520px}}
@media (max-width:760px){:root{--gout:16px;--entete:64px}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--entete) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--aube);color:var(--bitume);font:400 18px/1.65 var(--f-texte);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (min-width:1700px){body{font-size:19px}}
@media (max-width:760px){body{font-size:17px;line-height:1.6;padding-bottom:72px}}
main{flex:1 0 auto;display:block;min-width:0}
img,svg,video{max-width:100%;height:auto}
svg.ic{height:auto}
a{color:var(--bleu);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--bleu);outline-offset:3px;border-radius:4px}
.cdf-bande--bleu :focus-visible,.cdf-pied :focus-visible{outline-color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.cdf-saut{position:absolute;left:16px;top:-80px;z-index:100;background:var(--bitume);color:var(--aube);padding:10px 16px;border-radius:var(--r-pilule)}
.cdf-saut:focus{top:12px}
.cdf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cdf-wrap{width:min(100% - 2 * var(--gout),var(--conteneur));margin-inline:auto}
.ic{display:inline-block;vertical-align:middle;flex:none}

/* ---------- typographie ---------- */
.cdf-h1,.cdf-h2,.cdf-h3{font-family:var(--f-titre);font-stretch:87.5%;font-weight:700;letter-spacing:-.02em;color:var(--bitume)}
.cdf-h1{font-size:clamp(32px,3.6vw,52px);line-height:1.02;text-wrap:balance}
.cdf-h2{font-size:clamp(28px,2.8vw,40px);line-height:1.05;display:flex;align-items:center;gap:12px;text-wrap:balance}
.cdf-h3{font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.cdf-intro{font-size:21px;line-height:1.5;max-width:60ch;margin-top:14px;color:var(--bitume)}
@media (max-width:760px){.cdf-intro{font-size:18px}}
.cdf-note{font-size:15.5px;color:var(--lichen);margin-top:10px}
.cdf-lien{font-weight:650}
.cdf-maj{font-size:14.5px;color:var(--lichen);margin-top:20px}
.cdf-aide{font-weight:400;font-size:15px;color:var(--lichen)}

/* ---------- boutons, champs ---------- */
.cdf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:var(--r-pilule);border:2px solid var(--bleu);background:transparent;color:var(--bleu);font:700 17px/1.1 var(--f-titre);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s;white-space:nowrap}
.cdf-btn:hover{background:var(--bleu-pale);text-decoration:none}
.cdf-btn:active{transform:translateY(1px)}
.cdf-btn--soleil{background:var(--soleil);border-color:var(--soleil);color:var(--bitume)}
.cdf-btn--soleil:hover{background:var(--soleil-fonce);border-color:var(--soleil-fonce)}
.cdf-btn--petit{min-height:44px;padding:0 18px;font-size:15.5px}
.cdf-btn--grand{min-height:56px;padding:0 28px;font-size:18px}
.cdf-champ,.cdf-formulaire textarea,.cdf-formulaire input[type=text],.cdf-formulaire select{width:100%;min-height:48px;padding:10px 14px;background:var(--toile);color:var(--bitume);border:1.5px solid var(--filet-fort);border-radius:12px;font:400 17px/1.4 var(--f-texte)}
.cdf-champ:focus,.cdf-formulaire textarea:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 3px var(--bleu-pale)}
.cdf-champ::placeholder{color:var(--lichen);opacity:1}
.cdf-champ--court{max-width:300px}
textarea.cdf-champ,.cdf-formulaire textarea{min-height:170px;resize:vertical;line-height:1.55}
.cdf-form label,.cdf-formulaire label{display:block;font:600 16px/1.3 var(--f-titre);margin-bottom:6px}
.cdf-form p,.cdf-formulaire p{margin-bottom:16px}
.cdf-coche{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px}
.cdf-coche input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:26px;height:26px;margin:2px 0 0;border:1.5px solid var(--filet-fort);border-radius:7px;background:var(--toile);cursor:pointer}
.cdf-coche input[type=checkbox]::after{content:"";width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg);opacity:0}
.cdf-coche input[type=checkbox]:checked{background:var(--bleu);border-color:var(--bleu)}
.cdf-coche input[type=checkbox]:checked::after{opacity:1}
.cdf-form .cdf-coche label,.cdf-formulaire .cdf-coche label,.cdf-coche label{display:block;font:400 16.5px/1.45 var(--f-texte);margin:0;cursor:pointer}
.cdf-coche--err input[type=checkbox]{border-color:var(--non)}
.cdf-coche--err label{color:var(--non)}
.cdf-radio,.cdf-form label.cdf-radio{display:flex;gap:12px;align-items:center;margin:0 0 8px;font:400 16.5px/1.4 var(--f-texte);min-height:44px}
.cdf-radio input[type=radio]{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-items:center;width:24px;height:24px;margin:0;border:1.5px solid var(--filet-fort);border-radius:50%;background:var(--toile);cursor:pointer}
.cdf-radio input[type=radio]::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--bleu);transform:scale(0);transition:transform .12s}
.cdf-radio input[type=radio]:checked{border-color:var(--bleu)}
.cdf-radio input[type=radio]:checked::after{transform:scale(1)}
.cdf-erreur{background:#FBE9E7;color:var(--non);border:1.5px solid var(--non);border-radius:12px;padding:10px 14px;font:600 15.5px/1.4 var(--f-titre);margin:0 0 14px}
.cdf-avis-inline{background:var(--bleu-pale);color:var(--bitume);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.cdf-champ-mdp{display:flex;gap:8px;align-items:center}
.cdf-lien-act{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;background:none;border:0;border-radius:var(--r-pilule);color:var(--bleu);font:600 15px/1 var(--f-titre);cursor:pointer;text-decoration:none}
.cdf-lien-act:hover{background:var(--bleu-pale)}
.cdf-form__act,.cdf-formulaire__act{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px}
.cdf-ligne-champs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:760px){.cdf-ligne-champs{grid-template-columns:1fr}}
.cdf-details-form{margin:0 0 16px;border:1px solid var(--filet);border-radius:12px;padding:0 14px}
.cdf-details-form summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font:600 16px/1.3 var(--f-titre);color:var(--bleu)}
.cdf-details-form[open]{padding-bottom:6px}
.cdf-choix-motif{border:0;margin:0 0 12px;padding:0}
.cdf-choix-motif legend{margin-bottom:10px}

/* ---------- cartes ---------- */
.cdf-case{position:relative;background:var(--toile);color:var(--bitume);border:1px solid var(--filet);border-radius:var(--r-carte);box-shadow:var(--o-posee);padding:24px}
@media (max-width:760px){.cdf-case{padding:18px}}

/* ---------- LA PLAQUE D'EMPLACEMENT ---------- */
.cdf-plaque{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bleu);color:#fff;border-radius:var(--r-plaque);padding:16px 22px 14px;box-shadow:var(--o-posee);max-width:100%}
.cdf-plaque::before{content:"";position:absolute;inset:4px;border:1.5px solid rgba(255,255,255,.92);border-radius:7px;pointer-events:none}
.cdf-plaque__vis{position:absolute;top:9px;left:9px;width:6px;height:6px;border-radius:50%;background:var(--aube);box-shadow:inset -1px -1px 0 rgba(28,35,33,.25)}
.cdf-plaque__vis::after{content:"";position:absolute;left:1px;top:2.5px;width:4px;height:1px;background:rgba(28,35,33,.45)}
.cdf-plaque__vis--d{left:auto;right:9px}
.cdf-plaque__num{font:700 13px/1 var(--f-titre);font-stretch:112.5%;letter-spacing:.02em;font-variant-numeric:tabular-nums;padding-inline:6px;opacity:.95}
.cdf-plaque__nom{font:700 20px/1.1 var(--f-titre);font-stretch:112.5%;letter-spacing:-.005em;color:#fff;margin:0;overflow-wrap:anywhere}
.cdf-plaque__nom a{color:#fff;text-decoration:none}
.cdf-plaque__nom a:hover{text-decoration:underline}
.cdf-plaque .cdf-statut{margin-top:6px}
.cdf-plaque--s{padding:12px 16px 10px;gap:2px;width:100%}
.cdf-plaque--s::before{inset:3px}
.cdf-plaque--s .cdf-plaque__vis{top:7px;left:7px;width:5px;height:5px}
.cdf-plaque--s .cdf-plaque__vis--d{left:auto;right:7px}
.cdf-plaque--s .cdf-plaque__num{font-size:11.5px;padding-inline:5px}
.cdf-plaque--s .cdf-plaque__nom{font-size:17px}
.cdf-plaque--s .cdf-statut{font-size:13px;min-height:26px;padding:0 10px;margin-top:4px}
.cdf-plaque--m .cdf-plaque__nom{font-size:23px}
.cdf-plaque--xl{padding:24px 32px 22px;gap:6px;transform:rotate(-2deg)}
.cdf-plaque--xl .cdf-plaque__vis{top:12px;left:12px;width:7px;height:7px}
.cdf-plaque--xl .cdf-plaque__vis--d{left:auto;right:12px}
.cdf-plaque--xl .cdf-plaque__num{font-size:16px;padding-inline:8px}
.cdf-plaque--xl .cdf-plaque__nom{font-size:44px;line-height:1}
@media (min-width:1700px){.cdf-plaque--xl .cdf-plaque__nom{font-size:56px}}
@media (max-width:760px){.cdf-plaque--xl{padding:18px 22px 16px}.cdf-plaque--xl .cdf-plaque__nom{font-size:30px}.cdf-plaque--xl .cdf-plaque__num{font-size:13px}}
.cdf-statut{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:var(--r-pilule);font:600 14.5px/1 var(--f-titre);color:#fff;white-space:nowrap;gap:6px}
.cdf-statut--ok{background:var(--ok)}
.cdf-statut--tolere{background:var(--tolere)}
.cdf-statut--non{background:var(--non)}
.cdf-statut--neutre{background:var(--bleu-pale);color:var(--bleu)}
.cdf-plaque .cdf-statut--neutre{background:#fff;color:var(--bleu)}

/* ---------- ligne de crête ---------- */
.cdf-crete{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;color:var(--aube);pointer-events:none;z-index:1}
@media (max-width:760px){.cdf-crete{height:34px}}

/* ---------- bandeau « guide » + en-tête ---------- */
.cdf-guide-bandeau{background:var(--bleu-pale);color:var(--bleu);font:600 14px/1 var(--f-titre);min-height:40px}
.cdf-guide-bandeau .cdf-wrap{display:flex;justify-content:flex-end;align-items:center;min-height:40px}
.cdf-guide-bandeau a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-block:-2px;color:var(--bleu);text-decoration:none}
.cdf-guide-bandeau a:hover{text-decoration:underline}
.cdf-tete{position:sticky;top:0;z-index:50;min-height:var(--entete);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(28,35,33,.08)}
.cdf-tete__in{display:flex;align-items:center;gap:20px;min-height:var(--entete)}
.cdf-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--bitume);flex:none}
.cdf-symbole{display:block;width:40px;height:40px}
.cdf-logo__txt{display:flex;flex-direction:column;gap:3px}
.cdf-logo__mot{font:700 20px/1 var(--f-titre);font-stretch:112.5%;letter-spacing:-.01em}
.cdf-logo__sous{font:600 12.5px/1 var(--f-titre);color:var(--lichen);letter-spacing:.02em}
.cdf-nav{display:flex;align-items:center;gap:8px;margin-left:8px;flex:1;min-width:0}
.cdf-nav ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}
.cdf-nav ul a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-pilule);font:600 16.5px/1 var(--f-titre);color:var(--bitume);text-decoration:none;white-space:nowrap}
.cdf-nav ul a:hover,.cdf-nav ul a[aria-current]{background:var(--bleu-pale);color:var(--bleu)}
.cdf-rech{margin-left:auto;display:flex;align-items:center;background:var(--toile);border:1.5px solid var(--filet-fort);border-radius:var(--r-pilule);width:min(250px,100%);min-width:0}
.cdf-rech input{flex:1;min-width:0;height:42px;padding:0 6px 0 16px;border:0;background:transparent;font:400 16px/1 var(--f-texte)}
.cdf-rech input::placeholder{color:var(--lichen);opacity:1}
.cdf-rech input:focus{outline:none}
.cdf-rech:focus-within{border-color:var(--bleu);box-shadow:0 0 0 3px var(--bleu-pale)}
.cdf-rech button{display:grid;place-items:center;width:44px;height:42px;border:0;background:none;color:var(--bleu);cursor:pointer}
.cdf-compte{display:flex;align-items:center;gap:10px;flex:none}
.cdf-compte__lien,.cdf-compte__sortie{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--bitume);font:600 16px/1 var(--f-titre);text-decoration:none;white-space:nowrap}
.cdf-compte__lien:hover,.cdf-compte__sortie:hover{color:var(--bleu)}
.cdf-compte__moi{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--bitume);font:600 16px/1 var(--f-titre);text-decoration:none;max-width:170px}
.cdf-compte__moi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdf-compte__sortie{font-size:14.5px;font-weight:500;color:var(--lichen)}
.cdf-nav-bouton{display:none;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 14px;border:1.5px solid var(--filet-fort);border-radius:var(--r-pilule);background:var(--toile);font:600 16px/1 var(--f-titre);cursor:pointer}
.cdf-nav-guide{display:none}
@media (max-width:1180px){.cdf-nav ul a{padding:0 10px;font-size:16px}.cdf-rech{width:min(190px,100%)}.cdf-logo__mot{font-size:18px}}
@media (max-width:1020px){
  .cdf-nav-bouton{display:inline-flex}
  .cdf-nav{position:fixed;inset:calc(var(--entete)) 0 auto 0;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:16px var(--gout) 24px;background:var(--toile);border-bottom:1px solid var(--filet);box-shadow:var(--o-posee);max-height:calc(100vh - var(--entete));overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
  .cdf-nav.est-ouvert{transform:none;opacity:1;visibility:visible;transition:opacity .2s,transform .2s}
  .cdf-nav ul{flex-direction:column;align-items:stretch}
  .cdf-nav ul a{min-height:48px;font-size:18px;border-radius:12px}
  .cdf-rech{width:100%;margin:0}
  .cdf-compte{flex-wrap:wrap}
  .cdf-nav-guide{display:block}
  .cdf-nav-guide a{display:inline-flex;align-items:center;min-height:48px;font:600 16px/1 var(--f-titre)}
}
@media (max-width:420px){.cdf-logo__mot{font-size:16px}.cdf-symbole{width:34px;height:34px}.cdf-nav-bouton span{display:none}.cdf-guide-bandeau .cdf-wrap{justify-content:center}}
@media (prefers-reduced-motion:reduce){.cdf-nav{transition:none}}

/* ---------- avatars ---------- */
.cdf-av{display:inline-block;border-radius:50%;background:var(--filet);flex:none;object-fit:cover}
.cdf-av--grand{width:120px;height:120px}
.cdf-pile{display:inline-flex;align-items:center}
.cdf-pile .cdf-av{margin-left:-9px;box-shadow:0 0 0 2px var(--toile)}
.cdf-pile .cdf-av:first-child{margin-left:0}
.cdf-pile__txt{margin-left:10px;font-size:14.5px;color:var(--lichen)}

/* ---------- accueil : héros ---------- */
.cdf-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bleu-pale) 0%,var(--aube) 100%);padding:56px 0 150px;min-height:640px}
.cdf-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.cdf-hero--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(250,245,241,.94) 0%,rgba(250,245,241,.86) 32%,rgba(250,245,241,0) 62%)}
.cdf-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.cdf-hero__h1{font:700 clamp(38px,4.6vw,64px)/.98 var(--f-titre);font-stretch:87.5%;letter-spacing:-.02em;color:var(--bitume);text-wrap:balance}
@media (min-width:1700px){.cdf-hero__h1{font-size:80px}}
.cdf-hero__h1 .cdf-ton{display:block;color:var(--bleu)}
.cdf-hero__sous{font-size:20px;line-height:1.5;max-width:34em;margin-top:20px}
.cdf-hero__preuves{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:24px;font:600 16.5px/1.2 var(--f-titre)}
.cdf-hero__preuves b{font-weight:700;font-variant-numeric:tabular-nums;color:var(--bleu)}
.cdf-hero__carte{background:var(--toile);border-radius:var(--r-carte-devis);box-shadow:var(--o-flottante);padding:28px;width:100%;max-width:440px;justify-self:end}
.cdf-hero__carte .cdf-h2{font-size:26px;margin-bottom:6px}
.cdf-hero__carte p{font-size:16px;color:var(--lichen);margin-bottom:14px}
.cdf-chercher__champ{width:100%;min-height:54px;padding:0 18px;background:var(--toile);border:1.5px solid var(--filet-fort);border-radius:var(--r-pilule);font:400 18px/1 var(--f-texte);color:var(--bitume)}
.cdf-chercher__champ::placeholder{color:var(--lichen);opacity:1}
.cdf-chercher__champ:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 3px var(--bleu-pale)}
.cdf-chercher__ligne{display:flex;flex-direction:column;gap:12px}
.cdf-chercher__ligne .cdf-btn{width:100%}
.cdf-chercher__ouvrir{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font:600 16px/1 var(--f-titre)}
.cdf-hero__plaque{position:absolute;left:max(var(--gout),calc((100% - var(--conteneur)) / 2));bottom:34px;z-index:3;transform:rotate(-2deg)}
.cdf-hero__plaque .cdf-plaque{box-shadow:var(--o-posee)}
@media (max-width:1020px){
  .cdf-hero{padding:36px 0 110px;min-height:0}
  .cdf-hero__in{grid-template-columns:1fr;gap:28px}
  .cdf-hero__carte{justify-self:stretch;max-width:none}
  .cdf-hero--photo::before{background:linear-gradient(180deg,rgba(250,245,241,.94) 0%,rgba(250,245,241,.8) 55%,rgba(250,245,241,.3) 100%)}
}
@media (max-width:760px){
  .cdf-hero__sous{font-size:18px;margin-top:14px}
  .cdf-hero__plaque{position:static;display:block;margin:24px var(--gout) 0;transform:none}
  .cdf-hero{padding-bottom:80px}
  .cdf-hero__plaque{position:relative;z-index:3;margin-top:28px}
}

/* ---------- bandes de l'accueil ---------- */
.cdf-bande{padding:72px 0;position:relative;background:var(--aube)}
.cdf-bande:nth-of-type(odd){background:var(--toile)}
.cdf-bande.cdf-bande--bleu{background:var(--bleu);color:#fff}
.cdf-bande.cdf-bande--bleu .cdf-h2,.cdf-bande--bleu .cdf-chiffre__n,.cdf-bande--bleu .cdf-chiffre__l{color:#fff}
.cdf-bande.cdf-bande--photo{background:var(--bitume);color:var(--aube);overflow:hidden}
.cdf-bande__tete{margin-bottom:32px}
.cdf-bande__sous{margin-top:12px;font-size:19px;max-width:62ch;color:var(--lichen)}
@media (max-width:760px){.cdf-bande{padding:48px 0}.cdf-bande__tete{margin-bottom:22px}}

/* ---------- cartes de forum : mosaïque asymétrique (2 grandes, 6 moyennes) ---------- */
.cdf-grille-forums{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.cdf-grille-forums>.cdf-carte-forum{grid-column:span 4}
.cdf-grille-forums>.cdf-carte-forum--grande{grid-column:span 6}
.cdf-carte-forum{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);box-shadow:var(--o-posee);transition:transform .18s,box-shadow .18s}
.cdf-carte-forum:hover,.cdf-carte-forum:focus-within{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(28,35,33,.36)}
.cdf-carte-forum .cdf-plaque{width:100%}
.cdf-carte-forum .cdf-plaque__nom a::after{content:"";position:absolute;inset:0;border-radius:var(--r-carte)}
.cdf-carte-forum__corps{display:flex;flex-direction:column;gap:12px;padding:0 6px 6px;flex:1}
.cdf-carte-forum__desc{font-size:16.5px;line-height:1.5;color:var(--bitume);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cdf-carte-forum--grande .cdf-carte-forum__desc{font-size:18px}
.cdf-chiffres-mini{display:flex;border-top:1px solid var(--filet);padding-top:10px;margin-top:auto}
.cdf-chiffres-mini div{flex:1}
.cdf-chiffres-mini dt{font-size:14px;color:var(--lichen)}
.cdf-chiffres-mini dd{font:700 22px/1.1 var(--f-titre);font-variant-numeric:tabular-nums}
.cdf-carte-forum__der{font-size:14.5px;color:var(--lichen);line-height:1.4;position:relative;z-index:2}
.cdf-carte-forum__der a{color:var(--bleu);font-weight:600}
@media (max-width:1020px){.cdf-grille-forums>.cdf-carte-forum,.cdf-grille-forums>.cdf-carte-forum--grande{grid-column:span 6}}
@media (max-width:640px){.cdf-grille-forums{gap:16px}.cdf-grille-forums>.cdf-carte-forum,.cdf-grille-forums>.cdf-carte-forum--grande{grid-column:1 / -1}}

/* ---------- lignes de sujet ---------- */
.cdf-sujets{background:var(--toile);color:var(--bitume);border:1px solid var(--filet);border-radius:var(--r-carte);box-shadow:var(--o-posee);overflow:hidden;margin-bottom:26px}
.cdf-sujet{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto 130px;gap:0 16px;align-items:center;padding:16px 20px;border-top:1px solid var(--filet);transition:background-color .15s}
.cdf-sujet:first-child{border-top:0}
.cdf-sujet:hover,.cdf-sujet:focus-within{background:var(--aube)}
.cdf-sujet__etat{display:grid;place-items:center;color:var(--lichen)}
.cdf-sujet--resolu .cdf-sujet__etat{color:var(--ok)}
.cdf-sujet__titre{font:600 19px/1.3 var(--f-titre);display:block;letter-spacing:-.005em}
.cdf-sujet__titre a{text-decoration:none;color:var(--bitume)}
.cdf-sujet__titre a::after{content:"";position:absolute;inset:0}
.cdf-sujet__titre a:hover{text-decoration:underline;text-decoration-thickness:2px}
.cdf-resolu{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin-left:8px;border-radius:var(--r-pilule);background:var(--ok);color:#fff;font:600 13px/1 var(--f-titre);vertical-align:2px}
.cdf-etat-txt{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font:600 14px/1 var(--f-titre);color:var(--lichen)}
.cdf-sujet__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:15px;color:var(--lichen)}
.cdf-type{display:inline-block;font:600 14px/1 var(--f-titre);color:var(--bleu)}
.cdf-sujet__forum{position:relative;z-index:1;display:inline-flex;gap:6px;align-items:center;min-height:28px;color:var(--bitume);font:600 14px/1 var(--f-titre);text-decoration:none;background:var(--bleu-pale);padding:0 10px;border-radius:var(--r-plaque)}
.cdf-sujet__forum-n{color:var(--bleu);font-variant-numeric:tabular-nums}
.cdf-sujet__forum:hover{text-decoration:underline}
.cdf-sujet__par strong{color:var(--bitume)}
.cdf-niv-txt{color:var(--bleu);font-weight:600}
.cdf-sujet__chiffres{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.cdf-sujet__rep{font-size:15px;color:var(--lichen);white-space:nowrap}
.cdf-sujet__rep b{font:700 21px/1 var(--f-titre);color:var(--bitume);margin-right:3px;font-variant-numeric:tabular-nums}
.cdf-sujet__rep--vide{font-weight:600;color:var(--tolere)}
.cdf-sujet__chiffres .cdf-pile .cdf-av{width:26px;height:26px}
.cdf-sujet__act{font-size:14px;color:var(--lichen);display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.cdf-nouv{font-weight:700;color:var(--tolere)}
.cdf-sujet--reponse{grid-template-columns:32px minmax(0,1fr) auto}
.cdf-sujet__extrait{margin-top:4px;font-size:16px}
.cdf-sujet__extrait mark,.cdf-recherche-page mark{background:var(--soleil);color:var(--bitume);border-radius:3px;padding:0 2px}
.cdf-vide-txt{padding:24px}
@media (max-width:900px){
  .cdf-sujet{grid-template-columns:28px minmax(0,1fr);gap:4px 12px;padding:14px 16px}
  .cdf-sujet__chiffres{grid-column:2;justify-content:flex-start}
  .cdf-sujet__act{grid-column:2;justify-content:flex-start}
  .cdf-sujet--reponse{grid-template-columns:28px minmax(0,1fr)}
}

/* ---------- accueil : en ce moment ---------- */
.cdf-direct__grille{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.cdf-direct__fils{margin-bottom:0}
.cdf-direct__sans{background:var(--aube);border:1px solid var(--filet);border-radius:var(--r-carte);padding:24px}
.cdf-sans{list-style:none;margin:14px 0 0}
.cdf-sans li{padding:14px 0;border-top:1px solid var(--filet)}
.cdf-sans li:first-child{border-top:0;padding-top:4px}
.cdf-sans__t{font:600 17px/1.3 var(--f-titre)}
.cdf-sans__t a{color:var(--bitume);text-decoration:none}
.cdf-sans__t a:hover{text-decoration:underline}
.cdf-sans__m{font-size:14.5px;color:var(--lichen);margin:4px 0 2px}
.cdf-sans__rep{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15.5px/1 var(--f-titre)}
.cdf-direct__tous{margin-top:10px;font:600 16px/1.3 var(--f-titre)}
@media (max-width:1020px){.cdf-direct__grille{grid-template-columns:1fr;gap:28px}}

/* ---------- accueil : chiffres, réponses retenues, niveaux, guides, rejoindre ---------- */
.cdf-chiffres__grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.cdf-chiffre{display:flex;flex-direction:column;gap:6px}
.cdf-chiffre__n{font:700 clamp(40px,4.2vw,56px)/1 var(--f-titre);font-variant-numeric:tabular-nums;color:var(--bleu);letter-spacing:-.02em}
.cdf-chiffre__l{font:600 17px/1.3 var(--f-titre);color:var(--lichen)}
.cdf-grille-sol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cdf-carte-sol{display:flex;flex-direction:column;gap:12px;background:var(--toile);border:1px solid var(--filet);border-left:6px solid var(--ok);border-radius:var(--r-carte);box-shadow:var(--o-posee);padding:22px}
.cdf-carte-sol__forum{display:flex;align-items:center;gap:8px;font:600 14.5px/1.2 var(--f-titre);color:var(--lichen)}
.cdf-carte-sol__q{font-size:21px}
.cdf-carte-sol__q a{color:var(--bitume);text-decoration:none}
.cdf-carte-sol__q a:hover{text-decoration:underline}
.cdf-etiquette-sol{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:28px;padding:0 12px;border-radius:var(--r-pilule);background:var(--ok);color:#fff;font:600 14.5px/1 var(--f-titre)}
.cdf-carte-sol__ex{font-size:16.5px;line-height:1.5}
.cdf-carte-sol__m{font-size:14.5px;color:var(--lichen);margin-top:auto}
@media (max-width:1020px){.cdf-grille-sol{grid-template-columns:1fr}}
.cdf-frise{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:n}
.cdf-frise__etape{background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--o-posee)}
.cdf-bande:nth-of-type(odd) .cdf-frise__etape{background:var(--aube)}
.cdf-frise__ic{color:var(--bleu)}
.cdf-frise__nom{font:700 22px/1.15 var(--f-titre);font-stretch:87.5%}
.cdf-frise__seuil{font:600 15px/1.3 var(--f-titre);color:var(--bleu);font-variant-numeric:tabular-nums}
.cdf-frise__droit{font-size:16px;color:var(--bitume)}
.cdf-frise__lien{margin-top:24px;font:600 17px/1.3 var(--f-titre)}
.cdf-frise--regles{margin:20px 0}
@media (max-width:1020px){.cdf-frise{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cdf-frise{grid-template-columns:1fr;gap:16px}}
.cdf-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cdf-guide-carte{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);box-shadow:var(--o-posee);text-decoration:none;color:var(--bitume);transition:transform .18s}
.cdf-guide-carte:hover{transform:translateY(-3px)}
.cdf-guide-carte b{font:700 21px/1.2 var(--f-titre);color:var(--bleu)}
.cdf-guide-carte span{font-size:16.5px;color:var(--lichen)}
@media (max-width:900px){.cdf-guides{grid-template-columns:1fr}}
.cdf-bande--photo .cdf-bande__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.cdf-bande--photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(28,35,33,.86) 0%,rgba(28,35,33,.55) 60%,rgba(28,35,33,.2) 100%)}
.cdf-rejoindre__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:48px;align-items:center}
.cdf-rejoindre .cdf-h2,.cdf-rejoindre .cdf-rejoindre__p{color:#fff}
.cdf-rejoindre__p{font-size:20px;margin:14px 0 22px;max-width:30em}
.cdf-rejoindre__carte{background:var(--toile);color:var(--bitume);border-radius:var(--r-carte-devis);box-shadow:var(--o-flottante);padding:28px}
.cdf-rejoindre__carte .cdf-h2{color:var(--bitume);font-size:26px}
.cdf-rejoindre__act{display:flex;flex-wrap:wrap;gap:14px}
.cdf-form--court .cdf-form__ligne{display:grid;grid-template-columns:1fr;gap:0}
@media (max-width:1020px){.cdf-rejoindre__in{grid-template-columns:1fr;gap:28px}}

/* ---------- en-tête de pages de texte ---------- */
.cdf-entete-page{background:var(--bleu-pale);padding:36px 0 44px;border-bottom:1px solid var(--filet)}
.cdf-entete-page .cdf-h1{margin-top:16px}
.cdf-entete-page .cdf-intro{color:var(--bitume)}
.cdf-signature{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:15.5px;color:var(--lichen)}
.cdf-signature .cdf-av{width:30px;height:30px}
.cdf-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;font:500 14.5px/1.4 var(--f-titre)}
.cdf-ariane li{display:flex;align-items:center}
.cdf-ariane li+li::before{content:"/";margin:0 8px;color:var(--filet-fort)}
.cdf-ariane a{display:inline-flex;align-items:center;min-height:32px;color:var(--lichen);text-decoration:none}
.cdf-ariane a:hover{color:var(--bleu);text-decoration:underline}
.cdf-ariane [aria-current]{color:var(--bitume)}

/* ---------- pages de texte ---------- */
.cdf-prose{display:grid;grid-template-columns:240px minmax(0,680px);gap:56px;padding-block:56px 80px;align-items:start}
.cdf-prose__corps{min-width:0}
.cdf-prose>.cdf-prose__corps:only-child{grid-column:1 / -1;max-width:720px}
.cdf-prose>p:only-child{grid-column:1 / -1}
.cdf-prose__corps>section+section{margin-top:44px}
.cdf-prose__corps h2{margin-bottom:14px}
.cdf-prose__corps h3{margin:26px 0 8px;font-size:21px}
.cdf-prose__corps p,.cdf-prose__corps ul,.cdf-prose__corps ol{margin-bottom:14px}
.cdf-prose__corps ul,.cdf-prose__corps ol:not([class]){padding-left:1.3em;list-style:revert}
.cdf-prose__corps li+li{margin-top:.4em}
.cdf-sommaire{position:sticky;top:calc(var(--entete) + 24px);background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);padding:18px 20px}
.cdf-sommaire__t{font:700 17px/1 var(--f-titre);margin-bottom:10px}
.cdf-sommaire ol{list-style:none}
.cdf-sommaire a{display:flex;align-items:center;min-height:44px;font:500 16px/1.3 var(--f-titre);color:var(--bitume);text-decoration:none}
.cdf-sommaire a:hover{color:var(--bleu);text-decoration:underline}
@media (max-width:900px){.cdf-prose{grid-template-columns:1fr;gap:24px;padding-block:32px 56px}.cdf-sommaire{position:static}}
.cdf-etapes{list-style:none}
.cdf-etapes li{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.cdf-etapes__n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-plaque);background:var(--bleu);color:#fff;font:700 16px/1 var(--f-titre);font-variant-numeric:tabular-nums}
.cdf-apropos-forums{list-style:none;margin:16px 0}
.cdf-apropos-forums__l{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--filet)}
.cdf-apropos-forums .cdf-statut{flex:none;min-width:58px;justify-content:center}
.cdf-apropos-forums__txt{display:flex;flex-direction:column;gap:2px}
.cdf-apropos-forums__txt a{font:700 18px/1.3 var(--f-titre)}
.cdf-apropos-forums__txt span{font-size:16px;color:var(--lichen)}

/* ---------- pages d'un forum ---------- */
.cdf-forum-tete{background:var(--bleu-pale);padding:28px 0 0;border-bottom:1px solid var(--filet)}
.cdf-forum-tete__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding:20px 0 36px}
.cdf-forum-tete__plaque{padding:8px 16px 8px 4px}
.cdf-forum-tete__plaque .cdf-plaque{max-width:100%}
.cdf-forum-tete__desc{font-size:20px;line-height:1.5;max-width:34em}
.cdf-forum-tete__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.cdf-forum-chiffres{display:flex;flex-wrap:wrap;gap:8px 40px;padding:16px 0;border-top:1px solid rgba(28,35,33,.1)}
.cdf-forum-chiffres div{display:flex;align-items:baseline;gap:8px}
.cdf-forum-chiffres dd{font:700 24px/1 var(--f-titre);font-variant-numeric:tabular-nums;order:-1}
.cdf-forum-chiffres dt{font:500 15.5px/1.2 var(--f-titre);color:var(--lichen)}
@media (max-width:900px){.cdf-forum-tete__in{grid-template-columns:1fr;gap:20px;padding-bottom:24px}}
.cdf-corps{padding-block:40px 72px}
.cdf-page-tete{background:var(--bleu-pale);padding:28px 0 36px;border-bottom:1px solid var(--filet)}
.cdf-page-tete .cdf-h1{margin-top:14px}
.cdf-forum__grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.cdf-forum__cote{position:sticky;top:calc(var(--entete) + 24px)}
@media (max-width:1020px){.cdf-forum__grille{grid-template-columns:1fr}.cdf-forum__cote{position:static}}
.cdf-filtres{margin-bottom:22px}
.cdf-filtres ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cdf-filtres a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pilule);background:var(--toile);border:1.5px solid var(--filet-fort);font:600 16px/1 var(--f-titre);color:var(--bitume);text-decoration:none}
.cdf-filtres a:hover{border-color:var(--bleu);color:var(--bleu)}
.cdf-filtres a.is-actif{background:var(--bleu-pale);border-color:var(--bleu);color:var(--bleu)}
.cdf-cote__bloc{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--filet)}
.cdf-cote__bloc:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.cdf-cote__t{display:flex;align-items:center;gap:8px;font:700 18px/1.2 var(--f-titre);margin-bottom:10px;color:var(--bitume)}
.cdf-cote__q{font:600 17px/1.3 var(--f-titre)}
.cdf-cote__q a{color:var(--bitume)}
.cdf-cote__ex{font-size:16px;color:var(--lichen);margin:6px 0}
.cdf-cote__m,.cdf-cote__txt{font-size:15.5px;color:var(--lichen)}
.cdf-cote__act{margin-top:10px}
.cdf-cote__chercher{display:flex;align-items:center;border:1.5px solid var(--filet-fort);border-radius:var(--r-pilule);margin-bottom:20px}
.cdf-cote__chercher input{flex:1;min-width:0;height:44px;padding:0 6px 0 16px;border:0;background:transparent;font:400 16px/1 var(--f-texte)}
.cdf-cote__chercher input:focus{outline:none}
.cdf-cote__chercher button{width:44px;height:44px;border:0;background:none;color:var(--bleu);display:grid;place-items:center;cursor:pointer}
.cdf-voisins{list-style:none}
.cdf-voisins li{border-top:1px solid var(--filet)}
.cdf-voisins li:first-child{border-top:0}
.cdf-voisins a{display:flex;align-items:center;min-height:44px;padding:6px 0;font:500 16px/1.3 var(--f-titre);color:var(--bitume);text-decoration:none}
.cdf-voisins a:hover{color:var(--bleu);text-decoration:underline}
.cdf-regles-mini{list-style:none}
.cdf-regles-mini li{position:relative;padding:3px 0 3px 22px;font-size:16px}
.cdf-regles-mini li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:2px;background:var(--bleu)}
.cdf-regles-mini--bas{margin-top:18px}

/* ---------- pagination ---------- */
.cdf-pagination{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;margin:0 0 18px}
.cdf-pagination__n{font:500 15.5px/1.3 var(--f-titre);color:var(--lichen)}
.cdf-pagination__liens .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;margin:0 4px 4px 0;border:1.5px solid var(--filet-fort);border-radius:var(--r-pilule);background:var(--toile);color:var(--bitume);font:600 16px/1 var(--f-titre);text-decoration:none}
.cdf-pagination__liens .page-numbers.current{background:var(--bleu);border-color:var(--bleu);color:#fff}
.cdf-pagination__liens a.page-numbers:hover{border-color:var(--bleu);color:var(--bleu)}

/* ---------- un fil ---------- */
.cdf-progression{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;pointer-events:none}
.cdf-progression i{display:block;height:100%;width:0;background:var(--bleu)}
.cdf-fil__ariane{padding-top:20px}
.cdf-fil-tete{background:var(--bleu-pale);border-radius:var(--r-carte-devis);padding:28px 32px;margin:14px 0 32px}
.cdf-entete__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:15px;color:var(--lichen)}
.cdf-entete__titre{margin:14px 0 18px;font-size:clamp(30px,3.3vw,46px)}
.cdf-fil-tete__bas{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.cdf-entete__etat{display:flex;flex-wrap:wrap;gap:6px 22px;font:600 16px/1.3 var(--f-titre)}
.cdf-entete__etat span{display:inline-flex;align-items:center;gap:6px}
.cdf-fil__grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;padding-bottom:72px}
.cdf-fil__cote{position:sticky;top:calc(var(--entete) + 24px)}
@media (max-width:1020px){.cdf-fil__grille{grid-template-columns:1fr}.cdf-fil__cote{position:static}.cdf-fil-tete{padding:22px 20px}}
.cdf-messages{display:flex;flex-direction:column;gap:18px}
.cdf-msg{background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);box-shadow:var(--o-posee);padding:22px 24px;margin-bottom:18px;scroll-margin-top:calc(var(--entete) + 16px)}
.cdf-messages .cdf-msg{margin-bottom:0}
.cdf-msg--ouverture{border-color:var(--bleu);border-width:1.5px}
.cdf-msg--sol{border-left:6px solid var(--ok)}
.cdf-msg--lu{outline:2px solid var(--bleu-pale)}
.cdf-msg__bandeau{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 12px;margin-bottom:12px;border-radius:var(--r-pilule);background:var(--ok);color:#fff;font:600 14.5px/1 var(--f-titre)}
.cdf-msg__tete{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-bottom:12px}
.cdf-msg__lien{display:inline-flex;align-items:center;gap:12px;color:var(--bitume);text-decoration:none}
.cdf-msg__ident{display:flex;flex-direction:column;gap:2px}
.cdf-msg__nom{font:700 18px/1.2 var(--f-titre)}
.cdf-msg__niv{display:inline-flex;align-items:center;gap:6px;font:500 14px/1.2 var(--f-titre);color:var(--bleu)}
.cdf-msg__rang{display:flex;align-items:center;gap:14px;font-size:14.5px;color:var(--lichen)}
.cdf-msg__num{display:inline-flex;align-items:center;min-height:44px;color:var(--lichen);font-variant-numeric:tabular-nums}
.cdf-contenu{font-size:18px;line-height:1.65;overflow-wrap:anywhere;padding:4px 0 6px}
.cdf-contenu>*{max-width:70ch}
.cdf-contenu p{margin:0 0 12px}
.cdf-contenu a{font-weight:600}
.cdf-contenu img{border-radius:12px;margin:6px 0}
.cdf-contenu blockquote{margin:6px 0 14px;padding:10px 16px;background:var(--aube);border-left:5px solid var(--bleu);border-radius:0 12px 12px 0;font-style:italic;color:var(--bitume)}
.cdf-contenu blockquote p:last-child{margin-bottom:0}
.cdf-contenu ul,.cdf-contenu ol{margin:0 0 12px 22px}
.cdf-contenu ul{list-style:disc}
.cdf-contenu code,.cdf-contenu pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;background:var(--aube);border-radius:6px;padding:1px 6px}
.cdf-contenu pre{padding:10px 14px;overflow-x:auto}
.cdf-msg__pied{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--filet)}
.cdf-msg__actions{display:flex;flex-wrap:wrap;gap:0 4px}
.cdf-reac{display:flex;flex-wrap:wrap;gap:8px}
.cdf-reac__f{margin:0}
.cdf-reac__b{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pilule);border:1.5px solid var(--filet-fort);background:var(--toile);color:var(--bitume);font:600 15.5px/1 var(--f-titre);cursor:pointer;text-decoration:none}
.cdf-reac__b:hover{border-color:var(--bleu);color:var(--bleu)}
.cdf-reac__b.is-actif{background:var(--bleu-pale);border-color:var(--bleu);color:var(--bleu)}
.cdf-reac__b--lecture{cursor:default}
.cdf-reac__n{font-variant-numeric:tabular-nums}
.cdf-admin{font-size:14px;width:100%}
.cdf-admin a{color:var(--lichen);margin-right:12px}
.cdf-admin a:hover{color:var(--non)}
.cdf-encadre{border-radius:var(--r-carte);margin-bottom:18px}
.cdf-carte-fil{background:var(--bleu-pale);padding:16px 22px}
.cdf-carte-fil__l{display:flex;flex-wrap:wrap;gap:10px 36px}
.cdf-carte-fil__l dt{font-size:14px;color:var(--lichen)}
.cdf-carte-fil__l dd{font:700 18px/1.2 var(--f-titre)}
.cdf-source{display:flex;gap:14px;align-items:center;background:var(--toile);border:1px solid var(--filet);padding:14px 20px;color:var(--bleu)}
.cdf-source p{margin:0;color:var(--bitume)}
.cdf-solution{background:var(--toile);border:1px solid var(--ok);border-left-width:6px;box-shadow:var(--o-posee);padding:20px 24px}
.cdf-etiquette-retenue{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;font:600 15px/1.3 var(--f-titre);color:var(--lichen)}
.cdf-etiquette-retenue strong{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 14px;border-radius:var(--r-pilule);background:var(--ok);color:#fff}
.cdf-solution__voir{margin-top:8px;font:600 16px/1.3 var(--f-titre)}
.cdf-finfil{display:flex;gap:20px;background:var(--toile);border:1px solid var(--filet);padding:22px 24px}
.cdf-finfil__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}
.cdf-finfil .cdf-h3{margin-top:14px}
.cdf-repere{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:18px 0;padding:12px 16px;background:var(--bleu-pale);border-radius:var(--r-carte);font:600 16px/1.3 var(--f-titre);color:var(--bleu)}
.cdf-jalon{display:flex;align-items:center;gap:14px;margin:6px 0;font:500 14.5px/1 var(--f-titre);color:var(--lichen)}
.cdf-jalon::before,.cdf-jalon::after{content:"";flex:1;height:1px;background:var(--filet-fort)}
.cdf-lecture__nouv{font:600 16px/1.3 var(--f-titre);margin-bottom:10px;color:var(--tolere)}
.cdf-formulaire{margin-top:26px}
.cdf-formulaire .cdf-h2{margin-bottom:16px;font-size:30px}
.cdf-invite{display:flex;gap:18px;align-items:center;background:var(--toile);border:1px solid var(--filet);border-radius:var(--r-carte);padding:22px 24px;color:var(--bleu)}
.cdf-invite p{color:var(--bitume);margin-bottom:10px}
.cdf-invite__act{display:flex;flex-wrap:wrap;gap:12px}
.cdf-aide--regle,.cdf-aide--niveau{display:flex;gap:10px;align-items:flex-start;background:var(--bleu-pale);border-radius:12px;padding:10px 14px;color:var(--bitume);margin-bottom:16px;font-size:16px}
.bbp-template-notice{background:var(--bleu-pale);border-left:6px solid var(--bleu);border-radius:12px;padding:8px 16px;margin:0 0 16px}
.bbp-template-notice.error{background:#FBE9E7;border-left-color:var(--non)}
.bbp-template-notice ul{list-style:none;margin:0}
.bbp-template-notice p{margin:4px 0}

/* ---------- vides, recherche ---------- */
.cdf-vide{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--toile);border:1.5px dashed var(--filet-fort);border-radius:var(--r-carte);padding:28px;color:var(--bitume)}
.cdf-vide svg{color:var(--bleu)}
.cdf-vide--recherche{border-style:solid}
.cdf-raccourcis{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cdf-raccourcis a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pilule);background:var(--bleu-pale);color:var(--bleu);font:600 16px/1 var(--f-titre);text-decoration:none}
.cdf-raccourcis a:hover{background:var(--bleu);color:#fff}
.cdf-chercher--simple{margin-top:18px;max-width:760px}
.cdf-chercher--simple .cdf-chercher__ligne{flex-direction:row}
.cdf-chercher--simple .cdf-chercher__ligne .cdf-btn{width:auto}
@media (max-width:600px){.cdf-chercher--simple .cdf-chercher__ligne{flex-direction:column}.cdf-chercher--simple .cdf-chercher__ligne .cdf-btn{width:100%}}

/* ---------- profil ---------- */
.cdf-profil-tete{background:var(--bleu-pale);padding:28px 0 36px;border-bottom:1px solid var(--filet)}
.cdf-identite{display:flex;gap:28px;align-items:center;margin-top:18px}
.cdf-identite__niv{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:10px;font:500 16px/1.3 var(--f-titre);color:var(--lichen)}
.cdf-identite__niv strong{color:var(--bleu)}
@media (max-width:640px){.cdf-identite{flex-direction:column;align-items:flex-start;gap:14px}.cdf-av--grand{width:88px;height:88px}}
.cdf-profil__chiffres{display:flex;flex-wrap:wrap;gap:20px 56px;margin-bottom:32px}
.cdf-profil__bloc{margin-bottom:32px}
.cdf-profil__bloc>.cdf-h2,.cdf-profil__bloc>.cdf-h3{margin-bottom:14px}
.cdf-freq{list-style:none;display:grid;gap:8px}
.cdf-freq li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--toile);border:1px solid var(--filet);border-radius:12px}
.cdf-freq a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 17px/1.2 var(--f-titre);color:var(--bitume);text-decoration:none}
.cdf-freq b{font:500 15px/1 var(--f-titre);color:var(--lichen)}
.cdf-jauge__t{font-size:17px;margin-bottom:10px}
.cdf-jauge__barre{height:12px;background:var(--bleu-pale);border-radius:var(--r-pilule);overflow:hidden}
.cdf-jauge__barre i{display:block;height:100%;background:var(--bleu);border-radius:var(--r-pilule)}
.cdf-jauge__m{font-size:15.5px;color:var(--lichen);margin-top:10px}

/* ---------- pages de compte, contact, signalement, 404 ---------- */
.cdf-compte-page{padding:56px 0 80px}
.cdf-compte-page__in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;align-items:center}
.cdf-compte-page__in--seul{grid-template-columns:minmax(0,600px)}
.cdf-compte-page__photo{align-self:stretch;min-height:320px;border-radius:var(--r-carte-devis);overflow:hidden;position:relative;background:var(--bleu-pale)}
.cdf-compte-page__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cdf-confirmation{box-shadow:var(--o-flottante);border-radius:var(--r-carte-devis);padding:32px}
.cdf-confirmation .cdf-h1{font-size:clamp(30px,3vw,40px);margin-bottom:14px}
.cdf-confirmation .cdf-intro{font-size:18px;margin:0 0 18px}
@media (max-width:900px){.cdf-compte-page{padding:28px 0 56px}.cdf-compte-page__in{grid-template-columns:1fr;gap:24px}.cdf-compte-page__photo{display:none}.cdf-confirmation{padding:22px}}
.cdf-contact__grille,.cdf-signal__grille{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;padding-block:48px 80px}
@media (max-width:1020px){.cdf-contact__grille,.cdf-signal__grille{grid-template-columns:1fr;padding-block:28px 56px}}
.cdf-avis{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:var(--r-carte);background:var(--toile);border:1px solid var(--filet);box-shadow:var(--o-posee)}
.cdf-avis--ok{border-left:6px solid var(--ok)}
.cdf-avis--ok svg{color:var(--ok)}
.cdf-avis p{margin-bottom:8px}
.cdf-citation-signal{margin:0 0 18px}
.cdf-citation-signal__qui{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:8px}
.cdf-erreur-404{display:grid;gap:18px;max-width:760px}
.cdf-404{padding:72px 0 96px}
.cdf-404__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center}
.cdf-404__plaque{justify-self:center;padding:20px}
@media (max-width:900px){.cdf-404{padding:36px 0 64px}.cdf-404__in{grid-template-columns:1fr;gap:28px}.cdf-404__plaque{justify-self:start}}

/* ---------- pied de page ---------- */
.cdf-pied{position:relative;background:var(--bitume);color:rgba(250,245,241,.86);padding:64px 0 0;margin-top:96px}
.cdf-pied .cdf-crete{top:-89px;bottom:auto;color:var(--bitume)}
.cdf-pied a{color:var(--aube);text-decoration:none}
.cdf-pied a:hover{text-decoration:underline}
.cdf-pied__in{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1.3fr;gap:40px;padding-bottom:40px}
.cdf-pied__col{min-width:0}
.cdf-pied .cdf-logo{color:var(--aube)}
.cdf-pied .cdf-logo__sous{color:rgba(250,245,241,.7)}
.cdf-pied__base{margin-top:16px;font-size:16.5px;max-width:30em}
.cdf-pied__guide{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font:600 16px/1 var(--f-titre);color:var(--soleil)!important}
.cdf-pied__t{font:700 17px/1.2 var(--f-titre);color:#fff;margin-bottom:12px}
.cdf-pied__col ul{list-style:none;display:flex;flex-direction:column;gap:2px;font:500 16px/1.3 var(--f-titre)}
.cdf-pied__col--forums ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
.cdf-pied__col li a{display:flex;align-items:center;min-height:36px;padding:2px 0}
.cdf-pied__vide{font-size:15.5px}
.cdf-pied__bas{border-top:1px solid rgba(250,245,241,.14);padding:20px 0 28px;font:500 14.5px/1.5 var(--f-titre);color:rgba(250,245,241,.7)}
.cdf-pied__bas .cdf-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
@media (max-width:1020px){.cdf-pied__in{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cdf-pied{margin-top:64px;padding-top:44px}.cdf-pied__in{grid-template-columns:1fr;gap:28px}.cdf-pied__col--forums ul{grid-template-columns:1fr 1fr}}

/* ---------- barre d'onglets mobile ---------- */
.cdf-onglets{display:none}
@media (max-width:760px){
  .cdf-onglets{display:block;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.97);border-top:1px solid var(--filet);padding-bottom:env(safe-area-inset-bottom)}
  .cdf-onglets ul{list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}
  .cdf-onglets a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:6px 2px;color:var(--lichen);font:600 12px/1.1 var(--f-titre);text-decoration:none}
  .cdf-onglets a:hover,.cdf-onglets .cdf-onglets__agir a{color:var(--bleu)}
}

/* ---------- mouvement : une seule apparition, coupée si l'on préfère moins d'animation ---------- */
@media (prefers-reduced-motion:no-preference){
  .cdf-hero__plaque{animation:cdf-pose .5s ease-out both}
  @keyframes cdf-pose{from{opacity:0;transform:translateY(-12px) rotate(-2deg)}to{opacity:1;transform:rotate(-2deg)}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ---------- photos : une scène par forum, la plaque plantée dedans (jugement visuel du 26/10) ---------- */
/* cartes de forum à photo, plaque en bas à gauche, de travers, débordante */
.cdf-carte-forum{padding:0;gap:16px}
.cdf-carte-forum__tout{position:absolute;inset:0;z-index:1;border-radius:var(--r-carte)}
.cdf-carte-forum__vue{position:relative;margin-bottom:18px}
.cdf-carte-forum__cadre{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-carte) var(--r-carte) 0 0;background:var(--bleu-pale)}
.cdf-carte-forum--grande .cdf-carte-forum__cadre{aspect-ratio:16/10}
.cdf-carte-forum__img{display:block;width:100%;height:100%;object-fit:cover}
.cdf-carte-forum__vue .cdf-plaque{position:absolute;left:14px;bottom:-30px;width:auto;max-width:calc(100% - 28px);transform:rotate(-2deg);z-index:2}
.cdf-carte-forum__vue--vide{margin:16px 16px 0}
.cdf-carte-forum__vue--vide .cdf-plaque{position:relative;left:auto;bottom:auto;width:100%;max-width:none;transform:none}
.cdf-carte-forum__corps{padding:8px 22px 20px}
.cdf-grille-forums{gap:36px 24px}
/* bande photo pleine largeur : en-tête de forum, À propos, Contact */
.cdf-forum-tete{background:var(--aube);padding:0;border-bottom:0}
.cdf-forum-tete__ariane{padding:16px 0 12px}
.cdf-bande-photo{position:relative;height:380px;background:linear-gradient(180deg,var(--bleu-pale) 0%,var(--aube) 100%)}
.cdf-bande-photo--page{height:300px}
.cdf-bande-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cdf-bande-photo__plaque{position:absolute;inset:auto 0 56px 0;margin-inline:auto;z-index:3;pointer-events:none}
.cdf-bande-photo__plaque a{pointer-events:auto}
.cdf-bande-photo .cdf-crete{color:var(--aube)}
.cdf-forum-tete__bas{padding:6px 0 28px}
.cdf-forum-tete__desc{margin-bottom:6px}
.cdf-entete-photo{background:var(--aube)}
.cdf-entete-photo__txt{padding:6px 0 24px}
.cdf-entete-photo__txt .cdf-intro{margin-top:10px}
@media (max-width:760px){
  .cdf-bande-photo{height:240px}
  .cdf-bande-photo--page{height:200px}
  .cdf-bande-photo__plaque{bottom:30px}
}
/* en-tête de sujet : plaque moyenne débordante + vignette du forum */
.cdf-fil-tete--vue{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:center}
.cdf-fil-tete__vue{position:relative;margin-bottom:26px}
.cdf-fil-tete__vue--sans-photo{margin-bottom:0}
.cdf-fil-tete__img{display:block;width:100%;aspect-ratio:4/3;max-height:250px;object-fit:cover;border-radius:var(--r-carte);box-shadow:var(--o-posee)}
.cdf-fil-tete__vue .cdf-plaque{position:absolute;left:-26px;bottom:-26px;max-width:calc(100% + 10px);transform:rotate(-2deg)}
.cdf-fil-tete__vue--sans-photo .cdf-plaque{position:relative;left:auto;bottom:auto;transform:none}
@media (max-width:1020px){
  .cdf-fil-tete--vue{grid-template-columns:1fr;gap:20px}
  .cdf-fil-tete__vue .cdf-plaque{left:12px}
  .cdf-fil-tete__img{max-height:220px}
}
.cdf-solution__ex{font-size:17px;line-height:1.55;margin:2px 0 8px}
/* participants : trois ronds au plus, un tiers de recouvrement, puis « +N » */
.cdf-pile .cdf-av{margin-left:-8px}
.cdf-cote .cdf-pile .cdf-av{margin-left:-11px}
.cdf-pile .cdf-av:first-child{margin-left:0}
.cdf-pile__plus{display:inline-grid;place-items:center;margin-left:-8px;border-radius:50%;background:var(--bleu-pale);color:var(--bleu);font:700 12px/1 var(--f-titre);box-shadow:0 0 0 2px var(--toile);flex:none}
.cdf-cote .cdf-pile__plus{margin-left:-11px;font-size:13px}
/* À propos : les 8 forums en petites plaques */
.cdf-apropos-forums{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px 20px;margin:20px 0}
.cdf-apropos-forums__l{display:flex;flex-direction:column;gap:10px;padding:0;border:0}
.cdf-apropos-grille__desc{font-size:15px;line-height:1.4;color:var(--lichen)}
/* accueil, mobile : titre, puis photo nette sans voile avec sa plaque, puis la carte de recherche */
@media (max-width:760px){
  .cdf-hero{display:flex;flex-direction:column;padding:28px 0 90px}
  .cdf-hero--photo::before{display:none}
  .cdf-hero__in{display:contents}
  .cdf-hero__texte{order:1;width:calc(100% - 2 * var(--gout));margin-inline:auto}
  .cdf-hero__photo{position:static;order:2;width:100%;height:auto;aspect-ratio:4/3;margin-top:20px;object-position:center}
  .cdf-hero__plaque{order:3;position:relative;left:auto;bottom:auto;align-self:flex-start;margin:-34px var(--gout) 0;transform:rotate(-2deg)}
  .cdf-hero__carte{order:4;width:calc(100% - 2 * var(--gout));max-width:none;margin:26px auto 0}
}
@media (max-width:600px){.cdf-entete-photo--contact .cdf-bande-photo{height:28px;min-height:0;overflow:hidden}.cdf-entete-photo--contact .cdf-bande-photo img{height:28px;object-fit:cover}.cdf-entete-photo--contact .cdf-bande-photo .cdf-plaque{display:none}.cdf-entete-photo--contact .cdf-intro,.cdf-entete-photo--contact .cdf-forum-tete__ariane{display:none}.cdf-entete-photo--contact .cdf-h1{margin:10px 0 0;font-size:28px}.cdf-contact textarea.cdf-champ{min-height:60px}.cdf-contact .cdf-case{padding:12px}.cdf-contact .cdf-aide{display:none}.cdf-contact .cdf-form__act{margin-top:0}.cdf-contact .cdf-form__act .cdf-btn{min-height:46px}}
/* Contact sur téléphone : le bouton « Envoyer » reste dans le premier écran utile */
@media (max-width:600px){
.cdf-contact .cdf-formulaire{margin-top:12px}
.cdf-contact .cdf-case{padding:16px}
.cdf-contact .cdf-formulaire label{margin-bottom:3px;font-size:15px}
.cdf-contact .cdf-formulaire p{margin-bottom:9px}
.cdf-contact .cdf-champ,.cdf-contact .cdf-formulaire input[type=text]{min-height:44px;padding:7px 12px}
.cdf-contact textarea.cdf-champ{min-height:84px}
.cdf-contact .cdf-aide{margin-bottom:8px}
.cdf-contact .cdf-contact__grille{padding-top:12px}
}
/* Contact : le formulaire et son bouton tiennent dans le premier écran */
.cdf-contact .cdf-entete-page{padding-block:14px 10px}
.cdf-contact .cdf-entete-page .cdf-intro{display:none}
.cdf-contact .cdf-entete-page .cdf-h1{margin:4px 0 0}
.cdf-contact .cdf-contact__grille{padding-block:16px 48px}
.cdf-contact .cdf-case{padding:18px}
.cdf-contact .cdf-formulaire{margin-top:0}
.cdf-contact .cdf-formulaire p{margin-bottom:10px}
.cdf-contact textarea.cdf-champ{min-height:96px}
.cdf-contact .cdf-aide{display:none}
@media (max-width:600px){.cdf-contact textarea.cdf-champ{min-height:70px}.cdf-contact .cdf-entete-page{padding-block:8px 4px}}