/* Groupe Vigneau — correctifs responsive de contenu sur téléphone.
   Chaque règle ne s'applique qu'en dessous de la largeur où le débordement horizontal apparaît ;
   tablette et ordinateur inchangés. Aucun texte, image ni animation modifié. */

/* 1. Accueil — liste des implantations : 3 colonnes forcées en ligne (style inline) → 1 colonne,
      comme la même liste sur la page Contact. Débordement constaté jusqu'à 520 px. */
@media (max-width:520px){
 #page-accueil .impl-list{grid-template-columns:1fr !important}
}

/* 2. Formations — boutons rouges trop longs (« Télécharger le catalogue complet »,
      « Découvrir nos formations en apprentissage ») : le libellé peut passer sur deux lignes.
      Débordement constaté jusqu'à 381 px. */
@media (max-width:400px){
 #page-formations .btn.btn-red{white-space:normal;max-width:100%;text-align:center;justify-content:center}
}

/* 3. RSE — chiffres clés de chaque pilier : 3 colonnes forcées en ligne → 1 colonne,
      comme les chiffres clés de l'accueil sur mobile. Débordement constaté jusqu'à 388 px. */
@media (max-width:400px){
 #page-rse .two .stats{grid-template-columns:1fr !important}
}