@media screen and (max-width: 1760px) {
    .header_nav {
        width: 90%;
        margin: 0 5%;
    }

    .header_navbar {
        margin: 0;
    }
}

@media screen and (max-width: 1530px) {
    .header_nav {
        width: 100%;
        margin: 0;
    }

    .header_log{
        margin: 0 30px 0 auto;
    }

    .header_logo {
        margin: 35px 30px 0 30px;
    }

    .header_ligne_container {
        left: 173px;
    }
    .header_ligne {
        width: 850px;
    }

}

@media screen and (max-width: 1350px) {
    .header_logo {
        width: 130px;
        height: auto;
    }
    .header_link {
        margin: 0 20px;
    }
    .header_ligne {
        width: 773px;
    }
}

@media screen and (max-width: 1150px) {

    /* Bouton hamburger */
    .header_navbar_pop {
        border-radius: 0;
    }

    .menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        margin: 0 30px 0 auto;
    }

    .menu:focus {
        background-color: transparent !important;
    }

    .line {
        fill: none;
        stroke: #fff;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .header_navbar {
        position: absolute;
        flex-direction: column;
        top: 70px;
        background: #222222;
        z-index: 100;
        border-bottom: 3px solid #F33428;
        -webkit-box-shadow: 0px 8px 39px 5px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 8px 39px 5px rgba(0, 0, 0, 0.05);
        opacity: 0;
        transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .header_navbar.displayed {
        opacity: 1;
    }

    .header_log {
        margin: 20px 0;
    }

    .header_link {
        min-height: 55px;
        width: 100%;
        padding: 0 15px 0 25px;
        margin: 0;
        text-align: left;
        justify-content: flex-start;
    }

    .nav_caret {
        margin: 0 0 0 auto;
        font-size: 25px;
        transition: transform .3s linear;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .header_navbar_pop {
        display: none;
        position: relative;
        width: 100%;
        background: #535353;
        box-shadow: none;
    }

    #header_link_entreprise,
    #header_link_solutions,
    #header_link_formations {
        width: 100%;
        border-bottom: 1px solid #F33428;
    }

    #header_link_formations,
    #header_link_infos {
        width: 100%;
        border-top: 1px solid #F33428;
    }

    #header_link_infos {
        border-bottom: 2px solid #F33428;
    }

    .header_navbar_pop li a {
        color: #ffffff;
        padding: 5px 40px;
        font-size: 14px;
        justify-content: flex-start;
        text-align: left;
    }

    .header_navbar_pop li {
        min-height: 40px;
    }

    #header_link_entreprise:hover #header_navbar_entreprise {
        display: none;
    }

    #header_link_solutions:hover #header_navbar_solutions {
        display: none;
    }

    #header_link_formations:hover #header_navbar_formations {
        display: none;
    }

    #header_link_infos:hover #header_navbar_infos {
        display: none;
    }
    
    /* Alignement à gauche pour le menu responsive */
    .header_navbar_pop {
        text-align: left;
    }
    
    .header_navbar_pop li {
        justify-content: flex-start;
    }

    .header_ligne{
        display: none;
    }

    .header_logo {
        margin: 0 30px 0 30px;
        width: 150px;
        height: auto;
    }

    .header_ligne_container {
        left: 182px;
        top: 48px;
    }
}


@media screen and (max-width: 800px) {

    .menu svg {
        height: 50px;
        width: 50px;
    }
}

@media screen and (max-width: 500px) {
    .header_logo {
        margin: 0 0 0 10px;
    }

    .menu {
        margin: 0 10px 0 auto;
    }

    .header_link {
        padding: 0 0 0 15px;
    }

    .header_navbar_pop li a {
        color: #ffffff;
        padding: 5px 30px;
    }

    .header_ligne_container {
        left: 162px;
        top: 48px;
    }
}