.headerHome{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    height: 100%;
    z-index: 100;
    position: relative;
    background-color: #fff;
}
.header_btn {
    margin: 0px 15px 0px 15px;
    cursor: pointer;
    color: var(--gris);
    text-decoration: none;
    outline: none;
    -moz-user-select: none;
    /* Firefox */
    -webkit-user-select: none;
    /* Chrome, Safari, Opéra depuis la version 15 */
    -ms-user-select: none;
    /* Internet explorer depuis la version 10 et Edge */
    user-select: none;
    /* Propriété standard */
}

.header_txt {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--font);
}
.header_vert:hover {
    color: var(--vert);
}
.header_jaune:hover {
    color: var(--jaune);
}
.header_orange:hover {
    color: var(--orange);
}
.header_rouge:hover {
    color: var(--rouge);
}
.header_bleu:hover {
    color: var(--bleu);
}
.header_accueil,
.header_actualites {
    color: var(--vert) !important;
    border-bottom: 3px solid var(--vert);
    border-radius: 2px;
}

.header_formations,
.header_equipe {
    color: var(--jaune) !important;
    border-bottom: 3px solid var(--jaune);
    border-radius: 2px;
}

.header_formations,
.header_contact {
    color: var(--orange) !important;
    border-bottom: 3px solid var(--orange);
    border-radius: 2px;
}

.header_adherents,
.header_login {
    color: var(--rouge) !important;
    border-bottom: 3px solid var(--rouge);
}

#btn_header_mobile {
    color: var(--gris);
    margin: 0px 20px 0px 50px;
    cursor: pointer;
}

#header_mobile_menu {
    margin: 10px 0px 10px 0px;
}

.header_btn_mobile {
    margin: 15px 15px 15px 15px;
    cursor: pointer;
    color: var(--gris);
    text-decoration: none;
    outline: none;
    -moz-user-select: none;
    /* Firefox */
    -webkit-user-select: none;
    /* Chrome, Safari, Opéra depuis la version 15 */
    -ms-user-select: none;
    /* Internet explorer depuis la version 10 et Edge */
    user-select: none;
    /* Propriété standard */
}
@media only screen and (max-width: 1200px) {
    #header_menu {
        display: none;
    }
    #header_menu {
        display: none;
    }
    #nav_mobile,
    #header_mobile_icon {
        display: flex;
    }
}
@media only screen and (min-width: 1201px) {
    .header_btn {
        display: flex;
    }
    #header_mobile,
    #header_mobile_menu,
    #header_mobile_icon {
        display: none;
    }
}