@media screen and (max-width: 768px) {
    .objectifs-globaux {
        flex-direction: column;
        height: auto;
        padding: 20px 0;
    }

    .objectifs-globaux .obj-glob-img {
        width: 100%;
        height: 200px;
        border-radius: 8px;
    }

    .objectifs-globaux .obj-glob-content {
        width: 100%;
        margin-top: 20px;
    }

    .footer-content {
        gap: 10px;
    }
    .footer-detail {
        flex-direction: column;
        gap: 30px;
    }

    .member-card {
        flex: 0 0 85%;
    }
    
    .nav-btn {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .prev-btn {
        left: 5px;
    }
    
    .next-btn {
        right: 5px;
    }
}