@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2) format("woff2")}:root{--fond: #f5f6f8;--carte: #ffffff;--bord: #e2e5ea;--texte: #21242b;--bleu: #2c4a9e;--bleu-clair: #3a5cb8;--ok: #276b43;--sourdine: #6d727d;--nav: #171a21;--nav-texte: #f2f3f6;--nav-bord: #333845;--nav-sourdine: #9aa2b4;--degrade: linear-gradient(90deg, #4aa8b8, #5b6fd6);--ok-fond: #dcefe2;--attente: #8a6116;--attente-fond: #f6ecd4;--erreur-texte: #b02a2a;--erreur-fond: #fbe7e7;--rayon: 10px;--ombre: 0 1px 4px rgba(20, 24, 34, .05);--ombre-survol: 0 5px 16px rgba(20, 24, 34, .1);--titres: "Barlow Condensed", Bahnschrift, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fond);color:var(--texte);line-height:1.5}a{color:var(--bleu-clair);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--titres);letter-spacing:.015em}h2{font-size:1.55rem;margin:.9rem 0 .7rem}h3{font-size:1.15rem}:focus-visible{outline:2px solid var(--bleu-clair);outline-offset:2px;border-radius:4px}header.topbar{background:var(--nav);color:var(--nav-texte);padding:.55rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap;position:relative}header.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--degrade)}header.topbar .titre{color:#fff;font-family:var(--titres);font-size:1.3rem;line-height:1.05;letter-spacing:.03em}header.topbar .titre small{display:block;font-family:system-ui,Segoe UI,sans-serif;font-size:.58rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--nav-sourdine)}header.topbar .titre:hover{text-decoration:none}header.topbar nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}header.topbar nav a.lien{color:#c9cdd7;font-size:.88rem;padding:.32rem .7rem;border:1px solid transparent;border-radius:8px;white-space:nowrap}header.topbar nav a.lien:hover{color:#fff;border-color:var(--nav-bord);text-decoration:none}header.topbar nav a.lien.actif{background:#262b36;color:#fff}header.topbar button{background:transparent;border:1px solid var(--nav-bord);color:#c9cdd7;border-radius:8px;padding:.32rem .75rem;cursor:pointer;font-size:.88rem}header.topbar button:hover{color:#fff;border-color:#4a5162}main{max-width:880px;margin:0 auto;padding:1.1rem 1rem 3rem}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);padding:.9rem 1rem;margin:.7rem 0;box-shadow:var(--ombre)}.carte h3{margin:0 0 .4rem}a .carte{color:var(--texte)}a:has(.carte){text-decoration:none}a .carte{transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}a .carte:hover{border-color:#c5cbd8;box-shadow:var(--ombre-survol);transform:translateY(-1px)}a .carte h3{color:var(--bleu)}.ligne{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.progress{background:var(--bord);border-radius:99px;height:8px;flex:1;min-width:120px;overflow:hidden}.progress>div{background:var(--degrade);height:100%;border-radius:99px;transition:width .4s}.badge{font-size:.75rem;background:var(--fond);border:1px solid var(--bord);border-radius:999px;padding:.16rem .62rem;white-space:nowrap;color:var(--sourdine)}.badge.ok{background:var(--ok-fond);color:var(--ok);border-color:transparent;font-weight:600}.badge.attente{background:var(--attente-fond);color:var(--attente);border-color:transparent;font-weight:600}.muted{color:var(--sourdine);font-size:.85rem}form.pile{display:grid;gap:.75rem;max-width:380px;margin:3rem auto;background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);padding:1.5rem 1.4rem;box-shadow:var(--ombre)}input,select,textarea,button.principal{padding:.6rem .8rem;border-radius:8px;border:1px solid var(--bord);font-size:1rem;font-family:inherit;background:var(--carte);color:var(--texte)}input:focus,select:focus,textarea:focus{border-color:var(--bleu-clair);outline:none;box-shadow:0 0 0 3px #3a5cb826}button.principal{background:var(--bleu);color:#fff;border:none;cursor:pointer;font-weight:600}button.principal:hover{background:var(--bleu-clair)}button.principal:disabled{opacity:.6;cursor:default}.erreur{color:var(--erreur-texte);background:var(--erreur-fond);border-radius:8px;padding:.45rem .75rem;font-size:.9rem}.login-split{display:flex;min-height:100vh;background:var(--fond)}.login-cote{flex:0 0 34%;max-width:340px;background:var(--nav);color:var(--nav-texte);padding:2.2rem 1.7rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.login-cote:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:linear-gradient(180deg,#4aa8b8,#5b6fd6)}.login-cote .marque{font-family:var(--titres);font-size:1.9rem;line-height:1.02;letter-spacing:.03em;color:#fff}.login-cote .marque small{display:block;font-family:system-ui,Segoe UI,sans-serif;font-size:.62rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--nav-sourdine);margin-top:.5rem}.login-cote .devise{color:var(--nav-sourdine);font-size:.92rem;margin:0}.login-form{flex:1;display:grid;gap:.75rem;align-content:center;width:100%;max-width:360px;margin:0 auto;padding:2rem 1.2rem}.login-form h2{margin:0 0 .4rem}@media (max-width: 640px){.login-split{flex-direction:column}.login-cote{flex:none;max-width:none;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.2rem}.login-cote:after{top:auto;left:0;right:0;bottom:0;width:auto;height:2px;background:var(--degrade)}.login-cote .marque{font-size:1.35rem}.login-cote .devise{font-size:.78rem;text-align:right}.login-form{align-content:start;padding-top:1.6rem}}.viewer{width:100%;height:75vh;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff}.ressource-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .5rem;border-bottom:1px solid var(--bord);cursor:pointer;border-radius:6px}.ressource-item:last-child{border-bottom:none}.ressource-item:hover{background:var(--fond)}.coche{color:var(--ok);font-weight:700;width:1.2rem}.retour{display:inline-block;margin-bottom:.6rem;color:var(--sourdine);font-size:.88rem}.retour:hover{color:var(--bleu-clair)}.stats{display:flex;gap:.7rem;flex-wrap:wrap;margin:.7rem 0}.stat{flex:1 1 110px;text-align:center;background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);padding:.55rem .4rem;box-shadow:var(--ombre)}.stat b{display:block;font-size:1.3rem;font-family:var(--titres)}.stat span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sourdine)}table.tableau{width:100%;border-collapse:collapse;background:var(--carte);font-size:.9rem}.tableau th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sourdine);padding:.55rem .6rem;border-bottom:2px solid var(--bord)}.tableau td{padding:.55rem .6rem;border-bottom:1px solid var(--bord);vertical-align:top;font-variant-numeric:tabular-nums}.tableau tbody tr:nth-child(2n) td{background:var(--fond)}.action{border:none;background:none;cursor:pointer;font-size:1rem;padding:.15rem .3rem;border-radius:6px}.action:hover{background:var(--bord)}.carte-continuer{border-left:3px solid #5b6fd6}.cta{color:var(--bleu);font-weight:600;font-size:.9rem}.module-duo{display:grid;gap:0 1rem;grid-template-areas:"liste" "lecteur" "activites"}.zone-liste{grid-area:liste}.zone-lecteur{grid-area:lecteur;min-width:0}.zone-activites{grid-area:activites}@media (min-width: 960px){main:has(.module-duo){max-width:1200px}.module-duo{grid-template-columns:320px minmax(0,1fr);grid-template-areas:"liste lecteur" "activites lecteur";align-items:start}.zone-lecteur{position:sticky;top:1rem}.zone-lecteur .viewer{height:calc(100vh - 5.5rem)}}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0f148c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.dialogue{background:var(--carte);border-radius:var(--rayon);padding:1.1rem 1.2rem;width:100%;max-width:420px;display:grid;gap:.7rem;box-shadow:0 18px 50px #0a0c1259}.dialogue-large{max-width:760px;max-height:90vh;overflow-y:auto}.dialogue label{display:grid;gap:.25rem;font-size:.85rem;color:var(--sourdine)}.dialogue input{width:100%}button.secondaire{background:transparent;border:1px solid var(--bord);border-radius:8px;padding:.6rem .8rem;cursor:pointer;font-size:1rem;color:var(--texte);font-family:inherit}button.secondaire:hover{background:var(--fond)}button.danger{background:#b02a2a;color:#fff;border:none;border-radius:8px;padding:.6rem .8rem;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit}button.danger:hover{background:#c73a3a}button.danger:disabled,button.secondaire:disabled{opacity:.6;cursor:default}header.topbar nav a.lien,header.topbar button{display:inline-flex;align-items:center;gap:.4rem}header.topbar svg{flex:none}footer.pied{max-width:880px;margin:0 auto;padding:0 1rem 1.4rem;text-align:center;color:var(--sourdine);font-size:.8rem}footer.pied a{color:var(--sourdine)}main.page-legale{max-width:70ch;margin:2rem auto;padding:1rem;line-height:1.65}main.page-legale h1{font-size:1.7rem}main.page-legale h3{margin-top:1.6rem}@media (max-width: 600px){main{padding:.7rem .6rem 2.5rem}.viewer{height:65vh}header.topbar .titre{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.progress>div,a .carte{transition:none}}