/* =====================================================================
   Portail CHR — feuille unique.
   Parti pris : les chiffres sont le contenu. Tout le reste se tait.
   ===================================================================== */

:root{
  /* Charte issue du logo : ivoire, noir, bordeaux, laiton. */
  --noir:#121110;          /* comptoir, en-tete, pied */
  --noir-2:#2A2621;
  --bordeaux:#6E0410;      /* accent de marque, actions */
  --bordeaux-clair:#8E1220;
  --laiton:#C2B19A;        /* filets chauds, echo du comptoir */
  --encre:#14120F;
  --gris:#5C5952;
  --gris-clair:#8A857B;
  --papier:#FBF9F2;        /* ivoire du logo */
  --blanc:#FFFFFF;
  --ligne:#E9E3D6;
  --ligne-forte:#D3CCBB;
  --r:3px;
  --max:1180px;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--papier);color:var(--encre);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.55;
}
h1,h2,h3{line-height:1.18;margin:0 0 .5em}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.005em}
h3{letter-spacing:-.01em}
h1{font-size:clamp(1.75rem,1.1rem + 2vw,2.6rem)}
h2{font-size:1.32rem}
h3{font-size:1.05rem;font-weight:600}
p{margin:0 0 1em}
a{color:var(--bordeaux);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--bordeaux)}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--bordeaux);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.conteneur{max-width:var(--max);margin:0 auto;padding:0 20px}

/* ------------------------------------------------------------- en-tete */
/* L'en-tete reprend le champ ivoire du logo : le logo s'y pose sans retouche. */
.tete{background:var(--papier);color:var(--encre);position:sticky;top:0;z-index:40;
  border-bottom:1px solid var(--laiton);box-shadow:0 1px 0 rgba(18,17,16,.04)}
.tete-in{display:flex;align-items:center;gap:20px;padding-top:10px;padding-bottom:10px}
.marque{display:block;text-decoration:none;color:inherit;flex:0 0 auto;line-height:0}
.marque-logo{height:40px;width:auto;display:block}
.marque-nom{font-family:var(--serif);font-size:1.16rem;font-weight:600;line-height:1.1}
.marque-sous{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bordeaux)}
.recherche-rapide{display:flex;flex:1 1 auto;max-width:440px;margin-left:auto}
.recherche-rapide input{
  flex:1;border:1px solid var(--ligne-forte);border-right:0;background:var(--blanc);color:var(--encre);
  padding:9px 12px;border-radius:var(--r) 0 0 var(--r);font-size:.92rem;min-width:0;font-family:inherit;
}
.recherche-rapide input::placeholder{color:var(--gris-clair)}
.recherche-rapide button{
  border:0;background:var(--noir);color:#fff;padding:9px 18px;
  border-radius:0 var(--r) var(--r) 0;font-weight:560;cursor:pointer;font-size:.92rem;font-family:inherit;
}
.recherche-rapide button:hover{background:var(--bordeaux)}
.tete-liens{display:flex;align-items:center;gap:16px;font-size:.9rem}
.tete-liens a{color:var(--encre);text-decoration:none}
.tete-liens a:hover{color:var(--bordeaux)}
.bouton-mini{border:1px solid var(--bordeaux);color:var(--bordeaux) !important;padding:7px 14px;border-radius:var(--r);font-weight:560}
.bouton-mini:hover{background:var(--bordeaux);color:#fff !important}

/* ---------------------------------------------------------------- hero */
.hero{background:var(--noir);color:#F2EFE6;padding:46px 0 54px;border-bottom:1px solid var(--laiton)}
.hero-h1{color:#fff;max-width:18ch;margin-bottom:.35em}
.hero-sous{color:#B3ACA0;max-width:60ch;font-size:1.02rem}
.hero-sous strong{color:#fff;font-variant-numeric:tabular-nums}
.hero-recherche{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;background:rgba(255,255,255,.06);padding:10px;border-radius:var(--r)}
.hero-recherche select,.hero-recherche input{
  flex:1 1 190px;padding:11px 12px;border:1px solid #3A342C;border-radius:var(--r);
  background:var(--blanc);color:var(--encre);font-size:.95rem;font-family:inherit;
}
.hero-recherche button{
  flex:0 0 auto;padding:11px 26px;border:0;border-radius:var(--r);background:var(--bordeaux);
  color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;
}
.hero-recherche button:hover{background:var(--bordeaux-clair)}

/* ------------------------------------------------------------- sections */
.bloc{padding:38px 0}
.bloc-h2{font-size:1.15rem;padding-bottom:10px;border-bottom:1px solid var(--ligne-forte);margin-bottom:18px}

.grille-act{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--ligne);
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));border:1px solid var(--ligne)}
.grille-act a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  background:var(--blanc);padding:13px 15px;text-decoration:none;color:var(--encre)}
.grille-act a:hover{background:#fff;color:var(--bordeaux)}
.act-nom{font-weight:520}
.act-n{font-variant-numeric:tabular-nums;color:var(--gris-clair);font-size:.86rem}

/* ------------------------------------------------- la ligne « affaire » */
.liste{border-top:1px solid var(--ligne-forte)}
.affaire{
  background:var(--blanc);border:1px solid var(--ligne);border-top:0;
  padding:16px 18px;display:grid;gap:12px;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;
}
.affaire--offre{background:#FAF6EA}
.affaire-titre{font-size:1.02rem;font-weight:600;margin:0 0 3px}
.affaire-titre a{color:var(--encre);text-decoration:none}
.affaire-titre a:hover{color:var(--bordeaux);text-decoration:underline}
.affaire-lieu{margin:0;font-size:.85rem;color:var(--gris)}
.jeton{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid var(--ligne-forte);
  border-radius:20px;font-size:.72rem;color:var(--gris);background:var(--papier)}
.jeton--offre{border-color:var(--bordeaux);color:var(--bordeaux)}

/* la bande de chiffres : alignee d'une ligne a l'autre, faite pour comparer */
.bande{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-left:1px solid var(--ligne)}
.bande-c{padding:0 12px;border-right:1px solid var(--ligne)}
.bande-c:last-child{border-right:0}
.bande dt{font-size:.7rem;color:var(--gris-clair);margin-bottom:2px;letter-spacing:.01em}
.bande dd{margin:0}
.chiffre{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:560;white-space:nowrap}
.chiffre--fort{color:var(--noir);font-size:1.08rem;font-weight:650}
.vide{color:var(--gris-clair);font-weight:400;font-size:.82rem}

.affaire-pied{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  font-size:.8rem;color:var(--gris-clair);border-top:1px dotted var(--ligne);padding-top:9px}
.ref{font-variant-numeric:tabular-nums}
.fraicheur{color:var(--gris)}
.lien-fleche{margin-left:auto;font-weight:560;color:var(--bordeaux);text-decoration:none}
.lien-fleche:hover{text-decoration:underline}

/* ------------------------------------------------------------ rubrique */
.ariane{padding-top:14px}
.ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.82rem;color:var(--gris)}
.ariane li+li::before{content:"›";margin-right:6px;color:var(--gris-clair)}
.ariane a{color:var(--gris);text-decoration:none}
.ariane a:hover{color:var(--bordeaux);text-decoration:underline}

.rubrique-tete{padding:14px 20px 22px}
.reperes{display:flex;flex-wrap:wrap;gap:0;margin:14px 0 0;border:1px solid var(--ligne);background:var(--blanc)}
.reperes>div{flex:1 1 140px;padding:11px 16px;border-right:1px solid var(--ligne)}
.reperes>div:last-child{border-right:0}
.reperes dt{font-size:.72rem;color:var(--gris-clair)}
.reperes dd{margin:2px 0 0;font-size:1.15rem;font-weight:640;font-variant-numeric:tabular-nums}
.reperes dd span{font-size:.78rem;font-weight:400;color:var(--gris)}

.colonnes{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;padding-bottom:20px}
.filtres{position:sticky;top:74px}
.filtres h2{font-size:.95rem;padding-bottom:8px;border-bottom:1px solid var(--ligne-forte)}
.filtres label{display:block;font-size:.8rem;color:var(--gris);margin-bottom:12px}
.filtres select,.filtres input[type=email]{width:100%;padding:8px 9px;margin-top:3px;border:1px solid var(--ligne-forte);
  border-radius:var(--r);background:var(--blanc);font-family:inherit;font-size:.88rem;color:var(--encre)}
.filtres fieldset{border:0;padding:0;margin:0 0 12px}
.filtres legend{font-size:.8rem;color:var(--gris);padding:0 0 4px}
.case{display:flex !important;align-items:center;gap:8px;color:var(--encre) !important;font-size:.88rem !important}
.case input{width:auto;margin:0}
.filtres-reset{font-size:.8rem;margin:0}
.encart-alerte{margin-top:22px;padding:14px;background:var(--noir);color:#E4DFD3;border-radius:var(--r)}
.encart-alerte h3{color:#fff;font-size:.95rem;margin-bottom:4px}
.encart-alerte p{font-size:.82rem;color:#A8A196}
.encart-alerte input{width:100%;padding:8px;border:1px solid #3A342C;border-radius:var(--r);margin-bottom:6px;font-family:inherit}
.encart-alerte button{width:100%;padding:9px;border:0;border-radius:var(--r);background:var(--bordeaux);color:#fff;font-weight:560;cursor:pointer}

.resultats-barre{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding-bottom:10px;font-size:.9rem}
.resultats-barre p{margin:0}
.resultats-barre strong{font-variant-numeric:tabular-nums}
.tri{font-size:.82rem;color:var(--gris)}
.tri select{margin-left:6px;padding:6px 8px;border:1px solid var(--ligne-forte);border-radius:var(--r);
  background:var(--blanc);font-family:inherit;font-size:.85rem}

.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:26px 0;font-size:.9rem}
.pagination a{padding:8px 16px;border:1px solid var(--ligne-forte);border-radius:var(--r);
  background:var(--blanc);text-decoration:none}
.pagination span{color:var(--gris);font-variant-numeric:tabular-nums}

.vide-bloc{background:var(--blanc);border:1px solid var(--ligne);padding:30px;text-align:center}
.vide-bloc h2{font-size:1.1rem}

.maillage{margin-top:34px}
.maillage h2{font-size:1rem;padding-bottom:8px;border-bottom:1px solid var(--ligne-forte)}
.nuage{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:14px 0 0}
.nuage a{display:inline-block;padding:5px 11px;background:var(--blanc);border:1px solid var(--ligne);
  border-radius:20px;font-size:.84rem;text-decoration:none;color:var(--encre)}
.nuage a:hover{border-color:var(--bordeaux);color:var(--bordeaux)}
.nuage span{color:var(--gris-clair);font-variant-numeric:tabular-nums;font-size:.78rem}

/* ---------------------------------------------------------- bande CTA */
.bande-formation{background:var(--noir);color:#E4DFD3;margin-top:30px}
.bande-formation-in{display:flex;align-items:center;gap:28px;padding-top:26px;padding-bottom:26px}
.bande-formation h2{color:#fff;font-size:1.12rem}
.bande-formation p{margin:0;font-size:.92rem;color:#A8A196;max-width:70ch}
.bouton{display:inline-block;padding:12px 24px;background:var(--bordeaux);color:#fff;
  border:0;border-radius:var(--r);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.bouton:hover{background:var(--bordeaux-clair);color:#fff}
.bouton--sombre{background:var(--noir)}
.bouton--sombre:hover{background:var(--bordeaux)}
.bouton--large{display:block;text-align:center;width:100%}

.bloc--cedant{padding-bottom:46px}
.cedant{background:var(--blanc);border:1px solid var(--ligne);border-left:3px solid var(--bordeaux);padding:26px}
.cedant p{max-width:72ch;color:var(--gris)}

/* ------------------------------------------------------------- fiche */
.fiche{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start;
  padding-top:10px;padding-bottom:44px}
.fiche-tete{padding-bottom:14px;border-bottom:1px solid var(--ligne-forte)}
.fiche-sur{font-size:.85rem;color:var(--gris);margin-bottom:6px}
.fiche-meta{font-size:.8rem;color:var(--gris-clair);margin:6px 0 0;font-variant-numeric:tabular-nums}

.chiffres-cles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ligne);
  border:1px solid var(--ligne);margin:20px 0 24px}
.chiffres-cles>div{background:var(--blanc);padding:13px 16px}
.chiffres-cles dt{font-size:.72rem;color:var(--gris-clair)}
.chiffres-cles dd{margin:3px 0 0;font-size:1.12rem;font-weight:620;font-variant-numeric:tabular-nums}
.chiffres-cles .fort{color:var(--noir);font-size:1.35rem;font-weight:680}
.chiffres-cles .petit{font-size:.95rem;font-weight:520}

.lecture{background:#FAF6EA;border-left:3px solid var(--bordeaux);padding:13px 16px;font-size:.92rem}
.fiche-bloc{margin-top:30px}
.fiche-bloc h2{font-size:1.05rem;padding-bottom:8px;border-bottom:1px solid var(--ligne-forte)}
.texte{max-width:72ch;white-space:normal}
.equipements{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0}
.equipements li{padding:5px 12px;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r);font-size:.86rem}
.note{font-size:.88rem;color:var(--gris);max-width:72ch}
.comparables{list-style:none;padding:0;margin:12px 0 0}
.comparables li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px dotted var(--ligne)}
.comparables a{flex:1;text-decoration:none;color:var(--encre)}
.comparables a:hover{color:var(--bordeaux);text-decoration:underline}
.comparables span{font-size:.82rem;color:var(--gris-clair)}
.comparables strong{font-variant-numeric:tabular-nums;color:var(--noir)}

.fiche-cote{position:sticky;top:80px;display:grid;gap:16px}
.carte-contact{background:var(--blanc);border:1px solid var(--ligne-forte);border-top:3px solid var(--noir);padding:18px}
.carte-prix{font-size:1.6rem;font-weight:700;color:var(--noir);font-variant-numeric:tabular-nums;margin:0 0 4px}
.carte-diffuseur{font-size:.82rem;color:var(--gris);margin-bottom:14px}
.carte-contact label{display:block;font-size:.8rem;color:var(--gris);margin-bottom:10px}
.carte-contact input,.carte-contact select,.carte-contact textarea{
  width:100%;padding:9px 10px;margin-top:3px;border:1px solid var(--ligne-forte);border-radius:var(--r);
  font-family:inherit;font-size:.9rem;background:#fff;color:var(--encre)}
.carte-contact textarea{resize:vertical}
.carte-contact button{width:100%;padding:12px;border:0;border-radius:var(--r);background:var(--bordeaux);
  color:#fff;font-weight:620;font-size:.98rem;cursor:pointer}
.carte-contact button:hover{background:var(--bordeaux-clair)}
.case--offre{background:var(--papier);border:1px solid var(--ligne);padding:9px;border-radius:var(--r);
  font-size:.84rem !important;margin-bottom:12px !important;align-items:flex-start}
.mini{font-size:.75rem;color:var(--gris-clair);margin:9px 0 0}
.erreur{background:#F8EDEA;border-left:3px solid var(--bordeaux);padding:9px 12px;font-size:.86rem}
.pot-de-miel{position:absolute;left:-9999px}

.carte-formation{background:var(--noir);color:#E4DFD3;padding:18px;border-radius:var(--r)}
.carte-formation h3{color:#fff;font-size:.95rem}
.carte-formation ul{list-style:none;padding:0;margin:0 0 12px;font-size:.86rem}
.carte-formation li{padding:7px 0;border-bottom:1px solid #332E27}
.carte-formation strong{color:#fff}
.carte-formation p{font-size:.84rem;color:#A8A196}

/* ------------------------------------------------- pages de formulaire */
.page-etroite{max-width:780px;padding-top:30px;padding-bottom:50px}
.chapo{font-size:1.05rem;color:var(--gris);max-width:66ch}
.rappel-affaire{background:var(--blanc);border:1px solid var(--ligne);padding:10px 14px;font-size:.9rem}
.deux-cartes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.deux-cartes article{background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--bordeaux);padding:18px}
.deux-cartes h2{font-size:1.02rem}
.duree{font-variant-numeric:tabular-nums;font-weight:600;color:var(--noir)}
.petit{font-size:.84rem;color:var(--gris-clair)}
.offre-pack{background:var(--noir);color:#fff;padding:13px 16px;border-radius:var(--r);font-size:.98rem}
.offre-pack strong{font-variant-numeric:tabular-nums}
.formulaire{background:var(--blanc);border:1px solid var(--ligne);padding:22px;margin-top:26px}
.formulaire h2{font-size:1.02rem;margin-top:0}
.formulaire h2+.paire{margin-top:6px}
.formulaire label{display:block;font-size:.82rem;color:var(--gris);margin-bottom:12px}
.formulaire input,.formulaire select{width:100%;padding:10px;margin-top:3px;border:1px solid var(--ligne-forte);
  border-radius:var(--r);font-family:inherit;font-size:.95rem;background:#fff;color:var(--encre)}
.formulaire fieldset{border:1px solid var(--ligne);padding:12px 14px;margin:0 0 14px}
.formulaire legend{font-size:.8rem;color:var(--gris);padding:0 6px}
.formulaire button{padding:13px 28px;border:0;border-radius:var(--r);background:var(--bordeaux);
  color:#fff;font-weight:620;font-size:1rem;cursor:pointer}
.formulaire button:hover{background:var(--bordeaux-clair)}
.paire{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.page-merci .encadre{background:var(--blanc);border:1px solid var(--ligne);border-left:3px solid var(--bordeaux);padding:20px;margin:22px 0}

/* ------------------------------------------------------------- pied */
.pied{background:var(--noir);color:#A8A196;margin-top:0;padding-top:34px;border-top:3px solid var(--bordeaux)}
.pied-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:26px}
.pied-titre{color:#fff;font-weight:600;font-size:.92rem;margin-bottom:8px}
.pied-txt{font-size:.85rem;max-width:46ch}
.pied-liste{list-style:none;padding:0;margin:0;font-size:.85rem}
.pied-liste li{padding:3px 0}
.pied-liste a{color:#D5CFC2;text-decoration:none}
.pied-liste a:hover{color:#fff;text-decoration:underline}
.pied-bas{border-top:1px solid #332E27;padding-top:14px;padding-bottom:20px;font-size:.78rem}
.pied-bas p{margin:0}

/* ------------------------------------------------------------ mobile */
@media (max-width:960px){
  .colonnes{grid-template-columns:1fr}
  .filtres{position:static}
  .fiche{grid-template-columns:1fr}
  .fiche-cote{position:static}
  .pied-in{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .tete-in{flex-wrap:wrap;gap:10px}
  .recherche-rapide{order:3;flex:1 1 100%;max-width:none}
  .affaire{grid-template-columns:1fr}
  .bande{border-left:0;border-top:1px solid var(--ligne);padding-top:10px;grid-template-columns:1fr 1fr;gap:10px 0}
  .bande-c{padding:0 10px 0 0}
  .bande-c:nth-child(2){border-right:0}
  .chiffres-cles{grid-template-columns:1fr 1fr}
  .deux-cartes,.paire{grid-template-columns:1fr}
  .bande-formation-in{flex-direction:column;align-items:flex-start;gap:16px}
  .pied-in{grid-template-columns:1fr}
  .reperes>div{flex:1 1 50%;border-right:0;border-bottom:1px solid var(--ligne)}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}


/* ------------------------------------------------- espace annonceur */
.compte-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 0 18px}
.compte-tete h1{margin:0}
.succes{background:#F1F5EE;border-left:3px solid #4B6B3F;color:#2F4527;padding:12px 15px;border-radius:var(--r);margin:20px 0}
.opt,.aide{color:var(--gris-clair);font-weight:400}
.aide{display:block;font-size:.8rem;margin-top:4px;line-height:1.45}
.cases{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px}
.vignettes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.vignettes img{object-fit:cover;border:1px solid var(--ligne);border-radius:var(--r)}
.bouton--clair{background:var(--blanc);color:var(--encre);border:1px solid var(--ligne-forte)}
.bouton--clair:hover{border-color:var(--bordeaux);color:var(--bordeaux)}

.tableau-compte{border-top:1px solid var(--ligne-forte)}
.ligne-compte{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:18px;
  align-items:center;background:var(--blanc);border:1px solid var(--ligne);border-top:0;padding:14px 16px}
.ligne-compte h3{font-family:inherit;font-size:1rem;font-weight:600;margin:4px 0 0}
.ligne-compte h3 a{color:inherit;text-decoration:none}
.ligne-compte h3 a:hover{color:var(--bordeaux)}
.lc-chiffres{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ligne);margin:0}
.lc-chiffres div{padding:0 12px;border-right:1px solid var(--ligne)}
.lc-chiffres div:last-child{border-right:0}
.lc-chiffres dt{font-size:.72rem;color:var(--gris-clair)}
.lc-chiffres dd{margin:2px 0 0;font-weight:560;font-variant-numeric:tabular-nums}
.lc-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.lc-actions form{margin:0}
.lien-action{background:none;border:0;padding:0;font:inherit;font-size:.82rem;color:var(--bordeaux);
  cursor:pointer;text-decoration:none;text-align:right}
.lien-action:hover{text-decoration:underline}

.jeton--en_ligne{border-color:#4B6B3F;color:#3B5531}
.jeton--en_attente{border-color:var(--laiton);color:#7A6134}
.jeton--refusee{border-color:var(--bordeaux);color:var(--bordeaux)}
.jeton--brouillon,.jeton--expiree,.jeton--archivee{border-color:var(--ligne-forte);color:var(--gris-clair)}
.jeton--vendue{background:var(--noir);border-color:var(--noir);color:#F2EFE6}

@media(max-width:800px){
  .ligne-compte{grid-template-columns:1fr;gap:12px}
  .lc-chiffres{border-left:0;border-top:1px solid var(--ligne);padding-top:10px}
  .lc-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}
  .lien-action{text-align:left}
}