/*
 * Articles rédigés avec l'éditeur de l'administration (titres, listes, tableaux, images…).
 * Complète .blog-details-text1 du template, qui ne prévoit que des paragraphes.
 */
.article-contenu > * + * {
    margin-top: 22px;
}

.article-contenu h2,
.article-contenu h3,
.article-contenu h4,
.article-contenu h5,
.article-contenu h6 {
    margin-bottom: 0;
    color: var(--thm-heading-font-color);
    line-height: 1.3;
}

.article-contenu h2 { font-size: 30px; }
.article-contenu h3 { font-size: 24px; }
.article-contenu h4 { font-size: 20px; }

.article-contenu > :is(h2, h3, h4) + * {
    margin-top: 12px;
}

.article-contenu ul,
.article-contenu ol {
    margin-bottom: 0;
    padding-left: 24px;
}

.article-contenu ul > li {
    display: list-item;
    list-style: disc;
}

.article-contenu ol > li {
    display: list-item;
    list-style: decimal;
}

/* La lettrine du template ne concerne que le premier paragraphe de l'article */
.blog-details-text1.article-contenu > :not(p) p:first-child::first-letter {
    all: unset;
}

.article-contenu li + li {
    margin-top: 6px;
}

.article-contenu a {
    color: var(--rej-green-dark);
    text-decoration: underline;
}

.article-contenu img {
    max-width: 100%;
    height: auto;
    border-radius: var(--thm-border-radius);
}

.article-contenu blockquote {
    margin-bottom: 0;
    padding: 18px 24px;
    border-left: 4px solid var(--thm-primary-color);
    border-radius: 0 var(--thm-border-radius) var(--thm-border-radius) 0;
    background: var(--rej-green-50);
    color: var(--thm-heading-font-color);
    font-style: italic;
}

.article-contenu blockquote p {
    margin: 0;
}

.article-contenu table {
    width: 100% !important;
    max-width: 100%;
    border: 0;
    border-collapse: collapse;
}

@media (max-width: 767px) {
    .article-contenu table {
        display: block;
        overflow-x: auto;
    }
}

.article-contenu th,
.article-contenu td {
    padding: 10px 12px;
    border: 1px solid var(--thm-border-color-1);
    vertical-align: top;
}

.article-contenu th {
    background: var(--rej-green-100);
    color: var(--thm-heading-font-color);
}

.article-contenu hr {
    border: 0;
    border-top: 1px solid var(--thm-border-color-1);
    opacity: 1;
}

.article-contenu pre {
    overflow-x: auto;
    padding: 16px;
    border-radius: var(--thm-border-radius);
    background: var(--rej-green-50);
}