@media (max-width: 1100px) {
    .index_missions .d-flex {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 2rem !important;
    }
    .index_missions a {
        flex: 1 1 30%;
        max-width: 200px;
    }
    .index_missions a p {
        margin-bottom: 0;
    }
    .index_missions a:nth-child(n + 4) {
        /* Les 4e et suivants passent à la ligne */
        margin-left: 0;
        width: 100%;
    }
    footer .navbar-brand {
        margin-left: 0.5em;
    }
}
@media (max-width: 930px) {
    header .header_logo {
        left: 0.2em;
    }
    header .nav-item {
        margin: 0;
    }
}
@media (max-width: 767px) {
    header .menu {
        margin-top: 18px;
    }
    header .header_logo {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .navbar {
        height: 70px;
    }
    header .nav-item.nav-border {
        border: 1px solid var(--color_hover);
    }
    header .nav-item.dropdown button {
        display: inline-block;
        text-align: center;
    }
    header .dropdown .dropdown-menu {
        transform: none !important;
    }
    #page_index .index_content {
        flex-direction: column;
    }
    #page_index .index_title {
        margin-top: 2em;
    }
    #page_index .index_image {
        width: 75%;
    }
    #page_index .slogan {
        width: 75%;
        margin: 1em auto 0 auto;
    }
    #page_index .indexTeams_content {
        flex-direction: column-reverse;
    }
    #page_index .indexTeams_image {
        width: 50%;
        margin-right: 0;
    }
    #page_index .indexTeams_title {
        margin-top: 2em;
        width: 80%;
        padding: 0;
    }
    #comptaTeams .compta_content,
    #socialTeams .social_content {
        flex-direction: column-reverse;
    }
    #comptaTeams .compta_image,
    #socialTeams .social_image {
        width: 75%;
        margin-right: 0;
    }
    #comptaTeams .compta_title,
    #socialTeams .social_title {
        width: 80%;
        padding: 0;
    }
    #compta .compta_competences ul {
        width: 80%;
    }
    #social .social_competences ul {
        width: 80%;
    }
    footer {
        padding-top: 1em;
    }
    footer .footer_flex {
        margin-bottom: 1em;
    }
    footer .footer_logo {
        margin-top: 0;
        margin-left: 0;
    }
    footer .footer_contact div {
        margin-right: 1em;
    }
    footer .footer_contact a {
        margin-left: 1em;
    }
    footer .navbar-brand {
        margin-left: 0;
    }
    footer .footer_contact {
        flex-direction: row;
        align-items: center;
    }
}
@media (max-width: 650px) {
    #page_about .about_text {
        margin-top: 1em;
    }
    #page_about .about_text .about_image {
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }
}
@media (max-width: 550px) {
    #page_index .indexTeams_image {
        width: 70%;
        margin-right: 0;
    }
    #compta .compta_content {
        flex-direction: column;
        height: auto;
    }
    #compta .compta_content > div {
        margin: 2em 0;
        width: 90%;
    }
    #compta .compta_competences ul {
        margin-left: 15%;
    }
    #social .social_content {
        flex-direction: column;
        height: auto;
    }
    #social .social_content > div {
        margin: 2em 0;
        width: 90%;
    }
    #social .social_competences ul {
        margin-left: 15%;
    }
}
@media (max-width: 435px) {
    h1 {
        padding: 0 0.5em;
    }
    #page_index .index_title {
        padding: 0 0.5em;
    }
    .index_missions .d-flex {
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    .index_missions a {
        max-width: 250px;
        width: 100%;
        margin-bottom: 0;
    }
}