@media (max-width: 575.98px) {
    .nav-pills--mission,
    .nav-pills--AO,
    .nav-pills--profil,
    .nav-pills--formation,
    .nav-pills--esn,
    .nav-pills--freelance {
        display: flex;
        flex-direction: column;
    }
    .nav-pills--mission .nav-item:nth-of-type(2),
    .nav-pills--AO .nav-link:nth-of-type(2),
    .nav-pills--profil .nav-item:nth-of-type(2),
    .nav-pills--formation .nav-item:nth-of-type(2),
    .nav-pills--esn .nav-item:nth-of-type(2),
    .nav-pills--freelance .nav-item:nth-of-type(2) {
        margin: 0 0 .5rem 0!important;
    }
}
.nav-pills--mission .nav-item:nth-of-type(2),
.nav-pills--AO .nav-link:nth-of-type(2),
.nav-pills--profil .nav-item:nth-of-type(2),
.nav-pills--formation .nav-item:nth-of-type(2),
.nav-pills--esn .nav-item:nth-of-type(2),
.nav-pills--freelance .nav-item:nth-of-type(2) {
    margin: 0 15px;
}
.nav-pills--mission .nav-link,
.nav-pills--AO .nav-link,
.nav-pills--profil .nav-link,
.nav-pills--inscription .nav-link,
.nav-pills--formation .nav-link,
.nav-pills--esn .nav-link,
.nav-pills--freelance .nav-link  {
    border-radius: 30px;
    padding: 5px 20px;
    font-size: calc(var(--basePX) + 4px);
    font-family: 'Poppins', sans-serif;
}

.nav-pills--AO .nav-link {
    border: 1px solid var(--main-color_ao);
    color: var(--main-color_ao);
}

.nav-pills--mission .nav-link.active {
    border: 1px solid var(--main-color_mission)!important;
    color: var(--white)!important;
    background: var(--main-color_mission)!important;
}
.nav-pills--AO .nav-link.active {
    border: 1px solid var(--main-color_ao)!important;
    color: var(--white)!important;
    background: var(--main-color_ao)!important;
}
.nav-pills--profil .nav-link.active {
    border: 1px solid var(--main-color_profil)!important;
    color: var(--white)!important;
    background: var(--main-color_profil)!important;
}
.nav-pills--inscription .nav-link.active,
.nav-pills--esn .nav-link.active {
    border: 1px solid var(--main-color_esn-forfait)!important;
    color: var(--white)!important;
    background: var(--main-color_esn-forfait)!important;
}

.nav-pills--formation .nav-link.active {
    border: 1px solid var(--main-color_formation)!important;
    color: var(--white)!important;
    background: var(--main-color_formation)!important;
}
.nav-pills--freelance .nav-link.active {
    border: 1px solid var(--main-color_freelance)!important;
    color: var(--white)!important;
    background: var(--main-color_freelance)!important;
}