/* Polices auto-hébergées (Google Fonts, OFL). Mona Sans = UN fichier variable (wght 200-900, wdth 75-125). */
@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:'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:'Inclusive Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/inclusive-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:'Inclusive Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/inclusive-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:'Inclusive Sans';font-style:italic;font-weight:300 700;font-display:swap;src:url('../fonts/inclusive-sans-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}

/*
Theme Name: Surfeurs de Lacs (sdl-v2)
Description: Magazine des sorties et loisirs nautiques sur les lacs de France. Direction artistique « ligne de flottaison » (11/10/2026).
Version: 2.0.0
Text Domain: sdl
*/

/* ---------- Jetons de la direction artistique (mode clair uniquement) ---------- */
:root{
	--sb-fond:#F5F8F6; --sb-carte:#FFFFFF; --sb-lac:#DCEEE8; --sb-mieau:#BFE0D8;
	--sb-jade:#0B6F68; --sb-corail:#FF6B57; --sb-profond:#0B2B2C; --sb-pied:#06201F;
	--sb-encre:#18302F; --sb-doux:#4D6261; --sb-filet:#C5DAD4; --sb-sur-fonce:#E9F4F1; --sb-jade-clair:#7FD6C8;
	--sb-ombre:0 8px 24px rgba(11,43,44,.14); --sb-ombre-forte:0 22px 48px rgba(11,43,44,.24);
	--sb-reflet:0 18px 22px -14px rgba(11,111,104,.35);
	/* jetons attendus par les blocs figés */
	--sb-conteneur:1240px; --sb-lecture:796px; --sb-rail:340px; --sb-gouttiere:24px;
	--sb-accent:var(--sb-jade); --sb-accent-clair:var(--sb-jade-clair); --sb-fond-carte:#FFFFFF;
	--sb-surf:var(--sb-lac); --sb-fonce:var(--sb-profond);
	--sb-rayon:20px; --sb-rayon-grand:24px;
	--sb-titre:'Mona Sans','Arial Narrow',system-ui,sans-serif; --sb-texte:'Inclusive Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	--sdl-menu:76px; --sdl-section:64px;
	--sdl-iso:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 1000' fill='none' stroke='%237FD6C8' stroke-width='1.6'%3E%3Cpath d='M460 466L470 510L473 556L469 600L462 642L458 679L459 713L463 745L467 776L468 804L466 830L460 853L453 871L444 887L435 900L426 914L416 927L406 940L395 949L383 953L370 950L355 941L340 927L326 911L311 897L297 885L283 875L269 863L256 847L246 822L236 788L223 746L207 701L190 654L179 609L172 567L167 528L163 492L156 456L149 420L141 381L134 342L129 303L126 266L126 230L127 197L130 166L133 135L137 106L143 80L151 58L161 42L173 32L186 29L200 29L214 31L228 34L242 37L257 42L272 52L288 69L304 96L319 131L333 170L345 210L356 247L367 279L379 307L394 332L410 359L428 389L445 425Z'/%3E%3Cpath d='M438 471L444 509L444 547L439 582L432 615L428 645L428 673L433 700L437 727L440 753L439 778L436 798L430 815L422 827L414 838L406 848L397 857L388 865L379 872L369 875L358 875L346 870L334 863L322 854L310 846L297 838L285 829L273 817L262 799L254 772L247 739L237 700L225 660L213 622L204 586L198 553L193 523L186 493L178 463L169 430L161 396L155 362L151 328L150 297L151 269L154 243L157 219L161 195L164 172L169 150L175 130L183 115L193 105L203 101L215 100L227 101L239 105L251 110L264 119L277 132L291 151L303 176L315 205L326 235L337 264L347 289L357 311L370 331L384 351L399 373L414 401L428 434Z'/%3E%3Cpath d='M412 476L415 507L413 537L408 564L402 589L400 613L401 637L406 660L411 684L414 707L414 727L411 743L405 756L399 764L391 771L384 778L377 784L371 792L363 798L356 804L347 806L338 806L329 803L319 799L308 793L298 785L287 775L278 761L270 741L264 716L258 686L252 654L243 622L234 593L226 566L220 542L213 518L206 495L198 469L189 441L183 412L178 384L177 358L177 334L179 313L182 294L185 275L188 255L191 235L194 216L198 198L204 185L212 176L221 172L231 173L241 177L251 183L261 191L272 201L282 214L293 230L303 249L312 269L321 290L330 308L339 325L349 340L360 354L372 371L385 392L396 417L406 445Z'/%3E%3Cpath d='M386 482L386 505L385 527L381 548L377 567L376 587L379 606L383 626L388 645L390 663L389 678L386 690L381 697L375 702L370 707L364 712L359 719L355 726L350 735L344 742L338 746L331 748L323 747L315 743L307 736L298 727L290 716L283 701L277 683L273 661L269 637L265 613L258 590L251 569L244 551L237 533L231 515L224 496L216 475L210 452L206 430L204 408L203 389L205 372L207 356L210 341L211 326L213 309L214 292L216 275L219 260L224 250L230 244L238 244L246 247L255 253L263 261L271 269L279 278L287 287L294 298L302 309L309 322L317 334L324 345L332 356L340 367L350 379L359 394L368 413L376 434L382 458Z'/%3E%3Cpath d='M361 487L361 504L360 519L358 534L356 549L356 564L359 579L362 594L366 608L367 621L365 630L362 637L358 642L354 645L350 649L347 654L344 661L341 670L338 678L334 685L329 690L324 691L318 688L311 683L305 676L299 666L293 655L288 643L284 628L281 612L279 595L275 579L270 564L264 551L258 538L252 525L247 511L241 497L236 481L232 464L230 448L229 433L230 419L231 407L233 396L234 384L234 371L235 357L235 343L237 330L239 320L244 314L249 312L255 315L262 320L268 326L274 332L280 338L285 343L291 348L296 353L301 359L307 365L313 372L319 380L325 388L331 397L338 407L345 420L351 435L355 452L359 470Z'/%3E%3Cpath d='M339 492L339 502L339 513L338 523L338 533L338 543L340 554L342 563L344 572L344 580L343 585L340 589L338 592L335 594L333 598L332 604L330 611L329 618L327 625L324 630L320 632L316 631L312 627L308 622L303 615L299 607L295 599L292 590L290 581L288 571L286 561L284 552L280 543L276 534L271 526L267 517L263 508L260 498L257 487L255 476L254 465L253 456L254 447L255 439L255 431L255 422L255 412L255 402L256 393L257 385L259 379L263 377L267 378L271 381L276 386L280 390L284 394L287 396L290 397L294 398L297 400L301 402L305 406L309 410L313 416L317 422L322 429L326 437L330 447L333 457L336 469L338 480Z'/%3E%3Cpath d='M321 496L321 501L321 507L321 512L321 518L321 524L322 529L323 534L323 538L323 542L322 544L321 546L320 548L319 551L318 554L318 558L317 563L316 567L315 571L313 573L311 573L309 571L306 568L304 564L302 559L300 555L298 551L296 546L295 542L294 538L293 533L291 528L289 524L286 519L284 515L282 510L280 504L278 499L277 493L276 487L275 482L275 476L275 472L275 467L275 462L275 457L275 451L275 446L276 441L277 438L278 436L281 436L283 437L285 440L288 442L290 444L291 444L293 444L295 444L297 443L298 443L301 445L303 447L305 449L307 453L310 457L312 462L314 467L316 472L317 478L319 484L320 490Z'/%3E%3C/svg%3E");
	--sdl-ligne-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q15 2 30 5 T60 5 T90 5 T120 5' fill='none' stroke='%237FD6C8' stroke-width='2'/%3E%3C/svg%3E");
	color-scheme:light;
}
@media (min-width:1700px){ :root{ --sb-conteneur:1560px; } }
@media (max-width:760px){ :root{ --sdl-menu:64px; --sdl-section:56px; } }

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--sdl-menu) + 16px); }
body{ margin:0; background:var(--sb-fond); color:var(--sb-encre); font-family:var(--sb-texte); font-size:18px; line-height:1.65; overflow-x:clip; }
@media (max-width:760px){ body{ font-size:17px; line-height:1.6; } }
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:var(--sb-jade); text-underline-offset:3px; }
a:hover{ color:var(--sb-profond); }
h1,h2,h3,h4{ font-family:var(--sb-titre); color:var(--sb-profond); font-weight:800; letter-spacing:-.02em; margin:0; }
h3{ font-weight:700; }
p{ margin:0 0 1em; }
button,input,select,textarea{ font:inherit; color:inherit; }
:focus-visible{ outline:3px solid var(--sb-corail); outline-offset:3px; border-radius:6px; }
.screen-reader-text,.sdl-masque{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sdl-evitement{ position:absolute; left:16px; top:-60px; z-index:200; background:var(--sb-corail); color:var(--sb-profond); padding:10px 16px; border-radius:14px; font-weight:600; }
.sdl-evitement:focus{ top:12px; }
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
   Surfeurs de Lacs — sdl-v2 · direction artistique « ligne de flottaison »
   (assemblé APRÈS les CSS des blocs figés : ce fichier ne fait que les habiller)
   ========================================================================== */

html,body{ min-height:100%; }
body{ display:flex; flex-direction:column; min-height:100vh; }
main{ flex:1 0 auto; }
.sdl-conteneur{ width:100%; max-width:var(--sb-conteneur); margin-inline:auto; padding-inline:24px; }
@media (max-width:760px){ .sdl-conteneur{ padding-inline:20px; } }

/* ---------- Sections et fonds de la descente ---------- */
.sdl-s{ position:relative; padding-block:var(--sdl-section); }
.sdl-s--ecume{ background:var(--sb-fond); }
.sdl-s--lac{ background:var(--sb-lac); }
.sdl-s--mieau{ background:var(--sb-mieau); }
.sdl-s--profond{ background:var(--sb-profond); color:var(--sb-sur-fonce); overflow:hidden; }
.sdl-s-tete{ display:flex; flex-direction:column; gap:10px; margin-bottom:32px; max-width:760px; }
.sdl-s-tete--ligne{ flex-direction:row; align-items:flex-end; justify-content:space-between; max-width:none; gap:24px; }
.sdl-s-tete--centre{ text-align:center; margin-inline:auto; align-items:center; }
.sdl-s-phrase{ color:var(--sb-doux); margin:0; font-size:17px; max-width:60ch; }

/* Titres deux tons : 2e ligne ENTIÈRE en jade */
.sdl-titre{ font-family:var(--sb-titre); font-weight:800; color:var(--sb-profond); letter-spacing:-.02em; margin:0; font-size:40px; line-height:1.05; font-stretch:112%; }
.sdl-titre .sdl-t1,.sdl-titre .sdl-t2{ display:block; }
.sdl-t2{ color:var(--sb-jade); }
.sdl-s--profond .sdl-titre .sdl-t1{ color:#fff; }
.sdl-s--profond .sdl-titre .sdl-t2{ color:var(--sb-jade-clair); }
@media (min-width:1700px){ .sdl-titre{ font-size:48px; } }
@media (max-width:760px){ .sdl-titre{ font-size:28px; line-height:1.1; font-stretch:104%; } }

/* ---------- Boutons, liens, pastilles ---------- */
.sdl-btn,.sbt-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 24px; border-radius:14px; border:0;
	background:var(--sb-corail); color:var(--sb-profond)!important; font-family:var(--sb-texte); font-weight:700; font-size:16px; line-height:1.2; text-decoration:none; cursor:pointer;
	box-shadow:inset 0 0 0 1.5px var(--sb-profond); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.sdl-btn:hover,.sbt-btn:hover{ background:#FF8572; transform:translateY(-2px); box-shadow:inset 0 0 0 1.5px var(--sb-profond), var(--sb-reflet); }
.sdl-btn .sdl-ico{ width:20px; height:20px; }
.sdl-btn--clair{ background:#fff; box-shadow:inset 0 0 0 1.5px var(--sb-jade); color:var(--sb-jade)!important; }
.sdl-btn--clair:hover{ background:var(--sb-lac); }
.sdl-lien,.sdl-lien-fort{ background:none; border:0; padding:0; cursor:pointer; font-weight:700; color:var(--sb-jade); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; text-decoration-color:var(--sb-jade-clair); }
.sdl-lien{ font-weight:600; color:var(--sb-doux); text-decoration-thickness:1px; min-height:44px; }
.sdl-pastille{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background:#fff; color:var(--sb-profond); font:600 14px/1.25 var(--sb-texte); text-decoration:none; }
.sdl-pastille--jade{ background:var(--sb-jade); color:#fff; }
a.sdl-pastille--jade:hover{ color:#fff; background:var(--sb-profond); }
.sdl-ico{ width:24px; height:24px; flex-shrink:0; }

/* Bouée corail : UNE info, liseré blanc, reflet jade */
.sdl-bouee{ display:inline-flex; flex-direction:column; align-items:center; justify-content:center; width:64px; height:64px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond);
	border:3px solid #fff; box-shadow:var(--sb-reflet); font:800 18px/1 var(--sb-titre); font-stretch:115%; text-align:center; font-variant-numeric:tabular-nums; z-index:3; }
.sdl-bouee small,.sdl-bouee b + small{ display:block; font:600 10.5px/1.1 var(--sb-texte); font-stretch:100%; margin-top:2px; max-width:52px; }
.sdl-bouee b{ font-weight:800; font-size:13px; }

/* ---------- La ligne de flottaison (le motif) ---------- */
.sdl-flot{ position:relative; margin:0; overflow:hidden; border-radius:32px; background:var(--sb-lac); isolation:isolate; }
.sdl-flot > img,.sdl-flot > .sdl-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sdl-flot-sous{ position:absolute; inset:0; background-size:cover; background-position:center; clip-path:inset(var(--ligne) 0 0 0); transform:translateX(6px); z-index:1; }
.sdl-flot-voile{ position:absolute; left:0; right:0; bottom:0; top:var(--ligne); background:var(--sb-jade); mix-blend-mode:multiply; opacity:.45; z-index:1; pointer-events:none; }
.sdl-ligne{ position:absolute; left:0; right:0; top:var(--ligne); height:10px; margin-top:-5px; background:var(--sdl-ligne-svg) repeat-x center/120px 10px; filter:drop-shadow(0 0 3px rgba(255,255,255,.55)); z-index:2; pointer-events:none; }
.sdl-flot .sdl-pastille{ position:absolute; left:14px; top:14px; z-index:3; }
/* repli quand la photo n'est pas encore là : aplat lac + isobathes + pictogramme, jamais une case vide */
.sdl-repli{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#E6F3EF 0%,var(--sb-lac) 58%,#BFE0D8 100%); color:var(--sb-jade); }
.sdl-repli-iso{ position:absolute; inset:-10%; background:var(--sdl-iso) center/62% auto no-repeat; opacity:.55; }
.sdl-repli-ico{ position:relative; width:30%; max-width:84px; height:auto; aspect-ratio:1; stroke-width:1.6; color:var(--sb-jade); }
.sdl-repli--hero{ background:linear-gradient(115deg,#0B2B2C 0%,#0B6F68 46%,#7FD6C8 100%); }
.sdl-flot--rubrique .sdl-repli,.sdl-flot--apropos .sdl-repli,.sdl-flot--auteur .sdl-repli,.sdl-flot--appel .sdl-repli{ background:linear-gradient(115deg,#0B2B2C 0%,#0B6F68 50%,#7FD6C8 100%); }
.sdl-flot--rubrique .sdl-repli-ico,.sdl-flot--apropos .sdl-repli-ico,.sdl-flot--auteur .sdl-repli-ico,.sdl-flot--appel .sdl-repli-ico{ display:none; }
.sdl-flot--rubrique .sdl-repli-iso,.sdl-flot--apropos .sdl-repli-iso,.sdl-flot--auteur .sdl-repli-iso,.sdl-flot--appel .sdl-repli-iso{ background-size:auto 140%; background-position:85% 40%; opacity:.35; }
.sdl-repli--hero .sdl-repli-iso{ background-size:auto 130%; background-position:78% 40%; opacity:.4; }
.sdl-iso{ position:absolute; pointer-events:none; background:var(--sdl-iso) no-repeat; opacity:.22; }
.sdl-iso--bande{ inset:-20% -5% -20% auto; width:60%; background-size:auto 140%; background-position:right center; }
.sdl-iso--coin{ right:-60px; bottom:-120px; width:420px; height:520px; background-size:contain; opacity:.32; z-index:2; }
.sdl-iso--photo{ inset:var(--ligne) 0 0 0; background-size:auto 210%; background-position:50% 0; opacity:.5; z-index:2; }
.sdl-iso--tiroir{ inset:0; background-size:auto 120%; background-position:120% 50%; opacity:.18; }

/* ---------- Menu ---------- */
.sdl-menu{ position:sticky; top:0; z-index:60; height:var(--sdl-menu); background:rgba(245,248,246,.97); transition:background .25s ease, box-shadow .25s ease; }
.sdl-menu.est-colle{ box-shadow:0 6px 20px rgba(11,43,44,.12); }
.sdl-menu-in{ height:100%; max-width:var(--sb-conteneur); margin:auto; padding-inline:24px; display:flex; align-items:center; gap:20px; }
.sdl-logo{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.sdl-logo-mot{ font:800 19px/1 var(--sb-titre); font-stretch:115%; letter-spacing:-.02em; color:var(--sb-profond); white-space:nowrap; }
.sdl-logo-b{ color:var(--sb-jade); }
.sdl-nav{ margin-inline:auto; }
.sdl-nav ul{ display:flex; gap:2px; list-style:none; margin:0; padding:0; }
.sdl-nav a{ display:block; padding:10px 9px; border-radius:12px; font:600 15px/1.2 var(--sb-texte); color:var(--sb-encre); text-decoration:none; white-space:nowrap; }
.sdl-nav a:hover,.sdl-nav a[aria-current]{ background:var(--sb-lac); color:var(--sb-profond); }
.sdl-menu-cta{ flex-shrink:0; min-height:44px; padding:10px 18px; }
.sdl-cta-court{ display:none; }
.sdl-burger{ display:none; width:44px; height:44px; border-radius:12px; border:1.5px solid var(--sb-filet); background:#fff; color:var(--sb-profond); align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
/* accueil : menu transparent posé sur la photo, écume plein dès 40 px de défilement */
.sdl-menu--sur-photo{ position:fixed; left:0; right:0; background:transparent; }
.sdl-menu--sur-photo:not(.est-colle) .sdl-logo-mot{ color:#fff; }
.sdl-menu--sur-photo:not(.est-colle) .sdl-logo-b{ color:var(--sb-jade-clair); }
.sdl-menu--sur-photo:not(.est-colle) .sdl-nav a{ color:#fff; text-shadow:0 1px 8px rgba(11,43,44,.45); }
.sdl-menu--sur-photo:not(.est-colle) .sdl-nav a:hover{ background:rgba(255,255,255,.16); }
.sdl-menu--sur-photo:not(.est-colle) .sdl-burger{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.5); color:#fff; }
.sdl-menu--sur-photo.est-colle{ background:rgba(245,248,246,.97); }
.sdl-tiroir{ position:fixed; inset:0; z-index:100; background:var(--sb-profond); color:#fff; padding:88px 24px 32px; overflow-y:auto; }
.sdl-tiroir[hidden]{ display:none; }
.sdl-tiroir ul{ list-style:none; margin:0 0 28px; padding:0; display:grid; gap:4px; position:relative; }
.sdl-tiroir a{ display:flex; align-items:center; gap:14px; padding:14px 6px; color:#fff; text-decoration:none; font:700 21px/1.2 var(--sb-titre); font-stretch:108%; border-bottom:1px solid rgba(127,214,200,.18); }
.sdl-tiroir a .sdl-ico{ color:var(--sb-jade-clair); }
.sdl-tiroir-fermer{ position:absolute; top:12px; right:16px; width:48px; height:48px; border-radius:12px; border:1.5px solid rgba(255,255,255,.4); background:transparent; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
@media (max-width:1240px){
	.sdl-nav{ display:none; }
	.sdl-burger{ display:inline-flex; }
	.sdl-menu-cta{ margin-left:auto; }
}
@media (max-width:760px){
	.sdl-menu-in{ padding-inline:16px; gap:10px; }
	.sdl-logo-mot{ font-size:16px; font-stretch:108%; }
	.sdl-logo .sdl-disque{ width:34px; height:34px; }
	.sdl-cta-long{ display:none; } .sdl-cta-court{ display:inline; }
	.sdl-menu-cta{ padding:8px 14px; font-size:15px; }
}
@media (max-width:370px){ .sdl-logo-mot{ font-size:14px; } }

/* Jauge de profondeur (bord droit) */
.sdl-jauge{ position:fixed; top:var(--sdl-menu); bottom:0; right:0; width:3px; z-index:40; background:rgba(11,111,104,.14); pointer-events:none; }
.sdl-jauge::before{ content:""; position:absolute; right:0; top:0; bottom:0; width:9px; background:repeating-linear-gradient(to bottom,transparent 0 calc(10% - 1px),rgba(11,111,104,.22) calc(10% - 1px) 10%); }
.sdl-jauge-niveau{ display:block; width:100%; height:calc(var(--p,0) * 100%); background:var(--sb-corail); border-radius:0 0 2px 2px; }
@media (max-width:760px){ .sdl-jauge{ width:2px; } .sdl-jauge::before{ width:6px; } }

/* ---------- S1 · Hero à la ligne de flottaison ---------- */
.sdl-hero{ position:relative; height:100vh; height:100svh; min-height:640px; max-height:950px; color:#fff; overflow:hidden; background:var(--sb-profond); }
.sdl-hero-fond{ position:absolute; inset:0; }
.sdl-flot--hero{ position:absolute; inset:0; border-radius:0; }
.sdl-hero-fond::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
	background:linear-gradient(90deg,rgba(11,43,44,.78) 0%,rgba(11,43,44,.6) 28%,rgba(11,43,44,.18) 50%,rgba(11,43,44,0) 62%),linear-gradient(180deg,rgba(11,43,44,.5) 0,rgba(11,43,44,0) 150px); }
.sdl-hero-in{ position:relative; z-index:3; height:100%; max-width:var(--sb-conteneur); margin:auto; padding-inline:24px; --l:62%; }
.sdl-hero-texte{ position:absolute; left:24px; bottom:calc(100% - var(--l) + 30px); width:min(720px, calc(100% - 420px - 112px)); }
.sdl-hero-texte .sdl-pastille{ margin-bottom:16px; }
.sdl-hero-h1{ font-size:64px; line-height:.98; font-stretch:106%; color:#fff; text-wrap:balance; }
.sdl-hero-h1 .sdl-t1,.sdl-hero-h1 .sdl-t2{ display:block; }
.sdl-hero-h1 .sdl-t2{ color:var(--sb-jade-clair); }
.sdl-hero-sous{ position:absolute; left:24px; top:calc(var(--l) + 22px); width:min(640px, calc(100% - 420px - 112px)); }
.sdl-hero-chapo{ font-size:20px; line-height:1.45; color:rgba(255,255,255,.92); margin:0 0 18px; max-width:52ch; }
.sdl-preuves{ display:flex; gap:28px; list-style:none; margin:0 0 12px; padding:0; }
.sdl-preuves li{ display:flex; flex-direction:column; }
.sdl-preuves b{ font:800 38px/1 var(--sb-titre); font-stretch:125%; font-variant-numeric:tabular-nums; color:#fff; }
.sdl-preuves span{ font-size:14px; font-weight:600; color:var(--sb-sur-fonce); margin-top:4px; }
.sdl-reassure{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px; font-weight:600; color:var(--sb-sur-fonce); }
.sdl-reassure .sdl-ico{ width:20px; height:20px; color:var(--sb-jade-clair); }
.sdl-hero .sdl-sortie--hero{ position:absolute; right:24px; top:var(--l); transform:translateY(-64%); width:420px; }
.sdl-flot--hero .sdl-ligne{ animation:sdl-trace .7s cubic-bezier(.4,0,.2,1) .05s both; }
.sdl-hero .sdl-sortie--hero{ animation:sdl-pose .5s cubic-bezier(.2,.7,.2,1) .5s both; }
@keyframes sdl-trace{ from{ clip-path:inset(0 100% 0 0); } to{ clip-path:inset(0 0 0 0); } }
@keyframes sdl-pose{ from{ opacity:0; transform:translateY(calc(-64% + 18px)); box-shadow:none; } to{ opacity:1; transform:translateY(-64%); } }
@media (min-width:1700px){
	.sdl-hero-h1{ font-size:84px; font-stretch:112%; }
	.sdl-hero .sdl-sortie--hero{ width:460px; }
	.sdl-hero-texte,.sdl-hero-sous{ width:min(900px, calc(100% - 460px - 120px)); }
}
@media (max-width:1180px) and (min-width:761px){ .sdl-hero-h1{ font-size:52px; } }

/* ---------- Formulaire en étapes (mu-plugin sb-lead-form, habillé) ---------- */
.sdl-sortie{ position:relative; background:var(--sb-carte); color:var(--sb-encre); border-radius:24px; padding:26px 26px 22px; box-shadow:var(--sb-reflet),var(--sb-ombre-forte); text-align:left; }
.sdl-sortie-bouee{ position:absolute; top:-24px; left:-24px; width:68px; height:68px; }
.sdl-sortie-titre{ font:800 22px/1.15 var(--sb-titre); font-stretch:112%; color:var(--sb-profond); margin:0 0 12px; letter-spacing:-.02em; }
.sdl-sortie .sblf{ --sblf-a:var(--sb-jade); --sblf-b:var(--sb-lac); max-width:none; margin:0; font:16px/1.45 var(--sb-texte); color:var(--sb-encre); }
.sdl-sortie .sblf-f{ display:flex; flex-direction:column; }
.sdl-sortie--hero .sblf-f{ min-height:394px; }
.sdl-sortie .sblf-bar{ position:relative; display:flex; justify-content:space-between; align-items:center; gap:0; margin:0 0 16px; padding:0 2px; background:var(--sdl-ligne-svg) repeat-x center/60px 8px; }
.sdl-sortie .sblf-bar i{ flex:0 0 26px; height:26px; border-radius:999px; background:#fff; border:2px solid var(--sb-filet); transition:background .25s,border-color .25s; }
.sdl-sortie .sblf-bar i.on{ background:var(--sb-jade) 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/14px no-repeat; border-color:var(--sb-jade); }
.sdl-sortie .sblf-bar i.on:not(:has(+ i.on)){ background:var(--sb-corail); border-color:var(--sb-profond); border-width:2px; box-shadow:var(--sb-reflet); }
.sdl-sortie .sblf-e.on{ animation:none; }
.sdl-sortie .sblf h3,.sdl-sortie .sblf .sblf-q{ font:700 17px/1.3 var(--sb-titre); font-stretch:104%; color:var(--sb-profond); margin:0 0 12px; letter-spacing:-.01em; }
.sdl-sortie .sblf .sblf-aide{ display:none; }
.sdl-sortie .sblf-choix{ grid-template-columns:1fr 1fr; gap:8px; margin:0; }
.sdl-sortie .sblf-c{ min-height:52px; padding:9px 12px; gap:10px; border:1.5px solid var(--sb-filet); border-radius:14px; background:#fff; font-size:15px; line-height:1.2; color:var(--sb-encre); }
.sdl-sortie .sblf-c:hover{ border-color:var(--sb-jade); background:var(--sb-fond); }
.sdl-sortie .sblf-c.on{ border:2px solid var(--sb-jade); background:var(--sb-lac); font-weight:600; padding:8.5px 11.5px; }
.sdl-sortie .sblf-c span.i{ display:flex; color:var(--sb-jade); font-size:0; }
.sdl-sortie .sblf-c span.i .sdl-ico{ width:22px; height:22px; }
.sdl-sortie .sblf-nav{ margin-top:12px; gap:12px; flex-direction:row-reverse; justify-content:flex-start; align-items:center; }
.sdl-sortie .sblf-b2{ color:var(--sb-doux); font-size:14px; min-height:44px; padding:0 4px; text-decoration:underline; text-underline-offset:4px; }
.sdl-sortie .sblf-b1{ flex:1; min-height:50px; padding:12px 18px; border-radius:14px; background:var(--sb-corail); color:var(--sb-profond); font-weight:700; font-size:16px; white-space:nowrap; box-shadow:inset 0 0 0 1.5px var(--sb-profond); }
.sdl-sortie .sblf-b1:hover{ background:#FF8572; }
.sdl-sortie .sblf-rap{ margin:0 0 8px; padding:7px 12px; font-size:13px; line-height:1.35; border-radius:12px; background:var(--sb-lac); color:var(--sb-encre); }
.sdl-sortie .sblf-e.on[data-e="2"]{ display:grid; grid-template-columns:1fr 1fr; column-gap:10px; align-content:start; }
.sdl-sortie .sblf-e[data-e="2"] > *{ grid-column:1 / -1; }
.sdl-sortie .sblf-e[data-e="2"] label[for$="-n"]{ grid-column:1; grid-row:3; }
.sdl-sortie .sblf-e[data-e="2"] input[name="name"]{ grid-column:1; grid-row:4; }
.sdl-sortie .sblf-e[data-e="2"] label[for$="-t"]{ grid-column:2; grid-row:3; }
.sdl-sortie .sblf-e[data-e="2"] input[name="phone"]{ grid-column:2; grid-row:4; }
.sdl-sortie .sblf label.f{ margin:8px 0 4px; font-size:13px; font-weight:600; color:var(--sb-encre); }
.sdl-sortie .sblf label[for$="-m"],.sdl-sortie .sblf textarea[name="message"]{ display:none; }
.sdl-sortie .sblf input[type=text],.sdl-sortie .sblf input[type=email],.sdl-sortie .sblf input[type=tel]{ height:46px; padding:10px 12px; border:1.5px solid var(--sb-filet); border-radius:14px; background:#fff; min-width:0; }
.sdl-sortie .sblf input:focus{ border-color:var(--sb-jade); outline:3px solid rgba(255,107,87,.55); outline-offset:1px; }
.sdl-sortie .sblf-err{ color:#A3261B; font-size:13.5px; margin:6px 0 0; }
.sdl-sortie .sblf-ok{ padding:40px 8px 24px; }
.sdl-sortie .sblf-ok .k{ font-size:0; width:64px; height:64px; margin:0 auto; border-radius:999px; border:3px solid #fff; box-shadow:var(--sb-reflet);
	background:var(--sb-jade) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/30px no-repeat; }
.sdl-sortie .sblf-ok h3,.sdl-sortie .sblf-ok .sblf-q{ font-size:20px; }
.sdl-sortie .sblf-ok p{ display:block!important; font-size:15px; color:var(--sb-doux); }
/* période (étape 2) et consentement (étape 3) ajoutés par le thème */
.sdl-periode{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 10px; }
.sdl-periode-l{ font-size:13px; font-weight:600; margin-right:2px; }
.sdl-periode label{ position:relative; cursor:pointer; }
.sdl-periode input{ position:absolute; opacity:0; inset:0; cursor:pointer; }
.sdl-periode span{ display:inline-flex; align-items:center; min-height:34px; padding:5px 11px; border-radius:999px; border:1.5px solid var(--sb-filet); font-size:13.5px; font-weight:600; background:#fff; }
.sdl-periode input:checked + span{ background:var(--sb-jade); border-color:var(--sb-jade); color:#fff; }
.sdl-periode input:focus-visible + span{ outline:3px solid var(--sb-corail); outline-offset:2px; }
.sdl-rgpd{ display:flex; gap:10px; align-items:flex-start; margin:10px 0 2px; font-size:12.5px; line-height:1.35; color:var(--sb-doux); cursor:pointer; }
.sdl-rgpd input{ width:20px; height:20px; margin:0; flex-shrink:0; accent-color:var(--sb-jade); }
.sdl-rgpd a{ color:var(--sb-jade); font-weight:600; }

/* formulaire de la barre latérale : compact */
.sdl-rail-form{ padding:20px; }
.sdl-sortie--rail{ padding:0; box-shadow:none; border-radius:0; background:transparent; }
.sdl-sortie--rail .sdl-sortie-titre{ font-size:18px; margin-bottom:10px; }
.sdl-sortie--rail .sblf-bar{ margin-bottom:10px; }
.sdl-sortie--rail .sblf-bar i{ flex-basis:22px; height:22px; }
.sdl-sortie--rail .sblf h3,.sdl-sortie--rail .sblf .sblf-q{ font-size:15px; margin-bottom:8px; }
.sdl-sortie--rail .sblf-c{ min-height:44px; font-size:13.5px; padding:6px 9px; gap:7px; }
.sdl-sortie--rail .sblf-c span.i .sdl-ico{ width:18px; height:18px; }
.sdl-sortie--rail .sdl-periode span{ font-size:12.5px; min-height:30px; padding:3px 9px; }
.sdl-sortie--rail .sblf-b1{ min-height:46px; font-size:15px; }

/* ---------- S2 · Choisir sa glisse ---------- */
.sdl-activites-rangee{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; padding-top:20px; }
.sdl-activite{ position:relative; display:block; text-decoration:none; color:#fff; border-radius:20px; transition:transform .2s ease; }
.sdl-activite:hover,.sdl-activite:focus-visible{ transform:translateY(-6px); }
.sdl-activite-photo{ aspect-ratio:3/4; border-radius:20px; box-shadow:var(--sb-reflet); }
.sdl-activite-photo::after{ content:""; position:absolute; inset:45% 0 0; background:linear-gradient(180deg,rgba(11,43,44,0),rgba(11,43,44,.72)); z-index:2; }
.sdl-activite-nom{ position:absolute; left:14px; right:12px; bottom:14px; z-index:3; display:flex; align-items:flex-end; gap:8px; font:700 17px/1.2 var(--sb-titre); color:#fff; }
.sdl-activite-nom .sdl-ico{ width:22px; height:22px; color:var(--sb-jade-clair); }
.sdl-bouee--carte{ position:absolute; top:-20px; left:14px; width:56px; height:56px; font-size:16px; }

/* ---------- S3 · Le lac du Bourget ---------- */
.sdl-bourget-grille{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:56px; align-items:center; }
.sdl-bourget-carte{ position:relative; }
.sdl-flot--bourget .sdl-repli-ico{ display:none; }
.sdl-flot--bourget{ height:460px; }
.sdl-spots{ position:absolute; inset:0; list-style:none; margin:0; padding:0; z-index:4; }
.sdl-spots li{ position:absolute; transform:translate(-50%,-50%); }
.sdl-spots a{ display:inline-flex; align-items:center; gap:6px; padding:7px 12px 7px 8px; border-radius:999px; background:#fff; color:var(--sb-profond); font:600 14px/1.2 var(--sb-texte); text-decoration:none; white-space:nowrap; box-shadow:var(--sb-reflet),0 2px 8px rgba(11,43,44,.18); }
.sdl-spots a .sdl-ico{ width:18px; height:18px; color:var(--sb-corail); }
.sdl-spots a:hover{ background:var(--sb-profond); color:#fff; }
.sdl-bourget-texte p{ color:var(--sb-encre); margin:16px 0 22px; }
.sdl-chiffres{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:26px; }
.sdl-chiffre{ background:#fff; border-radius:20px; padding:18px 16px 16px; box-shadow:var(--sb-ombre); }
.sdl-chiffre b{ display:block; font:800 48px/1 var(--sb-titre); font-stretch:125%; font-variant-numeric:tabular-nums; color:var(--sb-jade); padding-bottom:10px; }
.sdl-chiffre span{ display:block; padding-top:12px; font-size:14px; line-height:1.35; font-weight:600; color:var(--sb-doux); background:var(--sdl-ligne-svg) repeat-x top/60px 8px; }
.sdl-chiffres--ligne{ margin-top:40px; }
.sdl-chiffres--ligne .sdl-chiffre b{ font-size:60px; }

/* ---------- S4 · Actualité ---------- */
.sdl-actu-grille{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:32px; align-items:stretch; }
.sdl-une{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); background:#fff; border-radius:24px; overflow:hidden; box-shadow:var(--sb-ombre); text-decoration:none; color:var(--sb-encre); transition:box-shadow .2s ease; }
.sdl-une:hover{ box-shadow:var(--sb-ombre-forte); }
.sdl-une-photo{ border-radius:0; min-height:100%; }
.sdl-une-corps{ display:flex; flex-direction:column; justify-content:center; gap:12px; padding:28px; }
.sdl-une-sur{ font-size:14px; font-weight:600; color:var(--sb-jade); }
.sdl-une-titre{ font-size:24px; line-height:1.15; font-stretch:106%; }
.sdl-une-chapo{ font-size:16px; line-height:1.5; color:var(--sb-doux); }
.sdl-actu .sdl-une{ height:420px; }
.sdl-compactes{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.sdl-compacte{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:center; padding:0; text-decoration:none; color:var(--sb-encre); border-radius:16px; }
.sdl-compacte:hover .sdl-compacte-titre{ color:var(--sb-jade); }
.sdl-compacte-photo{ position:relative; width:96px; height:96px; border-radius:16px; overflow:hidden; background:var(--sb-lac); box-shadow:var(--sb-reflet); }
.sdl-compacte-photo img{ width:100%; height:100%; object-fit:cover; }
.sdl-compacte-corps{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.sdl-compacte-corps .sdl-pastille{ align-self:flex-start; padding:3px 10px; font-size:13px; background:var(--sb-lac); }
.sdl-compacte-titre{ font:700 17px/1.25 var(--sb-titre); color:var(--sb-profond); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* méta auteur */
.sdl-meta{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--sb-doux); flex-wrap:wrap; }
.sdl-avatar{ border-radius:999px; object-fit:cover; flex-shrink:0; background:var(--sb-lac); }
.sdl-meta .sdl-avatar{ width:28px; height:28px; }
.sdl-meta-date{ font-size:14px; color:var(--sb-doux); font-weight:400; }
.sdl-meta .sdl-meta-date::before{ content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--sb-jade-clair); margin:0 8px 3px 0; }

/* ---------- S5 · Bande des profondeurs ---------- */
.sdl-secu-grille{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.sdl-secu-tuile{ position:relative; display:flex; flex-direction:column; gap:10px; padding:28px 24px 24px; border-radius:20px; background:rgba(233,244,241,.06); border:1px solid rgba(127,214,200,.28); }
.sdl-secu-ico{ width:40px; height:40px; color:var(--sb-jade-clair); }
.sdl-secu-tuile h3{ color:#fff; font-size:21px; font-stretch:108%; }
.sdl-secu-tuile p{ margin:0; font-size:15.5px; line-height:1.5; color:var(--sb-sur-fonce); }
.sdl-secu-tuile a{ margin-top:auto; padding-top:6px; color:var(--sb-jade-clair); font-weight:600; font-size:15px; line-height:1.4; text-underline-offset:4px; }
.sdl-secu-tuile a:hover{ color:#fff; }
.sdl-bouee--tuile{ position:absolute; top:-22px; right:20px; width:60px; height:60px; font-size:18px; }

/* ---------- S6 · Rubriques en éventail ---------- */
.sdl-eventail{ list-style:none; margin:0; padding:12px 0 8px; display:flex; justify-content:center; }
.sdl-eventail li{ width:214px; flex-shrink:0; margin-left:-24px; transition:transform .25s ease; position:relative; }
.sdl-eventail li:first-child{ margin-left:0; }
.sdl-eventail li:nth-child(1){ transform:rotate(-4deg) translateY(14px); }
.sdl-eventail li:nth-child(2){ transform:rotate(-2.4deg) translateY(4px); }
.sdl-eventail li:nth-child(3){ transform:rotate(-.8deg); }
.sdl-eventail li:nth-child(4){ transform:rotate(.8deg); }
.sdl-eventail li:nth-child(5){ transform:rotate(2.4deg) translateY(4px); }
.sdl-eventail li:nth-child(6){ transform:rotate(4deg) translateY(14px); }
.sdl-eventail li:hover,.sdl-eventail li:focus-within{ transform:rotate(0) translateY(-12px); z-index:5; }
.sdl-rub{ position:relative; display:block; text-decoration:none; color:#fff; border-radius:20px; box-shadow:var(--sb-reflet),var(--sb-ombre); }
.sdl-rub-photo{ aspect-ratio:4/5; border-radius:20px; border:3px solid #fff; }
.sdl-rub-photo::after{ content:""; position:absolute; inset:50% 0 0; background:linear-gradient(180deg,rgba(11,43,44,0),rgba(11,43,44,.75)); z-index:2; }
.sdl-rub-nom{ position:absolute; left:16px; right:34px; bottom:16px; z-index:3; font:700 18px/1.15 var(--sb-titre); font-stretch:104%; }
.sdl-rub-nom small{ display:block; margin-top:4px; font:600 13px/1.2 var(--sb-texte); color:var(--sb-sur-fonce); }

/* ---------- Cartes article (toutes avec photo) ---------- */
.sdl-carte{ display:flex; flex-direction:column; background:#fff; border-radius:20px; overflow:hidden; text-decoration:none; color:var(--sb-encre); box-shadow:var(--sb-ombre); transition:transform .2s ease, box-shadow .2s ease; }
.sdl-carte:hover{ transform:translateY(-4px); box-shadow:var(--sb-ombre-forte); color:var(--sb-encre); }
.sdl-carte-photo{ aspect-ratio:16/10; border-radius:0; flex-shrink:0; }
.sdl-carte-corps{ display:flex; flex-direction:column; gap:10px; padding:18px 20px 20px; flex:1; }
.sdl-carte-titre{ font:700 19px/1.25 var(--sb-titre); color:var(--sb-profond); letter-spacing:-.01em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sdl-carte:hover .sdl-carte-titre{ color:var(--sb-jade); }
.sdl-carte-chapo{ font-size:15px; line-height:1.5; color:var(--sb-doux); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sdl-carte .sdl-meta{ margin-top:auto; }
.sdl-grille{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sdl-grille--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.sdl-cache{ display:none!important; }
.sdl-plus{ display:flex; justify-content:center; margin-top:32px; }
.sdl-derniers .sdl-plus{ margin-top:24px; }
.sdl-derniers .sdl-carte-photo{ aspect-ratio:16/9; }
.sdl-rubrique-liste .sdl-grille{ margin-top:32px; }

/* ---------- S7 · Où dormir ---------- */
.sdl-dormir-grille{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.sdl-carte--dormir .sdl-carte-photo{ aspect-ratio:4/3; }
.sdl-carte--appel{ background:var(--sb-profond); color:var(--sb-sur-fonce); }
.sdl-carte--appel .sdl-carte-titre{ color:#fff; }
.sdl-carte--appel .sdl-carte-chapo{ color:var(--sb-sur-fonce); }
.sdl-carte--appel .sdl-lien-fort{ color:var(--sb-jade-clair); margin-top:auto; }
.sdl-carte--appel:hover{ color:var(--sb-sur-fonce); }
.sdl-carte--appel:hover .sdl-carte-titre{ color:var(--sb-jade-clair); }

/* ---------- S9 · Bande d'appel ---------- */
.sdl-appel{ position:relative; height:520px; overflow:hidden; color:#fff; display:flex; align-items:center; }
.sdl-flot--appel{ position:absolute; inset:0; border-radius:0; }
.sdl-appel::before{ content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,rgba(11,43,44,.8),rgba(11,43,44,.35) 55%,rgba(11,43,44,.1)); }
.sdl-appel-in{ position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1fr) 460px; gap:48px; align-items:center; }
.sdl-appel .sdl-titre .sdl-t1{ color:#fff; }
.sdl-appel .sdl-titre .sdl-t2{ color:var(--sb-jade-clair); }
.sdl-appel-texte p{ margin:16px 0 0; font-size:19px; color:rgba(255,255,255,.92); max-width:44ch; }
.sdl-appel-carte{ background:#fff; color:var(--sb-encre); border-radius:24px; padding:24px; box-shadow:var(--sb-reflet),var(--sb-ombre-forte); }
.sdl-appel-tuiles{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sdl-tuile{ display:flex; align-items:center; gap:10px; min-height:52px; padding:9px 12px; border:1.5px solid var(--sb-filet); border-radius:14px; text-decoration:none; color:var(--sb-encre); font-size:15px; line-height:1.2; background:#fff; }
.sdl-tuile .sdl-ico{ width:22px; height:22px; color:var(--sb-jade); }
.sdl-tuile:hover{ border-color:var(--sb-jade); background:var(--sb-lac); color:var(--sb-profond); }

/* ---------- Article : en-tête (pièce ENTETE) ---------- */
.sdl-entete{ position:relative; background:var(--sb-lac); padding:4px 0 64px; }
.sbt-fil-ariane{ padding-block:14px 18px; font-size:14px; gap:8px; }
.sbt-fil-ariane a{ color:var(--sb-doux); }
.sdl-ariane-clair,.sdl-ariane-clair a{ color:rgba(255,255,255,.88)!important; }
.sdl-entete-grille{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); gap:56px; align-items:start; }
.sdl-entete-texte{ display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding-top:2px; }
.sdl-entete-h1{ font-size:44px; line-height:1.06; font-stretch:106%; text-wrap:balance; }
.sdl-entete-h1 .sdl-t1,.sdl-entete-h1 .sdl-t2{ display:block; }
.sdl-entete-chapo{ font-size:19px; line-height:1.55; color:var(--sb-encre); margin:0; max-width:56ch; }
.sdl-entete-meta{ display:flex; align-items:center; gap:14px; }
.sdl-entete-meta .sdl-avatar{ width:48px; height:48px; border:2px solid #fff; box-shadow:var(--sb-reflet); }
.sdl-entete-auteur{ display:block; font-weight:700; color:var(--sb-profond); text-decoration:none; font-size:16px; }
.sdl-entete-auteur:hover{ color:var(--sb-jade); text-decoration:underline; }
.sdl-entete-dates{ display:block; font-size:14px; color:var(--sb-doux); }
.sdl-entete-photo{ position:relative; margin:6px 16px 16px 0; }
.sdl-entete-aplat{ position:absolute; inset:16px -16px -16px 16px; border-radius:32px; background:var(--sb-mieau); }
.sdl-flot--entete{ aspect-ratio:16/10; z-index:1; box-shadow:var(--sb-ombre); }
.sdl-bouee--entete{ position:absolute; top:-22px; left:-22px; width:72px; height:72px; font-size:22px; }
.sdl-bouee--entete small{ font-size:9.5px; }
@media (min-width:1700px){ .sdl-entete-h1{ font-size:54px; } }

/* ---------- Article : corps en panneau + barre latérale (blocs figés habillés) ---------- */
.sdl-article .sbt-article-mise-en-page{ grid-template-columns:minmax(0,var(--sb-lecture)) var(--sb-rail); column-gap:56px; padding:0 24px 88px; margin-top:-28px; position:relative; }
.sdl-article .sbt-article-principal{ background:#fff; border-radius:24px; box-shadow:var(--sb-ombre); padding:48px; min-width:0; }
.sbt-article-corps{ font-family:var(--sb-texte); font-size:18px; line-height:1.65; color:var(--sb-encre); }
.sbt-article-corps > *:first-child{ margin-top:0; }
.sbt-article-corps h2{ font-size:30px; line-height:1.12; font-stretch:106%; margin:1.8em 0 .55em; color:var(--sb-profond); }
.sbt-article-corps h3{ font-size:22px; line-height:1.2; margin:1.5em 0 .45em; color:var(--sb-profond); }
.sbt-article-corps a{ color:var(--sb-jade); font-weight:600; }
.sbt-article-corps img{ border-radius:20px; }
.sbt-article-corps strong{ color:var(--sb-profond); }
.sbt-article-corps blockquote{ border-left:4px solid var(--sb-corail); background:var(--sb-fond); border-radius:0 16px 16px 0; font-style:normal; }
/* listes = cartes cochées */
.sbt-article-corps :not(li) > ul:not([class]){ list-style:none; margin:1.3em 0 1.6em; padding:0; display:grid; gap:10px; }
.sbt-article-corps :not(li) > ul:not([class]) > li{ position:relative; margin:0; padding:13px 16px 13px 52px; background:var(--sb-fond); border:1px solid var(--sb-filet); border-radius:14px; line-height:1.5; }
.sbt-article-corps :not(li) > ul:not([class]) > li::before{ content:""; position:absolute; left:15px; top:14px; width:24px; height:24px; border-radius:999px;
	background:var(--sb-jade) 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/13px no-repeat; }
.sbt-article-corps li > ul:not([class]){ margin:.5em 0 0; padding-left:1.1em; }
/* listes numérotées = frise d'étapes */
.sbt-article-corps :not(li) > ol:not([class]){ list-style:none; counter-reset:sdl-etape; margin:1.4em 0 1.8em; padding:0; }
.sbt-article-corps :not(li) > ol:not([class]) > li{ counter-increment:sdl-etape; position:relative; margin:0; padding:4px 0 20px 58px; line-height:1.55; }
.sbt-article-corps :not(li) > ol:not([class]) > li::before{ content:counter(sdl-etape); position:absolute; left:0; top:0; width:38px; height:38px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond);
	font:800 16px/38px var(--sb-titre); font-stretch:115%; text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond), var(--sb-reflet); }
.sbt-article-corps :not(li) > ol:not([class]) > li::after{ content:""; position:absolute; left:18px; top:44px; bottom:4px; width:2px; background:var(--sb-jade-clair); }
.sbt-article-corps :not(li) > ol:not([class]) > li:last-child::after{ display:none; }
/* tableaux = cartes comparatives (empilées sur mobile) */
.sbt-article-corps table{ width:100%; border-collapse:separate; border-spacing:0; margin:1.4em 0 1.8em; border:1px solid var(--sb-filet); border-radius:18px; overflow:hidden; font-size:16px; line-height:1.45; background:#fff; }
.sbt-article-corps th{ background:var(--sb-jade); color:#fff; text-align:left; padding:12px 14px; font:700 15px/1.3 var(--sb-titre); vertical-align:bottom; }
.sbt-article-corps td{ padding:12px 14px; border-top:1px solid var(--sb-filet); vertical-align:top; }
.sbt-article-corps tbody tr:nth-child(even) td{ background:var(--sb-fond); }
.sbt-article-corps td:first-child{ font-weight:600; color:var(--sb-profond); }

/* sommaire, rail collant, encadrés, FAQ, auteur : habillage des blocs */
.sbt-rail{ top:calc(var(--sdl-menu) + 16px); border-left:0; padding-left:0; gap:14px; }
.sbt-rail-carte{ border:0; border-radius:20px; box-shadow:var(--sb-ombre); background:#fff; }
.sbt-rail-carte--sommaire{ padding:18px 20px; }
.sbt-rail-carte .sbt-sommaire{ border:0; padding:0; background:transparent; border-radius:0; }
.sbt-sommaire{ border:1px solid var(--sb-filet); border-left:4px solid var(--sb-jade); border-radius:16px; }
.sbt-sommaire-titre{ font:800 17px/1.2 var(--sb-titre); font-stretch:110%; color:var(--sb-profond); }
.sbt-sommaire ol{ gap:6px; margin-top:12px; }
.sbt-sommaire li a{ font-size:14.5px; line-height:1.35; color:var(--sb-encre); align-items:flex-start; }
.sbt-sommaire-libelle{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sbt-sommaire-num{ background:var(--sb-lac); color:var(--sb-jade); width:22px; height:22px; font-size:11px; margin-top:-1px; }
.sbt-sommaire li a:hover{ color:var(--sb-jade); }
.sbt-sommaire li a.est-actif{ color:var(--sb-profond); font-weight:700; }
.sbt-sommaire li a.est-actif .sbt-sommaire-num{ background:var(--sb-corail); color:var(--sb-profond); }
.sbt-sommaire-mobile .sbt-sommaire{ background:var(--sb-fond); padding:16px 18px; }
.sbt-rail-carte .sbt-t4,.sbt-rail-carte h4,.sbt-footer-colonne .sbt-t4,.sbt-article-pastille,.sbt-encadre-titre,.sbt-auteur-sur,.sbt-auteur-role,.sbt-auteur-der p{ text-transform:none!important; letter-spacing:0!important; }
.sbt-encadre-titre{ font:800 17px/1.2 var(--sb-titre)!important; font-stretch:108%!important; }
.sbt-auteur-sur,.sbt-auteur-der p{ font-size:14px!important; font-weight:600; }
.sbt-auteur-role{ font-size:15px!important; }
.sbt-auteur-nom{ font-weight:800!important; font-stretch:110%; color:var(--sb-profond); letter-spacing:-.02em; }
.sbt-auteur-actions .sbt-btn{ background:var(--sb-corail)!important; color:var(--sb-profond)!important; border-radius:14px!important; box-shadow:inset 0 0 0 1.5px var(--sb-profond); padding:11px 20px!important; }
.sbt-auteur-actions .sbt-btn--fantome{ background:#fff!important; box-shadow:inset 0 0 0 1.5px var(--sb-jade); }
.sbt-encadre,.sbt-faq,.sbt-auteur{ border-radius:24px!important; }
.sbt-faq{ background:var(--sb-lac); border-color:var(--sb-filet); }
.sbt-faq summary{ font-family:var(--sb-titre); color:var(--sb-profond); }
.sbt-auteur{ background:var(--sb-lac)!important; border-color:var(--sb-filet)!important; margin-top:48px; }
.sbt-auteur .sbt-btn{ min-height:44px; }

/* À lire aussi : section pleine largeur */
.sdl-a-lire .sdl-titre{ font-size:34px; margin-bottom:28px; }

/* ---------- Rubrique (pièce RUBRIQUE) ---------- */
.sdl-rubrique-tete,.sdl-apropos-hero{ position:relative; height:440px; color:#fff; overflow:hidden; background:var(--sb-profond); }
.sdl-apropos-hero{ height:520px; }
.sdl-flot--rubrique,.sdl-flot--apropos{ position:absolute; inset:0; border-radius:0; }
.sdl-rubrique-tete::after,.sdl-apropos-hero::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(11,43,44,.8) 0%,rgba(11,43,44,.55) 38%,rgba(11,43,44,.05) 70%); }
.sdl-rubrique-in,.sdl-apropos-in{ position:relative; z-index:3; height:100%; --l:60%; }
.sdl-rubrique-in .sbt-fil-ariane,.sdl-apropos-in .sbt-fil-ariane{ position:absolute; top:14px; left:24px; padding:0; }
.sdl-rubrique-h1{ position:absolute; left:24px; right:24px; bottom:calc(100% - var(--l) + 76px); max-width:760px; font-size:46px; line-height:1.04; font-stretch:110%; color:#fff; text-wrap:balance; }
.sdl-rubrique-h1 .sdl-t1,.sdl-rubrique-h1 .sdl-t2{ display:block; }
.sdl-rubrique-h1 .sdl-t2{ color:var(--sb-jade-clair); }
.sdl-rubrique-chapo{ position:absolute; left:24px; bottom:calc(100% - var(--l) + 14px); max-width:600px; margin:0; font-size:18px; line-height:1.45; color:rgba(255,255,255,.92); }
.sdl-filtres{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.sdl-rubrique-in .sdl-filtres{ position:absolute; left:24px; right:24px; top:calc(var(--l) + 24px); }
.sdl-filtres a,.sdl-filtres span{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 14px; border-radius:999px; background:#fff; color:var(--sb-profond); font:600 14.5px/1.2 var(--sb-texte); text-decoration:none; box-shadow:var(--sb-reflet); }
.sdl-filtres a:hover{ background:var(--sb-corail); }
.sdl-filtres small{ font-size:12.5px; color:var(--sb-jade); font-weight:700; }
.sdl-filtres--clair span{ background:var(--sb-lac); box-shadow:none; }
.sdl-rubrique-liste{ padding-top:48px; }
.sdl-une--rubrique{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.sdl-une--rubrique .sdl-une-photo{ height:clamp(360px, calc(100vh - 300px), 500px); min-height:0; }
.sdl-une--rubrique .sdl-une-corps{ padding:36px; gap:14px; }
.sdl-une--rubrique .sdl-une-titre{ font-size:30px; }
.sdl-une--rubrique .sdl-btn{ align-self:flex-start; margin-top:6px; }
.sdl-pilier-grille{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; }
.sdl-pilier-grille p{ margin:16px 0 24px; }
.sdl-pilier-photo{ display:block; }
.sdl-pilier-photo .sdl-flot{ border-radius:32px; aspect-ratio:16/10; }
.sdl-bientot-carte{ position:relative; background:#fff; border-radius:24px; padding:48px; box-shadow:var(--sb-ombre); }
.sdl-bientot-carte > p{ max-width:60ch; margin:16px 0 28px; }
.sdl-bientot-carte .sdl-bouee{ position:absolute; top:-24px; right:32px; width:72px; height:72px; font-size:14px; }

/* ---------- Auteur ---------- */
.sdl-auteur-tete{ position:relative; background:var(--sb-lac); padding-bottom:48px; }
.sdl-flot--auteur{ position:absolute; left:0; right:0; top:0; height:280px; border-radius:0; }
.sdl-auteur-in{ position:relative; z-index:3; display:grid; grid-template-columns:160px minmax(0,1fr); gap:40px; padding-top:94px; }
.sdl-auteur-portrait .sdl-avatar{ width:160px; height:160px; border:4px solid #fff; box-shadow:var(--sb-reflet),var(--sb-ombre-forte); }
.sdl-auteur-texte{ padding-top:200px; }
.sdl-auteur-h1{ font-size:44px; font-stretch:110%; }
.sdl-auteur-role{ font-weight:700; color:var(--sb-jade); margin:8px 0 12px; }
.sdl-auteur-bio{ max-width:64ch; }

/* ---------- Pages annexes, recherche ---------- */
.sdl-page-tete{ position:relative; overflow:hidden; background:var(--sb-lac); padding:8px 0 72px; }
.sdl-page-h1{ font-size:44px; line-height:1.06; font-stretch:108%; position:relative; z-index:3; }
.sdl-page-h1 .sdl-t1,.sdl-page-h1 .sdl-t2{ display:block; }
.sdl-page-maj{ margin:12px 0 0; color:var(--sb-doux); font-size:15px; }
.sdl-panneau{ position:relative; z-index:3; max-width:860px; margin:-40px auto 88px; background:#fff; border-radius:24px; padding:48px; box-shadow:var(--sb-ombre); }
.sdl-page-tete--recherche .sdl-recherche{ margin-top:24px; max-width:640px; position:relative; z-index:3; }
.sdl-recherche{ display:flex; gap:8px; }
.sdl-recherche input{ flex:1; min-width:0; height:52px; padding:12px 16px; border-radius:14px; border:1.5px solid var(--sb-filet); background:#fff; font-size:16px; }
.sdl-recherche input:focus{ outline:3px solid var(--sb-corail); outline-offset:1px; border-color:var(--sb-jade); }
.sdl-recherche--tiroir{ position:relative; }
.sdl-recherche--tiroir button{ width:52px; border-radius:14px; border:0; background:var(--sb-corail); color:var(--sb-profond); display:flex; align-items:center; justify-content:center; }

/* ---------- 404 ---------- */
.sdl-404{ position:relative; overflow:hidden; min-height:calc(100vh - var(--sdl-menu)); background:var(--sb-profond); color:var(--sb-sur-fonce); padding-bottom:88px; }
.sdl-404-ligne{ position:absolute; left:0; right:0; top:20%; height:10px; --ligne:0; }
.sdl-404-ligne .sdl-ligne{ top:0; }
.sdl-404-bouee{ position:absolute; left:50%; top:0; transform:translate(-50%,-50%); filter:drop-shadow(0 18px 14px rgba(127,214,200,.25)); }
.sdl-404-in{ position:relative; z-index:3; padding-top:calc(20vh + 72px); text-align:center; display:flex; flex-direction:column; align-items:center; gap:28px; }
.sdl-404-h1{ font-size:52px; line-height:1.05; font-stretch:110%; color:#fff; }
.sdl-404-h1 .sdl-t1,.sdl-404-h1 .sdl-t2{ display:block; }
.sdl-404-h1 .sdl-t2{ color:var(--sb-jade-clair); }
.sdl-404 .sdl-recherche{ width:100%; max-width:560px; }
.sdl-404-rubs{ width:100%; text-align:left; }

/* ---------- Contact ---------- */
.sdl-contact{ background:var(--sb-lac); padding:24px 0 88px; }
.sdl-contact-grille{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:start; }
.sdl-contact-grille{ align-items:stretch; }
.sdl-contact-photo{ position:relative; margin-top:58px; display:flex; }
.sdl-flot--contact{ flex:1; min-height:440px; width:100%; box-shadow:var(--sb-ombre); }
.sdl-bouee--contact{ position:absolute; top:-22px; left:-18px; width:72px; height:72px; font-size:17px; }
.sdl-contact-texte .sdl-page-h1{ margin-bottom:24px; }
.sdl-sortie--page{ max-width:620px; padding:30px; }
.sdl-etapes{ list-style:none; display:flex; justify-content:space-between; margin:0 0 18px; padding:0 2px; background:var(--sdl-ligne-svg) repeat-x center/60px 8px; }
.sdl-etapes li{ width:26px; height:26px; border-radius:999px; background:#fff; border:2px solid var(--sb-filet); }
.sdl-etapes li.fait{ background:var(--sb-jade) 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/14px no-repeat; border-color:var(--sb-jade); }
.sdl-etapes li.on{ background:var(--sb-corail); border-color:var(--sb-profond); }
.sdl-etape{ border:0; margin:0; padding:0; min-width:0; }
.js .sdl-etape:not(.on){ display:none; }
.sdl-etape legend{ font:700 18px/1.3 var(--sb-titre); color:var(--sb-profond); margin-bottom:12px; padding:0; }
.sdl-objets{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.sdl-objet{ position:relative; display:flex; align-items:center; gap:10px; min-height:56px; padding:10px 12px; border:1.5px solid var(--sb-filet); border-radius:14px; cursor:pointer; font-size:15px; line-height:1.25; background:#fff; }
.sdl-objet input{ position:absolute; opacity:0; inset:0; cursor:pointer; }
.sdl-objet .sdl-ico{ color:var(--sb-jade); width:22px; height:22px; }
.sdl-objet:has(input:checked){ border:2px solid var(--sb-jade); background:var(--sb-lac); font-weight:600; }
.sdl-objet:has(input:focus-visible){ outline:3px solid var(--sb-corail); outline-offset:2px; }
.sdl-champ{ display:block; font-size:13.5px; font-weight:600; margin:0 0 5px; }
.sdl-msg textarea,.sdl-msg input[type=text],.sdl-msg input[type=email]{ width:100%; border:1.5px solid var(--sb-filet); border-radius:14px; padding:11px 13px; background:#fff; font-size:16px; }
.sdl-msg input[type=text],.sdl-msg input[type=email]{ height:48px; }
.sdl-msg textarea{ min-height:150px; resize:vertical; }
.sdl-msg textarea:focus,.sdl-msg input:focus{ outline:3px solid rgba(255,107,87,.55); outline-offset:1px; border-color:var(--sb-jade); }
.sdl-duo{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sdl-nav-etapes{ display:flex; justify-content:flex-end; align-items:center; gap:16px; margin-top:16px; }
.sdl-champ-err{ color:#A3261B; font-size:13.5px; margin:6px 0 0; min-height:0; }
.sdl-champ-err:empty{ display:none; }
.sdl-piege{ position:absolute!important; left:-9999px; }
.sdl-msg-ok{ text-align:center; padding:24px 8px; }
.sdl-bouee--ok{ background:var(--sb-jade); color:#fff; margin-bottom:14px; }
.sdl-bouee--ok .sdl-ico{ width:30px; height:30px; }
.sdl-carte--action .sdl-carte-photo{ aspect-ratio:16/8; }
.sdl-contact-cartes .sdl-titre{ margin-bottom:28px; }
.sdl-contact-contenu{ margin:48px auto 0; }

/* ---------- À propos ---------- */
.sdl-apropos-in .sdl-rubrique-h1{ bottom:calc(100% - var(--l) + 84px); }
.sdl-apropos-contenu{ margin:0 auto; }
.sdl-frise{ list-style:none; margin:32px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; counter-reset:sdl-f; position:relative; }
.sdl-frise::before{ content:""; position:absolute; left:30px; right:30px; top:22px; height:10px; background:var(--sdl-ligne-svg) repeat-x center/60px 10px; }
.sdl-frise li{ position:relative; counter-increment:sdl-f; display:flex; flex-direction:column; gap:8px; padding:64px 20px 22px; background:#fff; border-radius:20px; box-shadow:var(--sb-ombre); }
.sdl-frise li::before{ content:counter(sdl-f); position:absolute; left:20px; top:6px; width:40px; height:40px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond); font:800 17px/40px var(--sb-titre); text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond),var(--sb-reflet); }
.sdl-frise b{ font:700 19px/1.2 var(--sb-titre); color:var(--sb-profond); }
.sdl-frise span{ font-size:15.5px; line-height:1.5; color:var(--sb-doux); }
.sdl-equipe{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:32px; }
.sdl-membre{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:24px 16px; background:#fff; border-radius:20px; box-shadow:var(--sb-ombre); text-decoration:none; color:var(--sb-encre); }
.sdl-membre .sdl-avatar{ width:96px; height:96px; border:3px solid #fff; box-shadow:var(--sb-reflet); margin-bottom:6px; }
.sdl-membre-nom{ font:700 18px/1.2 var(--sb-titre); color:var(--sb-profond); }
.sdl-membre-role{ font-size:14px; color:var(--sb-doux); }
.sdl-regle-in{ position:relative; max-width:760px; }
.sdl-regle-in p{ margin:18px 0 26px; font-size:18px; color:var(--sb-sur-fonce); }

/* ---------- Pied de page « fond du lac » (bloc figé habillé) ---------- */
.sbt-footer{ position:relative; overflow:hidden; background:var(--sb-pied); color:var(--sb-sur-fonce); padding-block:72px 28px; margin-top:0; }
.sbt-footer::before{ content:""; position:absolute; right:-80px; top:-60px; width:620px; height:900px; background:var(--sdl-iso) no-repeat center/contain; opacity:.16; pointer-events:none; }
.sbt-footer .sbt-conteneur{ position:relative; max-width:var(--sb-conteneur); padding-inline:24px; }
.sbt-footer a{ color:var(--sb-sur-fonce); }
.sbt-footer a:hover{ color:var(--sb-jade-clair); }
.sbt-footer-cta{ background:rgba(233,244,241,.06); border:1px solid rgba(127,214,200,.25); border-radius:24px; padding:26px 30px; margin-bottom:48px; }
.sbt-footer-cta .sbt-t3{ font:800 24px/1.15 var(--sb-titre); font-stretch:110%; color:#fff; }
.sbt-footer-cta p{ color:var(--sb-sur-fonce); }
.sbt-footer-grille{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,.9fr); gap:40px; border-bottom-color:rgba(127,214,200,.18); }
.sbt-footer-logo{ display:flex; align-items:center; gap:10px; font:800 21px/1 var(--sb-titre); font-stretch:115%; color:#fff; }
.sbt-footer-logo::before{ content:""; width:40px; height:40px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='18' fill='%23FF6B57'/%3E%3Cpath d='M2.45 24Q11.2 21.2 20 24T37.55 24A18 18 0 0 1 2.45 24Z' fill='%239A4E42'/%3E%3Cpath d='M2.45 24Q11.2 21.2 20 24T37.55 24' fill='none' stroke='%237FD6C8' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='18' fill='none' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E") center/contain no-repeat; }
.sbt-footer-desc{ color:var(--sb-sur-fonce); font-size:15.5px; line-height:1.55; max-width:34ch; }
.sbt-footer-colonne .sbt-t4{ font:700 16px/1.2 var(--sb-titre)!important; font-stretch:108%!important; color:var(--sb-jade-clair)!important; margin-bottom:16px; }
.sbt-footer-colonne ul a{ font-size:15px; }
.sdl-footer-lacs ul{ display:block; columns:2; column-gap:20px; }
.sdl-footer-lacs li{ break-inside:avoid; margin-bottom:8px; }
.sbt-footer-bas{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:rgba(233,244,241,.75); font-size:14px; }
.sbt-footer-bas::after{ content:"Vous êtes au fond du lac"; font-weight:600; color:var(--sb-jade-clair); }
.sbt-cookies{ background:var(--sb-profond); border:1px solid rgba(127,214,200,.3); color:var(--sb-sur-fonce); border-radius:16px; }
.sbt-cookies .sbt-btn{ min-height:36px; border-radius:12px; }
.sbt-cookies .sbt-btn--fantome{ background:transparent; color:#fff!important; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1180px){
	.sdl-activites-rangee{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:32px; }
	.sdl-secu-grille,.sdl-dormir-grille,.sdl-equipe{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sdl-eventail li{ width:180px; }
	.sdl-appel-in{ grid-template-columns:1fr 400px; }
}
@media (max-width:1080px){
	.sdl-article .sbt-article-mise-en-page{ grid-template-columns:minmax(0,1fr); }
	.sdl-entete-grille{ gap:32px; }
	.sdl-bourget-grille,.sdl-actu-grille,.sdl-pilier-grille,.sdl-contact-grille{ grid-template-columns:minmax(0,1fr); }
	.sdl-actu .sdl-une{ height:auto; }
	.sdl-frise{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sdl-frise::before{ display:none; }
}
@media (max-width:900px){ .sbt-footer-grille{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){
	.sdl-s-tete{ margin-bottom:22px; }
	.sdl-s-tete--ligne{ flex-direction:column; align-items:flex-start; }
	/* hero mobile : photo en tête, titre sur la photo, carte qui remonte de 56 px */
	.sdl-hero{ height:auto; min-height:0; max-height:none; display:flex; flex-direction:column; background:var(--sb-fond); color:var(--sb-encre); overflow:visible; }
	.sdl-hero-fond{ position:relative; height:400px; flex-shrink:0; overflow:hidden; }
	.sdl-hero-fond::after{ background:linear-gradient(180deg,rgba(11,43,44,.62) 0%,rgba(11,43,44,.5) 55%,rgba(11,43,44,.25) 100%); }
	.sdl-hero-in{ display:contents; }
	.sdl-hero-texte{ position:absolute; z-index:3; left:20px; right:20px; top:calc(var(--sdl-menu) + 14px); bottom:auto; width:auto; }
	.sdl-hero-texte .sdl-pastille{ font-size:13px; margin-bottom:12px; }
	.sdl-hero-h1{ font-size:38px; line-height:1.04; font-stretch:100%; }
	.sdl-hero .sdl-sortie--hero{ order:2; position:relative; z-index:4; top:auto; right:auto; transform:none; width:auto; margin:-64px 16px 0; padding:22px 18px 18px; animation:none; }
	.sdl-sortie--hero .sblf-f{ min-height:0; }
	.sdl-sortie-bouee{ top:-20px; left:auto; right:16px; width:60px; height:60px; }
	.sdl-hero-sous{ order:3; position:static; width:auto; padding:26px 20px 8px; color:var(--sb-encre); }
	.sdl-hero-chapo{ color:var(--sb-encre); font-size:17px; }
	.sdl-preuves{ gap:18px; }
	.sdl-preuves b{ color:var(--sb-jade); font-size:32px; }
	.sdl-preuves span,.sdl-reassure{ color:var(--sb-doux); }
	.sdl-reassure .sdl-ico{ color:var(--sb-jade); }
	.sdl-menu--sur-photo:not(.est-colle) .sdl-logo-mot{ color:#fff; }
	.sdl-sortie .sblf-c{ min-height:48px; font-size:14.5px; }
	.sdl-sortie .sdl-sortie-titre{ font-size:20px; }
	/* activités : défilement horizontal avec accroche */
	.sdl-activites-rangee{ display:grid; grid-auto-flow:column; grid-auto-columns:42%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; padding:22px 2px 10px; margin-inline:-2px; scrollbar-width:none; }
	.sdl-activites-rangee::-webkit-scrollbar{ display:none; }
	.sdl-activite{ scroll-snap-align:start; }
	.sdl-activite-nom{ font-size:15px; }
	.sdl-flot--bourget{ height:340px; border-radius:24px; }
	.sdl-spots a{ font-size:12.5px; padding:5px 10px 5px 6px; }
	.sdl-chiffre{ padding:14px 10px 12px; }
	.sdl-chiffre b{ font-size:32px; }
	.sdl-chiffre span{ font-size:12.5px; }
	.sdl-une{ grid-template-columns:minmax(0,1fr); }
	.sdl-une-photo{ aspect-ratio:16/10; min-height:0; height:auto!important; }
	.sdl-une-corps{ padding:20px; }
	.sdl-compacte{ grid-template-columns:80px minmax(0,1fr); gap:12px; }
	.sdl-compacte-photo{ width:80px; height:80px; }
	.sdl-secu-grille{ grid-template-columns:minmax(0,1fr); gap:22px; }
	.sdl-eventail{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:0; }
	.sdl-eventail li{ width:auto; margin:0; transform:none!important; }
	.sdl-rub-nom{ font-size:16px; left:12px; bottom:12px; }
	.sdl-grille,.sdl-grille--3,.sdl-dormir-grille,.sdl-equipe,.sdl-frise{ grid-template-columns:minmax(0,1fr); gap:18px; }
	.sdl-appel{ height:auto; padding:56px 0; }
	.sdl-appel-in{ grid-template-columns:minmax(0,1fr); gap:24px; }
	.sdl-appel-carte{ padding:18px; }
	.sdl-tuile{ font-size:14px; padding:8px 10px; }
	/* article */
	.sdl-entete{ padding-bottom:48px; }
	.sdl-entete-grille{ grid-template-columns:minmax(0,1fr); gap:28px; }
	.sdl-entete-h1{ font-size:32px; line-height:1.1; font-stretch:100%; }
	.sdl-entete-chapo{ font-size:17px; }
	.sdl-entete-photo{ order:-1; margin:16px 12px 12px 0; }
	.sdl-bouee--entete{ left:auto; right:-6px; top:-22px; width:64px; height:64px; font-size:19px; }
	.sdl-article .sbt-article-mise-en-page{ padding:0 12px 56px; margin-top:-24px; }
	.sdl-article .sbt-article-principal{ padding:24px 20px; border-radius:20px; }
	.sbt-article-corps{ font-size:17px; line-height:1.6; }
	.sbt-article-corps h2{ font-size:25px; }
	.sbt-article-corps h3{ font-size:20px; }
	.sbt-article-corps :not(li) > ul:not([class]) > li{ padding:12px 14px 12px 46px; }
	.sbt-article-corps :not(li) > ul:not([class]) > li::before{ left:12px; }
	.sbt-article-corps table,.sbt-article-corps thead,.sbt-article-corps tbody,.sbt-article-corps tr,.sbt-article-corps th,.sbt-article-corps td{ display:block; width:auto!important; min-width:0!important; max-width:100%; }
	.sbt-article-corps .sbs_tableau{ max-width:100%; overflow:hidden; }
	.sbt-article-corps td{ overflow-wrap:anywhere; }
	.sbt-article-corps table{ border:0; background:transparent; border-radius:0; overflow:visible; }
	.sbt-article-corps thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
	.sbt-article-corps tr{ background:var(--sb-fond); border:1px solid var(--sb-filet); border-radius:16px; padding:6px 0; margin-bottom:12px; }
	.sbt-article-corps tr:has(th):not(:has(td)){ display:none; }
	.sbt-article-corps td{ border:0; padding:6px 14px; background:transparent!important; }
	.sbt-article-corps td[data-label]::before{ content:attr(data-label); display:block; font-size:12.5px; font-weight:700; color:var(--sb-jade); }
	.sdl-a-lire .sdl-titre{ font-size:26px; }
	/* rubrique */
	.sdl-rubrique-tete{ height:500px; }
	.sdl-apropos-hero{ height:480px; }
	.sdl-rubrique-in,.sdl-apropos-in{ --l:56%; }
	.sdl-rubrique-in .sbt-fil-ariane,.sdl-apropos-in .sbt-fil-ariane{ left:20px; }
	.sdl-rubrique-h1{ left:20px; right:20px; font-size:32px; bottom:calc(100% - var(--l) + 96px); }
	.sdl-apropos-in .sdl-rubrique-h1{ bottom:calc(100% - var(--l) + 112px); }
	.sdl-rubrique-chapo{ left:20px; right:20px; font-size:16px; }
	.sdl-rubrique-in .sdl-filtres{ left:20px; right:20px; top:calc(var(--l) + 20px); }
	.sdl-filtres a{ min-height:38px; padding:7px 12px; font-size:13.5px; }
	.sdl-une--rubrique .sdl-une-titre{ font-size:23px; }
	.sdl-une--rubrique .sdl-une-corps{ padding:22px; }
	.sdl-bientot-carte{ padding:32px 20px; }
	.sdl-iso--coin{ width:260px; height:320px; }
	/* auteur, pages */
	.sdl-flot--auteur{ height:200px; }
	.sdl-auteur-in{ grid-template-columns:minmax(0,1fr); gap:16px; padding-top:44px; }
	.sdl-auteur-portrait .sdl-avatar{ width:120px; height:120px; }
	.sdl-auteur-texte{ padding-top:0; }
	.sdl-auteur-h1,.sdl-page-h1{ font-size:32px; }
	.sdl-panneau{ padding:24px 20px; margin:-32px 0 56px; }
	.sdl-404-h1{ font-size:34px; }
	.sdl-contact-photo{ margin:16px 0 0; }
	.sdl-flot--contact{ min-height:0; aspect-ratio:16/11; }
	.sdl-sortie--page{ padding:22px 18px; }
	.sdl-objets,.sdl-duo{ grid-template-columns:minmax(0,1fr); }
	.sbt-footer-grille{ grid-template-columns:minmax(0,1fr); gap:28px; }
	.sbt-footer::before{ width:360px; height:520px; }
	.sbt-footer-cta{ padding:22px 20px; }
	.sbt-footer .sbt-conteneur{ padding-inline:20px; }
}
.sdl-bouee sup{ font-size:.55em; vertical-align:super; line-height:0; }

/* Étape 1 du hero (ordinateur) : tuiles hautes pictogramme au-dessus, et la règle du jeu en bas de carte : aucun vide sous les tuiles */
@media (min-width:761px){
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-c{ flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; min-height:86px; padding:12px 14px; }
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-c.on{ padding:11.5px 13.5px; }
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-c span.i .sdl-ico{ width:26px; height:26px; }
	.sdl-sortie--hero .sblf-e[data-e="0"]::after{ content:"Une question par écran : vos coordonnées ne sont demandées qu’à la fin."; display:block; margin-top:14px; padding-top:12px; border-top:1px dashed var(--sb-filet); font-size:13.5px; line-height:1.4; color:var(--sb-doux); }
}

/* ==========================================================================
   Passe de corrections n°1 (11/10/2026) — mesurée avant/après
   ========================================================================== */

/* 1. Hero : le sujet de la photo vit dans l'espace libre, jamais sous le titre ni sous la carte.
   Ordinateur : photo retournée (le rideur passe à droite du titre, la main tendue vers la carte),
   légèrement élargie par la gauche pour que la main ne passe pas sous la carte ; le titre ne
   dépasse pas le bord gauche du sujet. */
@media (min-width:761px){
	.sdl-hero{ --sdl-k:1; --sdl-titre-l:min(720px, calc(100% - 420px - 112px)); }
	.sdl-hero .sdl-flot--hero > img,.sdl-hero .sdl-flot--hero .sdl-flot-sous{ left:auto; right:0; width:calc(100% * var(--sdl-k)); max-width:none; }
	.sdl-hero .sdl-flot--hero > img{ transform:scaleX(-1); }
	.sdl-hero .sdl-flot--hero .sdl-flot-sous{ transform:scaleX(-1) translateX(6px); }
	/* bord gauche du sujet ≈ 47,2 % de la largeur (photo retournée) ; le titre s'arrête 28 px avant */
	.sdl-hero-texte{ width:min(var(--sdl-titre-l), calc((100vw - 100%) / -2 + 100vw * (1 - .528 * var(--sdl-k)) - 24px - 28px)); }
	.sdl-hero-texte .sdl-pastille{ max-width:100%; }
	.sdl-hero-h1{ text-wrap:balance; }
}
@media (min-width:1181px) and (max-width:1499px){ .sdl-hero{ --sdl-k:1.07; } .sdl-hero-h1{ font-size:54px; } }
@media (min-width:1500px) and (max-width:1699px){ .sdl-hero{ --sdl-k:1.11; } .sdl-hero-h1{ font-size:48px; } }
@media (min-width:1700px){ .sdl-hero-h1{ font-size:74px; } }

/* Carte du formulaire : la bouée « 3 étapes · 1 min » rentre dans la carte (coin haut droit),
   le titre et le suivi des étapes lui laissent la place : plus rien ne passe dessous. */
.sdl-sortie--hero .sdl-sortie-bouee{ top:16px; right:16px; left:auto; width:60px; height:60px; }
.sdl-sortie--hero .sdl-sortie-bouee b{ font-size:12px; }
.sdl-sortie--hero .sdl-sortie-titre{ padding-right:68px; }
.sdl-sortie--hero .sblf-bar{ margin-right:68px; }

/* 6. Étapes du formulaire : même hauteur de carte aux 3 étapes (ordinateur) */
@media (min-width:761px){
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-c{ min-height:64px; padding:8px 12px; gap:4px; }
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-c.on{ padding:7.5px 11.5px; }
	.sdl-sortie--hero .sblf-e[data-e="0"]::after{ margin-top:10px; padding-top:10px; }
	/* la place disponible va aux tuiles / entre les champs, jamais en vide sous le bouton */
	.sdl-sortie--hero .sblf-e.on{ flex:1 1 auto; }
	.sdl-sortie--hero .sblf-e[data-e="0"].on,.sdl-sortie--hero .sblf-e[data-e="1"].on{ display:flex; flex-direction:column; }
	.sdl-sortie--hero .sblf-e[data-e="0"] .sblf-choix{ flex:1 1 auto; }
	.sdl-sortie--hero .sblf-e[data-e="1"] .sblf-nav{ margin-top:auto; }
	.sdl-sortie--hero .sblf-e.on[data-e="2"]{ align-content:space-between; }
}

/* Hero mobile : le rideur au-dessus du titre (entre le menu et la ligne de flottaison),
   le titre posé dans « l'eau » sous la ligne, la carte qui remonte ensuite. */
@media (max-width:760px){
	.sdl-hero-fond{ height:548px; }
	.sdl-flot--hero{ --ligne:52% !important; }
	.sdl-hero .sdl-flot--hero > img,.sdl-hero .sdl-flot--hero .sdl-flot-sous{ inset:auto 0 auto 0; top:-138px; height:686px; max-width:none; }
	.sdl-hero .sdl-flot--hero > img{ object-position:42% 50%; }
	.sdl-hero .sdl-flot--hero .sdl-flot-sous{ background-position:42% 50%; clip-path:inset(61.7% 0 0 0); }
	.sdl-hero-fond::after{ background:linear-gradient(180deg,rgba(11,43,44,.5) 0,rgba(11,43,44,.08) 22%,rgba(11,43,44,.08) 46%,rgba(11,43,44,.55) 60%,rgba(11,43,44,.78) 100%); }
	.sdl-hero-texte{ top:auto; bottom:calc(100% - 548px + 80px); }
	.sdl-hero-texte .sdl-pastille{ font-size:12px; padding:5px 10px; margin-bottom:10px; }
	.sdl-hero-h1{ font-size:36px; }
	.sdl-sortie--hero .sdl-sortie-bouee{ top:14px; right:14px; width:54px; height:54px; }
	.sdl-sortie--hero .sdl-sortie-bouee small{ font-size:9.5px; }
	.sdl-sortie--hero .sdl-sortie-titre{ padding-right:58px; }
	.sdl-sortie--hero .sblf-bar{ margin-right:60px; }
}

/* 2. Contraste réel : les cartes-photo ont un fond sombre de repli (le texte blanc reste lisible
   même si la photo ne charge pas), et les en-têtes de tableau d'article gardent leur fond jade. */
.sdl-activite,.sdl-rub{ background-color:var(--sb-profond); }
.sdl-activite-photo,.sdl-rub-photo{ background-color:var(--sb-profond); }
.sbt-article-corps table thead th,.sbt-article-corps table tr > th{ background:var(--sb-jade); color:#fff; }

/* 3. Débordement horizontal : les isobathes restent dans la page, l'éventail des rubriques se
   resserre entre 761 et 1000 px. */
.sdl-iso--bande{ right:0; }
@media (min-width:761px) and (max-width:1000px){ .sdl-eventail li{ width:calc((100% + 120px) / 6); } }

/* 4. Bouées dans leur cadre (aucune étiquette ne déborde de sa carte) */
.sdl-bouee--carte{ top:10px; left:10px; }
.sdl-activites-rangee{ padding-top:0; }
.sdl-bouee--tuile{ top:16px; right:16px; }

/* 7. Étiquettes de la carte du Bourget : dans le cadre de la photo à 390 */
@media (max-width:760px){
	.sdl-spots li{ max-width:44%; }
	.sdl-spots a{ white-space:normal; line-height:1.15; }
}

/* 5. Dernière section avant le pied : décollée du pied et de la section précédente,
   même marge à gauche et à droite, coins arrondis comme les grandes photos. */
.sdl-appel{ width:calc(100% - 48px); max-width:calc(var(--sb-conteneur) - 48px); margin:72px auto; border-radius:32px; isolation:isolate; }
.sdl-appel .sdl-flot--appel{ border-radius:32px; }
@media (max-width:760px){ .sdl-appel{ width:calc(100% - 32px); margin:48px auto; border-radius:24px; } .sdl-appel .sdl-flot--appel{ border-radius:24px; } }

/* 9. Barre latérale d'article : sommaire + formulaire en UN seul bloc collant */
@media (min-width:1081px){
	.sbt-rail{ gap:0; background:#fff; border-radius:20px; box-shadow:var(--sb-ombre); }
	.sbt-rail > .sbt-rail-carte{ box-shadow:none; background:transparent; border-radius:0; }
	.sbt-rail > .sbt-rail-carte + .sbt-rail-carte{ border-top:1px dashed var(--sb-filet); }
}

/* 404 : blocs centrés, mais le texte du conteneur n'est pas un long bloc centré (seul le titre l'est) */
.sdl-404-in{ text-align:left; }
.sdl-404-h1{ text-align:center; }

/* Hero tablette (761-1180 px) : la carte du formulaire ne tient pas à côté du titre sans cacher le
   rideur ; on empile comme sur mobile : photo (rideur au-dessus de la ligne, titre dessous), puis la
   carte qui remonte de 64 px, puis le chapô et les chiffres. */
@media (min-width:761px) and (max-width:1180px){
	.sdl-hero{ height:auto; min-height:0; max-height:none; display:flex; flex-direction:column; background:var(--sb-fond); color:var(--sb-encre); overflow:visible; }
	.sdl-hero-fond{ position:relative; height:600px; flex-shrink:0; overflow:hidden; }
	.sdl-hero-fond::after{ background:linear-gradient(180deg,rgba(11,43,44,.5) 0,rgba(11,43,44,.08) 20%,rgba(11,43,44,.08) 50%,rgba(11,43,44,.55) 64%,rgba(11,43,44,.8) 100%); }
	.sdl-hero .sdl-flot--hero > img,.sdl-hero .sdl-flot--hero .sdl-flot-sous{ left:0; right:0; width:100%; }
	.sdl-hero .sdl-flot--hero > img{ transform:none; }
	.sdl-hero .sdl-flot--hero .sdl-flot-sous{ transform:translateX(6px); }
	.sdl-hero-in{ display:contents; }
	.sdl-hero-texte{ position:absolute; z-index:3; left:24px; right:24px; top:auto; bottom:calc(100% - 600px + 84px); width:auto; }
	.sdl-hero .sdl-sortie--hero{ order:2; position:relative; z-index:4; top:auto; right:auto; transform:none; width:calc(100% - 48px); max-width:620px; margin:-64px auto 0; animation:none; }
	.sdl-hero-sous{ order:3; position:static; width:100%; max-width:720px; margin:0 auto; padding:32px 24px 8px; color:var(--sb-encre); }
	.sdl-hero-chapo{ color:var(--sb-encre); }
	.sdl-preuves b{ color:var(--sb-jade); }
	.sdl-preuves span,.sdl-reassure{ color:var(--sb-doux); }
	.sdl-reassure .sdl-ico{ color:var(--sb-jade); }
}

/* À propos : la bande sombre « Notre règle » ne se fond plus dans le pied (même fond) :
   panneau décollé du pied, même marge à gauche et à droite. */
.sdl-regle{ width:calc(100% - 48px); max-width:calc(var(--sb-conteneur) - 48px); margin:72px auto; border-radius:32px; }
@media (max-width:760px){ .sdl-regle{ width:calc(100% - 32px); margin:48px auto; border-radius:24px; } }
/* 404 : la ligne et sa bouée à hauteur fixe, au-dessus du titre (à 390 elles passaient sur « surface ») */
.sdl-404-ligne{ top:150px; }
.sdl-404-in{ padding-top:232px; }
@media (max-width:760px){ .sdl-404-ligne{ top:120px; } .sdl-404-in{ padding-top:196px; } }

/* ==========================================================================
   Passe de corrections n°2 (12/10/2026) — corps d'article habillé (inc/sdl-corps.php)
   Identité inchangée : jade / corail / écume, ligne de flottaison, bouées.
   ========================================================================== */
/* Fiches de classement : bouée numérotée à cheval sur la carte, 3 lignes étiquetées */
.sbt-article-corps .sdl-fiches{ display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:34px 18px; margin:1.6em 0 2em; padding-top:14px; }
.sbt-article-corps .sdl-fiche{ position:relative; background:#fff; border:1.5px solid var(--sb-filet); border-radius:20px; padding:22px 20px 18px; box-shadow:var(--sb-reflet); font-size:16px; line-height:1.5; }
.sbt-article-corps .sdl-fiches--classement .sdl-fiche{ padding-top:34px; }
.sbt-article-corps .sdl-fiche-num{ position:absolute; top:-22px; left:18px; width:46px; height:46px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond);
	font:800 20px/46px var(--sb-titre); font-stretch:115%; text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond), var(--sb-reflet); }
.sbt-article-corps .sdl-fiche-titre{ font-size:19px; line-height:1.22; margin:0 0 14px; padding-bottom:14px; background:var(--sdl-ligne-svg) repeat-x left bottom/60px 8px; }
.sbt-article-corps .sdl-fiche-lignes{ margin:0; display:grid; gap:12px; }
.sbt-article-corps .sdl-fiche-ligne dt{ display:inline-block; margin:0 0 4px; padding:3px 11px; border-radius:999px; background:var(--sb-lac); color:var(--sb-jade); font:700 13px/1.3 var(--sb-texte); }
.sbt-article-corps .sdl-fiche-ligne--plus dt{ background:var(--sb-jade); color:#fff; }
.sbt-article-corps .sdl-fiche-ligne--limite dt{ background:#FFE3DE; color:#9A3324; }
.sbt-article-corps .sdl-fiche-ligne dd{ margin:0; }
.sbt-article-corps .sdl-fiche-texte{ margin:12px 0 0; }
.sbt-article-corps .sdl-fiche-source{ margin:14px 0 0; padding-top:10px; border-top:1px solid var(--sb-filet); font-size:14px; color:var(--sb-doux); }
.sbt-article-corps .sdl-fiche-source span{ font-weight:700; color:var(--sb-profond); margin-right:4px; }
.sbt-article-corps .sdl-fiche ul{ margin:10px 0 0; padding-left:1.1em; }

/* Critères du classement en cartes */
.sbt-article-corps .sdl-criteres-cartes{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; margin:1.3em 0 1.8em; }
.sbt-article-corps .sdl-critere{ background:var(--sb-fond); border:1px solid var(--sb-filet); border-radius:18px; padding:18px 18px 16px; font-size:16px; line-height:1.5; }
.sbt-article-corps .sdl-critere p{ margin:0; }
.sbt-article-corps .sdl-critere .sdl-critere-titre{ font:800 17px/1.25 var(--sb-titre); color:var(--sb-profond); margin:0 0 10px; padding-bottom:10px; background:var(--sdl-ligne-svg) repeat-x left bottom/48px 7px; }

/* Listes en cartes (repères, cartes à intertitre, erreurs) */
.sbt-article-corps .sdl-liste-cartes,.sbt-article-corps .sdl-liste-reperes,.sbt-article-corps .sdl-liste-erreurs{ list-style:none; margin:1.3em 0 1.8em; padding:0; display:grid; gap:12px; }
.sbt-article-corps .sdl-liste--2col{ grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.sbt-article-corps .sdl-liste-cartes > li,.sbt-article-corps .sdl-liste-reperes > li,.sbt-article-corps .sdl-liste-erreurs > li{ position:relative; margin:0; padding:15px 16px 15px 54px; background:#fff; border:1px solid var(--sb-filet); border-radius:16px; font-size:16.5px; line-height:1.5; }
.sbt-article-corps .sdl-liste-cartes > li::before,.sbt-article-corps .sdl-liste-reperes > li::before{ content:""; position:absolute; left:16px; top:16px; width:24px; height:24px; border-radius:999px;
	background:var(--sb-jade) 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/13px no-repeat; }
.sbt-article-corps .sdl-liste-cartes > li > strong:first-child,.sbt-article-corps .sdl-liste-erreurs > li > strong:first-child{ display:block; margin-bottom:3px; font-family:var(--sb-titre); font-size:17px; }
.sbt-article-corps .sdl-liste-erreurs > li{ background:#FFF6F4; border-color:#FFD2CA; }
.sbt-article-corps .sdl-liste-erreurs > li::before{ content:""; position:absolute; left:16px; top:16px; width:24px; height:24px; border-radius:999px;
	background:var(--sb-corail) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2B2C' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/12px no-repeat; }
.sbt-article-corps .sdl-liste-cartes li ul,.sbt-article-corps .sdl-liste-reperes li ul{ list-style:none; margin:.5em 0 0; padding:0; }
.sbt-article-corps .sdl-liste-cartes li li,.sbt-article-corps .sdl-liste-reperes li li{ position:relative; padding-left:16px; margin:4px 0 0; }
.sbt-article-corps .sdl-liste-cartes li li::before,.sbt-article-corps .sdl-liste-reperes li li::before{ content:""; position:absolute; left:0; top:.7em; width:8px; height:2px; background:var(--sb-jade-clair); }

/* Étapes (listes numérotées) : frise de bouées */
.sbt-article-corps .sdl-frise{ list-style:none; counter-reset:sdl-etape; margin:1.4em 0 1.8em; padding:0; }
.sbt-article-corps .sdl-frise > li{ counter-increment:sdl-etape; position:relative; margin:0; padding:4px 0 20px 58px; line-height:1.55; }
.sbt-article-corps .sdl-frise > li::before{ content:counter(sdl-etape); position:absolute; left:0; top:0; width:38px; height:38px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond);
	font:800 16px/38px var(--sb-titre); font-stretch:115%; text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond), var(--sb-reflet); }
.sbt-article-corps .sdl-frise > li::after{ content:""; position:absolute; left:18px; top:44px; bottom:4px; width:2px; background:var(--sb-jade-clair); }
.sbt-article-corps .sdl-frise > li:last-child::after{ display:none; }

/* Carte à cocher */
.sbt-article-corps .sdl-checklist{ display:grid; gap:10px; margin:1.3em 0 1.8em; padding:20px; border-radius:24px; background:var(--sb-lac); }
.sbt-article-corps .sdl-check{ display:flex; align-items:flex-start; gap:14px; min-height:52px; padding:14px 16px; background:#fff; border-radius:14px; cursor:pointer; font-size:16.5px; line-height:1.45; box-shadow:0 1px 0 var(--sb-filet); }
.sbt-article-corps .sdl-check input{ appearance:none; -webkit-appearance:none; flex:0 0 26px; width:26px; height:26px; margin:0; border:2px solid var(--sb-jade); border-radius:8px; background:#fff; cursor:pointer; }
.sbt-article-corps .sdl-check input:checked{ background:var(--sb-jade) 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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat; }
.sbt-article-corps .sdl-check input:focus-visible{ outline:3px solid var(--sb-corail); outline-offset:2px; }
.sbt-article-corps .sdl-check:has(input:checked) span{ color:var(--sb-doux); text-decoration:line-through; text-decoration-color:var(--sb-jade-clair); }

/* Tableaux → cartes ligne par ligne (toutes largeurs) */
.sbt-article-corps .sdl-tab-cartes{ margin:1.4em 0 1.8em; }
.sbt-article-corps .sdl-tab-cartes .sbsrc-6ab463ce__tbl,.sbt-article-corps .sdl-tab-cartes .sbs_tableau{ border:0; border-radius:0; overflow:visible; margin:0; }
.sbt-article-corps .sdl-tab-cartes table,.sbt-article-corps .sdl-tab-cartes thead,.sbt-article-corps .sdl-tab-cartes tbody,.sbt-article-corps .sdl-tab-cartes tr,.sbt-article-corps .sdl-tab-cartes th,.sbt-article-corps .sdl-tab-cartes td{ display:block; width:auto!important; min-width:0!important; max-width:100%; }
.sbt-article-corps .sdl-tab-cartes table{ border:0; background:transparent; border-radius:0; overflow:visible; margin:0; font-size:15.5px; }
.sbt-article-corps .sdl-tab-cartes thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.sbt-article-corps .sdl-tab-cartes tbody{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.sbt-article-corps .sdl-tab-cartes tr{ background:#fff; border:1px solid var(--sb-filet); border-radius:18px; padding:8px 0 10px; }
.sbt-article-corps .sdl-tab-cartes tr:has(th):not(:has(td)){ display:none; }
.sbt-article-corps .sdl-tab-cartes tbody tr:nth-child(even) td{ background:transparent; }
.sbt-article-corps .sdl-tab-cartes td{ border:0; padding:6px 16px; overflow-wrap:anywhere; background:transparent!important; }
.sbt-article-corps .sdl-tab-cartes td:first-child{ font:800 17px/1.25 var(--sb-titre); color:var(--sb-profond); padding:10px 16px 12px; margin-bottom:4px; background:var(--sdl-ligne-svg) repeat-x 16px bottom/48px 7px!important; }
.sbt-article-corps .sdl-tab-cartes td:first-child::before,.sbt-article-corps .sdl-tab-cartes td:first-child[data-label]::before{ display:none!important; }
.sbt-article-corps .sdl-tab-cartes td[data-label]::before{ content:attr(data-label); display:block; font:700 12.5px/1.3 var(--sb-texte); color:var(--sb-jade); margin-bottom:2px; }

/* Repère chiffré (le chiffre est celui de la phrase) */
.sbt-article-corps .sdl-repere{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:22px; align-items:center; margin:1.8em 0; padding:24px 26px; border-radius:22px; background:var(--sb-profond); color:var(--sb-sur-fonce); overflow:hidden; }
.sbt-article-corps .sdl-repere::after{ content:""; position:absolute; left:0; right:0; bottom:16px; height:10px; background:var(--sdl-ligne-svg) repeat-x center/120px 10px; opacity:.5; }
.sbt-article-corps .sdl-repere-chiffre{ font:800 38px/1 var(--sb-titre); font-stretch:112%; color:var(--sb-jade-clair); white-space:nowrap; letter-spacing:-.02em; }
.sbt-article-corps .sdl-repere-phrase{ margin:0; font-size:17px; line-height:1.5; padding-bottom:12px; }

/* Phrase du texte mise en exergue */
.sbt-article-corps .sdl-exergue{ margin:1.8em 0; padding:26px 0 0 0; border:0; border-radius:0; background:var(--sdl-ligne-svg) repeat-x left top/90px 10px; }
.sbt-article-corps .sdl-exergue p{ position:relative; margin:0; padding-left:58px; font:700 23px/1.32 var(--sb-titre); font-stretch:104%; color:var(--sb-profond); letter-spacing:-.01em; }
.sbt-article-corps .sdl-exergue p::before{ content:"«"; position:absolute; left:0; top:-4px; width:42px; height:42px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond); font:800 24px/40px var(--sb-titre); text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond); }

/* Photo du thème qui montre le sujet */
.sbt-article-corps .sdl-photo-corps{ margin:1.8em 0; }
.sbt-article-corps .sdl-photo-corps-cadre{ position:relative; display:block; overflow:hidden; border-radius:22px; }
.sbt-article-corps .sdl-photo-corps img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:0; }
.sbt-article-corps .sdl-photo-corps figcaption{ margin-top:8px; font-size:13px; color:var(--sb-doux); }

/* Un seul encadré Sources en fin d'article */
.sbt-article-corps .sdl-sources{ margin:2.4em 0 0; padding:22px 24px 14px; border-radius:22px; background:var(--sb-fond); border:1.5px solid var(--sb-filet); }
.sbt-article-corps .sdl-sources-titre{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin:0 0 10px; padding-bottom:12px; background:var(--sdl-ligne-svg) repeat-x left bottom/60px 8px; }
.sbt-article-corps .sdl-sources-titre span{ font:800 21px/1.2 var(--sb-titre); color:var(--sb-profond); }
.sbt-article-corps .sdl-sources-titre small{ font-size:14px; color:var(--sb-doux); }
.sbt-article-corps .sdl-sources-note{ margin:8px 0 10px; font-size:15.5px; line-height:1.5; color:var(--sb-encre); }
.sbt-article-corps .sdl-sources-liste{ list-style:none; counter-reset:sdl-src; margin:0; padding:0; }
.sbt-article-corps .sdl-sources-liste li{ counter-increment:sdl-src; position:relative; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; margin:0; padding:10px 0 10px 40px; border-top:1px solid var(--sb-filet); font-size:15.5px; line-height:1.45; }
.sbt-article-corps .sdl-sources-liste li:first-child{ border-top:0; }
.sbt-article-corps .sdl-sources-liste li::before{ content:counter(sdl-src); position:absolute; left:0; top:9px; width:26px; height:26px; border-radius:999px; background:var(--sb-lac); color:var(--sb-jade); font:700 13px/26px var(--sb-titre); text-align:center; }
.sbt-article-corps .sdl-sources-liste a{ font-weight:600; overflow-wrap:anywhere; }
.sbt-article-corps .sdl-sources-liste small{ font-size:13px; color:var(--sb-doux); }

/* « À lire aussi » : bouton vers toute la rubrique */
.sdl-a-lire .sdl-plus{ margin-top:28px; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }

@media (max-width:760px){
	.sbt-article-corps .sdl-fiches{ grid-template-columns:minmax(0,1fr); }
	.sbt-article-corps .sdl-repere{ grid-template-columns:minmax(0,1fr); gap:10px; padding:20px; }
	.sbt-article-corps .sdl-repere-chiffre{ font-size:32px; white-space:normal; }
	.sbt-article-corps .sdl-exergue p{ font-size:20px; padding-left:50px; }
	.sbt-article-corps .sdl-checklist{ padding:14px; }
	.sbt-article-corps .sdl-sources{ padding:18px 16px 10px; }
	/* m4 : la jauge de profondeur ressemblait à une règle oubliée au bord droit */
	.sdl-jauge{ display:none; }
}

/* D1 accueil : « 1er » lisible (un seul bloc, exposant propre) */
.sdl-bouee b sup{ font-size:.62em; line-height:0; vertical-align:.55em; margin-left:1px; }
.sdl-bouee--tuile b{ font-size:19px; line-height:1; }

/* D6 / D7 fiche auteur */
#sdl-auteur-guides{ margin-bottom:36px; }
@media (max-width:760px){
	.sdl-auteur-texte{ padding-top:44px; }
	/* D8 contact : le panneau ne remonte plus sur la dernière carte */
	.sdl-contact-cartes + * .sdl-panneau,.sdl-panneau{ margin-top:24px; }
}
/* D8 contact : « Écrire » devient un vrai bouton */
.sdl-contact-cartes .sdl-lien-fort{ display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; min-height:48px; margin-top:12px; padding:12px 22px; border-radius:14px; background:var(--sb-corail); color:var(--sb-profond); text-decoration:none; box-shadow:inset 0 0 0 1.5px var(--sb-profond); }

/* Point 9 (mineurs) — rubriques : recadrages, accueil 390 : ligne sous le titre */
@media (min-width:761px){
	.sdl-flot--rubrique > img[src*="rubrique-securite"]{ width:150%!important; max-width:none!important; inset:0 auto 0 0; object-position:50% 0%; }
	.sdl-flot--rubrique .sdl-flot-sous[style*="rubrique-securite"]{ background-size:150% auto; background-position:0 0; }
}
@media (max-width:760px){
	.sdl-flot--rubrique > img[src*="rubrique-securite"]{ object-position:40% 50%; }
	.sdl-flot--rubrique .sdl-flot-sous[style*="rubrique-securite"]{ background-position:40% 50%; }
	.sdl-appel .sdl-flot--appel{ --ligne:5%!important; }
}
.sdl-flot--rubrique > img[src*="rubrique-materiel"]{ object-position:50% 100%; }
.sdl-flot--rubrique .sdl-flot-sous[style*="rubrique-materiel"]{ background-position:50% 100%; }
.sbt-article-corps .sdl-fiche-ligne dd::first-letter,.sbt-article-corps .sdl-fiche-ligne dd p::first-letter{ text-transform:uppercase; }

/* 12/10 01h45 — sortie n°4 ROUGE : la bouée numérotée à cheval (top:-22px) sortait de sa carte (« 10 » +21 px à 390,
   contrôle premier_ecran hors_cadre). Elle se pose DANS la carte, en tête, au-dessus du titre. */
.sbt-article-corps .sdl-fiche-num{ position:static; display:block; margin:0 0 12px; }
.sbt-article-corps .sdl-fiches--classement .sdl-fiche{ padding-top:22px; }
.sbt-article-corps .sdl-fiches{ padding-top:0; gap:22px 18px; }

/* ==========================================================================
   Passe de corrections n°3 (12/10/2026) — photos du corps, récapitulatif compact, grilles sans trou
   Identité inchangée : jade / corail / écume, ligne de flottaison, bouées. Les 3 règles posées après la passe 2 (bouée DANS la carte) restent.
   ========================================================================== */
.sbt-article-corps{ container:corps / inline-size; }

/* Grilles de cartes du corps : 1 colonne étroite, 2 colonnes dès 600 px de colonne ; la dernière carte impaire prend toute la largeur */
.sbt-article-corps .sdl-fiches,.sbt-article-corps .sdl-criteres-cartes,.sbt-article-corps .sdl-sousparties,.sbt-article-corps .sdl-liste--2col,.sbt-article-corps .sdl-tab-cartes tbody{ grid-template-columns:minmax(0,1fr); }
@container corps (min-width:600px){
	.sbt-article-corps .sdl-fiches,.sbt-article-corps .sdl-criteres-cartes,.sbt-article-corps .sdl-sousparties,.sbt-article-corps .sdl-liste--2col,.sbt-article-corps .sdl-tab-cartes tbody{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.sbt-article-corps .sdl-fiches > .sdl-fiche:last-child:nth-child(odd),
.sbt-article-corps .sdl-criteres-cartes > .sdl-critere:last-child:nth-child(odd),
.sbt-article-corps .sdl-sousparties > .sdl-souspartie:last-child:nth-child(odd),
.sbt-article-corps .sdl-liste--2col > li:last-child:nth-child(odd),
.sbt-article-corps .sdl-tab-cartes tbody > tr:last-child:nth-child(odd){ grid-column:1 / -1; }

/* Photo du corps : 16/9, arrondie, ligne d'eau */
.sbt-article-corps .sdl-photo-corps img{ margin:0; object-fit:cover; }
.sbt-article-corps .sdl-photo-corps{ margin:2em 0; }

/* Vignette d'objet en haut d'une carte de classement : 16/9, bords de la carte, bouée numérotée posée sur la photo (donc DANS la carte) */
.sbt-article-corps .sdl-fiches .sdl-fiche.sdl-fiche--photo{ padding-top:0; overflow:hidden; }
.sbt-article-corps .sdl-fiche-photo{ margin:0 -20px 16px; }
.sbt-article-corps .sdl-fiche-photo .sdl-photo-corps-cadre{ border-radius:0; aspect-ratio:16/9; }
.sbt-article-corps .sdl-fiche-photo img{ display:block; width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; margin:0; border-radius:0; }
.sbt-article-corps .sdl-fiche--photo .sdl-fiche-num{ position:absolute; top:12px; left:14px; z-index:2; margin:0; width:42px; height:42px; font-size:18px; line-height:42px; }

/* Carte sans photo dans une grille qui en a : même hauteur de tête, aplat écume + eau jade + ligne d'eau, bouée du rang dessus */
.sbt-article-corps .sdl-fiche-photo--vide .sdl-photo-corps-cadre{ background:linear-gradient(180deg,var(--sb-lac) 0 70%,rgba(31,138,118,.22) 70% 100%); }
.sbt-article-corps .sdl-fiche-photo--vide .sdl-photo-corps-cadre::before{ content:""; display:block; padding-top:56.25%; }

/* Récapitulatif d'un classement : UNE carte compacte, une ligne par élément */
.sbt-article-corps .sdl-recap{ margin:1.4em 0 1.8em; background:#fff; border:1.5px solid var(--sb-filet); border-radius:22px; box-shadow:var(--sb-reflet); overflow:hidden; font-size:13.5px; line-height:1.3; }
.sbt-article-corps .sdl-recap-tete,.sbt-article-corps .sdl-recap-liste li{ display:grid; grid-template-columns:28px minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.3fr); gap:6px 10px; align-items:start; padding:8px 14px; }
.sbt-article-corps .sdl-recap-tete{ padding-top:12px; padding-bottom:4px; background:var(--sb-lac); font:700 12.5px/1.3 var(--sb-texte); color:var(--sb-jade); }
.sbt-article-corps .sdl-recap-liste{ list-style:none; margin:0; padding:0; }
.sbt-article-corps .sdl-recap-liste li{ margin:0; border-top:1px solid var(--sb-filet); }
.sbt-article-corps .sdl-recap-liste li:first-child{ border-top:0; }
.sbt-article-corps .sdl-recap-rang{ width:26px; height:26px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond); font:800 13px/26px var(--sb-titre); text-align:center; box-shadow:inset 0 0 0 1.5px var(--sb-profond); }
.sbt-article-corps .sdl-recap-nom{ font:800 15px/1.25 var(--sb-titre); color:var(--sb-profond); padding-top:3px; }
.sbt-article-corps .sdl-recap-pastille{ display:block; padding:2px 9px; border-radius:12px; background:var(--sb-lac); color:var(--sb-profond); }
.sbt-article-corps .sdl-recap-pastille--limite{ background:#FFE9E5; }
.sbt-article-corps .sdl-recap-pastille i{ display:none; font:700 12px/1.3 var(--sb-texte); font-style:normal; color:var(--sb-jade); margin-right:6px; }
.sbt-article-corps .sdl-recap-pastille--limite i{ color:#9A3324; }
@container corps (max-width:599px){
	.sbt-article-corps .sdl-recap-tete{ display:none; }
	.sbt-article-corps .sdl-recap-liste li{ grid-template-columns:30px minmax(0,1fr); padding:12px 14px; }
	.sbt-article-corps .sdl-recap-pastille{ grid-column:2; }
	.sbt-article-corps .sdl-recap-pastille i{ display:inline; }
}

/* m1 contact 390 : la bouée « On lit tout » ne touche plus le bord de l'écran (≥ 12 px) */
@media (max-width:760px){ .sdl-bouee--contact{ left:-4px; } }

/* Sous-parties en suite (h3 + texte) : cartes, même famille que les critères */
.sbt-article-corps .sdl-sousparties{ display:grid; gap:14px; margin:1.3em 0 1.8em; }
.sbt-article-corps .sdl-souspartie{ background:var(--sb-fond); border:1px solid var(--sb-filet); border-radius:18px; padding:18px 18px 16px; font-size:16px; line-height:1.5; }
.sbt-article-corps .sdl-souspartie .sdl-souspartie-titre{ font:800 17px/1.25 var(--sb-titre); color:var(--sb-profond); margin:0 0 10px; padding-bottom:10px; background:var(--sdl-ligne-svg) repeat-x left bottom/48px 7px; }
.sbt-article-corps .sdl-souspartie p{ margin:0 0 .7em; }
.sbt-article-corps .sdl-souspartie > :last-child{ margin-bottom:0; }

.sbt-article-corps .sdl-fiche-ligne dd p{ margin:0; }

/* Dernière carte impaire (pleine largeur) avec vignette : photo À GAUCHE, texte à droite — pas de bandeau de 400 px (mesure « blanc d'un seul tenant ») */
@container corps (min-width:600px){
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd){ display:grid; grid-template-columns:minmax(0,38%) minmax(0,1fr); grid-auto-rows:min-content; column-gap:22px; align-items:start; padding:0; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > .sdl-fiche-photo{ grid-column:1; grid-row:1 / span 12; margin:0; align-self:stretch; height:100%; min-height:100%; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > .sdl-fiche-photo .sdl-photo-corps-cadre{ height:100%; aspect-ratio:auto; min-height:260px; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > .sdl-fiche-photo img{ position:absolute; inset:0; height:100%; aspect-ratio:auto; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > :not(.sdl-fiche-photo):not(.sdl-fiche-num){ grid-column:2; margin-right:22px; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > .sdl-fiche-titre{ margin-top:22px; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > :last-child{ margin-bottom:20px; }
	.sbt-article-corps .sdl-fiches > .sdl-fiche--photo:last-child:nth-child(odd) > .sdl-fiche-num{ grid-column:1; grid-row:1; }
}

/* Galeries des pages Aix (div.sb-galerie dans le contenu) : une seule rangée de vignettes, jamais trois photos empilées */
.sbt-article-corps .sb-galerie{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:12px; margin:1.6em 0 1.9em; }
.sbt-article-corps .sb-galerie figure{ margin:0; position:relative; border-radius:16px; overflow:hidden; background:var(--sb-filet); }
.sbt-article-corps .sb-galerie img{ display:block; width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; border-radius:16px; }
.sbt-article-corps .sb-galerie figcaption{ position:absolute; right:8px; bottom:8px; font-size:11px; line-height:1.2; padding:3px 7px; border-radius:999px; background:rgba(0,0,0,.55); color:#fff; }
@media (max-width:520px){ .sbt-article-corps .sb-galerie{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .sbt-article-corps .sb-galerie figure:first-child:nth-last-child(odd){ grid-column:1 / -1; } }

/* ==========================================================================
   Peaufiner 15/10 — (1) héros : moins de vide entre texte et formulaire
   (2) À propos refait (3) page « Préparer ma sortie » plein écran sans défilement
   ========================================================================== */
@media (min-width:1181px) and (max-width:1699px){
	/* le vide visible était sous la ligne d'eau, entre chapo/chiffres et carte : on remplit à gauche, sans toucher au sujet de la photo */
	.sdl-hero-sous{ width:min(780px, calc(100% - 420px - 56px)); }
	.sdl-hero-chapo{ font-size:24px; line-height:1.4; max-width:30em; margin-bottom:24px; }
	.sdl-preuves{ gap:48px; margin-bottom:18px; }
	.sdl-preuves b{ font-size:54px; }
	.sdl-preuves span{ font-size:16px; margin-top:6px; }
	.sdl-reassure{ font-size:18px; }
	.sdl-reassure .sdl-ico{ width:24px; height:24px; }
}


/* ---------- Page « Préparer ma sortie » ---------- */
.sdl-sp{ position:relative; height:calc(100vh - var(--sdl-menu)); height:calc(100svh - var(--sdl-menu)); min-height:600px; overflow:hidden; color:#fff; background:var(--sb-profond); }
.sdl-sp-fond{ position:absolute; inset:0; }
.sdl-flot--sp{ position:absolute; inset:0; border-radius:0; }
.sdl-flot--sp > img{ object-position:62% 50%; }
.sdl-sp-fond::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(11,43,44,.86) 0%,rgba(11,43,44,.66) 34%,rgba(11,43,44,.2) 58%,rgba(11,43,44,.1) 100%); }
.sdl-sp .sdl-sortie-titre{ display:none; }
.sdl-sp-in{ position:relative; z-index:3; height:100%; max-width:var(--sb-conteneur); margin:auto; padding:0 24px 34px; display:grid; grid-template-columns:minmax(0,1fr) 480px; gap:64px; align-items:center; }
.sdl-sp-texte{ display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.sdl-sp-h1{ margin:0; font-size:68px; line-height:.98; font-stretch:106%; color:#fff; text-wrap:balance; }
.sdl-sp-h1 .sdl-t1,.sdl-sp-h1 .sdl-t2{ display:block; }
.sdl-sp-h1 .sdl-t2{ color:var(--sb-jade-clair); max-width:6em; }
.sdl-sp-chapo{ margin:0; font-size:20px; line-height:1.45; color:rgba(255,255,255,.92); max-width:38ch; }
.sdl-sp-etapes{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:12px; }
.sdl-sp-etapes li{ display:flex; align-items:center; gap:14px; font:600 18px/1.2 var(--sb-texte); }
.sdl-sp-etapes b{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:999px; background:var(--sb-corail); color:var(--sb-profond); border:2px solid #fff; font:800 17px/1 var(--sb-titre); box-shadow:var(--sb-reflet); }
.sdl-sp .sdl-sortie--hero{ position:relative; width:480px; justify-self:end; animation:sdl-fondu .5s cubic-bezier(.2,.7,.2,1) .2s both; }
@keyframes sdl-fondu{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.sdl-sp-pied{ position:absolute; z-index:3; left:0; right:0; bottom:10px; margin:0; text-align:center; font-size:13px; color:var(--sb-sur-fonce); }
.sdl-sp-pied a{ color:var(--sb-sur-fonce); text-underline-offset:3px; }
.sdl-sp-pied a:hover{ color:#fff; }
@media (min-width:1181px) and (max-width:1699px){ .sdl-flot--sp > img{ left:60px; width:calc(100% - 60px); max-width:none; } }
@media (min-width:1700px){ .sdl-sp-in{ grid-template-columns:minmax(0,1fr) 520px; } .sdl-sp .sdl-sortie--hero{ width:520px; } .sdl-sp-h1{ font-size:62px; } .sdl-sp-texte{ max-width:640px; } .sdl-flot--sp > img,.sdl-flot--sp .sdl-flot-sous{ width:130%; max-width:none; } }
@media (max-height:760px) and (min-width:761px){ .sdl-sp-h1{ font-size:56px; } .sdl-sp-etapes{ display:none; } .sdl-sp-texte{ gap:14px; } }
@media (max-width:1100px) and (min-width:761px){ .sdl-sp-in{ grid-template-columns:minmax(0,1fr) 420px; gap:32px; } .sdl-sp .sdl-sortie--hero{ width:420px; } .sdl-sp-h1{ font-size:46px; } .sdl-sp-etapes{ display:none; } }
@media (max-width:760px){
	.sdl-sp{ height:auto; min-height:calc(100svh - var(--sdl-menu)); }
	.sdl-sp-in{ display:flex; flex-direction:column; align-items:stretch; gap:16px; padding:20px 16px 56px; }
	.sdl-sp-fond::after{ background:linear-gradient(180deg,rgba(11,43,44,.1) 0,rgba(11,43,44,.1) 60px,rgba(11,43,44,.8) 130px,rgba(11,43,44,.6) 55%,rgba(11,43,44,.5) 100%); }
	.sdl-sp-texte{ gap:10px; }
	.sdl-sp-texte .sdl-pastille,.sdl-sp-etapes,.sdl-sp-texte .sdl-reassure{ display:none; }
	.sdl-sp-h1{ font-size:32px; }
	.sdl-sp-chapo{ font-size:16px; }
	.sdl-sp .sdl-sortie--hero{ width:100%; justify-self:stretch; }
	.sdl-sp .sdl-sortie--hero .sblf-f{ min-height:0; }
	.sdl-sp-pied{ bottom:14px; }
}

/* ---------- À propos refait ---------- */
.sdl-apropos-hero{ height:560px; }
.sdl-ap-bouees{ position:absolute; right:24px; top:calc(var(--l) - 20px); transform:translateY(-50%); list-style:none; margin:0; padding:0; display:flex; gap:18px; }
.sdl-ap-bouees li:nth-child(2){ margin-top:34px; }
.sdl-bouee--grande{ width:112px; height:112px; border-width:4px; }
.sdl-bouee--grande b{ font-size:38px; }
.sdl-bouee--grande small{ font-size:13px; max-width:90px; }
.sdl-ap-histoire{ padding-block:80px; }
.sdl-ap-grille{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:64px; align-items:start; }
.sdl-ap-photo{ position:relative; }
.sdl-ap-photo{ position:relative; }
.sdl-flot--ap{ aspect-ratio:4/5; max-height:620px; width:100%; }
.sdl-ap-photo-bouee{ position:absolute; right:-18px; bottom:36px; width:96px; height:96px; }
.sdl-ap-histoire .sdl-apropos-contenu{ margin:0; max-width:none; }
.sdl-ap-histoire .sdl-apropos-contenu > p:first-child{ font-size:22px; line-height:1.5; color:var(--sb-profond); font-weight:500; }
.sdl-ap-tuiles{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sdl-ap-tuile{ position:relative; display:flex; flex-direction:column; min-height:230px; border-radius:24px; overflow:hidden; text-decoration:none; color:#fff; isolation:isolate; box-shadow:var(--sb-ombre); transition:transform .25s ease, box-shadow .25s ease; }
.sdl-ap-tuile:hover{ transform:translateY(-4px); }
.sdl-ap-tuile-photo{ position:absolute; inset:0; border-radius:0; }
.sdl-ap-tuile::after{ content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(11,43,44,.05) 20%,rgba(11,43,44,.82) 100%); }
.sdl-ap-tuile-nom{ position:relative; z-index:3; margin-top:auto; display:flex; align-items:center; gap:10px; padding:0 22px; font:800 21px/1.15 var(--sb-titre); font-stretch:108%; }
.sdl-ap-tuile-nom .sdl-ico{ color:var(--sb-jade-clair); width:26px; height:26px; }
.sdl-ap-tuile-n{ position:relative; z-index:3; padding:6px 22px 20px; font-size:14px; font-weight:600; color:var(--sb-sur-fonce); }
.sdl-membre{ padding:28px 18px 22px; }
.sdl-membre .sdl-avatar{ width:112px; height:112px; }
.sdl-membre-bio{ font-size:14.5px; line-height:1.45; color:var(--sb-encre); margin-top:6px; }
.sdl-membre-lien{ margin-top:auto; padding-top:10px; font-weight:700; font-size:14.5px; color:var(--sb-jade); text-decoration:underline; text-underline-offset:4px; }
.sdl-ap-appel{ padding-block:56px 88px; }
.sdl-ap-appel-in{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:48px 56px; border-radius:28px; background:var(--sb-lac); box-shadow:var(--sb-ombre); overflow:hidden; }
.sdl-ap-appel-in p{ margin:0; font-size:18px; color:var(--sb-encre); max-width:56ch; }
.sdl-ap-appel-in .sdl-titre .sdl-t2{ color:var(--sb-jade); }
@media (max-width:1000px){
	.sdl-ap-grille{ grid-template-columns:minmax(0,1fr); gap:36px; }
	.sdl-flot--ap{ aspect-ratio:16/10; }
	.sdl-ap-tuiles{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sdl-ap-bouees{ display:none; }
}
@media (max-width:760px){
	.sdl-apropos-hero{ height:480px; }
	.sdl-ap-histoire{ padding-block:48px; }
	.sdl-ap-histoire .sdl-apropos-contenu > p:first-child{ font-size:19px; }
	.sdl-ap-photo-bouee{ right:10px; bottom:14px; width:80px; height:80px; }
	.sdl-ap-tuiles{ grid-template-columns:minmax(0,1fr); gap:14px; }
	.sdl-ap-tuile{ min-height:170px; }
	.sdl-ap-appel-in{ padding:32px 22px; }
}

.sdl-periode-l{ display:block; width:100%; margin:0 0 4px; font-size:14px; }
.sdl-sortie--hero .sblf-e[data-e="0"]::after{ text-wrap:balance; }
.sdl-regle-btns{ display:flex; flex-wrap:wrap; gap:12px; }
@media (max-width:760px){
	.sdl-sp-in{ padding-top:84px; }
	.sdl-ap-tuiles{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
	.sdl-ap-tuile{ min-height:150px; }
	.sdl-ap-tuile-nom{ font-size:16px; padding:0 12px; gap:6px; }
	.sdl-ap-tuile-nom .sdl-ico{ width:20px; height:20px; }
	.sdl-ap-tuile-n{ padding:4px 12px 12px; font-size:13px; }
}

.sdl-menu-in .sdl-burger{ margin-left:auto; }
.sdl-menu-in .sdl-menu-cta + .sdl-burger{ margin-left:0; }
.sdl-regle--ap .sdl-regle-in{ max-width:var(--sb-conteneur); }
.sdl-regle--ap .sdl-regle-in > *{ max-width:60ch; }

/* peaufiner 15/10 — passe 3 */
@media (min-width:1700px){
	.sdl-hero-sous{ width:min(1040px, calc(100% - 460px - 60px)); }
	.sdl-hero-chapo{ font-size:27px; line-height:1.4; max-width:32em; margin-bottom:28px; }
	.sdl-preuves{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; width:min(100%,720px); margin-bottom:20px; }
	.sdl-preuves b{ font-size:68px; }
	.sdl-preuves span{ font-size:18px; margin-top:8px; }
	.sdl-reassure{ font-size:20px; }
	.sdl-reassure .sdl-ico{ width:26px; height:26px; }
}
@media (min-width:1181px) and (max-width:1699px){ .sdl-sp-chapo{ max-width:420px; } }
.sdl-flot--ap .sdl-ligne,.sdl-flot--ap .sdl-flot-voile{ display:none; }
@media (min-width:1001px){
	.sdl-ap-grille{ align-items:stretch; }
	.sdl-ap-photo{ display:flex; }
	.sdl-flot--ap{ aspect-ratio:auto; max-height:none; height:auto; min-height:460px; flex:1; }
}
@media (max-width:760px){ .sdl-regle--ap .sdl-regle-in{ padding-inline:24px; } .sdl-sp-pied{ padding-inline:20px; } .sdl-apropos-hero{ height:410px; } }