/* A11Y-TITRES 2026-10-13 (constat 15) : styles des titres H2 et P qui remplacent les anciens H1, pour garder exactement la meme apparence. */
/* Charge par application/layouts/main-common.phtml (site dearmond seulement), adresse versionnee ?v=20261013. Retour arriere : archives/titres-a11y-2026-10-13/deployer.sh retour */

/* Cartes des listes de conseils (h1 -> h2.news-article-title) */
h2.news-article-title { font-size: 2em; margin: 0.67em 0px; }
h2.news-article-title { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h2.news-article-title { margin-top: 19px; margin-bottom: 9.5px; }
h2.news-article-title { font-size: 32px; }
.front-end h2.news-article-title { font-weight: normal; font-family: Quicksand, sans-serif; color: rgb(46, 46, 46); line-height: 1.15em; margin: 0px 0px 35px; font-size: 3.2rem; }
h2.news-article-title { font-weight: normal; font-family: Quicksand, sans-serif; color: rgb(181, 9, 55); line-height: 1.15em; margin: 0px 0px 20px; font-size: 3.2rem; }
@media (max-width: 767px) { h2.news-article-title { font-size: 2.56rem; } }
@media print { h2.news-article-title { font-family: "Times New Roman", Georgia, serif; } }
.news-article .content h2.news-article-title { margin: 16px 0px; }
.border-box .news-article-header h2.news-article-title { color: rgb(255, 255, 255); background-color: rgba(23, 23, 23, 0.7); padding: 20px 25px; margin: 0px 20px; font-size: 0px; }
.border-box .news-article-header h2.news-article-title > span { font-size: 2.4rem; line-height: 1.25em; display: inline-block; vertical-align: middle; width: 100%; position: relative; }
.border-box .news-article-header h2.news-article-title > span .news-article-title-big { display: block; text-transform: uppercase; }
@media (min-width: 992px) and (max-width: 1199px) { .border-box .news-article-header h2.news-article-title > span { font-size: 1.9rem; } }
@media (min-width: 768px) and (max-width: 991px) { .border-box .news-article-header h2.news-article-title > span { font-size: 1.3rem; } }
@media (max-width: 767px) { .border-box .news-article-header h2.news-article-title > span { font-size: 6vw; } }
.border-box .news-article-header h2.news-article-title::before { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 1px; padding-bottom: 36.2903%; margin: 0px 0px 0px -1px; }
@media (min-width: 768px) and (max-width: 991px) { .border-box .news-article-header h2.news-article-title { padding: 10px 15px; margin: 0px 8%; } }
@media (max-width: 767px) { .border-box .news-article-header h2.news-article-title { padding: 10px 15px; margin: 0px 8%; } }
.front-end h2.news-article-title { text-transform: none; } /* neutralise .front-end h2 de integration.css, qui ne touchait pas les anciens h1 */
.large .border-box .col-sm-4 .news-article-header > a h2.news-article-title, .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title { width: 100%; padding: 0 11.5%; display: inline-block; vertical-align: middle; margin: 0; background: none transparent; font-size: 3.2rem; }
@media (min-width: 992px) and (max-width: 1199px) { .large .border-box .col-sm-4 .news-article-header > a h2.news-article-title, .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title { font-size: 2.6rem; } }
@media (min-width: 768px) and (max-width: 991px) { .large .border-box .col-sm-4 .news-article-header > a h2.news-article-title, .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title { font-size: 2rem; } }
@media (max-width: 767px) { .large .border-box .col-sm-4 .news-article-header > a h2.news-article-title, .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title { font-size: 5.5vw; margin: 0; padding: 20px 18px; } }
.videos .large .border-box .col-sm-4 .news-article-header > a h2.news-article-title span, .videos .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title span { padding: 0; }
.videos .large .border-box .col-sm-4 .news-article-header > a h2.news-article-title span::after, .videos .large .border-box .col-sm-4 .news-article-header > div h2.news-article-title span::after { content: none; }
.medium .border-box .news-article-header h2.news-article-title::before { padding-bottom: 14%; }
@media (max-width: 767px) { .medium .border-box .news-article-header h2.news-article-title { font-size: 3.75vw; } }
.videos .border-box .news-article-header h2.news-article-title > span { padding-right: 50px; }
.videos .border-box .news-article-header h2.news-article-title > span::after { content: ""; display: block; width: 45px; height: 45px; background: url("/dearmond/themes/images/common/arrow-play.png") 0 0 no-repeat scroll transparent; position: absolute; right: 0; top: 50%; margin-top: -22px; }
@media (max-width: 991px) { .videos .border-box .news-article-header h2.news-article-title > span::after { width: 31px; height: 31px; margin-top: -15px; background: url("/dearmond/themes/images/common/arrow-play-mobile.png") 0 0 no-repeat scroll transparent; } }

/* Titre de section des fiches de conseil (h1 -> p.site-main-title) */
p.site-main-title { font-size: 2em; margin: 0.67em 0px; }
p.site-main-title { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
p.site-main-title { margin-top: 19px; margin-bottom: 9.5px; }
p.site-main-title { font-size: 32px; }
.front-end p.site-main-title { font-weight: normal; font-family: Quicksand, sans-serif; color: rgb(46, 46, 46); line-height: 1.15em; margin: 0px 0px 35px; font-size: 3.2rem; }
.main-title p.site-main-title { color: rgb(255, 255, 255); margin: 0px; font-size: 3.8rem; text-transform: uppercase; padding: 51px 0px 46px; }
@media (max-width: 767px) { .main-title p.site-main-title { font-size: 2.2rem; padding: 30px 0px 25px; } }
p.site-main-title { font-weight: normal; font-family: Quicksand, sans-serif; color: rgb(181, 9, 55); line-height: 1.15em; margin: 0px 0px 20px; font-size: 3.2rem; }
@media (max-width: 767px) { p.site-main-title { font-size: 2.56rem; } }
@media print { p.site-main-title { font-family: "Times New Roman", Georgia, serif; } }

/* Titre des heures, bloc 124 de Nous joindre (h1 -> h2) */
.opening-hours .content h2 { font-family: Quicksand, sans-serif; font-weight: normal; line-height: 1.15em; color: #fff; text-transform: uppercase; font-size: 2.4rem; margin: 0 0 49px; }
.opening-hours .content h2 .fancy-text { text-transform: none; }