/* ===== RESPONSIVE DESIGN SEUL ICI ===== */
@media (max-width: 1200px) {
    .content-wrapper,
    .numero-layout,
    .equipe-layout,
    .charte-layout,
    .numeros-page-layout {
        padding: 40px 10px;
        gap: 20px;
        max-width: 100%;
    }
}
@media (max-width: 900px) {
    .content-wrapper,
    .numero-layout,
    .equipe-layout,
    .charte-layout,
    .numeros-page-layout {
        flex-direction: column;
        gap: 25px;
    }
    .main-content,
    .numero-main,
    .equipe-main,
    .charte-main-content,
    .numeros-main-content {
        padding: 20px 12px;
        min-width: unset;
        width: 100%;
    }
}
@media (max-width: 768px) {
    #header .container {
        flex-direction: row;
    }
    body.rtl #header .container {
        flex-direction: row-reverse;
    }
    #header nav { display: none; }
    .burger { display: flex; }
    .msidebar { padding-top: 80px; }
    .charte-menu, .sidebar { position: static; width: 100%; max-width: 100%; }
    .charte-main-content { width: 100%; }
}