/* Pages de texte : CGV, mentions légales, 404. */
/* padding-block seulement : la marge latérale reste celle de .conteneur (sinon le texte touche le bord en mobile). */
.texte { max-width: 780px; padding-block: 56px 40px; }
.texte h1 { font-size: clamp(34px, 4vw, 52px); margin-bottom: 24px; }
.texte h2 { font-size: 22px; margin: 36px 0 10px; }
.texte p, .texte li { margin-bottom: 10px; color: var(--texte-doux); }
.texte ul { list-style: disc; padding-left: 22px; }
.texte .a-completer { background: var(--alerte-fond); padding: 0 4px; border-radius: 4px; }
.texte .bouton { margin-top: 18px; }
.bouton--espace { margin-left: 8px; }

/* Blog : liste des articles et page d'article (articles repris de l'ancien site, 20/10/2026). */
.texte .surtitre { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gris); margin-bottom: 8px; }
.article-blog__image { width: 100%; max-height: 420px; object-fit: cover; border-radius: 14px; margin: 8px 0 24px; }
.liste-blog { display: grid; gap: 28px; }
.liste-blog__article { display: block; color: inherit; text-decoration: none; border-bottom: 1px solid var(--ligne); padding-bottom: 24px; }
.liste-blog__article img { width: 100%; height: 240px; object-fit: cover; border-radius: 14px; margin-bottom: 14px; }
.liste-blog__article h2 { margin: 6px 0 8px; }
.liste-blog__article:hover h2 { color: var(--bordeaux); }

/* Photos et liens dans le corps d'un article (21/10/2026). */
.article-blog a { color: var(--bordeaux); text-decoration: underline; text-underline-offset: 3px; }
.article-blog a:hover { text-decoration-thickness: 2px; }
.article-blog__photo { margin: 28px 0 30px; }
.article-blog__photo img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; }
.article-blog__photo figcaption { margin-top: 8px; font-size: 13px; color: var(--gris); text-align: center; }
.article-blog__image { aspect-ratio: 16 / 9; max-height: none; }