@media (max-width: 1530px) {
    .menu_module{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1251px) {
    #menuContainer {
        display: block !important;
    }
}
@media (min-width: 468px) {

    .moncompte_mdp{
        margin-left: 0!important;
    }
}
@media (max-width: 1250px) {
    .alert {
        width: 100%;
        margin-left: 0 !important;
    }


    .burger-menu {
        display: flex;
    }

    .content-body {
        transition: transform 0.3s ease;
        margin-left: 0!important;
    }

    .content-body.shifted {
        transform: translateX(80%);
    }

    #tabs_menu_account {
        display: flex;
        justify-content: center;
        margin-right: 0 !important;
    }

    #menuContainer {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 35%;
        height: 100%;
        background-color: white;
        z-index: 999;
        overflow-y: auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }
    .account_menu{
        margin-top: 0!important;

    }

    #debug{
        margin-left: 0;
    }
}

@media (max-width: 1150px) {
    .auth_mainimg{
        display: none;
    }
    .auth_section{
        margin-bottom: 15.2rem;
        margin-top: 10.6rem;
    }
}

@media (max-width: 1070px) {
    .menu_module{
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 1025px) {

    .content-body-first{
        margin-right: 0!important;
    }
    #tabs_menu_account{
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .content-body-first{
        margin-right:80rem;
    }
}

@media (max-width: 992px) {
    .auth_input:first-child.with_alert{
        margin-top: -5rem!important;
    }
}


@media (max-width: 680px) {

    .accueil_titre{
        display: flex;
        justify-content: center

    }
    .accueil_titre h2{
        width: 40rem;
    }
    #nav_espace_client{
        display: none;
    }
    .accueil-body{
        display: flex;
        flex-direction: column-reverse;
    }
    .accueil-sidebar{
        align-self: center;
    }
}


@media (max-width: 450px) {
    .auth_body{
        align-items: flex-start;
        margin-top: 10rem;
    }
    .auth_section{
        width:  90%;
        margin-right: 0!important;
        margin-top: 0!important;
    }
    .auth_input input{
        width: 97%;
    }
    .auth_button,.auth_cancel{
        width: 90%;
    }

    .content_body {
    }
    .auth_input:first-child.with_alert{
        margin-top: 0!important;
    }
    .auth_hr{
        width: 90%;
    }
    .auth_info{
        width: 90%;
    }
    .auth_mail{
        align-self: center;
    }
    .auth_alert{
        margin-bottom: 10%!important;
    }



}

@media (max-width: 1000px) {
    #menuContainer {
        width: 40%;
    }
}

@media (max-width: 800px) {

    .account_menu img {
        display: none;
    }

    .account_menu button {
        width: 80%;
    }

    .account_menu button a{
        padding-left: 2rem!important;
    }
}

@media (max-width: 650px) {
    #menuContainer {
        width: 55%;
    }
}


@media (max-width: 390px) {
    .auth_p{
        width: 85%;
        margin-left: 2.4rem;
    }
    .auth_section h3{
        font-size: 2rem;
    }
    .auth_remember{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .account_menu button {
        width: 75%;
    }
}

@media (max-width: 540px) {
    #menuContainer {
        width: 70%;
    }
}

@media (max-width: 500px) {
    .burger-menu div p{
        display: none;
    }
    .burger-menu div img{
        margin-left: 0!important;
    }
    .burger-menu{
        width: 8%;
    }
}