:root{--marine:#12243f;--marine-clair:#1b3358;--cuivre:#c96a2e;--cuivre-clair:#e08344;--creme:#faf8f5;--creme-creuse:#f1ece6;--ligne:#e3ddd5;--encre:#1b1b1b;--encre-douce:#5b5b5b;--encre-faible:#8a8580;--blanc:#ffffff;--succes:#1f7a4d;--alerte:#b23c17;--rayon:10px;--ombre:0 1px 2px rgba(18,36,63,0.06),0 2px 8px rgba(18,36,63,0.05);--police:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--creme);color:var(--encre);font-family:var(--police);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.enveloppe{width:100%;max-width:74rem;margin:0 auto;padding:0 1.25rem}.page{min-height:100dvh;display:flex;flex-direction:column}.corps{flex:1 1;padding:2.5rem 0 4rem}.entete{background:var(--marine);color:var(--blanc);border-bottom:3px solid var(--cuivre)}.entete-barre{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4rem;flex-wrap:wrap}.marque{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:1.0625rem;text-decoration:none;white-space:nowrap}.nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.nav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.9375rem;padding:.35rem 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--blanc);border-bottom-color:var(--cuivre)}.pied{background:var(--marine);color:rgba(255,255,255,.62);font-size:.875rem;padding:1.75rem 0}.surtitre{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cuivre);margin:0 0 .75rem}.titre,h1{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin:0 0 .75rem}h2{font-size:1.375rem;letter-spacing:-.01em;margin:0 0 1rem}h2,h3{font-weight:700}h3{margin:0 0 .5rem}.chapeau,h3{font-size:1.0625rem}.chapeau{max-width:46rem;margin:0 0 1.5rem}.chapeau,.discret{color:var(--encre-douce)}.discret{font-size:.9375rem}.minuscule{color:var(--encre-faible);font-size:.8125rem}.heros{background:var(--marine);color:var(--blanc);border-radius:var(--rayon);padding:clamp(2rem,5vw,3.5rem);margin-bottom:2.5rem}.heros .chapeau{color:rgba(255,255,255,.78)}.heros .surtitre{color:var(--cuivre-clair)}.carte{background:var(--blanc);box-shadow:var(--ombre)}.carte,.carte-creuse{border:1px solid var(--ligne);border-radius:var(--rayon);padding:1.25rem}.carte-creuse{background:var(--creme-creuse)}.grille{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:40rem){.grille-2{grid-template-columns:repeat(2,1fr)}.grille-3{grid-template-columns:repeat(3,1fr)}}.puce:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.625rem;vertical-align:middle}.bouton,.puce:before{background:var(--cuivre)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6875rem 1.25rem;border-radius:var(--rayon);border:1px solid transparent;color:var(--blanc);font:inherit;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:background-color .12s ease}.bouton:hover{background:var(--cuivre-clair)}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton-sombre{background:var(--marine)}.bouton-sombre:hover{background:var(--marine-clair)}.bouton-discret{background:transparent;border-color:var(--ligne);color:var(--encre)}.bouton-discret:hover{background:var(--creme-creuse)}.entete .bouton-discret{color:var(--blanc);border-color:rgba(255,255,255,.35)}.entete .bouton-discret:hover{background:rgba(255,255,255,.12);border-color:var(--cuivre)}.bouton-danger{background:var(--alerte)}.bouton:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cuivre);outline-offset:2px}.champ{display:block;margin-bottom:1rem}.champ>span{display:block;font-size:.8125rem;font-weight:600;color:var(--encre-douce);margin-bottom:.375rem}.champ input,.champ select,.champ textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--ligne);border-radius:var(--rayon);background:var(--blanc);color:var(--encre);font:inherit;font-size:.9375rem}.champ textarea{resize:vertical;min-height:7rem}.formulaire{max-width:34rem}.cases{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.cases label{display:inline-flex;align-items:center;gap:.4rem;font-size:.9375rem}.message{border-radius:var(--rayon);padding:.75rem 1rem;font-size:.9375rem;margin-bottom:1rem;border:1px solid}.message-erreur{background:#fdf1ed;border-color:#f0c8ba;color:var(--alerte)}.message-succes{background:#eef7f2;border-color:#bfe0cf;color:var(--succes)}.message-info{border-color:var(--ligne)}.etiquette,.message-info{background:var(--creme-creuse);color:var(--encre-douce)}.etiquette{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--ligne)}.etiquette-publie{background:#eef7f2;border-color:#bfe0cf;color:var(--succes)}.etiquette-brouillon{background:#fdf6ec;border-color:#efdcbe;color:#8a5a12}.tableau{width:100%;border-collapse:collapse;font-size:.9375rem;background:var(--blanc)}.tableau th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-faible);padding:.75rem .875rem;border-bottom:1px solid var(--ligne);font-weight:700}.tableau td{padding:.8125rem .875rem;border-bottom:1px solid var(--creme-creuse);vertical-align:middle}.tableau tr:last-child td{border-bottom:0}.nombre{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.encadre{border:1px solid var(--ligne);border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre)}.score{display:inline-flex;align-items:baseline;gap:.15rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.125rem}.score small{font-size:.75rem;font-weight:600}.score[data-niveau=fort]{color:var(--succes)}.score[data-niveau=moyen]{color:var(--cuivre)}.score[data-niveau=faible]{color:var(--encre-faible)}.vide{text-align:center;padding:3rem 1rem;color:var(--encre-douce);background:var(--creme-creuse);border:1px dashed var(--ligne);border-radius:var(--rayon)}.pile{display:flex;flex-direction:column;gap:1rem}.rangee{gap:.75rem}.entre,.rangee{display:flex;align-items:center;flex-wrap:wrap}.entre{justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.defilable{overflow-x:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important}}