/* ----------------------------------------------------
   SECTION PRÉSENTATION (5e groupe)
---------------------------------------------------- */

/* Rien d'obligatoire ici pour l'instant.
   Garde ce fichier pour isoler les ajustements de #presentation. */

/* Exemple (désactivé): 
#presentation .card{ } 
*/
#presentation #about-history p{
  margin: 0 0 12px;
  line-height: 1.6;
}
#presentation #about-history p:last-child{
  margin-bottom: 0;
}
/* ----------------------------------------------------
   ABOUT (Mission / Valeurs / En bref) — centrage
---------------------------------------------------- */

#presentation .cards > .card{
  text-align: center;
}

#presentation #about-mission{
  max-width: 58ch;   /* évite une ligne trop longue */
  margin: 0 auto;
}

/* Valeurs + En bref : centre la liste et garde une lecture propre */
#presentation #about-values,
#presentation #about-facts{
  list-style-position: inside;
  padding-left: 0;
  margin: 0 auto;
  display: inline-block; /* permet de centrer le bloc liste dans la card */
  text-align: left;      /* garde les items lisibles (alignés) */
}

#presentation #about-values li,
#presentation #about-facts li{
  margin: 6px 0;
}

/* Optionnel : si tu veux aussi centrer le titre de chaque carte */
#presentation .cards > .card h3{
  text-align: center;
}
/* Valeurs + En bref : placement + espacement */
#presentation #about-values,
#presentation #about-facts{
  margin-top: 16px;      /* ↓ descend la liste (augmente à 16/20 si tu veux) */
  padding-top: 4px;      /* petit “air” supplémentaire */
}

/* Espace entre les puces */
#presentation #about-values li,
#presentation #about-facts li{
  margin: 10px 0;        /* espace vertical entre points (8 à 14 selon ton goût) */
  line-height: 1.55;     /* lisibilité */
}