@media all and (min-width: 1400px) {
    /* Menu Principal - ssMenu Formation - petite fleche ssMenu - Taille des caractères 1/3 */
    .menu-principal .onglet-formation .onglet-groupe::before {top: 40px;} 
 
}

@media all and (max-width: 1400px) {
    /* Menu Principal - Menu utilisateur */
    .menu-utilisateur {flex-direction: column;}
    .menu-utilisateur ul li {margin-bottom: 8px;}
    .menu-utilisateur li.onglet-groupe {width: 145px;}
    .menu-utilisateur .onglet-connexion {order: 1;}
    .menu-utilisateur .onglet-inscription {order: 2;}

    /*  !!ok!!  Utilisateur non connecté - Menu Principal - ssMenu Formation - Menu utilisateur sur 2 lignes */
    .notConnected .menu-principal .onglet-formation .ssMenu-formation {top: 62px;}

}

@media all and (max-width: 1328px) {
    /* Menu Principal - Menu utilisateur - Taille des caractères 3/3 */ 
    .menu-utilisateur.mainnavheader__menu--online .onglet-tabBord {display: none !important;}
    .menu-utilisateur .ssMenu-tabBord {display: block !important;}
}

@media all and (max-width: 1260px) {
    /* Pub - Page Dashboard */
    .colonne-pub.pub-accueil {position: initial; text-align: center;}
}

@media all and (max-width: 1229px) {
    /* Menu Principal - Menu utilisateur */ 
    .menu-utilisateur {justify-content: flex-end;}
    .menu-utilisateur .onglet-tabBord {order: 2;}

    /* Menu Principal - Menu utilisateur - Taille des caractères 3/3 */ 
    .font-weight-14 .menu-utilisateur {width: auto;}
}

@media (min-width: 1161px) and (max-width: 1232px) {
    /* alignement onglets quand le menu utilisateur est sur 3 lignes */
    header.mainnavheader .menu-utilisateur {justify-content: end;}
}

@media all and (max-width: 1160px) {
    /* Menu Principal - ssMenu Formation */
    .menu-principal .onglet-formation .ssMenu-groupe,
    .menu-principal .onglet-formation .ssMenu-groupe::before {display: none;}
    .menu-principal .onglet-formation .ssMenu-groupe {position: absolute; background-color: transparent; width: max-content; top: 55px; left: calc(-100% - .5rem); padding-bottom: 0.8em;}
    .menu-principal .onglet-formation .ssMenu-titre {padding: 0; color: #fff;}
                                                    
                                                    
    .menu-principal .onglet-formation .ssMenu-formation {padding-top: 3.5em; /* top: xxx; => variable' selon menu utilisateur et selon page et selon connecté */; z-index: -1;}
                            
    /* !!ok!!   Utilisateur non connecté - Menu Principal - ssMenu Formation - Menu utilisateur sur 2 lignes */
    .notConnected .menu-principal .onglet-formation .ssMenu-formation {top: 14px;}
    .notConnected .menu-principal .onglet-formation .ssMenu-titre {padding-top: 1.8em;}

    /* !!ok!!   Utilisateur connecté - Menu Principal en picto - ssMenu Formation */
    .menu-principal .onglet-formation .ssMenu-formation,
    .font-weight-14 .menu-principal .onglet-formation .ssMenu-formation {top: 5px;}
    .menu-principal .onglet-formation .ssMenu-titre {padding-top: 1.1em;}

    /*  Menu Principal - ssMenu Mission + AO + formation */
    #mainnavigation__wrapper .mainnavigation__link.nav-link > .mainnavigation__link,
    .menu-principal .onglet-mission .ssMenu-mission {display: none;}

    /* Menu principal = Taille des caractères 3/3 */
    .font-weight-14 .menu-principal {flex: 0.95 0 0;}

}

@media  (min-width: 1081px) and (max-width: 1160px) {
    /* Menu utilisateur */
    .menu-utilisateur .onglet-tabBord {
        order: unset;
    }
}

@media all and (max-width: 1090px) {
    /* Menu Principal - Menu utilisateur - Taille des caractères 1/3  */
    #mainnavigation__wrapper .mainnavigation__link > .mainnavigation__link {bottom: -55px!important;}    
}

@media  (min-width: 992px) and (max-width: 1090px) {
    #mainnavigation__wrapper .mainnavigation__link.color--mission:hover > .mainnavigation__link {
        background: var(--main-color_mission)!important;
    }

    #mainnavigation__wrapper .mainnavigation__link--favoris:hover > .mainnavigation__link {
        left: calc(-100% - 3rem); 
    }

    #mainnavigation__wrapper .mainnavigation__link.color--AO_secondary:hover > .mainnavigation__link {
        background: var(--secondary-color_ao)!important;
    }

    #mainnavigation__wrapper .mainnavigation__link.color--mission:hover > .mainnavigation__link::before {
        border-right: 10px solid var(--main-color_mission);
    }

    #mainnavigation__wrapper .mainnavigation__link.color--AO_secondary:hover > .mainnavigation__link::before {
        border-right: 10px solid var(--secondary-color_ao);
    }
}

@media  (min-width: 1161px) and (max-width: 1229px) {
    /* page plus bas quand le menu utilisateur est sur 3 lignes */
    .notConnected .mainhead.mainhead__mission,
    .notConnected .mainhead.mainhead__ao,
    .notConnected .mainhead.mainhead__formation,
    .notConnected .mainhead.mainhead__esn  {padding-top: 4rem !important;}
    .notConnected.hitechLive__header--title {margin-top: 45px;}
}

@media  (min-width: 992px) and (max-width: 1080px) {
    /* page plus bas quand le menu utilisateur est sur 3 lignes */
    .notConnected .mainhead.mainhead__mission,
    .notConnected .mainhead.mainhead__ao,
    .notConnected .mainhead.mainhead__formation,
    .notConnected .mainhead.mainhead__esn  {padding-top: 4rem !important;}
    .notConnected.hitechLive__header--title { margin-top: 45px;}
}

@media all and (max-width: 991px) {
    /* Menu Principal droit - Menu utilisateur - Taille des caractères 1/3  */
    #mainnavigation__wrapper .mainnavigation__link.nav-link > .mainnavigation__link {display: block;}
    #mainnavigation__wrapper .mainnavigation__link > .mainnavigation__link {bottom: initial !important;}
    nav.menu-principal ul.ml-3 {margin-left: 0 !important;}
    .notConnected .mainnavheader {padding-right: 1rem;}
    .menu-utilisateur, .menu-mobile .menu-utilisateur {width: auto;}
    .onglet-profil svg {width: 40px;}

    /* Pg Tab Bord - img bloc mission  */
    .bg--p-profil_svg {background-size: 52%;}

    /* ssMenu principal Milieu - ssmenu Formation */
    .formation-menu .menuitem_submenu .mainnavigation__link--formation > ul li:nth-of-type(2) {margin-top: 0; margin-bottom: 0;}
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu {align-items: flex-start !important;}
    
                                                                            .menu-principal .onglet-formation .ssMenu-formation::before {display: none;}
    .menu-principal .onglet-formation .ssMenu-groupe, 
    .menu-principal .onglet-formation .ssMenu-groupe::before {display: block !important;}
    #mainnavigation__wrapper .menu-principal li.menuitem_submenu.onglet-formation {justify-content: left !important;}
    .menu-principal .onglet-formation .ssMenu-groupe {background-color: transparent; position: initial; margin-left: 5px; width: 100%; padding-bottom: 0;}
    .menu-principal .onglet-formation .ssMenu-titre {color: var(--main-color_formation); margin-bottom: 0; margin-top: 7px; padding: 0 !important; position: relative; /* accroche la petite fleche dans span de aside.ssMenu-titre */}
                                                                            .menu-principal .onglet-formation .ssMenu-formation {position: initial; background-color: transparent; padding: 0;}
                                                                            .menu-principal .ssMenu-formation a {text-transform: initial;}
        /* ==>   */
        .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > ul a {text-align: left;}
}

@media all and (max-width: 768px) {
    /* Menu principal Milieu */
    .home .chekpoint {align-content: center;}

    /* Pg Tab Bord - img bloc mission  */
    .bg--p-profil_svg {background-size: auto;}    
}

@media all and (max-width: 575px) {
    /* Menu principal Milieu - Taille des caractères 1/3 */
    .voir-cartoucheHeader .conteneur-arrowMission {margin-top: 1em; padding-left: 15px;}   
    .voir-cartoucheHeader div:nth-child(2) {flex: 0 0 100%;}
}

@media all and (max-width: 561px) {
    /* Menu principal Milieu - Taille des caractères 1/3 */
    footer nav {flex-direction: column; justify-content: flex-start; align-content: center; text-align: center;}
    .home .chekpoint > section {flex-basis: 290px;}
}

@media all and (max-width: 425px) {
    /* Menu principal Milieu - Taille des caractères 1/3 */
    footer nav {flex-direction: column; justify-content: flex-start; align-content: center; text-align: center;}
    .home .chekpoint > section {flex-basis: 290px;}
    
    /* titre Pg Accueil - logué & non logué */
    .home .recherche h1 {margin-top: 4em;}

    /* Menu Mobile pour taille de caractère 2/3 & 3/3 */
    .font-weight-12 .mainnavigation,
    .font-weight-14 .mainnavigation {width: 100%;}
    
    /* Menu Mobile - Place du tel et mail pour taille de caractère 3/3 */
    .mainnavigation #mainnavigation__wrapper .nav li a,
    #mainnavigation__wrapper .menu-principal li.menuitem_submenu.onglet-formation {width: 95%;}


}