/*------------------------------*\
    #MAINNAVHEADER
/*------------------------------*/
.mainnavheader {
    background: var(--main-color_ao);
}

.mainnavheader .navbar-brand {
    display: flex;
    width: 235px;
    height: 70px;
    padding: .25rem;
}

.mainnavheader__menu svg,
.mainnavheader .mainnavigation.mainnavigation--fluid svg {
    height: 25px;
    width: 25px;
}

.mainnavheader #miniSearchApp {
    width: 100%;
}
.mainnavheader md-autocomplete {
    background-color: transparent;
}
.mainnavheader md-autocomplete-wrap {
    border-radius: 30px;
    height: 54px;
    line-height: 54px;
    background-color: transparent;
}
.mainnavheader md-autocomplete-wrap input {
    background: url('/assets/img/svg/loupe_ao.svg') var(--white);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    padding: 0 35px 0 80px;
    border: 1px solid var(--main-color_ao);
    border-radius: 30px;
    height: 54px;
    line-height: 54px;
    font-size: calc(var(--basePX) + 4px);
}
.mainnavheader md-autocomplete-wrap input::placeholder {
    font-size: 17px;
    color: var(--another-gray);
    font-family: Calibri, sans-serif;
}

@media (max-width: 576px) {
    .mainnavheader .navbar-brand {
        width: 100%!important;
        height: 70px!important;
        margin-right: 0;
    }
}
@media (max-width: 991px) {
    .mainnavheader .navbar-brand {
        width: 250px;
        height: 70px;
    }
}

@media (min-width: 991.01px) {
    .mainnavheader .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    #collapseMobileOnly {
        display: none !important;
    }
}

#navbar-close span {
    line-height: 30px;
}

/* menu burger du header */
.dropdown-toggle::after,
.btn-mobile-burger::after {
    display: flex;
    position: absolute;
    align-items: center;
    right: -15px;
    top: 15px;
    content: "";
    border: 0!important;
    height: 16px;
    width: 15px;
    background: linear-gradient(180deg, 
                var(--white) 0, 
                var(--white) 2px, 
                transparent 2.01px,
                transparent 4px,  
                var(--white) 4.01px, 
                var(--white) 6px,
                transparent 6.01px,  
                transparent 8px,
                var(--white) 8.01px,  
                var(--white) 10px,
                transparent 10.01px,
                transparent 12px,  
                var(--white) 12.01px, 
                var(--white) 14px,
                transparent 14.01px,
                transparent 16px
                );
}

.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;
}


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

.mainnavheader__dropdown {
    /*padding-top: 20px;*/
    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 .dropdown-item svg,
.header--dropdown svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.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 .dropdown-item:hover svg {
    color: currentColor;
}

@media (min-width: 991.01px) {
    .btn.btn--ao_secondary.btn--border-0 {
        display: flex;
        align-items: center;
        text-align: left;
        width: 220px;
        margin-right: -15px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}

@media (min-width: 991.01px) {
    .btn.btn--formation.btn--border-0 {
        display: flex;
        align-items: center;
        text-align: left;
        width: 220px;
        margin-right: -15px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}

@media (min-width: 991.01px) and (max-width: 1200px) {
    #mainnavigation__wrapper .mainnavigation__link 
}