/* Testorama — polices auto-hébergées (Google Fonts, sous-ensemble latin). Chemins relatifs à assets/css/tout.css. */
@font-face{font-family:'Asap Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/asap-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Asap Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/asap-condensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Asap Condensed';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/asap-condensed-600-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Overpass';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/overpass-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*
Theme Name: Testorama — to-scanner
Theme URI: https://testorama.eu/
Description: Avis et droits d'acheteur, en clair. Thème code pur : le colis passé au scanner (bande de radiographie, viseur à quatre coins, rideau à lamelles).
Version: 1.0.0
Author: Testorama
Text Domain: to-scanner
*/

/* ===== Jetons (DA §3-§5). Mode clair uniquement. ===== */
:root{
	--sb-fond:#F2F5F4;
	--sb-fond-carte:#FFFFFF;
	--sb-surf:#FFFFFF;
	--sb-encre:#132A3A;
	--sb-doux:#4E5F69;
	--sb-accent:#F2661B;
	--sb-accent-texte:#B8460B;
	--sb-accent-clair:#FFEFE5;
	--sb-fonce:#0C3B40;
	--sb-sur-fonce:#FFFFFF;
	--sb-scan:#7FD8D2;
	--sb-filet:#D5DEDD;
	--sb-fiable:#17804A;
	--sb-prudence:#E2A200;
	--sb-fuir:#C62F2F;

	--sb-titre:'Asap Condensed','Arial Narrow',sans-serif;
	--sb-texte:'Overpass',system-ui,-apple-system,'Segoe UI',sans-serif;

	--sb-conteneur:1240px;
	--sb-lecture:720px;
	--sb-rail:340px;
	--sb-gouttiere:24px;
	--sb-rayon:18px;
	--sb-rayon-grand:28px;
	--sb-ombre:0 2px 6px rgba(19,42,58,.08),0 18px 40px -12px rgba(19,42,58,.22);
	--sb-ombre-forte:0 4px 10px rgba(19,42,58,.10),0 30px 60px -18px rgba(19,42,58,.34);
	--to-ombre-action:0 2px 6px rgba(19,42,58,.10),0 22px 48px -14px rgba(19,42,58,.30),0 0 0 10px rgba(242,102,27,.06);
	--to-rub-sites-marchands:#132A3A;
	--to-rub-seconde-main:#0C3B40;
	--to-rub-services-en-ligne:#0B6E78;
	--to-rub-vos-droits:#B8460B;
	--to-rub-bancs-d-essai:#4E5F69;
	--to-rub-actualite:#F2661B;
	--to-entete-h:72px;
	--to-marge:clamp(20px,4vw,24px);
}

/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--sb-fond);color:var(--sb-encre);font-family:var(--sb-texte);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
@media (min-width:1200px){body{font-size:18px}}
img,svg,video,picture{display:block;max-width:100%}
img{height:auto}
a{color:var(--sb-accent-texte);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4{font-family:var(--sb-titre);color:var(--sb-encre);line-height:1.02;letter-spacing:-.01em;margin:0;text-wrap:balance}
h1{font-weight:800}
h2{font-weight:700;font-size:clamp(30px,1.4vw + 20px,44px)}
h3{font-weight:700}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sb-accent);outline-offset:3px;border-radius:6px}
.to-masque{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.to-evitement{position:absolute;left:12px;top:-60px;z-index:200;background:var(--sb-encre);color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none}
.to-evitement:focus{top:12px}
.to-conteneur{max-width:var(--sb-conteneur);margin-inline:auto;padding-inline:var(--sb-gouttiere)}
@media (max-width:760px){.to-conteneur{padding-inline:20px}:root{--sb-gouttiere:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/*
 * BLOC FIGÉ — ARTICLE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-article*` /
 * `.cdw-fil-ariane` / `.cdw-a-lire` / `.cdw-carte*` (renommées `.sbt-*` ici).
 * Couleurs/polices/espacements uniquement en `var(--sb-*, repli)` : un site neuf peut
 * utiliser ce fichier tel quel sans avoir encore défini ses propres variables.
 *
 * INTERDIT DE MODIFIER : voir single-article.php (un seul <article>, « à lire aussi »
 * en <div>). LIBRE DE MODIFIER : toutes les valeurs des var() ci-dessous.
 */

.sbt-conteneur{ max-width: var(--sb-conteneur, 1240px); margin-inline: auto; padding-inline: var(--sb-gouttiere, 24px); }

.sbt-fil-ariane{ font-size: .8125rem; color: var(--sb-doux, #55607a); display: flex; gap: 6px; flex-wrap: wrap; padding-block: 16px; }
.sbt-fil-ariane a{ color: var(--sb-doux, #55607a); text-decoration: none; }
.sbt-fil-ariane a:hover{ color: var(--sb-encre, #0f172a); }

.sbt-article-entete{ max-width: var(--sb-lecture, 720px); margin-inline: auto; padding-block: 8px 24px; }
.sbt-article-pastille{
	display: inline-block; background: var(--sb-surf, #f4f5fa); color: var(--sb-encre, #0f172a);
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: .75rem;
	text-transform: uppercase; letter-spacing: .04em; padding: 6px 12px; border-radius: 999px; margin-bottom: 16px;
	text-decoration: none;
}
.sbt-article-entete h1{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); line-height: 1.15; margin: 0; }
.sbt-article-chapo{ font-family: var(--sb-texte, 'Inter', system-ui, sans-serif); font-style: italic; font-size: clamp(1.0625rem,1rem + .3vw,1.3125rem); color: var(--sb-doux, #55607a); margin-top: 16px; }
.sbt-article-meta{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; font-size: .875rem; color: var(--sb-doux, #55607a); }
.sbt-article-meta img{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.sbt-article-meta-auteur{ color: inherit; font-weight: 600; text-decoration: none; }

.sbt-article-une{ max-width: var(--sb-conteneur, 1240px); margin: 28px auto 32px; padding-inline: var(--sb-gouttiere, 24px); }
.sbt-article-une-cadre{ aspect-ratio: 2.4 / 1; max-height: min(520px, 46vh); overflow: hidden; /* 01/10 : à 1440×900 le texte passait sous la ligne de flottaison (B-ART-09) */ border-radius: var(--sb-rayon, 14px); box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); }
.sbt-article-une-cadre img{ width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 640px){ .sbt-article-une-cadre{ aspect-ratio: auto; height: 220px; max-height: 220px; } }

/* Grille corps + rail — align-items:start obligatoire pour que le rail sticky
   (cf. partial-sidebar.css) tienne sur toute la hauteur du contenu. */
.sbt-article-mise-en-page{
	display: grid; grid-template-columns: minmax(0, var(--sb-lecture, 720px)) var(--sb-rail, 340px);
	column-gap: var(--sb-gouttiere, 24px); row-gap: var(--sb-gouttiere, 24px);
	max-width: var(--sb-conteneur, 1240px); margin-inline: auto;
	padding: 32px var(--sb-gouttiere, 24px) 64px; align-items: start; justify-content: center;
}
@media (max-width: 1080px){ .sbt-article-mise-en-page{ grid-template-columns: minmax(0,1fr); } .sbt-article-principal, .sbt-rail{ min-width: 0; } }
.sbt-article-mise-en-page--suite{ padding-top: 0; }

.sbt-article-corps{ font-size: 1.0625rem; line-height: 1.7; color: var(--sb-encre, #0f172a); font-family: var(--sb-texte, 'Inter', system-ui, sans-serif); }
.sbt-article-corps h2{ margin-top: 2.2em; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-article-corps h3{ margin-top: 1.8em; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-article-corps p{ margin-bottom: 1.3em; }
.sbt-article-corps img{ border-radius: var(--sb-rayon, 14px); margin-block: 1.6em; width: 100%; height: auto; }
.sbt-article-corps blockquote{
	margin: 1.8em 0; padding: 18px 24px; border-left: 4px solid var(--sb-accent, #2563eb);
	background: var(--sb-surf, #f4f5fa); border-radius: 8px; font-style: italic;
}

/* Sommaire replié en accordéon sur mobile uniquement (en desktop, il vit dans le rail —
   cf. partial-sidebar.php / partial-sommaire.php). */
.sbt-sommaire-mobile{ display: none; }
@media (max-width: 1080px){ .sbt-sommaire-mobile{ display: block; margin-bottom: 24px; } }
/* 01/10/2026 (baliturismo, juge visuel) : sous 1080px le rail passe SOUS l'article ; sa carte sommaire
   faisait doublon avec le sommaire mobile de tête (erreur n°6 « sommaire en double »). */
@media (max-width: 1080px){ .sbt-rail-carte--sommaire{ display: none; } }

/* « À lire aussi » (toujours un <div>, jamais un <article> — cf. single-article.php) */
.sbt-a-lire{ margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--sb-filet, #e2e5ef); }
.sbt-kicker{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .9375rem; font-weight: 700; margin-bottom: 12px; }
.sbt-grille{ display: grid; gap: var(--sb-gouttiere, 24px); }
.sbt-grille--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 760px){ .sbt-grille--3{ grid-template-columns: 1fr; } }
.sbt-carte{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-radius: var(--sb-rayon, 14px); overflow: hidden; box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08));
	transition: transform .2s ease, box-shadow .2s ease;
}
.sbt-carte:hover{ transform: translateY(-4px); box-shadow: var(--sb-ombre-forte, 0 16px 40px rgba(15,23,42,.16)); }
.sbt-carte a{ display: block; color: inherit; text-decoration: none; }
.sbt-carte img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.sbt-carte-corps{ padding: 18px; }
.sbt-carte-corps h3{ margin: 0; font-size: 1.0625rem; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }

.sbt-article-commentaires{ margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--sb-filet, #e2e5ef); }

/* 01/10 (accessoiriste.net) : un seul sommaire visible par largeur — la carte du rail se masque quand l'accordéon mobile s'affiche. */
@media (max-width: 1080px){ .sbt-rail-carte--sommaire{ display: none; } }
/* 05/10 (operations-digestives, juge visuel) : sous-titres collés au paragraphe suivant (marge basse 0 px mesurée) */
.sbt-article-corps h2{ margin-bottom: .6em; }
.sbt-article-corps h3{ margin-bottom: .45em; }

/*
 * BLOC FIGÉ — BARRE LATÉRALE D'ARTICLE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-rail` / `.cdw-rail-carte`
 * (lignes ~854-861, renommées `.sbt-rail*` ici) — commentaire garde-fou d'origine
 * CONSERVÉ TEL QUEL ci-dessous (règle la plus importante de ce bloc).
 *
 * Inspiration secondaire documentée (pas copiée en entier) : amatauto.fr fait basculer
 * sa colonne latérale en bloc STATIQUE empilé sous le texte à partir de 1100px
 * (assets/css/v2.css, `.a2-art__cote { position: sticky; ... }` +
 * `@media (max-width: 1100px) { .a2-art__cote { position: static; } }`) — repris ici en
 * option mobile (media query 1080px, cohérente avec le point de rupture de
 * `.sbt-article-mise-en-page` dans single-article.css).
 */

/* Rail sticky — collé à la colonne de texte, séparation par un filet interne, jamais un
   gap blanc entre les deux colonnes. */
.sbt-rail{
	position: sticky; top: 96px; align-self: start;
	display: flex; flex-direction: column; gap: 20px;
	border-left: 1px solid var(--sb-filet, #e2e5ef); padding-left: 20px;
}
/* ⛔ GARDE-FOU (conservé tel quel depuis curieux-du-web.com, retour Mathias ×3) : jamais
   de overflow-y ni de max-height ici — la colonne reste collante et accompagne TOUTE la
   lecture de l'article jusqu'en bas, sans sa propre barre de défilement interne. */
.sbt-rail-carte{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-radius: var(--sb-rayon, 14px); padding: 18px;
}
.sbt-rail-carte .sbt-t4, .sbt-rail-carte h4{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .875rem;
	text-transform: uppercase; letter-spacing: .04em; color: var(--sb-doux, #55607a); margin: 0 0 10px;
}

/* Option mobile (inspirée d'amatauto.fr, cf. en-tête) : sous 1080px, la grille parente
   passe déjà en une colonne (cf. .sbt-article-mise-en-page dans single-article.css) — le
   rail redevient donc naturellement un bloc statique empilé sous le texte. */
@media (max-width: 1080px){
	.sbt-rail{ position: static; border-left: 0; padding-left: 0; border-top: 1px solid var(--sb-filet, #e2e5ef); padding-top: 20px; }
}

/* Sommaire tel qu'affiché dans le rail (cf. partial-sommaire.css pour le détail des
   classes `.sbt-sommaire*`) : pas de style supplémentaire ici, la carte du rail suffit. */

/*
 * BLOC FIGÉ — SOMMAIRE (thématique) — CSS
 * CSS volontairement simple (voir partial-sommaire.php : la robustesse de ce bloc est
 * dans le PHP — ids séquentiels, exclusion FAQ/Sources, seuil de 3 titres — pas dans son
 * habillage). Inspiré du rendu `<details>` natif de health-nutrition-cambrai.fr
 * (« Bien Vivre Santé »), classes renommées `.sbt-sommaire*`.
 */

.sbt-sommaire{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-left: 4px solid var(--sb-accent, #2563eb); border-radius: var(--sb-rayon, 14px);
	padding: 16px 20px;
}
.sbt-sommaire-titre{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700;
	font-size: .9375rem; cursor: pointer; list-style: none;
}
.sbt-sommaire-titre::-webkit-details-marker{ display: none; }
.sbt-sommaire ol{ list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sbt-sommaire li a{
	display: flex; align-items: baseline; gap: 10px; font-size: .9375rem;
	color: var(--sb-encre, #0f172a); text-decoration: none;
}
.sbt-sommaire li a:hover{ color: var(--sb-accent, #2563eb); text-decoration: underline; }
.sbt-sommaire-num{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: .75rem;
	color: var(--sb-encre, #0f172a); background: var(--sb-surf, #f4f5fa); border-radius: 50%;
	width: 20px; height: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}

/*
 * BLOC FIGÉ — ENCADRÉS « LE SAVIEZ-VOUS » / « POINTS À RETENIR » (thématique) — CSS
 * Origine : amatauto.fr, assets/css/v2.css, règles `.amat-encadre--retenir` / `.a2-saviez`
 * (renommées `.sbt-encadre--retenir` / `.sbt-encadre--saviez` ici). Habillage simplifié
 * (gradients/decorations ::before retirés pour rester générique et léger), la structure
 * (grille icône + texte pour « le saviez-vous », liste à puces pour « points à retenir »)
 * est conservée.
 */

.sbt-encadre{ margin-block: 2em; border-radius: var(--sb-rayon-grand, 22px); }

.sbt-encadre-titre{
	margin: 0 0 12px; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif);
	font-weight: 700; font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em;
}

/* « Points à retenir » — fond foncé, liste à puces check. */
.sbt-encadre--retenir{
	background: var(--sb-fonce, #141733); color: var(--sb-sur-fonce, #ffffff);
	padding: 28px 30px;
}
.sbt-encadre--retenir .sbt-encadre-titre{ color: var(--sb-accent-clair, #93c5fd); }
.sbt-retenir-liste{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sbt-retenir-liste li{
	position: relative; padding-left: 32px; font-size: 1rem; line-height: 1.55;
}
.sbt-retenir-liste li::before{
	content: ""; position: absolute; left: 0; top: .15em; width: 20px; height: 20px; border-radius: 50%;
	background: var(--sb-accent, #2563eb)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
		center / 12px no-repeat;
}

/* « Le saviez-vous ? » — encadré clair, icône ampoule. */
.sbt-encadre--saviez{
	display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start;
	padding: 22px 24px; background: var(--sb-surf, #f4f5fa);
}
.sbt-encadre--saviez::before{
	content: "?"; grid-row: 1 / span 2; width: 48px; height: 48px; border-radius: 14px;
	background: var(--sb-accent, #2563eb); color: #fff; display: flex; align-items: center; justify-content: center;
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: 1.375rem;
}
.sbt-encadre--saviez .sbt-encadre-titre{ grid-column: 2; margin: 0; color: var(--sb-encre, #0f172a); }
.sbt-encadre--saviez p:not(.sbt-encadre-titre){ grid-column: 2; margin: 0; font-size: 1rem; line-height: 1.6; color: var(--sb-encre, #0f172a); }

@media (max-width: 620px){
	.sbt-encadre--saviez{ grid-template-columns: 1fr; }
	.sbt-encadre--saviez::before{ grid-row: 1; }
	.sbt-encadre--saviez .sbt-encadre-titre, .sbt-encadre--saviez p:not(.sbt-encadre-titre){ grid-column: 1; }
}
/* 04/10/2026 (invalidcast.com) : la règle de liste du corps d'article écrasait le retrait → la coche mangeait la 1re lettre. */
.sbt-article-corps .sbt-retenir-liste{ padding: 0; margin: 0; list-style: none; }
.sbt-article-corps .sbt-retenir-liste li{ padding-left: 34px; margin: 0; text-indent: 0; }

/*
 * BLOC FIGÉ — FAQ EN ACCORDÉON (thématique) — CSS
 * Visuel inspiré du rendu RÉEL de solutionminceur.fr, classes `.smr-faq*` récupérées par
 * un unique curl en lecture seule sur
 * `https://solutionminceur.fr/wp-content/themes/solutionminceur-v2/roxane.css`
 * (fichier CSS distant, absent du mirroir local du chantier — ce curl a RÉUSSI, voir
 * README). Classes renommées `.sbt-faq*` ici, variables de couleur remplacées par des
 * `var(--sb-*, repli)` génériques.
 *
 * Mécanisme accordéon (natif <details>/<summary>, sans JS) : cf. partial-faq.php, origine
 * health-nutrition-cambrai.fr.
 */

.sbt-faq{ margin: 56px 0; padding: 30px; border-radius: var(--sb-rayon-grand, 22px); background: var(--sb-surf, #f4f5fa); border: 1px solid var(--sb-filet, #e2e5ef); }
.sbt-faq-liste{ display: grid; gap: 10px; }
.sbt-faq-liste details{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef) !important;
	border-radius: 14px; padding: 0 !important; transition: box-shadow .25s ease, border-color .25s ease;
}
.sbt-faq-liste details[open]{ box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); border-color: var(--sb-accent, #2563eb) !important; }
.sbt-faq-liste summary{
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
	gap: 18px; padding: 18px 20px; font-size: 1.03rem; font-weight: 600; line-height: 1.45; color: var(--sb-encre, #0f172a);
}
.sbt-faq-liste summary::-webkit-details-marker{ display: none; }
.sbt-faq-liste summary::after{
	content: ""; width: 30px; height: 30px; flex: none; border-radius: 50%;
	background: var(--sb-surf, #f4f5fa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 15px no-repeat;
	transition: transform .3s ease;
}
.sbt-faq-liste details[open] summary::after{ transform: rotate(135deg); }
.sbt-faq-liste summary:hover{ color: var(--sb-accent, #2563eb); }
.sbt-faq-reponse{ padding: 0 20px 18px; font-size: .96875rem; line-height: 1.75; color: var(--sb-doux, #55607a); }
.sbt-faq-reponse p{ margin: 0 0 14px; }
.sbt-faq-reponse p:last-child{ margin-bottom: 0; }

@media (max-width: 760px){
	.sbt-faq{ padding: 20px; }
}

/*
 * BLOC FIGÉ — SIGNATURE / BOÎTE AUTEUR (thématique) — CSS
 * Visuel inspiré du rendu RÉEL de solutionminceur.fr, classes `.smr-auteur*` récupérées
 * par le même curl en lecture seule que partial-faq.css (roxane.css, voir README).
 * Classes renommées `.sbt-auteur*` ici, variables de couleur remplacées par des
 * `var(--sb-*, repli)` génériques.
 */

.sbt-auteur{
	display: grid; grid-template-columns: 120px 1fr; gap: 26px; margin: 54px 0 10px;
	padding: 30px; border-radius: var(--sb-rayon-grand, 22px);
	background: var(--sb-surf, #f4f5fa); border: 1px solid var(--sb-filet, #e2e5ef);
}
.sbt-auteur-photo img{
	width: 120px; height: 120px; border-radius: 50%; object-fit: cover;
	box-shadow: 0 0 0 5px var(--sb-fond-carte, #ffffff), var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08));
}
.sbt-auteur-sur{ margin: 0 0 2px; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--sb-doux, #55607a); }
.sbt-auteur-nom{ font-size: 1.5rem; margin: 0 0 4px; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-auteur-nom a{ color: var(--sb-encre, #0f172a); text-decoration: none; }
.sbt-auteur-nom a:hover{ text-decoration: underline; }
.sbt-auteur-role{ margin: 0 0 12px; font-size: .8125rem; font-weight: 600; color: var(--sb-accent, #2563eb); text-transform: uppercase; letter-spacing: .05em; }
.sbt-auteur-bio{ font-size: .96875rem; line-height: 1.7; color: var(--sb-encre, #0f172a); margin: 0 0 16px; }
.sbt-auteur-chiffres{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sbt-auteur-chiffres span{ background: var(--sb-fond-carte, #ffffff); border-radius: 12px; padding: 8px 12px; font-size: .78125rem; color: var(--sb-doux, #55607a); }
.sbt-auteur-chiffres b{ color: var(--sb-encre, #0f172a); margin-right: 4px; }
.sbt-auteur-der{ margin-bottom: 18px; }
.sbt-auteur-der p{ margin: 0 0 6px; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--sb-doux, #55607a); }
.sbt-auteur-der a{ display: block; font-size: .9375rem; font-weight: 500; padding: 6px 0; color: var(--sb-encre, #0f172a); text-decoration: none; border-bottom: 1px dashed var(--sb-filet, #e2e5ef); }
.sbt-auteur-der a:hover{ color: var(--sb-accent, #2563eb); }
.sbt-auteur-actions{ display: flex; flex-wrap: wrap; gap: 10px; }
.sbt-auteur-actions .sbt-btn{
	display: inline-block; padding: 10px 18px; border-radius: 999px; font-size: .875rem; font-weight: 600;
	text-decoration: none; background: var(--sb-accent, #2563eb); color: #fff;
}
.sbt-auteur-actions .sbt-btn--fantome{ background: transparent; border: 1.5px solid var(--sb-filet, #e2e5ef); color: var(--sb-encre, #0f172a); }

@media (max-width: 700px){
	.sbt-auteur{ grid-template-columns: 1fr; padding: 22px; }
	.sbt-auteur-photo img{ width: 88px; height: 88px; }
}

/*
 * BLOC FIGÉ — PIED DE PAGE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-footer*` / `.cdw-cookies*` /
 * `.cdw-popup-sortie*` / `.cdw-btn*` (renommées `.sbt-footer*` / `.sbt-cookies*` /
 * `.sbt-popup-sortie*` / `.sbt-btn*` ici).
 */

.sbt-btn{
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 13px 24px; border-radius: 999px; font-weight: 700; font-size: 1rem;
	background: var(--sb-accent, #2563eb); color: #fff; text-decoration: none; border: 0; cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease;
}
.sbt-btn:hover{ transform: translateY(-2px); box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); }
.sbt-btn--petit{ padding: 10px 18px; font-size: .875rem; }
.sbt-btn--fantome{ background: transparent; border: 1.5px solid rgba(255,255,255,.5); color: inherit; }

.sbt-footer{ background: var(--sb-fonce, #141733); color: var(--sb-sur-fonce, #ffffff); padding-block: clamp(40px,6vw,64px) 24px; }
.sbt-footer a{ color: #c4c7e4; text-decoration: none; }
.sbt-footer a:hover{ color: #fff; }

.sbt-footer-cta{
	display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
	padding: 24px 28px; margin-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.12);
}
@media (max-width: 600px){ .sbt-footer-cta{ padding: 20px; } } /* 04/10/2026 (invalidcast.com) : texte collé au bord dès qu'un thème donne un fond de carte au bandeau */
.sbt-footer-cta .sbt-t3{ color: #fff; margin: 0 0 4px; font-size: 1.25rem; }
.sbt-footer-cta p{ color: #a9acd0; margin: 0; max-width: 46ch; }

.sbt-footer-grille{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.12); }
@media (max-width: 980px){ .sbt-footer-grille{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px){ .sbt-footer-grille{ grid-template-columns: 1fr; } }
.sbt-footer-colonne .sbt-t4{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: #8b8fb5; margin: 0 0 14px; }
.sbt-footer-colonne ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sbt-footer-colonne ul a{ font-size: .875rem; }
.sbt-footer-logo{ display: block; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: 1.125rem; color: #fff; margin-bottom: 14px; }
.sbt-footer-desc{ color: #a9acd0; font-size: .9375rem; margin: 0; max-width: 32ch; }
.sbt-footer-contact{ display: flex; flex-direction: column; gap: 8px; font-size: .875rem; }

.sbt-footer-bas{ padding-top: 20px; font-size: .8125rem; color: #8b8fb5; }

/* Bandeau cookies — deux boutons de MÊME poids (même classe .sbt-btn/.sbt-btn--petit),
   jamais un seul « J'ai compris » qui vaudrait acceptation forcée. */
.sbt-cookies{
	position: fixed; left: 8px; right: 8px; bottom: 8px; z-index: 80;
	background: var(--sb-fonce, #141733); color: #fff; border-radius: 12px;
	padding: 10px 14px; display: none; align-items: center; gap: 12px;
	box-shadow: var(--sb-ombre-forte, 0 16px 40px rgba(15,23,42,.16)); max-height: 64px; overflow: hidden;
}
.sbt-cookies.est-visible{ display: flex; }
.sbt-cookies p{ margin: 0; flex: 1; min-width: 0; font-size: .75rem; line-height: 1.3; }
.sbt-cookies-actions{ display: flex; gap: 8px; flex-shrink: 0; }
.sbt-cookies .sbt-btn{ flex-shrink: 0; padding: 8px 14px; min-height: 32px; font-size: .8125rem; }

/* Popup de sortie — jamais de colonne image vide : si pas d'image, la boîte bascule sur
   une seule colonne (cf. .sbt-popup-sortie-boite--sans-image). */
.sbt-popup-sortie{ position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 20px; }
.sbt-popup-sortie.est-ouvert{ display: flex; }
.sbt-popup-sortie-fond{ position: absolute; inset: 0; background: rgba(15,23,42,.7); }
.sbt-popup-sortie-boite{
	position: relative; z-index: 1; background: var(--sb-fond-carte, #ffffff); border-radius: var(--sb-rayon, 14px);
	max-width: 720px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden;
	box-shadow: var(--sb-ombre-forte, 0 16px 40px rgba(15,23,42,.16)); max-height: 90vh;
}
.sbt-popup-sortie-boite--sans-image{ grid-template-columns: 1fr; max-width: 480px; }
@media (max-width: 640px){ .sbt-popup-sortie-boite{ grid-template-columns: 1fr; max-height: 85vh; overflow-y: auto; } }
.sbt-popup-sortie-image{ min-height: 220px; }
.sbt-popup-sortie-image img{ width: 100%; height: 100%; object-fit: cover; }
.sbt-popup-sortie-texte{ padding: 28px; color: var(--sb-encre, #0f172a); }
.sbt-popup-sortie-fermer{
	position: absolute; top: 12px; right: 12px; z-index: 2; width: 40px; height: 40px; border-radius: 50%;
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.sbt-popup-sortie-fermer svg{ width: 20px; height: 20px; }

/* ==========================================================================
   Testorama — to-scanner : habillage complet (chargé APRÈS les blocs figés).
   Procédés : bande de radiographie (.to-bande), viseur à 4 coins (.to-coin),
   rideau à lamelles (.to-lamelles), pastille de verdict, jauge de confiance.
   ========================================================================== */

/* ---------- Boutons ---------- */
.to-btn,.sbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px 11px;border:0;border-radius:999px;background:var(--sb-accent);color:var(--sb-encre);font:700 16px/1.1 var(--sb-texte);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 16px -6px rgba(242,102,27,.6);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.to-btn:hover,.sbt-btn:hover{background:#F57A35;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 22px -8px rgba(242,102,27,.7);text-decoration:none}
.to-btn:active{transform:translateY(0)}
.to-btn[disabled]{opacity:.65;cursor:progress}
.to-btn--petit{min-height:44px;padding:10px 18px 9px;font-size:15px}
.to-btn--fantome{background:transparent;color:var(--sb-encre);box-shadow:inset 0 0 0 2px var(--sb-encre)}
.to-btn--fantome:hover{background:var(--sb-encre);color:#fff}
.to-icone{width:20px;height:20px;flex:none}
.to-lien-section{display:inline-flex;align-items:center;gap:6px;font:700 15px/1.2 var(--sb-texte);color:var(--sb-accent-texte);text-decoration:none}
.to-lien-section .to-icone{width:18px;height:18px;transition:transform .2s ease}
.to-lien-section:hover .to-icone{transform:translateX(3px)}
.to-lien-section:hover{text-decoration:underline}

/* ---------- En-tête collant ---------- */
.to-entete{position:sticky;top:0;z-index:60;background:rgba(242,245,244,.9);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.to-entete.est-defile{border-bottom-color:var(--sb-filet);box-shadow:0 6px 20px -14px rgba(19,42,58,.4)}
.admin-bar .to-entete{top:32px}
.to-entete-in{max-width:var(--sb-conteneur);margin-inline:auto;padding-inline:var(--sb-gouttiere);height:var(--to-entete-h);display:flex;align-items:center;gap:20px}
.to-entete-logo{text-decoration:none;color:var(--sb-encre);flex:none}
.to-logo{display:inline-flex;align-items:center;gap:10px;color:var(--sb-encre)}
.to-logo-symbole{width:40px;height:40px;flex:none}
.to-logo-texte{display:flex;flex-direction:column;line-height:1}
.to-logo-nom{font:800 27px/1 var(--sb-titre);letter-spacing:-.01em}
.to-logo-signature{font:600 12px/1.2 var(--sb-texte);color:var(--sb-doux);margin-top:3px;white-space:nowrap}
.to-logo--clair,.to-logo--clair .to-logo-signature{color:#fff}
.to-logo--clair .to-logo-signature{color:#C9DEDC}
.to-nav{margin-left:auto}
.to-nav-liste{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.to-nav-liste a{display:block;padding:10px 11px 9px;border-radius:999px;font:600 15px/1.2 var(--sb-texte);color:var(--sb-encre);text-decoration:none;white-space:nowrap;position:relative}
.to-nav-liste a:hover{background:rgba(19,42,58,.06)}
.to-nav-liste a[aria-current="page"]{color:var(--sb-encre)}
.to-nav-liste a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:3px;background:var(--sb-accent)}
.to-entete-actions{display:flex;align-items:center;gap:8px;flex:none}
.to-entete-bouton{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:999px;color:var(--sb-encre);cursor:pointer}
.to-entete-bouton:hover{background:rgba(19,42,58,.07)}
.to-nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px 9px;border-radius:999px;background:var(--sb-encre);color:#fff;font:700 15px/1.1 var(--sb-texte);text-decoration:none;white-space:nowrap;transition:background-color .2s ease}
.to-nav-cta:hover{background:var(--sb-fonce)}
.to-nav-cta--mobile,.to-burger{display:none}
.to-burger .to-icone--croix{display:none}
.to-recherche{border-top:1px solid var(--sb-filet);background:var(--sb-fond)}
.to-recherche-form{max-width:720px;margin:0 auto;padding:14px var(--sb-gouttiere);display:flex;gap:10px}
.to-recherche-form input{flex:1;min-width:0;height:48px;border:1.5px solid var(--sb-filet);border-radius:999px;padding:0 18px;background:#fff}
@media (max-width:1180px){
	.to-burger{display:inline-flex}
	.to-entete-actions .to-nav-cta{display:none}
	.to-nav{position:absolute;left:0;right:0;top:100%;background:var(--sb-fond);border-bottom:1px solid var(--sb-filet);box-shadow:0 20px 40px -20px rgba(19,42,58,.35);padding:12px var(--sb-gouttiere) 20px;display:none}
	.to-entete.menu-ouvert .to-nav{display:block}
	.to-entete.menu-ouvert .to-burger .to-icone--menu{display:none}
	.to-entete.menu-ouvert .to-burger .to-icone--croix{display:block}
	.to-nav-liste{flex-direction:column;align-items:stretch;gap:0}
	.to-nav-liste a{padding:14px 8px;border-radius:10px;font-size:17px;border-bottom:1px solid var(--sb-filet)}
	.to-nav-liste a[aria-current="page"]::after{left:8px;right:auto;width:28px;bottom:6px}
	.to-nav-cta--mobile{display:flex;justify-content:center;margin-top:14px;background:var(--sb-accent);color:var(--sb-encre)}
	.to-entete-actions{margin-left:auto}
}
@media (max-width:760px){:root{--to-entete-h:62px}.to-logo-symbole{width:34px;height:34px}.to-logo-nom{font-size:24px}.to-logo-signature{font-size:11px}}
@media (max-width:360px){.to-logo-signature{display:none}}

/* ---------- Procédés signature ---------- */
.to-viseur{position:relative}
.to-coin{position:absolute;z-index:4;width:22px;height:22px;border:0 solid var(--sb-accent);pointer-events:none}
.to-coin--hg{top:-14px;left:-14px;border-top-width:3px;border-left-width:3px;border-top-left-radius:4px}
.to-coin--hd{top:-14px;right:-14px;border-top-width:3px;border-right-width:3px;border-top-right-radius:4px}
.to-coin--bg{bottom:-14px;left:-14px;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:4px}
.to-coin--bd{bottom:-14px;right:-14px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:4px}
.to-viseur--petit .to-coin{width:12px;height:12px}
.to-viseur--petit .to-coin--hg,.to-viseur--petit .to-coin--hd{top:-7px}
.to-viseur--petit .to-coin--bg,.to-viseur--petit .to-coin--bd{bottom:-7px}
.to-viseur--petit .to-coin--hg,.to-viseur--petit .to-coin--bg{left:-7px}
.to-viseur--petit .to-coin--hd,.to-viseur--petit .to-coin--bd{right:-7px}

/* Bande de radiographie : la photo vue en fausses couleurs sous la bande, bordée d'un laser orange. */
.to-bande{position:absolute;top:0;bottom:0;left:0;width:22%;z-index:2;pointer-events:none;-webkit-backdrop-filter:invert(1) hue-rotate(180deg) saturate(2.4) contrast(1.1);backdrop-filter:invert(1) hue-rotate(180deg) saturate(2.4) contrast(1.1);border-right:3px solid var(--sb-accent);box-shadow:8px 0 22px -6px rgba(242,102,27,.65);transform:translateX(-112%)}
.to-bande--hero{transform:translateX(150%);animation:to-balaye 1.2s cubic-bezier(.55,.05,.25,1) .3s both}
@keyframes to-balaye{from{transform:translateX(-112%)}to{transform:translateX(150%)}}
.to-carte .to-bande{transition:transform .6s cubic-bezier(.5,0,.3,1)}
.to-carte:hover .to-bande,.to-carte:focus-visible .to-bande{transform:translateX(470%)}

/* Rideau à lamelles du tunnel. */
.to-lamelles{display:flex;justify-content:flex-end;gap:3px;pointer-events:none}
.to-lamelles i{flex:1 1 0;min-width:8px;background:linear-gradient(180deg,rgba(12,59,64,.42),rgba(12,59,64,.30));border-radius:0 0 7px 7px;box-shadow:inset 1px 0 0 rgba(255,255,255,.18);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.to-lamelles i:nth-child(8n+1){height:100%}.to-lamelles i:nth-child(8n+2){height:91%}.to-lamelles i:nth-child(8n+3){height:97%}.to-lamelles i:nth-child(8n+4){height:86%}
.to-lamelles i:nth-child(8n+5){height:95%}.to-lamelles i:nth-child(8n+6){height:89%}.to-lamelles i:nth-child(8n+7){height:99%}.to-lamelles i:nth-child(8n+8){height:84%}

/* Repli d'une photo absente : verre + trame de mire (jamais une case vide). */
.to-repli{position:relative;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--sb-encre);background-color:#E7EEEC;background-image:linear-gradient(rgba(19,42,58,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(19,42,58,.07) 1px,transparent 1px),radial-gradient(120% 90% at 25% 15%,#FFFFFF 0,#E3EBE9 70%);background-size:24px 24px,24px 24px,100% 100%;text-align:center;padding:12px}
.to-repli-symbole{width:46px;height:46px;opacity:.85}
.to-repli-mot{font:700 16px/1.15 var(--sb-titre);color:var(--sb-doux);max-width:90%}
.to-repli--hero .to-repli-symbole{width:96px;height:96px}
.to-repli--hero .to-repli-mot{font-size:22px}

/* Pastilles : verdict (mot toujours écrit) ou rubrique. */
.to-pastille{display:inline-flex;align-items:center;max-width:100%;padding:7px 13px 6px;border-radius:999px;font:700 14px/1 var(--sb-texte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;background:var(--sb-encre)}
.to-pastille--fiable{background:var(--sb-fiable);color:#fff}
.to-pastille--prudence{background:var(--sb-prudence);color:var(--sb-encre)}
.to-pastille--eviter{background:var(--sb-fuir);color:#fff}
.to-rub--sites-marchands{background:var(--to-rub-sites-marchands)}
.to-rub--seconde-main{background:var(--to-rub-seconde-main)}
.to-rub--services-en-ligne{background:var(--to-rub-services-en-ligne)}
.to-rub--vos-droits{background:var(--to-rub-vos-droits)}
.to-rub--bancs-d-essai{background:var(--to-rub-bancs-d-essai)}
.to-rub--actualite{background:var(--to-rub-actualite);color:var(--sb-encre)}
.to-pastille--cheval{position:absolute;left:16px;bottom:-13px;z-index:3;max-width:calc(100% - 32px);box-shadow:0 4px 12px -4px rgba(19,42,58,.45)}

/* Jauge de confiance (10 segments rouge → moutarde → vert, curseur orange). */
.to-jauge{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;position:relative}
.to-jauge i{display:block;height:100%;border-radius:3px;background:rgba(255,255,255,.16)}
.to-jauge i:nth-child(1),.to-jauge i:nth-child(2),.to-jauge i:nth-child(3){--to-seg:#C62F2F}
.to-jauge i:nth-child(4),.to-jauge i:nth-child(5),.to-jauge i:nth-child(6),.to-jauge i:nth-child(7){--to-seg:#E2A200}
.to-jauge i:nth-child(8),.to-jauge i:nth-child(9),.to-jauge i:nth-child(10){--to-seg:#17804A}
.to-jauge i.on{background:var(--to-seg)}
.to-jauge--mini{width:120px;height:8px;gap:3px}
.to-jauge--mini i{background:rgba(19,42,58,.14)}
.to-jauge--grande{height:20px}
.to-jauge-curseur{position:absolute;top:-12px;left:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--sb-accent);transform:translateX(-8px);transition:left .45s cubic-bezier(.4,0,.2,1);opacity:0}
.to-jauge--grande.est-active .to-jauge-curseur{opacity:1}

/* ---------- Sections de l'accueil ---------- */
.to-section{position:relative}
.to-fond-blanc{background:#fff}
.to-fond-verre{background:var(--sb-fond)}
.to-fond-nuit{background:var(--sb-fonce);color:#fff}
.to-section:not(.to-hero){padding-block:40px}
.to-section-tete{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.to-section-tete h2{margin:0}
.to-compteur-mini{font:600 15px/1 var(--sb-texte);color:var(--sb-doux);white-space:nowrap}
.to-compteur-mini strong{font:800 26px/1 var(--sb-titre);color:var(--sb-encre);margin-right:4px;font-variant-numeric:tabular-nums}
[data-to-compteur]{font-variant-numeric:tabular-nums}
.to-accueil .to-section:last-of-type{padding-bottom:64px}

/* ---------- S1 Hero : colis ouvert au scanner ---------- */
.to-hero{background-color:var(--sb-fond);background-image:linear-gradient(rgba(213,222,221,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(213,222,221,.55) 1px,transparent 1px);background-size:32px 32px;padding:28px 0 40px;overflow:clip}
.to-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,rgba(242,245,244,0),var(--sb-fond));pointer-events:none}
.to-hero-grille{position:relative;z-index:1;max-width:var(--sb-conteneur);margin-inline:auto;padding-inline:var(--sb-gouttiere);display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);column-gap:24px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"titre visuel" "chapo visuel" "preuve visuel" "carte visuel"}
.to-hero-titre{grid-area:titre}
.to-hero h1{font-size:68px;line-height:.98;letter-spacing:-.012em;margin:4px 0 16px}
.to-ton2{font-weight:600;font-style:italic;color:var(--sb-accent-texte)}
.to-hero-chapo{grid-area:chapo;font-size:18px;line-height:1.5;color:var(--sb-doux);margin:0 0 18px;max-width:60ch}
.to-hero-preuve{grid-area:preuve;list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.to-hero-preuve li{display:flex;align-items:center;gap:8px}
.to-hero-preuve strong{font:800 44px/1 var(--sb-titre);color:var(--sb-encre);letter-spacing:-.01em}
.to-hero-preuve span{font:600 15px/1.2 var(--sb-texte);color:var(--sb-doux);max-width:11ch}
.to-hero-visuel{grid-area:visuel;position:relative;align-self:start;margin-top:14px}
.to-hero-cadre{height:clamp(420px,38.9vw,560px)}
.to-hero-photo{position:relative;height:100%;border-radius:var(--sb-rayon-grand);overflow:hidden;box-shadow:var(--sb-ombre-forte);background:#E7EEEC}
.to-hero-photo picture,.to-hero-photo img{width:100%;height:100%}
.to-hero-photo img{object-fit:cover;object-position:60% 50%}
.to-etiquette{position:absolute;top:18px;left:calc(33% + 12px);z-index:3;display:inline-grid;padding:7px 13px 6px;border-radius:999px;background:#fff;color:var(--sb-encre);font:700 14px/1 var(--sb-texte);box-shadow:0 6px 16px -6px rgba(19,42,58,.45);white-space:nowrap}
.to-etiquette>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px}
.to-etiquette .to-icone{width:16px;height:16px;color:var(--sb-fiable)}
.to-etiquette-a{animation:to-sort .25s ease 1.5s both}
.to-etiquette-b{animation:to-entre .3s ease 1.6s both}
@keyframes to-sort{to{opacity:0}}
@keyframes to-entre{from{opacity:0}to{opacity:1}}
.to-releve{position:absolute;right:20px;bottom:20px;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 14px 8px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px -10px rgba(19,42,58,.5);font:600 14px/1 var(--sb-texte);color:var(--sb-encre)}
.to-releve .to-jauge i.on{background:var(--to-seg)}
.to-lamelles--hero{position:absolute;z-index:3;top:-10px;right:-24px;width:118px;height:62%}
.to-hero-carte{grid-area:carte;position:relative;z-index:5;align-self:start;width:min(720px,calc(100% + 120px))}
@media (min-width:1600px){
	.to-hero-grille{max-width:1320px;grid-template-columns:minmax(0,700px) minmax(0,1fr)}
	.to-hero h1{font-size:74px}
	.to-hero-cadre{height:640px}
}
@media (max-width:1199px){
	.to-hero-grille{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
	.to-hero h1{font-size:54px}
	.to-hero-carte{width:calc(100% + 60px)}
}

/* ---------- Carte d'action « Ce site est-il fiable ? » ---------- */
.to-form-carte{position:relative;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--to-ombre-action);padding:22px 24px 20px;color:var(--sb-encre)}
.to-form-carte::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--sb-accent);box-shadow:0 0 12px rgba(242,102,27,.55)}
.to-form{margin:0}
.to-form-etape:not(.est-active){display:none}
.to-form-titre{font:700 28px/1.05 var(--sb-titre);margin:0 0 12px;color:var(--sb-encre)}
.to-form-titre--petit{font-size:24px}
.to-form-label{display:block;font:600 14px/1.2 var(--sb-texte);color:var(--sb-doux);margin-bottom:6px}
.to-facultatif{font-weight:400}
.to-form-ligne{position:relative;display:flex;gap:10px;align-items:stretch}
.to-form-champ{position:relative;flex:1;min-width:0}
.to-form input[type="text"],.to-form input[type="email"],.to-form select,.to-form textarea{width:100%;height:50px;border:1.5px solid var(--sb-filet);border-radius:6px;background:#F8FAFA;padding:0 14px;font:400 16px/1.2 var(--sb-texte);color:var(--sb-encre);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.to-form textarea{height:auto;min-height:110px;padding:12px 14px;line-height:1.5;resize:vertical}
.to-form input:focus,.to-form select:focus,.to-form textarea:focus{outline:none;border-color:var(--sb-encre);background:#fff;box-shadow:0 0 0 4px rgba(242,102,27,.18)}
.to-form input.est-erreur,.to-form textarea.est-erreur{border-color:var(--sb-fuir)}
.to-form-ligne .to-btn{flex:none;min-width:120px}
.to-raccourcis{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:12px 0 0;font:600 14px/1.3 var(--sb-texte);color:var(--sb-doux)}
.to-raccourcis a{color:var(--sb-encre);text-decoration:underline;text-decoration-color:rgba(19,42,58,.3);text-underline-offset:3px}
.to-raccourcis a:hover{color:var(--sb-accent-texte);text-decoration-color:currentColor}
.to-form-lien{display:inline-block;margin-top:10px;font:700 15px/1.35 var(--sb-texte);color:var(--sb-accent-texte)}
.to-form-texte{font-size:15.5px;line-height:1.5;margin:0 0 12px;color:var(--sb-encre)}
.to-form-duo{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.to-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.to-form-retour{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 4px;border:0;background:none;color:var(--sb-doux);font:600 14px/1 var(--sb-texte);cursor:pointer}
.to-form-retour:hover{color:var(--sb-encre)}
.to-form-retour .to-icone{width:18px;height:18px}
.to-rgpd{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--sb-doux)}
.to-rgpd a{color:var(--sb-accent-texte)}
.to-form-erreur{margin:8px 0 0;font:600 14px/1.4 var(--sb-texte);color:var(--sb-fuir)}
.to-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:6px;background:#fff;border-radius:12px;box-shadow:var(--sb-ombre-forte);border:1px solid var(--sb-filet);max-height:none}
.to-suggestions li{margin:0}
.to-suggestions a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;color:var(--sb-encre);text-decoration:none;font-size:15px;line-height:1.3}
.to-suggestions a:hover,.to-suggestions a.est-survol{background:var(--sb-accent-clair)}
.to-suggestions b{font-weight:700}
.to-suggestions .to-pastille{font-size:13px;padding:5px 10px 4px}
.to-form-trouve{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--sb-accent-clair);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.to-form-trouve p{margin:0;flex:1 1 220px;font-size:15px;line-height:1.4}
.to-form-trouve a.to-btn{min-height:44px}
/* Focus : le viseur à 4 coins encadre le champ. */
.to-viseur-focus .to-form-champ::before,.to-viseur-focus .to-form-champ::after{content:"";position:absolute;width:14px;height:14px;border:0 solid var(--sb-accent);opacity:0;transition:opacity .15s ease;pointer-events:none}
.to-viseur-focus .to-form-champ::before{top:-6px;left:-6px;border-top-width:3px;border-left-width:3px;border-top-left-radius:3px}
.to-viseur-focus .to-form-champ::after{bottom:-6px;right:-6px;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:3px}
.to-viseur-focus .to-form-champ:focus-within::before,.to-viseur-focus .to-form-champ:focus-within::after{opacity:1}
/* Variante barre latérale : compacte. */
.to-form-carte--rail{box-shadow:none;padding:18px 18px 16px;border-radius:var(--sb-rayon)}
.to-form-carte--rail::before{left:18px;right:18px}
.to-form-carte--rail .to-form-titre{font-size:24px;margin-bottom:10px}
.to-form-carte--rail .to-form-titre--petit{font-size:21px}
.to-form-carte--rail .to-form-ligne .to-btn{min-width:0;padding-inline:16px}
.to-form-carte--rail .to-form-duo{grid-template-columns:1fr}
.to-form-carte--rail .to-form-lien{font-size:14px}
.to-form-carte--rail .to-form-texte{font-size:14.5px}

/* ---------- Cartes d'articles ---------- */
.to-carte{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);overflow:hidden;color:var(--sb-encre);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.to-carte:hover{transform:translateY(-3px);box-shadow:var(--sb-ombre-forte);text-decoration:none}
.to-carte-photo{position:relative;display:block;flex:none}
.to-carte-cadre{position:absolute;inset:0;overflow:hidden;background:#E7EEEC}
.to-carte-cadre img,.to-carte-cadre .to-repli,.to-carte-vignette img,.to-carte-vignette .to-repli{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.to-carte:hover .to-carte-cadre img{transform:scale(1.02)}
.to-carte-corps{display:flex;flex-direction:column;gap:6px;padding:22px 18px 15px;flex:1;min-width:0}
.to-carte-titre{font:700 18px/1.28 var(--sb-texte);letter-spacing:0;color:var(--sb-encre);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.to-carte-chapo{font-size:14.5px;line-height:1.42;color:var(--sb-doux);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.to-carte-meta{font:600 14px/1.3 var(--sb-texte);color:var(--sb-doux);margin-top:auto;padding-top:2px}
.to-carte--avis .to-carte-photo{height:clamp(110px,8.4vw,160px)}
.to-grille-avis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
/* Une (grande carte) */
.to-carte--une .to-carte-photo{aspect-ratio:16/9}
.to-carte--une .to-carte-corps{padding:24px 22px 18px}
.to-carte--une .to-carte-titre{font:700 26px/1.08 var(--sb-titre);letter-spacing:-.005em}
.to-carte--une .to-carte-chapo{font-size:15.5px;-webkit-line-clamp:2}
/* Compacte (fil d'actualités) */
.to-carte--compacte{flex-direction:row;align-items:center;gap:16px;padding:12px 14px 12px 12px;box-shadow:none;border-radius:14px;background:transparent}
.to-carte--compacte:hover{background:#fff;box-shadow:var(--sb-ombre);transform:none}
.to-carte-vignette{flex:none;width:96px;height:96px;border-radius:14px;overflow:hidden;background:#E7EEEC}
.to-carte--compacte .to-carte-corps{padding:0;gap:4px}
.to-carte--compacte .to-carte-titre{font-size:16.5px;-webkit-line-clamp:3}
.to-carte--compacte .to-carte-meta{order:-1;margin:0;padding:0}
.to-carte--compacte .to-repli-mot,.to-carte--breve .to-repli-mot{display:none}
.to-carte--compacte .to-repli-symbole,.to-carte--breve .to-repli-symbole{width:30px;height:30px}
/* Brève (vignette ronde) */
.to-carte--breve{flex-direction:row;align-items:center;gap:14px;padding:6px 8px;box-shadow:none;background:transparent;border-radius:14px}
.to-carte--breve:hover{background:var(--sb-fond);transform:none;box-shadow:none}
.to-carte--breve .to-carte-vignette{width:64px;height:64px;border-radius:50%}
.to-carte--breve .to-carte-corps{padding:0;gap:2px}
.to-carte--breve .to-carte-titre{font-size:16px;-webkit-line-clamp:2}
.to-carte--breve .to-carte-meta{order:-1;margin:0;padding:0;font-size:14px}
/* Large (titre en surimpression) */
.to-carte--large{display:block;aspect-ratio:2/1;color:#fff}
.to-carte--large .to-carte-photo{position:absolute;inset:0}
.to-carte-voile{position:absolute;inset:auto 0 0 0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:60px 22px 18px;background:linear-gradient(180deg,rgba(12,59,64,0),rgba(12,59,64,.86) 55%,rgba(12,59,64,.94))}
.to-carte--large .to-carte-titre{font:700 26px/1.08 var(--sb-titre);color:#fff;-webkit-line-clamp:2}
.to-carte--large .to-carte-meta{color:#D7E8E6;margin:0;padding:0}
/* Portrait (bancs d'essai) */
.to-carte--portrait .to-carte-photo{aspect-ratio:4/5;max-height:270px}
.to-carte--portrait .to-carte-titre{-webkit-line-clamp:3;font-size:17px}
/* Liste (rubriques) */
.to-carte--liste .to-carte-photo{aspect-ratio:16/9}
.to-carte--liste .to-carte-chapo{-webkit-line-clamp:2}

/* ---------- S3 : la vérification en 8 points ---------- */
.to-s3{color:#fff;overflow:clip}
.to-s3::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px);pointer-events:none}
.to-s3-grille{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:stretch}
.to-s3-outil{background:rgba(255,255,255,.06);border:1px solid rgba(127,216,210,.22);border-radius:var(--sb-rayon-grand);padding:26px 28px 24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.to-s3-tete{margin-bottom:18px}
.to-s3-tete h2{color:#fff;margin-bottom:8px}
.to-s3-tete p{margin:0;color:#D3E6E4;font-size:16px;line-height:1.45}
.to-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;gap:8px 20px}
.to-point{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(127,216,210,.14)}
.to-point-num{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(127,216,210,.14);color:var(--sb-scan);font:800 15px/1 var(--sb-titre);font-variant-numeric:tabular-nums}
.to-point-q{font:600 15px/1.3 var(--sb-texte);color:#fff}
.to-point-choix{display:inline-flex;background:rgba(255,255,255,.08);border-radius:999px;padding:3px}
.to-point-choix button{min-width:48px;min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#E6F2F1;font:700 14px/1 var(--sb-texte);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.to-point-choix button:hover{background:rgba(255,255,255,.12)}
.to-point-choix button[aria-pressed="true"][data-to-rep="oui"]{background:var(--sb-scan);color:var(--sb-fonce)}
.to-point-choix button[aria-pressed="true"][data-to-rep="non"]{background:#F5B9A0;color:#5A1D05}
.to-point.est-non .to-point-num{background:rgba(245,185,160,.2);color:#F5B9A0}
.to-point.est-oui .to-point-num{background:var(--sb-scan);color:var(--sb-fonce)}
.to-s3-bilan{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:22px}
.to-jauge-bloc{flex:1;min-width:0;padding-top:14px}
.to-s3-verdict{margin:12px 0 0;font:600 15.5px/1.4 var(--sb-texte);color:#fff}
.to-s3-verdict strong{color:var(--sb-scan);font-weight:700}
.to-s3-photo{align-self:stretch;margin:14px}
.to-s3-photo-cadre{position:relative;height:100%;min-height:320px;border-radius:var(--sb-rayon-grand);overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.to-s3-photo-cadre img,.to-s3-photo-cadre .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- S4 : actualités ---------- */
.to-s4-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.to-s4-grille--seule{grid-template-columns:minmax(0,1fr)}
.to-s4-fil{display:flex;flex-direction:column}
.to-s4-fil .to-carte--compacte{border-radius:0;border-bottom:1px solid var(--sb-filet);position:relative}
.to-s4-fil .to-carte--compacte:last-child{border-bottom:0}
.to-s4-fil .to-carte--compacte[data-recent]::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--sb-accent)}
.to-s4-fil .to-carte--compacte[data-recent]{padding-left:18px}

/* ---------- S5 : en litige (bloc orange pâle) ---------- */
.to-s5{background:#fff}
.to-s5-bloc{background:var(--sb-accent-clair);border-radius:var(--sb-rayon-grand);padding:36px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:center;position:relative;overflow:hidden}
.to-s5-bloc::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:3px solid rgba(242,102,27,.18);border-radius:50%;pointer-events:none}
.to-s5-tete h2{margin-bottom:12px}
.to-s5-tete p{color:var(--sb-encre);font-size:16.5px;line-height:1.5;margin-bottom:16px}
.to-s5-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;z-index:1}
.to-tuile{display:flex;flex-direction:column;background:#fff;border-radius:var(--sb-rayon);overflow:hidden;box-shadow:var(--sb-ombre);color:var(--sb-encre);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.to-tuile:hover{transform:translateY(-3px);box-shadow:var(--sb-ombre-forte)}
.to-tuile-photo{display:block;aspect-ratio:16/10;overflow:hidden;background:#E7EEEC}
.to-tuile-photo img,.to-tuile-photo .to-repli{width:100%;height:100%;object-fit:cover}
.to-tuile-photo .to-repli-mot{display:none}
.to-tuile-corps{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}
.to-tuile-titre{font:700 16.5px/1.25 var(--sb-texte)}
.to-tuile-delai{display:flex;flex-direction:column;gap:4px}
.to-tuile-delai strong{font:800 clamp(30px,2.6vw,42px)/1 var(--sb-titre);color:var(--sb-accent-texte);letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.to-tuile-delai span{font-size:14px;line-height:1.35;color:var(--sb-doux)}

/* ---------- S6 : seconde main + services ---------- */
.to-s6-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.to-s6-rub{display:flex;flex-direction:column;gap:14px;min-width:0}
.to-s6-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.to-s6-tete h2{font-size:clamp(26px,1vw + 18px,34px)}
.to-s6-tete h2 a{color:inherit;text-decoration:none}
.to-s6-tete h2 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--sb-accent)}
.to-s6-breves{display:flex;flex-direction:column;gap:4px}

/* ---------- S7 : bancs d'essai ---------- */
.to-s7-grille{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.to-s7-tete h2{margin-bottom:20px}
.to-releve-carte{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:20px 20px 18px;border-left:4px solid var(--sb-accent)}
.to-releve-carte-lib{font:600 14px/1.2 var(--sb-texte);color:var(--sb-doux)}
.to-releve-carte-n{display:flex;align-items:center;gap:10px}
.to-releve-carte-n strong{font:800 56px/.9 var(--sb-titre);color:var(--sb-encre);letter-spacing:-.01em}
.to-releve-carte-n span{font:600 16px/1.2 var(--sb-texte);color:var(--sb-doux);max-width:10ch}
.to-s7-cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

/* ---------- S8 : comment on rédige un avis ---------- */
.to-s8-panneaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.to-panneau{background:var(--sb-fond);border-radius:var(--sb-rayon);overflow:hidden;display:flex;flex-direction:column}
.to-panneau-photo{display:block;height:170px;overflow:hidden;background:#E7EEEC}
.to-panneau-photo img,.to-panneau-photo .to-repli{width:100%;height:100%;object-fit:cover}
.to-panneau h3{font-size:22px;line-height:1.08;padding:18px 20px 0;margin:0 0 8px}
.to-panneau p{padding:0 20px 18px;margin:0;font-size:15.5px;line-height:1.5;color:var(--sb-doux)}
.to-s8-auteur{display:flex;align-items:center;gap:20px;margin-top:24px;padding:16px 22px;border-radius:var(--sb-rayon);background:var(--sb-fond)}
.to-s8-auteur p{margin:0;flex:1;font-size:16px;line-height:1.45}
.to-portrait{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.to-portrait--mono{display:inline-flex;align-items:center;justify-content:center;background:var(--sb-fonce);color:var(--sb-scan);font:800 24px/1 var(--sb-titre);letter-spacing:.02em}

/* ---------- Responsive accueil ---------- */
@media (max-width:1100px){
	.to-s3-grille{grid-template-columns:minmax(0,1fr) 300px}
	.to-s5-bloc{grid-template-columns:1fr}
	.to-s7-grille{grid-template-columns:1fr}
	.to-s7-tete{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
	.to-s7-tete h2{margin:0}
}
@media (max-width:900px){
	.to-hero{padding:16px 0 32px}
	.to-hero-grille{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"titre" "visuel" "carte" "chapo" "preuve"}
	.to-hero h1{font-size:40px;line-height:1;margin:0 0 16px}
	.to-hero-visuel{margin:0 14px}
	.to-hero-cadre{height:230px}
	.to-hero-photo{border-radius:22px}
	.to-lamelles--hero{right:0;top:0;width:64px;height:58%}
	.to-lamelles--hero i:nth-child(n+5){display:none}
	.to-releve{display:none}
	.to-etiquette{top:12px;font-size:13px}
	.to-hero-carte{width:auto;margin-top:-56px;margin-inline:0}
	.to-hero-chapo{margin:22px 0 14px}
	.to-hero-preuve{margin:0}
	.to-hero-preuve strong{font-size:36px}
	.to-s3-grille{grid-template-columns:1fr}
	.to-s3-photo{display:none}
	.to-s4-grille,.to-s6-grille{grid-template-columns:1fr}
	.to-s8-panneaux{grid-template-columns:1fr}
	.to-s7-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
	.to-section:not(.to-hero){padding-block:36px}
	.to-form-carte{padding:20px 18px 18px}
	.to-form-carte--hero .to-form-ligne{flex-direction:column}
	.to-form-carte--hero .to-form-ligne .to-btn{width:100%}
	.to-form-titre{font-size:24px}
	.to-form-duo{grid-template-columns:1fr}
	.to-form-actions{flex-direction:row-reverse}
	.to-form-actions .to-btn{flex:1}
	.to-grille-avis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-20px;padding:4px 20px 18px;scrollbar-width:none}
	.to-grille-avis::-webkit-scrollbar{display:none}
	.to-grille-avis>.to-carte{flex:0 0 82%;scroll-snap-align:start}
	.to-carte--avis .to-carte-photo{height:170px}
	.to-points{grid-template-columns:1fr}
	.to-s3-outil{padding:22px 18px}
	.to-s3-bilan{flex-direction:column;align-items:stretch}
	.to-s5-bloc{padding:24px 18px}
	.to-s5-tuiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.to-tuile-delai strong{font-size:30px}
	.to-tuile-corps{padding:12px}
	.to-carte--large{aspect-ratio:4/3}
	.to-s6-breves .to-carte--breve:nth-child(n+3){display:none}
	.to-s8-auteur{flex-wrap:wrap}
}
@media (max-width:420px){.to-s7-cartes{grid-template-columns:1fr 1fr;gap:12px}.to-carte--portrait .to-carte-titre{font-size:15.5px}}

/* ==========================================================================
   Pied de page (bloc figé, habillé en nuit) + frange de lamelles
   ========================================================================== */
.sbt-footer{position:relative;margin-top:0;background:var(--sb-fonce);color:#fff;padding-block:58px 0}
.sbt-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:repeating-linear-gradient(90deg,rgba(242,245,244,.0) 0 2px,rgba(127,216,210,.22) 2px 15px,rgba(242,245,244,.0) 15px 17px);-webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.25));mask:linear-gradient(180deg,#000,rgba(0,0,0,.25))}
.sbt-footer a{color:#D6EAE8}
.sbt-footer a:hover{color:#fff;text-decoration:underline}
.sbt-footer-grille{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:32px;border-bottom-color:rgba(127,216,210,.18)}
.sbt-footer-colonne .sbt-t4{font:700 18px/1.1 var(--sb-titre);letter-spacing:0;text-transform:none;color:var(--sb-scan);margin:0 0 14px}
.sbt-footer-colonne ul a{font-size:15px}
.sbt-footer-logo{display:flex;align-items:center;gap:10px;font:800 28px/1 var(--sb-titre);color:#fff;margin-bottom:10px}
.sbt-footer-logo::before{content:"";width:40px;height:40px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23F2661B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11V3h8'/%3E%3Cpath d='M29 3h8v8'/%3E%3Cpath d='M37 29v8h-8'/%3E%3Cpath d='M11 37H3v-8'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M20 12.5l8.5 4.2v9.6L20 30.5l-8.5-4.2v-9.6z'/%3E%3Cpath d='M11.5 16.7L20 21l8.5-4.3M20 21v9.5'/%3E%3Cpath d='M11.5 16.7l-2.6-3.4 8.4-4.1 2.7 3.3'/%3E%3C/g%3E%3Cpath d='M7 24.5h26' stroke='%23F2661B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.sbt-footer-desc{color:#C9DEDC;font-size:15px;max-width:30ch}
.sbt-footer-bas{color:#A9C9C6;font-size:14px;padding:18px 0 22px}
.sbt-footer-cta{background:rgba(255,255,255,.05);border:1px solid rgba(127,216,210,.18);border-radius:var(--sb-rayon)}
.sbt-footer-cta p{color:#C9DEDC}
.to-footer-recherche{display:flex;margin-top:14px;background:rgba(255,255,255,.08);border:1px solid rgba(127,216,210,.25);border-radius:999px;padding:3px}
.to-footer-recherche input{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#fff;padding:0 14px;font-size:15px}
.to-footer-recherche input::placeholder{color:#A9C9C6}
.to-footer-recherche input:focus{outline:none}
.to-footer-recherche:focus-within{border-color:var(--sb-accent)}
.to-footer-recherche button{width:40px;height:40px;border:0;border-radius:50%;background:var(--sb-accent);color:var(--sb-encre);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.to-footer-recherche .to-icone{width:18px;height:18px}
@media (max-width:1100px){.sbt-footer-grille{grid-template-columns:repeat(3,minmax(0,1fr))}.sbt-footer-grille>.sbt-footer-colonne:first-child{grid-column:1/-1}}
@media (max-width:640px){.sbt-footer-grille{grid-template-columns:1fr 1fr;gap:28px 20px}.to-footer-outils{grid-column:1/-1}}
/* Le pied va jusqu'en bas de la page : rien après lui. */
.sbt-footer+*:not(script):not(style):not(link){margin:0}
html,body{min-height:100%}

/* ==========================================================================
   Article : en-tête neuf « tapis de contrôle » + corps figé habillé
   ========================================================================== */
.to-art-entete{position:relative;background-color:var(--sb-fond);background-image:linear-gradient(rgba(213,222,221,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(213,222,221,.5) 1px,transparent 1px);background-size:32px 32px;--to-tapis:120px}
.to-art-entete::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--to-tapis);background-color:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px)}
.to-art-grille{position:relative;z-index:1;max-width:calc(var(--sb-lecture) + 52px + var(--sb-rail) + 2 * var(--sb-gouttiere));margin-inline:auto;padding-inline:var(--sb-gouttiere);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;grid-template-rows:auto var(--to-tapis)}
.to-art-texte{grid-column:1/8;grid-row:1;padding:6px 0 30px;min-width:0}
.to-art-texte .sbt-fil-ariane{padding:14px 0 18px;font-size:14px}
.to-art-texte .sbt-fil-ariane span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:46ch}
.to-art-pastille{display:inline-flex;margin-bottom:16px}
.to-art-entete h1{font-size:clamp(34px,2.2vw + 20px,60px);line-height:1.02;letter-spacing:-.012em;margin:0 0 16px}
.to-art-chapo{font-size:18.5px;line-height:1.55;color:var(--sb-doux);margin:0 0 20px;max-width:60ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.to-art-auteur{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;color:var(--sb-doux)}
.to-art-auteur .to-portrait{width:48px;height:48px;font-size:18px}
.to-art-auteur a{color:var(--sb-encre);font-weight:700;text-decoration:none}
.to-art-auteur a:hover{text-decoration:underline}
.to-art-tapis{grid-column:1/8;grid-row:2;align-self:center;display:flex;flex-wrap:wrap;gap:10px 26px;color:#fff;font:600 15px/1.3 var(--sb-texte)}
.to-art-tapis span{display:inline-flex;align-items:center;gap:8px}
.to-art-tapis .to-icone{width:18px;height:18px;color:var(--sb-scan)}
.to-art-visuel{grid-column:8/13;grid-row:1/3;align-self:end;margin:22px 0 30px;position:relative}
.to-art-photo{position:relative;height:clamp(300px,29vw,420px);border-radius:var(--sb-rayon-grand);overflow:hidden;box-shadow:var(--sb-ombre-forte);background:#E7EEEC}
.to-art-photo img,.to-art-photo .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-bande--art{transform:translateX(182%)}
.to-art-visuel .to-pastille--cheval{left:24px;bottom:-14px;font-size:15px;padding:8px 15px 7px}
@media (max-width:1080px){
	.to-art-grille{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
	.to-art-entete{--to-tapis:118px}
	.to-art-texte{grid-column:1;grid-row:1;padding-bottom:18px}
	.to-art-visuel{grid-column:1;grid-row:2;margin:0 0 0;align-self:start}
	.to-art-photo{height:clamp(210px,52vw,380px)}
	.to-art-tapis{grid-column:1;grid-row:3;padding:24px 0 16px;font-size:14px}
}
@media (max-width:640px){.to-art-texte .sbt-fil-ariane{padding:10px 0 12px}.to-art-chapo{font-size:17px;-webkit-line-clamp:4}}

/* Corps (bloc figé) : habillage. */
.sbt-article-mise-en-page{column-gap:52px;padding-top:44px;padding-bottom:72px}
.sbt-article-corps{font-size:18px;line-height:1.65;color:var(--sb-encre)}
@media (max-width:760px){.sbt-article-corps{font-size:17px}}
.sbt-article-corps h2{font-size:clamp(28px,1vw + 20px,36px);line-height:1.08;margin-top:1.9em;font-weight:700}
.sbt-article-corps h3{font-family:var(--sb-texte);font-size:20px;line-height:1.3;font-weight:700;letter-spacing:0}
.sbt-article-corps a{color:var(--sb-accent-texte)}
.sbt-article-corps strong{font-weight:700}
.sbt-article-corps blockquote{background:#fff;border-left-color:var(--sb-accent);border-radius:0 14px 14px 0;font-style:normal;box-shadow:0 1px 3px rgba(19,42,58,.06)}
.sbt-article-corps img{border-radius:var(--sb-rayon)}
/* Listes du contenu : repères en viseur, cartes légères. */
.sbt-article-corps>ul,.sbt-article-corps>ol{list-style:none;margin:1.4em 0 1.6em;padding:0;display:grid;gap:10px}
.sbt-article-corps>ul>li,.sbt-article-corps>ol>li{position:relative;margin:0;padding:13px 18px 12px 52px;background:#fff;border:1px solid var(--sb-filet);border-radius:14px;line-height:1.55;box-shadow:0 1px 2px rgba(19,42,58,.04)}
.sbt-article-corps>ul>li::before{content:"";position:absolute;left:18px;top:17px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23F2661B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M1.5 6V1.5H6M12 1.5h4.5V6M16.5 12v4.5H12M6 16.5H1.5V12'/%3E%3Ccircle cx='9' cy='9' r='2.2' fill='%23132A3A' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
.sbt-article-corps>ol{counter-reset:to-ol}
.sbt-article-corps>ol>li{counter-increment:to-ol}
.sbt-article-corps>ol>li::before{content:counter(to-ol);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--sb-fonce);color:var(--sb-scan);font:800 15px/26px var(--sb-titre);text-align:center;font-variant-numeric:tabular-nums}
.sbt-article-corps li>ul,.sbt-article-corps li>ol{margin:.5em 0 0;padding-left:1.1em}
/* Tableaux comparatifs. */
.sbs_tableau{overflow-x:auto;margin:1.6em 0;border-radius:16px;box-shadow:var(--sb-ombre)}
.sbt-article-corps table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:15.5px;line-height:1.45;margin:0}
.sbt-article-corps :not(.sbs_tableau)>table{margin:1.6em 0;border-radius:16px;overflow:hidden;box-shadow:var(--sb-ombre)}
.sbt-article-corps th{background:#E1EDEB;color:var(--sb-encre);text-align:left;font:700 15px/1.3 var(--sb-texte);padding:14px 16px;vertical-align:bottom}
.sbt-article-corps td{padding:14px 16px;border-top:1px solid var(--sb-filet);vertical-align:top}
.sbt-article-corps tbody tr:nth-child(even) td{background:#F7FAF9}
.sbt-article-corps td:first-child{font-weight:600}
@media (max-width:640px){
	.sbs_tableau{overflow:visible;box-shadow:none;border-radius:0}
	.sbt-article-corps table.to-tableau,.sbt-article-corps table.to-tableau tbody,.sbt-article-corps table.to-tableau tr,.sbt-article-corps table.to-tableau td{display:block;width:100%}
	.sbt-article-corps table.to-tableau{background:transparent;box-shadow:none}
	.sbt-article-corps table.to-tableau thead,.sbt-article-corps table.to-tableau tr:first-child:not(:has(td)){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
	.sbt-article-corps table.to-tableau tr{background:#fff;border:1px solid var(--sb-filet);border-radius:14px;margin-bottom:12px;padding:6px 0;box-shadow:0 1px 3px rgba(19,42,58,.06)}
	.sbt-article-corps table.to-tableau td{border:0;padding:8px 16px;background:transparent!important}
	.sbt-article-corps table.to-tableau td[data-label]::before{content:attr(data-label);display:block;font:700 13.5px/1.3 var(--sb-texte);color:var(--sb-doux);margin-bottom:2px}
}
/* Barre latérale : sommaire + carte d'action en UN bloc collant, sans défilement interne. */
.sbt-rail{top:calc(var(--to-entete-h) + 20px);border-left:0;padding-left:0;gap:14px}
.admin-bar .sbt-rail{top:calc(var(--to-entete-h) + 52px)}
.sbt-rail-carte{background:#fff;border:1px solid var(--sb-filet);border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre)}
.sbt-rail-carte--sommaire{padding:0;border:0;box-shadow:none;background:transparent}
.sbt-rail .sbt-sommaire{padding:14px 16px 14px;border:1px solid var(--sb-filet);border-left:3px solid var(--sb-accent);border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre)}
.sbt-rail .sbt-sommaire ol{gap:2px;margin-top:10px}
.sbt-rail .sbt-sommaire li a{font-size:14.5px;line-height:1.3;padding:5px 6px;border-radius:8px;align-items:center}
.sbt-rail .sbt-sommaire li a:hover{background:var(--sb-fond);text-decoration:none}
.sbt-rail .sbt-sommaire li a.est-actif{background:var(--sb-accent-clair);color:var(--sb-encre);font-weight:700}
.sbt-rail .sbt-sommaire-libelle{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sbt-rail.est-serre .sbt-sommaire li.est-loin{display:none}
.sbt-sommaire-titre{font:700 19px/1.1 var(--sb-titre);color:var(--sb-encre)}
.sbt-sommaire-num{background:var(--sb-fond);color:var(--sb-doux);font-family:var(--sb-titre);font-size:13px}
.to-rail-carte{padding:0;border:0;background:transparent;box-shadow:none}
.to-rail-carte .to-form-carte{border:1px solid var(--sb-filet);box-shadow:var(--sb-ombre)}
.sbt-sommaire-mobile .sbt-sommaire{border-left-color:var(--sb-accent);border-radius:var(--sb-rayon)}
/* À lire aussi */
.sbt-a-lire{border-top-color:var(--sb-filet)}
.sbt-kicker{font:700 26px/1.1 var(--sb-titre);margin-bottom:16px}
.sbt-carte{border:0;box-shadow:var(--sb-ombre);border-radius:var(--sb-rayon)}
.sbt-carte-corps h3{font:700 17px/1.3 var(--sb-texte)}
.sbt-article-pastille{text-transform:none;letter-spacing:0}

/* ==========================================================================
   Rubrique (page-hub) : photo au scanner + compteurs géants sur tapis
   ========================================================================== */
.to-rub-entete{position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;background:var(--sb-fonce)}
.to-rub-photo{position:absolute;inset:0 0 96px 0;overflow:hidden}
.to-rub-photo img,.to-rub-photo .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-rub-photo .to-repli{background-color:#1B4C51;background-image:linear-gradient(rgba(127,216,210,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(127,216,210,.12) 1px,transparent 1px);color:#fff;align-items:flex-end;padding-right:12%}
.to-rub-photo .to-repli-mot{color:#CFE5E3}
.to-rub-photo::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(12,59,64,.94) 0,rgba(12,59,64,.82) 38%,rgba(12,59,64,.25) 62%,rgba(12,59,64,0) 78%)}
.to-bande--rub{left:0;transform:translateX(209%);z-index:3}
.to-rub-texte{position:relative;z-index:4;max-width:var(--sb-conteneur);width:100%;margin:0 auto;padding:24px var(--sb-gouttiere) 34px}
.to-rub-texte .sbt-fil-ariane{color:#CFE5E3;padding:0 0 14px;font-size:14px}
.to-rub-texte .sbt-fil-ariane a{color:#CFE5E3}
.to-rub-texte h1{color:#fff;font-size:clamp(40px,2.6vw + 27px,76px);line-height:.98;max-width:13ch;margin:0 0 14px}
.to-rub-chapo{max-width:52ch;color:#E3F0EF;font-size:18px;line-height:1.5;margin:0}
.to-tapis{position:relative;z-index:4;height:96px;background-color:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px)}
.to-tapis-in{max-width:var(--sb-conteneur);height:100%;margin:0 auto;padding-inline:var(--sb-gouttiere);display:flex;align-items:center;gap:40px}
.to-tapis-compteur{display:flex;align-items:center;gap:12px}
.to-tapis-compteur strong{font:800 52px/1 var(--sb-titre);color:var(--sb-scan);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.to-tapis-compteur span{font:600 16px/1.2 var(--sb-texte);color:#fff;max-width:14ch}
.to-entrees{padding:22px 0 0}
.to-entrees-liste{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.to-entrees-liste span.to-entrees-lib{font:700 18px/1 var(--sb-titre);margin-right:6px}
.to-filtre{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 5px;border-radius:999px;border:1.5px solid var(--sb-filet);background:#fff;color:var(--sb-encre);font:600 14.5px/1 var(--sb-texte);cursor:pointer}
.to-filtre b{font:800 15px/1 var(--sb-titre);color:var(--sb-accent-texte)}
.to-filtre[aria-pressed="true"]{background:var(--sb-encre);border-color:var(--sb-encre);color:#fff}
.to-filtre[aria-pressed="true"] b{color:var(--sb-scan)}
.to-rub-corps{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-block:28px 64px}
.to-rub-une{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--sb-rayon);overflow:hidden;box-shadow:var(--sb-ombre);color:var(--sb-encre);text-decoration:none;margin-bottom:24px;transition:box-shadow .25s ease}
.to-rub-une:hover{box-shadow:var(--sb-ombre-forte)}
.to-rub-une-photo{position:relative;height:clamp(320px,60vh,460px);overflow:hidden;background:#E7EEEC}
.to-rub-une-photo img,.to-rub-une-photo .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-rub-une-photo .to-pastille--cheval{bottom:18px}
.to-rub-une-corps{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:32px 30px}
.to-rub-une-corps h2{font-size:clamp(28px,1vw + 20px,38px);line-height:1.04}
.to-rub-une-corps p{margin:0;color:var(--sb-doux);font-size:16.5px;line-height:1.55}
.to-rub-une-corps .to-carte-meta{margin:0}
.to-rub-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.to-rub-grille>.est-cache,.to-rub-grille>.est-filtre{display:none}
.to-plus{display:flex;justify-content:center;margin-top:26px}
.to-outils{position:sticky;top:calc(var(--to-entete-h) + 20px);display:flex;flex-direction:column;gap:14px}
.to-outils-titre{font:700 24px/1 var(--sb-titre);margin:0 0 2px}
.to-outil{display:block;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:18px 18px 16px;color:var(--sb-encre);text-decoration:none;border-left:4px solid var(--sb-accent)}
.to-outil:hover{box-shadow:var(--sb-ombre-forte)}
.to-outil strong{display:block;font:700 19px/1.15 var(--sb-titre);margin-bottom:6px}
.to-outil span{font-size:15px;line-height:1.45;color:var(--sb-doux)}
.to-outil--droits{border-left-color:var(--to-rub-vos-droits)}
.to-outil ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.to-outil ul a{font:600 15px/1.35 var(--sb-texte);color:var(--sb-accent-texte)}
.to-couvre{margin-top:28px;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:6px 22px}
.to-couvre summary{cursor:pointer;font:700 20px/1.2 var(--sb-titre);padding:14px 0;list-style:none}
.to-couvre summary::-webkit-details-marker{display:none}
.to-couvre summary::after{content:"+";float:right;color:var(--sb-accent-texte)}
.to-couvre[open] summary::after{content:"−"}
.to-couvre-corps{padding-bottom:16px}
.to-autres{background:var(--sb-fond);padding-block:40px 64px;border-top:1px solid var(--sb-filet)}
.to-autres h2{margin-bottom:20px}
.to-autres-tuiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.to-autre{position:relative;display:block;height:200px;border-radius:var(--sb-rayon);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--sb-ombre);background:var(--sb-fonce)}
.to-autre img,.to-autre .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.to-autre:hover img{transform:scale(1.03)}
.to-autre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,59,64,.1) 20%,rgba(12,59,64,.9))}
.to-autre-txt{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.to-autre-txt b{font:700 22px/1.05 var(--sb-titre)}
.to-autre-txt span{display:block;font:600 14px/1.2 var(--sb-texte);color:var(--sb-scan);margin-top:4px}
.to-autre .to-icone{color:var(--sb-accent)}
@media (max-width:1100px){.to-rub-corps{grid-template-columns:1fr}.to-outils{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.to-outils-titre{grid-column:1/-1}.to-autres-tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
	.to-rub-entete{min-height:380px}
	.to-rub-photo{inset:0 0 auto 0;height:calc(100% - 96px)}
	.to-rub-photo::after{background:linear-gradient(180deg,rgba(12,59,64,.35) 0,rgba(12,59,64,.92) 70%)}
	.to-bande--rub{transform:translateX(330%)}
	.to-tapis-in{gap:18px}
	.to-tapis-compteur strong{font-size:40px}
	.to-tapis-compteur span{font-size:14px}
	.to-tapis-compteur:nth-child(3){display:none}
	.to-rub-une{grid-template-columns:1fr}
	.to-rub-une-photo{height:220px}
	.to-rub-une-corps{padding:22px 18px}
	.to-rub-grille{grid-template-columns:1fr}
	.to-outils{grid-template-columns:1fr}
	.to-autres-tuiles{grid-template-columns:1fr 1fr}
	.to-autre{height:150px}
}

/* ==========================================================================
   Pages annexes, auteur, recherche, 404
   ========================================================================== */
.to-page-hero{position:relative;background-color:var(--sb-fond);background-image:linear-gradient(rgba(213,222,221,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(213,222,221,.5) 1px,transparent 1px);background-size:32px 32px;padding:40px 0 48px;overflow:clip}
.to-page-hero-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.to-page-hero h1{font-size:clamp(38px,2.4vw + 22px,64px);line-height:1;margin:0 0 18px}
.to-page-hero .to-page-chapo{font-size:19px;line-height:1.55;color:var(--sb-doux);max-width:52ch;margin:0}
.to-page-visuel{position:relative;margin:14px}
.to-page-photo{position:relative;height:clamp(300px,30vw,440px);border-radius:var(--sb-rayon-grand);overflow:hidden;box-shadow:var(--sb-ombre-forte);background:#E7EEEC}
.to-page-photo img,.to-page-photo .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-bande--page{transform:translateX(160%)}
.to-page-visuel .to-lamelles{position:absolute;top:-8px;right:-22px;width:100px;height:55%;z-index:3}
.to-panneaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.to-panneau-txt{position:relative;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:26px 22px 20px;overflow:hidden}
.to-panneau-txt::before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;background:var(--sb-accent);border-radius:0 0 3px 3px;box-shadow:0 0 12px rgba(242,102,27,.5)}
.to-panneau-txt h3{font-size:23px;margin:0 0 10px}
.to-panneau-txt p{margin:0;color:var(--sb-doux);font-size:16px;line-height:1.55}
.to-bande-nuit{background:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);color:#fff;padding-block:30px}
.to-bande-nuit .to-tapis-in{height:auto;flex-wrap:wrap;gap:20px 48px}
.to-lecture{max-width:var(--sb-lecture);margin-inline:auto}
.to-lecture-panneau{background:#fff;border-radius:var(--sb-rayon-grand);box-shadow:var(--sb-ombre);padding:clamp(24px,4vw,48px)}
.to-prose{font-size:18px;line-height:1.65}
.to-prose>*:first-child{margin-top:0}
.to-prose>*:last-child{margin-bottom:0}
.to-prose h2{font-size:clamp(26px,1vw + 18px,34px);margin:1.6em 0 .55em}
.to-prose h3{font:700 20px/1.3 var(--sb-texte);letter-spacing:0;margin:1.4em 0 .45em}
.to-prose ul,.to-prose ol{padding-left:1.2em}
.to-prose li{margin-bottom:.45em}
.to-prose li::marker{color:var(--sb-accent)}
.to-prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;margin:1.4em 0;border-radius:14px;overflow:hidden;box-shadow:var(--sb-ombre)}
.to-prose th{background:#E1EDEB;text-align:left;padding:12px 14px}
.to-prose td{padding:12px 14px;border-top:1px solid var(--sb-filet);vertical-align:top;background:#fff}
.to-prose .encadre-honnete{background:var(--sb-accent-clair);border-radius:var(--sb-rayon);padding:18px 22px;margin:1.4em 0}
.to-bloc{padding-block:48px}
.to-bloc--blanc{background:#fff}
.to-bloc-tete{margin-bottom:22px}
.to-auteur-fiche{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:var(--sb-rayon-grand);box-shadow:var(--sb-ombre);padding:28px 30px}
.to-auteur-fiche .to-portrait{width:120px;height:120px;font-size:40px}
.to-auteur-fiche h2,.to-auteur-fiche h3{font-size:30px;margin:0 0 6px}
.to-auteur-fiche p{margin:0 0 8px;color:var(--sb-doux)}
.to-ne-pas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.to-ne-pas li{background:#fff;border-radius:var(--sb-rayon);padding:20px;box-shadow:var(--sb-ombre);font-weight:600;line-height:1.45;border-top:3px solid var(--sb-encre)}
/* Contact */
.to-contact-photo{position:relative;height:420px;overflow:hidden;background:#E7EEEC}
.to-contact-photo img,.to-contact-photo .to-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.to-contact-photo .to-lamelles{position:absolute;top:0;right:6%;width:150px;height:62%;z-index:2}
.to-contact-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,59,64,.05),rgba(12,59,64,.35))}
.to-contact-zone{position:relative;z-index:3;margin-top:-140px;padding-bottom:56px}
.to-contact-grille{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.to-contact-carte h1{font-size:clamp(34px,1.6vw + 22px,52px);margin:0 0 6px}
.to-contact-carte .to-form-texte{color:var(--sb-doux);margin-bottom:16px}
.to-contact-champs{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.to-contact-champs .to-plein{grid-column:1/-1}
.to-contact-pied{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}
.to-contact-pied .to-rgpd{margin:0;max-width:46ch}
.to-contact-aside{display:flex;flex-direction:column;gap:14px;margin-top:140px}
.to-contact-aside .to-outil p{margin:0 0 6px;font-size:15px;line-height:1.5;color:var(--sb-doux)}
.to-merci{padding:8px 0}
.to-merci h2{font-size:30px;margin-bottom:8px}
/* Vérifier un site */
.to-verif-entete{position:relative;background:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);color:#fff;padding:40px 0 64px}
.to-verif-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.to-verif-entete h1{color:#fff;font-size:clamp(38px,2.4vw + 22px,64px);line-height:1;margin:0 0 14px}
.to-verif-entete .to-page-chapo{color:#D3E6E4;font-size:18px;line-height:1.55;margin:0 0 22px;max-width:50ch}
.to-verif-entete .to-page-photo{box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.to-verif-corps{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;padding-block:48px 64px}
.to-verif-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.to-verif-point{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:22px 24px;border-left:4px solid transparent;transition:border-color .2s ease}
.to-verif-point.est-oui{border-left-color:var(--sb-fiable)}
.to-verif-point.est-non{border-left-color:var(--sb-fuir)}
.to-verif-num{width:56px;height:56px;border-radius:50%;background:var(--sb-fonce);color:var(--sb-scan);display:flex;align-items:center;justify-content:center;font:800 28px/1 var(--sb-titre)}
.to-verif-point h2{font-size:24px;line-height:1.1;margin:4px 0 10px}
.to-verif-point dl{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:16px;line-height:1.5}
.to-verif-point dt{font-weight:700}
.to-verif-point dd{margin:0;color:var(--sb-doux)}
.to-verif-photo{grid-column:1/-1;height:200px;border-radius:14px;overflow:hidden}
.to-verif-photo img{width:100%;height:100%;object-fit:cover}
.to-verif-point .to-point-choix{background:var(--sb-fond)}
.to-verif-point .to-point-choix button{color:var(--sb-encre)}
.to-verif-point .to-point-choix button[aria-pressed="true"][data-to-rep="oui"]{background:var(--sb-fiable);color:#fff}
.to-verif-point .to-point-choix button[aria-pressed="true"][data-to-rep="non"]{background:var(--sb-fuir);color:#fff}
.to-verif-jauge{position:sticky;top:calc(var(--to-entete-h) + 20px);background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:22px 20px 20px}
.to-verif-jauge h2{font-size:24px;margin:0 0 18px}
.to-verif-jauge .to-jauge i{background:rgba(19,42,58,.12)}
.to-verif-jauge .to-jauge i.on{background:var(--to-seg)}
.to-verif-jauge .to-s3-verdict{color:var(--sb-encre)}
.to-verif-jauge .to-s3-verdict strong{color:var(--sb-encre)}
.to-verif-recours{margin-top:14px;font-size:15px;line-height:1.5}
.to-verif-recours a{display:block;margin-top:6px;font-weight:700}
/* Auteur */
.to-auteur-entete .to-page-hero-grille{grid-template-columns:auto minmax(0,1fr)}
.to-auteur-portrait{width:220px;height:220px;margin:14px}
.to-auteur-portrait .to-portrait{width:220px;height:220px;border-radius:var(--sb-rayon-grand);font-size:72px}
.to-grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.to-grille-3>.est-cache{display:none}
/* Recherche / 404 / archives */
.to-vide{background:#fff;border-radius:var(--sb-rayon);box-shadow:var(--sb-ombre);padding:28px;text-align:left}
.to-404-code{font:800 clamp(90px,10vw,150px)/.9 var(--sb-titre);color:var(--sb-accent-texte);letter-spacing:-.02em}
@media (max-width:1000px){.to-grille-3{grid-template-columns:repeat(2,minmax(0,1fr))}.to-verif-corps{grid-template-columns:1fr}.to-verif-jauge{position:static;order:-1}.to-contact-grille{grid-template-columns:1fr}.to-contact-aside{margin-top:0}}
@media (max-width:900px){
	.to-page-hero-grille,.to-verif-grille{grid-template-columns:1fr;gap:28px}
	.to-panneaux,.to-ne-pas{grid-template-columns:1fr}
	.to-auteur-fiche{grid-template-columns:1fr;text-align:left}
	.to-auteur-entete .to-page-hero-grille{grid-template-columns:1fr}
}
@media (max-width:760px){
	.to-page-hero{padding:24px 0 36px}
	.to-page-visuel .to-lamelles{right:0;width:60px}
	.to-contact-photo{height:240px}
	.to-contact-zone{margin-top:-60px}
	.to-contact-champs{grid-template-columns:1fr}
	.to-grille-3{grid-template-columns:1fr}
	.to-verif-point{grid-template-columns:1fr;padding:18px}
	.to-verif-num{width:44px;height:44px;font-size:22px}
	.to-auteur-portrait,.to-auteur-portrait .to-portrait{width:160px;height:160px}
	.to-verif-entete{padding:28px 0 40px}
}

/* ---------- Mouvement réduit : la bande est posée d'emblée ---------- */
@media (prefers-reduced-motion:reduce){
	.to-bande--hero{animation:none;transform:translateX(150%)}
	.to-etiquette-a{display:none}.to-etiquette-b{animation:none;opacity:1}
	.to-carte:hover .to-bande{transform:translateX(-112%)}
	.to-carte:hover,.to-tuile:hover{transform:none}
}

/* ---------- Compléments pages annexes ---------- */
.to-page-hero--court{padding:28px 0 36px}
.to-page-hero--court h1{margin-bottom:10px}
.to-page-hero .sbt-fil-ariane{padding:0 0 14px;font-size:14px}
.to-verif-entete .sbt-fil-ariane{color:#CFE5E3;padding:0 0 14px;font-size:14px}
.to-verif-entete .sbt-fil-ariane a{color:#CFE5E3}
.to-verif-entete .to-form-carte{max-width:620px}
.to-404-recherche{margin-top:22px}
.to-liens-404{margin:8px 0 0;padding-left:1.1em;display:grid;gap:6px}
.to-auteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:20px}
.to-auteur-compteurs{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:16px}
.to-compteur-date{font-size:20px!important}
.to-auteur-bio{margin-top:12px!important;color:var(--sb-encre)!important}
.to-methode-outils{display:flex;flex-direction:column;gap:14px;max-width:440px;justify-self:end;width:100%}
.to-annonceurs{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.to-annonce{background:#fff;border-radius:var(--sb-rayon-grand);box-shadow:var(--sb-ombre);padding:30px 30px 26px}
.to-annonce h2{font-size:clamp(26px,1vw + 18px,34px);margin:0 0 16px}
.to-annonce ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.to-annonce li{position:relative;padding-left:30px;line-height:1.55}
.to-annonce--non li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;border:3px solid var(--sb-fuir)}
.to-annonce--non li::after{content:"";position:absolute;left:3px;top:calc(.35em + 7px);width:10px;height:3px;background:var(--sb-fuir);transform:rotate(-45deg)}
.to-annonce--oui{background:var(--sb-accent-clair)}
.to-annonce--oui p{line-height:1.6}
.to-annonce .to-btn{margin-top:6px}
.sbt-carte .to-repli{aspect-ratio:16/10;height:auto}
.to-contact-carte{padding:30px 32px 26px}
@media (max-width:900px){.to-annonceurs{grid-template-columns:1fr}.to-methode-outils{justify-self:stretch;max-width:none}}
@media (max-width:760px){.to-contact-carte{padding:22px 18px 20px}.to-annonce{padding:22px 18px}}
/* Photo absente : la bande reste un geste lisible (pas d'aplat noir sur le repli). */
.to-repli~.to-bande{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,rgba(127,216,210,.28),rgba(242,102,27,.16))}

/* ==========================================================================
   CORRECTIONS n°1 (10/10/2026) — ui-ux-pro-max + frontend-design invoqués
   ========================================================================== */
/* Un élément masqué l'est vraiment (zone de résultat vide de la carte d'action, etc.). */
[hidden]{display:none!important}

/* Rideau à lamelles du hero : il pend DANS le cadre de la photo, coupé par ses coins arrondis,
   lamelles pétrole translucides avec leur ombre portée ; il ne touche ni l'étiquette ni le relevé. */
.to-lamelles--hero{position:absolute;z-index:2;top:0;right:0;left:auto;width:21%;height:64%;gap:4px;padding-right:10px;-webkit-mask:none;mask:none}
.to-lamelles--hero i{background:linear-gradient(180deg,rgba(12,59,64,.50) 0%,rgba(12,59,64,.34) 70%,rgba(12,59,64,.42) 100%);border-radius:0 0 6px 6px;box-shadow:inset 1px 0 0 rgba(255,255,255,.22),0 10px 14px -8px rgba(12,59,64,.55)}
.to-lamelles--hero::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:var(--sb-fonce);border-radius:0 0 3px 3px;box-shadow:0 3px 8px rgba(12,59,64,.35)}
@media (max-width:900px){
	.to-lamelles--hero{width:22%;height:62%;padding-right:8px;gap:3px}
	.to-lamelles--hero i:nth-child(n+5){display:none}
	.to-lamelles--hero::before{height:7px}
}

/* En-tête d'article : le tapis nuit porte une info utile (verdict ou « dans cet avis »), sans vide. */
.to-art-tapis{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:10px 0;min-width:0}
.to-art-tapis p{margin:0;min-width:0;max-width:100%}
.to-art-verdict{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.to-art-verdict .to-pastille{font-size:15px;padding:8px 15px 7px}
.to-art-verdict-phrase{font:600 16px/1.35 var(--sb-texte);color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.to-art-contient{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;font:600 15px/1.3 var(--sb-texte)}
.to-art-contient-lib{color:var(--sb-scan);font-weight:700;margin-right:4px}
.to-art-contient a{display:inline-block;line-height:22px;max-width:100%;padding:5px 12px 4px;border-radius:999px;border:1px solid rgba(127,216,210,.38);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(30ch,100%)}
.to-art-contient{flex-wrap:nowrap}
@media (max-width:1000px){.to-art-contient{flex-wrap:wrap}.to-art-contient a{max-width:100%}}
.to-art-contient a:hover,.to-art-contient a:focus-visible{border-color:var(--sb-accent);background:rgba(242,102,27,.16)}
.to-art-contient a:nth-of-type(n+3){display:none}
.to-art-tapis-meta{display:flex;gap:10px 22px;flex-wrap:wrap;color:#D7E8E6;font:600 14px/1.3 var(--sb-texte)}
.to-art-tapis-meta span{display:inline-flex;align-items:center;gap:8px}
@media (max-width:1000px){
	.to-art-tapis{padding:18px 0 16px}
	.to-art-contient a{white-space:normal}
	.to-art-contient a:nth-of-type(n+3){display:none}
}

/* Accueil 390 : les 6 avis s'empilent en grille de 2 colonnes (aucune carte coupée, aucune pastille tronquée). */
@media (max-width:760px){
	.to-grille-avis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:0;padding:0;overflow:visible}
	.to-grille-avis>.to-carte{flex:none}
	.to-grille-avis .to-carte--avis .to-carte-photo{height:118px}
	.to-grille-avis .to-carte--avis .to-carte-corps{padding:20px 12px 12px;gap:6px}
	.to-grille-avis .to-carte--avis .to-carte-titre{font-size:15.5px;line-height:1.25;-webkit-line-clamp:3}
	.to-grille-avis .to-carte--avis .to-carte-chapo{display:none}
	.to-grille-avis .to-carte--avis .to-carte-meta{font-size:13px}
	.to-grille-avis .to-pastille--cheval{left:10px;max-width:calc(100% - 20px);font-size:13px;padding:6px 10px 5px}
}

/* Tableaux d'article sous 640 px : vraies cartes empilées, cellules d'en-tête de ligne comprises. */
@media (max-width:640px){
	.sbs_tableau{overflow:visible;max-width:100%}
	.sbt-article-corps table.to-tableau,.sbt-article-corps table.to-tableau tbody,.sbt-article-corps table.to-tableau tr,.sbt-article-corps table.to-tableau td,.sbt-article-corps table.to-tableau th{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}
	.sbt-article-corps table.to-tableau td,.sbt-article-corps table.to-tableau tbody th{border:0;padding:8px 16px;background:transparent!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left;vertical-align:top}
	.sbt-article-corps table.to-tableau tbody th{font:700 16px/1.3 var(--sb-texte);color:var(--sb-encre)}
	.sbt-article-corps table.to-tableau th[data-label]::before{content:attr(data-label);display:block;font:700 13.5px/1.3 var(--sb-texte);color:var(--sb-doux);margin-bottom:2px}
	.sbt-article-corps table.to-tableau colgroup{display:none}
}

/* Nous contacter : formulaire entier, bouton compris, au-dessus du pli (1440×780 et 1920×950). */
@media (min-width:1001px){
	.to-contact-photo{height:300px}
	.to-contact-zone{margin-top:-160px;padding-bottom:48px}
	.to-contact-carte{padding:24px 30px 22px}
	.to-contact-carte h1{font-size:44px;margin:0 0 4px}
	.to-contact-carte .to-form-texte{margin-bottom:12px}
	.to-contact-champs{grid-template-columns:1fr 1fr 1.1fr;gap:10px 14px}
	.to-contact-champs .to-plein:has(select){grid-column:auto}
	.to-contact-champs textarea{min-height:96px}
	.to-contact-pied{margin-top:12px}
	.to-contact-aside{margin-top:160px}
}
.to-contact-photo .to-lamelles{top:0;right:6%;width:150px;height:58%}
.to-contact-photo .to-lamelles i{background:linear-gradient(180deg,rgba(12,59,64,.50),rgba(12,59,64,.34));box-shadow:inset 1px 0 0 rgba(255,255,255,.22),0 10px 14px -8px rgba(12,59,64,.55)}
/* Tapis : pastille et phrase de verdict sur une même ligne (desktop), méta dessous. */
@media (min-width:1001px){
	.to-art-verdict{flex-wrap:nowrap;align-items:center}
	.to-art-verdict .to-pastille{flex:none}
	.to-art-verdict-phrase{flex:1;min-width:0;font-size:15.5px}
	.to-art-tapis{gap:8px}
}
/* Mobile : le tapis nuit épouse son contenu (verdict sur plusieurs lignes), jamais de pastille à cheval sur le bord. */
@media (max-width:1000px){
	.to-art-entete{--to-tapis:0px}
	.to-art-entete::after{display:none}
	.to-art-tapis{margin:22px calc(-1 * var(--sb-gouttiere)) 0;padding:18px var(--sb-gouttiere) 18px;background-color:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px)}
}
/* À propos : même rideau intégré dans le cadre que le hero (plus de lamelles hors cadre). */
.to-page-visuel .to-lamelles.to-lamelles--page{top:0;right:0;width:19%;height:60%;z-index:2}

/* ===================== C2 (10/10/2026) ===================== */
/* 1. Contraste : orange vif jamais en petit texte ni sous du texte blanc (≥ 4,5:1). */
.sbt-auteur-role{color:var(--sb-accent-texte)}
.sbt-auteur-der a:hover,.sbt-sommaire li a:hover,.sbt-faq-liste summary:hover{color:var(--sb-accent-texte)}
.sbt-auteur-actions .sbt-btn{color:var(--sb-encre)}
.sbt-auteur-actions .sbt-btn--fantome{background:transparent;color:var(--sb-encre);border:1.5px solid var(--sb-encre)}
.sbt-encadre--saviez::before{color:var(--sb-encre)}
.sbt-faq-liste details[open]{border-color:var(--sb-accent-texte)!important}
.sbt-faq-liste summary::after{background:#E1EDEB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132A3A' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/15px no-repeat}

/* 4. Pastilles « à cheval » : posées DANS le cadre de la photo (plus aucun débordement à 390/1440/1920). */
.to-pastille--cheval{bottom:12px}
.to-art-visuel .to-pastille--cheval{bottom:16px}
.to-rub-une-photo .to-pastille--cheval{bottom:18px}
@media (max-width:760px){.to-grille-avis .to-pastille--cheval{bottom:8px}}

/* 3. Blocs visuels du corps d'article (tirés du texte par le filtre C2 de functions.php). */
.sbt-article-corps .to-encadre{position:relative;margin:2.2em 0;border-radius:var(--sb-rayon);padding:26px 28px 24px}
.sbt-article-corps .to-encadre h2{margin:0 0 16px;font-size:clamp(24px,.8vw + 18px,30px)}
.sbt-article-corps .to-encadre>:last-child{margin-bottom:0}
@media (max-width:760px){.sbt-article-corps .to-encadre{padding:22px 18px 20px;margin-inline:-4px}}

/* FAQ : panneau « radiographie » clair, questions en cartes blanches. */
.to-encadre--faq{background:linear-gradient(180deg,rgba(127,216,210,.22),rgba(127,216,210,.10));border:1px solid rgba(11,110,120,.22)}
.to-encadre--faq .sbt-faq{margin:0;padding:0;background:transparent;border:0;border-radius:0}

/* Notre verdict : tapis nuit traversé par la ligne de scan. */
.to-encadre--verdict{background-color:var(--sb-fonce);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px);color:#fff;overflow:hidden}
.to-encadre--verdict::before{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--sb-scan);box-shadow:0 0 14px rgba(127,216,210,.7)}
.to-encadre--verdict .to-encadre-titre{font:700 22px/1.1 var(--sb-titre);color:var(--sb-scan);margin:0 0 12px}
.to-encadre--verdict .to-encadre-verdict{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin:0;font:600 18px/1.45 var(--sb-texte);color:#fff}
.to-encadre--verdict .to-pastille{flex:none;font-size:15px;padding:8px 15px 7px}
.to-encadre--verdict .to-encadre-verdict span:last-child{flex:1 1 260px;min-width:0}

/* À vérifier : fiche orangée, chaque point en carte cochable. */
.to-encadre--verif{background:var(--sb-accent-clair);border-left:5px solid var(--sb-accent)}
.to-encadre--verif>p{color:var(--sb-encre)}
.sbt-article-corps .to-encadre--verif>ul,.sbt-article-corps .to-etape>ul{list-style:none;margin:1em 0 0;padding:0;display:grid;gap:10px}
.sbt-article-corps .to-encadre--verif>ul>li,.sbt-article-corps .to-etape>ul>li{position:relative;margin:0;padding:13px 18px 12px 52px;background:#fff;border:1px solid var(--sb-filet);border-radius:14px;line-height:1.55}
.sbt-article-corps .to-encadre--verif>ul>li::before,.sbt-article-corps .to-etape>ul>li::before{content:"";position:absolute;left:18px;top:17px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23B8460B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='1.5' width='15' height='15' rx='4'/%3E%3Cpath d='M5 9.3l2.6 2.6L13 6.4'/%3E%3C/svg%3E") center/contain no-repeat}

/* Sources : bordereau d'envoi (filet pointillé), chaque source nommée dans une pastille. */
.to-encadre--sources{background:#fff;border:1.5px dashed #AFC2C0}
.sbt-article-corps .to-encadre--sources h2{font-size:22px;margin-bottom:12px}
.sbt-article-corps .to-sources-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.sbt-article-corps .to-sources-liste li{margin:0;padding:0;background:none;border:0}
.sbt-article-corps .to-sources-liste li::before{content:none}
.to-source{display:inline-block;padding:7px 14px 6px;border-radius:999px;background:#E1EDEB;color:var(--sb-encre);font:600 15px/1.35 var(--sb-texte)}

/* Étapes : liste ordonnée = parcours numéroté relié par un fil. */
.sbt-article-corps>ol.to-etapes{position:relative}
.sbt-article-corps>ol.to-etapes::before{content:"";position:absolute;left:27px;top:24px;bottom:24px;width:2px;background:repeating-linear-gradient(180deg,var(--sb-scan) 0 6px,transparent 6px 11px);z-index:0}
.sbt-article-corps>ol.to-etapes>li{z-index:1}
.sbt-article-corps>ol.to-etapes>li::before{box-shadow:0 0 0 4px #fff}
/* Étapes par intertitres (« dans quel ordre ») : chaque intertitre devient une étape numérotée. */
.to-etapes--intertitres{counter-reset:to-etape;margin:1.4em 0 1.8em;position:relative}
.to-etape{position:relative;padding:20px 22px 6px 70px;margin:0 0 14px;background:#fff;border:1px solid var(--sb-filet);border-radius:var(--sb-rayon);box-shadow:0 1px 3px rgba(19,42,58,.06);counter-increment:to-etape}
.to-etape::before{content:counter(to-etape);position:absolute;left:20px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--sb-fonce);color:var(--sb-scan);font:800 18px/34px var(--sb-titre);text-align:center;font-variant-numeric:tabular-nums}
.to-etape:not(:last-child)::after{content:"";position:absolute;left:36px;top:58px;bottom:-15px;width:2px;background:repeating-linear-gradient(180deg,var(--sb-scan) 0 6px,transparent 6px 11px)}
.sbt-article-corps .to-etape h3{margin:4px 0 10px}
@media (max-width:760px){.to-etape{padding:18px 16px 4px 60px}.to-etape::before{left:14px}.to-etape:not(:last-child)::after{left:30px}}

/* 2. Listes du contenu des PAGES : mêmes repères visuels que les articles (plus de puces brutes). */
.to-prose>ul,.to-prose>ol{list-style:none;margin:1.2em 0 1.5em;padding:0;display:grid;gap:10px}
.to-prose>ul>li,.to-prose>ol>li{position:relative;margin:0;padding:14px 18px 13px 52px;background:#F7FAF9;border:1px solid var(--sb-filet);border-radius:14px;line-height:1.55}
.to-prose>ul>li::before{content:"";position:absolute;left:18px;top:18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23F2661B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M1.5 6V1.5H6M12 1.5h4.5V6M16.5 12v4.5H12M6 16.5H1.5V12'/%3E%3Ccircle cx='9' cy='9' r='2.2' fill='%23132A3A' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
.to-prose>ol{counter-reset:to-pol}
.to-prose>ol>li{counter-increment:to-pol}
.to-prose>ol>li::before{content:counter(to-pol);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--sb-fonce);color:var(--sb-scan);font:800 15px/26px var(--sb-titre);text-align:center}
.to-prose li::marker{color:var(--sb-accent-texte)}
/* Bloc auteur : libellés des boutons centrés dans leur pastille. */
.sbt-auteur-actions .sbt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;line-height:1.2}
/* Qui sommes-nous : un nombre impair d'auteurs ne laisse jamais une case vide à droite. */
@media (min-width:1100px){.to-auteurs>.to-auteur-fiche:last-child:nth-child(odd){grid-column:1/-1}}
.sbt-article-corps .to-encadre--verif>ul{margin:1em 0 1.1em}
.to-auteurs>.to-auteur-fiche:last-child:nth-child(odd) p{max-width:68ch}

/* ===== CORRECTIONS n°3 (orchestrateur, 10/10) — contact à 390 : bouton au-dessus du pli (sb-sortie premier_ecran) ===== */
@media (max-width:640px){
	.to-contact-photo{height:150px}
	.to-contact-photo .to-lamelles{height:70%;width:96px}
	.to-contact-zone{margin-top:-44px}
	.to-contact-carte{padding:18px 16px 18px}
	.to-contact-carte h1{font-size:32px;margin:0 0 2px}
	.to-contact-carte .to-form-texte{font-size:15px;line-height:1.45;margin-bottom:10px}
	.to-contact-champs{grid-template-columns:1fr 1fr;gap:8px 10px}
	.to-contact-champs .to-form-label{font-size:13px;margin-bottom:3px}
	.to-contact-champs input,.to-contact-champs select{min-height:44px;padding-top:8px;padding-bottom:8px}
	.to-contact-champs textarea{min-height:76px;height:76px}
	.to-contact-pied{margin-top:10px;gap:8px}
	.to-contact-pied .to-btn{width:100%}
}
/* Barre latérale d'article : la carte « Ce site est-il fiable ? » passe au-dessus du sommaire (bouton au-dessus du pli à 1920×950 et 1440×780) ; même bloc collant, structure du bloc figé intacte. */
@media (min-width:901px){.sbt-rail > .sbt-rail-carte--sommaire{order:2}.sbt-rail > :not(.sbt-rail-carte--sommaire){order:1}}

/* ===================== C3 (10/10/2026) — ui-ux-pro-max (module Mathias) + frontend-design invoqués ===================== */
/* 1. En-tête d'article : plus de pastilles d'intertitres (un seul sommaire). Le tapis nuit épouse son contenu :
      verdict + méta = 120 px ; méta seule = bande fine de 72 px. */
.to-art-entete{--to-tapis:72px}
.to-art-entete--verdict{--to-tapis:120px}
.to-art-tapis-meta{align-items:center}
.to-art-tapis-rub{color:#D7E8E6;text-decoration:none;padding-left:22px;border-left:1px solid rgba(127,216,210,.35)}
.to-art-tapis-rub:hover,.to-art-tapis-rub:focus-visible{color:#fff;text-decoration:underline}
.to-art-texte .to-insec,.to-carte-titre .to-insec,.to-rub-une-corps .to-insec,.sbt-a-lire .to-insec{white-space:nowrap}
.to-art-entete h1,.to-carte-titre,.to-rub-une-corps h2,.sbt-a-lire h3{-webkit-hyphens:none;hyphens:none}
/* Mobile : une seule liste de sommaire (celle du haut) ; le rail sous le texte ne garde que la carte. */
@media (max-width:1080px){.sbt-rail > .sbt-rail-carte--sommaire{display:none}}
/* Même ordre partout : carte « Ce site est-il fiable ? » puis sommaire. */
.sbt-rail > .sbt-rail-carte--sommaire{order:2}.sbt-rail > :not(.sbt-rail-carte--sommaire){order:1}

/* 2. Effet scanner calmé : plus de bande aux couleurs inversées au repos. Sur les en-têtes, un simple trait laser
      orange balaie la photo au chargement et s'arrête à droite, comme un relevé terminé. */
.to-bande.to-bande--art,.to-bande.to-bande--rub,.to-bande.to-bande--page,.to-bande.to-bande--hero{left:0;width:3px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sb-accent);border:0;box-shadow:0 0 12px 1px rgba(242,102,27,.6);transform:none;opacity:.9;animation:to-laser 1.4s cubic-bezier(.55,.05,.25,1) .15s both}
.to-bande.to-bande--rub{z-index:3}
@keyframes to-laser{from{left:0;opacity:0}12%{opacity:.9}to{left:84%;opacity:.9}}
@media (prefers-reduced-motion:reduce){.to-bande.to-bande--art,.to-bande.to-bande--rub,.to-bande.to-bande--page,.to-bande.to-bande--hero{animation:none;left:84%}}

/* 3. Rubriques : la une et la carte « Ce site est-il fiable ? » côte à côte, puis la grille sur toute la largeur. */
.to-rub-corps{grid-template-columns:minmax(0,1fr)}
.to-rub-tete{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:stretch;margin-bottom:28px}
.to-rub-tete .to-rub-une{margin-bottom:0}
.to-rub-tete:not(:has(.to-rub-une)){grid-template-columns:minmax(0,1fr)}
.to-outils{position:static;top:auto}
.to-outils-carte .to-form-carte{border:1px solid var(--sb-filet);box-shadow:var(--sb-ombre)}
.to-outils .to-outil--droits{flex:1}
.to-rub-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1101px){
	.to-rub-tete .to-rub-une-photo{height:auto;min-height:320px}
	.to-rub-grille > .l3-plein{grid-column:1/-1;flex-direction:row}
	.to-rub-grille > .l3-plein .to-carte-photo{width:calc((100% - 40px) / 3);aspect-ratio:auto;min-height:220px}
	.to-rub-grille > .l3-double{grid-column:span 2;flex-direction:row}
	.to-rub-grille > .l3-double .to-carte-photo{width:calc((100% - 20px) / 2);aspect-ratio:auto;min-height:220px}
	.to-rub-grille > .l3-plein .to-carte-corps,.to-rub-grille > .l3-double .to-carte-corps{justify-content:center;padding:26px 26px 20px}
	.to-rub-grille > .l3-plein .to-carte-titre,.to-rub-grille > .l3-double .to-carte-titre{font-size:22px}
}
@media (max-width:1100px){
	.to-rub-tete{grid-template-columns:1fr}
	.to-rub-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
	.to-outils{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (min-width:761px) and (max-width:1100px){.to-rub-grille > .l2-plein{grid-column:1/-1}}
@media (max-width:760px){.to-rub-grille{grid-template-columns:1fr}.to-outils{grid-template-columns:1fr}}

/* 4. Accueil : étiquette sur la photo des cartes méthode ; bandeau auteur à 390 sur 2 lignes (photo + nom, puis lien). */
.to-panneau-photo{position:relative}
.to-pastille--methode{background:var(--sb-fonce);color:#fff}
.to-s8-auteur-qui{display:flex;align-items:center;gap:20px;flex:1;min-width:0}
.to-s8-auteur-qui p{margin:0;flex:1;min-width:0;font-size:16px;line-height:1.45}
@media (max-width:760px){
	.to-s8-auteur{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}
	.to-s8-auteur-qui{gap:14px;width:100%}
	.to-s8-auteur-qui .to-portrait{width:56px;height:56px}
}

/* 5. Pied de page : colonnes équilibrées (mission + contact en 1re colonne, « Le site » sur 2 sous-colonnes),
      champ de recherche assez large pour « Rechercher un avis ». */
.sbt-footer-grille{grid-template-columns:1.4fr 1fr 1.2fr 1.3fr 1fr}
.to-footer-mission{color:#C9DEDC;font-size:15px;line-height:1.5;margin:12px 0 0;max-width:34ch}
.to-footer-contact{margin:14px 0 0}
.to-footer-contact a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;border:1.5px solid rgba(127,216,210,.45);font:700 15px/1 var(--sb-texte);color:#fff}
.to-footer-contact a:hover{border-color:var(--sb-accent);text-decoration:none}
.to-footer-recherche input{padding:0 10px 0 16px}
@media (max-width:1100px){.sbt-footer-grille{grid-template-columns:repeat(3,minmax(0,1fr))}.sbt-footer-grille>.sbt-footer-colonne:first-child{grid-column:1/-1}}
@media (max-width:640px){.sbt-footer-grille{grid-template-columns:1fr 1fr}.sbt-footer-grille > .sbt-footer-colonne:last-child{grid-column:1/-1}}

/* 6. Articles : « À lire aussi » sur toute la largeur, 4 cartes, jamais de case vide. */
.sbt-article-mise-en-page--suite .sbt-article-principal{grid-column:1/-1}
.sbt-article-mise-en-page--suite .sbt-a-lire{margin-top:0}
.to-grille-suite{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){.to-grille-suite{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.to-grille-suite{gap:12px}.to-grille-suite .sbt-carte-corps{padding:12px}.to-grille-suite h3{font-size:15.5px;line-height:1.25}}

/* C3 passe 2 : en-tête d'article sans bande vide (photo plus basse, le bloc texte la remplit) ; dernière rangée des rubriques ;
   « À lire aussi » rapproché ; tableaux des pages (méthode) empilés en cartes à 390 comme dans les articles. */
@media (min-width:1001px){.to-art-photo{height:clamp(280px,22vw,380px)}}
.sbt-article-mise-en-page:not(.sbt-article-mise-en-page--suite){padding-bottom:40px}
.to-rub-grille > .l3-plein .to-carte-chapo,.to-rub-grille > .l3-double .to-carte-chapo{-webkit-line-clamp:3}
.to-rub-grille > .l3-plein .to-carte-meta,.to-rub-grille > .l3-double .to-carte-meta{margin-top:10px}
@media (max-width:640px){
	.to-prose .sbs_tableau{overflow:visible;max-width:100%}
	.to-prose table.to-tableau,.to-prose table.to-tableau thead,.to-prose table.to-tableau tbody,.to-prose table.to-tableau tr,.to-prose table.to-tableau td,.to-prose table.to-tableau th{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}
	.to-prose table.to-tableau thead{position:absolute;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0)}
	.to-prose table.to-tableau tr{border-bottom:1px solid var(--sb-filet);padding:10px 0}
	.to-prose table.to-tableau td{border:0;padding:4px 16px;white-space:normal!important;overflow-wrap:anywhere;text-align:left}
	.to-prose table.to-tableau td[data-label]::before{content:attr(data-label);display:block;font:700 13.5px/1.3 var(--sb-texte);color:var(--sb-doux);margin-bottom:2px}
}
/* C3 passe 3 : actualités de l'accueil — le fil épouse la hauteur de la une (aucun vide sous les brèves). */
@media (min-width:761px){
	.to-s4-grille{align-items:stretch}
	.to-s4-fil{height:100%}
	.to-s4-fil .to-carte--compacte{flex:1}
	.to-s4-fil .to-carte-vignette{width:132px;height:108px}
	.to-s4-fil .to-carte--compacte .to-carte-titre{font-size:18px}
}
/* Qui sommes-nous (juge n°2) : panneaux méthode avec étiquette + viseur ; dernière fiche auteur seule = centrée, pas étirée. */
.to-panneau-txt{position:relative;padding-top:58px}
.to-panneau-txt .to-panneau-etiquette{position:absolute;top:18px;left:22px}
.to-panneau-txt .to-panneau-viseur{position:absolute;top:14px;right:18px;width:34px;height:34px}
@media (min-width:1100px){.to-auteurs>.to-auteur-fiche:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}}