@media only screen and (max-width: 1560px) {
    #accueil_widgets  .accueil-widget{max-width: calc(33% - 10px);min-width: calc(33% - 10px);}
    #accueil-actions-rapides .accueil-actions-rapides-liens > a{max-width: 15%;}
}
@media only screen and (max-width: 1260px) {
    #accueil_widgets  .accueil-widget{max-width: calc(50% - 1.4em);min-width: calc(50% - 1.4em);}
    #accueil-actions-rapides .accueil-actions-rapides-liens > a{max-width: 20%;}
}

/******************************** MOBILE ********************************/
@media only screen and (max-width: 860px) {
    /*************** LOGIN 2019 ************************/
    body.page-connexion {
        background: #fff;
    }

    .login-connexion {
        position: static;
        width: auto;
        margin: 0;
        height: auto;
        box-shadow: none;
        padding: 42px 20px 20px;
    }

    header.authentification {
        display: none;
    }

    footer {
        text-align: center;
    }

    .login-connexion .button,
    .login-connexion button {
        width: 100%;
        display: block;
        margin: 12px 0;
    }

    .login-connexion #loading {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
        margin: 0;
    }

    .login-connexion #loading > div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    /*************** LOGIN 2019 ************************/
    .desktop,
    #lienprofil, #lienHelp,
    #logoTopEnos {
        display: none;
    }

    #contenuAdmin.ferme,
    #contenuAdmin {
        padding: 0;
    }

    #nomClient {
        display: inline-block !important;
    }

    /*#logoTop.ferme, #logoTop {
        display: block;
        width: auto;
        float: none;
    }*/

    #accueil {
        padding: 0 20px;
    }

    #contenuAdmin.scrollBottom.ferme .boutons,
    #contenuAdmin.scrollBottom .boutton,
    #contenuAdmin.scrollBottom .boutons {
        left: 22px;
    }

    #contenuAdmin div.double, #contenuAdmin label.double,
    #contenuAdmin div.triple, #contenuAdmin label.triple,
    #contenuAdmin div.quadruple, #contenuAdmin label.quadruple,
    #contenuAdmin div.quintuple, #contenuAdmin label.quintuple,
    #contenuAdmin div.sextuple, #contenuAdmin label.sextuple {
        width: auto;
        padding-right: 0;
        display: block;
    }

    #wrapNouveauMenu,
    #wrapNouveauMenu.ferme {
        position: fixed;
        overflow-y: auto;
        z-index: 606;
        left: 0;
        top: 60px;
        bottom: 0;
    }

    #wrapNouveauMenu.ferme {
        left: -260px;
    }

    #wrapNouveauMenu #nouveauMenu a,
    #wrapNouveauMenu.ferme #nouveauMenu a {
        font-size: 14px;
        overflow: visible;
        width: auto;
    }

    #logoTop.ferme {
        width: auto;
    }

    #wrapNouveauMenu.ferme #nouveauMenu,
    #wrapNouveauMenu.ferme {
        width: 260px;
    }

    #wrapNouveauMenu.ferme .subMenu.cache, #wrapNouveauMenu.ferme .subMenu {
        position: static;
        margin-top: 0;
    }

    #contenuAdmin {
        overflow-x: auto;
    }

    #contenuAdmin .tdcontent {
        min-width: calc(100vw - 20px);max-width: calc(100vw - 20px);margin: auto;
    }

    .bordureTbl form {
        margin: 0;
        padding: 20px;
    }
    #accueil_widgets .accueil-widget{max-width: calc(100% - 18px);min-width: calc(100% - 18px);}
    #wrapNouveauMenu {background-color: var(--corps);}
    .backus-dark-mode #wrapNouveauMenu {background-color: var(--corps-noir);}
    #accueil-actions-rapides .accueil-actions-rapides-liens > a{max-width: 25%;}
}

/******************************** /MOBILE ********************************/