/* blocs figés généralistes */
/*
 * BLOCS FIGÉS — généraliste (journal/magazine) — CSS consolidé
 * Sources : pansemiotique.com/assets/pj/pj.css + style.css (sidebar/sommaire/encadrés/
 * auteur/footer), paroisse-saintpoldeleon.fr/style.css (FAQ .accordeon → .sb-faq),
 * cslp06.org/style.css (inspiration .encadre-point, non reprise telle quelle).
 * Toutes les couleurs/polices/ombres/rayons sont des VARIABLES --sb-* : un nouveau site
 * ne redéfinit QUE le bloc :root ci-dessous (ou une partie), jamais les règles plus bas.
 *
 * INTERDIT DE MODIFIER : les sélecteurs, la structure grid/flex, les media queries de
 * bascule mobile (760px). LIBRE DE MODIFIER : toutes les valeurs du :root.
 */

:root {
	/* --- Couleurs --- */
	--sb-fond: #ffffff;
	--sb-encre: #0F1626;      /* texte principal */
	--sb-doux: #4B5266;       /* texte atténué (métadonnées) */
	--sb-filet: #E1E4EE;      /* bordures fines */
	--sb-accent: #1B358A;     /* couleur de marque / liens */
	--sb-accent-fort: #13245E;/* hover, boutons pleins */
	--sb-accent-2: #9A4212;   /* couleur secondaire (numéros, puces) */
	--sb-surf: #F3F4FA;       /* fond encadré clair niveau 1 */
	--sb-surf2: #E8ECF7;      /* fond encadré clair niveau 2 (surbrillance sommaire) */
	--sb-rub: var(--sb-accent); /* couleur de la rubrique courante, posée en inline style par article */

	/* --- Formes --- */
	--sb-rayon: 12px;
	--sb-ombre: 0 1px 2px rgba(19,36,94,.06), 0 4px 14px rgba(19,36,94,.07);
	--sb-ombre-haut: 0 2px 4px rgba(19,36,94,.08), 0 10px 26px rgba(19,36,94,.12);

	/* --- Typo --- */
	--sb-titre: "Manrope", "Helvetica Neue", Arial, sans-serif;   /* titres, UI, chiffres */
	--sb-lecture: "Newsreader", Georgia, "Times New Roman", serif; /* corps de lecture, chapô */

	/* --- Barre latérale --- */
	--sb-aside-largeur: 300px;
	--sb-haut-collant: 150px; /* distance du haut à laquelle une zone devient sticky (hauteur de l'en-tête) */
}




.sb-cadre { width: min(1280px, 100% - 2.5rem); margin-inline: auto; }
.sb-kicker { font: 700 11.5px/1.5 var(--sb-titre); letter-spacing: .11em; text-transform: uppercase; color: var(--sb-accent); }

/* ============================= ARTICLE — en-tête ============================= */

.sb-article-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: var(--sb-rub); }
.sb-article-hero-grille { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,1fr); gap: clamp(32px,4vw,60px); align-items: center; padding-block: clamp(30px,3vw,44px) clamp(36px,3.4vw,50px); }
.sb-article-hero--sans-photo .sb-article-hero-grille { grid-template-columns: minmax(0,900px); }
.sb-article-ariane { color: #BCC6E6; margin-bottom: 1.1rem; }
.sb-article-ariane a { color: #EAEDF9; }
.sb-article-titre { color: #fff; font: 800 clamp(32px,3.2vw,47px)/1.07 var(--sb-titre); letter-spacing: -.034em; margin: 0; text-wrap: balance; }
.sb-article-chapo { font: 400 clamp(18px,1.45vw,21px)/1.5 var(--sb-lecture); color: #D6DDF0; margin: 1.05rem 0 0; max-width: 40em; }
.sb-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.16); color: #C8D0E7; font: 600 13.5px/1.4 var(--sb-titre); }
.sb-article-auteur { display: inline-flex; align-items: center; gap: .7rem; color: #fff; text-decoration: none; min-height: 44px; }
.sb-article-auteur .sb-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255,255,255,.85); flex: 0 0 48px; }
.sb-article-auteur-txt { display: flex; flex-direction: column; line-height: 1.25; }
.sb-article-auteur-nom { font: 800 15px/1.25 var(--sb-titre); color: #fff; }
.sb-article-figure { position: relative; margin: 0; }
.sb-article-figure img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 18px; box-shadow: 0 2px 6px rgba(0,0,0,.18), 0 26px 60px rgba(4,9,32,.45); }

/* ============================= BARRE LATÉRALE + SOMMAIRE ============================= */

.sb-art-corps { display: grid; grid-template-columns: minmax(0,1fr) var(--sb-aside-largeur); gap: 48px; align-items: start; margin-top: 44px; }
.sb-art-corps--seul { grid-template-columns: minmax(0,860px); }
.sb-art-principal { min-width: 0; max-width: 820px; }
.sb-art-aside { position: relative; align-self: stretch; display: flex; flex-direction: column; gap: 20px; }

.sb-colle-zone { position: relative; }
.sb-colle-zone--som { flex: 1 1 auto; }
.sb-colle-zone--pub { flex: 0 0 auto; min-height: min(1100px,45%); }
.sb-colle-zone--pub:only-child { flex: 1 1 auto; }
.sb-colle[data-colle="true"] { position: sticky; top: var(--sb-haut-collant); }

.sb-sommaire { position: relative; overflow: hidden; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-radius: 16px; padding: 1.25rem 1.25rem .9rem; box-shadow: var(--sb-ombre); }
.sb-sommaire::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
.sb-sommaire-tete { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.sb-sommaire-duree { font: 700 12px/1 var(--sb-titre); color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .4rem .65rem; white-space: nowrap; }
.sb-sommaire-barre { height: 4px; border-radius: 4px; background: var(--sb-surf2); margin: .9rem 0 .5rem; overflow: hidden; }
.sb-sommaire-barre span { display: block; height: 100%; border-radius: inherit; background: var(--sb-rub); transform: scaleX(0); transform-origin: 0 50%; transition: transform .12s linear; }
.sb-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.sb-sommaire li { counter-increment: s; }
.sb-sommaire li + li { border-top: 1px solid var(--sb-filet); }
.sb-sommaire a { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: .2rem; align-items: start; margin: 0 -.55rem; padding: .62rem .55rem; border-radius: 10px; font: 700 14.5px/1.38 var(--sb-titre); color: var(--sb-encre); text-decoration: none; transition: background .15s ease, color .15s ease; }
.sb-sommaire a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1.7 var(--sb-titre); color: var(--sb-accent-2); }
.sb-sommaire a:hover { background: var(--sb-surf); color: var(--sb-accent-fort); }
.sb-sommaire a[aria-current="true"] { background: var(--sb-surf2); color: var(--sb-accent-fort); box-shadow: inset 3px 0 0 var(--sb-rub); }

.sb-sommaire-mobile { display: none; }
.sb-art-aside-pub { margin: 0; }

@media (max-width: 980px) { .sb-art-corps { grid-template-columns: minmax(0,1fr) 260px; gap: 36px; } }
@media (max-width: 760px) {
	.sb-article-hero-grille { grid-template-columns: 1fr; gap: 26px; padding-block: 28px 0; }
	.sb-article-titre { font-size: 29px; line-height: 1.09; }
	.sb-art-corps { grid-template-columns: 1fr; gap: 0; margin-top: 26px; }
	.sb-art-aside { display: none; }
	.sb-sommaire-mobile { display: block; position: relative; overflow: hidden; margin: 0 0 1.5rem; border: 1px solid var(--sb-filet); border-radius: 14px; background: var(--sb-fond); box-shadow: var(--sb-ombre); padding: 0; }
	.sb-sommaire-mobile::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
	.sb-sommaire-mobile summary { list-style: none; display: flex; align-items: center; gap: .6rem; min-height: 54px; padding: .35rem 1rem 0; font: 800 15px/1.2 var(--sb-titre); color: var(--sb-encre); cursor: pointer; }
	.sb-sommaire-mobile summary::-webkit-details-marker { display: none; }
	.sb-sommaire-mobile summary em { font: 700 12.5px/1 var(--sb-titre); font-style: normal; color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .35rem .6rem; }
	.sb-sommaire-mobile ol { list-style: none; counter-reset: s; margin: 0; padding: .2rem 1rem .8rem; }
	.sb-sommaire-mobile li { counter-increment: s; padding: 0; border-top: 1px solid var(--sb-filet); }
	.sb-sommaire-mobile a { display: grid; grid-template-columns: 28px minmax(0,1fr); min-height: 44px; align-items: center; padding: .5rem 0; font: 700 15px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
	.sb-sommaire-mobile a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1 var(--sb-titre); color: var(--sb-accent-2); }
}
@media (prefers-reduced-motion: reduce) { .sb-sommaire-barre span, .sb-sommaire a { transition: none; } }

/* ============================= ENCADRÉS ============================= */

/* Listes → cartes à coches / étapes numérotées */
.sb-texte .sb-steps, .sb-texte .sb-cards { list-style: none; padding: 0; margin: 1.75rem 0; display: grid; gap: .85rem; }
.sb-texte .sb-steps { counter-reset: sbetape; }
.sb-texte .sb-steps > li { position: relative; margin: 0; padding: .95rem 1.1rem .95rem 3.9rem; background: var(--sb-surf); border-radius: var(--sb-rayon); line-height: 1.55; }
.sb-texte .sb-steps > li::before { counter-increment: sbetape; content: counter(sbetape); position: absolute; left: 1rem; top: .85rem; width: 2.1rem; height: 2.1rem; border-radius: 999px; background: var(--sb-accent); color: #fff; font: 800 15px/2.1rem var(--sb-titre); text-align: center; }
.sb-texte .sb-cards { display: block; margin: 1.6rem 0; padding: .35rem 1.3rem; background: var(--sb-surf); border: 1px solid var(--sb-filet); border-left: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); }
.sb-texte .sb-cards > li { position: relative; margin: 0; padding: .8rem 0 .8rem 2.1rem; font: 500 16.5px/1.55 var(--sb-lecture); color: var(--sb-encre); }
.sb-texte .sb-cards > li + li { border-top: 1px solid var(--sb-filet); }
.sb-texte .sb-cards > li::before { content: ""; position: absolute; left: 0; top: 1.02rem; width: 1.3rem; height: 1.3rem; border-radius: 999px; background: var(--sb-rub) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/.8rem no-repeat; }

/* Tableau comparatif → cartes */
/* 06/10 (jugement visuel n°2, erreur 21) : l'auto-fit laissait une carte seule sur sa
   ligne avec le reste de la grille vide (jusqu'à ~650px, largeur de 2 colonnes fantômes).
   --sb-compare-cols est calculé par sb_lib_compare_colonnes() depuis le nombre réel de
   cartes (encadres-content-filters.php) ; le repli auto-fit ne sert que si le PHP n'a pas
   posé la variable (contenu injecté hors de ce filtre). */
.sb-compare { display: grid; grid-template-columns: repeat(var(--sb-compare-cols, auto-fit), minmax(min(100%,17rem),1fr)); gap: 1rem; margin: 1.75rem 0; }
.sb-compare-card { padding: 1.25rem 1.35rem; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); box-shadow: var(--sb-ombre); }
.sb-compare-card h3 { font: 800 18px/1.25 var(--sb-titre); margin: 0 0 .8rem; color: var(--sb-encre); }
.sb-compare-row { padding: .6rem 0; border-top: 1px solid var(--sb-filet); }
.sb-compare-row:first-child { border-top: 0; padding-top: 0; }
.sb-compare-row dt { margin: 0 0 .2rem; font: 700 11.5px/1.4 var(--sb-titre); letter-spacing: .08em; text-transform: uppercase; color: var(--sb-doux); }
.sb-compare-row dd { margin: 0; font: 400 15.5px/1.5 var(--sb-lecture); color: var(--sb-encre); }

/* Bloc Sources — jamais cliquable */
.sb-sources { background: var(--sb-surf); padding: 24px 28px; border-top: 3px solid var(--sb-encre); margin: 32px 0; }
.sb-sources-titre { font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-encre); margin: 0 0 14px; }
.sb-sources ul, .sb-sources ol { list-style: none; margin: 0; padding: 0; counter-reset: sbsrc; }
.sb-sources ol li { counter-increment: sbsrc; }
.sb-sources ol li::before { content: counter(sbsrc); flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--sb-encre); color: var(--sb-fond); font: 700 11px/22px var(--sb-titre); text-align: center; }
.sb-sources li { display: flex; align-items: baseline; gap: 8px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-sources li:first-child { border-top: 0; }

/* "À lire aussi" terminal → bloc de liens */
.sb-alire { margin: 2.4rem 0 1.6rem; padding: 1.2rem 1.3rem .6rem; border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); background: var(--sb-fond); box-shadow: var(--sb-ombre); }
.sb-alire ul { list-style: none; margin: 0; padding: 0; }
.sb-alire li { border-top: 1px solid var(--sb-filet); }
.sb-alire li:first-child { border-top: 0; }
.sb-alire a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .75rem 0; font: 700 16px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
.sb-alire a:hover { color: var(--sb-accent); }
.sb-alire a svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; }

/* Encadré "à retenir" automatique */
.sb-encadre-cle { margin: 40px 0; padding: 6px 28px 20px; background: var(--sb-surf); border-radius: var(--sb-rayon); }
.sb-encadre-cle h2 { border-top: 0 !important; }

/* ============================= FAQ ============================= */

.sb-faq { margin: 3rem auto 0; max-width: var(--sb-faq-largeur, 760px); }
.sb-faq-titre { text-align: center; margin-bottom: 1.2rem; }
.sb-faq-liste { display: grid; gap: .85rem; }
.sb-faq-carte { border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon); padding: 16px 20px; background: var(--sb-fond); }
.sb-faq-carte summary { cursor: pointer; font: 700 16px/1.4 var(--sb-titre); color: var(--sb-encre); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; }
.sb-faq-carte summary::-webkit-details-marker { display: none; }
.sb-faq-carte summary::after { content: "+"; font-size: 22px; color: var(--sb-accent); flex: none; }
.sb-faq-carte[open] summary::after { content: "–"; }
.sb-faq-carte p { margin: 12px 0 0; color: var(--sb-doux); font: 400 15.5px/1.6 var(--sb-lecture); }

/* ============================= SIGNATURE / AUTEUR ============================= */

.sb-auteur-carte { display: grid; grid-template-columns: 110px 1fr; gap: 26px; align-items: start; margin: 46px 0 10px; padding: 28px; background: var(--sb-surf); border-top: 3px solid var(--sb-encre); border-radius: var(--sb-rayon); }
.sb-avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; display: block; border: 4px solid var(--sb-fond); box-shadow: 0 8px 20px -10px rgba(0,0,0,.45); }
.sb-avatar-symbole { display: inline-grid; place-items: center; background: var(--sb-fond); }
.sb-avatar-symbole svg { width: 60%; height: 60%; }
.sb-auteur-nom { margin: 4px 0 2px; font: 400 28px/1.2 var(--sb-titre); }
.sb-auteur-nom a { text-decoration: none; color: var(--sb-encre); }
.sb-auteur-role { margin: 0 0 12px; font: 600 13px/1.4 var(--sb-titre); color: var(--sb-accent); }
.sb-auteur-bio { margin: 0 0 16px; font: 16px/1.7 var(--sb-lecture); color: var(--sb-encre); }
.sb-auteur-liens { display: flex; flex-wrap: wrap; gap: 10px; }
.sb-auteur-liens a { padding: 10px 16px; border-radius: 99px; border: 1px solid var(--sb-encre); font: 600 13px/1 var(--sb-titre); text-decoration: none; color: var(--sb-encre); }
.sb-auteur-liens a:first-child { background: var(--sb-encre); color: var(--sb-fond); }
@media (max-width: 760px) { .sb-auteur-carte { grid-template-columns: 72px 1fr; gap: 16px; padding: 20px 18px; } .sb-avatar { width: 72px; height: 72px; border-width: 3px; } .sb-auteur-nom { font-size: 23px; } .sb-auteur-bio { font-size: 15px; } }

/* ============================= PIED DE PAGE ============================= */

.sb-pied { background: var(--sb-encre); color: #fff; padding-top: 48px; }
.sb-pied-haut { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.14); }
.sb-pied-marque { display: flex; align-items: center; gap: 16px; }
.sb-pied-nom { font: 800 18px var(--sb-titre); margin: 0; }
.sb-pied-baseline { font: 400 14px/1.5 var(--sb-lecture); color: rgba(255,255,255,.65); margin: 4px 0 0; max-width: 42ch; }
.sb-pied-loupe { display: flex; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; overflow: hidden; }
.sb-pied-loupe input { background: transparent; border: 0; color: #fff; padding: 10px 16px; min-width: 200px; }
.sb-pied-loupe button { border: 0; background: rgba(255,255,255,.12); color: #fff; padding: 10px 18px; cursor: pointer; }
.sb-pied-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 32px; padding-block: 32px; }
.sb-pied-titre { font: 700 13px var(--sb-titre); text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.55); margin: 0 0 14px; }
.sb-pied-pastilles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sb-pastille { display: inline-flex; align-items: center; gap: 6px; font: 700 12px var(--sb-titre); padding: 6px 12px; border-radius: 999px; text-decoration: none; }
.sb-pied-compte { opacity: .75; font-weight: 500; }
/* 06/10 (faucheursdechaises.eu) : colonne "Les rubriques" en liste verticale (pastille +
   nom + compte + chapô), pour une hauteur proche des colonnes voisines. */
.sb-pied-rubriques { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sb-pied-rubrique { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.sb-pied-rubrique-tete { display: flex; align-items: center; gap: 8px; font: 700 14px var(--sb-titre); color: #fff; }
.sb-pied-rubrique-point { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.sb-pied-rubrique-nom { text-decoration: none; }
.sb-pied-rubrique:hover .sb-pied-rubrique-nom { text-decoration: underline; text-underline-offset: 3px; }
.sb-pied-rubrique-chapo { font: 400 13px/1.45 var(--sb-lecture); color: rgba(255,255,255,.62); }
.sb-pied-fil, .sb-pied-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sb-pied-fil a, .sb-pied-liste a { color: rgba(255,255,255,.85); text-decoration: none; font: 500 14px var(--sb-titre); }
.sb-pied-fil a:hover, .sb-pied-liste a:hover { color: #fff; text-decoration: underline; }
.sb-pied-fil time { display: block; font-size: 11px; color: rgba(255,255,255,.5); }
.sb-ours { padding-block: 20px; border-top: 1px solid rgba(255,255,255,.14); font: 500 13px var(--sb-titre); color: rgba(255,255,255,.6); }

/* Nav mobile basse — facultative */
.sb-nav-mobile { display: none; }
@media (max-width: 760px) {
	.sb-nav-mobile { display: flex; position: fixed; inset: auto 0 0; z-index: 40; background: var(--sb-fond); border-top: 1px solid var(--sb-filet); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
	.sb-nav-mobile a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 48px; justify-content: center; color: var(--sb-doux); text-decoration: none; font: 600 11px var(--sb-titre); }
	.sb-nav-mobile a svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
	.sb-nav-mobile a.is-actif { color: var(--sb-accent); }
}

/* ===== Encadrés de lecture ajoutés le 01/10/2026 (cnvm.fr) : « L'essentiel » en tête d'article,
   « Le chiffre » au milieu — posés dans le contenu, rendus ici (jamais en texte brut). ===== */
.sb-encadre-essentiel { background: var(--sb-surf2); border-left: 4px solid var(--sb-accent); border-radius: var(--sb-rayon); padding: 18px 22px 8px; margin: 28px 0; }
.sb-encadre-essentiel > .sb-kicker, .sb-encadre-chiffre > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-essentiel ul { list-style: none; margin: 0; padding: 0; background: none; border: 0; }
.sb-encadre-essentiel li { position: relative; padding: 8px 0 10px 28px; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); font: 400 16px/1.5 var(--sb-lecture); color: var(--sb-encre); }
.sb-encadre-essentiel li:first-child { border-top: 0; }
.sb-encadre-essentiel li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid var(--sb-accent); border-bottom: 3px solid var(--sb-accent); transform: rotate(-45deg); }
.sb-encadre-chiffre { display: grid; grid-template-columns: auto 1fr; gap: 6px 22px; align-items: center; background: var(--sb-accent); color: #fff; border-radius: var(--sb-rayon); padding: 20px 24px; margin: 32px 0; }
.sb-encadre-chiffre > .sb-kicker { grid-column: 1 / -1; color: rgba(255,255,255,.85); }
.sb-encadre-chiffre-valeur { font: 900 clamp(34px, 5vw, 52px)/1 var(--sb-titre); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sb-encadre-chiffre-libelle { font: 400 16px/1.45 var(--sb-lecture); margin: 0; }
.sb-encadre-chiffre-source { grid-column: 1 / -1; font: 500 12px var(--sb-titre); color: rgba(255,255,255,.85); margin: 4px 0 0; }
@media (max-width: 600px) { .sb-encadre-chiffre { grid-template-columns: 1fr; } }
/* Citation en exergue (phrase tirée de l'article) et encadré « En pratique » — 01/10/2026. */
.sb-exergue { margin: 36px 0; padding: 6px 0 6px 26px; border-left: 4px solid var(--sb-accent-2); }
.sb-exergue p { font: 600 clamp(20px, 2.4vw, 26px)/1.35 var(--sb-lecture); color: var(--sb-encre); margin: 0; text-wrap: balance; }
.sb-exergue p::before { content: "« "; color: var(--sb-accent-2); }
.sb-exergue p::after { content: " »"; color: var(--sb-accent-2); }
.sb-exergue p:has(> cite)::before, .sb-exergue p:has(> cite)::after { content: none; } /* 08/10/2026 studiovni : wpautop enveloppe <cite> dans un <p> → source entre guillemets seuls */
.sb-exergue cite { display: block; margin-top: 10px; font: 600 13px var(--sb-titre); font-style: normal; color: var(--sb-doux); }
.sb-encadre-pratique { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 18px 22px 10px; margin: 30px 0; border-top: 3px solid var(--sb-accent); }
.sb-encadre-pratique > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-pratique ol { list-style: none; counter-reset: sbprat; margin: 0; padding: 0; }
.sb-encadre-pratique li { counter-increment: sbprat; position: relative; padding: 8px 0 10px 38px; font: 400 16px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-encadre-pratique li:first-child { border-top: 0; }
.sb-encadre-pratique li::before { content: counter(sbprat); position: absolute; left: 0; top: 8px; width: 26px; height: 26px; border-radius: 50%; background: var(--sb-accent); color: #fff; font: 700 13px/26px var(--sb-titre); text-align: center; }
/* Infographie « deux colonnes » (atouts / limites, avant / après) — 01/10/2026. */
.sb-duo { margin: 32px 0; }
.sb-duo > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 10px; }
.sb-duo-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sb-duo-col { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 16px 18px 8px; border-top: 4px solid var(--sb-accent); }
.sb-duo-col + .sb-duo-col { border-top-color: var(--sb-accent-2); }
.sb-duo-titre { font: 800 16px var(--sb-titre); margin: 0 0 6px; color: var(--sb-encre); }
.sb-duo-col ul { list-style: none; margin: 0; padding: 0; }
.sb-duo-col li { padding: 7px 0 9px 18px; position: relative; font: 400 15px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-duo-col li:first-child { border-top: 0; }
.sb-duo-col li::before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .55; }
@media (max-width: 600px) { .sb-duo-grille { grid-template-columns: 1fr; } }
/* 01/10/2026 (cnvm.fr) — R-0509 : sur mobile la lecture commence dans le 1er écran (l'en-tête
   d'article remplissait tout l'écran) ; R-0608/R-0651 : un lien du corps se voit comme un lien. */
@media (max-width: 760px) {
	.sb-article-hero-grille { gap: 16px; padding-block: 20px 0; }
	.sb-article-titre { font-size: 26px; }
	.sb-article-chapo { font-size: 16px; margin-top: .6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.sb-article-hero img, .sb-article-hero picture { max-height: 200px; width: 100%; object-fit: cover; }
}
.sb-texte a:not([class]) { color: var(--sb-accent-fort); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--sb-accent) 55%, transparent); transition: text-decoration-color .15s, background-color .15s; }
.sb-texte a:not([class]):hover { text-decoration-color: var(--sb-accent); background: color-mix(in srgb, var(--sb-surf2) 70%, transparent); }

/* habillage Bonne Tendance */
/* ==========================================================================
   Bonne Tendance Mag — habillage (préfixe btm-). Clair uniquement.
   Assemblé avec blocs-valides.css dans assets/tout.css au déploiement.
   ========================================================================== */

@font-face { font-family: "Mona Sans"; src: url(fonts/monasans-latin.woff2) format("woff2"); font-weight: 200 900; font-stretch: 75% 125%; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Mona Sans"; src: url(fonts/monasans-latin-ext.woff2) format("woff2"); font-weight: 200 900; font-stretch: 75% 125%; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Domine"; src: url(fonts/domine-latin.woff2) format("woff2"); font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Domine"; src: url(fonts/domine-latin-ext.woff2) format("woff2"); font-weight: 400 700; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
	--btm-papier: #FFFFFF;
	--btm-menthe-pale: #E6F4EE;
	--btm-encre: #16241F;
	--btm-sapin: #0E3B32;
	--btm-framboise: #E2215B;
	--btm-framboise-fonce: #B8164A;
	--btm-framboise-texte: #B8164A; /* framboise lisible sur menthe pâle (5,7:1) */
	--btm-menthe: #9FDCC4;
	--btm-gris-vert: #5C6B65;
	--btm-filet: #D8E3DE;
	--btm-titre: "Mona Sans", "Helvetica Neue", Arial, sans-serif;
	--btm-lecture: "Domine", Georgia, serif;
	--btm-tete-h: 72px;
	--btm-ombre-douce: 0 1px 2px rgba(14,59,50,.06), 0 10px 28px -12px rgba(14,59,50,.28);
	--btm-ombre-fiche: 6px 6px 0 var(--btm-framboise);

	/* alimentation des blocs figés */
	--sb-fond: var(--btm-papier);
	--sb-encre: var(--btm-encre);
	--sb-doux: var(--btm-gris-vert);
	--sb-filet: var(--btm-filet);
	--sb-accent: var(--btm-sapin);
	--sb-accent-fort: var(--btm-sapin);
	--sb-accent-2: var(--btm-framboise);
	--sb-surf: var(--btm-menthe-pale);
	--sb-surf2: #D3ECE1;
	--sb-rub: var(--btm-framboise);
	--sb-rayon: 10px;
	--sb-ombre: var(--btm-ombre-douce);
	--sb-ombre-haut: 0 2px 4px rgba(14,59,50,.08), 0 16px 34px -14px rgba(14,59,50,.35);
	--sb-titre: var(--btm-titre);
	--sb-lecture: var(--btm-lecture);
	--sb-aside-largeur: 330px;
	--sb-haut-collant: 92px;
	--sb-faq-largeur: 100%;
}

/* ------------------------------------------------------------------ base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--btm-tete-h) + 16px); }
body { margin: 0; background: var(--btm-papier); color: var(--btm-encre); font: 400 17px/1.6 var(--btm-lecture); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--btm-titre); color: inherit; margin: 0; }
p { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--btm-framboise); outline-offset: 2px; border-radius: 3px; }
.btm-sr, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.btm-saut { position: absolute; left: 16px; top: -60px; z-index: 100; background: var(--btm-sapin); color: #fff; padding: 10px 16px; border-radius: 0 0 8px 8px; font: 700 14px var(--btm-titre); }
.btm-saut:focus { top: 0; }
.btm-cadre, .sb-cadre { width: min(1280px, 100% - 96px); margin-inline: auto; }
.btm-cadre--lecture { width: min(760px, 100% - 40px); }
.btm-cadre--etroit { width: min(900px, 100% - 40px); }
.btm-main { display: block; }
.btm-credit { font: 700 10px/1.4 var(--btm-titre); font-stretch: 75%; letter-spacing: .08em; text-transform: uppercase; color: var(--btm-gris-vert); }

/* ------------------------------------------------------------------ logo & coche */
.btm-coche { width: 1em; height: .67em; flex: none; }
.btm-logo { display: inline-flex; align-items: baseline; gap: .26em; font: 900 26px/1 var(--btm-titre); font-stretch: 118%; letter-spacing: -.01em; color: var(--btm-encre); white-space: nowrap; }
.btm-logo-e { position: relative; display: inline-block; }
.btm-logo-coche { position: absolute; left: -.02em; bottom: .62em; width: .74em; height: .5em; color: var(--btm-framboise); }
.btm-logo--pied { color: #fff; font-size: 30px; }
.btm-logo--pied .btm-logo-coche { color: var(--btm-menthe); }
.btm-logo--tete { align-items: center; gap: .3em; }
.btm-logo--tete .btm-logo-mot + .btm-logo-mot { margin-left: -.04em; }
.btm-logo-pic { width: 1.3em; height: 1.3em; flex: none; border-radius: .3em; margin-right: .12em; }
.btm-logo--geant { color: #fff; font-size: clamp(54px, 8.4vw, 132px); letter-spacing: -.02em; }

/* ------------------------------------------------------------------ en-tête */
.btm-tete { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.97); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--btm-filet); transition: box-shadow .2s; }
.btm-tete.is-pose { box-shadow: 0 8px 24px -18px rgba(14,59,50,.5); }
.btm-tete-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: var(--btm-tete-h); }
.btm-marque { text-decoration: none; display: inline-flex; padding-top: 2px; }
.btm-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: clamp(14px, 1.6vw, 26px); }
.btm-nav a { position: relative; display: inline-flex; align-items: baseline; gap: 5px; padding: 24px 0 22px; text-decoration: none; font: 800 13px/1 var(--btm-titre); font-stretch: 110%; letter-spacing: .04em; text-transform: uppercase; color: var(--btm-encre); }
.btm-nav-num { font: 800 10px/1 var(--btm-titre); font-stretch: 75%; color: var(--btm-framboise); letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.btm-nav-long { display: none; }
.btm-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 14px; height: 3px; background: var(--btm-framboise); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.btm-nav a:hover::after, .btm-nav a.is-actif::after { transform: scaleX(1); }
.btm-nav a.is-actif { color: var(--btm-sapin); }
.btm-nav-pied { display: none; }
.btm-outils { display: flex; align-items: center; gap: 6px; }
.btm-loupe, .btm-burger { width: 44px; height: 44px; display: inline-grid; place-items: center; border: 0; background: transparent; border-radius: 50%; cursor: pointer; color: var(--btm-encre); }
.btm-loupe:hover { background: var(--btm-menthe-pale); }
.btm-loupe svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.btm-burger { display: none; position: relative; }
.btm-burger span:not(.btm-sr) { position: absolute; left: 11px; right: 11px; height: 2.5px; border-radius: 2px; background: currentColor; transition: transform .2s, top .2s; }
.btm-burger span:nth-child(1) { top: 16px; } .btm-burger span:nth-child(2) { top: 25px; }
.btm-burger[aria-expanded="true"] span:nth-child(1) { top: 20.5px; transform: rotate(45deg); }
.btm-burger[aria-expanded="true"] span:nth-child(2) { top: 20.5px; transform: rotate(-45deg); }
.btm-recherche { border-top: 1px solid var(--btm-filet); background: var(--btm-menthe-pale); padding: 18px 0; }

/* champ de recherche */
.btm-cherche { position: relative; display: flex; align-items: center; background: #fff; border: 2px solid var(--btm-sapin); border-radius: 999px; padding: 4px 4px 4px 48px; max-width: 760px; margin-inline: auto; }
.btm-cherche svg { position: absolute; left: 16px; width: 22px; height: 22px; fill: none; stroke: var(--btm-sapin); stroke-width: 2.2; stroke-linecap: round; }
.btm-cherche input { flex: 1; min-width: 0; border: 0; background: transparent; font: 500 17px var(--btm-titre); padding: 10px 6px; outline: none; }
.btm-cherche button { border: 0; border-radius: 999px; background: var(--btm-sapin); color: #fff; font: 800 14px var(--btm-titre); padding: 12px 20px; cursor: pointer; min-height: 44px; }
.btm-cherche button:hover { background: var(--btm-framboise); }

/* ------------------------------------------------------------------ éléments communs */
.btm-etiquette { display: inline-block; background: var(--btm-framboise); color: #fff; font: 800 11px/1 var(--btm-titre); font-stretch: 75%; letter-spacing: .07em; text-transform: uppercase; padding: 6px 8px 5px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.btm-etiquette--grande { font-size: 12.5px; padding: 7px 10px 6px; }
.btm-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font: 450 13px/1.4 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-meta { overflow: hidden; }
.btm-meta > * + * { position: relative; }
/* Juge n°4 : le point de séparation vit dans l'espace ENTRE deux éléments ; un élément renvoyé en début de ligne
   n'emporte plus son point (il sort du cadre, masqué). Jamais « • 27 septembre » seul sur sa ligne. */
.btm-meta > * + *::before { content: ""; position: absolute; left: -9px; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: currentColor; opacity: .5; }
.btm-meta--clair { color: rgba(255,255,255,.82); }
.btm-bande { padding-block: 56px; position: relative; }
.btm-bande--blanc { background: var(--btm-papier); }
.btm-bande--menthe { background: var(--btm-menthe-pale); }
.btm-bande--sapin { background: var(--btm-sapin); color: #fff; }
.btm-section-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 24px; flex-wrap: wrap; }
.btm-section-tete p { font: 400 15px/1.5 var(--btm-lecture); color: var(--btm-gris-vert); }
.btm-section-tete--clair p { color: rgba(255,255,255,.75); }
.btm-section-h { display: inline-flex; align-items: center; gap: 10px; font: 800 15px/1.2 var(--btm-titre); font-stretch: 125%; letter-spacing: .08em; text-transform: uppercase; color: inherit; }
.btm-section-h::before { content: ""; width: 12px; height: 12px; background: var(--btm-framboise); flex: none; }
.btm-bande--sapin .btm-section-h::before { background: var(--btm-menthe); }
.btm-bouton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 13px 24px; border: 0; border-radius: 999px; background: var(--btm-framboise); color: #fff; font: 800 15px/1.2 var(--btm-titre); text-decoration: none; cursor: pointer; transition: background .2s, transform .2s; }
.btm-bouton:hover { background: var(--btm-framboise-fonce); transform: translateY(-1px); }
.btm-bouton--blanc { background: #fff; color: var(--btm-framboise); }
.btm-bouton--blanc:hover { background: var(--btm-sapin); color: #fff; }
.btm-assis-rond { display: inline-grid; place-items: center; width: .52em; height: .52em; margin-left: .14em; border-radius: 50%; background: var(--btm-framboise); color: #fff; vertical-align: .08em; flex: none; }
.btm-assis-rond .btm-coche { width: 58%; height: auto; }

/* ------------------------------------------------------------------ cartes */
.btm-carte { position: relative; display: flex; flex-direction: column; min-width: 0; }
.btm-carte-photo { display: block; overflow: hidden; background: var(--btm-menthe-pale); aspect-ratio: 3 / 2; }
.btm-carte-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.btm-carte:hover .btm-carte-photo img, .btm-sur a:hover img { transform: scale(1.04); }
.btm-carte-texte { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-top: 14px; min-width: 0; }
.btm-carte-titre { font: 700 19px/1.22 var(--btm-titre); letter-spacing: -.005em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.btm-carte-titre a { text-decoration: none; background: linear-gradient(var(--btm-framboise), var(--btm-framboise)) 0 100% / 0 2px no-repeat; transition: background-size .25s, color .2s; }
.btm-carte-titre a:hover { color: var(--btm-sapin); background-size: 100% 2px; }
.btm-carte-titre a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.btm-carte-chapo { font: 400 15px/1.55 var(--btm-lecture); color: #34433E; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btm-carte--cheval .btm-carte-texte { padding-top: 0; }
.btm-carte--cheval .btm-etiquette { transform: translateY(-50%); margin-bottom: -6px; position: relative; z-index: 2; }
.btm-carte--blanche { background: #fff; border-radius: 10px; box-shadow: var(--btm-ombre-douce); }
.btm-carte--blanche .btm-carte-photo { border-radius: 10px 10px 0 0; }
.btm-carte--blanche .btm-carte-texte { padding: 0 16px 16px; }
.btm-carte--ligne { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 16px; align-items: start; }
.btm-carte--ligne .btm-carte-photo { aspect-ratio: 1; }
.btm-carte--ligne .btm-carte-texte { padding-top: 0; gap: 6px; }
.btm-carte--ligne .btm-carte-titre { font-size: 17px; -webkit-line-clamp: 3; }
.btm-carte--ligne.btm-carte--blanche { padding: 12px; }
.btm-carte--ligne.btm-carte--blanche .btm-carte-photo { border-radius: 6px; }
.btm-carte--ligne.btm-carte--blanche .btm-carte-texte { padding: 2px 4px 0 0; }
.btm-carte--liste { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 22px; align-items: start; padding-block: 22px; border-top: 1px solid var(--btm-filet); }
.btm-carte--liste .btm-carte-texte { padding-top: 2px; }
.btm-carte--liste .btm-carte-titre { font-size: 21px; }
.btm-carte--grande .btm-carte-photo { aspect-ratio: 16 / 9; }
.btm-carte--grande .btm-carte-titre { font-size: 26px; font-weight: 800; font-stretch: 105%; }
.btm-carte--portrait { color: var(--btm-encre); background: #fff; border-radius: 10px; padding: 8px 8px 14px; box-shadow: 0 18px 40px -20px rgba(0,0,0,.55); }
.btm-carte--portrait .btm-carte-photo { aspect-ratio: 4 / 5; border-radius: 6px; }
.btm-carte--portrait .btm-carte-texte { padding: 0 6px; }
.btm-carte--portrait .btm-etiquette { transform: translateY(-50%); margin-bottom: -8px; position: relative; z-index: 2; }
.btm-carte--portrait .btm-carte-titre { font-size: 16px; -webkit-line-clamp: 3; }
.btm-carte--portrait .btm-meta { font-size: 12px; }
.btm-carte--sec .btm-carte-photo { aspect-ratio: 3 / 2; }
.btm-carte--sec .btm-carte-titre { font-size: 19px; font-weight: 750; -webkit-line-clamp: 3; }

/* carte à titre blanc en surimpression */
.btm-sur { position: relative; overflow: hidden; background: var(--btm-sapin); min-width: 0; }
.btm-sur a { display: block; height: 100%; color: #fff; text-decoration: none; position: relative; }
.btm-sur-photo { position: absolute; inset: 0; }
.btm-sur-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.btm-sur-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14,59,50,.92) 0%, rgba(14,59,50,.62) 34%, rgba(14,59,50,0) 66%); }
.btm-sur-texte { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.btm-sur-titre { font: 800 25px/1.12 var(--btm-titre); font-stretch: 105%; letter-spacing: -.01em; text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.btm-sur a:hover .btm-sur-titre { text-decoration: underline; text-decoration-color: var(--btm-framboise); text-decoration-thickness: 3px; text-underline-offset: 4px; }

/* ------------------------------------------------------------------ accueil : ce qui monte */
.btm-monte { padding: 14px 0 16px; border-bottom: 1px solid var(--btm-filet); }
.btm-monte-ligne { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.btm-monte-h1 { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.btm-monte-titre { display: inline-flex; align-items: center; gap: 10px; font: 800 15px/1.2 var(--btm-titre); font-stretch: 125%; letter-spacing: .08em; text-transform: uppercase; }
.btm-monte-titre::before { content: ""; width: 12px; height: 12px; background: var(--btm-framboise); }
.btm-monte-baseline { font: 400 14px/1.3 var(--btm-lecture); color: var(--btm-gris-vert); }
.btm-monte-date { display: flex; gap: 18px; align-items: center; font: 600 13px/1.3 var(--btm-titre); color: var(--btm-encre); white-space: nowrap; }
.btm-pouls { display: inline-flex; align-items: center; gap: 8px; color: var(--btm-gris-vert); font-weight: 500; }
.btm-pouls i { width: 8px; height: 8px; border-radius: 50%; background: var(--btm-framboise); box-shadow: 0 0 0 0 rgba(226,33,91,.5); animation: btm-pouls 2s infinite; }
@keyframes btm-pouls { 70% { box-shadow: 0 0 0 8px rgba(226,33,91,0); } 100% { box-shadow: 0 0 0 0 rgba(226,33,91,0); } }
.btm-bulles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 20px; }
.btm-bulles a { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; text-decoration: none; }
.btm-bulle { position: relative; width: 76px; height: 76px; display: grid; place-items: center; }
.btm-bulle img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.btm-bulle-arc { position: absolute; inset: 0; transform: rotate(-90deg); }
.btm-bulle-arc circle { fill: none; stroke: var(--btm-framboise); stroke-width: 3.5; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.2s cubic-bezier(.3,.7,.2,1) .2s; }
.btm-bulle::before { content: ""; position: absolute; inset: 2px; border-radius: 50%; border: 2px solid var(--btm-filet); }
.btm-pret .btm-bulle-arc circle { stroke-dashoffset: calc(100 - var(--plein) * 100); }
.btm-bulle-txt { font: 650 13px/1.3 var(--btm-titre); color: var(--btm-encre); max-width: 19ch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.btm-bulles a:hover .btm-bulle-txt { color: var(--btm-framboise); }

/* ------------------------------------------------------------------ accueil : la une */
.btm-une { padding: 22px 0 40px; }
.btm-une-grille { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 28px; align-items: stretch; }
.btm-une-grand { position: relative; min-height: 560px; }
.btm-une-grand > a { position: absolute; inset: 0; display: block; color: #fff; text-decoration: none; }
.btm-une-photo { position: absolute; inset: 0 0 var(--btm-languette, 118px) 0; overflow: hidden; background: var(--btm-sapin); }
.btm-une-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.btm-une-grand a:hover .btm-une-photo img { transform: scale(1.04); }
.btm-une-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14,59,50,.9) 0%, rgba(14,59,50,.55) 30%, rgba(14,59,50,0) 58%); }
.btm-une-texte { position: absolute; left: 0; bottom: 0; width: min(90%, 680px); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 0 30px 22px; background: linear-gradient(to top, var(--btm-sapin) var(--btm-languette, 118px), transparent var(--btm-languette, 118px)); }
.btm-une-titre { font: 900 clamp(34px, 3.5vw, 56px)/1.02 var(--btm-titre); font-stretch: 112%; letter-spacing: -.02em; text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.btm-une-chapo { font: 400 16.5px/1.5 var(--btm-lecture); color: rgba(255,255,255,.86); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btm-une-grand a:hover .btm-une-titre { text-decoration: underline; text-decoration-color: var(--btm-framboise); text-decoration-thickness: 4px; text-underline-offset: 6px; }
.btm-une-droite { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.btm-une-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.btm-fil { flex: 1; background: var(--btm-sapin); color: #fff; border-radius: 10px; padding: 16px 22px 12px; display: flex; flex-direction: column; min-height: 0; }
.btm-fil-tete { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.btm-fil-tete h2 { display: inline-flex; align-items: center; gap: 10px; font: 800 14px/1 var(--btm-titre); font-stretch: 125%; letter-spacing: .08em; text-transform: uppercase; }
.btm-fil-tete h2::before { content: ""; width: 10px; height: 10px; background: var(--btm-menthe); }
.btm-fil-tete a { display: inline-flex; align-items: center; gap: 6px; font: 700 13px var(--btm-titre); color: var(--btm-menthe); text-decoration: none; }
.btm-fil-tete a:hover { color: #fff; }
.btm-fil-liste { position: relative; list-style: none; margin: 0; padding: 0 0 0 30px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; gap: 4px; }
.btm-fil-axe { position: absolute; left: 9px; top: 4px; bottom: 12px; width: 2px; background: var(--btm-menthe); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 1.3s cubic-bezier(.3,.7,.2,1) .25s; }
.btm-fil-axe::after { content: ""; position: absolute; left: 50%; top: -1px; width: 9px; height: 9px; border-top: 2px solid var(--btm-menthe); border-left: 2px solid var(--btm-menthe); transform: translateX(-50%) rotate(45deg); }
.btm-pret .btm-fil-axe { transform: scaleY(1); }
.btm-fil-liste li { position: relative; padding: 6px 0; border-bottom: 1px solid rgba(159,220,196,.18); }
.btm-fil-liste li:last-child { border-bottom: 0; }
.btm-fil-liste li::before { content: ""; position: absolute; left: -26px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--btm-sapin); border: 2.5px solid var(--btm-menthe); }
.btm-fil-liste time { display: block; font: 800 12px/1.2 var(--btm-titre); font-stretch: 90%; letter-spacing: .04em; text-transform: uppercase; color: var(--btm-menthe); font-variant-numeric: tabular-nums; margin-bottom: 2px; }
.btm-fil-liste a { font: 600 14.5px/1.3 var(--btm-titre); color: #fff; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btm-fil-liste a:hover { color: var(--btm-menthe); }

/* ------------------------------------------------------------------ accueil : dernières + chiffres */
.btm-derniers-grille { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); gap: 40px; align-items: start; }
.btm-derniers-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.btm-chiffres { background: #fff; border-radius: 10px; padding: 24px 24px 20px; box-shadow: var(--btm-ombre-fiche); }
.btm-chiffres .btm-section-h { margin-bottom: 14px; }
.btm-chiffres-total { font: 500 15px/1.3 var(--btm-titre); color: var(--btm-gris-vert); margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--btm-filet); }
.btm-chiffres-total b { display: block; font: 900 64px/1 var(--btm-titre); font-stretch: 125%; color: var(--btm-sapin); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.btm-chiffres ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.btm-chiffres li a { display: block; padding: 10px 12px; border-radius: 8px; background: var(--btm-menthe-pale); text-decoration: none; transition: background .2s; }
.btm-chiffres li a:hover { background: #D3ECE1; }
.btm-chiffres li b { display: block; font: 900 30px/1 var(--btm-titre); font-stretch: 125%; color: var(--btm-framboise); font-variant-numeric: tabular-nums; }
.btm-chiffres li span { font: 650 13px/1.3 var(--btm-titre); }

/* ------------------------------------------------------------------ blocs de rubrique */
.btm-bloc-tete { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; position: relative; z-index: 2; }
.btm-assis { font: 900 clamp(46px, 5.2vw, 82px)/.8 var(--btm-titre); font-stretch: 125%; letter-spacing: -.025em; margin-bottom: -.085em; }
.btm-assis a { text-decoration: none; color: var(--btm-encre); display: inline-flex; align-items: center; }
.btm-assis a:hover { color: var(--btm-sapin); }
.btm-bande--sapin .btm-assis a { color: #fff; }
/* Juge 08/10 (A1/A2) : le nom de rubrique tient TOUJOURS sur une ligne, rond collé au dernier mot.
   --assis-l = largeur du nom en em (rond compris, posée par btm_titre_assis) ; 100cqi = largeur de la tête de bloc.
   Place étroite (demi-colonne de tablette, mobile) : le titre prend toute la ligne, le lien passe dessous. */
.btm-bloc-tete { container-type: inline-size; flex-wrap: wrap; column-gap: 20px; row-gap: 0; }
.btm-assis { white-space: nowrap; font-size: min(clamp(46px, 5.2vw, 82px), calc((100cqi - 200px) / var(--assis-l, 9))); }
.btm-assis a { white-space: nowrap; }
.btm-duo-col .btm-assis { font-size: min(64px, calc((100cqi - 200px) / var(--assis-l, 9))); }
@container (max-width: 560px) {
	.btm-assis, .btm-duo-col .btm-assis { flex: 1 0 100%; font-size: min(64px, calc(98cqi / var(--assis-l, 9))); margin-bottom: 0; }
	.btm-bloc-tout { margin: 10px 0 12px; }
}
.btm-bloc-tout { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font: 750 14px var(--btm-titre); text-decoration: none; color: var(--btm-sapin); white-space: nowrap; }
.btm-bloc-tout b { font-weight: 900; color: var(--btm-framboise); font-variant-numeric: tabular-nums; }
.btm-bloc-tout .btm-coche { color: var(--btm-framboise); transition: transform .2s; }
.btm-bloc-tout:hover .btm-coche { transform: translate(3px,-2px); }
.btm-bloc-tout--clair { color: #fff; margin: 0; }
.btm-bloc-tout--clair b, .btm-bloc-tout--clair .btm-coche { color: var(--btm-menthe); }

.btm-assis-corps { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); gap: 32px; }
.btm-assis-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 0; height: clamp(380px, 29vw, 460px); }
.btm-assis-duo .btm-sur-titre { font-size: 24px; }
.btm-assis-liste { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding-top: 4px; }
.btm-assis-liste .btm-carte--ligne { grid-template-columns: 92px minmax(0,1fr); gap: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--btm-filet); }
.btm-assis-liste .btm-carte-titre { font-size: 16px; }
.btm-assis-liste .btm-carte--ligne:last-child { border-bottom: 0; padding-bottom: 0; }
.btm-grille4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; margin-top: 26px; }
.btm-grille4 .btm-carte-photo { aspect-ratio: 16 / 10; }
.btm-grille4--3l { row-gap: 36px; }

/* formats (sapin) */
.btm-formats { padding-block: 48px 52px; }
.btm-formats-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 24px; }
.btm-formats-liste a { position: relative; display: grid; grid-template-rows: 136px auto auto; text-decoration: none; color: #fff; }
.btm-formats-num { position: absolute; left: -4px; top: -6px; font: 900 128px/.82 var(--btm-titre); font-stretch: 125%; color: var(--btm-menthe); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.btm-formats-photo { position: relative; justify-self: start; margin-left: 66px; width: 120px; height: 120px; margin-top: 10px; overflow: hidden; box-shadow: -10px 10px 0 rgba(0,0,0,.18); }
.btm-formats-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.btm-formats-liste a:hover img { transform: scale(1.06); }
.btm-formats-titre { margin-top: 10px; font: 700 16.5px/1.28 var(--btm-titre); text-wrap: pretty; }
.btm-formats-liste a:hover .btm-formats-titre { color: var(--btm-menthe); }
.btm-formats-min { margin-top: 8px; font: 700 12px var(--btm-titre); font-stretch: 90%; letter-spacing: .05em; text-transform: uppercase; color: var(--btm-menthe); }

/* horizontale */
.btm-horiz-grande { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); background: #fff; position: relative; box-shadow: var(--btm-ombre-douce); }
.btm-horiz-photo { display: block; height: clamp(280px, 25vw, 340px); overflow: hidden; }
.btm-horiz-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.btm-horiz-grande:hover img { transform: scale(1.04); }
.btm-horiz-texte { padding: 32px 34px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; }
.btm-horiz-texte h3 { font: 800 30px/1.1 var(--btm-titre); font-stretch: 105%; letter-spacing: -.01em; }
.btm-horiz-texte h3 a { text-decoration: none; }
.btm-horiz-texte h3 a::after { content: ""; position: absolute; inset: 0; }
.btm-horiz-texte h3 a:hover { color: var(--btm-sapin); }
.btm-horiz-chapo { font: 400 16px/1.55 var(--btm-lecture); color: #34433E; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.btm-horiz-trio { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin-top: 20px; }
.btm-horiz-trio .btm-carte { background: #fff; padding: 12px; border-radius: 10px; }
.btm-horiz-trio .btm-carte-photo { border-radius: 6px; }

/* rupture photo */
.btm-comp-rupture { position: relative; overflow: hidden; color: #fff; min-height: 600px; display: flex; align-items: stretch; }
.btm-rupture-fond { position: absolute; inset: 0; }
.btm-rupture-fond img { width: 100%; height: 100%; object-fit: cover; }
.btm-rupture-fond::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,59,50,.94) 0%, rgba(14,59,50,.78) 34%, rgba(14,59,50,.25) 70%, rgba(14,59,50,.15) 100%), linear-gradient(0deg, rgba(14,59,50,.55), rgba(14,59,50,0) 45%); }
.btm-rupture-in { position: relative; display: grid; grid-template-columns: minmax(0,4fr) minmax(0,7fr); gap: 40px; align-items: end; padding-block: 64px 60px; }
.btm-rupture-titre { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.btm-rupture-h { font: 900 clamp(56px, 6.6vw, 104px)/.86 var(--btm-titre); font-stretch: 125%; letter-spacing: -.03em; }
.btm-rupture-h a { color: #fff; text-decoration: none; }
.btm-rupture-titre p { font: 400 18px/1.5 var(--btm-lecture); color: rgba(255,255,255,.88); max-width: 30ch; }
.btm-rupture-une { display: block; font: 700 15px/1.35 var(--btm-titre); color: #fff; text-decoration: none; border-left: 3px solid var(--btm-framboise); padding-left: 12px; max-width: 34ch; }
.btm-rupture-une span { display: block; font: 800 11px var(--btm-titre); font-stretch: 75%; letter-spacing: .08em; text-transform: uppercase; color: var(--btm-menthe); margin-bottom: 3px; }
.btm-rupture-une:hover { color: var(--btm-menthe); }
.btm-rupture-cartes { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; align-items: end; }
.btm-rupture-cartes .btm-carte:nth-child(even) { transform: translateY(-28px); }

/* duo */
.btm-duo-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.btm-duo-col { min-width: 0; display: flex; flex-direction: column; }
.btm-sur--moyen { height: clamp(240px, 21vw, 290px); }
.btm-duo-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 20px; }
.btm-duo-liste .btm-carte--ligne { grid-template-columns: 96px minmax(0,1fr); gap: 12px; }
.btm-duo-liste .btm-carte-titre { font-size: 15.5px; }

/* mosaïque */
.btm-mosa { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-template-rows: repeat(2, clamp(190px, 16vw, 230px)); gap: 0; }
.btm-sur--grand { grid-column: span 2; grid-row: span 2; }
.btm-sur--grand .btm-sur-titre { font-size: 30px; }
.btm-sur--petit .btm-sur-titre { font-size: 17px; -webkit-line-clamp: 3; }
.btm-sur--petit .btm-sur-texte { padding: 16px; gap: 8px; }
.btm-sur--petit .btm-meta { display: none; }

/* actualité */
.btm-actu-liste { list-style: none; margin: 26px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 48px; }
.btm-actu-liste li { border-top: 1px solid var(--btm-filet); }
.btm-actu-liste a { display: grid; grid-template-columns: 74px minmax(0,1fr) 92px; gap: 18px; align-items: center; padding: 16px 0; text-decoration: none; }
.btm-actu-liste time { font: 500 12px/1.3 var(--btm-titre); color: var(--btm-gris-vert); text-transform: uppercase; letter-spacing: .03em; min-width: 0; overflow-wrap: anywhere; white-space: nowrap; }
.btm-actu-liste time b { display: block; font: 800 22px/1 var(--btm-titre); color: var(--btm-framboise); font-variant-numeric: tabular-nums; letter-spacing: -.01em; margin-bottom: 3px; text-transform: none; }
.btm-actu-titre { font: 700 17px/1.3 var(--btm-titre); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.btm-actu-liste a:hover .btm-actu-titre { color: var(--btm-sapin); text-decoration: underline; text-decoration-color: var(--btm-framboise); }
.btm-actu-photo { width: 92px; height: 92px; overflow: hidden; }
.btm-actu-photo img { width: 100%; height: 100%; object-fit: cover; }

/* bandeau rédaction */
.btm-redac { background: var(--btm-framboise); color: #fff; padding-block: 46px; position: relative; overflow: hidden; margin-top: 0; }
.btm-redac-in { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 32px; align-items: center; }
.btm-redac-coche { width: 92px; height: 62px; color: #fff; }
.btm-redac h2 { font: 900 clamp(26px, 2.6vw, 38px)/1.08 var(--btm-titre); font-stretch: 112%; letter-spacing: -.015em; }
.btm-redac p { font: 400 17px/1.5 var(--btm-lecture); color: #fff; margin-top: 8px; max-width: 60ch; }

/* ------------------------------------------------------------------ pied de page */
.btm-pied { position: relative; overflow: hidden; background: var(--btm-sapin); padding-top: 52px; }
.btm-pied-filigrane { position: absolute; right: -30px; bottom: -40px; width: 300px; height: 200px; color: var(--btm-menthe); opacity: .08; pointer-events: none; }
.btm-pied .sb-pied-haut { border-bottom-color: rgba(159,220,196,.35); }
.btm-pied .sb-pied-baseline { color: rgba(255,255,255,.72); font-size: 15px; }
.btm-pied .sb-pied-titre { color: var(--btm-menthe); font-stretch: 75%; font-weight: 800; letter-spacing: .1em; }
.btm-pied .sb-pied-loupe { border-color: rgba(159,220,196,.5); }
.btm-pied .sb-pied-loupe input { min-height: 46px; font: 500 15px var(--btm-titre); }
.btm-pied .sb-pied-loupe input::placeholder { color: rgba(255,255,255,.6); }
.btm-pied .sb-pied-loupe button { background: var(--btm-menthe); color: var(--btm-sapin); font: 800 14px var(--btm-titre); }
.btm-pied .sb-pied-grille { grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: start; }
.btm-pied .sb-pied-rubriques { grid-template-columns: 1fr 1fr; gap: 16px 32px; } /* longue liste en 2 sous-colonnes (erreur n°24) */
.btm-pied .sb-pied-rubrique-chapo { padding-left: 17px; font-size: 13px; color: rgba(255,255,255,.6); }
.btm-pied .sb-pied-rubrique-tete { justify-content: flex-start; }
.btm-pied .sb-pied-compte { margin-left: auto; color: var(--btm-menthe); opacity: 1; font-size: 13px; }
.btm-pied .sb-pied-fil li { padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.btm-pied .sb-pied-fil time { color: var(--btm-menthe); font-weight: 700; margin-bottom: 2px; }
.btm-pied .sb-pied-fil a, .btm-pied .sb-pied-liste a { color: #fff; }
.btm-pied .sb-pied-fil a:hover, .btm-pied .sb-pied-liste a:hover, .btm-pied .sb-pied-rubrique:hover .sb-pied-rubrique-nom { color: var(--btm-menthe); }
.btm-pied .sb-ours { border-top-color: rgba(159,220,196,.25); color: rgba(255,255,255,.7); }
/* Colonne « Le magazine » : liens en ligne (2 rangées) au-dessus de la rédaction — hauteur proche des 2 autres colonnes. */
.btm-pied .sb-pied-liste { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.btm-pied-sous { margin-top: 24px; }
.btm-pied-equipe { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.btm-pied-equipe a { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.btm-pied-equipe img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid var(--btm-menthe); flex: none; }
.btm-pied-equipe span { display: flex; flex-direction: column; font: 500 12.5px/1.3 var(--btm-titre); color: rgba(255,255,255,.66); }
.btm-pied-equipe b { font: 700 14px/1.25 var(--btm-titre); color: #fff; }
.btm-pied-equipe a:hover b { color: var(--btm-menthe); }

/* ------------------------------------------------------------------ formulaires */
.btm-form { display: grid; gap: 14px; }
.btm-form-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.btm-champ { display: grid; gap: 6px; }
.btm-champ > span { font: 700 13px/1.2 var(--btm-titre); color: var(--btm-encre); }
.btm-champ input, .btm-champ textarea, .btm-champ select { width: 100%; border: 1.5px solid #C5D6CF; border-radius: 8px; background: #fff; padding: 12px 14px; font: 500 16px/1.4 var(--btm-titre); min-height: 48px; transition: border-color .2s, box-shadow .2s; }
.btm-champ textarea { resize: vertical; min-height: 120px; }
.btm-champ input:focus, .btm-champ textarea:focus, .btm-champ select:focus { outline: none; border-color: var(--btm-sapin); box-shadow: 0 0 0 3px rgba(226,33,91,.25); }
.btm-form .btm-bouton { justify-self: start; }
.btm-form-note { font: 500 13px/1.45 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-piege { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.btm-form--compact { gap: 10px; }
.btm-form--compact .btm-champ > span { font-size: 12px; }
.btm-form--compact .btm-champ input, .btm-form--compact .btm-champ textarea { min-height: 42px; padding: 9px 12px; font-size: 15px; }
.btm-form--compact .btm-champ textarea { min-height: 58px; }
.btm-form--compact { gap: 8px; }
.btm-form--compact .btm-bouton { justify-self: stretch; min-height: 44px; padding: 11px 16px; font-size: 14px; }

/* ------------------------------------------------------------------ article : en-tête */
.btm-article .btm-cadre, .btm-article .sb-cadre { width: min(1200px, 100% - 96px); }
.btm-entete-bande { background: var(--btm-menthe-pale); padding: 30px 0 var(--btm-cheval, 120px); }
.btm-entete-grille { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); gap: 48px; align-items: end; }
.btm-entete-texte { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; }
.btm-ariane { display: flex; flex-wrap: wrap; gap: 8px; font: 600 13px/1.3 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-ariane a { color: var(--btm-sapin); text-decoration: none; }
.btm-ariane a:hover { text-decoration: underline; }
.btm-entete-h1 { font: 850 clamp(32px, 3.3vw, 52px)/1.05 var(--btm-titre); letter-spacing: -.022em; text-wrap: balance; color: var(--btm-encre); }
.btm-entete-chapo { font: 400 clamp(17px, 1.35vw, 20px)/1.5 var(--btm-lecture); color: #2B3A35; max-width: 46em; }
.btm-signature { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 4px; }
.btm-signature-auteur { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-height: 44px; }
.btm-signature-auteur .sb-avatar { width: 46px; height: 46px; border: 0; box-shadow: 0 0 0 2px var(--btm-menthe-pale), 0 0 0 4px var(--btm-framboise); }
.btm-signature-auteur b { display: block; font: 800 15px/1.2 var(--btm-titre); }
.btm-signature-auteur small { font: 500 12.5px/1.2 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-signature-auteur:hover b { color: var(--btm-framboise); }
.btm-signature-dates { display: flex; flex-direction: column; gap: 2px; font: 500 13px/1.3 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-partage { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1.5px solid var(--btm-sapin); border-radius: 999px; background: transparent; font: 700 13px var(--btm-titre); color: var(--btm-sapin); cursor: pointer; }
.btm-partage svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.btm-partage:hover { background: var(--btm-sapin); color: #fff; }
.btm-fiche { position: relative; z-index: 3; background: #fff; border-radius: 10px; padding: 20px 22px 14px; box-shadow: var(--btm-ombre-fiche); margin-bottom: calc(-1 * var(--btm-cheval, 120px) + 16px); align-self: end; }
.btm-fiche-t { display: flex; align-items: center; gap: 10px; font: 800 13px/1.2 var(--btm-titre); font-stretch: 112%; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 8px; }
.btm-fiche-t .btm-coche { color: var(--btm-framboise); width: 26px; height: 18px; }
.btm-fiche dl { margin: 0; }
.btm-fiche dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--btm-filet); }
.btm-fiche dt { font: 600 13px var(--btm-titre); color: var(--btm-gris-vert); }
.btm-fiche dd { margin: 0; font: 800 16px var(--btm-titre); font-variant-numeric: tabular-nums; text-align: right; }
.btm-fiche dd a { color: var(--btm-framboise); text-decoration: none; }
.btm-entete-photo-zone { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); gap: 48px; margin-top: calc(-1 * var(--btm-cheval, 120px)); position: relative; z-index: 2; }
.btm-entete-photo { margin: 0; }
.btm-entete-photo img { width: 100%; aspect-ratio: 2.3 / 1; object-fit: cover; border-radius: 10px; box-shadow: 0 24px 50px -28px rgba(14,59,50,.6); }
.btm-entete-photo figcaption { margin-top: 8px; font: 700 10px/1.4 var(--btm-titre); font-stretch: 75%; letter-spacing: .08em; text-transform: uppercase; color: var(--btm-gris-vert); }

/* ------------------------------------------------------------------ article : corps (habillage des blocs figés) */
.btm-article .sb-art-corps { grid-template-columns: minmax(0,1fr) var(--sb-aside-largeur); gap: 40px; margin-top: 40px; }
.btm-article .sb-art-principal { max-width: none; }
.btm-texte { font: 400 18.5px/1.74 var(--btm-lecture); color: #1E2D28; }
.btm-texte > * { max-width: 100%; }
.btm-texte p { margin: 0 0 1.15em; }
.btm-texte h2 { font: 800 28px/1.18 var(--btm-titre); font-stretch: 110%; letter-spacing: -.012em; color: var(--btm-encre); margin: 1.9em 0 .65em; padding-top: .9em; border-top: 2px solid var(--btm-encre); }
.btm-texte h2:first-child { margin-top: 0; }
.btm-texte h3 { font: 750 21px/1.25 var(--btm-titre); margin: 1.6em 0 .5em; color: var(--btm-sapin); }
.btm-texte h4 { font: 750 17px/1.3 var(--btm-titre); margin: 1.4em 0 .4em; }
.btm-texte strong, .btm-texte b { font-weight: 700; color: var(--btm-encre); }
.btm-texte em, .btm-texte i { font-style: normal; font-weight: 600; }
.btm-texte figure { margin: 2em 0; }
.btm-texte figure img, .btm-texte > p > img { border-radius: 10px; width: 100%; height: auto; }
.btm-texte figcaption { margin-top: 8px; font: 600 12px/1.4 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-texte blockquote { margin: 2em 0; padding: 18px 24px; background: var(--btm-menthe-pale); border-left: 4px solid var(--btm-framboise); border-radius: 0 10px 10px 0; font-weight: 600; }
.btm-texte blockquote p:last-child { margin: 0; }
.btm-texte ul:not([class]), .btm-texte ol:not([class]) { padding-left: 1.3em; margin: 0 0 1.2em; }
.btm-texte li { margin-bottom: .4em; }
.btm-texte .chapo, .btm-texte p.chapo { font-size: 20px; line-height: 1.55; color: var(--btm-sapin); font-weight: 600; }
.btm-texte hr { border: 0; height: 2px; background: var(--btm-filet); margin: 2.4em 0; }
.btm-texte .sb-tableau, .btm-texte .sbs-tableau { overflow-x: auto; }
.btm-texte table { width: 100%; border-collapse: collapse; font: 500 15px/1.45 var(--btm-titre); }
.btm-texte th, .btm-texte td { padding: 10px 12px; border-bottom: 1px solid var(--btm-filet); text-align: left; vertical-align: top; }
.btm-texte th { background: var(--btm-sapin); color: #fff; font-weight: 700; }
.sb-texte a:not([class]) { color: var(--btm-sapin); text-decoration-color: var(--btm-framboise); text-decoration-thickness: 2px; font-weight: 700; }
.sb-texte a:not([class]):hover { color: var(--btm-framboise); background: rgba(226,33,91,.08); }
.btm-texte .sb-cards > li::before { background-color: var(--btm-framboise); }
.btm-texte .sb-steps > li::before { background: var(--btm-sapin); }
.btm-texte .sb-encadre-cle { background: var(--btm-menthe-pale); border-top: 4px solid var(--btm-sapin); }
.btm-texte .sb-sources { background: var(--btm-menthe-pale); border-top-color: var(--btm-sapin); border-radius: 0 0 10px 10px; }
.btm-texte .sb-alire, .btm-texte .sb-maillage { border-top-color: var(--btm-framboise); }
.btm-texte .sb-maillage { margin: 2.4em 0 1.6em; padding: 1.2rem 1.3rem .6rem; border: 1px solid var(--btm-filet); border-top: 4px solid var(--btm-framboise); border-radius: 10px; }
.btm-texte .sb-maillage h2 { border: 0; padding: 0; margin: 0 0 .5em; font-size: 18px; }
.btm-texte .sb-compare-card { border-top-color: var(--btm-framboise); min-width: 0; }
/* Comparatifs (sb-compare, souvent dans .sbs_tableau) : la grille suit la place réelle, jamais 3 colonnes forcées
   sur téléphone (débordement de 887 px mesuré le 08/10 sur /meilleurs-chauffe-eau-petit-budget/). */
.btm-texte { container-type: inline-size; }
.btm-texte .sb-compare { grid-template-columns: minmax(0,1fr); }
/* Jamais de carte seule en fin de rangée (recette n°9) : 2 colonnes → la dernière carte impaire prend la ligne ;
   3 par rangée (grille de 6) → reste 2 : les deux dernières à moitié ; reste 1 : les quatre dernières à moitié. */
@container (min-width: 440px) {
	.btm-texte .sb-compare { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.btm-texte .sb-compare > .sb-compare-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@container (min-width: 720px) {
	.btm-texte .sb-compare { grid-template-columns: repeat(6, minmax(0,1fr)); }
	.btm-texte .sb-compare > .sb-compare-card, .btm-texte .sb-compare > .sb-compare-card:last-child:nth-child(odd) { grid-column: span 2; }
	.btm-texte .sb-compare > .sb-compare-card:last-child:nth-child(3n+2), .btm-texte .sb-compare > .sb-compare-card:nth-last-child(2):nth-child(3n+1),
	.btm-texte .sb-compare:has(> .sb-compare-card:last-child:nth-child(3n+1)) > .sb-compare-card:nth-last-child(-n+4) { grid-column: span 3; }
	.btm-texte .sb-compare > .sb-compare-card:only-child { grid-column: 1 / -1; }
}
.btm-texte .sbsrc-2dac2436__tbl, .btm-texte .sbs_tableau, .btm-texte .sb-infographie, .btm-texte figure, .btm-texte table { max-width: 100%; }
.btm-texte .sbsrc-2dac2436__tbl, .btm-texte .sbs_tableau { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.btm-texte .sb-infographie svg, .btm-texte figure svg, .btm-texte [class*="sbs_"] svg, .btm-texte > svg { max-width: 100%; height: auto; }
.btm-texte .sb-compare-card dd, .btm-texte .sb-compare-card h3 { overflow-wrap: break-word; }
/* Adresses web longues écrites en clair dans le texte (1 474 px mesurés le 08/10) : elles passent à la ligne. */
.btm-texte, .sb-faq-liste, .sb-sources { overflow-wrap: break-word; }
.btm-texte .sbsrc-2dac2436 { background: var(--btm-menthe-pale); border-radius: 10px; padding: 16px 20px; font: 500 14px/1.5 var(--btm-titre); }
.btm-texte .sbsrc-2dac2436 ul { margin: 0; padding-left: 1.1em; }
.btm-texte .sbsrc-2dac2436__date { color: var(--btm-gris-vert); font-size: 12.5px; }
.btm-texte .sb-faq-carte summary::after, .sb-faq-carte summary::after { color: var(--btm-framboise); }
.btm-article .sb-faq-titre { font: 800 26px/1.2 var(--btm-titre); font-stretch: 110%; text-align: left; }
.btm-article .sb-faq-carte[open] { border-color: var(--btm-sapin); box-shadow: inset 4px 0 0 var(--btm-framboise); }
.btm-article .sb-auteur-carte { border-top-color: var(--btm-framboise); }
.btm-article .sb-auteur-nom { font-weight: 850; font-size: 26px; }
.btm-article .sb-auteur-role { color: var(--btm-framboise-texte); }
.btm-article .sb-auteur-liens a:first-child { background: var(--btm-sapin); border-color: var(--btm-sapin); }
.btm-article .sb-auteur-liens a { min-height: 40px; display: inline-flex; align-items: center; }
.sb-avatar-symbole svg { width: 100%; height: 100%; }

/* barre latérale : sommaire + formulaire en un seul bloc collant */
.btm-article .sb-sommaire { border-radius: 10px 10px 0 0; box-shadow: none; padding: 1rem 1.1rem .5rem; border-bottom: 0; }
.btm-article .sb-sommaire::before { background: var(--btm-framboise); }
.btm-article .sb-sommaire .sb-kicker { color: var(--btm-sapin); font-weight: 800; }
.btm-article .sb-sommaire a { font-size: 13.5px; line-height: 1.3; padding: .4rem .55rem; }
.btm-article .sb-sommaire li a { display: grid; }
.btm-article .sb-sommaire a > * { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btm-article .sb-sommaire-barre { margin: .7rem 0 .3rem; }
.btm-article .sb-colle-unique { border-radius: 10px; box-shadow: var(--btm-ombre-fiche); background: #fff; }
.btm-article .sb-colle-unique .sb-sommaire:only-child { border-radius: 10px; border-bottom: 1px solid var(--sb-filet); }
.btm-aside-form { background: var(--btm-sapin); color: #fff; padding: 14px 18px 16px; border-radius: 0 0 10px 10px; }
.btm-colle-seul .btm-aside-form, .sb-art-aside-pub:only-child .btm-aside-form { border-radius: 10px; }
.btm-aside-form-t { font: 800 16px/1.25 var(--btm-titre); }
.btm-aside-form-s { font: 400 13px/1.4 var(--btm-lecture); color: rgba(255,255,255,.78); margin: 2px 0 10px; }
.btm-aside-form .btm-champ > span { color: var(--btm-menthe); }
.btm-aside-form .btm-champ input, .btm-aside-form .btm-champ textarea { border-color: transparent; }
.btm-aside-form--ok .btm-aside-form-s { margin-bottom: 0; }

/* à lire ensuite */
.btm-suite { margin-top: 56px; }
.btm-suite .btm-grille4 { margin-top: 0; }

/* ------------------------------------------------------------------ rubrique */
.btm-rub-tete { padding-top: 26px; background: linear-gradient(var(--btm-papier) 0 0); }
.btm-rub-ligne { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 600 13px/1.3 var(--btm-titre); color: var(--btm-gris-vert); margin-bottom: 18px; }
.btm-rub-ligne a { color: var(--btm-sapin); text-decoration: none; }
.btm-rub-ligne a:hover { text-decoration: underline; }
.btm-rub-ligne--clair, .btm-rub-ligne--clair a { color: rgba(255,255,255,.85); }
.btm-rub-titre-ligne { display: grid; grid-template-columns: auto minmax(0, 420px); justify-content: space-between; align-items: end; gap: 40px; position: relative; z-index: 2; }
.btm-rub-h1 { font: 900 clamp(52px, 7vw, 108px)/.8 var(--btm-titre); font-stretch: 125%; letter-spacing: -.03em; margin-bottom: -.085em; color: var(--btm-encre); }
.btm-rub-chapo { display: flex; gap: 14px; align-items: flex-start; padding-bottom: 20px; }
.btm-rub-chapo .btm-assis-rond { font-size: 64px; margin: 0; }
.btm-rub-chapo p { font: 400 17px/1.5 var(--btm-lecture); color: #2B3A35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.btm-triptyque { display: grid; grid-template-columns: 2fr 1fr 1fr; height: clamp(320px, 29vw, 420px); }
.btm-sur--tri .btm-sur-titre { font-size: 20px; }
.btm-sur--tri-grand .btm-sur-titre { font-size: 30px; font-weight: 850; }
.btm-sur--tri + .btm-sur--tri { border-left: 2px solid #fff; }
.btm-rub-decor { margin: 0; position: relative; }
.btm-rub-decor img { width: 100%; height: clamp(300px, 30vw, 440px); object-fit: cover; }
.btm-rub-decor figcaption { position: absolute; right: 12px; bottom: 10px; font: 700 10px var(--btm-titre); font-stretch: 75%; letter-spacing: .08em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
.btm-rub-corps { padding-top: 44px; }
.btm-rub-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.btm-rub-sel .btm-grille4 { margin-top: 32px; }
.btm-rub-liste-t { margin: 48px 0 6px; }
.btm-liste { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.btm-plus-zone { display: flex; justify-content: center; margin-top: 36px; }
.btm-plus { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 14px 28px; border: 2px solid var(--btm-sapin); border-radius: 999px; font: 800 15px var(--btm-titre); color: var(--btm-sapin); text-decoration: none; transition: background .2s, color .2s; }
.btm-plus span { font-weight: 500; color: var(--btm-gris-vert); }
.btm-plus .btm-coche { color: var(--btm-framboise); }
.btm-plus:hover { background: var(--btm-sapin); color: #fff; }
.btm-plus:hover span { color: var(--btm-menthe); }
.btm-plus.is-charge { opacity: .6; pointer-events: none; }
.btm-rub-autres { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.btm-rub-autre { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 16px; background: #fff; border-radius: 10px; padding: 12px; text-decoration: none; box-shadow: var(--btm-ombre-douce); transition: transform .2s; }
.btm-rub-autre:hover { transform: translateY(-2px); }
.btm-rub-autre-photo { aspect-ratio: 1; overflow: hidden; border-radius: 6px; }
.btm-rub-autre-photo img { width: 100%; height: 100%; object-fit: cover; }
.btm-rub-autre-txt { display: flex; flex-direction: column; gap: 4px; padding-top: 4px; }
.btm-rub-autre-txt b { font: 850 22px/1.1 var(--btm-titre); font-stretch: 112%; }
.btm-rub-autre-txt > span { font: 800 13px var(--btm-titre); color: var(--btm-framboise); }
.btm-rub-autre-txt em { font: 400 14px/1.45 var(--btm-lecture); font-style: normal; color: #34433E; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ------------------------------------------------------------------ pages */
.btm-page-tete { padding: 40px 0 44px; }
.btm-page-h1 { font: 900 clamp(36px, 4.6vw, 66px)/1 var(--btm-titre); font-stretch: 115%; letter-spacing: -.025em; margin-bottom: 14px; text-wrap: balance; }
.btm-page-maj { font: 500 14px var(--btm-titre); color: var(--btm-gris-vert); }
.btm-texte--page h2 { font-size: 24px; }
.btm-recherche-tete .btm-cherche { margin: 20px 0 0; max-width: none; }
.btm-recherche-nb { margin-top: 14px; font: 600 14px var(--btm-titre); color: var(--btm-gris-vert); }

/* auteur */
.btm-auteur-tete { background: var(--btm-menthe-pale); padding: 40px 0 30px; }
.btm-auteur-grille { display: grid; grid-template-columns: 240px minmax(0,1fr) 260px; gap: 48px; align-items: center; }
.btm-auteur-portrait { position: relative; width: 240px; height: 240px; }
.btm-auteur-portrait .sb-avatar { width: 240px; height: 240px; border: 6px solid #fff; box-shadow: 10px 10px 0 var(--btm-framboise); }
.btm-auteur-coche { position: absolute; right: 4px; bottom: 18px; width: 58px; height: 58px; border-radius: 50%; background: var(--btm-sapin); color: var(--btm-menthe); display: grid; place-items: center; }
.btm-auteur-coche .btm-coche { width: 30px; height: 20px; }
.btm-auteur-role { font: 800 12.5px var(--btm-titre); font-stretch: 90%; letter-spacing: .08em; text-transform: uppercase; color: var(--btm-framboise); margin-bottom: 6px; }
.btm-auteur-h1 { font: 900 clamp(42px, 5vw, 76px)/.95 var(--btm-titre); font-stretch: 120%; letter-spacing: -.03em; margin-bottom: 16px; }
.btm-auteur-bio { font: 400 18px/1.6 var(--btm-lecture); color: #2B3A35; max-width: 56ch; }
.btm-auteur-spec { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.btm-auteur-spec li { padding: 7px 14px; border: 1.5px solid var(--btm-framboise); border-radius: 999px; font: 700 13px var(--btm-titre); color: var(--btm-framboise); background: #fff; }
.btm-auteur-chiffres { margin: 0; background: #fff; border-radius: 10px; padding: 8px 22px; box-shadow: var(--btm-ombre-fiche); }
.btm-auteur-chiffres > div { padding: 14px 0; border-top: 1px solid var(--btm-filet); }
.btm-auteur-chiffres > div:first-child { border-top: 0; }
.btm-auteur-chiffres dt { font: 600 13px var(--btm-titre); color: var(--btm-gris-vert); }
.btm-auteur-chiffres dd { margin: 2px 0 0; font: 900 40px/1 var(--btm-titre); font-stretch: 125%; color: var(--btm-sapin); font-variant-numeric: tabular-nums; }
.btm-auteur-chiffres dd.btm-auteur-date { font-size: 24px; text-transform: capitalize; }
.btm-auteur-rubs { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.btm-auteur-rubs a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 8px; border-radius: 999px; background: #fff; font: 700 14px var(--btm-titre); text-decoration: none; }
.btm-auteur-rubs b { min-width: 30px; height: 30px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: var(--btm-sapin); color: #fff; font-size: 13px; }
.btm-auteur-rubs a:hover { color: var(--btm-framboise); }
.btm-auteur-une { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 28px; }
.btm-sur--auteur { min-height: 420px; }
.btm-sur--auteur .btm-sur-titre { font-size: 32px; }
.btm-auteur-une-liste { display: grid; gap: 18px; align-content: start; }
.btm-auteur-une-liste .btm-carte--ligne { padding-bottom: 18px; border-bottom: 1px solid var(--btm-filet); }
.btm-auteur-articles .btm-liste { margin-top: 32px; }

/* contact */
.btm-contact { position: relative; background: var(--btm-sapin); color: #fff; overflow: hidden; padding-bottom: 14px; }
.btm-contact-photo { position: absolute; top: 0; right: 0; bottom: 0; width: 44%; }
.btm-contact-photo img { width: 100%; height: 100%; object-fit: cover; }
.btm-contact-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--btm-sapin) 0%, rgba(14,59,50,.35) 30%, rgba(14,59,50,0) 60%); }
.btm-contact-grille { position: relative; display: grid; grid-template-columns: minmax(0,6fr) minmax(0,5fr); gap: 56px; align-items: center; padding-block: 48px 40px; }
.btm-contact-h1 { font: 900 clamp(44px, 5.4vw, 84px)/.92 var(--btm-titre); font-stretch: 122%; letter-spacing: -.03em; margin-bottom: 20px; }
.btm-contact-chapo { font: 400 19px/1.55 var(--btm-lecture); color: rgba(255,255,255,.88); max-width: 46ch; }
.btm-contact-equipe { list-style: none; margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 24px; }
.btm-contact-equipe a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }
.btm-contact-equipe img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid var(--btm-menthe); }
.btm-contact-equipe span { display: flex; flex-direction: column; font: 500 12.5px/1.3 var(--btm-titre); color: rgba(255,255,255,.72); }
.btm-contact-equipe b { font: 750 15px var(--btm-titre); color: #fff; }
.btm-contact-carte { background: #fff; color: var(--btm-encre); border-radius: 12px; padding: 28px 30px 26px; box-shadow: 10px 10px 0 var(--btm-framboise), 0 30px 60px -30px rgba(0,0,0,.6); }
.btm-contact-carte h2 { font: 850 24px var(--btm-titre); margin-bottom: 16px; }
.btm-contact-carte .btm-champ textarea { min-height: 110px; }
.btm-contact-ok { display: flex; gap: 12px; align-items: center; background: var(--btm-menthe-pale); border-radius: 8px; padding: 12px 14px; margin-bottom: 16px; font: 500 15px/1.4 var(--btm-titre); }
.btm-contact-ok .btm-coche { width: 32px; height: 22px; color: var(--btm-framboise); }
.btm-contact .btm-credit { position: relative; color: rgba(255,255,255,.6); text-align: right; }
.btm-contact-lead { font: 400 18px/1.6 var(--btm-lecture); max-width: 62ch; margin-bottom: 26px; }
.btm-contact-lead p { margin: 0; }
.btm-contact-fiches { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; align-items: start; }
.btm-contact-fiche { position: relative; background: #fff; border-radius: 10px; padding: 26px 24px 20px; box-shadow: var(--btm-ombre-douce); font: 400 15.5px/1.6 var(--btm-lecture); }
.btm-contact-fiche h2 { font: 800 19px/1.25 var(--btm-titre); margin: 0 0 10px; padding-right: 30px; }
.btm-contact-fiche p { margin: 0 0 .8em; }
.btm-contact-fiche p:last-child { margin: 0; }
.btm-contact-fiche a { color: var(--btm-sapin); font-weight: 700; text-decoration-color: var(--btm-framboise); }
.btm-contact-num { position: absolute; top: 18px; right: 18px; width: 30px; height: 30px; border-radius: 50%; background: var(--btm-framboise); color: #fff; display: grid; place-items: center; font: 800 14px var(--btm-titre); }

/* à propos */
.btm-apropos-tete { position: relative; color: #fff; min-height: 600px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.btm-apropos-photo { position: absolute; inset: 0; }
.btm-apropos-photo img { width: 100%; height: 100%; object-fit: cover; }
.btm-apropos-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(14,59,50,.95) 0%, rgba(14,59,50,.7) 36%, rgba(14,59,50,.15) 75%), linear-gradient(90deg, rgba(14,59,50,.55), rgba(14,59,50,0) 60%); }
.btm-apropos-in { position: relative; padding-bottom: 36px; }
.btm-apropos-h1 { margin: 6px 0 18px; }
.btm-apropos-manifeste { font: 400 clamp(18px, 1.6vw, 23px)/1.5 var(--btm-lecture); max-width: 52ch; color: rgba(255,255,255,.94); }
.btm-apropos-tete .btm-credit { position: relative; color: rgba(255,255,255,.6); text-align: right; padding-bottom: 10px; }
.btm-chiffres-ligne { margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; align-items: end; }
.btm-chiffres-ligne dd.btm-chiffre-date { font-size: clamp(34px, 3.4vw, 50px); white-space: nowrap; }
.btm-chiffres-ligne > div { display: flex; flex-direction: column-reverse; justify-content: flex-start; gap: 6px; border-left: 2px solid rgba(159,220,196,.4); padding-left: 20px; }
.btm-chiffres-ligne dd { margin: 0; font: 900 clamp(44px, 4.6vw, 68px)/1 var(--btm-titre); font-stretch: 125%; color: var(--btm-menthe); font-variant-numeric: tabular-nums; letter-spacing: -.02em; text-transform: capitalize; }
.btm-chiffres-ligne dt { font: 600 15px var(--btm-titre); color: rgba(255,255,255,.85); }
.btm-apropos-grille { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; }
.btm-apropos-grille > .btm-apropos-rub { flex: 0 0 calc((100% - 66px) / 4); }
.btm-apropos-rub { display: grid; grid-template-rows: auto 1fr; background: #fff; border: 1px solid var(--btm-filet); border-radius: 10px; overflow: hidden; text-decoration: none; transition: transform .25s, box-shadow .25s; }
.btm-apropos-rub:hover { transform: translateY(-3px); box-shadow: var(--btm-ombre-fiche); }
.btm-apropos-rub-photo { aspect-ratio: 16 / 9; overflow: hidden; }
.btm-apropos-rub-photo img { width: 100%; height: 100%; object-fit: cover; }
.btm-apropos-rub-txt { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; }
.btm-apropos-rub-num { font: 800 12px var(--btm-titre); color: var(--btm-framboise); font-variant-numeric: tabular-nums; }
.btm-apropos-rub-txt b { font: 850 24px/1.1 var(--btm-titre); font-stretch: 112%; }
.btm-apropos-rub-txt em { font: 400 15px/1.5 var(--btm-lecture); font-style: normal; color: #34433E; }
.btm-apropos-rub-n { font: 700 13px var(--btm-titre); color: var(--btm-sapin); margin-top: auto; }
.btm-equipe-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
.btm-equipe-carte { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; background: #fff; border-radius: 12px; padding: 26px 20px 22px; text-decoration: none; box-shadow: var(--btm-ombre-douce); transition: transform .25s; }
.btm-equipe-carte:hover { transform: translateY(-3px); }
.btm-equipe-carte .sb-avatar { width: 120px; height: 120px; margin-bottom: 8px; box-shadow: 0 0 0 3px var(--btm-framboise); }
.btm-equipe-carte b { font: 850 21px var(--btm-titre); }
.btm-equipe-role { font: 700 13px var(--btm-titre); color: var(--btm-framboise); }
.btm-equipe-spec { font: 400 14px/1.45 var(--btm-lecture); color: #34433E; }
.btm-equipe-n { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font: 800 13px var(--btm-titre); color: var(--btm-sapin); }
.btm-equipe-n .btm-coche { color: var(--btm-framboise); }
.btm-apropos-methode-grille { display: grid; grid-template-columns: minmax(0,4fr) minmax(0,8fr); gap: 56px; align-items: start; }
.btm-apropos-methode-t { font: 900 clamp(34px, 3.6vw, 54px)/1 var(--btm-titre); font-stretch: 118%; letter-spacing: -.025em; position: sticky; top: 100px; }

/* 404 */
.btm-perdu { position: relative; min-height: 620px; display: flex; align-items: center; overflow: hidden; }
.btm-perdu-photo { position: absolute; inset: 0; }
.btm-perdu-photo img { width: 100%; height: 100%; object-fit: cover; }
.btm-perdu-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,59,50,.75), rgba(14,59,50,.1) 70%); }
.btm-perdu-in { position: relative; padding-block: 60px 20px; }
.btm-perdu-carte { background: #fff; border-radius: 12px; padding: 34px 36px; max-width: 600px; box-shadow: 10px 10px 0 var(--btm-framboise); }
.btm-perdu-carte > .btm-perdu-code { margin: 0; font: 900 96px/.85 var(--btm-titre); font-stretch: 125%; color: var(--btm-framboise); letter-spacing: -.04em; }
.btm-perdu-carte h1 { font: 850 30px/1.15 var(--btm-titre); margin: 14px 0 10px; }
.btm-perdu-carte > p { font: 400 16px/1.55 var(--btm-lecture); margin-bottom: 18px; color: #34433E; }
.btm-perdu-carte .btm-cherche { margin: 0; }
.btm-perdu-rubs { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.btm-perdu-rubs a { display: inline-block; padding: 7px 13px; border-radius: 999px; background: var(--btm-menthe-pale); font: 700 13px var(--btm-titre); text-decoration: none; }
.btm-perdu-rubs a:hover { background: var(--btm-sapin); color: #fff; }
.btm-perdu .btm-credit { color: rgba(255,255,255,.75); margin-top: 14px; }

/* ------------------------------------------------------------------ grand écran */
@media (min-width: 1700px) {
	.btm-cadre, .sb-cadre { width: min(1440px, 100% - 160px); }
	.btm-article .btm-cadre, .btm-article .sb-cadre { width: min(1280px, 100% - 160px); }
	.btm-cadre--lecture { width: min(800px, 100% - 40px); }
	body { font-size: 18px; }
	.btm-une-grand { min-height: 620px; }
	.btm-carte-titre { font-size: 20px; }
	.btm-bulle-txt { font-size: 14px; }
	.btm-nav a { font-size: 14px; }
	.btm-logo--tete { font-size: 29px; }
	.btm-texte { font-size: 19.5px; }
	:root { --sb-aside-largeur: 350px; }
}

/* ------------------------------------------------------------------ tablette */
@media (max-width: 1180px) {
	.btm-burger { display: inline-grid; }
	.btm-nav { position: fixed; top: var(--btm-tete-h); left: 0; right: 0; bottom: 0; background: #fff; padding: 12px 24px 32px; overflow-y: auto; transform: translateY(-8px); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility 0s .2s; }
	.btm-nav-ouverte .btm-nav { transform: none; opacity: 1; visibility: visible; transition: opacity .2s, transform .2s; }
	.btm-nav-ouverte { overflow: hidden; }
	.btm-nav ul { flex-direction: column; align-items: stretch; gap: 0; }
	.btm-nav li { border-bottom: 1px solid var(--btm-filet); }
	.btm-nav a { display: flex; gap: 14px; align-items: baseline; padding: 16px 0; font-size: 22px; font-stretch: 112%; text-transform: none; letter-spacing: -.01em; font-weight: 850; }
	.btm-nav a::after { display: none; }
	.btm-nav-num { font-size: 13px; }
	.btm-nav-nom { display: none; }
	.btm-nav-long { display: inline; }
	.btm-nav-pied { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
	.btm-nav-pied a { padding: 0; font: 700 16px var(--btm-titre); text-transform: none; letter-spacing: 0; color: var(--btm-sapin); }
	.btm-bulles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
	.btm-bulles::-webkit-scrollbar { display: none; }
	.btm-bulles li { scroll-snap-align: start; }
	.btm-formats-liste { grid-template-columns: repeat(3, minmax(0,1fr)); row-gap: 32px; }
	.btm-auteur-grille { grid-template-columns: 200px minmax(0,1fr); }
	.btm-auteur-portrait, .btm-auteur-portrait .sb-avatar { width: 200px; height: 200px; }
	.btm-auteur-chiffres { grid-column: 1 / -1; display: flex; gap: 24px; }
	.btm-auteur-chiffres > div { border-top: 0; flex: 1; }
}

/* ------------------------------------------------------------------ mobile */
@media (max-width: 900px) {
	.btm-cadre, .sb-cadre, .btm-article .btm-cadre, .btm-article .sb-cadre { width: calc(100% - 40px); }
	.btm-une-grille, .btm-derniers-grille, .btm-duo-grille, .btm-horiz-grande, .btm-rupture-in, .btm-auteur-une, .btm-contact-grille, .btm-apropos-methode-grille, .btm-entete-grille, .btm-entete-photo-zone { grid-template-columns: minmax(0,1fr); }
	.btm-grille4 { grid-template-columns: 1fr 1fr; }
	.btm-liste { grid-template-columns: minmax(0,1fr); }
	.btm-rub-autres { grid-template-columns: 1fr 1fr; }
	.btm-apropos-grille > .btm-apropos-rub { flex-basis: calc((100% - 22px) / 2); }
	.btm-apropos-grille > .btm-apropos-rub:last-child:nth-child(odd) { flex-basis: 100%; grid-template-columns: 1fr 1fr; grid-template-rows: none; }
	.btm-fiche { margin-bottom: 0; }
	.btm-entete-bande { padding-bottom: 90px; }
	.btm-entete-photo-zone { margin-top: -70px; }
	.btm-article .sb-art-corps { grid-template-columns: minmax(0,1fr); gap: 0; }
}
@media (max-width: 760px) {
	:root { --btm-tete-h: 60px; --sb-haut-collant: 76px; }
	body { font-size: 16.5px; }
	.btm-cadre, .sb-cadre, .btm-article .btm-cadre, .btm-article .sb-cadre, .btm-cadre--lecture, .btm-cadre--etroit { width: calc(100% - 32px); }
	.btm-logo { font-size: 21px; }
	.btm-bande { padding-block: 40px; }
	.btm-section-h { font-size: 13.5px; }

	.btm-monte { padding: 12px 0 14px; }
	.btm-monte-ligne { flex-direction: column; gap: 4px; margin-bottom: 10px; }
	.btm-monte-baseline { display: none; }
	.btm-monte-date { font-size: 12px; gap: 12px; }
	.btm-bulles { grid-auto-columns: 84px; gap: 10px; }
	.btm-bulles a { gap: 6px; }
	.btm-bulle { width: 68px; height: 68px; }
	.btm-bulle img { width: 56px; height: 56px; }
	.btm-bulle-txt { font-size: 11.5px; -webkit-line-clamp: 3; }

	.btm-une { padding: 0 0 36px; }
	.btm-une > .btm-cadre { width: 100%; }
	.btm-une-grand { min-height: 0; aspect-ratio: 4 / 5; max-height: 520px; }
	.btm-une-photo { inset: 0; }
	.btm-une-photo::after { background: linear-gradient(to top, rgba(14,59,50,.95) 0%, rgba(14,59,50,.6) 40%, rgba(14,59,50,0) 70%); }
	.btm-une-texte { width: 100%; padding: 0 16px 18px; background: none; gap: 10px; }
	.btm-une-titre { font-size: 30px; }
	.btm-une-chapo { font-size: 15px; }
	.btm-une-droite { padding: 0 16px; gap: 18px; margin-top: 18px; }
	.btm-une-duo { grid-template-columns: minmax(0,1fr); gap: 14px; }
	.btm-une-duo .btm-carte { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 14px; }
	.btm-une-duo .btm-carte-photo { aspect-ratio: 1; }
	.btm-une-duo .btm-carte-texte { padding-top: 0; }
	.btm-une-duo .btm-etiquette { transform: none; margin: 0; }
	.btm-une-duo .btm-carte-titre { font-size: 17px; }

	.btm-derniers-liste { grid-template-columns: minmax(0,1fr); }
	.btm-chiffres ul { grid-template-columns: 1fr 1fr; }

	.btm-bloc-tete { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 6px; }
	.btm-bloc-tete .btm-assis { flex: none; max-width: 100%; }
	.btm-assis, .btm-duo-col .btm-assis { font-size: min(42px, calc(98cqi / var(--assis-l, 9))); line-height: .86; }
	.btm-assis a { display: inline; }
	.btm-pied .sb-pied-marque { flex-direction: column; align-items: flex-start; gap: 10px; }
	.btm-bloc-tout { margin: 10px 0 12px; font-size: 13px; }
	.btm-assis-corps { grid-template-columns: minmax(0,1fr); gap: 20px; }
	.btm-assis-duo { grid-template-columns: minmax(0,1fr); height: auto; }
	.btm-assis-duo .btm-sur { height: 260px; }
	.btm-grille4 { grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 20px; }
	.btm-grille4 .btm-carte { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 14px; }
	.btm-grille4 .btm-carte-photo { aspect-ratio: 1; }
	.btm-grille4 .btm-carte-texte, .btm-grille4 .btm-carte--blanche .btm-carte-texte { padding: 0; }
	.btm-grille4 .btm-carte--blanche { padding: 10px; }
	.btm-grille4 .btm-carte--blanche .btm-carte-photo { border-radius: 6px; }
	.btm-grille4 .btm-etiquette { transform: none; margin: 0; }
	.btm-grille4 .btm-carte-titre { font-size: 16.5px; }

	.btm-formats-liste { grid-template-columns: minmax(0,1fr); gap: 18px; }
	.btm-formats-liste a { grid-template-columns: 150px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; }
	.btm-formats-num { font-size: 92px; top: 0; }
	.btm-formats-photo { grid-row: span 2; margin: 0 0 0 46px; width: 96px; height: 96px; }
	.btm-formats-titre { margin: 0; align-self: end; font-size: 15.5px; }
	.btm-formats-min { margin-top: 4px; align-self: start; }

	.btm-horiz-photo { height: 220px; }
	.btm-horiz-texte { padding: 20px; }
	.btm-horiz-texte h3 { font-size: 23px; }
	.btm-horiz-trio { grid-template-columns: minmax(0,1fr); gap: 12px; }

	.btm-comp-rupture { min-height: 0; }
	.btm-rupture-in { padding-block: 44px 40px; gap: 26px; }
	.btm-rupture-h { font-size: 50px; }
	.btm-rupture-cartes { grid-template-columns: 1fr 1fr; gap: 12px; }
	.btm-rupture-cartes .btm-carte:nth-child(even) { transform: none; }

	.btm-duo-grille { gap: 44px; }
	.btm-duo-liste { grid-template-columns: minmax(0,1fr); gap: 14px; }
	.btm-mosa { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 170px 170px; }
	.btm-sur--grand { grid-row: span 1; }
	.btm-sur--grand .btm-sur-titre { font-size: 22px; }
	.btm-actu-liste { grid-template-columns: minmax(0,1fr); }
	.btm-actu-liste a { grid-template-columns: 58px minmax(0,1fr) 72px; gap: 12px; }
	.btm-actu-photo { width: 72px; height: 72px; }
	.btm-actu-liste time b { font-size: 18px; }
	.btm-actu-titre { font-size: 15.5px; }
	.btm-redac-in { grid-template-columns: minmax(0,1fr); gap: 16px; }
	.btm-redac-coche { width: 64px; height: 44px; }

	.btm-pied .sb-pied-grille { grid-template-columns: minmax(0,1fr); gap: 32px; }
	.btm-pied .sb-pied-rubriques { grid-template-columns: minmax(0,1fr); }
	.btm-pied .sb-pied-loupe { width: 100%; }
	.btm-pied .sb-pied-loupe input { min-width: 0; flex: 1; }

	/* article */
	.btm-entete-bande { padding: 18px 0 72px; }
	.btm-entete-texte { gap: 10px; }
	.btm-entete-h1 { font-size: 29px; }
	.btm-entete-chapo { font-size: 16.5px; }
	.btm-signature { gap: 10px 14px; }
	.btm-signature-dates { flex-direction: row; gap: 10px; flex-wrap: wrap; font-size: 12.5px; }
	.btm-partage { display: none; }
	.btm-fiche { display: none; }
	.btm-entete-photo img { aspect-ratio: 16 / 9; }
	.btm-article .sb-art-corps { margin-top: 24px; }
	.btm-article .btm-corps-cheval { margin-top: -50px; }
	.btm-art-content > .btm-entete-photo { margin-bottom: 22px; }
	.btm-texte { font-size: 17.5px; line-height: 1.7; }
	.btm-texte h2 { font-size: 23px; }
	.btm-texte h3 { font-size: 19px; }

	/* rubrique */
	.btm-rub-titre-ligne { grid-template-columns: minmax(0,1fr); gap: 14px; }
	.btm-rub-h1 { font-size: 46px; order: 1; margin-bottom: 0; }
	.btm-rub-chapo { order: 2; padding: 0 0 14px; }
	.btm-rub-chapo .btm-assis-rond { font-size: 40px; }
	.btm-rub-chapo p { font-size: 15.5px; }
	.btm-triptyque { grid-template-columns: 1fr 1fr; grid-template-rows: 300px 170px; height: auto; }
	.btm-sur--tri-grand { grid-column: 1 / -1; }
	.btm-sur--tri + .btm-sur--tri { border-left: 0; }
	.btm-sur--tri:last-child { border-left: 2px solid #fff; }
	.btm-sur--tri .btm-sur-texte { padding: 14px; }
	.btm-sur--tri .btm-sur-titre { font-size: 15px; }
	.btm-sur--tri-grand .btm-sur-titre { font-size: 22px; }
	.btm-sur--tri .btm-meta { display: none; }
	.btm-rub-duo { grid-template-columns: minmax(0,1fr); gap: 24px; }
	.btm-carte--grande .btm-carte-titre { font-size: 21px; }
	.btm-carte--liste { grid-template-columns: 112px minmax(0,1fr); gap: 14px; padding-block: 16px; }
	.btm-carte--liste .btm-carte-photo { aspect-ratio: 1; }
	.btm-carte--liste .btm-carte-titre { font-size: 16.5px; }
	.btm-carte--liste .btm-carte-chapo { display: none; }
	.btm-rub-autres { grid-template-columns: minmax(0,1fr); }
	.btm-apropos-grille > .btm-apropos-rub, .btm-apropos-grille > .btm-apropos-rub:last-child:nth-child(odd) { flex-basis: 100%; grid-template-columns: none; grid-template-rows: auto 1fr; }
	.btm-rub-autre { grid-template-columns: 96px minmax(0,1fr); }
	.btm-plus { padding: 12px 20px; font-size: 14px; }
	.btm-plus span { display: none; }

	/* pages */
	.btm-page-tete { padding: 26px 0 30px; }
	.btm-auteur-tete { padding: 26px 0 24px; }
	.btm-auteur-grille { grid-template-columns: minmax(0,1fr); gap: 22px; justify-items: start; }
	.btm-auteur-portrait, .btm-auteur-portrait .sb-avatar { width: 150px; height: 150px; }
	.btm-auteur-coche { width: 44px; height: 44px; right: -4px; bottom: 8px; }
	.btm-auteur-h1 { font-size: 42px; }
	.btm-auteur-bio { font-size: 16.5px; }
	.btm-auteur-chiffres { width: 100%; gap: 12px; padding: 8px 16px; }
	.btm-auteur-chiffres dd { font-size: 30px; }
	.btm-auteur-chiffres dd.btm-auteur-date { font-size: 18px; }
	.btm-sur--auteur { min-height: 300px; }
	.btm-sur--auteur .btm-sur-titre { font-size: 23px; }
	.btm-contact-photo { position: absolute; top: 0; left: 0; right: 0; bottom: auto; width: 100%; height: 230px; }
	.btm-contact-photo::after { background: linear-gradient(0deg, var(--btm-sapin), rgba(14,59,50,0) 60%); }
	.btm-contact-grille { padding-block: 22px 30px; gap: 0; margin-top: 0; }
	.btm-contact-intro { display: contents; }
	.btm-contact-intro > .btm-rub-ligne { order: 1; margin-bottom: 8px; }
	.btm-contact-h1 { order: 2; }
	.btm-contact-equipe { order: 3; }
	.btm-contact-carte { order: 4; margin-top: 18px; }
	.btm-contact-chapo { order: 5; margin-top: 22px; }
	.btm-contact-carte .btm-form-duo { grid-template-columns: 1fr 1fr; gap: 10px; }
	.btm-contact-carte .btm-form { gap: 10px; }
	.btm-contact-carte .btm-champ input, .btm-contact-carte .btm-champ select { min-height: 44px; padding: 10px 12px; }
	.btm-contact-carte .btm-champ textarea { min-height: 0; height: 84px; padding: 10px 12px; }
	.btm-contact-h1 { font-size: 40px; margin-bottom: 12px; }
	.btm-contact-chapo { font-size: 15.5px; line-height: 1.5; }
	.btm-contact-equipe { margin-top: 14px; gap: 0; flex-wrap: nowrap; align-items: center; }
	.btm-contact-equipe li + li:not(.btm-contact-equipe-legende) { margin-left: -10px; }
	.btm-contact-equipe img { width: 40px; height: 40px; }
	.btm-contact-equipe a span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.btm-contact-equipe-legende { display: block; margin-left: 12px; font: 500 13px/1.35 var(--btm-titre); color: rgba(255,255,255,.82); }
	.btm-contact-carte h2 { font-size: 21px; margin-bottom: 12px; }
	.btm-contact-carte { padding: 18px 16px; box-shadow: 6px 6px 0 var(--btm-framboise); }
	.btm-form-duo { grid-template-columns: minmax(0,1fr); }
	.btm-apropos-tete { min-height: 560px; }
	.btm-logo--geant { font-size: 13vw; white-space: normal; flex-wrap: wrap; }
	.btm-chiffres-ligne dd.btm-chiffre-date { font-size: 30px; white-space: normal; }
	.btm-chiffres-ligne { grid-template-columns: 1fr 1fr; row-gap: 26px; }
	.btm-apropos-methode-t { position: static; font-size: 34px; }
	.btm-perdu { min-height: 0; }
	.btm-perdu-carte { padding: 24px 20px; box-shadow: 6px 6px 0 var(--btm-framboise); }
	.btm-perdu-code { font-size: 72px; }
	.btm-perdu-carte h1 { font-size: 24px; }
	.btm-cherche { padding-left: 42px; }
	.btm-cherche svg { left: 13px; }
	.btm-cherche button { padding: 10px 14px; }
}

/* ------------------------------------------------------------------ passe juge visuel n°1 (08/10) */
:root { --btm-rose-clair: #FF8FB1; } /* 5,8:1 sur le vert sapin */
.btm-une-titre .btm-accent { font-style: normal; color: var(--btm-rose-clair); }
@media (min-width: 761px) { .btm-contact-equipe-legende { display: none; } }

/* « Articles plus anciens » : jauge + bouton plein, détachés de la liste et du pied (juge M2). */
.btm-plus-zone { flex-direction: column; align-items: center; gap: 16px; margin-top: 44px; padding-top: 30px; border-top: 2px solid var(--btm-encre); }
.btm-plus-jauge { display: grid; gap: 8px; width: min(100%, 340px); margin: 0; text-align: center; font: 500 14px/1.3 var(--btm-titre); color: var(--btm-gris-vert); }
.btm-plus-jauge b { color: var(--btm-encre); font-weight: 850; font-variant-numeric: tabular-nums; }
.btm-plus-jauge > i { display: block; height: 6px; border-radius: 6px; background: var(--btm-menthe-pale); overflow: hidden; }
.btm-plus-jauge > i > i { display: block; height: 100%; border-radius: 6px; background: var(--btm-framboise); }
.btm-plus { background: var(--btm-sapin); color: #fff; }
.btm-plus span { color: var(--btm-menthe); }
.btm-plus .btm-coche { color: var(--btm-menthe); }
.btm-plus:hover { background: var(--btm-framboise-fonce); border-color: var(--btm-framboise-fonce); }
.btm-plus:hover span { color: #fff; }
/* Liste à 2 colonnes : une carte seule en fin de liste prend toute la ligne (plus de demi-rangée vide avant le bouton). */
.btm-liste > .btm-carte--liste:last-child:nth-child(odd) { grid-column: 1 / -1; grid-template-columns: 220px minmax(0, 640px); }
@media (max-width: 760px) { .btm-liste > .btm-carte--liste:last-child:nth-child(odd) { grid-template-columns: 112px minmax(0,1fr); } }

/* Un seul cadre (juge L7/E5) : le contenu d'un encadré ne redessine pas son propre cadre. */
.btm-texte .sbsrc-2dac2436__tbl { border: 0; border-radius: 0; padding: 0; }
.btm-texte .sb-maillage .sb-alire { border: 0; border-radius: 0; box-shadow: none; background: none; padding: 0; margin: 0; }
.btm-texte .sb-encadre-cle .sb-cards { border: 0; border-radius: 0; background: none; padding: 0; margin: .4rem 0 0; }

/* Sommaire long (9 entrées et plus) : interligne compact. */
.btm-article .sb-sommaire:has(li:nth-child(9)) a { font-size: 13px; line-height: 1.22; padding: .17rem .5rem; }
/* Colonne scindée par le JS : sommaire collant seul, formulaire en bas de colonne. */
.btm-aside-porteur { display: flex; flex-direction: column; }
.btm-colle-porteur { flex: 1 1 auto; }
.btm-aside-scinde > .sb-art-aside-pub { margin: 0 0 22px; }
.btm-aside-scinde > .sb-art-aside-pub .btm-aside-form { border-radius: 10px; box-shadow: var(--btm-ombre-fiche); }
.btm-aside-scinde .sb-colle-unique .sb-sommaire { border-radius: 10px; border-bottom: 1px solid var(--sb-filet); }

/* Passe 3 (porte n°5, pli) : dans le bloc collant, le formulaire passe AVANT le sommaire — son bouton reste au-dessus
   du pli à 1440×780 et 1920×950 quelle que soit la longueur du sommaire. */
.btm-article .sb-colle-unique { display: flex; flex-direction: column; }
.btm-article .sb-colle-unique > .sb-art-aside-pub { order: -1; }
.btm-article .sb-colle-unique > .sb-art-aside-pub .btm-aside-form { border-radius: 10px 10px 0 0; }
.btm-article .sb-colle-unique > .sb-sommaire { border-radius: 0 0 10px 10px; border-bottom: 1px solid var(--sb-filet); }
.btm-article .sb-colle-unique > .sb-sommaire:only-child, .btm-article .sb-colle-unique > .sb-art-aside-pub:only-child .btm-aside-form { border-radius: 10px; }

/* Infographies du socle [sbs_*] aux couleurs Bonne Tendance — objets, jamais liste à puces ni tableau (P-542). */
sbs-tarifs, sbs-frise, sbs-jauges, sbs-lieu { display: block; margin: 2em 0; padding: 22px 24px 18px; background: var(--btm-menthe-pale); border-radius: 12px; box-shadow: inset 0 4px 0 var(--btm-sapin); font-family: var(--btm-titre); }
.sbs_tarifs_titre, .sbs_frise_titre, .sbs_jauges_titre, .sbs_lieu_nom { display: block; font: 800 19px/1.25 var(--btm-titre); color: var(--btm-encre); margin-bottom: 14px; }
.sbs_source, .sbs_tarifs_notes { display: block; margin-top: 12px; font: 500 12.5px/1.4 var(--btm-titre); color: var(--btm-gris-vert); }
sbs-tarif { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto; align-items: center; gap: 6px 16px; padding: 10px 0; border-top: 1px solid var(--btm-filet); }
sbs-tarif:first-of-type { border-top: 0; }
.sbs_tarif_libelle { font: 600 14.5px/1.4 var(--btm-titre); color: var(--btm-encre); }
.sbs_tarif_barre { -webkit-appearance: none; appearance: none; width: 100%; height: 12px; border: 0; border-radius: 6px; background: #fff; overflow: hidden; }
.sbs_tarif_barre::-webkit-meter-bar { background: #fff; border: 0; border-radius: 6px; height: 12px; }
.sbs_tarif_barre::-webkit-meter-optimum-value, .sbs_tarif_barre::-webkit-meter-suboptimum-value, .sbs_tarif_barre::-webkit-meter-even-less-good-value { background: var(--btm-framboise); border-radius: 6px; }
.sbs_tarif_barre::-moz-meter-bar { background: var(--btm-framboise); border-radius: 6px; }
.sbs_tarif_prix { font: 850 17px/1.2 var(--btm-titre); color: var(--btm-sapin); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
sbs-jauges { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
sbs-jauges > .sbs_jauges_titre, sbs-jauges > .sbs_source { grid-column: 1 / -1; margin: 0; }
sbs-jauge { display: flex; flex-direction: column; gap: 4px; padding: 16px 16px 14px; background: #fff; border-radius: 10px; border-top: 4px solid var(--btm-framboise); }
.sbs_jauge_valeur { order: -1; font: 900 34px/1 var(--btm-titre); font-stretch: 118%; color: var(--btm-sapin); font-variant-numeric: tabular-nums; letter-spacing: -.02em; overflow-wrap: anywhere; }
.sbs_jauge_valeur--long { font-size: 21px; line-height: 1.15; overflow-wrap: normal; }
.sbs_jauge_unite { font: 700 13px/1.3 var(--btm-titre); color: var(--btm-framboise-texte); }
.sbs_jauge_libelle { font: 500 14px/1.4 var(--btm-titre); color: #34433E; }
sbs-frise { position: relative; }
sbs-etape { position: relative; display: grid; gap: 3px; padding: 0 0 18px 28px; border-left: 2px solid var(--btm-menthe); margin-left: 7px; }
sbs-etape:last-of-type { padding-bottom: 2px; }
sbs-etape::before { content: ""; position: absolute; left: -8px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--btm-framboise); box-shadow: 0 0 0 3px var(--btm-menthe-pale); }
.sbs_etape_date { font: 800 13px/1.2 var(--btm-titre); letter-spacing: .04em; color: var(--btm-framboise-texte); }
.sbs_etape_titre { font: 750 16.5px/1.3 var(--btm-titre); color: var(--btm-encre); }
.sbs_etape_desc { font: 400 15px/1.5 var(--btm-lecture); color: #34433E; }
.sbs_lieu_adresse { font: 500 15px/1.5 var(--btm-titre); font-style: normal; }
.sbs_lieu_acces { display: block; margin-top: 4px; font: 500 14px/1.4 var(--btm-titre); color: var(--btm-gris-vert); }
.sbs_lieu_carte { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 700 14px var(--btm-titre); color: var(--btm-sapin); }
.sbs_icone_repere { width: 18px; height: 18px; fill: var(--btm-framboise); }
@media (max-width: 760px) {
	sbs-tarifs, sbs-frise, sbs-jauges, sbs-lieu { padding: 18px 16px 14px; }
	sbs-tarif { grid-template-columns: minmax(0, 1fr) auto; }
	.sbs_tarif_libelle { grid-column: 1 / -1; }
	sbs-jauges { grid-template-columns: 1fr 1fr; gap: 10px; }
	.sbs_jauge_valeur { font-size: 28px; }
}

/* Passe juge n°2 — logotype : la flèche suit le mot, détachée, en exposant (plus jamais sur le « e »). */
.btm-logo > .btm-logo-coche { position: static; align-self: flex-start; flex: none; width: .6em; height: .4em; margin: -.04em 0 0 .06em; color: var(--btm-framboise); }
.btm-logo--pied > .btm-logo-coche, .btm-logo--geant > .btm-logo-coche { color: var(--btm-menthe); }
.btm-logo--geant > .btm-logo-coche { color: var(--btm-framboise); }

/* Classement / « N idées » : rang géant framboise devant l'intertitre de chaque item (procédé des grands formats). */
.btm-texte h3.btm-a-rang { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; column-gap: 16px; margin-top: 2em; padding-top: 18px; border-top: 2px solid var(--btm-filet); font-size: 22px; }
.btm-rang { font: 900 54px/.8 var(--btm-titre); font-stretch: 125%; letter-spacing: -.04em; color: var(--btm-framboise); font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { .btm-rang { font-size: 40px; } .btm-texte h3.btm-a-rang { column-gap: 12px; font-size: 19px; } }

/* Juge n°3 — items de classement / idées en CARTES : photo à gauche puis à droite (alternance), ou carte texte ;
   fond blanc puis menthe pâle ; la photo occupe toute la hauteur de sa colonne (jamais de vide à côté). */
.btm-texte .btm-items { display: grid; gap: 24px; margin: 1.4em 0 2.2em; }
.btm-texte .btm-item { position: relative; background: #fff; border: 1px solid var(--btm-filet); border-radius: 14px; box-shadow: var(--btm-ombre-douce); overflow: hidden; }
.btm-texte .btm-item:nth-child(even) { background: var(--btm-menthe-pale); border-color: transparent; box-shadow: none; }
.btm-texte .btm-item-corps { padding: 22px 26px 16px; min-width: 0; }
.btm-texte .btm-item h3.btm-a-rang { margin: 0 0 10px; padding: 0; border: 0; font-size: 21px; line-height: 1.22; }
.btm-texte .btm-item .btm-rang { font-size: 50px; }
.btm-texte .btm-item-corps > :last-child, .btm-texte .btm-item-corps > :last-child > li:last-child { margin-bottom: 0; }
.btm-texte .btm-item-corps p { margin-bottom: .8em; }
.btm-texte .btm-item .sb-cards { margin: .5em 0 .4em; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.btm-texte .btm-item--photo { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); }
.btm-texte .btm-item--photo:nth-child(4n+3), .btm-texte .btm-item--photo:nth-child(4n) { grid-template-columns: minmax(0, 1fr) minmax(0, 40%); }
.btm-texte .btm-item--photo:nth-child(4n+3) > .btm-item-photo, .btm-texte .btm-item--photo:nth-child(4n) > .btm-item-photo { order: 2; }
.btm-texte .btm-item-photo { position: relative; min-height: 240px; }
.btm-texte .btm-item-photo figure { position: absolute; inset: 0; margin: 0; }
.btm-texte .btm-item-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; }
.btm-texte .btm-item-photo figcaption { position: absolute; left: 10px; bottom: 8px; right: 10px; margin: 0; color: #fff; font: 700 10px/1.3 var(--btm-titre); letter-spacing: .06em; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0,0,0,.7); }
@media (max-width: 760px) {
	.btm-texte .btm-items { gap: 18px; }
	.btm-texte .btm-item--photo, .btm-texte .btm-item--photo:nth-child(4n+3), .btm-texte .btm-item--photo:nth-child(4n) { grid-template-columns: minmax(0, 1fr); }
	.btm-texte .btm-item--photo > .btm-item-photo { order: 0 !important; min-height: 0; height: 210px; overflow: hidden; }
	.btm-texte .btm-item-corps { padding: 18px 18px 14px; }
	.btm-texte .btm-item h3.btm-a-rang { font-size: 18.5px; }
	.btm-texte .btm-item .btm-rang { font-size: 38px; }
}

.btm-texte .btm-item-label { font: 750 .86em/1.3 var(--btm-titre); color: var(--btm-sapin); letter-spacing: .01em; }
/* Juge n°4 — carte texte parmi des cartes photo : un dessin à elle (fiche vert sapin, numéro menthe), jamais une case
   photo vide ; en liste 100 % texte, les cartes gardent l'alternance blanc / menthe. */
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) { background: var(--btm-sapin); border-color: var(--btm-sapin); color: #E4F2EC; box-shadow: none; }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) h3, .btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) strong, .btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) b { color: #fff; }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) .btm-rang { color: var(--btm-menthe); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) .btm-item-label { color: var(--btm-menthe); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) a:not([class]) { color: var(--btm-menthe); text-decoration-color: var(--btm-menthe); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) .sb-cards > li { color: #E4F2EC; border-color: rgba(255,255,255,.14); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) .btm-item-corps { padding: 26px 30px 20px; }

/* deux cartes texte qui se suivent en liste mixte : la 2e prend un autre dessin (menthe, bande framboise) — jamais deux dalles identiques à la suite */
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) { background: var(--btm-menthe-pale); border-color: transparent; color: inherit; box-shadow: inset 6px 0 0 var(--btm-framboise); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) h3 { color: var(--btm-encre); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) strong, .btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) b { color: var(--btm-encre); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) .btm-rang { color: var(--btm-framboise); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) .btm-item-label { color: var(--btm-sapin); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) a:not([class]) { color: var(--btm-sapin); text-decoration-color: var(--btm-framboise); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) .sb-cards > li { color: inherit; border-color: var(--btm-filet); }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) { background: var(--btm-sapin); color: #E4F2EC; box-shadow: none; }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) h3, .btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) strong, .btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) b { color: #fff; }
.btm-texte .btm-items--mixte > .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) + .btm-item:not(.btm-item--photo) .btm-rang { color: var(--btm-menthe); }

/* Juge n°4 — encadré à coches, 2e dessin (1 sur 2) : tuiles blanches en 2 colonnes, coche framboise, sans aplat. */
.btm-texte > .sb-cards.btm-encadre-v2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.btm-texte > .sb-cards.btm-encadre-v2 > li { margin: 0; padding: 14px 16px 14px 46px; background: #fff; border: 1px solid var(--btm-filet); border-top: 3px solid var(--btm-framboise); border-radius: 10px; font-size: 15.5px; line-height: 1.5; }
.btm-texte > .sb-cards.btm-encadre-v2 > li + li { border-top: 3px solid var(--btm-framboise); }
.btm-texte > .sb-cards.btm-encadre-v2 > li::before { left: 14px; top: 16px; }
.btm-texte > .sb-cards.btm-encadre-v2 > li:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Juge n°4 — encadré « Le chiffre » : la légende passe SOUS le chiffre (plus jamais un mot par ligne). */
.btm-texte .sb-encadre-chiffre { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.btm-texte .sb-encadre-chiffre-libelle { max-width: 56ch; }
.btm-texte .sb-encadre-chiffre > p { margin: 0; } /* la marge des paragraphes du corps (1,15 em à 52 px) creusait 60-70 px de vide */
.btm-texte .sb-encadre-chiffre > .sb-kicker { margin-bottom: 4px; }

/* Juge n°4 — formulaire de lecture en mobile (la colonne est masquée sous 900 px). */
.btm-form-mobile { display: none; }
@media (max-width: 900px) {
	.btm-form-mobile { display: block; margin: 2.2em 0 1.6em; }
	.btm-form-mobile .btm-aside-form { border-radius: 12px; padding: 18px 18px 20px; box-shadow: var(--btm-ombre-fiche); }
	.btm-form-mobile .btm-aside-form-t { font-size: 18px; }
}
@media (max-width: 760px) { .btm-texte > .sb-cards.btm-encadre-v2 { grid-template-columns: minmax(0,1fr); } }

/* Cartes de comparatif : hauteur au contenu (jamais de vide sous le texte), plus de bande vide en tête. */
.btm-texte .sb-compare { align-items: start; }
.btm-texte .sb-compare-card h3 { margin-top: 0; }

/* « Pour aller plus loin » (thème) : 3 lectures du même sujet + le lien de rubrique, à part. */
.btm-texte .btm-lire-plus .sb-alire { margin: 0; }
.btm-lire-plus-rub { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 6px; font: 800 14.5px var(--btm-titre); color: var(--btm-sapin); text-decoration: none; }
.btm-lire-plus-rub .btm-coche { width: 24px; height: 16px; color: var(--btm-framboise); }
.btm-lire-plus-rub:hover { color: var(--btm-framboise); }
.btm-texte .btm-lire-plus .sb-alire li a { text-decoration: none; color: var(--btm-encre); }
.btm-texte .btm-lire-plus .sb-alire li a:hover { color: var(--btm-framboise); background: none; }
.btm-texte .sb-alire .btm-lire-plus-rub { justify-content: flex-start; width: 100%; margin-top: 4px; padding-top: 12px; border-top: 2px solid var(--btm-encre); color: var(--btm-framboise-texte); }

/* Barre latérale plus compacte : sommaire de 10 entrées + formulaire tiennent dans 1440×780 (bloc collant < écran). */
.btm-article .sb-sommaire { padding-top: .8rem; }
.btm-article .sb-sommaire-barre { margin: .5rem 0 .25rem; }
.btm-article .sb-sommaire a { padding: .24rem .55rem; line-height: 1.25; }
.btm-form--compact .btm-champ textarea { min-height: 44px; }
.btm-aside-form-s { margin-bottom: 8px; }
/* Bloc trop haut pour l'écran (rare) : il défile avec la page SANS le décalage de 97 px que laissait le « top » posé en JS. */
.btm-article .sb-colle[data-colle="false"] { top: auto !important; }

/* En-tête d'article (juge L5/L6) : fiche repères et barre latérale sur la même colonne ; la photo ouvre la colonne
   de lecture, à cheval sur la bande ; le sommaire démarre 20 px sous la fiche — aucun vide à droite de la photo. */
@media (min-width: 901px) {
	.btm-entete-grille { grid-template-columns: minmax(0,1fr) var(--sb-aside-largeur); gap: 40px; }
	.btm-entete-bande { padding: 24px 0 calc(var(--btm-cheval, 120px) + 22px); }
	.btm-article .btm-corps-cheval { margin-top: calc(-1 * var(--btm-cheval, 120px)); position: relative; z-index: 2; }
	/* Porte n°13 (pli à 783 px) : la fiche repères s'aligne sur le bas du texte d'en-tête (plus de débord dans la zone
	   « à cheval ») et la colonne démarre au niveau de la photo → le formulaire ne dépend plus que de la hauteur du texte. */
	.btm-fiche { margin-bottom: 0; }
	.btm-corps-cheval > .sb-art-aside { padding-top: 0; }
	/* marge de sécurité du pli (bouton ≤ 730 px à 1440×780 sur les en-têtes les plus hauts) : en-tête resserré */
	.btm-entete-texte { gap: 10px; }
	.btm-entete-h1 { line-height: 1.02; }
	.btm-signature { margin-top: 0; }
	.btm-aside-form { padding-top: 12px; }
	.btm-aside-form-s { margin-bottom: 6px; }
	.btm-art-content > .btm-entete-photo { margin: 0 0 26px; }
	.btm-art-content > .btm-entete-photo img { aspect-ratio: 2.8 / 1; object-position: 50% 42%; }
}
@media (min-width: 761px) and (max-width: 900px) {
	.btm-entete-bande { padding-bottom: 92px; }
	.btm-article .btm-corps-cheval { margin-top: -70px; }
	.btm-art-content > .btm-entete-photo { margin-bottom: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.btm-bulle-arc circle { stroke-dashoffset: calc(100 - var(--plein) * 100); }
	.btm-fil-axe { transform: none; }
}
.btm-fil-liste li.btm-fil-axe { position: absolute; padding: 0; border: 0; }
.btm-fil-liste li.btm-fil-axe::before { display: none; }