/* HOPITECH Salon : barre d'outils d'accessibilité (même balisage et mêmes classes que l'ancien site, qui utilisait One Click Accessibility).
   Styles de base de la barre + modes d'affichage ; l'habillage (couleurs, bouton rond, pastilles) vient du CSS repris de l'ancien thème. */

#pojo-a11y-toolbar{position:fixed;top:100px !important;width:250px;z-index:9999;font-size:16px;line-height:1.4;transition:right .3s ease,left .3s ease}
#pojo-a11y-toolbar *{box-sizing:border-box}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right{right:-250px}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open{right:0}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{position:absolute;top:0;right:100%}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{display:block;width:44px;height:44px;line-height:44px;text-align:center;font-size:24px;background-color:var(--global-color1,#29347d);color:var(--global-color-white,#fff);text-decoration:none;cursor:pointer}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg{vertical-align:middle}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{background-color:var(--global-color-white,#fff);border:1px solid var(--global-color1,#29347d);border-right:0;max-height:calc(100vh - 100px);overflow-y:auto}
#pojo-a11y-toolbar .pojo-a11y-toolbar-inner{padding:10px}
#pojo-a11y-toolbar p.pojo-a11y-toolbar-title{font-size:20px;margin:0;padding:10px 0;color:#333}
#pojo-a11y-toolbar ul.pojo-a11y-toolbar-items{list-style:none;margin:0;padding:0}
#pojo-a11y-toolbar li.pojo-a11y-toolbar-item{margin:0;padding:0}
#pojo-a11y-toolbar li.pojo-a11y-toolbar-item a{display:block;padding:10px 15px;color:#333;text-decoration:none;font-size:16px;line-height:1.2;cursor:pointer}
#pojo-a11y-toolbar li.pojo-a11y-toolbar-item a.active{background-color:var(--global-color1,#29347d);color:var(--global-color-white,#fff)}
#pojo-a11y-toolbar .pojo-a11y-toolbar-icon{display:inline-block;width:1em;margin-right:.5em;vertical-align:middle}
#pojo-a11y-toolbar .pojo-a11y-toolbar-icon svg{width:1em;height:1em;vertical-align:middle}
#pojo-a11y-toolbar .pojo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767px){#pojo-a11y-toolbar{top:50px !important}}

/* Modes d'affichage (classes posées sur <body> par a11y.js) */
body.pojo-a11y-grayscale{filter:grayscale(100%)}
body.pojo-a11y-high-contrast,body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *):not(svg):not(svg *):not(img):not(video):not(iframe){background-color:#000 !important;background-image:none !important;color:#fff !important;border-color:#fff !important}
body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *)::before,body.pojo-a11y-high-contrast *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *)::after{background-color:#000 !important;background-image:none !important;color:#fff !important}
body.pojo-a11y-high-contrast a:not(#pojo-a11y-toolbar a){color:#ff0 !important;text-decoration:underline}
body.pojo-a11y-negative-contrast{filter:invert(100%) hue-rotate(180deg)}
body.pojo-a11y-negative-contrast img,body.pojo-a11y-negative-contrast video,body.pojo-a11y-negative-contrast iframe,body.pojo-a11y-negative-contrast #pojo-a11y-toolbar{filter:invert(100%) hue-rotate(180deg)}
body.pojo-a11y-light-background,body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *):not(svg):not(svg *):not(img):not(video):not(iframe){background-color:#fff !important;background-image:none !important;color:#000 !important;border-color:#000 !important}
body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *)::before,body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(#pojo-a11y-toolbar *)::after{background-color:#fff !important;background-image:none !important;color:#000 !important}
body.pojo-a11y-light-background a:not(#pojo-a11y-toolbar a){color:#000 !important;text-decoration:underline}
body.pojo-a11y-links-underline a{text-decoration:underline !important}
body.pojo-a11y-readable-font,body.pojo-a11y-readable-font *:not(.icon):not([class*="icon-"]):not(svg):not(svg *){font-family:Arial,Helvetica,sans-serif !important}