/* Accessibilite */


/* Interface Barre latérale */

#panels .panel {display:none;}
#panels[actif="texte"] .panel[name="texte"] {display:block;}
#panels[actif="eco"] .panel[name="eco"] {display:block;}
#panels[actif="cookies"] .panel[name="cookies"] {display:block;}
#panels[actif="affichage"] .panel[name="affichage"] {display:block;}

.panel {padding:1em;border:5px solid #666;margin-top:1.5rem;text-align:center;}

.panel ul {margin-bottom:0.5rem;}

.panel .form-switch .form-check-input {width:6rem;height:2rem;margin:auto;}
.accessibilite-menu h3 {text-transform:lowercase!important;}
.panel_header {padding:0.5rem;color:#666;border-bottom:1px solid #666;margin-bottom:1rem;display:block;}


/* CSS Accessibilite */

@font-face {
    font-family: "Lecturefacilitee";
    src:
      url("/templates/artion/fonts/OpenDyslexicAlta-Regular.otf") format("opentype"),
      url("/templates/artion/fonts/opendyslexicalta-regular-webfont.woff") format("woff"),
      url("/templates/artion/fonts/opendyslexicalta-regular-webfont.woff2") format("woff2");
  
  }

body.ltr.offcanvs-position-right .accessibilite-menu {
    right: -300px;
    top: 0;
}
body.ltr.offcanvs-position-right.accessibilite-active .accessibilite-menu {
    right: 0;
    top: 0;
}
.accessibilite-menu {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 60px;
    overflow: inherit;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 10000;
	background-color:#000;
	color:#FFF;padding:2rem;
}

/* Size 1x */

body[accessibilite-texte="1x"] * {font-size:1rem!important}
body[accessibilite-texte="1x"] h2 {font-size:5rem!important}
body[accessibilite-texte="1x"] h3 {font-size:4rem!important}
body[accessibilite-texte="1x"] h4 {font-size:3rem!important}
body[accessibilite-texte="1x"] h5 {font-size:2.9rem!important}
body[accessibilite-texte="1x"] p {font-size:2rem!important}


body[accessibilite-hauteur="1x"] * {line-height:2rem!important}
body[accessibilite-hauteur="1x"] h2 {line-height:4rem!important}
body[accessibilite-hauteur="1x"] h3 {line-height:3rem!important}
body[accessibilite-hauteur="1x"] h4 {line-height:3.5rem!important}
body[accessibilite-hauteur="1x"] h5 {line-height:3rem!important}
body[accessibilite-hauteur="1x"] p {line-height:3rem!important}



body[accessibilite-espacement="1x"] * {letter-spacing:5px!important}
body[accessibilite-espacement="1x"] h2 {letter-spacing:9px!important}
body[accessibilite-espacement="1x"] h3 {letter-spacing:8px!important}
body[accessibilite-espacement="1x"] h4 {letter-spacing:7px!important}
body[accessibilite-espacement="1x"] h5 {letter-spacing:6px!important}
body[accessibilite-espacement="1x"] p {letter-spacing:5px!important}

body[accessibilite-contraste="1x"] * {font-size:1rem!important}

body[lecture-facilitee="oui"] main h1 {font-family:Lecturefacilitee!important}
body[lecture-facilitee="oui"] main  h2 {font-family:Lecturefacilitee!important}
body[lecture-facilitee="oui"] main  h3 {font-family:Lecturefacilitee!important}
body[lecture-facilitee="oui"] main  h4 {font-family:Lecturefacilitee!important}
body[lecture-facilitee="oui"] main  h5 {font-family:Lecturefacilitee!important}
body[lecture-facilitee="oui"] main  p {font-family:Lecturefacilitee!important}


body[eco-friendly="oui"] img {display:none;}

body[eco-friendly="oui"] .sppb-youtube-video-bg {display:none;}
body[eco-friendly="oui"] * {background-image:none!important;}
body[accessibilite-zoom="1x"] main {transform:scale(1.1);}

body[alignement="gauche"] main * {text-align:left!important}
body[alignement="droite"] main * {text-align:right!important}
body[alignement="centre"] main * {text-align:center!important}