:root{--pin:#0f3d3e;--pin2:#1a5657;--or:#e8b23d;--or2:#c68e22;--fond:#f6f3ea;--carte:#fff;--texte:#1d2322;--doux:#5c6664;--ligne:#e2dccb}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fond);color:var(--texte);font:17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--pin2)}a:hover{color:var(--or2)}img,svg{max-width:100%}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header.site{background:var(--fond);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:5}
header.site .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
header.site .logo svg{height:30px;width:auto;display:block}
nav.menu{display:flex;gap:16px;flex-wrap:wrap;font-size:15px}nav.menu a{text-decoration:none;color:var(--texte)}nav.menu a:hover,nav.menu a[aria-current]{color:var(--or2)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--pin);line-height:1.2;font-weight:600}
h1{font-size:clamp(28px,4.4vw,42px);margin:.4em 0 .3em}h2{font-size:clamp(21px,2.8vw,27px);margin:1.5em 0 .5em}h3{font-size:19px;margin:1.1em 0 .4em}
.chapo{font-size:18px;color:var(--doux);max-width:740px}
.fil{font-size:14px;color:var(--doux);margin-top:22px}.fil a{color:var(--doux)}
.hero{padding:26px 0 8px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}
.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--texte);display:block}
.carte:hover{border-color:var(--or)}.carte b{font-family:Fraunces,Georgia,serif;color:var(--pin);font-size:19px;display:block;margin-bottom:4px}.carte span{font-size:14px;color:var(--doux)}
.bouton{display:inline-block;background:var(--pin);color:#fff!important;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:600;margin:10px 8px 10px 0;border:none;font:inherit;cursor:pointer}
.bouton:hover{background:var(--pin2)}.bouton.or{background:var(--or);color:#2a1d02!important}.bouton.or:hover{background:var(--or2)}
article p,article li,main>p{max-width:760px}
.outil{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:20px;margin:18px 0}
.outil label{display:block;font-size:14px;font-weight:600;color:var(--pin);margin-bottom:6px}
.outil select{width:100%;padding:10px 12px;border:1px solid #cfc8b8;border-radius:10px;font:inherit;background:#fff}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}
.kpi{background:var(--carte);border:1px solid var(--ligne);border-radius:14px;padding:14px 16px}
.kpi b{display:block;font-family:Fraunces,Georgia,serif;font-size:26px;color:var(--pin);line-height:1.15}
.kpi span{font-size:13px;color:var(--doux)}
.note{font-size:14px;color:var(--doux)}
table{width:100%;border-collapse:collapse;background:var(--carte);border:1px solid var(--ligne);border-radius:12px;overflow:hidden;font-size:15px;margin:12px 0}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--ligne);vertical-align:top}th{background:#eef1ea;color:var(--pin);font-weight:600}
td.n,th.n{text-align:right;white-space:nowrap}.tab{overflow-x:auto}
.barres{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:140px;margin:22px 0 4px;padding:0 2px}
.barres div{background:var(--or);border-radius:6px 6px 2px 2px;min-height:4px}
.mois{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;font-size:11px;color:var(--doux);text-align:center}
dl.faq dt{font-weight:600;color:var(--pin);margin-top:18px;font-family:Fraunces,Georgia,serif;font-size:18px}dl.faq dd{margin:6px 0 0}
footer.site{margin-top:60px;background:var(--pin);color:#dfe8e1;font-size:14px}footer.site .w{padding-top:26px;padding-bottom:26px}
footer.site a{color:#fff}footer.site .liens{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}
@media (max-width:640px){header.site{position:static}body{font-size:16px}nav.menu{gap:10px;font-size:14px}.outil{padding:14px}}