:root{--navy: #314e82;--navy-fonce: #213558;--or: #f0af37;--or-clair: #ffd015;--encre: #1c2433;--gris: #6b7488;--trait: #dfe3ea;--fond: #f6f7f9;--papier: #fff;--vert: #55a858;--rouge: #c0504d;--serif: Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--sans);font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--navy-fonce);margin:0 0 .6rem}h1{font-size:1.75rem}a{color:var(--navy)}.bandeau{background:var(--navy-fonce);color:#fff;padding:.9rem 1.5rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.bandeau .marque{font-family:var(--serif);font-size:1.1rem;letter-spacing:.04em}.bandeau .marque em{color:var(--or);font-style:normal}.bandeau .droite{margin-left:auto;font-size:.85rem;color:#b9c4d8}.centre{max-width:720px;margin:2.5rem auto;padding:0 1.25rem}.carte{background:var(--papier);border:1px solid var(--trait);border-radius:4px;padding:1.75rem}label{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);margin-bottom:.3rem}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--trait);border-radius:3px;font:inherit;background:#fff;color:inherit}textarea{font-family:var(--serif);font-size:1.02rem;line-height:1.7;resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,.num:focus-visible{outline:2px solid var(--or);outline-offset:2px}.champ{margin-bottom:1.1rem}.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}button{font:inherit;cursor:pointer;border-radius:3px;border:1px solid transparent;padding:.6rem 1.2rem;background:var(--navy);color:#fff}button:hover:not(:disabled){background:var(--navy-fonce)}button:disabled{opacity:.45;cursor:not-allowed}button.discret{background:#fff;color:var(--navy);border-color:var(--trait)}button.discret:hover:not(:disabled){background:#fff;border-color:var(--navy)}button.accent{background:var(--or);color:var(--navy-fonce);font-weight:600}button.accent:hover:not(:disabled){background:var(--or-clair)}.erreur{background:#fdf1f1;border-left:3px solid var(--rouge);padding:.7rem .9rem;margin-bottom:1rem;font-size:.92rem}.note-info{background:#f4f7fc;border-left:3px solid var(--navy);padding:.8rem 1rem;font-size:.9rem}.muet{color:var(--gris);font-size:.88rem}.progression{display:flex;flex-wrap:wrap;gap:4px}.num{width:30px;height:30px;display:grid;place-items:center;font-size:.78rem;border:1px solid var(--trait);background:#fff;color:var(--gris);border-radius:2px;cursor:pointer;padding:0}.num.remplie{background:var(--navy);border-color:var(--navy);color:#fff}.num.active{outline:2px solid var(--or);outline-offset:1px}.pied-fixe{position:sticky;bottom:0;background:var(--papier);border-top:1px solid var(--trait);padding:.8rem 1.25rem;display:flex;align-items:center;gap:.8rem}.pied-fixe .etat{margin-left:auto;font-size:.82rem;color:var(--gris)}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);border-bottom:1px solid var(--trait);padding:.5rem .6rem}td{padding:.55rem .6rem;border-bottom:1px solid var(--trait)}@media(max-width:640px){.duo{grid-template-columns:1fr}.centre{margin:1.25rem auto}.carte{padding:1.1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}