/* Appliquer des styles aux balises dans le contenu de l'article */
.rich-text h1 {
    font-size: 2.25rem; /* Equivalent à text-4xl */
    font-weight: 700; /* font-bold */
    color: #2563eb; /* Bleu calme */
    margin-bottom: 1rem; /* mb-4 */
}

.rich-text h2 {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 600; /* font-semibold */
    color: #3b82f6; /* Bleu moyen */
    margin-bottom: 0.75rem; /* mb-3 */
}

.rich-text h3 {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600; /* font-semibold */
    color: #A5D6A7; /* Vert sauge */
    margin-bottom: 0.5rem; /* mb-2 */
}

.rich-text p {
    font-size: 1.125rem; /* text-lg */
    color: #1f2937; /* Gris foncé */
    line-height: 1.75; /* leading-relaxed */
    margin-bottom: 1rem;
}

.rich-text strong {
    font-weight: 700; /* font-bold */
    color: #111827; /* Gris très foncé */
}

/* Styles pour les listes à puces */
.rich-text ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1.5rem; /* Espace pour les puces */
    margin-bottom: 1rem;
}

.rich-text ul li {
    margin-bottom: 0.5rem; /* Espacement entre les éléments de liste */
    color: #1f2937; /* Gris foncé pour le texte */
    position: relative; /* Nécessaire pour la puce personnalisée */
    padding-left: 1rem; /* Décalage pour la puce */
}


/* Styles additionnels pour les listes ordonnées */
.rich-text ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.rich-text ol li {
    margin-bottom: 0.5rem;
    color: #1f2937;
}

/* Styles pour les citations */
.rich-text blockquote {
    border-left: 4px solid #A5D6A7; /* Bordure verte */
    padding-left: 1rem;
    color: #374151; /* Gris moyen */
    font-style: italic;
    margin-bottom: 1rem;
}

/* Styles pour les liens */
.rich-text a {
    color: #3b82f6; /* Bleu moyen */
    text-decoration: underline;
}

/* Centrer les images et ajouter un léger arrondi */
.rich-text img {
    display: block;
    margin: 1.5rem auto; /* Centrage horizontal et espacement */
    border-radius: 8px; /* Arrondi léger */
    max-width: 100%; /* Limite la largeur de l'image à la largeur du conteneur */
}