/* ============================================================ accessibilite.css — toggles d'accessibilite (taille, contraste, espacement). Active via classes sur par accessibilite.js (persiste localStorage). ============================================================ */ /* ===== Widget flottant en bas a droite ===== */ .a11y-widget { position: fixed; bottom: 16px; right: 16px; z-index: 200; display: flex; flex-direction: column; gap: 6px; background: rgba(26, 37, 48, 0.92); padding: 8px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.25); } .a11y-bouton { width: 38px; height: 38px; border: none; border-radius: 6px; background: rgba(255,255,255,0.1); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; } .a11y-bouton:hover, .a11y-bouton:focus { background: rgba(255,255,255,0.2); } .a11y-bouton.actif { background: var(--mds-jaune); color: var(--mds-noir); } .a11y-bouton.a11y-reset { border-top: 1px solid rgba(255,255,255,0.2); margin-top: 4px; padding-top: 4px; font-size: 16px; } /* ===== Taille de texte augmentee (par paliers) ===== */ body.a11y-taille-1 { font-size: 18px; } body.a11y-taille-2 { font-size: 20px; } body.a11y-taille-3 { font-size: 22px; } body.a11y-taille--1 { font-size: 14px; } /* ===== Contraste eleve (noir/jaune lisibilite max) ===== */ body.a11y-contraste { background: #000 !important; color: #fff700 !important; } body.a11y-contraste .site-header, body.a11y-contraste .site-footer, body.a11y-contraste .service-carte, body.a11y-contraste .bandeau-qualite, body.a11y-contraste .hero, body.a11y-contraste main { background: #000 !important; color: #fff700 !important; border-color: #fff700 !important; } body.a11y-contraste a, body.a11y-contraste .nav-item a, body.a11y-contraste .lien-fleche { color: #00e6ff !important; } body.a11y-contraste a:focus, body.a11y-contraste a:hover { background: #00e6ff !important; color: #000 !important; } body.a11y-contraste .btn-primaire { background: #fff700 !important; color: #000 !important; border-color: #fff700 !important; } body.a11y-contraste .btn-secondaire { background: #000 !important; color: #fff700 !important; border-color: #fff700 !important; } body.a11y-contraste h1, body.a11y-contraste h2, body.a11y-contraste h3 { color: #fff700 !important; } /* ===== Espacement augmente (lecture facilitee) ===== */ body.a11y-espacement { letter-spacing: 0.05em; word-spacing: 0.15em; line-height: 1.85; } body.a11y-espacement p, body.a11y-espacement li { margin-bottom: 1.2em; } /* ===== Print : masquer le widget ===== */ @media print { .a11y-widget { display: none; } }