/* Polices auto-hébergées (woff2, latin + latin-ext, font-display: swap). Variables : Mona Sans (wdth 75-125, wght 200-900), Domine (wght 400-700). */
@font-face{font-family:'Mona Sans';font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(../fonts/mona-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Mona Sans';font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(../fonts/mona-sans-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:'Domine';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/domine-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Domine';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/domine-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: ja-route
Theme URI: https://jp-auto.fr/
Author: JP Auto
Description: Thème code pur de jp-auto.fr — le point de contrôle et le feu de verdict posés sur de vraies photos (DA du 10/10/2026, référence wise.com/fr : titre géant et carte-outil). Ivoire, brume, bleu de Prusse, feu vert ; Mona Sans + Domine. Mode clair. Les styles sont dans assets/css/app.css (assemblé avec les polices et les blocs figés dans assets/css/tout.css au déploiement).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ja-route
*/

/*
 * 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 a.sbt-btn, .sbt-footer a.sbt-btn:hover{ color: #fff; } /* 10/10/2026 (blueau.fr) : « .sbt-footer a » battait la couleur du bouton (texte gris sur accent, 4,25:1) */

.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; }

/* ja-route — jp-auto.fr — feuille du thème (assemblée dans tout.css après fonts.css + style.css + blocs/*.css).
   Idée : le POINT DE CONTRÔLE (disque numéroté, trait de rappel, pilule à pastille de verdict) posé sur de vraies photos,
   le FEU DE CONTRÔLE (vert / ambre / rouge), le titre à deux voix (Mona Sans large + Domine). Mode clair uniquement. */

/* ============ 0. Jetons ============ */
:root{
	--ja-ivoire:#F7F4EE; --ja-blanc:#FFFFFF; --ja-brume:#E7EDF5; --ja-prusse:#14294A; --ja-encre:#151B26;
	--ja-feu:#21C47B; --ja-feu-survol:#1AAE6B; --ja-ambre:#E59A12; --ja-rouge:#D1453B;
	--ja-texte-doux:#4E5A6B; --ja-filet:#D9DEE6;
	--ja-ombre-carte:0 1px 2px rgba(20,41,74,.06), 0 12px 32px -12px rgba(20,41,74,.18);
	--ja-ombre-flottante:0 2px 4px rgba(20,41,74,.08), 0 24px 56px -16px rgba(20,41,74,.32);
	--ja-util:1280px; --ja-large:1376px; --ja-gout:32px;
	--ja-titre:'Mona Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--ja-texte:'Domine', Georgia, 'Times New Roman', serif;
	--ja-menu-h:72px;

	/* variables des blocs figés (--sb-*) */
	--sb-conteneur:1280px; --sb-lecture:680px; --sb-rail:360px; --sb-gouttiere:32px;
	--sb-accent:var(--ja-prusse); --sb-accent-clair:var(--ja-feu); --sb-encre:var(--ja-encre); --sb-doux:var(--ja-texte-doux);
	--sb-filet:var(--ja-filet); --sb-fond-carte:var(--ja-blanc); --sb-surf:var(--ja-brume);
	--sb-rayon:20px; --sb-rayon-grand:20px; --sb-ombre:var(--ja-ombre-carte); --sb-ombre-forte:var(--ja-ombre-flottante);
	--sb-titre:var(--ja-titre); --sb-texte:var(--ja-texte); --sb-fonce:var(--ja-prusse); --sb-sur-fonce:#FFFFFF;
}
@media (max-width:900px){ :root{ --ja-gout:16px; --sb-gouttiere:16px; } }
@media (max-width:1120px){ :root{ --ja-menu-h:64px; } }

/* Cadre de photo « cover » à points exacts : l'ancre a le ratio de la photo, couvre le cadre, et porte l'image ET les points de contrôle
   (leurs % sont ceux de la photo, quel que soit le cadrage). --r = ratio, --fx / --fy = part du débord coupée (0 gauche/haut, 1 droite/bas). */
.ja-cadre{ container-type:size; overflow:hidden; }
.ja-ancre{ --w:max(100cqw, calc(100cqh * var(--r))); --h:calc(var(--w) / var(--r)); --ox:calc((100cqw - var(--w)) * var(--fx)); --oy:calc((100cqh - var(--h)) * var(--fy));
	position:absolute; inset:0; }
.ja-ancre > img,.ja-ancre > .ja-repli{ width:100%; height:100%; object-fit:cover; object-position:calc(var(--fx) * 100%) calc(var(--fy) * 100%); display:block; }
.ja-cadre .ja-point{ left:calc(var(--ox) + var(--x) * var(--w) / 100); top:calc(var(--oy) + var(--y) * var(--h) / 100); }

/* ============ 1. Base ============ */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--ja-menu-h) + 16px); -webkit-text-size-adjust:100%; }
body.ja-corps{ margin:0; background:var(--ja-ivoire); color:var(--ja-encre); font-family:var(--ja-texte); font-size:18px; line-height:1.72; overflow-wrap:break-word; }
[hidden]{ display:none !important; }
img,svg{ max-width:100%; }
img{ height:auto; }
h1,h2,h3,h4{ font-family:var(--ja-titre); color:var(--ja-encre); margin:0; }
a{ color:var(--ja-prusse); text-underline-offset:.2em; text-decoration-thickness:.09em; }
a:hover{ text-decoration-thickness:.16em; }
:focus-visible{ outline:3px solid var(--ja-feu); outline-offset:3px; border-radius:4px; }
.ja-evitement{ position:absolute; left:-9999px; top:8px; background:#fff; color:var(--ja-prusse); padding:10px 16px; border-radius:999px; z-index:100; font-family:var(--ja-titre); font-weight:700; }
.ja-evitement:focus{ left:12px; }
.ja-main{ display:block; }
.ja-conteneur{ max-width:calc(var(--ja-util) + 2 * var(--ja-gout)); margin-inline:auto; padding-inline:var(--ja-gout); }
.ja-conteneur--large{ max-width:calc(var(--ja-large) + 2 * var(--ja-gout)); }
.ja-section{ padding-block:72px; position:relative; }
@media (max-width:900px){ .ja-section{ padding-block:40px; } }
.ja-section--ivoire{ background:var(--ja-ivoire); }
.ja-section--blanc{ background:var(--ja-blanc); }
.ja-section--brume{ background:var(--ja-brume); }

/* Les deux voix des titres : Mona Sans large très grasse, puis Domine Prusse */
.ja-v1{ font-family:var(--ja-titre); font-weight:850; font-stretch:122%; }
.ja-v2,.ja-ton2{ font-family:var(--ja-texte); font-weight:700; font-stretch:100%; color:var(--ja-prusse); letter-spacing:0; }
.ja-s-titre{ font-size:clamp(28px,2.65vw,38px); line-height:1.12; font-weight:750; font-stretch:112%; letter-spacing:-.015em; text-wrap:balance; }
.ja-s-titre .ja-v1{ font-weight:800; font-stretch:112%; }
.ja-s-titre--clair{ color:#fff; }
.ja-s-titre--clair .ja-v1{ color:#fff; }
.ja-s-titre--clair .ja-v2{ color:var(--ja-feu); }
.ja-s-chapeau{ font-size:19px; line-height:1.55; color:var(--ja-encre); max-width:34em; margin:14px 0 0; }
.ja-s-tete{ margin-bottom:36px; }
.ja-s-tete--ligne{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.ja-lien{ font-family:var(--ja-titre); font-weight:700; font-size:16px; color:var(--ja-prusse); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.25em; }
.ja-lien:hover{ color:var(--ja-encre); }

/* ============ 2. Boutons ============ */
.ja-btn{ appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 28px; border-radius:999px; border:2px solid transparent;
	font-family:var(--ja-titre); font-weight:700; font-stretch:105%; font-size:16px; line-height:1; text-decoration:none; cursor:pointer; white-space:nowrap; transition:background .2s, color .2s, border-color .2s, transform .2s; }
.ja-btn--plein{ background:var(--ja-feu); color:var(--ja-prusse); }
.ja-btn--plein:hover{ background:var(--ja-feu-survol); color:var(--ja-prusse); text-decoration:none; }
.ja-btn--contour{ background:transparent; color:var(--ja-prusse); border-color:var(--ja-prusse); }
.ja-btn--contour:hover{ background:var(--ja-prusse); color:#fff; text-decoration:none; }
.ja-btn--prusse{ background:var(--ja-prusse); color:#fff; }
.ja-btn--prusse:hover{ background:#0D1C35; color:#fff; }
.ja-btn--petit{ min-height:44px; padding:0 20px; font-size:15px; }
.ja-btn[disabled]{ opacity:.6; cursor:progress; }
.ja-picto{ width:20px; height:20px; flex:none; }

/* ============ 3. En-tête ============ */
.ja-entete{ position:sticky; top:0; z-index:60; background:rgba(255,255,255,.97); border-bottom:1px solid var(--ja-filet); backdrop-filter:saturate(1.2) blur(8px); }
.ja-entete-interieur{ max-width:calc(var(--ja-large) + 2 * var(--ja-gout)); margin-inline:auto; padding-inline:var(--ja-gout); height:var(--ja-menu-h); display:flex; align-items:center; gap:28px; }
.ja-entete-logo{ display:inline-flex; text-decoration:none; flex:none; }
.ja-logo{ display:inline-flex; align-items:center; gap:8px; color:var(--ja-encre); }
.ja-logo-symbole{ width:44px; height:36px; flex:none; }
.ja-logo-nom{ font-family:var(--ja-titre); font-weight:800; font-stretch:125%; font-size:24px; letter-spacing:-.01em; color:var(--ja-encre); white-space:nowrap; line-height:1; }
.ja-logo-mots{ display:flex; flex-direction:column; gap:3px; }
.ja-logo-sous{ font-family:var(--ja-texte); font-weight:500; font-size:13px; color:var(--ja-texte-doux); line-height:1.2; }
.ja-logo--clair .ja-logo-nom{ color:#fff; }
.ja-logo--clair .ja-logo-sous{ color:rgba(255,255,255,.78); }
.ja-nav{ display:flex; align-items:center; justify-content:space-between; flex:1; gap:20px; min-width:0; }
.ja-nav-liste{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:2px; flex-wrap:nowrap; }
.ja-nav-liste a{ display:inline-flex; align-items:center; gap:7px; padding:10px 12px; border-radius:999px; font-family:var(--ja-titre); font-weight:650; font-size:15px; line-height:1.1; color:var(--ja-encre); text-decoration:none; white-space:nowrap; transition:background .2s; }
.ja-nav-liste a:hover{ background:var(--ja-brume); }
.ja-nav-liste a.est-courant{ background:var(--ja-brume); color:var(--ja-prusse); }
.ja-nav-num{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--ja-prusse); color:#fff; font-size:11px; font-weight:800; }
.ja-nav-cta{ min-height:44px; padding:0 20px; font-size:15px; flex:none; }
.ja-menu-bouton{ display:none; }
@media (max-width:1180px){
	.ja-nav-liste a{ padding:10px 9px; font-size:14px; }
	.ja-nav-num{ display:none; }
}
@media (max-width:1060px){
	.ja-entete-interieur{ justify-content:space-between; }
	.ja-menu-bouton{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:999px; border:2px solid var(--ja-prusse); background:#fff; color:var(--ja-prusse); font-family:var(--ja-titre); font-weight:700; font-size:15px; cursor:pointer; }
	.ja-nav{ position:fixed; inset:var(--ja-menu-h) 0 auto 0; flex-direction:column; align-items:stretch; background:#fff; padding:12px var(--ja-gout) 24px; border-bottom:1px solid var(--ja-filet); box-shadow:var(--ja-ombre-flottante); max-height:calc(100vh - var(--ja-menu-h)); overflow:auto; transform:translateY(-8px); opacity:0; visibility:hidden; transition:opacity .2s, transform .2s, visibility .2s; }
	.ja-nav.est-ouvert{ opacity:1; visibility:visible; transform:none; }
	.ja-nav-liste{ flex-direction:column; align-items:stretch; gap:0; }
	.ja-nav-liste a{ padding:14px 8px; border-radius:12px; font-size:17px; border-bottom:1px solid var(--ja-filet); }
	.ja-nav-num{ display:inline-grid; }
	.ja-nav-cta{ margin-top:16px; width:100%; min-height:52px; }
}

/* ============ 4. Point de contrôle, feu de verdict, étiquette porte-clés ============ */
.ja-points{ position:absolute; inset:0; pointer-events:none; }
.ja-point{ position:absolute; left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); display:flex; align-items:center; transform:translate(-14px,-14px); pointer-events:none; }
.ja-point--g{ flex-direction:row-reverse; transform:translate(calc(-100% + 14px),-14px); }
.ja-point-disque{ pointer-events:auto; flex:none; width:28px; height:28px; border-radius:50%; border:0; padding:0; background:var(--ja-prusse); color:#fff; font:800 13px/28px var(--ja-titre); text-align:center; cursor:pointer;
	box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--ja-feu); transition:box-shadow .3s; }
.ja-js .ja-point:not(.est-allume) .ja-point-disque{ box-shadow:0 0 0 2px #fff, 0 0 0 5px rgba(33,196,123,0); }
.ja-point-trait{ flex:none; position:relative; width:36px; height:1.5px; background:#fff; transition:height .2s; }
.ja-point-trait::after{ content:""; position:absolute; top:50%; width:5px; height:5px; border-radius:50%; background:#fff; transform:translateY(-50%); }
.ja-point--d .ja-point-trait::after{ right:-2px; }
.ja-point--g .ja-point-trait::after{ left:-2px; }
.ja-point-etiquette{ pointer-events:auto; display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; border-radius:999px; background:#fff; color:var(--ja-encre); box-shadow:var(--ja-ombre-flottante);
	font-family:var(--ja-titre); font-weight:600; font-size:14px; line-height:1.2; text-decoration:none; white-space:nowrap; transition:transform .2s; }
a.ja-point-etiquette:hover{ transform:translateY(-2px); text-decoration:none; }
.ja-point:hover .ja-point-trait{ height:2px; }
.ja-verdict{ flex:none; width:14px; height:14px; border-radius:50%; background:var(--ja-feu); box-shadow:inset 0 0 0 3px rgba(255,255,255,.35); }
.ja-point--attention .ja-verdict{ background:var(--ja-ambre); }
.ja-point--stop .ja-verdict{ background:var(--ja-rouge); }
@media (max-width:700px){
	.ja-point-trait{ display:none; }
	.ja-point-etiquette{ display:none; position:absolute; top:34px; left:-8px; z-index:3; }
	.ja-point--g .ja-point-etiquette{ left:auto; right:-8px; }
	.ja-point.est-ouvert .ja-point-etiquette{ display:inline-flex; }
	.ja-hero .ja-point:nth-child(n+3){ display:none; }
}

.ja-etiquette{ position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:8px; padding:5px 12px 5px 8px; border-radius:999px 8px 8px 999px; background:#fff; color:var(--ja-encre);
	font-family:var(--ja-titre); font-weight:700; font-size:13px; line-height:1.2; text-decoration:none; box-shadow:0 2px 8px rgba(20,41,74,.18); z-index:2; }
.ja-etiquette::before{ content:""; position:absolute; left:11px; top:-9px; width:1px; height:10px; background:var(--ja-texte-doux); }
.ja-etiquette-oeil{ width:8px; height:8px; border-radius:50%; background:var(--ja-brume); box-shadow:inset 0 0 0 1.5px var(--ja-texte-doux); flex:none; }
.ja-point-etape{ position:absolute; right:16px; z-index:3; width:24px; height:24px; border-radius:50%; background:var(--ja-prusse); color:#fff; font:800 12px/24px var(--ja-titre); text-align:center; box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ja-feu); }

/* Crédit photo discret */
.ja-credit{ position:absolute; right:10px; bottom:10px; z-index:4; }
.ja-credit-bouton{ width:32px; height:32px; border-radius:50%; border:0; background:rgba(21,27,38,.55); color:#fff; display:grid; place-items:center; cursor:pointer; padding:0; }
.ja-credit-bouton .ja-picto{ width:16px; height:16px; }
.ja-credit-bulle{ position:absolute; right:0; bottom:40px; width:max-content; max-width:260px; background:#fff; color:var(--ja-encre); padding:10px 14px; border-radius:12px; box-shadow:var(--ja-ombre-flottante); font:500 13px/1.45 var(--ja-titre); }
.ja-credit-bulle p{ margin:0 0 4px; }
.ja-credit-bulle a{ font-weight:700; }

.ja-repli{ width:100%; height:100%; min-height:120px; display:grid; place-items:center; background:linear-gradient(135deg,var(--ja-brume),#d3deec); }
.ja-repli-symbole{ width:72px; height:auto; opacity:.55; }

/* ============ 5. Formulaire « Préparer mon achat d'occasion » ============ */
.ja-form-carte{ background:#fff; color:var(--ja-encre); border-radius:28px; box-shadow:var(--ja-ombre-flottante); padding:18px 22px 16px; font-family:var(--ja-titre); }
.ja-form-tete{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ja-form-titre{ margin:0; font-weight:800; font-stretch:112%; font-size:15px; line-height:1.2; color:var(--ja-prusse); }
.ja-form-points{ list-style:none; margin:0; padding:0; display:flex; align-items:center; flex:none; }
.ja-form-points li{ display:flex; align-items:center; }
.ja-form-points li + li::before{ content:""; width:16px; height:2px; background:var(--ja-filet); margin-inline:3px; }
.ja-form-points li.est-fait + li::before,.ja-form-points li.est-actif::before{ background:var(--ja-feu); }
.ja-form-pt{ width:14px; height:14px; border-radius:50%; border:2px solid var(--ja-filet); background:#fff; }
.ja-form-points li.est-actif .ja-form-pt{ background:var(--ja-prusse); border-color:var(--ja-feu); box-shadow:0 0 0 2px #fff, 0 0 0 4px rgba(33,196,123,.45); }
.ja-form-points li.est-fait .ja-form-pt{ background:var(--ja-feu); border-color:var(--ja-feu); }
.ja-form-pt-nom{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ja-form-etape{ border:0; margin:0; padding:0; min-width:0; }
.ja-etape-legende{ float:left; width:100%; padding:0; margin:10px 0 10px; font-weight:800; font-stretch:112%; font-size:20px; line-height:1.15; color:var(--ja-encre); }
.ja-form-etape > .ja-etape-legende + *{ clear:both; }
.ja-tuiles{ display:flex; flex-wrap:wrap; gap:8px; }
.ja-tuile{ appearance:none; font-family:var(--ja-titre); font-weight:700; font-size:14px; line-height:1.2; color:var(--ja-encre); text-align:left; background:#fff; border:1.5px solid var(--ja-filet); border-radius:999px; min-height:44px; padding:9px 16px; cursor:pointer; display:inline-flex; align-items:center; gap:9px; transition:border-color .15s, background .15s, color .15s; }
.ja-tuile:hover{ border-color:var(--ja-prusse); }
.ja-tuile[aria-pressed="true"]{ background:var(--ja-prusse); border-color:var(--ja-prusse); color:#fff; }
.ja-tuile .ja-picto{ width:18px; height:18px; color:var(--ja-prusse); }
.ja-tuile[aria-pressed="true"] .ja-picto{ color:var(--ja-feu); }
.ja-tuile--mini{ min-height:40px; padding:7px 14px; font-size:13.5px; border-radius:999px; }
.ja-tuiles--projet{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ja-tuiles--projet .ja-tuile{ border-radius:16px; min-height:48px; padding:8px 12px; }
.ja-tuiles--projet .ja-tuile--indecis{ grid-column:1 / -1; }
.ja-form-ligne--cp{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:12px; }
.ja-champ{ display:block; min-width:0; }
.ja-champ-label{ display:block; font-weight:650; font-size:12.5px; line-height:1.2; color:var(--ja-texte-doux); margin-bottom:4px; }
.ja-champ-label i{ font-style:normal; font-weight:500; }
.ja-champ input[type="text"],.ja-champ input[type="email"],.ja-champ input[type="tel"],.ja-champ select{ width:100%; height:46px; border:1.5px solid var(--ja-filet); border-radius:12px; padding:0 12px; font:500 16px var(--ja-titre); color:var(--ja-encre); background:#fff; appearance:none; }
.ja-champ select{ background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314294A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center / 12px; padding-right:32px; }
.ja-champ input:focus,.ja-champ select:focus{ outline:none; border-color:var(--ja-prusse); box-shadow:0 0 0 3px rgba(33,196,123,.3); }
.ja-champ input[aria-invalid="true"]{ border-color:var(--ja-rouge); }
.ja-form-grille{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ja-champ--large{ grid-column:1 / -1; }
.ja-groupe{ margin-top:10px; }
.ja-groupe-label{ margin:0 0 6px; font-weight:650; font-size:12.5px; color:var(--ja-texte-doux); }
.ja-tuiles--ligne{ flex-wrap:wrap; gap:6px; }
.ja-form-erreur{ margin:8px 0 0; color:var(--ja-rouge); font-weight:650; font-size:13.5px; line-height:1.35; }
.ja-form-actions{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; margin-top:12px; }
.ja-form-ligne--cp .ja-btn,.ja-form-actions .ja-btn{ min-height:48px; padding:0 22px; }
.ja-form-actions .ja-btn{ width:100%; }
.ja-retour{ width:48px; height:48px; border-radius:50%; border:1.5px solid var(--ja-filet); background:#fff; color:var(--ja-prusse); display:grid; place-items:center; cursor:pointer; padding:0; }
.ja-retour:hover{ border-color:var(--ja-prusse); }
.ja-form-promesse{ margin:10px 0 0; font:500 12.5px/1.4 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-form-rgpd{ margin:8px 0 0; font:500 12px/1.4 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-consent{ display:flex; gap:10px; align-items:flex-start; margin-top:10px; font:500 13px/1.4 var(--ja-titre); color:var(--ja-encre); cursor:pointer; }
.ja-consent input{ flex:none; width:22px; height:22px; margin:1px 0 0; accent-color:var(--ja-prusse); }
.ja-form-merci{ text-align:center; padding:26px 8px 16px; }
.ja-form-merci .ja-picto{ width:44px; height:44px; padding:10px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); }
.ja-merci-titre{ font-weight:800; font-size:22px; margin:12px 0 4px; }
.ja-form-merci p{ margin:0; font:500 14.5px/1.45 var(--ja-titre); }

/* ============ 6. Premier écran ============ */
.ja-hero{ padding:28px 0 0; background:var(--ja-ivoire); }
.ja-hero-grille{ display:grid; grid-template-columns:minmax(0,1fr); row-gap:12px; }
.ja-hero-titre{ font-size:clamp(40px,5.55vw,92px); line-height:.98; letter-spacing:-.02em; font-weight:850; font-stretch:122%; text-wrap:balance; }
.ja-hero-titre .ja-v1,.ja-hero-titre .ja-v2{ display:block; }
.ja-hero-titre .ja-v2{ font-weight:700; }
.ja-hero-intro{ display:grid; grid-template-columns:minmax(0,640px) auto; justify-content:start; align-items:center; column-gap:48px; row-gap:10px; margin-bottom:6px; }
.ja-hero-chapeau{ margin:0; font-size:17px; line-height:1.5; color:var(--ja-encre); }
.ja-hero-garanties{ list-style:none; margin:0; padding:0; display:grid; gap:4px; font-family:var(--ja-titre); font-weight:600; font-size:14px; line-height:1.3; color:var(--ja-encre); }
.ja-hero-garanties li{ display:flex; align-items:center; gap:8px; }
.ja-hero-garanties .ja-picto{ width:20px; height:20px; padding:3px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); stroke-width:2.6; }
.ja-hero{ --ja-hf:420px; }
.ja-hero-scene{ position:relative; height:clamp(210px,27.8vw,440px); margin-top:6px; }
.ja-hero-photo{ position:absolute; top:40px; bottom:0; left:0; right:calc(var(--ja-hf) - 40px); border-radius:28px; overflow:hidden; background:var(--ja-brume); }
.ja-hero-img{ width:100%; height:100%; object-fit:cover; object-position:left center; display:block; }
.ja-hero-preuve{ position:absolute; left:20px; top:20px; z-index:3; margin:0; display:inline-flex; align-items:center; gap:8px; padding:8px 16px 8px 10px; border-radius:999px; background:#fff; box-shadow:var(--ja-ombre-flottante); font:600 14px/1.2 var(--ja-titre); color:var(--ja-encre); }
.ja-hero-preuve .ja-picto{ width:22px; height:22px; padding:4px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); stroke-width:2.6; }
.ja-hero-preuve b{ font-weight:800; font-variant-numeric:tabular-nums lining-nums; }
.ja-hero-form{ position:absolute; right:0; bottom:0; width:var(--ja-hf); z-index:5; }
@media (max-width:900px){
	.ja-hero{ padding-top:16px; }
	.ja-hero-grille{ row-gap:14px; }
	.ja-hero-titre{ font-stretch:110%; }
	.ja-hero-intro{ grid-template-columns:minmax(0,1fr); order:3; }
	.ja-hero-scene{ order:2; height:auto; margin-top:0; padding-bottom:0; }
	.ja-hero-photo{ position:relative; inset:auto; height:176px; border-radius:20px; }
	.ja-hero-form{ position:relative; right:auto; bottom:auto; width:auto; margin:-84px 8px 0; }
	.ja-hero-preuve{ display:none; }
	.ja-hero-garanties{ margin-top:4px; }
	.ja-hero-form + *{ margin-top:0; }
}
@media (min-width:901px) and (max-width:1240px){
	.ja-hero{ --ja-hf:380px; }
	.ja-hero-scene{ height:430px; }
	.ja-hero-intro{ grid-template-columns:minmax(0,520px) auto; column-gap:28px; }
}

/* ============ 7. Réassurances ============ */
.ja-reassurances{ padding-block:44px; }
.ja-reassurances-liste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.ja-reassurances-liste li{ display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:16px; align-items:start; }
.ja-rond{ grid-row:1 / span 3; width:48px; height:48px; border-radius:50%; background:var(--ja-brume); color:var(--ja-prusse); display:grid; place-items:center; }
.ja-rond .ja-picto{ width:24px; height:24px; }
.ja-reassure-titre{ font-size:18px; font-weight:750; font-stretch:105%; line-height:1.25; }
.ja-reassurances-liste p{ margin:4px 0 8px; font-size:16px; line-height:1.5; color:var(--ja-texte-doux); }
@media (max-width:900px){ .ja-reassurances-liste{ grid-template-columns:1fr; gap:24px; } }

/* ============ 8. Cartes ============ */
.ja-carte{ position:relative; background:#fff; border-radius:20px; box-shadow:var(--ja-ombre-carte); overflow:visible; transition:transform .25s, box-shadow .25s; }
.ja-carte:hover{ transform:translateY(-4px); box-shadow:var(--ja-ombre-flottante); }
.ja-carte-photo{ position:relative; display:block; border-radius:20px 20px 0 0; overflow:hidden; aspect-ratio:4/3; background:var(--ja-brume); }
.ja-carte-photo img,.ja-carte-photo .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.ja-carte:hover .ja-carte-photo img{ transform:scale(1.03); }
.ja-carte-corps{ padding:18px 20px 20px; }
.ja-carte-titre{ font-size:20px; font-weight:700; font-stretch:100%; line-height:1.22; margin:0; }
.ja-carte-titre a{ color:var(--ja-encre); text-decoration:none; }
.ja-carte-titre a:hover{ color:var(--ja-prusse); text-decoration:underline; }
.ja-carte-phrase{ margin:8px 0 0; font-size:15.5px; line-height:1.5; color:var(--ja-texte-doux); }
.ja-date{ display:inline-block; font:600 13px/1 var(--ja-titre); color:var(--ja-prusse); background:var(--ja-brume); border-radius:999px; padding:6px 12px; margin-bottom:10px; }
.ja-vignette{ display:block; flex:none; width:96px; height:96px; border-radius:14px; overflow:hidden; background:var(--ja-brume); }
.ja-vignette img,.ja-vignette .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; min-height:0; }
.ja-carte--compacte{ display:flex; gap:16px; align-items:center; padding:12px; }
.ja-carte--compacte .ja-carte-corps{ padding:0; min-width:0; }
.ja-carte--compacte .ja-carte-titre{ font-size:17px; }
.ja-carte--compacte .ja-date{ margin-bottom:6px; }

/* ============ 9. Parcours en 5 étapes ============ */
.ja-parcours{ padding-block:64px; }
.ja-parcours-liste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; position:relative; }
.ja-etape-carte{ position:relative; }
.ja-carte--parcours{ height:100%; }
.ja-carte--parcours .ja-carte-photo{ aspect-ratio:4/3; }
/* Le trait de rappel horizontal relie les cinq points d'une carte à l'autre */
.ja-parcours-liste .ja-carte-haut::after{ content:""; position:absolute; left:0; right:-20px; bottom:-1px; height:2px; background:var(--ja-prusse); opacity:.28; z-index:1; }
.ja-parcours-liste .ja-etape-carte:last-child .ja-carte-haut::after{ right:0; }
.ja-carte--parcours .ja-carte-corps{ padding:26px 18px 20px; }
.ja-carte--parcours .ja-carte-titre{ font-size:19px; }
.ja-carte--parcours .ja-carte-phrase{ font-size:14.5px; }
.ja-carte-guides{ list-style:none; margin:12px 0 0; padding:0; display:grid; gap:6px; }
.ja-carte-guides li{ font:600 13.5px/1.3 var(--ja-titre); padding-left:14px; position:relative; }
.ja-carte-guides li::before{ content:""; position:absolute; left:0; top:.5em; width:6px; height:6px; border-radius:50%; background:var(--ja-feu); }
.ja-carte-guides a{ color:var(--ja-prusse); text-decoration:none; }
.ja-carte-guides a:hover{ text-decoration:underline; }
@media (max-width:1240px){
	.ja-parcours-liste{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:36px; }
}
@media (max-width:900px){
	.ja-parcours-liste{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; row-gap:12px; }
	.ja-carte--parcours{ display:grid; grid-template-columns:116px minmax(0,1fr); }
	.ja-carte--parcours .ja-carte-haut{ min-width:0; }
	.ja-carte--parcours .ja-carte-photo{ aspect-ratio:auto; height:100%; min-height:128px; border-radius:20px 0 0 20px; }
	.ja-carte--parcours .ja-etiquette{ display:none; }
	.ja-carte--parcours .ja-carte-haut .ja-point-etape{ right:-12px; bottom:auto; top:14px; }
	.ja-parcours-liste .ja-carte-haut::after{ display:none; }
	.ja-carte--parcours .ja-carte-corps{ padding:14px 14px 14px 22px; align-self:center; }
	.ja-carte--parcours .ja-carte-titre{ font-size:17px; }
	.ja-carte--parcours .ja-carte-phrase{ font-size:14px; margin-top:4px; }
	.ja-carte-guides{ display:none; }
}
@media (max-width:620px){ .ja-parcours-liste{ grid-template-columns:minmax(0,1fr); } }

/* ============ 10. Outil « Feu de contrôle » ============ */
.ja-outil{ padding-block:64px; }
.ja-outil-grille{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:56px; align-items:center; }
.ja-outil-photo{ position:relative; margin:28px 0 0; border-radius:24px; overflow:hidden; aspect-ratio:16/9; background:var(--ja-brume); max-height:240px; }
.ja-outil-photo img,.ja-outil-photo .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; }
.ja-outil-carte{ background:#fff; border-radius:28px; box-shadow:var(--ja-ombre-flottante); padding:24px 28px 22px; border:1px solid var(--ja-filet); }
.ja-outil-questions{ list-style:none; margin:0; padding:0; counter-reset:q; }
.ja-outil-q{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; align-items:center; padding:9px 0; border-bottom:1px solid var(--ja-filet); counter-increment:q; }
.ja-outil-q:last-child{ border-bottom:0; }
.ja-outil-texte-q{ font:600 15px/1.3 var(--ja-titre); color:var(--ja-encre); }
.ja-outil-choix{ display:flex; flex-wrap:wrap; gap:5px; }
.ja-choix{ appearance:none; min-height:36px; padding:6px 12px; border-radius:999px; border:1.5px solid var(--ja-filet); background:#fff; color:var(--ja-encre); font:700 13px/1.2 var(--ja-titre); cursor:pointer; transition:border-color .15s, background .15s, color .15s; }
.ja-choix:hover{ border-color:var(--ja-prusse); }
.ja-choix[aria-pressed="true"]{ background:var(--ja-prusse); border-color:var(--ja-prusse); color:#fff; }
.ja-outil-resultat{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; margin-top:14px; padding:14px 16px; border-radius:18px; background:var(--ja-ivoire); }
.ja-feu{ display:flex; flex-direction:column; gap:5px; padding:7px; border-radius:999px; background:var(--ja-prusse); }
.ja-feu i{ width:14px; height:14px; border-radius:50%; background:rgba(255,255,255,.18); transition:background .3s, box-shadow .3s; }
.ja-outil-resultat[data-etat="vert"] .ja-feu i:nth-child(3){ background:var(--ja-feu); box-shadow:0 0 12px var(--ja-feu); }
.ja-outil-resultat[data-etat="ambre"] .ja-feu i:nth-child(2){ background:var(--ja-ambre); box-shadow:0 0 12px var(--ja-ambre); }
.ja-outil-resultat[data-etat="rouge"] .ja-feu i:nth-child(1){ background:var(--ja-rouge); box-shadow:0 0 12px var(--ja-rouge); }
.ja-outil-phrase{ margin:0 0 4px; font:650 15.5px/1.35 var(--ja-titre); color:var(--ja-encre); }
.ja-outil-verdict .ja-lien{ font-size:14.5px; }
@media (max-width:1100px){
	.ja-outil-grille{ grid-template-columns:1fr; gap:28px; }
	.ja-outil-photo{ display:none; }
}
@media (max-width:700px){
	.ja-outil-carte{ padding:18px 16px; }
	.ja-outil-q{ grid-template-columns:1fr; }
	.ja-outil-resultat{ grid-template-columns:auto 1fr; }
	.ja-outil-resultat .ja-btn{ grid-column:1 / -1; }
}

/* ============ 11. Actualités ============ */
.ja-actus{ padding-block:56px; }
.ja-actus-grille{ display:grid; grid-template-columns:minmax(0,6fr) minmax(0,4fr); gap:28px; align-items:stretch; }
.ja-carte--une{ display:flex; flex-direction:column; }
.ja-carte--une .ja-carte-photo{ aspect-ratio:16/10; max-height:270px; width:100%; }
.ja-carte--une .ja-carte-titre{ font-size:26px; font-stretch:105%; }
.ja-actus-compactes{ list-style:none; margin:0; padding:0; display:grid; gap:16px; align-content:start; }
@media (max-width:900px){ .ja-actus-grille{ grid-template-columns:1fr; } }

/* ============ 12. Repères chiffrés (bloc Prusse arrondi) ============ */
.ja-reperes{ padding-block:56px; }
.ja-bloc-prusse{ background:var(--ja-prusse); color:#fff; border-radius:28px; padding:48px 48px 44px; }
.ja-reperes-liste{ list-style:none; margin:36px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.ja-repere-chiffre{ margin:0; font-family:var(--ja-titre); font-weight:800; font-stretch:110%; font-size:clamp(44px,4.4vw,64px); line-height:1; color:#fff; font-variant-numeric:tabular-nums lining-nums; }
.ja-repere-chiffre small{ font-size:.38em; font-weight:700; color:var(--ja-feu); }
.ja-repere-texte{ margin:10px 0 6px; font-size:16px; line-height:1.45; color:rgba(255,255,255,.92); }
.ja-repere-source{ margin:0; font:500 13px/1.4 var(--ja-titre); color:rgba(255,255,255,.72); }
.ja-repere-source a{ color:#fff; }
@media (max-width:900px){ .ja-bloc-prusse{ padding:28px 20px; border-radius:20px; } .ja-reperes-liste{ grid-template-columns:1fr 1fr; gap:22px 16px; } }

/* ============ 13. Reprise et financement ============ */
.ja-reprise{ padding-block:64px; }
.ja-reprise-grille{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:64px; align-items:center; }
.ja-reprise-photo{ position:relative; margin:0; border-radius:28px; aspect-ratio:1/1; max-height:440px; width:100%; background:var(--ja-ivoire); }
.ja-reprise-photo img,.ja-reprise-photo .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; border-radius:28px; }
.ja-pilule-flottante{ position:absolute; left:-24px; bottom:36px; margin:0; display:inline-flex; align-items:center; gap:10px; padding:10px 18px 10px 10px; border-radius:999px; background:#fff; box-shadow:var(--ja-ombre-flottante); font:600 14px/1.2 var(--ja-titre); z-index:3; }
.ja-pilule-flottante b{ width:24px; height:24px; border-radius:50%; background:var(--ja-prusse); color:#fff; display:grid; place-items:center; font-size:12px; font-weight:800; }
.ja-pilule-flottante i{ width:18px; height:1.5px; background:var(--ja-texte-doux); }
.ja-coches{ list-style:none; margin:22px 0 28px; padding:0; display:grid; gap:12px; }
.ja-coches li{ display:grid; grid-template-columns:26px minmax(0,1fr); gap:12px; font-size:17px; line-height:1.5; }
.ja-coches .ja-picto{ width:26px; height:26px; padding:5px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); stroke-width:2.6; margin-top:2px; }
.ja-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; }
@media (max-width:900px){ .ja-reprise-grille{ grid-template-columns:1fr; gap:28px; } .ja-pilule-flottante{ left:12px; bottom:16px; } .ja-reprise-photo{ max-height:320px; } }

/* ============ 14. Équiper et partir ============ */
.ja-equiper{ padding-block:56px; }
.ja-equiper-bande{ position:relative; border-radius:28px; overflow:hidden; aspect-ratio:2400/600; min-height:200px; background:var(--ja-brume); }
.ja-equiper-cartes{ list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
@media (max-width:1100px){ .ja-equiper-cartes{ grid-template-columns:1fr 1fr; } }
@media (max-width:700px){ .ja-equiper-cartes{ grid-template-columns:1fr; } .ja-equiper-bande{ aspect-ratio:16/10; } }

/* ============ 15. Questions d'acheteurs ============ */
.ja-faq{ padding-block:64px; }
.ja-faq-grille{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:48px; align-items:start; }
.ja-faq-liste .ja-s-titre{ margin-bottom:24px; }
.ja-faq-item{ background:#fff; border-radius:16px; margin-bottom:10px; box-shadow:0 1px 2px rgba(20,41,74,.05); }
.ja-faq-item summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 20px; font:700 17px/1.3 var(--ja-titre); color:var(--ja-encre); min-height:56px; }
.ja-faq-item summary::-webkit-details-marker{ display:none; }
.ja-faq-signe{ flex:none; position:relative; width:30px; height:30px; border-radius:50%; background:var(--ja-prusse); transition:transform .25s; }
.ja-faq-signe::before,.ja-faq-signe::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; background:#fff; transform:translate(-50%,-50%); transition:opacity .2s; }
.ja-faq-signe::after{ transform:translate(-50%,-50%) rotate(90deg); }
.ja-faq-item[open] .ja-faq-signe{ transform:rotate(180deg); }
.ja-faq-item[open] .ja-faq-signe::after{ opacity:0; }
.ja-faq-item p{ margin:0; padding:0 20px 18px; font-size:16.5px; line-height:1.6; color:var(--ja-encre); }
.ja-faq-carte{ position:sticky; top:calc(var(--ja-menu-h) + 24px); background:var(--ja-prusse); color:#fff; border-radius:28px; padding:32px 28px; }
.ja-faq-carte-titre{ margin:0 0 12px; font-size:28px; line-height:1.12; }
.ja-faq-carte .ja-v1{ color:#fff; font-weight:800; font-stretch:112%; }
.ja-faq-carte .ja-v2{ color:var(--ja-feu); }
.ja-faq-carte p{ color:rgba(255,255,255,.9); font-size:16.5px; line-height:1.55; margin:0 0 20px; }
.ja-faq-carte p.ja-faq-carte-titre{ color:#fff; }
@media (max-width:900px){ .ja-faq-grille{ grid-template-columns:1fr; } .ja-faq-carte{ position:static; } }

/* ============ 16. Apparitions (une fois) ============ */
.ja-js .ja-apparait{ opacity:0; transform:translateY(16px); transition:opacity .4s ease, transform .4s ease; }
.ja-js .ja-apparait.est-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
	html{ scroll-behavior:auto; }
	*,*::before,*::after{ animation:none !important; transition:none !important; }
	.ja-js .ja-apparait{ opacity:1; transform:none; }
}

/* ============ 17. Pilules, grilles de cartes, listes ============ */
body.ja-corps{ overflow-x:clip; }
.ja-pilule{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 16px; border-radius:999px; border:1.5px solid var(--ja-prusse); background:transparent; color:var(--ja-prusse);
	font:600 14px/1.2 var(--ja-titre); text-decoration:none; cursor:pointer; transition:background .2s, color .2s; }
.ja-pilule:hover{ background:var(--ja-prusse); color:#fff; text-decoration:none; }
.ja-pilule b{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--ja-prusse); color:#fff; font-size:11px; font-weight:800; }
.ja-pilule:hover b{ background:#fff; color:var(--ja-prusse); }
.ja-grille{ display:grid; gap:28px 24px; }
.ja-grille--cartes{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.ja-grille--peu{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ja-grille--n1{ grid-template-columns:minmax(0,520px); }
.ja-grille--n2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ja-carte-haut{ position:relative; }
.ja-carte-haut .ja-point-etape{ right:16px; bottom:-12px; top:auto; transform:none; }
.ja-carte--grille{ display:flex; flex-direction:column; }
.ja-carte--grille .ja-carte-corps{ padding:24px 20px 20px; flex:1; display:flex; flex-direction:column; }
.ja-carte-meta{ margin:auto 0 0; padding-top:12px; font:500 13px/1.3 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-carte--grille .ja-carte-phrase{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:900px){ .ja-grille--cartes,.ja-grille--n2{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px){ .ja-grille--cartes,.ja-grille--peu,.ja-grille--n2,.ja-grille--n1{ grid-template-columns:minmax(0,1fr); } }
.ja-carte-cta{ grid-column:span var(--k,1); align-self:stretch; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px; background:var(--ja-prusse); color:#fff; border-radius:20px; padding:28px 32px; }
.ja-carte-cta p{ margin:0; color:rgba(255,255,255,.9); font-size:16.5px; line-height:1.5; max-width:34em; }
.ja-carte-cta .ja-carte-cta-titre{ color:#fff; font:800 26px/1.15 var(--ja-titre); font-stretch:110%; }
.ja-carte-cta .ja-v1{ color:#fff; } .ja-carte-cta .ja-v2{ color:var(--ja-feu); }
@media (max-width:900px){ .ja-carte-cta{ grid-column:1 / -1; } }
.ja-plus{ text-align:center; margin:40px 0 0; }
.ja-vide{ background:#fff; border-radius:20px; padding:28px; box-shadow:var(--ja-ombre-carte); font-size:17px; }
.ja-vide-liens{ list-style:none; margin:16px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.ja-rub-liste{ padding:8px 0 80px; background:var(--ja-ivoire); }
.ja-rub-liste .ja-s-titre--liste{ margin:24px 0 24px; }

/* Le guide phare : grande carte horizontale, photo bornée en hauteur (BE-0019) */
.ja-phare{ margin:0 0 40px; }
.ja-carte--large{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); overflow:visible; }
.ja-carte--large .ja-carte-haut{ min-height:clamp(380px, calc(100vh - 260px), 520px); max-height:520px; }
.ja-carte--large .ja-carte-photo{ position:absolute; inset:0; aspect-ratio:auto; border-radius:20px 0 0 20px; height:100%; }
.ja-carte--large .ja-carte-corps{ padding:40px 40px 36px; display:flex; flex-direction:column; justify-content:center; }
.ja-carte--large .ja-carte-titre{ font-size:clamp(24px,2.4vw,34px); line-height:1.15; font-stretch:108%; }
.ja-carte--large .ja-carte-phrase{ font-size:18px; -webkit-line-clamp:4; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.ja-carte--large .ja-carte-meta{ margin-top:18px; }
.ja-carte--large .ja-carte-haut .ja-point-etape{ right:-12px; bottom:auto; top:24px; }
@media (max-width:900px){
	.ja-carte--large{ grid-template-columns:1fr; }
	.ja-carte--large .ja-carte-haut{ min-height:0; aspect-ratio:16/10; max-height:none; }
	.ja-carte--large .ja-carte-photo{ border-radius:20px 20px 0 0; }
	.ja-carte--large .ja-carte-corps{ padding:26px 20px 22px; }
	.ja-carte--large .ja-carte-haut .ja-point-etape{ right:16px; top:auto; bottom:-12px; }
}

/* ============ 18. En-tête de rubrique (bloc Prusse arrondi) ============ */
.ja-rub-tete{ padding:4px 0 0; background:var(--ja-ivoire); }
.ja-rub-bloc{ position:relative; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:40px; align-items:center; background:var(--ja-prusse); color:#fff; border-radius:28px; padding:44px 48px; margin-bottom:56px; }
.ja-rub-bloc--encre{ background:var(--ja-encre); }
.ja-rub-num{ margin:0 0 6px; font-family:var(--ja-titre); font-weight:800; font-stretch:110%; font-size:clamp(88px,11vw,160px); line-height:.85; color:var(--ja-feu); font-variant-numeric:tabular-nums lining-nums; letter-spacing:-.02em; }
.ja-rub-titre{ color:#fff; font-size:clamp(32px,3.4vw,48px); line-height:1.08; font-weight:800; font-stretch:116%; letter-spacing:-.015em; text-wrap:balance; }
.ja-rub-phrase{ margin:14px 0 0; font-size:19px; line-height:1.5; color:rgba(255,255,255,.88); max-width:34em; }
.ja-rub-pilules{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.ja-rub-bloc .ja-pilule{ border-color:rgba(255,255,255,.65); color:#fff; }
.ja-rub-bloc .ja-pilule:hover{ background:rgba(255,255,255,.14); color:#fff; }
.ja-rub-bloc .ja-pilule[aria-pressed="true"]{ background:#fff; color:var(--ja-prusse); border-color:#fff; }
.ja-rub-bloc .ja-etiquette--statique{ margin-bottom:14px; }
.ja-rub-droite{ position:relative; margin:0 0 -32px; align-self:end; }
.ja-rub-photo{ border-radius:24px; overflow:hidden; aspect-ratio:4/3; background:var(--ja-brume); box-shadow:var(--ja-ombre-flottante); }
.ja-rub-photo img,.ja-rub-photo .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:900px){
	.ja-rub-bloc{ grid-template-columns:1fr; padding:26px 20px 24px; gap:24px; border-radius:20px; margin-bottom:36px; }
	.ja-rub-droite{ margin:0 0 -48px; }
	.ja-rub-num{ font-size:80px; }
}

/* ============ 19. Pages (gabarit sobre), contact, à propos, auteur, 404, recherche ============ */
.ja-page-tete{ background:var(--ja-brume); padding:8px 0 40px; border-radius:0 0 28px 28px; }
.ja-page-titre{ font-size:clamp(32px,4vw,56px); line-height:1.06; font-weight:800; font-stretch:118%; letter-spacing:-.015em; text-wrap:balance; }
.ja-page-titre .ja-v1{ font-weight:800; font-stretch:118%; }
.ja-page-corps-zone{ padding:48px 0 80px; }
.ja-page-corps{ max-width:var(--sb-lecture,680px); margin-inline:auto; }
.ja-ariane,.sbt-fil-ariane{ font:500 13.5px/1.4 var(--ja-titre); color:var(--ja-texte-doux); display:flex; flex-wrap:wrap; gap:6px; padding-block:16px; }
.sbt-fil-ariane a{ color:var(--ja-texte-doux); }
.sbt-fil-ariane a:hover{ color:var(--ja-prusse); }
.ja-recherche{ display:flex; gap:12px; align-items:flex-end; margin-top:24px; max-width:640px; }
.ja-recherche .ja-champ{ flex:1; }
.ja-champ input[type="search"],.ja-champ textarea{ width:100%; border:1.5px solid var(--ja-filet); border-radius:12px; padding:0 12px; font:500 16px var(--ja-titre); color:var(--ja-encre); background:#fff; appearance:none; }
.ja-champ input[type="search"]{ height:52px; }
.ja-champ textarea{ padding:12px; min-height:130px; resize:vertical; line-height:1.5; }
.ja-champ input[type="search"]:focus,.ja-champ textarea:focus{ outline:none; border-color:var(--ja-prusse); box-shadow:0 0 0 3px rgba(33,196,123,.3); }
.ja-recherche .ja-btn{ min-height:52px; }
.ja-piege{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
@media (max-width:620px){ .ja-recherche{ flex-direction:column; align-items:stretch; } }

.ja-hero-titre--page{ font-size:clamp(38px,5vw,76px); }
.ja-contact-tete{ background:var(--ja-ivoire); padding:0 0 56px; }
.ja-contact-haut{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:40px; align-items:stretch; }
.ja-contact-intro .ja-hero-titre--page{ font-size:clamp(32px,3.7vw,56px); line-height:1.04; }
.ja-contact-intro .ja-hero-titre .ja-v1,.ja-contact-intro .ja-hero-titre .ja-v2{ display:inline; }
.ja-contact-intro .ja-s-chapeau{ margin:12px 0 0; max-width:none; font-size:18px; }
.ja-contact-photo{ position:relative; margin:0; border-radius:28px; min-height:130px; height:136px; background:var(--ja-brume); box-shadow:var(--ja-ombre-carte); }
.ja-contact-cartes{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; align-items:stretch; }
.ja-form-carte--message{ display:flex; flex-direction:column; }
.ja-form-carte--message .ja-form{ display:flex; flex-direction:column; flex:1; }
.ja-form-carte--message .ja-form-titre{ margin-bottom:12px; }
.ja-form-carte--message .ja-champ{ margin-bottom:8px; }
.ja-form-carte--message .ja-form-grille{ margin-bottom:8px; }
.ja-form-carte--message textarea{ min-height:84px; height:92px; }
.ja-form-carte--message .ja-btn--bloc{ margin-top:auto; }
.ja-form-carte--message .ja-consent{ margin:2px 0 12px; }
.ja-btn--bloc{ width:100%; margin-top:12px; }
.ja-message-ok{ text-align:center; padding:24px 8px; }
.ja-message-ok .ja-picto{ width:44px; height:44px; padding:10px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); }
.ja-message-ok p{ margin:10px 0 0; font:500 15px/1.45 var(--ja-titre); }
.ja-bloc-prusse--rappel{ display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.ja-bloc-prusse-texte p{ color:rgba(255,255,255,.9); font-size:18px; line-height:1.55; max-width:30em; margin:16px 0 0; }
@media (max-width:900px){ .ja-contact-haut,.ja-contact-cartes{ grid-template-columns:1fr; gap:20px; } .ja-contact-photo{ order:-1; height:170px; } }

.ja-ap-tete{ background:var(--ja-ivoire); padding:4px 0 64px; }
.ja-ap-grille{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; }
.ja-ap-sur{ margin:0 0 10px; font:700 15px/1.2 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-ap-photo{ position:relative; margin:0; }
.ja-ap-cadre{ border-radius:28px; overflow:hidden; aspect-ratio:3/2; background:var(--ja-brume); box-shadow:var(--ja-ombre-carte); }
.ja-ap-cadre img,.ja-ap-cadre .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; }
.ja-s-titre--seul{ margin-bottom:28px; }
.ja-ap-non-liste{ list-style:none; margin:0; padding:0; display:grid; gap:12px; max-width:720px; }
.ja-ap-non-liste li{ display:flex; align-items:center; gap:14px; background:#fff; border-radius:999px; padding:14px 24px 14px 18px; font:600 17px/1.35 var(--ja-titre); box-shadow:0 1px 2px rgba(20,41,74,.05); }
.ja-verdict--rouge{ background:var(--ja-rouge); }
.ja-ap-transparence{ margin:16px 0 0; max-width:46em; color:rgba(255,255,255,.92); font-size:18px; line-height:1.6; }
.ja-lien--clair{ color:#fff; }
.ja-ap-pied{ padding:28px 0 56px; background:var(--ja-blanc); text-align:center; font-size:15px; }
.ja-ap-pied p{ margin:0 0 6px; color:var(--ja-texte-doux); }
.ja-ap-editeur{ font-weight:600; }
@media (max-width:900px){ .ja-ap-grille{ grid-template-columns:1fr; gap:28px; } .ja-ap-photo{ order:-1; } }

.ja-aut-tete{ background:var(--ja-brume); padding:4px 0 44px; border-radius:0 0 28px 28px; }
.ja-aut-grille{ display:grid; grid-template-columns:140px minmax(0,1fr); gap:36px; align-items:center; }
.ja-aut-photo{ width:140px; height:140px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--ja-feu); background:var(--ja-brume); }
.ja-aut-photo.ja-repli{ min-height:0; }
.ja-aut-bio{ margin:14px 0 0; font-size:18px; line-height:1.55; max-width:42em; }
.ja-aut-domaines{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.ja-aut-nb{ margin:14px 0 0; font:600 14px/1.3 var(--ja-titre); color:var(--ja-texte-doux); }
@media (max-width:700px){ .ja-aut-grille{ grid-template-columns:1fr; text-align:left; } }

.ja-404{ padding:24px 0 96px; background:var(--ja-ivoire); }
.ja-404 .ja-conteneur{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:56px; align-items:center; }
.ja-404-cadre{ position:relative; border-radius:28px; overflow:hidden; aspect-ratio:4/3; box-shadow:var(--ja-ombre-carte); }
.ja-404-code{ margin:0 0 8px; font:700 15px/1.2 var(--ja-titre); color:var(--ja-rouge); }
.ja-404-texte .ja-vide-liens{ margin:22px 0; }
@media (max-width:900px){ .ja-404 .ja-conteneur{ grid-template-columns:1fr; gap:28px; } }

/* ============ 20. Article : en-tête, corps, rail, « À lire aussi » ============ */
.ja-art-tete{ background:var(--ja-brume); border-radius:0 0 28px 28px; padding:0 0 48px; position:relative; z-index:1; }
.ja-art-tete-grille{ display:grid; grid-template-columns:minmax(0,11fr) minmax(0,9fr); gap:56px; align-items:start; }
.ja-art-reperes{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; min-height:36px; margin-bottom:16px; }
.ja-etiquette--statique{ position:relative; top:auto; left:auto; box-shadow:none; border:1px solid var(--ja-filet); }
.ja-etiquette--statique::before{ display:none; }
.ja-parcours-marque{ display:inline-flex; align-items:center; gap:12px; font:600 14px/1 var(--ja-titre); color:var(--ja-encre); }
.ja-parcours-marque b{ font-weight:800; font-variant-numeric:tabular-nums lining-nums; }
.ja-parcours-points{ display:inline-flex; align-items:center; }
.ja-parcours-points i{ width:12px; height:12px; border-radius:50%; background:#fff; border:2px solid var(--ja-prusse); position:relative; }
.ja-parcours-points i + i{ margin-left:14px; }
.ja-parcours-points i + i::before{ content:""; position:absolute; right:100%; top:50%; width:14px; height:2px; margin-top:-1px; background:var(--ja-prusse); opacity:.35; }
.ja-parcours-points i.est-fait{ background:var(--ja-prusse); }
.ja-parcours-points i.est-actif{ background:var(--ja-feu); border-color:var(--ja-prusse); box-shadow:0 0 0 3px rgba(33,196,123,.35); }
.ja-date--grande{ font-size:14px; padding:8px 16px; background:#fff; margin:0; }
.ja-art-titre{ font-size:clamp(30px,3.6vw,52px); line-height:1.06; font-weight:800; font-stretch:118%; letter-spacing:-.015em; text-wrap:balance; max-width:20em; }
.ja-art-chapo{ margin:16px 0 0; font-weight:500; font-size:clamp(18px,1.4vw,21px); line-height:1.5; color:var(--ja-encre); max-width:34em; }
.ja-art-auteur{ display:flex; align-items:center; gap:14px; margin-top:24px; }
.ja-art-auteur img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
.ja-art-auteur-nom{ font:700 15px/1.2 var(--ja-titre); color:var(--ja-encre); text-decoration:none; }
.ja-art-auteur-nom:hover{ text-decoration:underline; }
.ja-art-dates{ margin:2px 0 0; font:500 13.5px/1.35 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-art-tete-photo{ position:relative; margin:52px 0 0; }
.ja-art-photo-cadre{ border-radius:24px; overflow:hidden; aspect-ratio:4/3; max-height:420px; width:100%; background:#fff; box-shadow:var(--ja-ombre-flottante); }
.ja-art-img,.ja-art-photo-cadre img,.ja-art-photo-cadre .ja-repli{ width:100%; height:100%; object-fit:cover; display:block; }
.ja-art-guide-ligne{ display:none; }
.ja-art-mise-en-page{ padding-top:56px; margin-top:-28px; }
@media (max-width:900px){
	.ja-art-tete-grille{ grid-template-columns:1fr; gap:20px; }
	.ja-art-tete-photo{ order:-1; margin-top:0; }
	.ja-art-photo-cadre{ aspect-ratio:auto; height:220px; border-radius:20px; }
	.ja-art-tete-photo .ja-points{ display:none; }
	.ja-art-guide-ligne{ display:flex; align-items:center; gap:10px; order:-1; margin:0; font:600 14px/1.3 var(--ja-titre); }
	.ja-art-tete{ padding-bottom:36px; }
}

.sbt-article-corps{ font-family:var(--ja-texte); font-size:18px; line-height:1.72; color:var(--ja-encre); }
.sbt-article-corps h2{ font-family:var(--ja-titre); font-size:clamp(25px,2.6vw,38px); line-height:1.12; font-weight:750; font-stretch:112%; letter-spacing:-.012em; margin:2em 0 .6em; scroll-margin-top:96px; }
.sbt-article-corps h3{ font-family:var(--ja-titre); font-size:clamp(19px,1.7vw,22px); line-height:1.25; font-weight:700; margin:1.7em 0 .45em; }
.sbt-article-corps a{ color:var(--ja-prusse); text-decoration-color:var(--ja-feu); text-decoration-thickness:.12em; }
.sbt-article-corps a:hover{ text-decoration-color:var(--ja-prusse); }
.sbt-article-corps strong{ font-weight:700; }
.sbt-article-corps ul,.sbt-article-corps ol{ margin:1.2em 0 1.4em; padding:0; list-style:none; }
.sbt-article-corps ul li{ position:relative; padding-left:28px; margin-bottom:.6em; }
.sbt-article-corps ul li::before{ content:""; position:absolute; left:4px; top:.62em; width:10px; height:10px; border-radius:50%; background:var(--ja-feu); box-shadow:0 0 0 3px rgba(33,196,123,.22); }
.sbt-article-corps ol{ counter-reset:ja-ol; }
.sbt-article-corps ol li{ position:relative; padding-left:42px; margin-bottom:.8em; counter-increment:ja-ol; }
.sbt-article-corps ol li::before{ content:counter(ja-ol); position:absolute; left:0; top:.1em; width:28px; height:28px; border-radius:50%; background:var(--ja-prusse); color:#fff; font:800 13px/28px var(--ja-titre); text-align:center; }
.sbt-article-corps img{ border-radius:20px; }
.sbt-article-corps figure{ margin:1.6em 0; }
.sbt-article-corps figcaption{ font:500 14px/1.4 var(--ja-titre); color:var(--ja-texte-doux); margin-top:8px; }
.sbt-article-corps table{ width:100%; border-collapse:separate; border-spacing:0; margin:1.6em 0; font:500 15.5px/1.45 var(--ja-titre); background:#fff; border:1px solid var(--ja-filet); border-radius:16px; overflow:hidden; }
.sbt-article-corps th{ background:var(--ja-brume); color:var(--ja-prusse); text-align:left; font-weight:700; padding:12px 14px; }
.sbt-article-corps td{ padding:12px 14px; border-top:1px solid var(--ja-filet); vertical-align:top; }
.sbt-article-corps blockquote{ border-left-color:var(--ja-feu); background:var(--ja-brume); border-radius:0 16px 16px 0; font-style:normal; }
.sbt-article-corps blockquote p:last-child{ margin-bottom:0; }
@media (max-width:700px){
	.sbt-article-corps{ font-size:17px; }
	.sbt-article-corps table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }
}

.ja-pour-aller-plus-loin{ margin:2.4em 0; padding:26px 28px; border-radius:20px; background:var(--ja-prusse); color:#fff; }
.ja-pal-titre{ margin:0 0 8px; font:800 21px/1.2 var(--ja-titre); font-stretch:110%; color:#fff; }
.ja-pour-aller-plus-loin p{ margin:0 0 16px; color:rgba(255,255,255,.92); font-size:17px; line-height:1.55; }
.ja-pour-aller-plus-loin a:not(.ja-btn){ color:#fff; font-weight:700; }

/* Rail : sommaire + formulaire en UN bloc collant, plus court que la fenêtre, jamais de défilement interne (R-1918) */
.sbt-rail{ top:calc(var(--ja-menu-h) + 16px); gap:0; padding:0; border-left:0; background:#fff; border:1px solid var(--ja-filet); border-radius:20px; box-shadow:var(--ja-ombre-carte); overflow:visible; }
.sbt-rail > * + *{ border-top:1px solid var(--ja-filet); }
.sbt-rail-carte{ border:0; border-radius:0; padding:16px 18px; background:transparent; }
.sbt-rail .sbt-sommaire ol{ list-style:none; margin:8px 0 0; padding:0; }
.sbt-rail .sbt-sommaire li{ margin:0; }
.sbt-rail .sbt-sommaire a{ display:flex; gap:10px; align-items:baseline; padding:5px 0; font:600 14px/1.3 var(--ja-titre); color:var(--ja-encre); text-decoration:none; border:0; }
.sbt-rail .sbt-sommaire a:hover,.sbt-rail .sbt-sommaire a[aria-current="true"]{ color:var(--ja-prusse); }
.sbt-rail .sbt-sommaire a[aria-current="true"] .sbt-sommaire-num{ background:var(--ja-feu); color:var(--ja-prusse); }
.sbt-rail .sbt-sommaire-num{ flex:none; min-width:24px; height:20px; border-radius:999px; background:var(--ja-brume); color:var(--ja-prusse); font:800 11px/20px var(--ja-titre); text-align:center; }
.sbt-rail .sbt-sommaire-libelle{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sbt-rail .sbt-sommaire-titre{ font:800 15px/1.2 var(--ja-titre); color:var(--ja-prusse); cursor:default; list-style:none; }
.sbt-rail.est-compact .sbt-sommaire a{ padding:3px 0; font-size:13px; }
.sbt-rail.est-compact .sbt-rail-carte{ padding:12px 16px; }
.sbt-rail.est-tres-compact .sbt-sommaire-libelle{ -webkit-line-clamp:1; }
.ja-form-carte--rail{ box-shadow:none; border-radius:0 0 20px 20px; padding:14px 18px 16px; }
.ja-form-carte--rail .ja-form-promesse{ display:none; }
.ja-form-carte--rail .ja-etape-legende{ font-size:17px; margin:8px 0; }
.ja-form-carte--rail .ja-tuiles--projet .ja-picto{ display:none; }
.ja-form-carte--rail .ja-tuile{ font-size:13px; padding:6px 10px; min-height:40px; }
.ja-form-carte--rail .ja-form-ligne--cp{ margin-top:8px; }
.ja-form-carte--rail .ja-champ input,.ja-form-carte--rail .ja-champ select{ height:42px; }
.ja-form-carte--rail .ja-form-grille{ grid-template-columns:1fr; gap:8px; }
.ja-rail-lien{ padding:18px; }
.ja-rail-lien-titre{ margin:0 0 6px; font:800 17px/1.2 var(--ja-titre); color:var(--ja-prusse); }
.ja-rail-lien p{ margin:0 0 12px; font:500 14.5px/1.45 var(--ja-titre); }
.ja-rail-lien .ja-btn{ width:100%; }
@media (max-width:1080px){ .sbt-rail{ border-radius:20px; } }

.ja-a-lire{ background:var(--ja-brume); padding:56px 0 72px; }
.ja-a-lire-titre{ margin:0 0 24px; font:800 clamp(24px,2.4vw,32px)/1.15 var(--ja-titre); font-stretch:112%; color:var(--ja-encre); }
.sbt-article-mise-en-page{ padding-bottom:72px; }
.ja-art-mise-en-page{ column-gap:clamp(32px,4vw,56px); }

/* Blocs visuels du corps d'article : encadrés figés + blocs tirés du texte (ja_blocs_the_content) */
.sbt-encadre-titre{ text-transform:none; letter-spacing:0; font:800 15px/1.2 var(--ja-titre); }
.sbt-encadre--retenir .sbt-encadre-titre{ color:var(--ja-feu); }
.sbt-encadre--saviez{ border:1px solid var(--ja-filet); background:#fff; }
.ja-bloc{ margin:1.1em 0 1.8em; padding:20px 24px; border-radius:20px; font-size:17px; line-height:1.65; }
.ja-bloc > :last-child{ margin-bottom:0; }
.ja-bloc p:not(.ja-bloc-etiquette){ margin:0 0 .8em; }
.ja-bloc-etiquette{ display:flex; align-items:center; gap:10px; margin:0 0 10px; font:800 14px/1.2 var(--ja-titre); color:var(--ja-encre); }
.ja-bloc--incertain{ background:var(--ja-ivoire); border:1.5px dashed #b9c1cd; color:var(--ja-texte-doux); }
.ja-bloc--incertain .ja-verdict{ background:#8a95a5; }
.ja-bloc--attention{ background:#FFF4DC; border-left:6px solid var(--ja-ambre); border-radius:6px 20px 20px 6px; }
.ja-bloc--attention .ja-verdict{ background:var(--ja-ambre); }
.ja-bloc--liens{ background:var(--ja-brume); }
.ja-bloc--liens .ja-verdict{ background:var(--ja-prusse); }
.ja-bloc--liens ul{ margin:0; }
.ja-bloc--repere{ background:#fff; box-shadow:var(--ja-ombre-carte); border-left:6px solid var(--ja-feu); border-radius:6px 20px 20px 6px; }
.ja-repere-phrase{ font:750 clamp(20px,1.9vw,25px)/1.3 var(--ja-titre); font-stretch:105%; color:var(--ja-prusse); margin:0 !important; text-wrap:balance; }
@media (max-width:700px){ .ja-bloc{ padding:16px 18px; font-size:16.5px; } }

/* Boîte auteur (bloc figé) : écusson rond à anneau feu */
.sbt-auteur .sbt-auteur-photo__img,.sbt-auteur .avatar{ border-radius:50%; box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ja-feu); object-fit:cover; }
.sbt-auteur .sbt-btn{ background:var(--ja-prusse); color:#fff; }
.sbt-auteur .sbt-btn--fantome{ background:transparent; color:var(--ja-prusse); border:1.5px solid var(--ja-prusse); }

/* ============ 21. Pied de page (bloc figé habillé) ============ */
.ja-pied.sbt-footer{ background:var(--ja-prusse); color:rgba(255,255,255,.88); padding-block:64px 28px; margin-top:0; }
.ja-pied.sbt-footer a{ color:rgba(255,255,255,.88); }
.ja-pied.sbt-footer a:hover{ color:#fff; }
.ja-pied .ja-pied-grille{ display:grid; grid-template-columns:1.3fr 1.1fr 1.4fr 1fr; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.16); }
.ja-pied .sbt-footer-colonne .sbt-t4{ font:800 16px/1.2 var(--ja-titre); text-transform:none; letter-spacing:0; color:#fff; margin:0 0 16px; }
.ja-pied .sbt-footer-colonne ul,.ja-pied-parcours{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.ja-pied .sbt-footer-colonne ul a,.ja-pied-parcours a{ font:500 15px/1.35 var(--ja-titre); text-decoration:none; }
.ja-pied .sbt-footer-colonne ul a:hover,.ja-pied-parcours a:hover{ text-decoration:underline; }
.ja-pied-parcours a{ display:flex; align-items:center; gap:10px; }
.ja-pied-num{ display:inline-grid; place-items:center; flex:none; width:22px; height:22px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); font:800 11px/1 var(--ja-titre); }
.ja-pied .sbt-footer-desc{ color:rgba(255,255,255,.82); font:500 15px/1.55 var(--ja-texte); margin:16px 0 0; max-width:30ch; }
.ja-pied-discret{ opacity:.8; }
.ja-pied.sbt-footer .sbt-footer-bas.ja-pied-bas{ display:flex; justify-content:space-between; align-items:center; gap:16px 24px; flex-wrap:wrap; padding-top:24px; font:500 14px/1.4 var(--ja-titre); color:rgba(255,255,255,.78); }
.ja-pied .ja-btn--plein,.ja-pied.sbt-footer a.ja-btn--plein{ color:var(--ja-prusse); }
@media (max-width:980px){ .ja-pied .ja-pied-grille{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .ja-pied .ja-pied-grille{ grid-template-columns:1fr; gap:28px; } .ja-pied.sbt-footer{ padding-block:44px 24px; } }

.ja-cookies.sbt-cookies{ background:var(--ja-prusse); max-height:none; left:16px; right:auto; bottom:16px; width:min(540px,calc(100% - 32px)); border-radius:16px; padding:10px 14px; flex-wrap:nowrap; gap:12px; }
.ja-cookies p{ font:500 13px/1.3 var(--ja-titre); }
.ja-cookies .sbt-btn{ background:var(--ja-feu); color:var(--ja-prusse); min-height:40px; padding:6px 16px; font:700 14px var(--ja-titre); }
.ja-cookies .sbt-btn--fantome{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.7); }
@media (max-width:700px){
	.ja-cookies.sbt-cookies{ left:0; right:0; bottom:0; width:auto; border-radius:0; padding:8px 12px; gap:8px; max-height:64px; }
	.ja-cookies p{ font-size:12px; line-height:1.25; }
	.ja-cookies .sbt-btn{ padding:6px 12px; font-size:13px; }
	.ja-cookies .sbt-cookies-actions{ gap:6px; }
}

/* ============ 22. Petits écrans : dernières retouches ============ */
@media (max-width:700px){
	.ja-s-titre{ font-size:26px; }
	.ja-s-tete{ margin-bottom:24px; }
	.ja-hero-titre{ font-size:8.4vw; }
	.ja-tuiles--projet{ grid-template-columns:1fr 1fr; }
	.ja-form-carte{ padding:16px 16px 14px; border-radius:24px; }
	.ja-carte--compacte{ padding:10px; }
	.ja-vignette{ width:80px; height:80px; }
	.ja-reperes-liste{ grid-template-columns:1fr 1fr; }
}
.ja-reperes-liste{ grid-template-columns:repeat(var(--n,4),minmax(0,1fr)); }
@media (max-width:900px){ .ja-reperes-liste{ grid-template-columns:1fr 1fr; } }
@media (max-width:480px){ .ja-reperes-liste{ grid-template-columns:1fr; } }

/* Tablettes : le troisième point du hero passerait sous la carte-formulaire */
@media (min-width:901px) and (max-width:1240px){ .ja-hero .ja-point:nth-child(3){ display:none; } }
.ja-bloc-etiquette .ja-picto{width:18px;height:18px;flex:none;margin-right:8px;vertical-align:-3px;color:currentColor}
/* sortie n°1 (10/10) : bouton « Envoyer le message » au-dessus du pli à 390×700 */
@media (max-width:600px){
  .ja-contact-photo{ height:96px !important; min-height:96px; border-radius:20px; }
  .ja-contact-haut textarea, .ja-contact textarea{ min-height:64px; height:64px; }
  .ja-contact-tete h1{ margin-bottom:8px; }
  .ja-contact-tete p{ margin-bottom:12px; }
}
.ja-logo-symbole--img{width:36px;height:36px;display:block;flex:none}@media (max-width:600px){.ja-contact-tete{padding-top:12px!important}.ja-contact-photo{height:72px!important;min-height:72px}.ja-contact-tete h1{font-size:30px;line-height:1.1}.ja-contact-tete .ja-chapo,.ja-contact-tete p{font-size:15px;line-height:1.45}#ja-msg-texte{min-height:56px;height:56px}}
/* sortie n°3 : pastille d'étape de la page auteur qui sortait du cadre à 390 */
@media (max-width:600px){ .ja-point-etape{ right:10px !important; } .ja-carte-haut .ja-point-etape{ bottom:8px !important; top:auto !important; } }
/* sortie n°4 : pastilles d'étape toujours DANS le cadre de la photo (BE-0044, hors_cadre) */
.ja-carte-haut .ja-point-etape,
.ja-carte--large .ja-carte-haut .ja-point-etape,
.ja-carte--parcours .ja-carte-haut .ja-point-etape{ right:12px !important; bottom:12px !important; top:auto !important; transform:none !important; }

/* =====================================================================================================
   CORRECTIONS n°2 (10/10/2026, après juge visuel ROUGE) — ajouts en fin de feuille, mêmes jetons.
   ===================================================================================================== */
.ja-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* ---- 3. Accueil : plus de quart vide à droite du titre (carte de preuve) ---- */
.ja-hero-carte{ display:none; }
@media (min-width:1181px){
	.ja-hero-grille{ grid-template-columns:minmax(0,1fr) 336px; column-gap:40px; }
	.ja-hero-titre{ grid-column:1; grid-row:1; }
	.ja-hero-intro{ grid-column:1; grid-row:2; grid-template-columns:minmax(0,640px); }
	.ja-hero-garanties{ display:none; }
	.ja-hero-preuve{ display:none; }
	.ja-hero-scene{ grid-column:1 / -1; grid-row:3; }
	.ja-hero-carte{ display:flex; flex-direction:column; justify-content:center; gap:14px; grid-column:2; grid-row:1 / span 2; margin:6px 0 0; padding:20px 26px 22px; border-radius:28px; background:var(--ja-prusse); color:#fff; box-shadow:var(--ja-ombre-flottante); }
	.ja-hero-carte-chiffre{ display:flex; align-items:baseline; gap:14px; margin:0; font-family:var(--ja-titre); }
	.ja-hero-carte-chiffre b{ font:850 clamp(52px,4vw,68px)/.9 var(--ja-titre); font-stretch:118%; color:var(--ja-feu); font-variant-numeric:tabular-nums lining-nums; }
	.ja-hero-carte-chiffre span{ font:700 16px/1.25 var(--ja-titre); color:#fff; max-width:9em; }
	.ja-hero-carte-liste{ list-style:none; margin:0; padding:14px 0 0; border-top:1px solid rgba(255,255,255,.18); display:grid; gap:8px; font:600 15px/1.3 var(--ja-titre); }
	.ja-hero-carte-liste li{ display:flex; align-items:center; gap:10px; }
	.ja-hero-carte-liste .ja-picto{ flex:none; width:22px; height:22px; padding:4px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); stroke-width:2.6; }
}
@media (min-width:1181px) and (max-width:1320px){ .ja-hero-grille{ grid-template-columns:minmax(0,1fr) 300px; column-gap:28px; } }

/* ---- 9. Mobile : la photo annotée reste visible, entière, sous la carte-formulaire ---- */
@media (max-width:900px){
	.ja-hero-scene{ display:flex; flex-direction:column; }
	.ja-hero-form{ order:1; margin:0; }
	.ja-hero-photo{ order:2; height:236px; margin-top:18px; }
}
@media (max-width:700px){
	.ja-hero .ja-point-etiquette{ display:inline-flex; position:static; padding:4px 10px 4px 6px; font-size:12.5px; gap:6px; }
	.ja-hero .ja-point-trait{ display:block; width:8px; }
	.ja-hero .ja-point .ja-verdict{ width:11px; height:11px; }
	/* À propos et Contact : pas de numéros sans étiquette */
	.ja-ap-photo .ja-points,.ja-contact-photo .ja-points{ display:none; }
}

/* ---- 4. Pied de page équilibré ---- */
.ja-pied .ja-pied-grille{ grid-template-columns:1.15fr 1.05fr 2.5fr .95fr; gap:40px 44px; align-items:start; }
.ja-pied .sbt-footer-colonne ul.ja-pied-guides-liste{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 28px; align-items:start; }
.ja-pied .ja-pied-guides-liste a{ line-height:1.35; text-wrap:pretty; }
.ja-pied .sbt-footer-colonne ul,.ja-pied-parcours{ gap:12px; }
@media (max-width:1180px){ .ja-pied .ja-pied-grille{ grid-template-columns:1fr 1fr; } .ja-pied .ja-pied-guides{ grid-column:1 / -1; order:5; } }
@media (max-width:640px){ .ja-pied .sbt-footer-colonne ul.ja-pied-guides-liste{ grid-template-columns:1fr; } }
@media (max-width:560px){ .ja-pied .ja-pied-grille{ grid-template-columns:1fr; } }

/* ---- 13. Bandeau cookies : barre fine pleine largeur ---- */
.ja-cookies.sbt-cookies{ left:0; right:0; bottom:0; width:auto; max-height:56px; border-radius:0; padding:8px 24px; gap:20px; justify-content:center; box-shadow:0 -6px 24px -10px rgba(20,41,74,.4); }
.ja-cookies.sbt-cookies p{ flex:0 1 auto; font:500 14px/1.3 var(--ja-titre); }
.ja-cookies .sbt-btn{ min-height:36px; padding:4px 16px; }
@media (max-width:700px){
	.ja-cookies.sbt-cookies{ max-height:64px; padding:6px 12px; gap:10px; justify-content:space-between; }
	.ja-cookies.sbt-cookies p{ flex:1 1 auto; font-size:11.5px; line-height:1.25; }
	.ja-cookies .sbt-btn{ min-height:34px; padding:3px 11px; font-size:12.5px; }
}

/* ---- 14. Questions d'acheteurs : la carte de droite suit la hauteur de la liste ---- */
.ja-faq-grille{ align-items:stretch; }
.ja-faq-carte{ position:static; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.ja-faq-carte .ja-btn{ align-self:flex-start; }
@media (max-width:900px){ .ja-faq-carte{ justify-content:flex-start; } }

/* ---- 5. Corps d'article : étapes numérotées, exergue, À vérifier, même parcours ---- */
.ja-etapes{ list-style:none; margin:1.6em 0 2em; padding:0; display:grid; gap:0; counter-reset:etape; position:relative; }
.ja-etape{ position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:16px; padding:0 0 20px; margin:0; }
.ja-etape:last-child{ padding-bottom:0; }
.ja-etape::before{ content:""; position:absolute; left:21px; top:44px; bottom:0; width:2px; background:var(--ja-filet); }
.ja-etape:last-child::before{ display:none; }
.ja-etape-n{ grid-row:1; width:44px; height:44px; border-radius:50%; background:var(--ja-prusse); color:#fff; display:grid; place-items:center; font:800 18px/1 var(--ja-titre); box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--ja-feu); position:relative; z-index:1; }
.ja-etape-corps{ background:#fff; border:1px solid var(--ja-filet); border-radius:16px; padding:14px 20px; font-size:17px; line-height:1.6; box-shadow:0 1px 2px rgba(20,41,74,.05); }
.ja-etape-corps > :last-child{ margin-bottom:0; }
.ja-bloc--exergue{ background:var(--ja-prusse); color:#fff; border-radius:6px 24px 24px 6px; border-left:6px solid var(--ja-feu); padding:22px 28px; }
.ja-bloc--exergue .ja-bloc-etiquette{ color:var(--ja-feu); }
.ja-bloc--exergue .ja-repere-phrase{ color:#fff; }
.ja-bloc--verifier{ background:#EAF8F1; border-left:6px solid var(--ja-feu); border-radius:6px 20px 20px 6px; }
.ja-bloc--verifier .ja-bloc-etiquette .ja-picto{ color:var(--ja-feu); }
.ja-bloc--parcours{ background:var(--ja-brume); }
.ja-bloc--parcours ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.ja-bloc--parcours li{ margin:0; padding:0; }
.ja-bloc--parcours li::before,.ja-bloc--parcours li::marker{ content:none; display:none; }
.ja-bloc--parcours a{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; background:#fff; border-radius:14px; font:700 16.5px/1.35 var(--ja-titre); color:var(--ja-encre); text-decoration:none; box-shadow:0 1px 2px rgba(20,41,74,.05); }
.ja-bloc--parcours a::after{ content:"→"; flex:none; color:var(--ja-prusse); font-weight:800; }
.ja-bloc--parcours a:hover{ box-shadow:var(--ja-ombre-carte); text-decoration:none; }
@media (max-width:700px){ .ja-etape{ grid-template-columns:36px minmax(0,1fr); column-gap:12px; } .ja-etape-n{ width:36px; height:36px; font-size:16px; } .ja-etape::before{ left:17px; top:36px; } .ja-etape-corps{ padding:12px 14px; font-size:16.5px; } .ja-bloc--exergue{ padding:18px 20px; } }

/* ---- 7. Fiche auteur du bas d'article : nom dans la police de titre du site ---- */
.sbt-auteur .sbt-auteur-nom,.sbt-auteur .sbt-auteur-nom a{ font:800 24px/1.2 var(--ja-titre); font-stretch:110%; color:var(--ja-encre); }
.sbt-auteur .sbt-auteur-sur,.sbt-auteur .sbt-auteur-role{ font-family:var(--ja-titre); }

/* ---- 11. Page auteur : son nom en titre, ses sujets dessous ---- */
.ja-aut-sujets{ margin:10px 0 0; font:600 17px/1.35 var(--ja-titre); color:var(--ja-texte-doux); }

/* ---- 10. À propos : demi-bandes remplies, équipe visible, schéma de la mise en relation ---- */
.ja-ap-non-grille{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
.ja-ap-non-liste{ max-width:none; }
.ja-ap-equipe{ background:#fff; border-radius:28px; padding:28px 30px; box-shadow:var(--ja-ombre-carte); }
.ja-ap-equipe-titre{ margin:0 0 18px; font:800 22px/1.2 var(--ja-titre); font-stretch:110%; }
.ja-ap-equipe-liste{ list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.ja-ap-pers{ display:grid; grid-template-columns:84px minmax(0,1fr); gap:18px; align-items:center; text-decoration:none; color:var(--ja-encre); }
.ja-ap-pers-photo{ width:84px; height:84px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ja-feu); background:var(--ja-brume); }
.ja-ap-pers-texte{ display:grid; gap:2px; }
.ja-ap-pers-texte b{ font:800 18px/1.2 var(--ja-titre); }
.ja-ap-pers-texte span{ font:500 15px/1.4 var(--ja-titre); color:var(--ja-texte-doux); }
.ja-ap-pers-texte .ja-lien-faux{ font:700 14px/1.2 var(--ja-titre); font-style:normal; color:var(--ja-prusse); text-decoration:underline; text-underline-offset:3px; margin-top:4px; }
.ja-ap-pers:hover .ja-lien-faux{ color:var(--ja-feu-survol); }
.ja-ap-vie{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:48px; align-items:center; }
.ja-schema{ list-style:none; margin:0; padding:0; display:grid; gap:0; }
.ja-schema li{ position:relative; display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:16px; align-items:center; padding:0 0 22px; }
.ja-schema li:last-child{ padding-bottom:0; }
.ja-schema li::before{ content:""; position:absolute; left:27px; top:56px; bottom:0; width:2px; background:rgba(255,255,255,.28); }
.ja-schema li:last-child::before{ display:none; }
.ja-schema-pastille{ grid-row:1 / span 2; width:56px; height:56px; border-radius:50%; background:var(--ja-feu); color:var(--ja-prusse); display:grid; place-items:center; }
.ja-schema-pastille .ja-picto{ width:26px; height:26px; stroke-width:2.2; }
.ja-schema b{ font:800 18px/1.2 var(--ja-titre); align-self:end; }
.ja-schema li > span:not(.ja-schema-pastille){ font:500 15px/1.4 var(--ja-titre); color:rgba(255,255,255,.82); align-self:start; }
@media (max-width:900px){ .ja-ap-non-grille,.ja-ap-vie{ grid-template-columns:1fr; gap:28px; } .ja-ap-equipe{ padding:22px 20px; } }

/* ---- 6. Typographie française : jamais un signe de ponctuation seul en début de ligne ---- */
.ja-carte-titre,.ja-carte-phrase,.ja-art-chapo{ text-wrap:pretty; }

/* Premier écran 1440×780 : la carte-formulaire entière reste au-dessus de la barre de cookies (≤ 56 px) */
@media (min-width:1181px){
	.ja-hero{ padding-top:20px; }
	.ja-hero-grille{ row-gap:8px; }
	.ja-hero-scene{ margin-top:2px; }
}

/* Pied de page : interligne normal dans les listes (aucune hauteur de ligne héritée) */
.ja-pied .sbt-footer-colonne li,.ja-pied-parcours li{ margin:0 !important; padding:0 !important; line-height:1.35 !important; min-height:0 !important; }
.ja-pied .sbt-footer-colonne ul a,.ja-pied-guides-liste a{ display:inline !important; line-height:1.35 !important; padding:0 !important; min-height:0 !important; }
.ja-pied-parcours a{ display:flex !important; }

/* Questions d'acheteurs : le titre de la carte garde sa taille (la règle des paragraphes de la carte l'écrasait) */
.ja-faq-carte p.ja-faq-carte-titre{ font-size:clamp(26px,2.3vw,32px); line-height:1.12; margin:0 0 14px; }
.ja-faq-carte p:not(.ja-faq-carte-titre){ max-width:26em; }