/* Accessibilité : réglages dyslexie et daltonisme, repris de la plateforme ICRI (icri.le-cortex.com)
   pour que le passage du site à la plateforme se fasse sans rupture. Fichier commun à toutes les pages. */

/* boutons arrondis comme sur la plateforme ICRI (11 px), demandé par Cortex le 12 octobre 2026 */
.btn,.btn-pill,.svc__button,.icri .go,#qform button,.qopt,.rdv,.full,.livre .btn,.pa-lien.btn{border-radius:11px !important}
.btn-pill{overflow:hidden;isolation:isolate}
#qform input:not([type=checkbox]):not([type=radio]),#qform select,#qform textarea,
form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),form select,form textarea{border-radius:11px}

/* ----- réglages ----- */
html.a11y-zoom body{zoom:var(--a11y-zoom,1)}
html.reading-comfort body,html.reading-comfort button,html.reading-comfort input,
html.reading-comfort select,html.reading-comfort textarea{font-family:Verdana,"Atkinson Hyperlegible",Tahoma,Arial,sans-serif !important}
html.reading-comfort p,html.reading-comfort li,html.reading-comfort dd,html.reading-comfort blockquote,
html.reading-comfort td,html.reading-comfort summary,html.reading-comfort label{
  letter-spacing:.03em !important;word-spacing:.12em !important;line-height:1.75 !important;text-align:left !important}
html.reading-comfort h1,html.reading-comfort h2,html.reading-comfort h3{letter-spacing:.01em !important;line-height:1.3 !important}
html.cvd a{text-decoration:underline !important}
html.cvd-achro{filter:contrast(1.3)}
html.cvd-achromal{filter:contrast(1.18)}

/* ----- boutons flottants ----- */
.a11y{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-family:'Nunito',system-ui,sans-serif}
.a11y-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(15,30,48,.9);
  color:#fff;font:800 12.5px/1 'Nunito',system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(15,30,48,.28);
  transition:transform .15s ease,background .15s ease}
.a11y-btn:hover,.a11y-btn:focus-visible{transform:scale(1.08);outline:2px solid #EA580C;outline-offset:2px}
.a11y-btn.on{background:#EA580C;border-color:#EA580C}
.a11y-pop{width:min(320px,calc(100vw - 32px));background:#fff;color:#23262A;border:1px solid #E6E8EC;border-radius:14px;
  padding:16px;box-shadow:0 18px 50px rgba(15,30,48,.22);display:flex;flex-direction:column;gap:10px}
.a11y-pop[hidden]{display:none}
.a11y-pop b{font-size:15px;font-weight:900;color:#0F1E30}
.a11y-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.a11y-pop button.opt{font:700 14px/1.25 'Nunito',system-ui,sans-serif;color:#23262A;background:#F6F7F9;border:1px solid #E6E8EC;
  border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left}
.a11y-seg button.opt{text-align:center;padding:9px 4px}
.a11y-pop button.opt:hover{border-color:#1F3A5F}
.a11y-pop button.opt:focus-visible{outline:2px solid #EA580C;outline-offset:1px}
.a11y-pop button.opt[aria-pressed=true]{background:#0F1E30;border-color:#0F1E30;color:#fff}
.a11y-list{display:grid;gap:6px}
.a11y-pop label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.a11y-pop input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#EA580C;flex:0 0 auto}
.a11y-svg{position:absolute;width:0;height:0;overflow:hidden}
@media print{.a11y{display:none}}
@media (prefers-reduced-motion:reduce){.a11y-btn{transition:none}}

/* texte agrandi : quand la largeur utile passe sous 1300 px, le menu bascule en burger comme sur un écran étroit */
html.a11y-narrow .top .wrap{position:relative}
html.a11y-narrow .top .nav{display:none}
html.a11y-narrow .top .burger{display:block;order:3;margin-left:22px}
html.a11y-narrow .icri{order:2;margin-left:auto}
html.a11y-narrow .top .nav.open{display:grid;position:absolute;top:100%;right:var(--pad);background:#0F1E30;padding:20px 24px;gap:14px;
  min-width:240px;z-index:30;border:1px solid rgba(255,255,255,.12)}
html.a11y-narrow .dd{display:block}
html.a11y-narrow .dd-t::after{display:none}
html.a11y-narrow .dd-m{position:static;min-width:0;opacity:1;visibility:visible;transform:none;
  background:none;border:0;border-left:2px solid #EA580C;padding:2px 0 0 14px;margin-top:10px}
html.a11y-narrow .dd-m::before{display:none}
html.a11y-narrow .nav .dd-m a{padding:7px 0;font-size:15px}

@media (max-width:640px){.a11y{right:10px;bottom:10px}.a11y-btn{width:42px;height:42px;font-size:11.5px}}