/* Bloc abonnements entretien — partage par toutes les pages du site.
   Sorti du HTML pour ne pas repeter 5 Ko sur 2358 pages : ici le
   navigateur le met en cache une fois et le reutilise partout. */
#abo-hauto{--r:#DC2626;--r2:#B91C1C;--n:#121214;--g:#6E6E78;--fond:transparent;--trait:#E6E6EA;
  background:var(--fond);color:var(--n);padding:72px 20px 80px;font-family:Inter,-apple-system,"Segoe UI",sans-serif;
  position:relative;overflow:hidden;border:0}
#abo-hauto>*{position:relative}
#abo-hauto .abo-in{max-width:1120px;margin:0 auto}
#abo-hauto .abo-sur{display:inline-flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--g);font-weight:650}
#abo-hauto .abo-sur i{width:8px;height:8px;border-radius:9px;background:var(--r);font-style:normal}
#abo-hauto h2{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:800;
  margin:18px 0 14px;max-width:16ch;color:var(--n)}
#abo-hauto h2 em{font-style:normal;color:var(--r)}
#abo-hauto .abo-chapo{font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:var(--g);max-width:54ch;margin:0}
#abo-hauto .abo-bascule{display:inline-flex;gap:4px;padding:4px;border-radius:999px;margin:30px 0 26px;
  background:#F3F3F5;border:1px solid var(--trait)}
#abo-hauto .abo-bascule button{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:11px 20px;
  font:inherit;font-size:14.5px;font-weight:650;background:transparent;color:var(--g);
  transition:background .18s,color .18s}
#abo-hauto .abo-bascule button[aria-pressed="true"]{background:var(--n);color:#fff}
#abo-hauto .abo-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(246px,1fr));gap:16px}
#abo-hauto .abo-c{background:#fff;color:var(--n);border:1px solid var(--trait);border-radius:20px;
  padding:26px 24px 24px;display:flex;flex-direction:column;position:relative;
  box-shadow:0 1px 2px rgba(18,18,20,.05),0 14px 30px -18px rgba(18,18,20,.20)}
#abo-hauto .abo-c.star{background:var(--n);border-color:var(--n);color:#fff;
  box-shadow:0 22px 44px -22px rgba(18,18,20,.5)}
#abo-hauto .abo-tag{position:absolute;top:-11px;left:24px;background:var(--r);color:#fff;font-size:11.5px;
  font-weight:750;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
#abo-hauto .abo-n{font-size:18.5px;font-weight:750;letter-spacing:-.02em;margin:2px 0 3px}
#abo-hauto .abo-d{font-size:13.5px;line-height:1.5;color:var(--g);margin:0 0 18px;min-height:60px}
#abo-hauto .abo-c.star .abo-d{color:rgba(255,255,255,.64)}
#abo-hauto .abo-p{display:flex;align-items:baseline;gap:5px}
#abo-hauto .abo-p b{font-size:42px;font-weight:820;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1}
#abo-hauto .abo-c.star .abo-p b{color:#fff}
#abo-hauto .abo-p span{font-size:14.5px;color:var(--g);font-weight:600}
#abo-hauto .abo-c.star .abo-p span{color:rgba(255,255,255,.64)}
#abo-hauto .abo-ref{font-size:12.5px;color:var(--g);margin:9px 0 0}
#abo-hauto .abo-c.star .abo-ref{color:rgba(255,255,255,.58)}
#abo-hauto .abo-ref s{opacity:.7}
#abo-hauto .abo-eco{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:650;color:var(--g);
  background:#F3F3F5;border:1px solid var(--trait);border-radius:7px;padding:4px 9px}
#abo-hauto .abo-c.star .abo-eco{color:rgba(255,255,255,.82);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
#abo-hauto .abo-b{margin-top:auto;padding-top:20px}
#abo-hauto .abo-b a{display:block;text-align:center;background:var(--n);color:#fff;text-decoration:none;
  border-radius:999px;padding:14px 18px;font-weight:700;font-size:15px;transition:background .18s,transform .18s}
#abo-hauto .abo-b a:hover{background:var(--r);transform:translateY(-2px)}
#abo-hauto .abo-c.star .abo-b a{background:var(--r)}
#abo-hauto .abo-c.star .abo-b a:hover{background:#fff;color:var(--n)}
#abo-hauto .abo-pied{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:var(--g)}
#abo-hauto .abo-pied b{color:var(--n);font-weight:650}
@media(max-width:640px){#abo-hauto{padding:52px 16px 60px}#abo-hauto .abo-d{min-height:0}}
#abo-hauto .abo-fine{margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--g);max-width:82ch}
#abo-hauto .abo-fine b{color:var(--n);font-weight:650}
/* Le theme du site impose une couleur aux h3 : sans ces deux lignes,
   le titre de la carte vedette est noir sur noir. */
#abo-hauto .abo-n{color:var(--n)}
#abo-hauto .abo-c.star .abo-n{color:#fff}