/* Pour le mode téléphone : Placer les images à gauche pour toutes les divs */
@media (max-width: 1282px) {
    .text-info {
        max-width: 400px;
    }
    .ft-18{
        font-size: 16px;
    }

    .ft-35{
        font-size: 25px;
    }
}

@media (max-width: 782px) {
    .ft-40{
        font-size: 30px;
    }

    .ft-24{
        font-size: 20px;
    }
}

@media (max-width: 1082px) {
    .bloc-info {
        flex-direction: column !important; /* Empile les éléments verticalement */
    }

    /* Sur téléphone, les images sont à gauche */
    .image-info, .image-info img {
        width: 363px;
        height: 262px;
        order: 1 !important; /* Toutes les images à gauche */
    }

    .text-info {
        margin-top: 20px;
        text-align: center;
        order: 2 !important; /* Texte à droite après l'image */
    }

    .accueil {
        background-size: contain; /* Adapte pour les petits écrans */
    }
}