:root{--bleu-fonce:#172b4d;--bleu:#365d98;--bleu-clair:#e8eef7;--fond-menu:#f4f6fa;--noir:#050506;--noir-clair:#3a3f47;--noir-bordure:#5a5f68;--texte:#1a1a1a;--bordure:#dfe4ec;--police:"Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--police);color:var(--texte);margin:0}#root{grid-template:"header header"100px"left content"1fr"footer footer"100px/200px 1fr;height:100%;display:grid}.header{color:#fff;background:linear-gradient(105deg, var(--bleu-fonce) 0%, var(--bleu) 100%);border-bottom:4px solid #6f9bd6;flex-direction:column;grid-area:header;justify-content:center;padding:0 32px;display:flex}.header-titre{letter-spacing:.02em;font-size:1.9rem;font-weight:700}.header-sous-titre{color:#c9d8ee;margin-top:2px;font-size:1rem}.content-left{background:var(--fond-menu);border-right:1px solid var(--bordure);grid-area:left;padding:20px 0;overflow-y:auto}.content-left ul{margin:0;padding:0;list-style:none}.content-left button{width:100%;font:inherit;text-align:left;color:var(--bleu-fonce);cursor:pointer;background:0 0;border:0;border-left:4px solid #0000;padding:12px 24px;font-size:1rem;display:block}.content-left button:hover{background:var(--bleu-clair)}.content-left button.actif{color:var(--bleu);background:var(--bleu-clair);border-left-color:var(--bleu);font-weight:700}.content-left button:focus-visible{outline:2px solid var(--bleu);outline-offset:-2px}.content-left .sous-menu{padding:2px 0 8px}.content-left .sous-menu button{padding:8px 12px 8px 36px;font-size:.92rem}.content{background:#fff;grid-area:content;min-width:0;min-height:0}.content iframe{border:0;width:100%;height:100%;display:block}.footer{color:#c9cdd4;background:linear-gradient(105deg, var(--noir) 0%, var(--noir-clair) 100%);border-top:4px solid var(--noir-bordure);grid-area:footer;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;font-size:.9rem;display:grid}.footer-liens{justify-self:start;gap:24px;display:flex}.footer-liens a{color:#fff;font-weight:600;text-decoration:none}.footer-liens a:hover{text-decoration:underline}.footer-liens a:focus-visible{outline-offset:3px;outline:2px solid #fff}