/*
 * haut.css : tout ce qui sert au premier écran de toutes les pages.
 * Polices, jetons (couleurs, tailles), base, mise en page, entête et menu, barre fixe du mobile,
 * boutons, fenêtre, feuillage, grand cercle, fil d'Ariane, surtitre, grand titre.
 * Le reste des composants est dans suite.css, chargé juste après. Mobile d'abord (390 px),
 * puis paliers à 640, 960, 1280 (entête ordinateur) et 1280 px (marges de 80 px).
 */

/* ---------- Polices (hébergées dans le thème) ---------- */
@font-face{font-family:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url("../polices/lora-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:500;font-display:swap;src:url("../polices/lora-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:italic;font-weight:500;font-display:swap;src:url("../polices/lora-latin-500-italic.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:600;font-display:swap;src:url("../polices/lora-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url("../polices/lora-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../polices/poppins-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../polices/poppins-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../polices/poppins-latin-600-normal.woff2") format("woff2")}

/* ---------- Jetons ---------- */
:root{
	/* Couleurs de base (cadrage/03-charte-graphique.md) */
	--creme:#fdf5ec;
	--blanc:#fff;
	--encre:#2d2a26;
	--encre-douce:#5d5a52;
	--texte-courant:#3f3c36;
	--filet:#e3d9c8;
	--filet-barre:#e3ddd2;
	--etiquette-fond:#efe6d6;
	--etiquette-texte:#6b5d43;
	--attente:#6f6a60;
	--filet-puce:#cfc6b6;
	--vert:#5f7a51;
	--vert-cercle:#6c8a5d;
	--vert-fonce:#3f5535;
	--vert-titre:#4f6943;
	--vert-lisere:#708c60;
	--vert-clair:#eef2e8;
	--vert-pale:#dbe6cf;
	--recettes-fond:#f8f0dd;
	--vert-brume:#eaf1e2;
	--vert-filet:#c9d6bd;
	--vert-filet-pied:#8ba37d;
	--beige-filet:#dcd3c2;
	--cercle-creme:#efe2cf;
	--etoile:#a8842c;
	--etoile-claire:#f1d98a;
	--etoile-vide:#d9cdb8;
	--ombre-flottante:0 12px 28px rgba(60,50,30,.2);

	/* Polices */
	--police-titre:"Lora",serif;
	--police-texte:"Poppins",sans-serif;

	/* Mise en page */
	--largeur:1440px; /* boîte du contenu, marges comprises : 1 120 px de contenu à 1 280 px, puis 1 280 px au plus (1 440 moins 2 × 80 de marge) ; centrée au-delà */
	--colonne-lecture:736px; /* colonne de texte de l'article (maquette 11 : 1 120 px moins 320 px de colonne latérale et 64 px d'écart) */
	--marge:20px;
	--hauteur-barre-mobile:74px;

	/* Couleur du soin : le vert de la marque par défaut (liseré, trait, bandeau, texte, teinte ; clair et cercle : décor du bandeau d'une cure) */
	--soin-lisere:#708c60;
	--soin-trait:#5f7a51;
	--soin-bandeau:#5f7a51;
	--soin-texte:#3f5535;
	--soin-teinte:#eef2e8;
	--soin-clair:#eaf1e2;
	--soin-cercle:#6c8a5d;
}
@media (min-width:640px){:root{--marge:32px}}
@media (min-width:960px){:root{--marge:48px}}
@media (min-width:1280px){:root{--marge:80px}}

/* Couleurs par soin : la classe se pose sur la page ou sur un bloc (parapuncture_classe_soin) */
.soin-vert{--soin-lisere:#708c60;--soin-trait:#5f7a51;--soin-bandeau:#5f7a51;--soin-texte:#3f5535;--soin-teinte:#eef2e8;--soin-clair:#eaf1e2;--soin-cercle:#6c8a5d}
.soin-terracotta{--soin-lisere:#cf8364;--soin-trait:#b9694a;--soin-bandeau:#ad5f41;--soin-texte:#8f4a30;--soin-teinte:#fbeee8;--soin-clair:#fdebe2;--soin-cercle:#b96d50}
.soin-bleu-ardoise{--soin-lisere:#536979;--soin-trait:#536979;--soin-bandeau:#536979;--soin-texte:#3d4f5c;--soin-teinte:#e9eef1;--soin-clair:#e9eef1;--soin-cercle:#627785}
.soin-gris-bleute{--soin-lisere:#63747b;--soin-trait:#63747b;--soin-bandeau:#63747b;--soin-texte:#46555b;--soin-teinte:#eceeef;--soin-clair:#eceeef;--soin-cercle:#718187}
.soin-bleu-canard{--soin-lisere:#48858d;--soin-trait:#3f7880;--soin-bandeau:#3f7880;--soin-texte:#325d63;--soin-teinte:#e9f0f1;--soin-clair:#e8eff0;--soin-cercle:#50848b}
.soin-rose-ancien{--soin-lisere:#bb758d;--soin-trait:#a45c75;--soin-bandeau:#a45c75;--soin-texte:#844158;--soin-teinte:#f7eef1;--soin-clair:#f4ebee;--soin-cercle:#ac6b81}
.soin-sable{--soin-lisere:#bb9163;--soin-trait:#956d41;--soin-bandeau:#956d41;--soin-texte:#7a5a33;--soin-teinte:#f7f2ec;--soin-clair:#f2ede8;--soin-cercle:#9f7a52}
.soin-brique{--soin-lisere:#c16b4c;--soin-trait:#b35d3e;--soin-bandeau:#b35d3e;--soin-texte:#86452e;--soin-teinte:#f8edea;--soin-clair:#f6ece8;--soin-cercle:#ba6c4f}
.soin-ocre{--soin-lisere:#be953f;--soin-trait:#8e6f2f;--soin-bandeau:#8e6f2f;--soin-texte:#7a5d1c;--soin-teinte:#f7f2e8;--soin-clair:#f1eee6;--soin-cercle:#987c42}
.soin-marque{--soin-lisere:#5f7a51;--soin-trait:#5f7a51;--soin-bandeau:#5f7a51;--soin-texte:#3f5535;--soin-teinte:#eef2e8;--soin-clair:#eaf1e2;--soin-cercle:#6c8a5d}
.soin-vert-d-eau{--soin-lisere:#6c957b;--soin-trait:#3f6450;--soin-bandeau:#3f6450;--soin-texte:#3f6450;--soin-teinte:#edf3ef;--soin-clair:#e8ecea;--soin-cercle:#507260}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--creme);color:var(--encre);font:400 15px/24px var(--police-texte);overflow-wrap:break-word}
@media (max-width:1279px){body.avec-barre-mobile{padding-bottom:calc(var(--hauteur-barre-mobile) + env(safe-area-inset-bottom,0px))}}
@media (min-width:1280px){body{font-size:16px;line-height:26px}}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
a{color:var(--vert-titre);text-decoration:none}
a:hover{color:var(--encre)}
button{font:inherit;color:inherit}
main{display:block}
:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:2px}
.bande--vert :focus-visible,.pied :focus-visible,.bloc-bilan :focus-visible,.bandeau :focus-visible{outline-color:var(--blanc)}

/* Aides d'accessibilité */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lien-evitement{position:absolute;left:12px;top:-100px;z-index:100;padding:12px 18px;border-radius:12px;background:var(--vert-fonce);color:var(--blanc);font-weight:600}
.lien-evitement:focus{top:12px;color:var(--blanc);outline-color:var(--blanc)}

/* ---------- Mise en page ---------- */
.conteneur{width:100%;max-width:var(--largeur);margin-inline:auto;padding-inline:var(--marge)}
.bande{position:relative;overflow:hidden;padding-block:36px}
.bande>.conteneur{position:relative}
.bande--blanche{background:var(--blanc)}
.bande--vert{background:var(--vert);color:var(--blanc)}
@media (min-width:960px){.bande{padding-block:68px}}
.empile>*+*{margin-top:var(--espace,24px)}
.grille{display:grid;gap:10px}
@media (min-width:640px){.grille--2,.grille--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (min-width:1280px){.grille--2{gap:20px}.grille--4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- Animations (trois, plus le défilement des avis) ---------- */
@keyframes respiration{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes balancement{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes flottement{from{transform:translateY(0)}to{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){
	.feuillage,.grand-cercle--accueil,.badge-flottant{animation:none!important}
}

/* ---------- Icônes (sprite unique) ---------- */
.icone{flex:none;fill:none;stroke:currentColor;stroke-width:var(--epaisseur,1.7);stroke-linecap:round;stroke-linejoin:round}
.icone--trait-15{--epaisseur:1.5}
.icone--trait-17{--epaisseur:1.7}
.icone--trait-18{--epaisseur:1.8}
.icone--trait-2{--epaisseur:2}

/* ---------- Typographie de tête ---------- */
.surtitre{font-size:12px;line-height:18px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--vert-titre)}
.surtitre--fonce{color:var(--vert-fonce)}
@media (min-width:1280px){.surtitre{font-size:13px;letter-spacing:.26em}}
.grand-titre{font-family:var(--police-titre);font-weight:700;font-size:38px;line-height:44px;color:var(--vert-fonce)}
.grand-titre em{font-style:italic;font-weight:500;color:var(--vert)}
@media (min-width:640px){.grand-titre{font-size:46px;line-height:54px}}
@media (min-width:1280px){.grand-titre{font-size:58px;line-height:66px}}

/* ---------- Boutons ---------- */
.bouton{--h:48px;--px:24px;--fs:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 var(--px);border:1.5px solid transparent;border-radius:12px;font:600 var(--fs)/1.25 var(--police-texte);text-align:center;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.bouton--moyen{--h:54px;--px:26px;--fs:16px}
.bouton--grand{--h:58px;--px:32px;--fs:17px}
.bouton--bloc{display:flex;width:100%}
.bouton--principal{background:var(--vert);color:var(--blanc)}
.bouton--principal:hover,.bouton--principal:active{background:var(--vert-fonce);color:var(--blanc)}
.bouton--secondaire{border-color:var(--vert);background:transparent;color:var(--vert-fonce)}
.bouton--secondaire:hover,.bouton--secondaire:active{background:var(--vert-clair);color:var(--vert-fonce)}
.bouton--clair{background:var(--blanc);color:var(--vert-fonce)}
.bouton--clair:hover,.bouton--clair:active{background:var(--vert-brume);color:var(--vert-fonce)}
.bouton--contour-clair{border-color:var(--blanc);background:transparent;color:var(--blanc)}
.bouton--contour-clair:hover,.bouton--contour-clair:active{background:rgba(255,255,255,.14);color:var(--blanc)}

/* ---------- Entête ---------- */
.entete{background:var(--blanc)}
.entete__barre{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:var(--largeur);height:66px;margin-inline:auto;padding:0 14px 0 18px}
@media (min-width:640px){.entete__barre{padding-inline:var(--marge)}}
.marque{display:flex;flex:none;align-items:center;gap:10px;color:var(--encre)}
.marque:hover{color:var(--encre)}
.marque__logo{flex:none;width:auto;height:44px}
.marque__texte{display:flex;flex-direction:column;gap:3px;min-width:0}
.marque__nom{font-weight:600;font-size:13px;line-height:18px;letter-spacing:.26em;text-transform:uppercase}
.marque__baseline{display:none;font-family:var(--police-titre);font-style:italic;font-size:13px;line-height:18px;color:var(--encre-douce)}
.entete__rdv{display:none;flex:none;white-space:nowrap}
.entete__actions{display:none}
.burger{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--vert-clair);color:var(--encre);cursor:pointer}
.burger:active{background:var(--vert-pale)}

/* Menu : panneau plein écran sur mobile */
.menu-principal{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;overflow-y:auto;background:var(--blanc);visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s .2s}
.menu-principal.est-ouvert{visibility:visible;opacity:1;transition:opacity .2s}
.menu-principal__tete{display:flex;flex:none;align-items:center;justify-content:space-between;height:66px;padding:0 14px 0 20px;border-bottom:1px solid var(--filet)}
.menu-principal__titre{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}
.menu-principal__fermer{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--vert-clair);color:var(--vert-fonce);font-size:15px;font-weight:600;cursor:pointer}
.menu-principal__fermer:active{background:var(--vert-pale)}
.menu{margin:0;padding:8px 20px}
.menu__item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--filet)}
.menu__lien{display:flex;flex:1;align-items:center;min-height:56px;font-size:18px;font-weight:500;color:var(--encre)}
.menu__lien:hover{color:var(--vert-fonce)}
.menu__bascule{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--vert-clair);color:var(--vert-fonce);cursor:pointer}
.menu__bascule .icone{transform:rotate(90deg);transition:transform .2s}
.menu__bascule[aria-expanded="true"] .icone{transform:rotate(-90deg)}
.sous-menu{display:none;flex-basis:100%;padding:0 0 12px 12px}
.menu__bascule[aria-expanded="true"]+.sous-menu{display:block}
.sous-menu .menu__lien{min-height:44px;font-size:16px;font-weight:400;color:var(--texte-courant)}
.menu-principal__rdv{flex:none;width:calc(100% - 40px);margin:20px 20px 28px}
body.menu-ouvert{overflow:hidden}

/* Barre fixe du mobile : Appeler / Prendre rendez-vous */
.barre-mobile{position:fixed;inset:auto 0 0;z-index:50;display:flex;gap:10px;height:calc(var(--hauteur-barre-mobile) + env(safe-area-inset-bottom,0px));padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--filet-barre);background:var(--blanc)}
.barre-mobile .bouton{flex:1;min-height:0;padding:0 8px;border-radius:12px;font-size:15px}
.barre-mobile .barre-mobile__appel{color:var(--vert)}
.barre-mobile .barre-mobile__rdv{flex:1.6}

/* Bouton « Revenir en haut de la page » : mobile seulement (moins de 640 px), au-dessus de la barre fixe, à droite. Écrit masqué (hidden), montré par le script. */
.retour-haut{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:49;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:1.5px solid var(--vert);border-radius:50%;background:var(--blanc);color:var(--vert-fonce);box-shadow:0 3px 10px rgba(60,50,30,.18);cursor:pointer}
.retour-haut[hidden],body.menu-ouvert .retour-haut{display:none}
.retour-haut:hover,.retour-haut:active{background:var(--vert-clair)}
@media (max-width:639px){
	.retour-haut{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(var(--hauteur-barre-mobile) + env(safe-area-inset-bottom,0px) + 12px);width:44px;height:44px}
	.sans-barre-mobile .retour-haut{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
}
@media print{.retour-haut{display:none!important}}

/* Entête ordinateur (à partir de 1280 px) : menu en ligne, sous-menus en liste flottante */
@media (min-width:1280px){
	.entete__barre{height:92px;padding-inline:var(--marge)}
	.marque{gap:14px}
	.marque__logo{height:60px}
	.marque__nom{font-size:15px;letter-spacing:.22em}
	.marque__baseline{display:block}
	.burger,.menu-principal__tete,.menu-principal__rdv{display:none}
	.entete__actions{display:flex;flex:none;align-items:center;gap:10px}
	.entete__rdv{display:inline-flex;--px:23px}
	.entete__ecrire{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--vert);border-radius:12px;background:var(--blanc);color:var(--vert-fonce)}
	.entete__ecrire:hover,.entete__ecrire:active{background:var(--vert-clair);color:var(--vert-fonce)}
	.menu-principal{position:static;flex:none;display:block;overflow:visible;background:none;visibility:visible;opacity:1;transition:none}
	.menu{display:flex;gap:18px;padding:0;font-weight:500}
	.menu__item{position:relative;flex:none;flex-wrap:nowrap;border-bottom:0}
	.menu__lien{flex:none;white-space:nowrap;min-height:0;padding:6px 0;border-bottom:2px solid transparent;font-size:15px}
	.menu__item:hover>.menu__lien,.menu__lien[aria-current="page"],.est-courant>.menu__lien{border-bottom-color:var(--vert)}
	.menu__bascule{width:24px;height:24px;border-radius:6px;background:transparent}
	.menu__bascule:hover{background:var(--vert-clair)}
	.menu__bascule .icone{width:14px;height:14px}
	.sous-menu{position:absolute;top:100%;left:-18px;z-index:70;min-width:230px;margin-top:12px;padding:10px 0;border-radius:14px;background:var(--blanc);box-shadow:var(--ombre-flottante)}
	.sous-menu::before{content:"";position:absolute;inset:-12px 0 100%}
	.sous-menu .menu__item{display:block;flex:none}
	.sous-menu .menu__lien{display:flex;width:100%;min-height:0;padding:10px 20px;border:0;font-size:15px;font-weight:500;color:var(--encre)}
	.sous-menu .menu__lien:hover{background:var(--vert-clair);color:var(--vert-fonce)}
	.barre-mobile{display:none}
}

/* ---------- Fenêtre : photo en arche, double anneau ---------- */
.fenetre{--ratio:300/340;--r-bas:12px;--anneau:6px;--trait:2px;--fond-anneau:var(--creme);--couleur-trait:var(--vert);container-type:inline-size;width:100%;max-width:300px}
.fenetre--fond-blanc{--fond-anneau:var(--blanc)}
.fenetre__cadre{position:relative;aspect-ratio:var(--ratio);overflow:hidden;border-radius:50cqw 50cqw var(--r-bas) var(--r-bas);box-shadow:0 0 0 var(--anneau) var(--fond-anneau),0 0 0 calc(var(--anneau) + var(--trait)) var(--couleur-trait)}
.fenetre__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cadrage,50% 50%)}
.fenetre--locale{--ratio:250/280;--anneau:7px;--trait:0px;max-width:250px}
.fenetre--methode{--ratio:440/460;--r-bas:14px;--anneau:6px;--fond-anneau:var(--blanc);max-width:440px}
.fenetre--carte{--ratio:66/84;--r-bas:6px;--anneau:0px;--trait:0px;flex:none;width:66px}
.fenetre--cure{--ratio:250/290;--r-bas:12px;--anneau:7px;--trait:0px;max-width:none}
.fenetre--entete{--ratio:280/310;--r-bas:12px;max-width:none}
.fenetre--deroule{--ratio:420/480;--r-bas:14px;--anneau:6px;--couleur-trait:var(--soin-lisere);max-width:300px}
@media (min-width:1280px){
	.fenetre{--ratio:440/540;--r-bas:14px;--anneau:8px;max-width:440px}
	.fenetre--locale{--ratio:364/452;--trait:0px;max-width:364px}
	.fenetre--methode{--anneau:8px}
	.fenetre--carte{--ratio:106/132;--r-bas:8px;--anneau:0px;width:106px}
	.fenetre--cure{--ratio:364/452;--anneau:8px}
	.fenetre--entete{--ratio:372/460;--r-bas:14px;--anneau:8px}
	.fenetre--deroule{--ratio:420/480;--anneau:8px}
}

/* ---------- Feuillage et grand cercle (décors) ---------- */
.feuillage{position:absolute;right:-84px;top:-50px;width:200px;height:200px;color:var(--vert-lisere);opacity:.2;transform-origin:20% 90%;pointer-events:none;animation:balancement 9s ease-in-out infinite alternate}
@media (min-width:1280px){.feuillage{right:-40px;top:-30px;width:420px;height:420px}}
.grand-cercle{position:absolute;border-radius:50%;background:var(--vert-cercle);pointer-events:none}
.grand-cercle--bandeau{right:-150px;bottom:-150px;width:340px;height:340px}
.grand-cercle--pied{left:0;top:0;width:190px;height:190px;border-radius:0;clip-path:circle(170px at 20px 20px)}
.grand-cercle--bilan{right:-90px;top:-110px;width:240px;height:240px}
.grand-cercle--accueil{left:-60px;top:170px;z-index:-1;width:220px;height:220px;background:var(--cercle-creme);animation:respiration 9s ease-in-out infinite alternate}
@media (min-width:1280px){
	.grand-cercle--bandeau{right:-120px;top:-200px;bottom:auto;width:460px;height:460px}
	.grand-cercle--pied{left:0;top:auto;bottom:0;width:360px;height:260px;clip-path:circle(260px at 100px 260px)}
	.grand-cercle--bilan{right:-90px;top:-150px;width:380px;height:380px}
	.grand-cercle--accueil{left:-70px;top:250px;width:340px;height:340px}
}

/* ---------- Fil d'Ariane ---------- */
.fil-ariane{max-width:100%;font-size:13px;line-height:20px;color:var(--encre-douce)}
.fil-ariane__liste{display:flex;flex-wrap:wrap;gap:0 10px}
.fil-ariane__niveau+.fil-ariane__niveau::before{content:"›";margin-right:10px}
.fil-ariane a{position:relative;color:var(--encre-douce)}
.fil-ariane a::after{content:"";position:absolute;inset:-13px -4px}
.fil-ariane a:hover{color:var(--encre)}
.fil-ariane [aria-current="page"]{font-weight:500;color:var(--encre)}
/* À partir de 640 px le fil tient sur une ligne : le dernier niveau (titre d'un article, parfois long) est abrégé par des points de suspension (le titre entier est le grand titre de la page) */
@media (min-width:640px){
	.fil-ariane__liste{flex-wrap:nowrap}
	.fil-ariane__niveau{flex:none}
	.fil-ariane__niveau:last-child{display:flex;flex:0 1 auto;min-width:0}
	.fil-ariane__niveau:last-child>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.fil-ariane--clair{color:var(--blanc)}
.fil-ariane--clair a,.fil-ariane--clair [aria-current="page"]{color:var(--blanc)}
.fil-ariane--clair a:hover{color:var(--blanc);text-decoration:underline}
@media (max-width:639px){
	/* Mobile : seul le niveau parent reste, avec une flèche de retour */
	.fil-ariane__niveau{display:none}
	.fil-ariane__niveau:nth-last-child(2){display:block}
	.fil-ariane__niveau:nth-last-child(2)::before{content:"‹";margin-right:6px}
	.fil-ariane__niveau:nth-last-child(2) a{display:inline-flex;align-items:center;height:32px}
	.fil-ariane__niveau:nth-last-child(2) a::after{inset:-6px -4px}
}

/* ---------- Aides de mise en page ---------- */
/* Lu par les lecteurs d'écran, caché à l'œil sur mobile seulement (texte plus court sur petit écran) */
@media (max-width:639px){.sr-only-mobile{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
/* Inverse : lu par les lecteurs d'écran, caché à l'œil à partir de 640 px (ponctuation de la version mobile d'un texte) */
/* Texte propre à mobile (moins de 640 px) ou à grand écran : l'autre version n'est pas affichée */
@media (max-width:639px){.hors-mobile{display:none}}
@media (min-width:640px){.seulement-mobile{display:none}}
@media (min-width:640px){.sr-only-large{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
/* Retour à la ligne d'un titre en deux parties : grand écran seulement */
.saut-large{display:none}
@media (min-width:960px){.saut-large{display:inline}}

/* Fenêtre « approche » : photo à gauche d'un texte, sur fond crème (maquette 09) */
.fenetre--approche{--ratio:280/310;--anneau:6px;--couleur-trait:var(--soin-lisere);max-width:280px}
@media (min-width:960px){.fenetre--approche{--ratio:400/460;--r-bas:14px;--anneau:8px;max-width:400px}}