html, body {height: 100%; font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {min-height:100%; padding:0; margin:0; font-family: 'Roboto', Arial, sans-serif; font-weight: 300; line-height: 1.3; height: auto; position: relative;}
#conteneur{min-height:100%; width:100%;}
.container {width: 1170px; margin: 0 auto; }
img{border:0; max-width:100%; height: auto;} #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#222222; }
h1, .titre1{ font-size:200%; font-weight:600;  border-bottom: 4px solid #190b86; display: inline-block; margin:1.2rem 0  1rem 0}
h1 a, .titre1 a{ color: #000000; text-decoration: none}
h2{ font-size:150%; font-weight:500; text-transform: uppercase; color: #190b86;}
h3{ font-size:1.2em; font-weight:600; text-transform: uppercase; }
h4{ font-size:1.2em; }

.legende{ font-size:90% ; font-style: italic; color:#555555; font-weight: 300;}
.image_ombree img{box-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
main a{color: #190b86;}
strong, b{ font-weight: 600}

ul.enligne{ margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline-block; }

.bt-tout{ width:100%; float: left; text-align: center}
.bt-tout a{ display: inline-block; margin:15px 0; padding:10px 15px; border:2px solid #190b86; text-decoration: none; font-weight:700; border-radius:4px}
.bt-tout a:hover{ background:#190b86; color:#ffffff}

.bloc-spe{ position: relative}
.bloc-spe .image_gauche{ margin:0}
.bloc-spe .image_gauche img{ margin:0; padding: 0; display:block}
.bloc-spe .bloc-colonne{ position: absolute; top:0; bottom:0; right:0; width:50%; background:rgba(25,11,134,.7); padding:20px 20px 20px 50px;
border-bottom-left-radius:50% ; border-top-left-radius:50%; text-align:right}
.bloc-spe .bloc-colonne div{  position: absolute;  top: 50%;  transform: translateY(-50%); left:60px; right:25px}
.bloc-spe .bloc-colonne * { color:#ffffff}

/* tableau */
table { border: 3px solid #190b86; margin: auto; border-collapse: collapse; max-width:100% !important }
th { border: 1px solid #fff; color: #ffffff;font-size: 1.2em;background-color: #190b86; }
th *{ color: #ffffff; }
td { border: 1px solid #190b86;padding:4px  8px; vertical-align: middle; font-size:.95em }
td p{ margin:6px 0}
caption { font-weight: bold;font-size: 140%; color: #AF1B32;margin-left: auto; margin-right: auto; margin-bottom: 4px; }

/* HEADER */
header {width:100%; float:left; position:relative; }
header .container{ position:relative}
.top-line{ width:100%; text-align: right; float:left}
#logo{ z-index:110;  padding: 15px 10px 15px 30px; float:left; position: relative }
#logo img{ width: 326px; height: auto }
/* Pictos */
#pictos{position:fixed; z-index:11;  width:100%; ; top:0; right:140px }
#pictos ul{ float: right; background:rgba(25,11,134,.9); color:#ffffff; padding:6px; border-radius:0 0 10px 10px; }
#pictos a { display:block; margin:0 5px; padding:5px; color:#ffffff; text-decoration: none; display:flex;font-size:90%; font-weight:600}
#pictos * {margin: auto;}
#pictos img{ height:26px}
.top-line-centre{ display: inline-block; text-align: right}
.lien-ccmm {  padding:15px 10px 0 10px; float:right}
.lien-ccmm img{ width: 105px;}

/* MENU HAUT */ 
#menuH{ width: 100%; display: flex; justify-content: flex-end; margin-top:55px}
nav{ z-index:11; position:relative;text-transform: uppercase; height: auto; text-align:center; display: inline-block }
#menu{ width:100%; display: flex; justify-content: flex-end}
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none; }
nav dl { position:relative; }
nav dl dt a{display:inline-block; font-size:125%; line-height: 130%; color:#000000; padding:10px 15px 10px 15px;text-transform: uppercase; text-decoration:none; font-weight:400; position: relative  }
nav dl dt a::after{ content:url(/charte/chevron.svg); width:16px; display:inline-block; line-height: 130%; padding:0 5px 0 5px;}
nav dl.menu0active dt a, nav dl dt a:hover{ text-decoration:none; color:#000; background:#fff }
/*survol*/
nav dd{ position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%; left:0; background-color:#ffffff; 
  padding:15px 20px 10px 20px; min-width:200%; text-align:left; -webkit-column-count: 2;   -moz-column-count: 2; column-count: 2;}
nav dl:hover dd{ height:auto; opacity:1; overflow:visible;}
nav dd li{  display:block; min-width:180px; -webkit-column-break-inside: avoid;  page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;}
nav dd a{color:#000; display:block; padding:10px 5px; font-size:100%; text-decoration:none; text-transform: none ; border-top:1px solid #000000 }
nav dd a:hover{ text-decoration:none; color:#000; background:#fff }

/* moteur */
#moteur{position:relative;  padding:5px 0 5px 50px; margin:10px 0; border-left: 2px solid #190b86; display: inline-block;height:38px; }
#moteur .moteur{ border: none;border-bottom: 2px solid #190b86; width:150px; color:#190b86; height:30px; line-height:30px; font-size:90%; font-weight:600; }
#moteur .ok{position:absolute; left:15px; top:0; width:30px}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.flexslider {  position: relative; width:100%; float:left;height:62vh; min-height:320px; z-index:0; position:relative; margin-bottom:15px;}
.slides{position:absolute; bottom:0; right:0; left:0; top:0;  width:100%; height:100%; text-align:center; z-index:14;background-repeat:no-repeat; 
  background-position:center center; background-size:cover; overflow:hidden; border-bottom-left-radius:50% 60px; border-bottom-right-radius:50% 60px;}
.flexslider .slides > li{ height:100%; background-size:cover; background-position: center center;
  color:#fff; -webkit-backface-visibility: hidden; }
.flexslider .slides > li.flex-active-slide #bis_caption{ display:block}
.flexslider .slides > li a, .flexslider .slides > li p{ color:#fff; text-decoration: none}
.flexslider .slides > li p{ font-size:60%; text-shadow: 0 0 8px rgba(0,0,0,1); 
text-shadow: 2px 0 0 rgba(0,0,0,.3), -2px 0 0 rgba(0,0,0,.3), 0 2px 0 rgba(0,0,0,.3), 0 -2px 0 rgba(0,0,0,.3), 1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3), -1px 1px 0 rgba(0,0,0,.3), 1px 1px 5px rgba(0,0,0,.3); }
/*puces*/
.flex-control-nav{ text-align:center; z-index:20; position:absolute; bottom:-20px; right:0; left:0;padding:5px 0}
.flex-control-nav li{cursor:pointer; border-radius:10px; overflow:hidden; text-indent:-1000px;  display: inline-block; 
  color:transparent; width:16px; height:16px; line-height:16px; display:inline-block; margin:4px;background:#ffffff; border-radius:10px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);}
.flex-control-nav li a{ background:#ffffff; display: block;  cursor: pointer;  text-indent: -9999px; }
.flex-control-nav li a:hover, .flex-control-paging li a.flex-active{ background:#190b83; }
/*fleches*/
.flex-direction-nav { display:none}
.flex-nav-prev a, .flex-nav-next a{  bottom:30%; position:absolute; z-index:2; cursor:pointer; opacity:1; 
  text-align:center; z-index:20; display:block; overflow:hidden; text-indent:-1000px;  color:transparent; 
-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.flex-nav-next a{ right:15px; content: url(/charte/right.png);  }
.flex-nav-prev a{left:15px;  content: url(/charte/left.png); }
.flex-nav-next a:hover, .flex-nav-prev a:hover{opacity:0.8;}
#bis_container{ position:absolute; bottom:0; right:0; left:0; top:0;  text-align:center; }
#bis_caption{ position:absolute; bottom:35%; left:60px; right:60px }
.bis_title{ color:#fff; font-size:250%; text-shadow: 0 1px 4px rgba(0,0,0,0.7); margin:0; }
.bis_title a, #firstline, #secondline{ color:#fff;}
#firstline, #secondline{ font-size:300%; text-shadow: 0 1px 4px rgba(0,0,0,0.7); font-weight:700;}

/* bandeau */
#bandeau{ float:left; overflow:hidden; width:100%; height:40vh; min-height:220px; max-height:420px}
.bandeau{background-repeat: repeat-x; background-position: center center; background-size:cover; position:relative}
.footer.bandeau:after{background-color:rgba(25,11,134,0.7); position:absolute; top:0; right:0; bottom:0; left:0; content:" "; z-index:0}

.suivez iframe{ margin:10px 0}

/*ACTUALITES*/
.title-block {display: block; width: auto !important;}
.jflow-content-slider {position: relative;}
.jflow-content-slider, #jFlowSlide {width: 100% !important;}

#slides {  display: flex;width: 102%; margin-left:-1%;flex-direction: row;flex-wrap: wrap;align-items: stretch;}
.slide-wrapper{    position: relative;overflow: hidden; text-align:center; background:#ededed; border-radius:6px;
margin: 15px 1% 15px 1%;width: 31.33%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;
box-shadow:0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.3); }
#jFlowSlide {max-height: 410px;}
.slide-thumbnail {width: 100% !important; margin: 0 !important; max-height:240px; overflow:hidden}
.slide-thumbnail img {max-width: 100% !important; }
.slide-details {padding: 15px;}
.News_titre a, .News_titre {font-size: 18px; color: #190b86; text-decoration: none; text-transform: uppercase; opacity: 1 !important; font-weight:600 }
.News_resume p {color: #000;}
.News_lien a {color: #190b86; font-weight: 700; text-decoration: none; width: 100%; display: inline-block;}
.jFlowControl {display: none;}
#myController {position: absolute; top: -50px; right: 0; height: 50px; width: 90px;display:none  }
.jFlowPrev, .jFlowNext {display: block; width: 40px; height: 100%; font-size: 300%; color: #000; text-align: center; cursor: pointer;}
.jFlowPrev {float: left; }
.jFlowNext {float: right;}
.News_titre a:hover, #lien-plus a:hover {text-decoration: none !important;}
/*ACTUS EN DETAIL*/
.bloc-news { padding:15px 25px;float:left; margin:10px 0; border:1px solid #190b86; width:100%}
.titre-news {font-size:1.2em; }
.img-news {width: 48%; float:right }
.bloc-news .image_droite, .bloc-news .image_gauche{ max-width:96%; float:right; margin:0}

.actu-plus{ margin:15px 0; position:relative;}
.actu-plus h2{ margin:0; padding:0 0 0 10px}
a.more{ background:#005D71; color:#ffffff; border-radius:4px ; text-decoration:none; padding:2px 8px ; position:absolute; top:0; right:0}
.actu-plus h2:after{  content:''; margin-left:6px ;display:inline-block; vertical-align: middle; width: 80%; height: 1px; background: #005D71 }

/* MenuLat */
#titre_rub, .haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat > ul{ width:100%; padding:0; background:#ffffff ; border-top:4px solid #190b86}
.menuLat a, .menuLat a:hover { text-decoration: none; display: block; }
 a.menuG-2, a.menuGactive-2{  padding: 9px 6px 8px 15px; color: #000; font-size:95%; border-bottom:1px solid #190b86; background:#fff; }
a.menuGactive-2, a.menuG-2:hover{ color:#ffffff; background: #190b86; border-bottom:1px solid #fff;}
a.menuG-3, a.menuGactive-3 { padding: 7px 6px 6px 16px;; color: #333333; font-size:90%;border-bottom:1px dotted #190b86; background:#fff; }
a.menuGactive-3, a.menuG-3:hover{color:#fff; background: #190b86; border-bottom:1px dotted #fff;}
a.menuG-3::before, a.menuGactive-3::before{ content:"→ "}
a.menuG-4, a.menuGactive-4 { padding: 6px 6px 5px 34px; color: #555555; font-size:85%; border-bottom:1px dotted #190b86; background:#fff; }
a.menuGactive-4, a.menuG-4:hover{ color:#fff; background: #190b86; border-bottom:1px dotted #fff;}
a.menuG-4::before, a.menuGactive-4::before{ content:"- "}
a.menuG-5, a.menuGactive-5 { padding: 5px 6px 4px 50px; color: #555555; font-size:80%; border-bottom:1px dotted #1175bb; background:#fff; }
a.menuGactive-5, a.menuG-5:hover{ color:#fff; background: #190b86; border-bottom:1px dotted #fff;}
a.sous_menu_item2:before{ content:"- "}

/*plan du site*/
main .PLAN0 a, main .PLAN1 a, main .PLAN2 a, main .PLAN3 a{text-decoration:none !important}
main .PLAN0{ }
main .PLAN0 a{ font-size:1.6em; color:#000000 !important}
main .PLAN1{list-style-type:none; ; padding:.2em 0}
main .PLAN1, main .PLAN1 a{ }
main .PLAN1 a{font-size:1.3em;  }
main .PLAN2{list-style-type:disc; font-weight: normal; padding:.3em 0}
main .PLAN2 a{color:#000 !important; font-size:1em}
main .PLAN3{ font-size:.9em; }
main .PLAN3 a{font-weight:normal; color:#000;}
main .PLAN4{list-style-type:disc; color:#000; }
main .PLAN4 a{color:#333333;  font-size:0.9em;}

/* Annuaire */
.pagination{width:100%; float:left; text-align:center; border-top: 1px dotted #190b86; border-bottom: 1px dotted #190b86; margin:5px 0; padding:5px 0}
.annuaire-sous-famille{ margin:15px 0; text-align: center}
.annuaire-sous-famille *{ display: inline-block}
.annuaire-sous-famille > div{ border:1px solid #190b86; display:block; text-align: center; }
.annuaire-sous-famille a{ font-weight:600; text-decoration: none}
.annuaire-sous-famille a span{ font-weight:300}
.annuaire_retour_icone{ width:100%; float:left; margin-bottom:20px;}
.annuaire_retour_icone a, .annuaire_retour a{  text-decoration:none !important;padding:5px 20px;background:#190b86; color:#ffffff; cursor:pointer;  }
.annuaire-logo{ float:right}
.annuaire_resume_fiche{ padding:10px 15px 25px 15px; margin:10px 0; border:1px solid #190b86 ; position:relative; width:100%; float:left }  
.annuaire_resume_fiche .btn-plus, .annuaire-lien-detail{ position:absolute; right:0; bottom:0; padding:4px 15px;background:#190b86; color:#ffffff; text-decoration:none; }
.annuaire_resume_fiche h3{ margin:.5em 0}
.annuaire_resume_fiche br{ display:block; }
.moteur-annuaire{ background:#ddd; padding:10px 15px}
.moteur-annuaire-ligne{ display:inline-block; margin:5px 5px 5px 0}
.moteur-annuaire-ligne label{ margin-right:5px}
.moteur-annuaire-ok{ float:right}
.moteur-annuaire-ok input{ background: #190b86; border:none; color:#fff; padding:5px 10px; cursor: pointer; font-weight:600}
.moteur-annuaire-ok input:hover{ background: #111111}
.annuaire-nom{ font-weight:700}

/* illicomag */
.illicomag{ width:100%; float:left; border-bottom:1px solid #190b86 }
.illicomag_vignette img{ border:1px solid #190b86; margin-right:15px}
.illicomag_titre{ font-weight:700; margin:10px 0; font-size:115%}
.illicomag_flip a, .illicomag_pdf a{  text-decoration:none !important;padding:3px 20px;background:#190b86; color:#ffffff; cursor:pointer; 
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:6px; display:inline-block; margin:4px 0}

/*Footer*/
footer{width:100%; float:left; background: #190b86;color:#ffffff; text-align: left; padding:15px 0; font-size: 90%}
footer *{ color:#ffffff;  text-decoration:none }
footer .newsletter img, .horaire img, .adresse img{ height:50px; margin:5px 15px 5px 5px; display: inline-block; }
.carte-newsletter{width:100%; float:left; padding:15px 0; position:relative; z-index:1}
.carte{ text-align: center}
.carte img{ max-width:470px}
.logo-footer img{ max-width:330px}
.footer-site{width:100%; float:left; padding:15px 0; position:relative; z-index:1}
.footer-site .container{ border-top: 2px dashed #ffffff; padding-top:20px}
footer table, footer table *{ border:none; background: none; margin:0; padding:2px 10px 2px 0 }
footer table br{display: none}
.newsletter > div > div{ display: inline-block}
footer .newsletter p{ margin:0}
#form_inscription{width:100%; float:left;  max-width: 330px; margin:15px 0}
#Email{ background: none; border:none; border-bottom:1px solid #ffffff; display:block; width: 100%; margin:5px 0}
#ok-newsletter{  background: none; border:none; border-bottom:1px solid #ffffff; ; display:block; float:right; margin:5px 0}
.titre2{ font-size:150%; font-weight: 500}
.horaire img, .adresse img, .horaire > div, .adresse > div{ display: inline-block; vertical-align:top}
.lien-footer{ margin:20px 0; font-size:90%}


/*- zone centrale -*/
main{height:auto; min-height:250px; margin: auto; display:block; padding: 25px 0; width:100%; float:left}
main .container{ padding-top:25px; padding-bottom:25px;}

/* FIL D'ARIANE */
#div_lien_yahoo{ margin:8px 0}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo {text-decoration:none; line-height:1em; font-size:90%; color:#999; font-weight:300; font-style:italic}

/*Liens "toutes les ..."*/
.lien-plus .bloc_isole {position: relative;}
.lien-plus {float: right; width: 80% !important;}
.lien-plus a {background: #1484B3; opacity: 1 !important; padding: 5px 8px; color: #ffffff; text-decoration: none; width: auto !important; text-align: center; float: right;}
.lien-plus a::before {content: ""; position: absolute; left: 0; width: 75%; background-color: #777; height: 1px; top: 79%;}
#Agenda .lien-plus {width: 88% !important;}
#Agenda .lien-plus a::before {width: 89%;}

/*Bouton retour haut de page*/
#btn-up{ display:none; background: #444 url("/charte/retour-haut.png") center 6px no-repeat; box-shadow: 2px 3px 7px #323232; color: white;
 cursor: pointer; font-size: 0.833em; line-height: 1.167em;  padding: 30px 0 5px 0; position: fixed; right: 0; text-align: center; bottom:60px;
text-transform: uppercase; width: 70px; z-index: 501; }

/*AGENDA*/
.agenda-liste {clear: both; display: inline-block;}
.agenda-item {width: 25%; float: left; padding: 8px; box-sizing: border-box; line-height: 1.3em;}
.agenda-item a , .agenda-item a:hover {text-decoration: none !important;}
.agenda-image {height: 175px; overflow: hidden; margin-bottom: 10px;}
.agenda-image img	{height: 100%; width: auto; max-width: 200% !important;}
.agenda-date, .agenda-titre, .agenda-theme, .agenda-desc,  .agenda-lieu,
.bloc-liste-manif .manif-item .manif-titre, .bloc-liste-manif .manif-item .theme, .bloc-liste-manif .manif-item .date, .bloc-liste-manif .manif-item .lieu, .bloc-liste-manif .manif-item .manif-lien  
{border-left: 4px solid #018ec3; padding-left: 5px; font-size: 13px;}
.agenda-titre, .manif-titre, .manif-titre a, .manif-titre a:hover {text-transform: uppercase; color: #01506c; font-weight: 700; font-size:1.125em; padding-top: 7px; padding-bottom: 7px; text-decoration: none !important;}
.manif-item .manif-titre h3 {margin: 0;}
.agenda-theme, .manif-detail .theme, .manif-item .theme {color: #018ec3; font-weight: 700;}
.manif-detail .lieu, .manif-item .lieu {color: #01506c; font-weight: 700;}
.agenda-date, .manif-detail .date, .manif-item .date {color: #9f9f9f;}
.manif-image {margin: 15px 0;}
.manif-liste .manif-item {margin-bottom: 20px; width: 33%; float: left; min-height: 350px; padding: 0 10px; box-sizing: border-box;}
.manif-liste .manif-image {height: 140px; overflow: hidden;}

/* outil lien */
.lien-utile{ width:100%; float:left; margin:10px 0; padding:15px; background: #eaeaea; border-bottom:3px solid #dadada}
.lien-utile img{ float:right}
.titre-lien-utile *{ font-size:1.5em; font-weight:300; text-transform: uppercase; color: #AF1B32;}

.moteur-manif{ padding:15px; background:#efefef; text-align:center}
.recherche-manif{ background:#000; color:#fff; padding:3px 10px}
.manifestation-detail{ width:100%; float:left; padding:15px; border:1px solid #190b86; margin:5px 0}
.manif-detail-image{ float:right}
.manif-detail-titre{ font-weight:700; font-size:110%}

/* css illicobilite */

:root{
  --logo_text: #ffffff;
  --logo_text_hover: #ffffff00;
  --backgound: #190b86;
  --checkbox: black;
  --size: 15px;
}

.gray{
  filter: grayscale(1);
}

.inverter{
  filter: invert(1);
}

#custom-accessibility-menu {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: end;
  z-index: 99;
  bottom: 5vh;
  left: -1px;
}

#bt_menu_acessibilite {
  font-size: 16px;
  margin: 5px;
  cursor: pointer;
  border: none;
  color: var(--logo_text);
  text-align:start;
  padding: 5px;
  font-family:"Montserrat", sans-serif;
}

#bt_menu_acessibilite svg{
  fill: var(--logo_text);
  padding-right: 5px;
  height: 20px;
  width: 20px;
 padding-top: 7px; 
}

#bt_menu_acessibilite:hover {
  background-color: var(--logo_text_hover);
  color: var(--logo_text);
}

.bt_accesibilite{
  display: flex;
  padding: 7px;
  background-color: var(--backgound);
  border-radius: 10px;
  height: min-content;
  position: relative;
  left: -2px;
  margin-left: 10px;
}

.bt_accesibilite svg{
  width: 30px;
  height: 30px;
  fill: var(--logo_text)!important;
}

.menu_acessibilite{
  display: none;
  flex-direction: column;
  padding: 10px;
  background-color: var(--backgound);
  border-radius: 0 10px  10px 0;
  float: left;
  text-align: center;
  max-width: 280px;
  min-width: 0;
}

.liensoulines{
  text-decoration: underline!important;
}

.title_acessibilite{
  font-weight: 700;
  font-size: 1.3em;
  font-family:"Montserrat", sans-serif;
  color: var(--logo_text);
  margin: 0;
  margin-bottom: 15px;
}

@font-face {
  font-family: 'opendyslexic';
  src: url('../fonts/dyslexic.ttf');

} 

.opendyslexic{
  font-family: 'opendyslexic', eulexia!important;
}



#custom-accessibility-menu details div{
  text-align: start;

}

#custom-accessibility-menu details summary{
  color: var(--logo_text);
  list-style: none;
  list-style-type: none;
}

#custom-accessibility-menu details summary::-webkit-details-marker{
  display: none;
}

/*------ Settings ------*/
#custom-accessibility-menu .container {
  position: relative;
  cursor: pointer;
  font-size: var(--size);
  user-select: none;
  fill: var( --logo_text);
}

#custom-accessibility-menu .container svg{
  height: var(--size)!important;
  width: var(--size)!important;
}

#custom-accessibility-menu .container .play {
  /* position: absolute; */
  animation: keyframes-fill .5s;
  padding: 0px !important;
}

#custom-accessibility-menu .container .pause {
  /* position: absolute; */
  display: none;
  animation: keyframes-fill .5s;
  padding: 0px !important;
}

/* ------ On check event ------ */
#custom-accessibility-menu .container input:checked ~ .play {
  display: none;
}

#custom-accessibility-menu .container input:checked ~ .pause {
  display: inline;
}

/* ------ Hide the default checkbox ------ */
#custom-accessibility-menu .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* ------ Animation ------ */
@keyframes keyframes-fill {
  0% {
    transform: rotate(-180deg) scale(0);
    opacity: 0;
  }

  50% {
    transform: rotate(-10deg) scale(1.2);
  }
}


#custom-accessibility-menu #config_lecaudio_d div{
  display: flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  color: var(--logo_text);
}

#custom-accessibility-menu #config_lecaudio_d select, 
#custom-accessibility-menu #config_lecaudio_d input{
  width: min-content;
  max-width: 70%;
  background-color: var(--logo_text);
  color: var(--checkbox);
  border-radius: 20px!important;
  width: min-content;
  padding: 3px 10px!important;
}

#custom-accessibility-menu summary::before {
  content: "+"; 
  margin-left: 5px; 
  float: right; 
}

#custom-accessibility-menu details[open] summary::before {
  content: "-"; 
}


//