@media (max-width: 780px) {
  body > *:nth-child(2) {
    margin-top: 250px !important;
  }
}

/*
 * ================================================================
 * Partie     : CORRECTIF RESPONSIVE ACCUEIL
 * Ajouté le  : 2026-04-16
 * À          : 16h:45mn.17s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 780px) {
  nav {
    flex-direction: column;
    padding: 1rem 0;
    height: auto;
  }

  nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    width: 100%;
    padding: 1rem 0;
  }

  nav ul li {
    width: auto;
    min-width: 100px;
    padding: 0.6rem;
  }
}
@media (max-width: 1024px) {
  .pourquoi-venir-chez-nous {
    flex-direction: column;
    height: auto;
  }
  .pourquoi-venir-chez-nous > div {
    width: 100%;
  }
  .image-illustration-pourquoi-chez-nous {
    height: 300px;
    order: -1;
  }
}

@media (max-width: 768px) {
  section .bienvenue h1 {
    font-size: 2rem;
  }
  section .bienvenue p {
    font-size: 1.2rem;
    width: 100%;
  }
  section .bienvenue h4 {
    width: 80%;
    font-size: 1.2rem;
  }

  .conteneure-du-text {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2rem;
  }
  .conteneur-du-logodu-footer,
  .conteneur-lien-rapide,
  .conteneur-suivez-nous {
    width: 100%;
  }
}
/*
 * ================================================================
 * Partie     : CORRECTIF RESPONSIVE INSCRIPTION
 * Ajouté le  : 2026-04-16
 * À          : 16h:44mn.30s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 900px) {
  section > div {
    width: 95%;
    flex-direction: column;
  }
  section > div > .ligne-plaque-agauche {
    display: none;
  }
  section > div > .conteneur-du-formulaire {
    height: auto;
    width: 100%;
    padding: 1rem;
  }
  section > div > div > .formulaire > .grid1,
  section > div > div > .formulaire > .grid2 {
    grid-template-columns: 1fr;
    height: auto;
  }
  section > div > div > .formulaire > div > textarea {
    min-width: 100%;
    max-width: 100%;
  }
  section > .conteneure-du-contact {
    grid-template-columns: 1fr;
    height: auto;
    gap: 2rem;
  }
}
/*
 * ================================================================
 * Partie     : RESPONSIVE CONTACT
 * Ajouté le  : 2026-04-16
 * À          : 16h:44mn.0s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 900px) {
  .section-contact {
    flex-direction: column;
    padding: 1.5rem;
  }
  .bloc-infos-contact,
  .bloc-formulaire-contact {
    width: 100%;
  }
  .hero-contact-texte h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .btn-envoyer {
    width: 100%;
  }
  .info-item i {
    font-size: 1.5rem;
  }
}
/*
 * ================================================================
 * Partie     : RESPONSIVE COACHES
 * Ajouté le  : 2026-04-16
 * À          : 16h:46mn.56s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 1024px) {
  .carte-de-nos-programmes,
  .commentaire-pour-nos-coache {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 2rem;
    height: auto;
  }
}

@media (max-width: 768px) {
  .page-nos-programme {
    font-size: 2rem;
    margin-top: 12svh;
  }

  .carte-de-nos-programmes,
  .commentaire-pour-nos-coache {
    grid-template-columns: 1fr; /* 1 seule colonne sur mobile */
    padding: 0 1rem;
  }

  .states > .meta-donnes-de-stat {
    grid-template-columns: repeat(2, 1fr); /* Les stats sur 2 lignes */
    height: auto;
    padding: 1rem 0;
  }

  .titre-du-commentaire {
    width: 90%;
    margin-top: 5svh;
    font-size: 1.2rem;
  }

  .profile-du-client-qui-a-poster-le-commentaire {
    height: auto;
    padding: 1rem;
  }
}
/*
 * ================================================================
 * Partie     : RESPONSIVE PROGRAMMES
 * Ajouté le  : 2026-04-16
 * À          : 16h:51mn.8s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 768px) {
  .conteneure-principale-nos-programmes {
    height: auto;
    min-height: 70svh;
    padding: 2rem 0;
  }

  .titre-nos-nos-programme {
    font-size: 2rem;
  }

  .description-de-la-page-acceuille-nos-programmes {
    width: 90%;
    font-size: 1.2rem !important;
  }

  .boutton-voire-plus-de-la-page-dacceuille {
    width: 70%;
    font-size: 1.5rem;
  }

  .carte-de-nos-programmes {
    grid-template-columns: 1fr;
    padding: 0 1rem;
    height: auto;
  }
}
/*
 * ================================================================
 * Partie     : RESPONSIVE TARIFS
 * Ajouté le  : 2026-04-16
 * À          : 16h:52mn.17s
 * Remarques  :
 * ================================================================
 */
@media (max-width: 1024px) {
  .conteneur-pricipale-de-la-section-tarifs {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0 2rem;
    gap: 3rem;
  }
}

@media (max-width: 768px) {
  .conteneur-pricipale-de-la-section-tarifs > div h5,
  .conteneur-pricipale-de-la-section-tarifs > div .personnaliser-Engagement-Performance,
  .conteneur-pricipale-de-la-section-tarifs > div .anuell-personnalise {
    width: auto;
    display: inline-block;
  }

  .conteneur-pricipale-de-la-section-tarifs > div button,
  .conteneur-pricipale-de-la-section-tarifs > div .boutton-droite {
    width: 100%;
    margin-top: 2rem;
    transform: none;
  }

  .conteneur-pricipale-de-la-section-tarifs > div:hover {
    transform: none;
  }
}