body.interlignage-up * {
    line-height: 2!important;
}

.mainnavigation {
    /*transition: all .5s;*/
    padding: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 78;
    font-size: calc(var(--basePX) + 2px);
    font-family: 'FF Clan';
    color: var(--white);
}
#mainnavigation__wrapper {
    height: initial;
}
#mainnavigation__wrapper > div {
    background: transparent;
}

.nav.border--AO {
    border-left: 0!important;
}

@media (max-width: 576px) {
    #mainnavigation__wrapper > div {
        padding-top: 0;
    }
}

@media (min-width: 991.01px) {
    .menuSidebar,
    .mainnavigation {
        width: 276px;
        top: 165px; /* avant 86px */
    }
    #mainnavigation__wrapper {
        align-items: stretch !important;
    }
    #outils.skew-transform--top-to-bottom {
        transform: translateZ(0) skew(360deg, 0deg);
    }
    #outils.skew-transform--top-to-bottom > * {
        transform: translateZ(0) skew(360deg, -6deg);
    }
}
@media (min-width: 991.01px) and (max-width: 1199.98px) {
    
    .nav.ao .nav-link--missions,
    #outils + .nav li .nav-link--missions {
        padding-bottom: 1rem !important;
    }

    .col-12.custom_breakpoint_xl {
        flex: 0 0 calc(100% - 80px);
        max-width: calc(100% - 80px);
    }
}

.mainhead:after {
    content: "";
    height: 10px;
    width: 100%;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,.1) !important;
    position: absolute;
    bottom: 0;
}
#MessagerieApp .mainhead:after {
    display: none;
}




#mainnavigation__wrapper .nav-hitechboard {
    padding: 24px 40px 0 22px;
}

#mainnavigation__wrapper #partenaires-editeurs,
#mainnavigation__wrapper #forfaits-esn,
#mainnavigation__wrapper #bourse-formation {
    margin-left: 65px;
}
.fixed-right-20 {
    right: 0;
    position: absolute;
}
.fa-chevron-down {
    transition: all .25s;
}
.fa-chevron-down.rotate {
    transform: rotate(-180deg);
}
    
#mainnavigation__wrapper .nav-link--profils {
    color: var(--secondary-color_profil);
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: calc(var(--basePX) + 2px);
}
#mainnavigation__wrapper .nav-link--missions {
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: calc(var(--basePX) + 2px);
}
/* Sidebar zone blanche */
.menuSidebar #outils,
.mainnavigation #outils {
    padding: .5rem 1rem;
    background: var(--white);
}

/* Sidebar footer */
.nav-link--telephone,
.nav-link--email {
    font-size: calc(var(--basePX) + 2px);
}

.anim_hover {
    text-align: center;
    position: relative;
}
.anim_hover:hover svg {
    color: var(--white);
}
.anim_hover:after {
    transform: translateZ(0) skew(360deg, 6deg);
}
.anim_hover:hover:after {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 110%;
    bottom: -5%;
    left: 0;
    animation: fadebackground .25s linear;
    transform-style: preserve-3d;
    animation-fill-mode: forwards;
}
.anim_hover:hover p {
    display: block;
    animation: fadeIn .5s;
    transform-style: preserve-3d linear;
    animation-fill-mode: forwards;
}
.anim_hover:hover svg {
    animation: moveTop .75s linear;
    transform-style: preserve-3d;
    animation-fill-mode: forwards;
}

.anim_hover:hover a:hover {
    text-decoration: none;
}

/* ************ */

@media (min-width: 991.01px) and (max-width: 1499.98px) {
    /* version petite du menu */
    .mainnavigation--fluid {
        width: 75px!important;
    }

    .mainnavigation__link .mainnavigation__link,
    .color--formation.cursor-pointer,
    .mainnavigation__link.mainnavigation__link--formation.mainnavigation__link--title.color--formation {
        color: var(--white)!important;
    }
    .mainnavigation__link.mainnavigation__link--formation.mainnavigation__link--title.color--formation svg,
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title.for-forfait aside svg {
        display: none!important;
    }

    .mainnavigation--fluid .bic_container :not(.bic) {
        display: none!important
    }
    .mainnavigation--fluid + .main  {
        padding-left: 90px;
    }
    footer.mainfooter  {
        margin-left: 90px!important;
    }

    .mainnavigation--fluid .mainnavigation__link--profil .mainnavigation__link--title,
    .mainnavigation--fluid .mainnavigation__link--mission .mainnavigation__link--title,
    .mainnavigation--fluid .mainnavigation__link--ao .mainnavigation__link--title,
    .mainnavigation--fluid .mainnavigation__link--forfait .mainnavigation__link--title,
    .mainnavigation--fluid .mainnavigation__link--black .mainnavigation__link--title,
    .mainnavigation--fluid .mainnavigation__link--menu .mainnavigation__link--title,
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title,
    .mainnavigation--fluid .menuitem_submenu .btn span {
        display: none;
        position: absolute;
        background-color: var(--tertiary-color_profil);
        left: 75px;
        padding: .5em;
        min-width: 200px;
        box-shadow: 0 0 10px 0 rgba(26,26,26,.2);
    }

    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title a {
        padding: 0;
    }

    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title .mainnavigation__link--title {
        position: initial;
        box-shadow: none;
        text-transform: initial;
    }
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title {
        background-color: var(--main-color_formation);
    }
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title.for-forfait {
        background-color: var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title.for-forfait aside {
        color: var(--white)!important;
    }

    .mainnavigation--fluid .mainnavigation__link--mission .mainnavigation__link--title {
        background-color: var(--secondary-color_mission)
    }
    .mainnavigation--fluid .mainnavigation__link--formation .mainnavigation__link--title {
        background-color: var(--main-color_formation)
    }
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title.for-forfait .mainnavigation__link--title {
        background-color: var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid .mainnavigation__link--forfait .mainnavigation__link--title {
        background-color: var(--main-color_esn-forfait)
    }
    .mainnavigation--fluid .mainnavigation__link--menu .mainnavigation__link--title {
        background-color: var(--bleu-sombre-inconnu);
    }

    .mainnavigation--fluid .mainnavigation__link--ao .mainnavigation__link--title {
        background: transparent linear-gradient(65deg, var(--main-color_ao) 0%, var(--secondary-color_ao) 100%) 0% 0% no-repeat padding-box;
    }

    .mainnavigation--fluid .mainnavigation__link:hover .mainnavigation__link--title,
    .mainnavigation--fluid .menuitem_submenu:hover .mainnavigation__link--title {
        display: block;
    }
    .mainnavigation--fluid .mainnavigation__link .mainnavigation__link--title::before,
    .mainnavigation--fluid .mainnavigation__link--formation.mainnavigation__link--title::before,
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        left: -7px;
        top: 45px;
        display: block;
        position: absolute;
        pointer-events: none;
    }
    .mainnavigation--fluid .mainnavigation__link .mainnavigation__link--title::before,
    .mainnavigation--fluid .mainnavigation__link--formation.mainnavigation__link--title::before,
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        left: -7px;
        display: block;
        position: absolute;
        pointer-events: none;
    }
    .mainnavigation--fluid .nav:first-of-type .mainnavigation__link .mainnavigation__link--title::before,
    .mainnavigation--fluid .mainnavigation__link .mainnavigation__link--title::before,
    .mainnavigation--fluid .nav:nth-of-type(2) .mainnavigation__link .mainnavigation__link--title::before {
        top: 9px;
    }
    .mainnavigation--fluid .nav:nth-of-type(3) .mainnavigation__link .mainnavigation__link--title::before {
        top: 45px;
    }
    .mainnavigation--fluid .nav:nth-of-type(3) .color--formation.menuitem_submenu .mainnavigation__link--formation.mainnavigation__link--title::before {
        top: 60px;
    }

    .mainnavigation--fluid .mainnavigation__link--formation.mainnavigation__link--title::before {
        top: 45%;
    }

    .mainnavigation--fluid .mainnavigation__link--profil .mainnavigation__link--title::before {
        border-right: 7px solid var(--tertiary-color_profil);
    }
    .mainnavigation--fluid .mainnavigation__link--mission .mainnavigation__link--title::before {
        border-right: 7px solid var(--secondary-color_mission);
    }
    .mainnavigation--fluid .mainnavigation__link--ao .mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_ao);
    }
    .mainnavigation--fluid .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_formation);
    }
    .mainnavigation--fluid .menuitem_submenu .mainnavigation__link--title.for-forfait::before {
        border-right: 7px solid var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid .mainnavigation__link--forfait .mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_esn-forfait);
    }
    /*.mainnavigation--fluid .mainnavigation__link--menu .mainnavigation__link--title::before {
        border-right: 7px solid var(--bleu-sombre-inconnu);;
    }*/
    .contact--infos {
        display: none;
    }

    .nav.border--AO > .nav-item {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .mainnavigation__link--profil {
        color: var(--main-color_profil);
    }
    .mainnavigation__link--mission {
        color: var(--main-color_mission);
    }
    /* les btn mission et profil du header */
    .mainhead div.flex-column .btn {
        width: 80px;
    }
    .mainhead div.flex-column .btn.btn--profil,
    .mainhead div.flex-column .btn.btn--mission {
        width: initial;
    }
    .mainhead div.flex-column .btn svg {
        margin-right: 0
    }
    .mainhead div.flex-column .btn div {
        display:none;
    }

    .menuitem_submenu:hover .mainnavigation__link--formation ul {
        opacity: 1;
        transition: all 0.7s ease-out;
        display: block!important;
    }
    .mainnavigation--fluid .menuitem_submenu i.mx-2.ml-lg-0 {
        margin-right: 0!important;
    }

    .mainnavigation--fluid .nav > .nav-item {
        display: flex;
        justify-content: center;
    }

}
@media (min-width: 1500px) {
    /* version grande du menu */
    .mainnavigation--fluid {
        width: 276px;
    }

    .mainnavigation--fluid .bic_container .bic {
        display: none!important
    }
    .mainnavigation--fluid.messagerie .bic_container > span:first-of-type {
        display: none!important
    }
    .mainnavigation--fluid.messagerie .bic_container .bic {
        display: block!important
    }

    .menuitem_submenu {
        padding: .5rem 1rem;
    }
    .menuitem_submenu .mainnavigation__link--formation span {
        position: relative;
    }
    /*.menuitem_submenu .mainnavigation__link--formation span::after {
        position: absolute;
        top: 0;
        right: -20px;
        content: "▾";
        content: "";
        background: url("/assets/img/svg/fleche_formation.svg") no-repeat center center;
        width: 15px;
        height: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(2 * var(--basePX) + 5px)!important;
        transform: rotate(180deg);
    }
    .menuitem_submenu .mainnavigation__link--formation:hover span::after {
        transform: initial;
    }*/
    .menuitem_submenu .mainnavigation__link--formation span svg,
    .menuitem_submenu .mainnavigation__link--formation.mainnavigation__link--forfait span svg {
        transform: rotate(180deg);
    }
    .menuitem_submenu .mainnavigation__link--formation:hover span svg,
    .menuitem_submenu .mainnavigation__link--formation.mainnavigation__link--forfait:hover span svg {
        transform: initial;
    }
    .menuitem_submenu .mainnavigation__link--formation > ul {
        display: none;
        opacity: 0;
        transition: all;
    }
    .menuitem_submenu.hover .mainnavigation__link--formation > ul {
        opacity: 1;
        transition: all 0.7s ease-out;
        display: initial!important;
    }

    .menuitem_submenu:hover .mainnavigation__link--formation ul {
        opacity: 1;
        transition: all 0.7s ease-out;
        display: block!important;
    }
    .menuitem_submenu.hover .mainnavigation__link--formation > ul li:first-of-type {
        /*animation: fadeIn 1.5s;*/
    }
    .menuitem_submenu.hover .mainnavigation__link--formation > ul li:nth-of-type(2) {
        /*animation: fadeIn 1.75s;*/
    }
    .menuitem_submenu.hover .mainnavigation__link--formation > ul li:nth-of-type(3) {
        /*animation: fadeIn 2s;*/
    }
    @keyframes fadeIn {
        from { opacity: 0; }
          to { opacity: 1; }
    }
    .mainnavigation--fluid .mainnavigation__link i,
    .menuitem_submenu i {
        width: 35px;
        display: inline-block;
        text-align: center;
        margin-right: 15px;
    }
    .menuitem_submenu .mainnavigation__link .nav-item:not(:first-of-type) .mainnavigation__link {
        padding-top: 0;
    }
    .menuitem_submenu .mainnavigation__link--title > span {
        font-size: calc(var(--basePX) + 2px);
        color: var(--white);
        text-transform: uppercase;
    }
    .menuitem_submenu > .mainnavigation__link.mainnavigation__link--title {
        padding-right: 1rem!important;
        padding-left: 0!important;
    }

    .menuitem_submenu .mainnavigation__link {
        text-transform: initial;
        font-size: calc(var(--basePX) + 2px);
        padding-left: .5rem;
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    /* sous menu formation */
    .mainnavigation__link--formation .nav-item .mainnavigation__link .mainnavigation__link--title {
        padding-left: 0!important;
    }
    .mainnavigation--fluid .mainnavigation__link {
        color: initial;
        justify-content: initial !important;
    }
    .mainnavigation--fluid .mainnavigation__link.mainnavigation__link--profil,
    .mainnavigation--fluid .mainnavigation__link.mainnavigation__link--mission {
        color: currentColor
    }
    .mainnavigation--fluid .mainnavigation__link .nav-item .mainnavigation__link--title .mainnavigation__link--title {
        padding-left: 0;
    }
    
    /* menu outil */
    .mainnavigation--fluid .nav-outils {
        flex-direction: row !important;
        align-items: center;
    }
    .mainnavigation--fluid .nav-outils > li {
        width: 33%;
        margin-top: initial !important;
    }
    .mainnavigation--fluid .nav-outils > li a {
        flex-direction: column;
        text-align: center;
    }
    .mainnavigation--fluid .nav-outils > li a i {
        margin-right: initial;
        width: 35px;
    }
    .mainnavigation--fluid .nav-outils > li a {
        position: relative;
        height: 27px;
        padding: 0;
    }
    /* ancienne version sans le skew pour outils */
    /*.mainnavigation--fluid .nav-outils:hover > li a {
        height: 40px;
    }
    .mainnavigation--fluid .nav-outils > li a .mainnavigation__link  {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .mainnavigation--fluid .nav-outils:hover > li a .mainnavigation__link  {
        display: block;
        color: currentColor;
        font-size: 12px !important;
        line-height: 13px;
        text-transform: initial;
        animation: fadeIn 1s;
    }*/
    .mainnavigation--fluid .nav-outils > li a {
        height: 40px;
    }
    .mainnavigation--fluid .nav-outils > li a .mainnavigation__link  {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: currentColor;
        font-size: calc(var(--basePX) + 2px)!important;
        line-height: 13px;
        text-transform: initial;
        animation: fadeIn 1s;
    }

    .mainnavigation--fluid .mainnavigation__link--mail .mainnavigation__link--title {
        font-size: calc(var(--basePX) + 2px);
        text-transform: lowercase!important;
    }

    .mainnavigation--fluid a.mainnavigation__link--profil,
    .mainnavigation--fluid a.mainnavigation__link--profil .mainnavigation__link--title {
        color: var(--main-color_profil)!important;
    }
    .mainnavigation--fluid a.mainnavigation__link--mission,
    .mainnavigation--fluid a.mainnavigation__link--mission .mainnavigation__link--title {
        color: var(--main-color_mission)!important;
    }
    .mainnavigation.mainnavigation--fluid.messagerie .mainnavigation__link .mainnavigation__link,
    .mainnavigation.mainnavigation--fluid.messagerie .color--formation.cursor-pointer,
    .mainnavigation.mainnavigation--fluid.messagerie .mainnavigation__link.mainnavigation__link--ao:hover .mainnavigation__link--title,
    .mainnavigation.mainnavigation--fluid.messagerie .mainnavigation__link.mainnavigation__link--formation.mainnavigation__link--title.color--formation {
        color: var(--white)!important;
    }
}
@media (min-width: 1500.01px) {
    /* exception pour le menu dans la messagerie */
    .mainnavigation--fluid.messagerie {
        width: 75px!important;
    }

    .mainnavigation--fluid.messagerie + .main {
        padding-left: 115px;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link {
        color: var(--white);
        justify-content: center !important;
    }
    .mainnavigation--fluid.messagerie .nav-outils > li {
        width: 100% !important;
    }
    .mainnavigation--fluid.messagerie .nav-outils > li:nth-of-type(2),
    .mainnavigation--fluid.messagerie .nav-outils > li:nth-of-type(3) {
        margin-top: 1rem !important;
    }
    .mainnavigation--fluid.messagerie .nav-outils > li a .mainnavigation__link {
        bottom: initial;
    }
    .mainnavigation--fluid.messagerie .nav-outils > li a .mainnavigation__link {
        font-size: calc(var(--basePX) + 2px);
        color: var(--white);
        text-transform: uppercase;
        height: 32.5px;
    }
    .mainnavigation--fluid.messagerie a.mainnavigation__link--mission .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie a.mainnavigation__link--profil .mainnavigation__link--title {
        color: #fff!important;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link .mainnavigation__link--title::before, 
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        left: -7px;
        top: 9px;
        display: block;
        position: absolute;
        pointer-events: none;
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link--profil .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .mainnavigation__link--mission .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .mainnavigation__link--ao .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .mainnavigation__link--forfait .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .mainnavigation__link--black .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .mainnavigation__link--menu .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .menuitem_submenu .btn span {
        display: none;
        position: absolute;
        background-color: var(--tertiary-color_profil);
        left: 75px;
        padding: .5em;
        min-width: 200px;
        box-shadow: 0 0 10px 0 rgba(26,26,26,.2);
        color: #fff;
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link {
        font-size: calc(var(--basePX) + 2px);
        color: var(--white);
        text-transform: uppercase;
        position: relative;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link i, .mainnavigation--fluid.messagerie .menuitem_submenu i {
        width: initial;
        display: inline-block;
        text-align: center;
        margin-right: 0!important;
    }
    .mainnavigation--fluid.messagerie .nav > .nav-item {
        display: flex;
        justify-content: center;
    }

    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title a {
        padding: 0;
    }

    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title .mainnavigation__link--title {
        position: initial;
        box-shadow: none;
        text-transform: initial;
    }
    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title {
        background-color: var(--main-color_formation);
    }
    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title.for-forfait {
        background-color: var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation.mainnavigation__link--title.for-forfait aside {
        color: var(--white)!important
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link--mission .mainnavigation__link--title {
        background-color: var(--secondary-color_mission)
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation .mainnavigation__link--title {
        background-color: var(--main-color_formation)
    }
    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title.for-forfait .mainnavigation__link--title {
        background-color: var(--main-color_esn-forfait)
    }
    
    .mainnavigation--fluid.messagerie .mainnavigation__link--forfait .mainnavigation__link--title {
        background-color: var(--main-color_esn-forfait)
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--menu .mainnavigation__link--title {
        background-color: var(--bleu-sombre-inconnu);
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link--ao .mainnavigation__link--title {
        background: transparent linear-gradient(65deg, var(--main-color_ao) 0%, var(--secondary-color_ao) 100%) 0% 0% no-repeat padding-box;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation:hover .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .menuitem_submenu:hover .mainnavigation__link--title {
        display: block!important;
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link:hover .mainnavigation__link--title,
    .mainnavigation--fluid.messagerie .menuitem_submenu:hover .mainnavigation__link--title {
        display: flex;
        align-items: center;
        justify-content: start !important;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link .mainnavigation__link--title::before,
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        left: -7px;
        top: 9px;
        display: block;
        position: absolute;
        pointer-events: none;
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation.mainnavigation__link--title::before {
        top: 45%;
    }

    .mainnavigation--fluid.messagerie .mainnavigation__link--profil .mainnavigation__link--title::before {
        border-right: 7px solid var(--tertiary-color_profil);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--mission .mainnavigation__link--title::before {
        border-right: 7px solid var(--secondary-color_mission);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--ao .mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_ao);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--formation.mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_formation);
    }
    .mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--title.for-forfait::before {
        border-right: 7px solid var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--forfait .mainnavigation__link--title::before {
        border-right: 7px solid var(--main-color_esn-forfait);
    }
    .mainnavigation--fluid.messagerie .mainnavigation__link--menu .mainnavigation__link--title::before {
        border-right: 7px solid var(--bleu-sombre-inconnu);;
    }
    .mainnavigation--fluid.messagerie .contact--infos {
        display: none;
    }
    .mainnavigation--fluid.messagerie .nav-outils {
        flex-direction: column !important;
        align-items: center;
    }
    .mainnavigation--fluid.messagerie .menuitem_submenu:hover .mainnavigation__link--formation {
        padding-left: .5em!important
    }
    /*.mainnavigation--fluid.messagerie .menuitem_submenu .mainnavigation__link--formation span::after {
        right: -10px;
    }*/
    .mainnavigation--fluid.messagerie .menuitem_submenu:hover .mainnavigation__link--formation > ul {
        display: flex;
        opacity: 1;
        transition: all;
    }
}

@media (max-width: 991px) {
    .mainnavigation {
        width: 85%;
        background: var(--white);
        left: 0;
        top: 75px;
        box-shadow: 0 .5rem 1rem rgba(var(--main-color_paragraphe_rgb),.15);
    }
    .mainnavigation #mainnavigation__wrapper {
        height: 70vh;
    }
    .mainnavigation--fluid .bic_container .bic {
        display: none !important;
    }
    .mainnavigation--fluid .bic_container {
        text-align: left!important;
    }
    .border--AO,
    .radius-top-right--30,
    .radius-bottom-right--30 {
        border-radius: 0!important;
        border: 0!important;
    }
    :not(.maincontent__card).shadow {
        box-shadow: initial!important;
    }
    .mainnavigation .mainnavigation__wrapper .nav {
        flex-direction: column!important;
    }
    .mainnavigation #mainnavigation__wrapper .nav-item {
        width: 100%;
    }
    .mainnavigation li:not([class="nav-item"]) {
        margin-top:0!important;
        margin-bottom:0!important;
    }
    .nav.nav-outils > li {
        width: 25% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mainnavigation__link > i {
        margin: 0 .5rem;
    }
    .mainnavigation__link--profil,
    .mainnavigation__link--profil:hover {
        color: var(--main-color_profil);
    }
    .mainnavigation__link--mission,
    .mainnavigation__link--mission:hover {
        color: var(--main-color_mission);
    }
    /*.menuitem_submenu ul.nav {
        display: initial!important;
    }*/
    /*.mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > aside span {
        position: absolute;
        right: 60%;
        top: 29px;
        transition: all .5s;
    }
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--forfait > aside span {
        position: absolute;
        right: 60%;
        top: 23px;
        transition: all .5s;
    }
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > aside span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-width: 6px 6px 0 6px;
        border-color: var(--main-color_formation) transparent transparent transparent;
        border-style: solid;
        display: flex;
        align-items: center;
        top: 0;
        right: 0;
    }
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .for-forfait > aside span::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-width: 6px 6px 0 6px;
        border-color: var(--main-color_esn-forfait) transparent transparent transparent;
        border-style: solid;
        display: flex;
        align-items: center;
        top: 0;
        right: 0;
    }*/
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > aside span:not(.rotate180deg) {
        transform: rotate(-180deg);
        padding-right: .5rem!important
        
    }
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > aside span.rotate180deg {
        transform: initial;
        padding-right: .5rem!important
        
    }
    .nav-item.color--formation {
        padding-top: 1rem;
    }
}
@media (min-width: 991.01px) {
    .maincontent__messagerie {
        width: calc(100% - 50px);
    }
}

@media (max-width: 576px) {
    .nav.nav-outils > li a .mainnavigation__link {
        display: none;
    }
    .mainnavigation #mainnavigation__wrapper .nav li.menuitem_submenu i + .mainnavigation__link--formation > aside span {
        right: 10%;
    }
}

.mainhead.mainhead__ao > div:first-of-type svg {
    width: 48px;
    height: 48px;
}
.mainhead.mainhead__ao > div:first-of-type a svg {
    width: initial;
    height: initial;
}

.menu-secondaire-fixed {
    bottom: 60px;
    right: 0;
    margin: 0;
    height: 312px;
    z-index: 1000;
    width: 50px;
    transition: all 300ms;
    position: fixed;
    border-top-left-radius: 20px;
    /* box-shadow: 0 0 10px 0 rgba(26,26,26,.2); */
}
.menu-secondaire-fixed > aside:first-of-type {
    background-color: var(--main-color_esn-forfait);
    border-top-left-radius: 20px;
}
.menu-secondaire-fixed > aside:last-of-type {
    background-color: var(--light-gray);
}

.menu-secondaire-fixed a {
    height: 30px;
    width: 100%;
    color: var(--white);
    text-align: center;
}

.menu-secondaire-fixed aside:last-of-type a {
    color: var(--main-color_esn-forfait)!important;
}
.menu-secondaire-fixed a svg {
    width: 90%;
}

.menu-secondaire-fixed .menu-secondaire-fixed__text {
    display: none;
    position: absolute;
    background-color: var(--main-color_esn-forfait);
    color: var(--white);
    left: -224px;
    padding: .5em;
    min-width: 200px;
    box-shadow: 0 0 10px 0 rgba(26,26,26,.2);
}
.menu-secondaire-fixed .menu-secondaire-fixed__text::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    transform: rotate(180deg);
    content: "";
    right: -7px;
    top: 9px;
    display: block;
    position: absolute;
    pointer-events: none;
}
.menu-secondaire-fixed aside:first-of-type .menu-secondaire-fixed__text::before {
    border-right: 7px solid var(--white);
}
.menu-secondaire-fixed aside:last-of-type .menu-secondaire-fixed__text::before {
    border-right: 7px solid var(--white);
}
.menu-secondaire-fixed a:hover .menu-secondaire-fixed__text {
    display: block;
}

/*.menu-secondaire-fixed:hover {
    right: 0;
}*/

.mainnavigation.mainnavigation--fluid .nav-item i svg {
    width: 32px;
}

.mainhead  {
    position: relative!important;
    top: 0!important;
    /*box-shadow: 0 4px 2px -2px rgba(0,0,0,.1) !important;*/
}
.mainhead::after  {
    box-shadow: none !important;
}

#menuAccessibilite + .dropdown-menu {
    min-width: 320px
}

body.dark .shadow {
    /*box-shadow: 0 .5rem 1rem rgba(255,255,255,.15) !important;*/
    box-shadow: none !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes moveTop {
    from { margin-top: 0; }
      to { margin-top: -0.5rem; }
}