.ateliers-list {
  /* Marge supérieure de 40px, centrage horizontal */
  margin: 40px auto 0 auto;
  /* Largeur maximale de la liste */
  max-width: 700px;
  /* Bords arrondis */
  border-radius: 12px;
  /* Espacement interne (haut/bas 32px, gauche/droite 28px) */
  padding: 32px 28px;
  /* Taille du texte légèrement agrandie */
  font-size: 1.15em;
  /* Puces rondes à l'intérieur de la liste */
  list-style: disc inside;
}
.ateliers-list ul {
  /* Marge au-dessus de la liste */
  margin-top: 10px;
  /* Marge en dessous de la liste */
  margin-bottom: 10px;
}
.ateliers-list, .ateliers-list ul {
  /* Enlève les puces par défaut */
  list-style-type: none;
  /* Décale le contenu vers la droite */
  padding-left: 1.2em;
}
.ateliers-list li {
  /* Permet de positionner pseudo-éléments */
  position: relative;
  /* Espace sous chaque élément */
  margin-bottom: 14px;
  /* Justifie le texte */
  text-align: justify;
  /* Décale le texte pour la puce personnalisée */
  padding-left: 1.2em;
}
.ateliers-list li::before, .ateliers-list ul li::before {
  /* Ajoute un tiret avant chaque élément */
  content: "- ";
  /* Positionne le tiret par rapport au li */
  position: absolute;
  /* Place le tiret à gauche */
  left: 0;
  /* Couleur bleue du tiret */
  color: #357ABD;
  /* Tiret en gras */
  font-weight: bold;
}
.ateliers-list img {
  /* Prend toute la largeur du conteneur */
  width: 100%;
  /* Largeur maximale de l'image */
  max-width: 340px;
  /* Hauteur automatique selon la largeur */
  height: auto;
  /* Bords arrondis */
  border-radius: 16px;
  /* Bordure bleue claire */
  border: 2px solid #b6b6e2;
  /* Ombre légère */
  box-shadow: 0 2px 8px rgba(80, 80, 160, 0.08);
  /* Espace sous l'image */
  margin-bottom: 18px;
  /* Recadre l'image sans déformation */
  object-fit: cover;
  /* Fond gris très clair */
  background: #f5f5fa;
  /* Affiche l'image comme un bloc */
  display: block;
}
@media (max-width: 700px) {
  .ateliers-list {
    /* Largeur maximale adaptée à l'écran */
    max-width: 98vw;
    /* Espacement réduit sur mobile */
    padding: 18px 8px;
    /* Taille du texte normale sur mobile */
    font-size: 1em;
  }
}