/* Styles limités et cohérents */
    body {
      font-family: Arial, sans-serif;
      font-size: 1rem;
      line-height: 1.6;
      margin: 2rem;
      background-color: #f9f9f9;
      color: #333;
    }

    h1, h2, h3 {
      font-weight: bold;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
    }

    h4 {
      font-weight: bold;
      font-size: 2rem;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: center; /* <-- Ajout pour centrer le titre */
    }

    h5 {
      font-weight: bold;
      font-size: 1.5rem;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: center; /* <-- Ajout pour centrer le titre */
    }

    h6 {
      font-weight: bold;
      font-size: 1.25rem;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: center; /* <-- Ajout pour centrer le titre */
    }

    p {
      margin-bottom: 1rem;
    }

    .encadre {
      border: 1px solid #ccc;
      background: #fff;
      padding: 1rem;
      margin: 1rem 0;
      border-radius: 4px;
    }
    .image-centree {
      display: block;     /* nécessaire pour centrer avec margin auto */
      margin: 0 auto;     /* centre horizontalement */
      width: 40%;         /* réduit la largeur à 20% */
      height: auto;
    }
    .image-grande {
      display: block;     /* nécessaire pour centrer avec margin auto */
      margin: 0 auto;     /* centre horizontalement */
      width: 95%;         /* réduit la largeur à 20% */
      height: auto;
    }
    .image-petite {
      display: block;     /* nécessaire pour centrer avec margin auto */
      margin: 0 auto;     /* centre horizontalement */
      width: 30%;         /* réduit la largeur à 20% */
      height: auto;
    }
    .texte-explicatif {
      text-align: center; /* centre le texte explicatif uniquement */
      font-style: italic;
      font-size: 0.85rem;
      color: #555;
      margin-top: 0.5rem;
    }

    .retrait {
      margin-left: 2rem;   /* décalage à gauche */
    }

    .liste-romaine {
      font-style: italic;   /* met toute la liste en italique */
      margin-left: 2rem;    /* retrait à gauche */
      font-size: 0.95rem;   /* taille légèrement plus petite si tu veux */   
    }

    .logos {
      display: flex;
      justify-content: center;   /* centre horizontalement */
      align-items: center;       /* centre verticalement sans étirer */
      gap: 2rem;
      margin-top: 1rem;
    }

    .logos img {
      max-height: 80px;          /* limite la hauteur */
      width: auto;               /* largeur calculée automatiquement */
      object-fit: contain;       /* garde les proportions dans la boîte */
    }