@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/
    /*site{ font-size: 0.78rem; }*/
    #accMainMenu{ width: 14em; }
    #accMainMenu in{ width: 14em; }
    .menu .editct #missed, .menu nav:not(#login nav){ width: calc( 100% - 14em ); left: 14em; }

}



@media (min-width: 1200px) { /* Desktop */
    #accHead .bando{ font-size: 0.75em; }
    admct{ padding-top: 4em; }
}

/* Tablette */
/*@media (min-width: 768px) and (max-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1199.98px) {

    #accHead{ position: absolute; top: 4em; left: 0; width: 100vw; background: var(--accheader-back-resp); }
    #accMainMenu{ 
        position: absolute; top: 8em; left: 0;
        height: calc( 100vh - 8em); width: 33em;  margin-left: -33em; 
        background: var(--accmainmenu-back-resp); transition: margin-left 1s; 
    }
    #accMainMenu in{ width: 33em; }
    #accMainMenu a{ font-size: 1.5em; }
    #accMainMenu.unfolded{ margin-left: 0; }
    accountct{ padding: 1.5em 0 8em 0; margin-top: 4em; }

    #accHead #acessibility menu{ width: 42vw; }

    .editct #missed{ top: calc( 4em + 4em ); }
    .menu .editct #missed, .menu nav:not(#login nav){ width: 100%; left: 0; }
}

/* Mobile */
@media (max-width: 767px) {
    #accHead{ position: absolute; top: 4em; left: 0; width: 100vw; background: var(--accheader-back-resp); }
    #accMainMenu{ 
        position: absolute;  top: 8em; left: 0;
        width: 100vw; height: calc( 100vh - 8em); margin-left: -100vw; 
        background: var(--accmainmenu-back-resp); transition: margin-left 1s; 
    }
    #accMainMenu in{ width: 100vw; }
    #accMainMenu a{ font-size: 1.5em; }
    #accMainMenu.unfolded{ margin-left: 0; }
    #accHead .bando{ justify-content: flex-end; }
    accountct{ padding: 1.5em 0 8em 0; margin-top: 4em;  }
    
    #accHead #acessibility menu{ width: 90vw; left: -38vw; }

    #missedDummy .dummy{ height: 5em; }
    #missed{ flex-direction: column; }
    #missed .missed{ width: 94%; }
    #missed .missed .alerts a{ font-size: 1em; }
    .editct #missed{ top: calc( 4em + 4em ); }
    .menu .editct #missed, .menu nav:not(#login nav){ width: 100%; left: 0; }
    #missed .btGroup{ flex-direction: column; margin: 0 0 1.5em; }
    #missed .btGroup .cta{ margin-bottom: 0.5em; }

    filters{ flex-direction: column; }
    filters span:not(a span):not(.flag){ width: 94%; margin: 0 0 1em 0; }

    filters .datecouple{ margin-bottom: 0!important; }
    filters .datecouple span:not(.datePicker){ width: 100%!important; }
    filters .datecouple span span{ margin-bottom: 0!important; }

    accountct nav:not(#login nav){ flex-wrap: wrap; padding: 0.5em; }
    accountct nav:not(#login nav) a{ margin: 0.5em; }
    #nbRes{ padding: 0 1em; }

}