/*------------------------------*\
    #MAINNAVHEADER
/*------------------------------*/

.dropdown-toggle::after {
    display: none!important;
}

.mainnavheader .navbar-brand,
.inscription .navbar-brand {
    display: inline-block;
    width: 250px;
}

#navbar-close span {
    line-height: 44px;
    font-weight: bold!important;
    color: #000 !important;
    text-transform: uppercase;
}

.mainnavheader__button {
    width: 56px;
    text-align: center;
}

.mainnavheader__button.navbar-toggler {
    border: 2px solid var(--black)!important;
    border-radius: 10px;
}

.navbar-toggler-icon {
    background-image: url(/assets/img/svg/burger-menu.svg)!important;
    width: 30px!important;
    height: 45px!important;
}

.mainnavheader {
    box-shadow: 0px 3px 6px #00000029;
}

.mainnavheader .mainnavheader__switch {
    font-size: calc(var(--basePX) + 2px);
}

@media (min-width: 992px) {
    .mainnavheader .mainnavheader__switch {
        height : 100%;
    }
}

.mainnavheader .mainnavheader__switch svg {
    height: 25px;
    width: 25px;
}

.mainnavheader .mainnavheader__switch .btn--hitechlive svg {
    height: 18px;
    width: 18px;
}

.mainnavheader .mainnavheader__menu--online .item-space svg {
    height: 18px;
    width: auto;
}

.mainnavheader .mainnavheader__menu--online .item-mail svg {
    height: 32px;
    width: auto;
    margin-top: 2px
}

.label--nav-small {
    display: none;
}


@media (min-width: 992px) and (max-width: 1660px) {
    body.font-weight-14 .label--nav {
        display: none;
    }

    body.font-weight-14 .label--nav-small {
        display: inline-block;
    }
}

@media (min-width: 992px) and (max-width: 1536px) {
    body.font-weight-12 .label--nav {
        display: none;
    }

    body.font-weight-12 .label--nav-small {
        display: inline-block;
    }
}

@media (min-width: 992px) and (max-width: 1450px) {
    .label--nav {
        display: none;
    }

    .label--nav-small {
        display: inline-block;
    }
}

.mainnavheader .mainnavheader__switch .nav-link {
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

.mainnavheader .mainnavheader__switch .nav-link.btn--hitechlive:hover {
    color: white!important;
    background-color: var(--main-color_hitechlive);
}



.mainnavheader ul li.active .nav-link.profil,
.mainnavheader .mainnavheader__switch .nav-link.profil {
    color: var(--main-color_profil)!important;
}

.mainnavheader ul li.active .nav-link.mission,
.mainnavheader .mainnavheader__switch .nav-link.mission {
    color: var(--tertiary-color_mission)!important;
}

.mainnavheader ul li.active .nav-link.ao,
.mainnavheader .mainnavheader__switch .nav-link.ao {
    color: var(--main-color_ao)!important;
}

.mainnavheader ul li.active .nav-link.formation,
.mainnavheader .mainnavheader__switch .nav-link.formation {
    color: var(--main-color_formation)!important;
}

.mainnavheader ul li.active .nav-link.forfaits,
.mainnavheader .mainnavheader__switch .nav-link.forfaits {
    color: var(--main-color_esn-forfait)!important;
}

.mainnavheader .mainnavheader__switch .nav-link:hover {
    color:black!important;
}

.mainnavheader .mainnavheader__switch .nav-link.btn--hitechlive {
    color: var(--main-color_hitechlive)!important;
    line-height: 20px;
}

.mainnavheader ul li.item-profil.active {
    border-bottom: 7px solid var(--main-color_profil);
}

.mainnavheader ul li.item-mission.active {
    border-bottom: 7px solid var(--tertiary-color_mission);
}

.mainnavheader ul li.item-ao.active {
    border-bottom: 7px solid var(--main-color_ao);
}

.mainnavheader ul li.item-formation.active {
    border-bottom: 7px solid var(--main-color_formation);
}

.mainnavheader ul li.item-forfaits.active {
    border-bottom: 7px solid var(--main-color_esn-forfait);
}

@media (max-width: 1400px) {
    body.font-weight-14 .mainnavheader ul li.item-hitechlive,
    body.font-weight-14 ul.mainnavheader__menu--offline li.item-inscription,
    body.font-weight-14 ul.mainnavheader__menu--online li.item-space {
        display: none;
    }

    body.font-weight-14 .mainnavheader__dropdown .welcome-dropdown .btn--white,
    body.font-weight-14 .mainnavheader__dropdown .welcome-dropdown .btn--pink,
    body.font-weight-14 .mainnavheader__dropdown .header--dropdown .btn--pink,
    body.font-weight-14 .mainnavheader__dropdown .header--dropdown .btn--black--inverse {
        display: block;
    }
}

@media (max-width: 1350px) {
    body.font-weight-12 .mainnavheader ul li.item-hitechlive,
    body.font-weight-12 ul.mainnavheader__menu--offline li.item-inscription,
    body.font-weight-12 ul.mainnavheader__menu--online li.item-space {
        display: none;
    }

    body.font-weight-12 .mainnavheader__dropdown .welcome-dropdown .btn--white,
    body.font-weight-12 .mainnavheader__dropdown .welcome-dropdown .btn--pink,
    body.font-weight-12 .mainnavheader__dropdown .header--dropdown .btn--pink,
    body.font-weight-12 .mainnavheader__dropdown .header--dropdown .btn--black--inverse {
        display: block;
    }
}

@media (max-width: 1280px) {
    .mainnavheader ul li.item-hitechlive,
    ul.mainnavheader__menu--offline li.item-inscription,
    ul.mainnavheader__menu--online li.item-space {
        display: none;
    }
}

@media (max-width: 991px) {
    .mainnavheader .mainnavheader__switch .nav-link {
        padding: 10px 20px 8px;
        color: #000000!important;
        text-align: left;
        gap: 0.5rem;
        display: inline-flex;
        align-items: center;
    }
}

body:not(.dark) .mainnavheader {
    background: var(--white);
}

@media (min-width: 992px) {
    .mainnavheader {
        height:auto;
    }
}

.mainnavheader__menu--offline,
.mainnavheader__menu--online {
    max-width: min-content;
    height: stretch;
}

@media (max-width: 499.98px) {
    
    .mainnavheader__menu.mainnavheader__menu--offline {
        
        text-align: center!important;
    }
    
    .mainnavheader__menu.mainnavheader__menu--offline .btn {
        font-size: calc(var(--basePX) + 1px)!important;
        line-height: 11px !important;
        padding: 5px 10px !important;
        transition: all 1s;
    }
    .mainnavheader__menu.mainnavheader__menu--offline .btn svg {
        display: none;
    }
}

@media (max-width: 991px) {
    .mainnavheader .navbar-brand,
    .mainnavheader .navbar-brand svg {
        width: 146px;
        margin-right: 0;
    }
    .mainnavheader__menu.mainnavheader__menu--offline {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    
    #collapseMobileOnly,
    #collapseNotLogged {
        display: none!important
    }
}

.mainnavheader__menu.mainnavheader__menu--offline .dropdown-item:hover {
    background-color: transparent;
    color: white;
}


@media (min-width: 992px) {
    .btn.btn--depot.btn--border-0,
    .btn.btn--publication.btn--border-0 {
        display: flex;
        align-items: center;
        width: 220px;
        margin-right: -15px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    /* meme boutons mais en bas de page */
    .btn.btn.btn--depot.btn--border-0.btn--skew-0,
    .btn.btn--publication.btn--border-0.btn--skew-0 {
        display: inline-block;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        margin-right: 0
    }
    .btn.btn--depot.btn--border-0 svg,
    .btn.btn--publication.btn--border-0 svg {
        margin-right: .5rem;
    }
}

/* menu burger du header */
.burger.dropdown-toggle::after {
    display: inline-block;
    position: absolute;
    top: 17px;
    right: -15px;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: 0!important;
    height: 10px;
    width: 15px;
    background: linear-gradient(180deg, 
                var(--black) 0px, 
                var(--black) 2px, 
                var(--white) 2.01px,
                var(--white) 4px,  
                var(--black) 4.01px, 
                var(--black) 6px,
                var(--white) 6.01px,  
                var(--white) 8px,
                var(--black) 8.01px,  
                var(--black) 10px
                );
}

.timer--connect {
    font-size: calc(var(--basePX) + 1px);
    line-height: 13px;
}

.timer--connect:hover svg {
    animation: rotate linear 2.5s infinite;
}

#new-messages,
.new-messages {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    bottom: -4px;
    right: -8px;
    position: absolute;
    background: var(--secondary-color_ao);
    
    box-shadow: 0 0 0 0 rgba(var(--secondary-color_ao_rgb), 1);
	transform: scale(1);
	animation: pulse 2s infinite;
    z-index: 1;
}

.maincontent__messagerie #new-messages,
.maincontent__messagerie .new-messages {
    bottom: -10px;
    right: -10px;
}


/*------------------------------*\
    #MAINNAVHEADER dropdown
/*------------------------------*/
@media (min-width: 992px) {
    .mainnavheader__dropdown {
        right: 18px;
    }
}

.mainnavheader__dropdown {
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(var(--basePX) + 4px);
    transition: all .5s;
}

.mainnavheader__dropdown .header--dropdown {
    padding: .25rem 1.5rem;
    font-size: calc(2 * var(--basePX));
    font-weight: bold;
}
.mainnavheader__dropdown .header--dropdown span {
    margin: 0 10px;
}

.mainnavheader__dropdown .welcome-header {
    padding: .25rem 1.5rem;
    color: black;
}

.mainnavheader__dropdown .welcome-header p.title {
    font-size: calc(1 * var(--basePX) + 5px);
    font-weight: bold;
}

.mainnavheader__dropdown .welcome-header p.subtitle {
    font-size: calc(1 * var(--basePX) + 4px);
    color: var(--main-color_welcome);
}

.mainnavheader__dropdown .welcome-dropdown {
    width: 350px;
}

@media (max-width:991px) {
    .mainnavheader__dropdown .welcome-dropdown {
        width: 350px;
        border: 1px solid #dee2e6!important;
        border-radius: 30px !important;
    }
}

.mainnavheader__dropdown .header--dropdown .btn-abonne,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne {
    border: 1px solid var(--main-color_esn-forfait);
    background-color: #56CCFF30;
    color: black;
}

.mainnavheader__dropdown .header--dropdown .btn-abonne:hover,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne:hover {
    background-color: var(--main-color_esn-forfait);
    color: white;
}

.mainnavheader__dropdown .header--dropdown .btn-abonne svg,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne svg {
    width: 50px;
    height: 40px;
    margin-left: 0px;
    color: white;
}

.mainnavheader__dropdown .header--dropdown .btn-abonne span.icon_esn,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne span.icon_esn {
    background-color: var(--main-color_esn-forfait);
    padding: 10px 5px;
    border-radius: 10px;
    margin-right: 0px;
    height: 60px;
}

.mainnavheader__dropdown .header--dropdown .btn-abonne:hover span.icon_esn,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne:hover span.icon_esn {
    background-color: #56CCFF;
}

.mainnavheader__dropdown .header--dropdown .btn-abonne span.recommande,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne span.recommande {
    color: var(--blue-color_recommande);
    font-size: calc(1 * var(--basePX) + 4px);
}

.mainnavheader__dropdown .header--dropdown .btn-abonne:hover span.recommande,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne:hover span.recommande {
    color: #56CCFF;

}

.mainnavheader__dropdown .header--dropdown .btn-abonne span.abonne,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne span.abonne {
    font-size: calc(1 * var(--basePX) + 5px);
}

.mainnavheader__dropdown .header--dropdown .btn-abonne span.acces,
.mainnavheader__dropdown .welcome-dropdown .btn-abonne span.acces {
    font-size: calc(1 * var(--basePX) + 4px);
}

.mainnavheader__dropdown .header--dropdown .btn-connect span.icon_user,
.mainnavheader__dropdown .welcome-dropdown .btn-connect span.icon_user {
    background-color: #F1EEEE;
    padding: 10px;
    border-radius: 10px;
    margin-right: 0px;
}

.mainnavheader__dropdown .header--dropdown .btn-connect:hover span.icon_user,
.mainnavheader__dropdown .welcome-dropdown .btn-connect:hover span.icon_user {
    background-color: darkgray;
}

.mainnavheader__dropdown .header--dropdown .btn-connect svg,
.mainnavheader__dropdown .welcome-dropdown .btn-connect svg {
    width: 20px;
    height: 20px;
    margin-left: 0px;
    color: currentColor;
}

.mainnavheader__dropdown .header--dropdown .btn-connect,
.mainnavheader__dropdown .welcome-dropdown .btn-connect {
    border: 1px solid var(--black);
    color: black;
}

.mainnavheader__dropdown .header--dropdown .btn-connect:hover,
.mainnavheader__dropdown .welcome-dropdown .btn-connect:hover {
    border: 1px solid var(--black);
    background-color: #E5E1E1;
}

.mainnavheader__dropdown .welcome-dropdown span.already {
    font-size: calc(1 * var(--basePX) + 5px);
    color: black;
}

.mainnavheader__dropdown .welcome-dropdown .btn-connect span.connect {
    font-size: calc(1 * var(--basePX) + 5px);
}

.mainnavheader__dropdown .welcome-dropdown .btn-connect span.acces {
    font-size: calc(1 * var(--basePX) + 4px);
    color: var(--black);
}

@media (min-width: 1401px) {
    body.font-weight-14 .mainnavheader__dropdown .welcome-dropdown .btn--white,
    body.font-weight-14 .mainnavheader__dropdown .welcome-dropdown .btn--pink,
    body.font-weight-14 .mainnavheader__dropdown .header--dropdown .btn--pink,
    body.font-weight-14 .mainnavheader__dropdown .header--dropdown .btn--black--inverse {
        display: none;
    }

}

@media (min-width: 1351px) {
    body.font-weight-12 .mainnavheader__dropdown .welcome-dropdown .btn--white,
    body.font-weight-12 .mainnavheader__dropdown .welcome-dropdown .btn--pink,
    body.font-weight-12 .mainnavheader__dropdown .header--dropdown .btn--pink,
    body.font-weight-12 .mainnavheader__dropdown .header--dropdown .btn--black--inverse {
        display: none;
    }
}

@media (min-width: 1281px) {
    .mainnavheader__dropdown .welcome-dropdown .btn--white,
    .mainnavheader__dropdown .welcome-dropdown .btn--pink,
    .mainnavheader__dropdown .header--dropdown .btn--pink,
    .mainnavheader__dropdown .header--dropdown .btn--black--inverse {
        display: none;
    }
}

.mainnavheader__dropdown .dropdown-item svg,
.item-mail .mainnavheader__dropdown .btn--pink svg,
.item-mail .mainnavheader__dropdown .btn--black--inverse svg,
.mainnavheader__dropdown .btn--pink svg,
.mainnavheader__dropdown .btn--black--inverse svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.mainnavheader__menu--online .mainnavheader__dropdown .dropdown-item svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    color: var(--main-color_esn-forfait);
}

.mainnavheader__menu--online .mainnavheader__dropdown .dropdown-item span {
    color: var(--main-color_esn-forfait);
}

.mainnavheader__dropdown .dropdown-item svg#param .cls-1 {
    fill: var(--main-color_esn-forfait);
    color: var(--main-color_esn-forfait);
}

.mainnavheader__dropdown .dropdown-item span {
    margin-right: 10px;
}
.mainnavheader__dropdown .header--dropdown hr,
.mainnavheader__dropdown .dropdown-item hr {
    color: var(--another-gray);
    margin: 10px 0;
}


.mainnavheader__dropdown a.dropdown-item:last-of-type {
    color: var(--main-color_esn-forfait);
}

body > #cookies-banner {
    position: fixed;
    top:0px;
    width: 100%;
    z-index: 78!important;
}

body > #cookies-banner + .mainnavheader + .mainnavigation + .main {
    margin-top: 132px!important;
}