:root{
  --vert:#0f766e; --vert-fonce:#0b3b37; --accent:#0d9488;
  --bg:#eef3f1; --carte:#fbfdfc; --bord:#dbe4e1; --texte:#14201f; --gris:#3c4f4a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--texte);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--vert);text-decoration:none}
a:hover{text-decoration:underline}
header{background:rgba(247,251,249,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:10}
.nav{max-width:840px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.marque{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--vert-fonce);font-size:19px;letter-spacing:-.3px}
.marque svg{width:32px;height:32px}
.retour{color:var(--gris);font-size:14px;font-weight:600}
main{max-width:840px;margin:0 auto;padding:40px 24px 30px}
.doc{background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:44px}
h1{font-size:30px;color:var(--vert-fonce);letter-spacing:-.6px;margin-bottom:6px}
.maj{color:var(--gris);font-size:13px;margin-bottom:28px}
.chapeau{color:var(--gris);font-size:16px;margin-bottom:24px}
h2{font-size:19px;color:var(--vert-fonce);margin:28px 0 8px}
h3{font-size:15.5px;color:var(--vert-fonce);margin:16px 0 6px}
p,li{font-size:15px;margin-bottom:9px}
.muet{color:var(--gris)}
ul,ol{padding-left:22px;margin-bottom:10px}
li{margin-bottom:5px}
.etape{display:flex;gap:14px;margin-bottom:18px}
.num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--vert);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.etape h3{margin:2px 0 4px}
.avis{background:#fbf3e2;border:1px solid #ecdcb4;border-radius:10px;padding:14px 16px;font-size:13.5px;color:#7a5a1a;margin:22px 0}
.tag{display:inline-block;background:#e6f2f0;color:var(--vert);font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:18px}
/* Tableau des tarifs (défile horizontalement sur mobile) */
.tarifs-guide{overflow-x:auto;margin:16px 0 12px;-webkit-overflow-scrolling:touch}
.tarifs-guide table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}
.tarifs-guide th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--gris);
  border-bottom:2px solid var(--bord);padding:8px 12px 8px 0;white-space:nowrap}
.tarifs-guide td{padding:11px 12px 11px 0;border-bottom:1px solid var(--bord);white-space:nowrap}
.tarifs-guide tbody tr:last-child td{border-bottom:none}
.tarifs-guide td:first-child{font-weight:700;color:var(--vert-fonce);white-space:normal}
.tarifs-guide td:nth-child(2){font-weight:700}
.tarifs-guide .essai td{background:#f3f8f7}
footer{max-width:840px;margin:0 auto;padding:16px 24px 50px;color:var(--gris);font-size:13px;text-align:center}
footer a{color:var(--gris)}
@media print{ header{position:static;background:none;border:none} .doc{border:none;padding:0} footer{display:none} }
@media(max-width:560px){ .doc{padding:26px} h1{font-size:25px} }