#accHead{ 
    display: flex; flex: none; align-items: center; 
    position: fixed; width: 100%;
    padding: 0.75em; height: 4em; background: var(--accheader-back);  z-index: 50; 
}
#accHead #burger a{ display: flex; flex: none; align-items: center;  text-decoration: none; color: var(--main-color); font-size: 2.5em; }
#accHead #burger a .material-icons{ font-size: inherit; }
#accHead .bando{ display: flex; flex: 1; align-items: center; justify-content: center;}
#accHead h2{ margin: 0 1em 0 0; }
#accHead #accBtZone{ display: flex; flex: none; align-items: center; font-size: 1.25em; }

#accHead #acessibility{ position: relative; display: inline-flex; }
#accHead #acessibility .cta{ font-size: 0.8em; }
#accHead #acessibility menu{ position: absolute; width: 25vw; top: 3em; left: 0; font-size: 0.88rem; }
#accHead #acessibility menu a, #accHead #acessibility menu .fontsize{ margin: 0.66em 0; }
#accHead #acessibility menu .fontsize a{ width: auto; margin: 0 1em 0 0; }

/*--------------- accMainMenu ---------------------*/

#accMainMenu{ display: flex; flex: none; flex-direction: column; align-items: stretch; width: 13em; background: var(--accmainmenu-back); position: relative; z-index: 40; }
#accMainMenu in{ display: flex; flex: none; flex-direction: column; align-items: stretch; width: 13em; position: fixed; }
#accMainMenu a{
    display: flex; flex: none; padding: 1em; align-items: center; justify-content: space-between; 
    font-size: 1em; text-decoration: none; font-family: "Chakra Petch", serif; color: var(--main-text);
    background-image: linear-gradient(to right, #ffff, #fff0, #fff0 ); border-bottom: 2px solid #fff7;
}
#accMainMenu a:hover, #accMainMenu a.in{ color: var(--sec-color); }
#accMainMenu a:hover:after, #accMainMenu a.in:after{ display: inline-block; content: '\e5cc'; font-family: 'Material Icons'; font-size: 1.5em; margin: -0.25em 0; }
#accMainMenu a.bt_close{ font-size: 0.88em; background: #c332 }
/*--------------------------------------*/

admct{ display: flex; flex: none; align-items: stretch; }

.cta.saved{ background-color: var(--third-color-grad)!important; }

/*------------ Tableaux et nav -------------*/

filters{ display: flex; flex: none; align-items: center; justify-content: space-between; min-width: 50%; font-size: 0.88em; }
filters span:not(a span):not(.flag){ margin-left: 1.5em; }
filters h1{ flex: 1; text-align: center; }
filters .cta{ font-size: 1.25em; }
filters .datecouple .datePicker{ margin-left: 0.5em; flex: 1; }
#mainListe{ min-width: 50%; margin-bottom: 1em; }
tbscroll{ display: block; overflow-x: auto; font-size: 1em; max-width: 100vw; }
.mainTable{ width: 100%; }
.mainTable th{ padding: 0.33em 0.5em; text-align: center; border-bottom: 2px solid #aaa;  }
.mainTable td{ padding: 0.33em 0.5em; text-align: center; border-bottom: 1px solid #eee; }
.mainTable .money{ white-space: nowrap; }
.mainTable .date{ white-space: nowrap; }
.mainTable .action{ white-space: nowrap; }
.mainTable .nw{ white-space: nowrap; }
.mainTable .bigtxt{ min-width: 12em; }
.mainTable .bigertxt{ min-width: 22em; }
.mainTable .action{ width: 8em; }

.editct{ width: 100%; font-size: 1em; }
.editct #mainTitle{ display: flex; flex: none; align-items: center; justify-content: center; text-align: center; margin:0; padding: 0.5em; font-size: 1.5em; }
.editct #mainTitle .material-icons{ font-size: 1.25em; margin-right: 0.25em; }
.editct p{ color: var( --main-text ); }
.editct fieldset{ border: 1px solid var( --main-text ); }
.editct fieldset legend{ color: var( --main-text ); }

/*--------- gestion des messages d'infos --------*/
#missedDummy .dummy{ height: 3em; }
#missed{ display: flex; flex: none; align-items: center; justify-content: center; }
.editct #missed:not(.relative){ position: fixed; top: calc( 5em + 4em ); left: 0; width: 100%; z-index: 10;  }
.menu .editct #missed{ left: 13em; width: calc( 100% - 13em ); }
.menu .editct #missed.relative{ width: 100%; }
#missed .btGroup{ display: flex; flex: none; align-items: center; justify-content: center; margin: 1em 0 1.5em; }
#missed .btGroup .cta{ font-size: 1.1em; }

#missed .missed{ 
    text-decoration: none; display: flex; flex: none; align-items: center; max-width: 100%; padding: 0.5em 1em; margin: 1em 0 1.5em;
    color: var(--main-text); background: var(--sec-color); font-family: "Chakra Petch", serif; border-radius: 0.5em; font-size: 1.25em; 
}
#missed.relative .missed{ width: 100%; }
#missed .missed lab{ flex: 1 }
#missed .missed span{ font-size: 1.5em; margin-right: 0.5em; }
#missed .missed.tooltip{ background: var(--third-color); }
#missed a.cta{ color: var(--reverse-text); background: var(--main-color); margin: 0 0.5em; }
#missed a.cta.back{ color: var(--main-color); border: 2px solid var(--main-color); background: var(--reverse-text);  }
span.missed{ display: inline; color: var(--sec-color); }

#missed .missed.big{ flex-direction: column; }
#missed .missed .mHead{ display: flex; flex: none; align-items: center; }
#missed .missed small{ display: block; }
#missed .missed h4{ font-size: 0.88em; }
#missed .missed .sendDocs{  margin: 1em auto; }
#missed .missed .sendDocs img{ width: 1.5em; aspect-ratio: 1/1; }
#missed .missed .sendDocs .link{ width: 12em; text-align: right; }
#missed .missed .sendDocs a{ all: unset; text-decoration: underline; color: var(--third-color-grad) }
#missed .missed .alerts{ width: 100%; }
#missed .missed .alerts td{ padding: 0.5em 1em; }
#missed .missed .alerts .link{ text-align: right; }
#missed .missed .alerts a{ color: var(--main-color); font-size: 0.88em; margin: 0; padding: 0.5em 1em; background: var(--reverse-text); }

accountct{ display: flex; flex: 1; flex-direction: column; align-items: center; min-height: calc(100vh - 7em); padding: 1.5em 1em 8em 1em; }
accountct nav:not(#login nav){ 
    display: flex; flex: none; align-items: center; justify-content: center;
    position: fixed; bottom: 0; left: 0; z-index: 50;
    width: 100%; padding: 1em 2em;  
    background: var(--accheader-back) 
}
.menu nav:not(#login nav){ width: calc( 100% - 13em ); left: 13em; }

accountct nav a{ font-size: 1.25em; }
accountct nav .cta{ margin: 0 1em; }
accountct nav .back .cta{ color: var(--main-text); background: var(--reverse-text); }
accountct nav .cta.fsan{ color: var(--main-text); background: var(--sec-color); }

.row.error{ color: var(--reverse-text); }

.complet{ margin: 0.75em; color: var(--row-error); }