@font-face{font-family:'Bricolage Grotesque';src:url(../fonts/BricolageGrotesque-Variable.ttf) format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(../fonts/IBMPlexSans-Variable.ttf) format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(../fonts/IBMPlexMono-Medium.ttf) format('truetype');font-weight:500;font-display:swap}
:root{--na-encre:#1C2430;--na-ardoise:#5B6573;--na-filet:#D5DAE1;--na-fond:#F6F7F9;--na-blanc:#FFFFFF;--na-abanca:#1E5AA8;--na-abanca-fond:#EEF3FB;--na-cic:#B8580C;--na-cic-fond:#FCF3EA;--na-cic-texte:#B2550B;--na-hausse:#1B7A3E;--na-hausse-fond:#E8F4EC;--na-baisse:#C0262D;--na-baisse-fond:#FBEBEC;--na-provisoire:#1C2430;}
body{font-family:'IBM Plex Sans',sans-serif;color:var(--na-encre);background:var(--na-fond)}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.01em}
.num,td.num{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;text-align:right}
.cadre{background:#fff;border:2px solid var(--na-filet);border-left-width:8px;border-radius:12px;padding:16px 20px}
.cadre--abanca{border-color:var(--na-abanca);background:var(--na-abanca-fond)}
.cadre--cic{border-color:var(--na-cic);background:var(--na-cic-fond);color:var(--na-cic-texte)}
.cadre--cic h2,.cadre--cic h3{color:var(--na-cic)}
.bouton{display:inline-block;min-height:44px;padding:10px 20px;border:2px solid var(--na-encre);border-radius:8px;background:#fff;color:var(--na-encre);font:600 15px 'IBM Plex Sans',sans-serif;cursor:pointer}
.bouton:hover{background:var(--na-encre);color:#fff} .bouton:focus-visible{outline:3px solid var(--na-abanca);outline-offset:2px}
.hausse{color:var(--na-hausse)} .hausse::before{content:"▲ "} .baisse{color:var(--na-baisse)} .baisse::before{content:"▼ "}
.provisoire{font-style:italic;color:var(--na-provisoire)}