.page-news h1 {text-align: center; margin-bottom: var(--marginXS);}
.page-news h1 + .h2 {text-align: center;}
.page-news .bc ol {text-align: center; justify-content: center;}

.bc {margin-bottom: var(--marginM);}
.news-list {display: flex; flex-wrap: wrap; margin: calc(-1 * var(--marginS)) calc(-1 * var(--marginXXS));}
.news-list .news-item {flex: 0 0 33.33%; width: 33.33%; padding: var(--marginS) var(--marginXXS);}

.page-article h1 {margin-bottom: var(--marginXS);}
.page-article .bc ol {justify-content: center;}
.page-article #illu picture {height: var(--illu); margin-top: var(--marginM);}
.page-article .date {color: var(--color_primary);}
.article-top {text-align: center;}
.article-top .h5 {margin-top: 15px;}
.page-article .paragraphe {margin: var(--marginM) auto 0; font-size: var(--textS); width: 70%;}
.plus-news {margin-top: var(--marginM); padding-top: var(--marginM); border-top: 1px solid #eee;}
.plus-news > .h5 {margin-bottom: var(--marginS); text-align: center;}
.plus-news .news-list {margin: -10px; justify-content: center;}
.plus-news .news-item {flex: 0 0 auto; width: clamp(200px, 20%, 280px); padding: 10px;}
.plus-news .news-item .h5 {font-size: var(--textS);}
.plus-news .news-item .date {font-size: var(--textXS);}
.plus-news picture {height: calc(75px + 50 * (100vw - 320px) / 1080);}

@media screen and (max-width: 800px) {
    .news-list .news-item {flex-basis: 50%; width: 50%;}
    .page-article .paragraphe {width: 100%;}
}