@font-face{font-family:"Poiret One";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poiret-one-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poiret One";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poiret-one-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:"Albert Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/albert-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/albert-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}
:root {
	--sb-fond: #ffffff;
	--sb-encre: #0F1626;      
	--sb-doux: #4B5266;       
	--sb-filet: #E1E4EE;      
	--sb-accent: #1B358A;     
	--sb-accent-fort: #13245E;
	--sb-accent-2: #9A4212;   
	--sb-surf: #F3F4FA;       
	--sb-surf2: #E8ECF7;      
	--sb-rub: var(--sb-accent); 
	
	--sb-rayon: 12px;
	--sb-ombre: 0 1px 2px rgba(19,36,94,.06), 0 4px 14px rgba(19,36,94,.07);
	--sb-ombre-haut: 0 2px 4px rgba(19,36,94,.08), 0 10px 26px rgba(19,36,94,.12);
	
	--sb-titre: "Manrope", "Helvetica Neue", Arial, sans-serif;   
	--sb-lecture: "Newsreader", Georgia, "Times New Roman", serif; 
	
	--sb-aside-largeur: 300px;
	--sb-haut-collant: 150px; 
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--sb-fond: #10131C; --sb-encre: #EDEFF7; --sb-doux: #A7AFC6; --sb-filet: #262B3C;
		--sb-surf: #171B29; --sb-surf2: #1C2133;
	}
}
:root[data-theme="dark"] {
	--sb-fond: #10131C; --sb-encre: #EDEFF7; --sb-doux: #A7AFC6; --sb-filet: #262B3C;
	--sb-surf: #171B29; --sb-surf2: #1C2133;
}
.sb-cadre { width: min(1280px, 100% - 2.5rem); margin-inline: auto; }
.sb-kicker { font: 700 11.5px/1.5 var(--sb-titre); letter-spacing: .11em; text-transform: uppercase; color: var(--sb-accent); }
.sb-article-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: var(--sb-rub); }
.sb-article-hero-grille { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(0,1fr); gap: clamp(32px,4vw,60px); align-items: center; padding-block: clamp(30px,3vw,44px) clamp(36px,3.4vw,50px); }
.sb-article-hero--sans-photo .sb-article-hero-grille { grid-template-columns: minmax(0,900px); }
.sb-article-ariane { color: #BCC6E6; margin-bottom: 1.1rem; }
.sb-article-ariane a { color: #EAEDF9; }
.sb-article-titre { color: #fff; font: 800 clamp(32px,3.2vw,47px)/1.07 var(--sb-titre); letter-spacing: -.034em; margin: 0; text-wrap: balance; }
.sb-article-chapo { font: 400 clamp(18px,1.45vw,21px)/1.5 var(--sb-lecture); color: #D6DDF0; margin: 1.05rem 0 0; max-width: 40em; }
.sb-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.16); color: #C8D0E7; font: 600 13.5px/1.4 var(--sb-titre); }
.sb-article-auteur { display: inline-flex; align-items: center; gap: .7rem; color: #fff; text-decoration: none; min-height: 44px; }
.sb-article-auteur .sb-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255,255,255,.85); flex: 0 0 48px; }
.sb-article-auteur-txt { display: flex; flex-direction: column; line-height: 1.25; }
.sb-article-auteur-nom { font: 800 15px/1.25 var(--sb-titre); color: #fff; }
.sb-article-figure { position: relative; margin: 0; }
.sb-article-figure img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 18px; box-shadow: 0 2px 6px rgba(0,0,0,.18), 0 26px 60px rgba(4,9,32,.45); }
.sb-art-corps { display: grid; grid-template-columns: minmax(0,1fr) var(--sb-aside-largeur); gap: 48px; align-items: start; margin-top: 44px; }
.sb-art-corps--seul { grid-template-columns: minmax(0,860px); }
.sb-art-principal { min-width: 0; max-width: 820px; }
.sb-art-aside { position: relative; align-self: stretch; display: flex; flex-direction: column; gap: 20px; }
.sb-colle-zone { position: relative; }
.sb-colle-zone--som { flex: 1 1 auto; }
.sb-colle-zone--pub { flex: 0 0 auto; min-height: min(1100px,45%); }
.sb-colle-zone--pub:only-child { flex: 1 1 auto; }
.sb-colle[data-colle="true"] { position: sticky; top: var(--sb-haut-collant); }
.sb-sommaire { position: relative; overflow: hidden; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-radius: 16px; padding: 1.25rem 1.25rem .9rem; box-shadow: var(--sb-ombre); }
.sb-sommaire::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
.sb-sommaire-tete { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.sb-sommaire-duree { font: 700 12px/1 var(--sb-titre); color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .4rem .65rem; white-space: nowrap; }
.sb-sommaire-barre { height: 4px; border-radius: 4px; background: var(--sb-surf2); margin: .9rem 0 .5rem; overflow: hidden; }
.sb-sommaire-barre span { display: block; height: 100%; border-radius: inherit; background: var(--sb-rub); transform: scaleX(0); transform-origin: 0 50%; transition: transform .12s linear; }
.sb-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: s; }
.sb-sommaire li { counter-increment: s; }
.sb-sommaire li + li { border-top: 1px solid var(--sb-filet); }
.sb-sommaire a { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: .2rem; align-items: start; margin: 0 -.55rem; padding: .62rem .55rem; border-radius: 10px; font: 700 14.5px/1.38 var(--sb-titre); color: var(--sb-encre); text-decoration: none; transition: background .15s ease, color .15s ease; }
.sb-sommaire a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1.7 var(--sb-titre); color: var(--sb-accent-2); }
.sb-sommaire a:hover { background: var(--sb-surf); color: var(--sb-accent-fort); }
.sb-sommaire a[aria-current="true"] { background: var(--sb-surf2); color: var(--sb-accent-fort); box-shadow: inset 3px 0 0 var(--sb-rub); }
.sb-sommaire-mobile { display: none; }
.sb-art-aside-pub { margin: 0; }
@media (max-width: 980px) { .sb-art-corps { grid-template-columns: minmax(0,1fr) 260px; gap: 36px; } }
@media (max-width: 760px) {
	.sb-article-hero-grille { grid-template-columns: 1fr; gap: 26px; padding-block: 28px 0; }
	.sb-article-titre { font-size: 29px; line-height: 1.09; }
	.sb-art-corps { grid-template-columns: 1fr; gap: 0; margin-top: 26px; }
	.sb-art-aside { display: none; }
	.sb-sommaire-mobile { display: block; position: relative; overflow: hidden; margin: 0 0 1.5rem; border: 1px solid var(--sb-filet); border-radius: 14px; background: var(--sb-fond); box-shadow: var(--sb-ombre); padding: 0; }
	.sb-sommaire-mobile::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--sb-rub); }
	.sb-sommaire-mobile summary { list-style: none; display: flex; align-items: center; gap: .6rem; min-height: 54px; padding: .35rem 1rem 0; font: 800 15px/1.2 var(--sb-titre); color: var(--sb-encre); cursor: pointer; }
	.sb-sommaire-mobile summary::-webkit-details-marker { display: none; }
	.sb-sommaire-mobile summary em { font: 700 12.5px/1 var(--sb-titre); font-style: normal; color: var(--sb-doux); background: var(--sb-surf); border-radius: 999px; padding: .35rem .6rem; }
	.sb-sommaire-mobile ol { list-style: none; counter-reset: s; margin: 0; padding: .2rem 1rem .8rem; }
	.sb-sommaire-mobile li { counter-increment: s; padding: 0; border-top: 1px solid var(--sb-filet); }
	.sb-sommaire-mobile a { display: grid; grid-template-columns: 28px minmax(0,1fr); min-height: 44px; align-items: center; padding: .5rem 0; font: 700 15px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
	.sb-sommaire-mobile a::before { content: counter(s,decimal-leading-zero); font: 800 12.5px/1 var(--sb-titre); color: var(--sb-accent-2); }
}
@media (prefers-reduced-motion: reduce) { .sb-sommaire-barre span, .sb-sommaire a { transition: none; } }
.sb-texte .sb-steps, .sb-texte .sb-cards { list-style: none; padding: 0; margin: 1.75rem 0; display: grid; gap: .85rem; }
.sb-texte .sb-steps { counter-reset: sbetape; }
.sb-texte .sb-steps > li { position: relative; margin: 0; padding: .95rem 1.1rem .95rem 3.9rem; background: var(--sb-surf); border-radius: var(--sb-rayon); line-height: 1.55; }
.sb-texte .sb-steps > li::before { counter-increment: sbetape; content: counter(sbetape); position: absolute; left: 1rem; top: .85rem; width: 2.1rem; height: 2.1rem; border-radius: 999px; background: var(--sb-accent); color: #fff; font: 800 15px/2.1rem var(--sb-titre); text-align: center; }
.sb-texte .sb-cards { display: block; margin: 1.6rem 0; padding: .35rem 1.3rem; background: var(--sb-surf); border: 1px solid var(--sb-filet); border-left: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); }
.sb-texte .sb-cards > li { position: relative; margin: 0; padding: .8rem 0 .8rem 2.1rem; font: 500 16.5px/1.55 var(--sb-lecture); color: var(--sb-encre); }
.sb-texte .sb-cards > li + li { border-top: 1px solid var(--sb-filet); }
.sb-texte .sb-cards > li::before { content: ""; position: absolute; left: 0; top: 1.02rem; width: 1.3rem; height: 1.3rem; border-radius: 999px; background: var(--sb-rub) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/.8rem no-repeat; }
.sb-compare { display: grid; grid-template-columns: repeat(var(--sb-compare-cols, auto-fit), minmax(min(100%,17rem),1fr)); gap: 1rem; margin: 1.75rem 0; }
.sb-compare-card { padding: 1.25rem 1.35rem; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); box-shadow: var(--sb-ombre); }
.sb-compare-card h3 { font: 800 18px/1.25 var(--sb-titre); margin: 0 0 .8rem; color: var(--sb-encre); }
.sb-compare-row { padding: .6rem 0; border-top: 1px solid var(--sb-filet); }
.sb-compare-row:first-child { border-top: 0; padding-top: 0; }
.sb-compare-row dt { margin: 0 0 .2rem; font: 700 11.5px/1.4 var(--sb-titre); letter-spacing: .08em; text-transform: uppercase; color: var(--sb-doux); }
.sb-compare-row dd { margin: 0; font: 400 15.5px/1.5 var(--sb-lecture); color: var(--sb-encre); }
.sb-sources { background: var(--sb-surf); padding: 24px 28px; border-top: 3px solid var(--sb-encre); margin: 32px 0; }
.sb-sources-titre { font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-encre); margin: 0 0 14px; }
.sb-sources ul, .sb-sources ol { list-style: none; margin: 0; padding: 0; counter-reset: sbsrc; }
.sb-sources ol li { counter-increment: sbsrc; }
.sb-sources ol li::before { content: counter(sbsrc); flex: 0 0 22px; height: 22px; border-radius: 50%; background: var(--sb-encre); color: var(--sb-fond); font: 700 11px/22px var(--sb-titre); text-align: center; }
.sb-sources li { display: flex; align-items: baseline; gap: 8px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-sources li:first-child { border-top: 0; }
.sb-alire { margin: 2.4rem 0 1.6rem; padding: 1.2rem 1.3rem .6rem; border: 1px solid var(--sb-filet); border-top: 4px solid var(--sb-rub); border-radius: var(--sb-rayon); background: var(--sb-fond); box-shadow: var(--sb-ombre); }
.sb-alire ul { list-style: none; margin: 0; padding: 0; }
.sb-alire li { border-top: 1px solid var(--sb-filet); }
.sb-alire li:first-child { border-top: 0; }
.sb-alire a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .75rem 0; font: 700 16px/1.35 var(--sb-titre); color: var(--sb-encre); text-decoration: none; }
.sb-alire a:hover { color: var(--sb-accent); }
.sb-alire a svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; }
.sb-encadre-cle { margin: 40px 0; padding: 6px 28px 20px; background: var(--sb-surf); border-radius: var(--sb-rayon); }
.sb-encadre-cle h2 { border-top: 0 !important; }
.sb-faq { margin: 3rem auto 0; max-width: var(--sb-faq-largeur, 760px); }
.sb-faq-titre { text-align: center; margin-bottom: 1.2rem; }
.sb-faq-liste { display: grid; gap: .85rem; }
.sb-faq-carte { border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon); padding: 16px 20px; background: var(--sb-fond); }
.sb-faq-carte summary { cursor: pointer; font: 700 16px/1.4 var(--sb-titre); color: var(--sb-encre); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; }
.sb-faq-carte summary::-webkit-details-marker { display: none; }
.sb-faq-carte summary::after { content: "+"; font-size: 22px; color: var(--sb-accent); flex: none; }
.sb-faq-carte[open] summary::after { content: "–"; }
.sb-faq-carte p { margin: 12px 0 0; color: var(--sb-doux); font: 400 15.5px/1.6 var(--sb-lecture); }
.sb-auteur-carte { display: grid; grid-template-columns: 110px 1fr; gap: 26px; align-items: start; margin: 46px 0 10px; padding: 28px; background: var(--sb-surf); border-top: 3px solid var(--sb-encre); border-radius: var(--sb-rayon); }
.sb-avatar { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; display: block; border: 4px solid var(--sb-fond); box-shadow: 0 8px 20px -10px rgba(0,0,0,.45); }
.sb-avatar-symbole { display: inline-grid; place-items: center; background: var(--sb-fond); }
.sb-avatar-symbole svg { width: 60%; height: 60%; }
.sb-auteur-nom { margin: 4px 0 2px; font: 400 28px/1.2 var(--sb-titre); }
.sb-auteur-nom a { text-decoration: none; color: var(--sb-encre); }
.sb-auteur-role { margin: 0 0 12px; font: 600 13px/1.4 var(--sb-titre); color: var(--sb-accent); }
.sb-auteur-bio { margin: 0 0 16px; font: 16px/1.7 var(--sb-lecture); color: var(--sb-encre); }
.sb-auteur-liens { display: flex; flex-wrap: wrap; gap: 10px; }
.sb-auteur-liens a { padding: 10px 16px; border-radius: 99px; border: 1px solid var(--sb-encre); font: 600 13px/1 var(--sb-titre); text-decoration: none; color: var(--sb-encre); }
.sb-auteur-liens a:first-child { background: var(--sb-encre); color: var(--sb-fond); }
@media (max-width: 760px) { .sb-auteur-carte { grid-template-columns: 72px 1fr; gap: 16px; padding: 20px 18px; } .sb-avatar { width: 72px; height: 72px; border-width: 3px; } .sb-auteur-nom { font-size: 23px; } .sb-auteur-bio { font-size: 15px; } }
.sb-pied { background: var(--sb-encre); color: #fff; padding-top: 48px; }
.sb-pied-haut { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.14); }
.sb-pied-marque { display: flex; align-items: center; gap: 16px; }
.sb-pied-nom { font: 800 18px var(--sb-titre); margin: 0; }
.sb-pied-baseline { font: 400 14px/1.5 var(--sb-lecture); color: rgba(255,255,255,.65); margin: 4px 0 0; max-width: 42ch; }
.sb-pied-loupe { display: flex; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; overflow: hidden; }
.sb-pied-loupe input { background: transparent; border: 0; color: #fff; padding: 10px 16px; min-width: 200px; }
.sb-pied-loupe button { border: 0; background: rgba(255,255,255,.12); color: #fff; padding: 10px 18px; cursor: pointer; }
.sb-pied-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 32px; padding-block: 32px; }
.sb-pied-titre { font: 700 13px var(--sb-titre); text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.55); margin: 0 0 14px; }
.sb-pied-pastilles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.sb-pastille { display: inline-flex; align-items: center; gap: 6px; font: 700 12px var(--sb-titre); padding: 6px 12px; border-radius: 999px; text-decoration: none; }
.sb-pied-compte { opacity: .75; font-weight: 500; }
.sb-pied-rubriques { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sb-pied-rubrique { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.sb-pied-rubrique-tete { display: flex; align-items: center; gap: 8px; font: 700 14px var(--sb-titre); color: #fff; }
.sb-pied-rubrique-point { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.sb-pied-rubrique-nom { text-decoration: none; }
.sb-pied-rubrique:hover .sb-pied-rubrique-nom { text-decoration: underline; text-underline-offset: 3px; }
.sb-pied-rubrique-chapo { font: 400 13px/1.45 var(--sb-lecture); color: rgba(255,255,255,.62); }
.sb-pied-fil, .sb-pied-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sb-pied-fil a, .sb-pied-liste a { color: rgba(255,255,255,.85); text-decoration: none; font: 500 14px var(--sb-titre); }
.sb-pied-fil a:hover, .sb-pied-liste a:hover { color: #fff; text-decoration: underline; }
.sb-pied-fil time { display: block; font-size: 11px; color: rgba(255,255,255,.75); }
.sb-ours { padding-block: 20px; border-top: 1px solid rgba(255,255,255,.14); font: 500 13px var(--sb-titre); color: rgba(255,255,255,.6); }
.sb-nav-mobile { display: none; }
@media (max-width: 760px) {
	.sb-nav-mobile { display: flex; position: fixed; inset: auto 0 0; z-index: 40; background: var(--sb-fond); border-top: 1px solid var(--sb-filet); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
	.sb-nav-mobile a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 48px; justify-content: center; color: var(--sb-doux); text-decoration: none; font: 600 11px var(--sb-titre); }
	.sb-nav-mobile a svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
	.sb-nav-mobile a.is-actif { color: var(--sb-accent); }
}
.sb-encadre-essentiel { background: var(--sb-surf2); border-left: 4px solid var(--sb-accent); border-radius: var(--sb-rayon); padding: 18px 22px 8px; margin: 28px 0; }
.sb-encadre-essentiel > .sb-kicker, .sb-encadre-chiffre > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-essentiel ul { list-style: none; margin: 0; padding: 0; background: none; border: 0; }
.sb-encadre-essentiel li { position: relative; padding: 8px 0 10px 28px; border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); font: 400 16px/1.5 var(--sb-lecture); color: var(--sb-encre); }
.sb-encadre-essentiel li:first-child { border-top: 0; }
.sb-encadre-essentiel li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border-left: 3px solid var(--sb-accent); border-bottom: 3px solid var(--sb-accent); transform: rotate(-45deg); }
.sb-encadre-chiffre { display: grid; grid-template-columns: auto 1fr; gap: 6px 22px; align-items: center; background: var(--sb-accent); color: #fff; border-radius: var(--sb-rayon); padding: 20px 24px; margin: 32px 0; }
.sb-encadre-chiffre > .sb-kicker { grid-column: 1 / -1; color: rgba(255,255,255,.85); }
.sb-encadre-chiffre-valeur { font: 900 clamp(34px, 5vw, 52px)/1 var(--sb-titre); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sb-encadre-chiffre-libelle { font: 400 16px/1.45 var(--sb-lecture); margin: 0; }
.sb-encadre-chiffre-source { grid-column: 1 / -1; font: 500 12px var(--sb-titre); color: rgba(255,255,255,.85); margin: 4px 0 0; }
@media (max-width: 600px) { .sb-encadre-chiffre { grid-template-columns: 1fr; } }
.sb-exergue { margin: 36px 0; padding: 6px 0 6px 26px; border-left: 4px solid var(--sb-accent-2); }
.sb-exergue p { font: 600 clamp(20px, 2.4vw, 26px)/1.35 var(--sb-lecture); color: var(--sb-encre); margin: 0; text-wrap: balance; }
.sb-exergue p::before { content: "« "; color: var(--sb-accent-2); }
.sb-exergue p::after { content: " »"; color: var(--sb-accent-2); }
.sb-exergue p:has(> cite)::before, .sb-exergue p:has(> cite)::after { content: none; } 
.sb-exergue cite { display: block; margin-top: 10px; font: 600 13px var(--sb-titre); font-style: normal; color: var(--sb-doux); }
.sb-encadre-pratique { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 18px 22px 10px; margin: 30px 0; border-top: 3px solid var(--sb-accent); }
.sb-encadre-pratique > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 8px; }
.sb-encadre-pratique ol { list-style: none; counter-reset: sbprat; margin: 0; padding: 0; }
.sb-encadre-pratique li { counter-increment: sbprat; position: relative; padding: 8px 0 10px 38px; font: 400 16px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-encadre-pratique li:first-child { border-top: 0; }
.sb-encadre-pratique li::before { content: counter(sbprat); position: absolute; left: 0; top: 8px; width: 26px; height: 26px; border-radius: 50%; background: var(--sb-accent); color: #fff; font: 700 13px/26px var(--sb-titre); text-align: center; }
.sb-duo { margin: 32px 0; }
.sb-duo > .sb-kicker { display: block; font: 700 11px var(--sb-titre); letter-spacing: .12em; text-transform: uppercase; color: var(--sb-accent-fort); margin: 0 0 10px; }
.sb-duo-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sb-duo-col { background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 16px 18px 8px; border-top: 4px solid var(--sb-accent); }
.sb-duo-col + .sb-duo-col { border-top-color: var(--sb-accent-2); }
.sb-duo-titre { font: 800 16px var(--sb-titre); margin: 0 0 6px; color: var(--sb-encre); }
.sb-duo-col ul { list-style: none; margin: 0; padding: 0; }
.sb-duo-col li { padding: 7px 0 9px 18px; position: relative; font: 400 15px/1.5 var(--sb-lecture); border-top: 1px solid color-mix(in srgb, var(--sb-encre) 10%, transparent); }
.sb-duo-col li:first-child { border-top: 0; }
.sb-duo-col li::before { content: ""; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .55; }
@media (max-width: 600px) { .sb-duo-grille { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
	.sb-article-hero-grille { gap: 16px; padding-block: 20px 0; }
	.sb-article-titre { font-size: 26px; }
	.sb-article-chapo { font-size: 16px; margin-top: .6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.sb-article-hero img, .sb-article-hero picture { max-height: 200px; width: 100%; object-fit: cover; }
}
.sb-texte a:not([class]) { color: var(--sb-accent-fort); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--sb-accent) 55%, transparent); transition: text-decoration-color .15s, background-color .15s; }
.sb-texte a:not([class]):hover { text-decoration-color: var(--sb-accent); background: color-mix(in srgb, var(--sb-surf2) 70%, transparent); }
:root { --sb-alerte: #B4472B; --sb-alerte-fond: #FFF5F0; --sb-alerte-bord: #EBC4B5; }
.sb-texte .sb-cards--alerte { background: var(--sb-alerte-fond); border-color: var(--sb-alerte-bord); border-left-color: var(--sb-alerte); }
.sb-texte .sb-cards--alerte > li::before { width: 1.4rem; height: 1.4rem; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 22 20.5H2z' fill='%23B4472B' stroke='%23B4472B' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v5' stroke='%23fff' stroke-width='2.3' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.4' r='1.25' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; }
.sb-texte .sb-cards--alerte > li + li { border-top-color: var(--sb-alerte-bord); }
.sb-texte .sb-lead-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 1.8rem 0; }
.sb-texte .sb-lead-carte { background: var(--sb-surf); border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon); padding: 18px 20px 14px; }
.sb-texte .sb-lead-titre { margin: 0; width: fit-content; max-width: 100%; font: 800 18px/1.3 var(--sb-titre); color: var(--sb-encre); background: linear-gradient(transparent 58%, color-mix(in srgb, var(--sb-rub) 26%, transparent) 58%); }
.sb-texte .sb-lead-texte { margin: .55rem 0 0; font: 400 16.5px/1.58 var(--sb-lecture); color: var(--sb-encre); }
.sb-texte .sb-lead-texte::first-letter { text-transform: uppercase; }
.sb-texte .sb-lead--n3 { grid-template-columns: 1fr; }
.sb-texte .sb-lead--n3 .sb-lead-carte { display: grid; grid-template-columns: minmax(110px, 170px) minmax(0, 1fr); gap: 4px 24px; align-items: start; }
.sb-texte .sb-lead--n3 .sb-lead-texte { margin: 0; }
.sb-texte .sb-lead-grille:not(.sb-lead--n3) .sb-lead-carte:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (max-width: 700px) { .sb-texte .sb-lead-grille { grid-template-columns: 1fr; } .sb-texte .sb-lead--n3 .sb-lead-carte { grid-template-columns: 1fr; } }
.sb-texte .sb-attention { position: relative; margin: 1rem 0 2rem; padding: 22px 26px 8px 74px; background: var(--sb-alerte-fond); border: 1px solid var(--sb-alerte-bord); border-left: 6px solid var(--sb-alerte); border-radius: var(--sb-rayon); }
.sb-texte .sb-attention::before { content: ""; position: absolute; left: 24px; top: 24px; width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 22 20.5H2z' fill='%23B4472B' stroke='%23B4472B' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v5' stroke='%23fff' stroke-width='2.3' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.4' r='1.25' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; }
.sb-texte .sb-attention > :last-child { margin-bottom: 14px; }
.sb-texte .sb-attention .sb-lead-carte { background: #fff; border-color: var(--sb-alerte-bord); }
.sb-texte .sb-attention .sb-lead-grille { margin: .2rem 0 1rem; }
@media (max-width: 700px) { .sb-texte .sb-attention { padding: 62px 18px 6px; } .sb-texte .sb-attention::before { left: 18px; top: 18px; } }
.sb-texte .sb-essentiel-auto { padding: 20px 26px 6px; margin: 1rem 0 2rem; }
.sb-texte .sb-essentiel-auto p { font-size: 1.06em; }
.sb-texte .sb-pratique-auto { padding: 22px 26px 8px; margin: 1rem 0 2rem; }
.sb-texte .sb-panneau { margin: 1rem 0 2rem; padding: 22px 28px 8px; background: color-mix(in srgb, var(--sb-rub) 7%, var(--sb-surf2)); border-radius: var(--sb-rayon); }
.sb-texte .sb-exergue-auto { margin: 2rem 0; }
.sb-texte h2 .sb-seq { display: inline-block; margin-right: .3em; padding: .06em .55em .12em; border-radius: 999px; background: var(--sb-accent); color: #fff; font: 700 .56em/1.5 var(--sb-titre); vertical-align: .22em; white-space: nowrap; }
.sb-texte .sb-chiffre-long .sb-encadre-chiffre-valeur { font-size: clamp(24px, 3.4vw, 34px); }
.sb-tuiles-enum { list-style: none; margin: 1.6rem 0 2rem; padding: 0; display: grid; gap: 12px; }
.sb-tuile-enum { margin: 0; padding: 18px 22px; background: var(--sb-surf, #fff); border-radius: var(--sb-rayon, 12px); box-shadow: var(--sb-ombre, none); border-left: 4px solid var(--sb-accent); }
.sb-tuile-enum::before { content: none; }
.sb-tuile-enum > p { margin: 0; }
.sb-tuile-enum > p > strong:first-child { font: 700 1.2em/1.3 var(--sb-titre); color: var(--sb-accent-fort, var(--sb-accent)); }
.sb-texte .sb-suite { list-style: none; margin: 1.6rem 0 2rem; padding: 0; counter-reset: sbsuite; display: grid; gap: 12px; }
.sb-texte .sb-suite > li { counter-increment: sbsuite; position: relative; margin: 0; padding: 14px 18px 14px 58px; background: var(--sb-surf, #fff); border-radius: var(--sb-rayon, 12px); }
.sb-texte .sb-suite > li::before { content: counter(sbsuite); position: absolute; left: 16px; top: 14px; width: 28px; height: 28px; display: grid; place-items: center; background: var(--sb-encre); color: var(--sb-fond); font: 700 13px/1 var(--sb-titre); border-radius: 4px; }
.sb-texte .sb-suite > li > p { margin: 0; }
.sb-texte .sb-etapes-titrees { list-style: none; margin: 1.6rem 0 2rem; padding: 0; display: grid; gap: 14px; }
.sb-texte .sb-etape-titree { margin: 0; padding: 16px 20px 18px; border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon, 12px); background: var(--sb-fond); }
.sb-texte .sb-etape-titree > h3 { margin: 0; display: flex; align-items: baseline; gap: .6rem; }
.sb-texte .sb-etape-titree > h3 .sb-seq { flex: 0 0 auto; display: inline-grid; place-items: center; min-width: 1.7em; padding: 0 .35em; border-radius: 4px; background: var(--sb-encre); color: var(--sb-fond); font: 700 .7em/1.7 var(--sb-titre); }
.sb-texte .sb-etape-titree > * + * { margin-top: .75rem; }
.sb-duel { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .3em .4em; }
.sb-duel-a, .sb-duel-b { padding: 0 .3em; border: 1px solid currentColor; border-radius: 4px; }
.sb-duel-ou { font-weight: 400; font-style: italic; }
.sb-compare--lignes { display: block; padding: 0; background: var(--sb-fond); border: 1px solid var(--sb-filet); border-radius: var(--sb-rayon); box-shadow: var(--sb-ombre); overflow: hidden; }
.sb-compare--lignes .sb-compare-tete { display: none; }
.sb-compare--lignes .sb-compare-ligne { padding: .9rem 1.1rem 1rem; border-top: 1px solid var(--sb-filet); }
.sb-compare--lignes .sb-compare-tete + .sb-compare-ligne { border-top: 0; }
.sb-compare--lignes .sb-compare-critere { display: block; margin: 0 0 .55rem; font: 700 11.5px/1.4 var(--sb-titre); letter-spacing: .08em; text-transform: uppercase; color: var(--sb-doux); }
.sb-compare--lignes .sb-compare-case { margin: .45rem 0 0; padding-left: .75rem; border-left: 3px solid var(--sb-rub); font: 400 15.5px/1.5 var(--sb-lecture); color: var(--sb-encre); }
.sb-compare--lignes .sb-compare-case::before { content: attr(data-option); display: block; font: 700 13px/1.3 var(--sb-titre); color: var(--sb-encre); margin-bottom: .1rem; }
@media (min-width: 700px) {
  .sb-compare--lignes .sb-compare-tete,
  .sb-compare--lignes .sb-compare-ligne { display: grid; grid-template-columns: minmax(7.5rem, .8fr) repeat(var(--sb-compare-cols, 3), minmax(0, 1fr)); column-gap: 1.1rem; align-items: start; }
  .sb-compare--lignes .sb-compare-tete { padding: 1rem 1.1rem .85rem; border-bottom: 3px solid var(--sb-rub); }
  .sb-compare--lignes .sb-compare-option { font: 800 17px/1.25 var(--sb-titre); color: var(--sb-encre); }
  .sb-compare--lignes .sb-compare-ligne { padding: .8rem 1.1rem; }
  .sb-compare--lignes .sb-compare-tete + .sb-compare-ligne { border-top: 0; }
  .sb-compare--lignes .sb-compare-ligne:nth-of-type(odd) { background: color-mix(in srgb, var(--sb-rub) 5%, transparent); }
  .sb-compare--lignes .sb-compare-critere { margin: .15rem 0 0; }
  .sb-compare--lignes .sb-compare-case { margin: 0; padding-left: 0; border-left: 0; font-size: 15px; }
  .sb-compare--lignes .sb-compare-case::before { content: none; }
}
.sb-texte .sb-panneau > h3:first-child { margin-top: 0; padding-top: 4px; }
.sb-duel-fin { display: inline-flex; align-items: baseline; gap: .4em; white-space: nowrap; }
.sb-encadre-cle .sb-cards, .sb-encadre-cle .sb-encadre-coches, .sb-encadre-cle .sb-panneau { border: 0; background: none; box-shadow: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.sb-encadre-cle .sb-cards > li, .sb-encadre-cle .sb-encadre-coches > li { background: none; box-shadow: none; }
.sb-sources-intro { margin: 0 0 .8rem; font-size: 15px; color: var(--sb-doux); }
:root {
	--aube: #FBF3F1;
	--nuit: #1A1F3A;
	--rose: #EDAEA7;
	--or: #C79A2B;
	--or-texte: #896A1E;
	--rouge: #A22E21;
	--doux: color-mix(in srgb, #1A1F3A 78%, #FBF3F1);
	--rose-pale: color-mix(in srgb, #EDAEA7 26%, #FBF3F1);
	--rose-moyen: color-mix(in srgb, #EDAEA7 52%, #FBF3F1);
	--trait: color-mix(in srgb, #1A1F3A 24%, #FBF3F1);
	--der-poiret: "Poiret One", "Albert Sans", Georgia, sans-serif;
	--der-texte: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
	--der-marge: clamp(16px, 4vw, 24px);
	
	--sb-fond: #FFFFFF;
	--sb-encre: var(--nuit);
	--sb-doux: var(--doux);
	--sb-filet: var(--trait);
	--sb-accent: var(--rouge);
	--sb-accent-fort: color-mix(in srgb, #A22E21 80%, #1A1F3A);
	--sb-accent-2: var(--or-texte);
	--sb-surf: var(--rose-pale);
	--sb-surf2: var(--rose-moyen);
	--sb-rub: var(--nuit);
	--sb-rayon: 0;
	--sb-ombre: none;
	--sb-ombre-haut: none;
	--sb-titre: var(--der-texte);
	--sb-lecture: var(--der-texte);
	--sb-aside-largeur: 320px;
	--sb-haut-collant: 96px;
	--sb-faq-largeur: 100%;
	--sb-alerte: var(--rouge);
	--sb-alerte-fond: color-mix(in srgb, #EDAEA7 20%, #FFFFFF);
	--sb-alerte-bord: var(--rose);
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--sb-fond: #FFFFFF; --sb-encre: #1A1F3A; --sb-doux: var(--doux); --sb-filet: var(--trait);
		--sb-surf: var(--rose-pale); --sb-surf2: var(--rose-moyen);
	}
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.der-site {
	margin: 0; background: var(--aube); color: var(--nuit);
	font: 400 17px/1.65 var(--der-texte);
	display: flex; flex-direction: column; min-height: 100vh;
	-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.der-main { flex: 1 0 auto; display: block; }
img, svg { max-width: 100%; }
img { height: auto; }
a { color: inherit; }
h1, h2, h3, h4 { margin: 0; font-family: var(--der-texte); font-weight: 700; color: var(--nuit); }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--rouge); outline-offset: 3px; }
::selection { background: var(--rose); color: var(--nuit); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
.der-evitement { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--nuit); color: var(--aube); padding: 10px 16px; font-weight: 600; text-decoration: none; }
.der-evitement:focus { top: 8px; }
.der-cadre { width: min(1312px, 100% - 2 * var(--der-marge)); margin-inline: auto; }
.der-cadre--texte { width: min(820px, 100% - 2 * var(--der-marge)); }
.der-star path, .der-etoile__forme path, .der-nav__etoile path, .der-pied__etoile path, .der-sec__etoile path,
.der-carte__etoile path, .der-ouv__etoile path, .der-ap-charte__etoile path {
	fill: var(--or); stroke: var(--nuit); stroke-width: 1px; vector-effect: non-scaling-stroke; stroke-linejoin: miter;
}
.der-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 1px solid var(--nuit); background: #fff; color: var(--nuit); font: 700 15px/1 var(--der-texte); cursor: pointer; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.der-btn:hover { background: var(--nuit); color: var(--aube); }
.der-btn--plein { background: var(--nuit); color: var(--aube); }
.der-btn--plein:hover { background: var(--rouge); border-color: var(--rouge); color: #fff; }
.der-entete { position: sticky; top: 0; z-index: 60; background: var(--aube); border-bottom: 1px solid var(--nuit); }
.der-entete__barre { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 72px; }
.der-logo { display: inline-flex; align-items: center; flex: 0 0 auto; line-height: 0; }
.der-logo__img { display: block; width: auto; height: 36px; }
.der-nav { display: flex; align-items: center; gap: 28px; }
.der-nav__liste { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
.der-nav__lien, .der-nav__recherche { position: relative; display: inline-block; padding: 8px 0; font: 600 15px/1.2 var(--der-texte); color: var(--nuit); text-decoration: none; white-space: nowrap; }
.der-nav__etoile { position: absolute; left: 50%; top: -3px; width: 10px; height: 10px; margin-left: -5px; opacity: 0; transform: scale(.3); transition: opacity .18s ease, transform .18s ease; }
.der-nav__lien:hover .der-nav__etoile, .der-nav__lien.est-actif .der-nav__etoile, .der-nav__lien:focus-visible .der-nav__etoile { opacity: 1; transform: none; }
.der-nav__lien.est-actif { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.der-nav__recherche { color: var(--rouge); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; padding-left: 22px; margin-left: 4px; border-left: 1px solid var(--trait); }
.der-nav__recherche:hover, .der-nav__recherche.est-actif { color: var(--nuit); }
.der-burger { display: none; }
@media (max-width: 960px) {
	.der-entete__barre { min-height: 60px; flex-wrap: wrap; gap: 8px 16px; padding-block: 8px; }
	.der-logo__img { height: 32px; }
	.der-nav { flex-basis: 100%; flex-direction: column; align-items: flex-start; gap: 0; padding-bottom: 12px; }
	.der-nav__liste { flex-wrap: wrap; gap: 4px 18px; }
	.der-nav__recherche { border-left: 0; padding-left: 0; margin-left: 0; margin-top: 4px; }
	.der-js .der-burger { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 4px 0 12px; background: none; border: 1px solid var(--nuit); color: var(--nuit); font: 700 15px/1 var(--der-texte); cursor: pointer; }
	.der-burger__barres { position: relative; width: 20px; height: 10px; border-top: 2px solid var(--nuit); border-bottom: 2px solid var(--nuit); margin-right: 12px; }
	.der-js .der-nav { display: none; padding: 8px 0 18px; }
	.der-js .der-entete.is-menu .der-nav { display: flex; }
	.der-js .der-entete.is-menu { background: var(--aube); }
	.der-js .der-nav__liste { flex-direction: column; align-items: flex-start; gap: 0; width: 100%; }
	.der-js .der-nav__liste li { width: 100%; border-top: 1px solid var(--trait); }
	.der-js .der-nav__lien { display: block; padding: 12px 0 10px; font: 400 34px/1.1 var(--der-poiret); }
	.der-js .der-nav__etoile { left: auto; right: 4px; top: 50%; margin: -7px 0 0; width: 14px; height: 14px; }
	.der-js .der-nav__recherche { font-size: 17px; padding: 14px 0 6px; }
}
.sb-texte { font: 400 18px/1.74 var(--der-texte); color: var(--nuit); }
.sb-texte p { margin: 0 0 1.15em; }
.sb-texte h2 { position: relative; margin: 2.3em 0 .7em; padding-top: 20px; border-top: 1px solid var(--nuit); font: 700 clamp(23px, 2.4vw, 28px)/1.22 var(--der-texte); letter-spacing: -.005em; scroll-margin-top: 110px; }
.sb-texte h2::before { content: ""; position: absolute; left: 0; top: -9px; width: 17px; height: 17px; background: var(--aube) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.07'/%3E%3C/svg%3E") center/17px no-repeat; }
.sb-texte h2:first-child { margin-top: 0; }
.sb-texte h3 { margin: 1.7em 0 .5em; font: 700 20px/1.3 var(--der-texte); }
.sb-texte img, .sb-texte figure { max-width: 100%; height: auto; }
.sb-texte figure { margin: 1.8em 0; }
.sb-texte figcaption { font-size: 14px; color: var(--doux); margin-top: 8px; }
.sb-texte blockquote { margin: 1.8em 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--or); font-size: 1.08em; }
.sb-texte ul:not([class]), .sb-texte ol:not([class]) { padding-left: 1.3em; margin: 0 0 1.15em; }
.sb-texte li { margin-bottom: .35em; }
.sbs_tableau { overflow-x: auto; max-width: 100%; margin: 1.6em 0; }
.sb-texte table { border-collapse: collapse; width: 100%; font-size: 15.5px; }
.sb-texte th, .sb-texte td { border: 1px solid var(--nuit); padding: 8px 12px; text-align: left; vertical-align: top; }
.sb-texte th { background: var(--rose-pale); }
.sb-sommaire, .sb-sommaire-mobile, .sb-compare-card, .sb-alire, .sb-faq-carte, .sb-auteur-carte, .sb-lead-carte, .sb-attention, .sb-panneau,
.sb-encadre-cle, .sb-encadre-essentiel, .sb-encadre-chiffre, .sb-encadre-pratique, .sb-duo-col, .sb-tuile-enum, .sb-etape-titree,
.sb-compare--lignes, .sb-texte .sb-steps > li, .sb-texte .sb-cards, .sb-texte .sb-suite > li { border-radius: 0; box-shadow: none; }
.sb-sommaire a, .sb-sommaire-duree, .sb-sommaire-barre, .sb-sommaire-barre span, .sb-sommaire-mobile summary em { border-radius: 0; }
.sb-auteur-liens a { border-radius: 0; }
.sb-sommaire { border: 1px solid var(--nuit); padding: 1rem 1.1rem .5rem; }
.sb-sommaire::before { height: 3px; background: var(--nuit); }
.sb-sommaire-duree { background: var(--rose-pale); color: var(--nuit); }
.sb-sommaire a { padding: .42rem .45rem; font-size: 14.5px; line-height: 1.32; }
.sb-sommaire a::before { content: ""; width: 12px; height: 12px; margin-top: 4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.08'/%3E%3C/svg%3E") center/12px no-repeat; }
.sb-sommaire a { grid-template-columns: 20px minmax(0, 1fr); }
.sb-sommaire-mobile a::before { content: ""; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.08'/%3E%3C/svg%3E") center/12px no-repeat; }
.sb-sommaire-mobile { border: 1px solid var(--nuit); }
.sb-sommaire-mobile::before { height: 3px; background: var(--nuit); }
.sb-art-corps { gap: 40px; margin-top: 44px; grid-template-columns: minmax(0, 1fr) var(--sb-aside-largeur); justify-content: normal; }
.sb-art-corps--seul { grid-template-columns: minmax(0, 1fr); }
.sb-art-principal { max-width: none; }
.sb-art-aside { gap: 0; }
.sb-colle-unique { display: flex; flex-direction: column; gap: 16px; }
.sb-colle-unique .sb-art-aside-pub { order: -1; }
.sb-colle-unique .sb-sommaire { order: 1; }
@media (max-width: 980px) { .sb-art-corps { grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; } }
@media (max-width: 760px) { .sb-art-corps { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 26px; } }
.sb-texte .sb-cards { background: var(--rose-pale); border: 1px solid var(--nuit); border-left: 4px solid var(--nuit); }
.sb-texte .sb-cards > li { font-size: 17px; }
.sb-texte .sb-cards > li::before { width: 1.15rem; height: 1.15rem; top: 1.08rem; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.07'/%3E%3C/svg%3E") center/100% no-repeat; }
.sb-texte .sb-cards--alerte { background: var(--sb-alerte-fond); border-color: var(--nuit); border-left-color: var(--rouge); }
.sb-texte .sb-steps > li { background: var(--rose-pale); border: 1px solid var(--nuit); }
.sb-texte .sb-steps > li::before { border-radius: 0; background: var(--nuit); color: var(--aube); }
.sb-encadre-cle, .sb-encadre-essentiel, .sb-encadre-pratique, .sb-duo-col { background: var(--rose-pale); border: 1px solid var(--nuit); border-left-width: 4px; }
.sb-encadre-chiffre { background: var(--nuit); }
.sb-encadre-chiffre-valeur, .sb-encadre-chiffre-libelle { color: var(--aube); }
.sb-encadre-chiffre > .sb-kicker, .sb-encadre-chiffre-source { color: var(--rose); }
.sb-encadre-essentiel li::before { border-color: var(--rouge); }
.sb-encadre-pratique li::before { border-radius: 0; background: var(--nuit); color: var(--aube); }
.sb-compare-card, .sb-alire, .sb-compare--lignes { border: 1px solid var(--nuit); border-top: 3px solid var(--nuit); }
.sb-compare-row dt, .sb-compare--lignes .sb-compare-critere { letter-spacing: .06em; }
.sb-texte h2 .sb-seq, .sb-texte .sb-etape-titree > h3 .sb-seq { border-radius: 0; background: var(--nuit); color: var(--aube); }
.sb-texte .sb-attention { border-left-width: 4px; }
.sb-lead-carte, .sb-etape-titree, .sb-tuile-enum { border-color: var(--nuit); }
.sb-sources { background: var(--rose-pale); border-top: 1px solid var(--nuit); padding: 20px 24px; margin: 40px 0 0; }
.sb-sources-titre { margin: 0 0 10px; font: 700 14px/1.2 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .09em; text-transform: none; color: var(--nuit); }
.sb-sources li { font-size: 14px; line-height: 1.5; color: var(--doux); padding: 7px 0; border-top-color: var(--trait); }
.sb-sources ol li::before { border-radius: 0; background: var(--nuit); color: var(--aube); font-size: 11px; }
.sb-sources-intro { font-size: 14px; }
.sb-faq, .sb-texte .sb-faq { margin: 2.4rem 0 0; max-width: none; }
.sb-faq-titre { text-align: left; margin-bottom: 1rem; }
.sb-faq-carte { border: 1px solid var(--nuit); background: #fff; padding: 12px 18px; }
.sb-faq-carte summary { font-size: 16.5px; }
.sb-faq-carte summary::after { color: var(--rouge); font-weight: 400; }
.sb-faq-carte[open] { background: var(--rose-pale); }
.sb-faq-carte p { color: var(--nuit); }
.sb-alire a:hover { color: var(--rouge); }
.sb-auteur-carte { grid-template-columns: 132px 1fr; gap: 28px; border: 1px solid var(--nuit); border-top: 1px solid var(--nuit); background: #fff; padding: 26px 28px; margin: 48px 0 8px; position: relative; }
.sb-auteur-carte::before { content: ""; position: absolute; inset: 8px -8px -8px 8px; background: var(--rose); z-index: -1; }
.sb-auteur-photo { align-self: start; }
.sb-avatar { width: 132px; height: 176px; border-radius: 0; border: 1px solid var(--nuit); box-shadow: 6px 6px 0 var(--rose); object-fit: cover; background: var(--rose-pale); }
.sb-avatar-symbole, .der-portrait__symbole { background: var(--rose-pale); }
.sb-auteur-nom { font: 700 24px/1.2 var(--der-texte); }
.sb-auteur-role { color: var(--or-texte); font-size: 14px; }
.sb-auteur-bio { font-size: 16px; line-height: 1.65; }
.sb-auteur-liens a { border-radius: 0; padding: 11px 16px; }
.sb-auteur-liens a:first-child { background: var(--nuit); color: var(--aube); }
.sb-auteur-liens a:hover { background: var(--rouge); border-color: var(--rouge); color: #fff; }
.sb-kicker { color: var(--or-texte); font: 700 13px/1.4 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .09em; text-transform: none; }
@media (max-width: 760px) { .sb-auteur-carte { grid-template-columns: 84px 1fr; gap: 16px; padding: 18px 16px; } .sb-avatar { width: 84px; height: 112px; } .sb-auteur-nom { font-size: 20px; } .sb-auteur-carte::before { inset: 6px -6px -6px 6px; } }
sbs-jauges, sbs-jauge, sbs-tarifs, sbs-tarif, sbs-frise, sbs-etape, sbs-lieu { display: block; }
.sb-texte .sbs_jauges, .sb-texte .sbs_tarifs, .sb-texte .sbs_frise, .sb-texte .sbs_lieu { margin: 1.9em 0; padding: 18px 22px 14px; background: #fff; border: 1px solid var(--nuit); border-top: 4px solid var(--nuit); }
.sbs_jauges_titre, .sbs_tarifs_titre, .sbs_frise_titre, .sbs_lieu_nom { display: block; margin: 0 0 8px; font: 700 17px/1.3 var(--der-texte); color: var(--nuit); }
.sbs_jauge { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; align-items: baseline; padding: 11px 0; border-top: 1px dotted var(--nuit); }
.sbs_jauge:first-of-type { border-top: 0; }
.sbs_jauge_libelle { font-size: 15px; line-height: 1.4; color: var(--nuit); }
.sbs_jauge_valeur { font: 700 26px/1.1 var(--der-texte); color: var(--nuit); text-align: right; font-variant-numeric: tabular-nums; }
.sbs_jauge_unite { grid-column: 2; font-size: 13px; color: var(--doux); text-align: right; }
.sbs_tarif { display: grid; grid-template-columns: minmax(110px, 1.2fr) minmax(0, 2fr) auto; gap: 12px; align-items: center; padding: 8px 0; border-top: 1px dotted var(--nuit); }
.sbs_tarif:first-of-type { border-top: 0; }
.sbs_tarif_libelle { font-size: 15px; line-height: 1.35; color: var(--nuit); }
.sbs_tarif_prix { font: 700 16px/1 var(--der-texte); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sbs_tarif_barre { width: 100%; height: 10px; border: 1px solid var(--nuit); background: var(--rose-pale); -webkit-appearance: none; appearance: none; overflow: hidden; }
.sbs_tarif_barre::-webkit-meter-bar { background: var(--rose-pale); border: 0; height: 8px; }
.sbs_tarif_barre::-webkit-meter-optimum-value, .sbs_tarif_barre::-webkit-meter-suboptimum-value, .sbs_tarif_barre::-webkit-meter-even-less-good-value { background: var(--nuit); }
.sbs_tarif_barre::-moz-meter-bar { background: var(--nuit); }
.sbs_tarifs_notes, .sbs_source { display: block; margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--doux); }
.sb-texte .sbs_frise { padding-left: 34px; position: relative; }
.sbs_frise::before { content: ""; position: absolute; left: 17px; top: 56px; bottom: 36px; border-left: 1px dotted var(--nuit); }
.sbs_etape { position: relative; padding: 0 0 16px; }
.sbs_etape::before { content: ""; position: absolute; left: -26px; top: 4px; width: 14px; height: 14px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.08'/%3E%3C/svg%3E") center/14px no-repeat; }
.sbs_etape_date { display: block; font: 700 13px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .08em; color: var(--or-texte); }
.sbs_etape_titre { display: block; font: 700 16px/1.35 var(--der-texte); }
.sbs_etape_desc { display: block; font-size: 15px; line-height: 1.5; color: var(--doux); }
.sbs_lieu_adresse { display: block; font-style: normal; font-size: 15px; }
.sbs_lieu_acces { display: block; font-size: 14px; color: var(--doux); margin-top: 4px; }
.sbs_lieu_carte { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-weight: 600; font-size: 14.5px; color: var(--rouge); }
.sbs_icone_repere { fill: currentColor; }
.sb-pied { background: var(--aube); color: var(--nuit); padding-top: 52px; border-top: 1px solid var(--nuit); flex: 0 0 auto; }
.sb-pied-haut { border-bottom: 1px solid var(--trait); padding-bottom: 30px; gap: 24px 40px; }
.sb-pied-marque { align-items: center; gap: 22px; flex-wrap: wrap; }
.sb-pied-baseline { color: var(--doux); margin: 0; max-width: 36ch; font: 400 15px/1.5 var(--der-texte); }
.sb-pied-loupe { border: 1px solid var(--nuit); border-radius: 0; background: #fff; overflow: visible; }
.sb-pied-loupe input { color: var(--nuit); min-width: 220px; min-height: 46px; font: 400 15.5px var(--der-texte); }
.sb-pied-loupe input::placeholder { color: var(--doux); opacity: 1; }
.sb-pied-loupe button { background: var(--nuit); color: var(--aube); font: 700 15px var(--der-texte); padding: 0 22px; }
.sb-pied-loupe button:hover { background: var(--rouge); color: #fff; }
.sb-pied-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding-block: 34px; align-items: start; }
.sb-pied-titre { color: var(--nuit); font: 700 14px/1.2 var(--der-texte); font-variant-caps: all-small-caps; text-transform: none; letter-spacing: .1em; margin: 0 0 16px; }
.sb-pied-rubriques { gap: 4px; }
.sb-pied-rubrique-tete { color: var(--nuit); font: 600 16px/1.4 var(--der-texte); gap: 10px; min-height: 36px; }
.der-pied__etoile { width: 12px; height: 12px; flex: 0 0 12px; }
.sb-pied-compte { margin-left: auto; color: var(--doux); font-weight: 500; font-size: 13.5px; opacity: 1; }
.sb-pied-rubrique:hover .sb-pied-rubrique-nom { text-decoration: underline; text-underline-offset: 4px; }
.sb-pied-fil, .sb-pied-liste { gap: 4px; }
.sb-pied-fil a, .sb-pied-liste a { color: var(--nuit); font: 500 15.5px/1.4 var(--der-texte); display: block; padding: 4px 0; }
.sb-pied-fil li { padding-bottom: 6px; }
.sb-pied-fil a:hover, .sb-pied-liste a:hover { color: var(--rouge); }
.sb-pied-fil time { color: var(--or-texte); font: 700 12.5px/1.4 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .08em; }
.der-pied__texte { margin: 14px 0 0; font-size: 15px; line-height: 1.55; color: var(--doux); }
.sb-ours { border-top: 1px solid var(--trait); color: var(--doux); font: 500 14px/1.5 var(--der-texte); padding-block: 20px 26px; }
@media (max-width: 860px) {
	.sb-pied-grille { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.sb-pied-loupe { width: 100%; }
	.sb-pied-loupe input { min-width: 0; flex: 1; }
}
.der-champ { margin: 0 0 12px; }
.der-champ label { display: block; margin-bottom: 5px; font: 600 14px/1.3 var(--der-texte); }
.der-form input[type="text"], .der-form input[type="email"], .der-form textarea, .der-suivre input, .der-suivre select {
	width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--nuit); border-radius: 0; background: #fff; color: var(--nuit); font: 400 16px/1.4 var(--der-texte); -webkit-appearance: none; appearance: none;
}
.der-form textarea { resize: vertical; min-height: 84px; }
.der-form input:focus-visible, .der-form textarea:focus-visible, .der-suivre input:focus-visible, .der-suivre select:focus-visible { outline: 2px solid var(--rouge); outline-offset: 2px; }
.der-piege { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.der-form__confirmation { margin: 0; padding: 14px 16px; background: var(--rose-pale); border: 1px solid var(--nuit); font-weight: 600; }
.der-form__erreur { margin: 10px 0 0; color: var(--rouge); font-weight: 600; }
.der-form--colonne { background: #fff; border: 1px solid var(--nuit); padding: 14px 14px 14px; }
.der-form--colonne .der-form__titre { margin: 0 0 8px; font: 700 14.5px/1.3 var(--der-texte); }
.der-form--colonne .der-form__titre label { font: inherit; margin: 0; }
.der-form__ligne { display: flex; gap: 8px; align-items: stretch; }
.der-form__ligne .der-champ { flex: 1; margin: 0; min-width: 0; }
.der-form--colonne input[type="text"] { min-height: 42px; padding: 8px 10px; font-size: 15px; }
.der-form--colonne .der-btn { min-height: 42px; padding: 0 14px; }
.der-suivre__titre { margin: 0 0 8px; font: 700 15px/1.2 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--nuit); }
.der-suivre__champs { display: flex; gap: 0; align-items: stretch; }
.der-suivre__mot { flex: 1 1 160px; min-width: 0; border-right: 0 !important; }
.der-suivre__rub { flex: 0 0 176px; width: 176px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231A1F3A' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center no-repeat !important; padding-right: 36px !important; border-right: 0 !important; }
.der-suivre__bouton { flex: 0 0 auto; min-height: 48px; padding: 0 24px; border: 1px solid var(--nuit); background: var(--nuit); color: var(--aube); font: 700 15px/1 var(--der-texte); cursor: pointer; }
.der-suivre__bouton:hover { background: var(--rouge); border-color: var(--rouge); color: #fff; }
.der-suivre input, .der-suivre select { min-height: 48px; }
.der-page-tete { background: linear-gradient(to bottom, var(--rose) 0, var(--aube) 100%); padding: 40px 0 28px; border-bottom: 1px solid var(--nuit); }
.der-page-tete__titre { margin-top: 14px; font: 400 clamp(34px, 5.2vw, 56px)/1.08 var(--der-poiret); letter-spacing: .005em; }
.der-page-corps { padding: 44px 0 72px; }
.der-page-corps--contact { padding-top: 40px; }
.der-ariane { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font: 500 14px/1.4 var(--der-texte); color: var(--doux); }
.der-ariane a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.der-ariane__ici { color: var(--nuit); }
.der-vide { max-width: 60ch; font-size: 18px; }
.der-vide__ciel { margin-top: 28px; max-width: 640px; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
:root {
	--der-etoile-ouv: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.05 -1.05 2.1 2.1'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.018'/%3E%3C/svg%3E");
	--der-etoile-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.2 -1.2 2.4 2.4'%3E%3Cpath d='M0,-1 Q0.14,-0.14 1,0 Q0.14,0.14 0,1 Q-0.14,0.14 -1,0 Q-0.14,-0.14 0,-1Z' fill='%23C79A2B' stroke='%231A1F3A' stroke-width='0.07'/%3E%3C/svg%3E");
	--der-sec-pad: 48px;
	--der-ciel-h: 420px;
}
body.der-site { overflow-x: clip; }
.der-main { min-width: 0; }
.der-repli { background: var(--rose) var(--der-etoile-img) center / 44px no-repeat; }
.der-ciel { background: linear-gradient(to bottom, var(--rose) 0%, var(--aube) 100%); border-bottom: 1px solid var(--nuit); overflow: hidden; }
.der-ciel__carte { position: relative; height: var(--der-ciel-h); }
.der-ciel__lignes { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; pointer-events: none; overflow: visible; }
.der-ciel__lignes--petit { display: none; }
.der-trait { stroke: var(--nuit); stroke-width: 1; fill: none; shape-rendering: geometricPrecision; }
.der-poussiere { fill: var(--nuit); opacity: .38; }
.der-etoile { position: absolute; z-index: 2; width: 52px; height: 52px; transform: translate(-50%, -50%); display: grid; place-items: center; color: var(--nuit); text-decoration: none; }
a.der-etoile::before { content: ""; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: radial-gradient(circle, rgba(251, 243, 241, .95) 0, rgba(251, 243, 241, .7) 34%, rgba(251, 243, 241, 0) 70%); z-index: -1; pointer-events: none; }
a.der-etoile { cursor: pointer; }
.der-etoile__forme { display: block; width: 40px; height: 40px; transition: transform .2s ease; }
.der-etoile__forme path { stroke-width: 1.25px; }
a.der-etoile:hover .der-etoile__forme, a.der-etoile:focus-visible .der-etoile__forme { transform: scale(1.3) rotate(45deg); }
.der-etoile__nom { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; font: 600 15px/1 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .13em; color: var(--nuit); }
.der-etoile--nom-haut .der-etoile__nom { bottom: calc(100% - 2px); }
.der-etoile--nom-bas .der-etoile__nom { top: calc(100% - 2px); }
a.der-etoile:hover .der-etoile__nom { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-etoile.der-pos-1 { left: 6%;  top: 120px; }
.der-etoile.der-pos-2 { left: 19%; top: 262px; }
.der-etoile.der-pos-3 { left: 33%; top: 92px; }
.der-etoile.der-pos-4 { left: 50%; top: 178px; }
.der-etoile.der-pos-5 { left: 67%; top: 92px; }
.der-etoile.der-pos-6 { left: 81%; top: 262px; }
.der-etoile.der-pos-7 { left: 94%; top: 120px; }
.der-etoile--jour { width: 340px; height: 340px; display: block; }
.der-etoile--jour .der-etoile__forme { position: absolute; inset: 0; width: 100%; height: 100%; }
.der-etoile__photo { position: absolute; left: 50%; top: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; border-radius: 50%; overflow: hidden; border: 1px solid var(--nuit); box-shadow: 0 0 0 7px var(--aube), 0 0 0 8px var(--nuit); background: var(--rose-pale); display: block; }
.der-etoile__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.der-plaque { position: absolute; z-index: 3; width: 232px; background: var(--aube); border: 1px solid var(--nuit); padding: 12px 16px 14px; }
.der-plaque.der-pos-4 { left: calc(50% + 120px); top: 206px; }
.der-plaque__rub { margin: 0 0 6px; font: 700 13px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or-texte); }
.der-plaque__rub a { color: inherit; text-decoration: none; }
.der-plaque__rub span { color: var(--doux); }
.der-plaque__titre { margin: 0; font: 700 17px/1.3 var(--der-texte); }
.der-plaque__titre a { text-decoration: none; }
.der-plaque__titre a:hover { text-decoration: underline; text-underline-offset: 3px; }
.der-ciel__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding: 0 0 30px; position: relative; z-index: 4; }
.der-ciel__titre { min-width: 0; }
.der-ciel__h1 { font: 400 60px/1.02 var(--der-poiret); letter-spacing: .005em; margin: 0; }
.der-ciel__devise { margin: 8px 0 0; max-width: 58ch; font: 400 17px/1.45 var(--der-texte); color: var(--nuit); }
.der-suivre--ciel { flex: 0 1 600px; width: 600px; max-width: 100%; }
@media (min-width: 761px) { .der-suivre--ciel .der-suivre__rub, .der-suivre--page .der-suivre__rub { flex-basis: 214px; width: 214px !important; } }
@keyframes der-allume { 0% { transform: scale(.86) rotate(-20deg); } 55% { transform: scale(1.12) rotate(4deg); } 100% { transform: none; } }
.der-js .der-etoile__forme { animation: der-allume .7s ease-out backwards; }
.der-js .der-pos-1 .der-etoile__forme { animation-delay: .05s; }
.der-js .der-pos-2 .der-etoile__forme { animation-delay: .2s; }
.der-js .der-pos-3 .der-etoile__forme { animation-delay: .35s; }
@keyframes der-allume-jour { 0% { transform: scale(.9); } 60% { transform: scale(1.04); } 100% { transform: none; } }
.der-js .der-pos-4 .der-etoile__forme { animation-name: der-allume-jour; animation-delay: 0s; animation-duration: .9s; }
.der-js .der-pos-5 .der-etoile__forme { animation-delay: .5s; }
.der-js .der-pos-6 .der-etoile__forme { animation-delay: .65s; }
.der-js .der-pos-7 .der-etoile__forme { animation-delay: .8s; }
@media (max-width: 1100px) and (min-width: 761px) {
	.der-ciel__carte { height: 480px; }
	.der-plaque.der-pos-4 { left: 50%; top: 356px; width: 320px; transform: translateX(-50%); }
	.der-ciel__h1 { font-size: 52px; }
	.der-suivre--ciel { flex-basis: 500px; width: 500px; }
}
@media (max-width: 760px) {
	:root { --der-ciel-h: 300px; }
	.der-ciel__lignes--grand { display: none; }
	.der-ciel__lignes--petit { display: block; }
	.der-etoile.der-pos-1, .der-etoile.der-pos-6, .der-etoile.der-pos-7 { display: none; }
	.der-etoile.der-pos-2 { left: 12%; top: 205px; }
	.der-etoile.der-pos-3 { left: 22%; top: 64px; }
	.der-etoile.der-pos-4 { left: 52%; top: 138px; }
	.der-etoile.der-pos-5 { left: 80%; top: 58px; }
	.der-etoile__nom { font-size: 14px; }
	.der-etoile__forme { width: 34px; height: 34px; }
	a.der-etoile::before { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
	.der-etoile.der-pos-2 .der-etoile__nom { left: 4px; transform: none; }
	.der-etoile--jour { width: 184px; height: 184px; }
	.der-etoile__photo { width: 118px; height: 118px; margin: -59px 0 0 -59px; box-shadow: 0 0 0 5px var(--aube), 0 0 0 6px var(--nuit); }
	.der-plaque { width: auto; }
	.der-plaque.der-pos-4 { left: 40%; right: 0; top: 224px; padding: 8px 12px 9px; }
	.der-plaque__rub { margin-bottom: 3px; font-size: 12px; }
	.der-plaque__rub span { display: none; }
	.der-plaque__titre { font-size: 14.5px; line-height: 1.28; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.der-ciel__bas { flex-direction: column; align-items: stretch; gap: 18px; padding: 8px 0 26px; }
	.der-ciel__h1 { font-size: 44px; }
	.der-ciel__devise { font-size: 16px; }
	.der-suivre--ciel { flex: none; width: 100%; }
}
.der-carte { position: relative; display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--nuit); }
.der-carte__photo { position: relative; flex: 1 0 auto; aspect-ratio: 3 / 2; overflow: hidden; background-color: var(--rose-pale); border-bottom: 1px solid var(--nuit); }
.der-carte__photo > img, .der-carte__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-carte__coin { position: absolute; left: 0; top: 0; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; background: var(--aube); border-right: 1px solid var(--nuit); border-bottom: 1px solid var(--nuit); }
.der-carte__etoile { width: 19px; height: 19px; display: block; }
.der-carte__corps { padding: 15px 18px 18px; }
.der-carte__rub { margin: 0 0 6px; font: 700 13px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or-texte); }
.der-carte__titre { margin: 0; font: 700 19px/1.28 var(--der-texte); letter-spacing: -.003em; text-wrap: balance; }
.der-carte__lien { color: var(--nuit); text-decoration: none; }
.der-carte__lien::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.der-carte:hover .der-carte__lien, .der-mini:hover .der-carte__lien, .der-une__grande:hover .der-carte__lien { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-carte__lien:focus-visible { outline: none; }
.der-carte:focus-within, .der-mini:focus-within, .der-une__grande:focus-within { outline: 2px solid var(--rouge); outline-offset: 3px; }
.der-carte__chapo { margin: 9px 0 0; font-size: 15.5px; line-height: 1.55; color: var(--doux); }
.der-carte__meta { margin: 10px 0 0; font: 500 13.5px/1.4 var(--der-texte); color: var(--doux); }
.der-carte--large .der-carte__titre { font-size: 24px; line-height: 1.22; }
.der-carte--large .der-carte__corps { padding: 18px 22px 22px; }
.der-carte--large .der-carte__chapo { font-size: 16px; }
.der-carte--large .der-carte__photo { aspect-ratio: 16 / 10; }
.der-grille { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.der-grille > .der-carte { grid-column: span 2; }
.der-grille > .der-carte--demi { grid-column: span 3; }
.der-grille > .der-carte--pleine { grid-column: 1 / -1; flex-direction: row; }
.der-carte--pleine .der-carte__photo { flex: 0 0 38%; aspect-ratio: auto; min-height: 240px; border-bottom: 0; border-right: 1px solid var(--nuit); }
.der-carte--pleine .der-carte__corps { flex: 1; align-self: center; padding: 24px 32px; }
.der-carte--pleine .der-carte__titre { font-size: 26px; }
.der-js .der-carte--suite:not(.est-visible) { display: none; }
.der-plus { display: none; margin-top: 36px; text-align: center; }
.der-js .der-plus { display: block; }
.der-plus[hidden] { display: none !important; }
.der-plus .der-btn { min-width: 280px; min-height: 52px; }
.der-plus__compte { margin: 12px 0 0; font-size: 14px; color: var(--doux); }
.der-carte--une { flex-direction: row; margin-bottom: 24px; }
.der-carte--une .der-carte__photo { flex: 0 0 56%; aspect-ratio: auto; min-height: 330px; max-height: 380px; border-bottom: 0; border-right: 1px solid var(--nuit); }
.der-carte--une .der-carte__corps { flex: 1; align-self: center; padding: 26px 34px; }
.der-carte--une .der-carte__titre { font-size: 29px; line-height: 1.2; }
.der-carte--une .der-carte__chapo { font-size: 16.5px; }
.der-carte--une .der-carte__rub { font-size: 14px; }
@media (max-width: 1000px) {
	.der-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.der-grille > .der-carte, .der-grille > .der-carte--demi { grid-column: auto; }
	.der-grille > .der-carte--pleine, .der-grille > .der-carte:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.der-carte--une .der-carte__photo { flex-basis: 48%; min-height: 280px; }
}
@media (max-width: 760px) {
	.der-grille { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.der-grille > .der-carte, .der-grille > .der-carte--demi, .der-grille > .der-carte--pleine, .der-grille > .der-carte:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.der-carte--pleine, .der-carte--une { flex-direction: column; }
	.der-carte--pleine .der-carte__photo, .der-carte--une .der-carte__photo { flex: 1 0 auto; aspect-ratio: 3 / 2; min-height: 0; max-height: none; border-right: 0; border-bottom: 1px solid var(--nuit); }
	.der-carte--pleine .der-carte__corps, .der-carte--une .der-carte__corps { padding: 15px 18px 18px; }
	.der-carte--pleine .der-carte__titre, .der-carte--une .der-carte__titre { font-size: 22px; }
}
.der-une { padding: 44px 0 36px; background: var(--aube); }
.der-une__grande { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: center; margin-bottom: 38px; }
.der-une__photo { position: relative; grid-column: 1 / 9; grid-row: 1; aspect-ratio: 11 / 5; background-color: var(--rose-pale); border: 1px solid var(--nuit); }
.der-une__photo::before { content: ""; position: absolute; inset: 20px auto -20px -20px; width: 100%; background: var(--rose); z-index: -1; border: 1px solid var(--nuit); }
.der-une__photo > img, .der-une__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-une__texte { position: relative; z-index: 2; grid-column: 8 / 13; grid-row: 1; padding: 34px 36px 34px; background: var(--nuit); color: var(--aube); }
.der-une__rub { margin: 0 0 12px; font: 700 14px/1.2 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .12em; color: var(--rose); }
.der-une__titre { margin: 0; font: 400 38px/1.12 var(--der-poiret); letter-spacing: .005em; color: var(--aube); text-wrap: balance; }
.der-une__titre .der-carte__lien { color: var(--aube); }
.der-une__chapo { margin: 16px 0 0; font-size: 16px; line-height: 1.55; color: var(--aube); }
.der-une__meta { margin: 16px 0 0; font: 500 13.5px/1.4 var(--der-texte); color: var(--rose); }
.der-une__autres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding-top: 22px; border-top: 1px solid var(--nuit); }
.der-mini { position: relative; display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; align-items: start; }
.der-mini__photo { position: relative; aspect-ratio: 3 / 2; background-color: var(--rose-pale); border: 1px solid var(--nuit); }
.der-mini__photo > img, .der-mini__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-mini__rub { margin: 0 0 4px; font: 700 12.5px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or-texte); }
.der-mini__titre { margin: 0; font: 700 16.5px/1.3 var(--der-texte); }
.der-mini__meta { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--doux); }
@media (max-width: 1100px) {
	.der-une__texte { grid-column: 7 / 13; padding: 26px 26px; }
	.der-une__photo { grid-column: 1 / 8; aspect-ratio: 4 / 3; }
	.der-une__titre { font-size: 34px; }
	.der-une__autres { gap: 20px; }
	.der-mini { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 900px) {
	.der-une__grande { display: block; }
	.der-une__photo { aspect-ratio: 3 / 2; }
	.der-une__photo::before { inset: 12px 0 -12px 12px; width: auto; }
	.der-une__texte { margin: -34px 12px 0 12px; padding: 22px 20px 24px; }
	.der-une__titre { font-size: 32px; }
	.der-une__autres { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 8px; }
	.der-mini { grid-template-columns: 112px minmax(0, 1fr); }
	.der-une { padding: 28px 0 24px; }
}
.der-sec { position: relative; padding: var(--der-sec-pad) 0; border-top: 1px solid var(--nuit); }
.der-fond--aube { background: var(--aube); color: var(--nuit); }
.der-fond--rose { background: var(--rose); color: var(--nuit); }
.der-fond--nuit { background: var(--nuit); color: var(--aube); }
.der-sec__grille { display: grid; grid-template-columns: 40px 280px minmax(0, 1fr); column-gap: 32px; align-items: start; }
.der-sec__rail { position: relative; z-index: 1; align-self: stretch; display: flex; justify-content: center; padding-top: 6px; }
.der-sec__etoile { display: block; width: 28px; height: 28px; position: relative; z-index: 2; }
.der-sec__rail::before, .der-sec__rail::after { content: ""; position: absolute; left: 50%; width: 0; border-left: 1px dotted var(--nuit); }
.der-sec__rail::before { top: calc(-1 * var(--der-sec-pad)); height: calc(var(--der-sec-pad) + 8px); }
.der-sec__rail::after { top: 38px; bottom: calc(-1 * var(--der-sec-pad)); }
.der-sec--premiere .der-sec__rail::before, .der-sec--derniere .der-sec__rail::after { display: none; }
.der-fond--nuit .der-sec__rail::before, .der-fond--nuit .der-sec__rail::after { border-left-color: var(--rose); }
.der-sec__tete { min-width: 0; }
.der-sec__titre { margin: 0; font: 400 46px/1.04 var(--der-poiret); letter-spacing: .005em; color: inherit; }
.der-sec__chapo { margin: 12px 0 0; max-width: 34ch; font-size: 16px; line-height: 1.55; color: inherit; opacity: .92; }
.der-sec__tout { display: inline-block; margin-top: 14px; font: 700 15px/1.35 var(--der-texte); color: var(--rouge); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.der-sec__tout:hover { color: var(--nuit); }
.der-fond--rose .der-sec__tout { color: var(--nuit); }
.der-fond--nuit .der-sec__tout { color: var(--rose); }
.der-fond--nuit .der-sec__tout:hover { color: var(--aube); }
.der-sec__vignette { margin-top: 22px; aspect-ratio: 16 / 9; position: relative; overflow: hidden; background-color: var(--rose-pale); border: 1px solid var(--nuit); }
.der-sec__vignette > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-fond--nuit .der-sec__vignette { border-color: var(--rose); }
.der-sec__corps { min-width: 0; display: grid; gap: 24px; align-items: stretch; }
.der-sec--trio .der-sec__corps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.der-sec--duo .der-sec__corps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.der-sec--liste .der-sec__corps { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.der-sec--liste .der-carte--large { flex-direction: row; }
.der-sec--liste .der-carte--large .der-carte__photo { flex: 0 0 50%; aspect-ratio: auto; min-height: 250px; border-bottom: 0; border-right: 1px solid var(--nuit); }
.der-sec--liste .der-carte--large .der-carte__corps { flex: 1; align-self: center; padding: 22px 28px; }
.der-lignes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; border-bottom: 1px solid var(--nuit); }
.der-ligne:last-child:nth-child(odd) { grid-column: 1 / -1; }
.der-ligne { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: baseline; padding: 15px 0 15px; border-top: 1px solid var(--nuit); }
.der-ligne__date { font: 700 13px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or-texte); }
.der-ligne__titre { font: 700 17.5px/1.32 var(--der-texte); color: var(--nuit); text-decoration: none; }
.der-ligne__titre:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-fond--rose .der-ligne__date { color: var(--nuit); }
.der-fond--rose .der-lignes, .der-fond--rose .der-ligne { border-color: var(--nuit); }
.der-fond--nuit .der-lignes, .der-fond--nuit .der-ligne { border-color: var(--rose); }
.der-fond--nuit .der-ligne__titre { color: var(--aube); }
.der-fond--nuit .der-ligne__date { color: var(--rose); }
@keyframes der-trait-descend { from { clip-path: inset(0 0 60% 0); } to { clip-path: inset(0); } }
@keyframes der-etoile-section { 0% { transform: scale(.75) rotate(-45deg); } 60% { transform: scale(1.25) rotate(8deg); } 100% { transform: none; } }
.der-js .der-sec.est-vu .der-sec__rail::after { animation: der-trait-descend .9s .15s ease-out backwards; }
.der-js .der-sec.est-vu .der-sec__etoile { animation: der-etoile-section .7s ease-out backwards; }
@media (max-width: 1100px) {
	.der-sec__grille { grid-template-columns: 30px minmax(0, 1fr); column-gap: 18px; row-gap: 22px; }
	.der-sec__rail { grid-row: 1 / 3; }
	.der-sec__tete { grid-column: 2; }
	.der-sec__corps { grid-column: 2; }
	.der-sec__vignette { display: none; }
	.der-sec__chapo { max-width: 60ch; }
	.der-sec__titre { font-size: 40px; }
}
@media (max-width: 760px) {
	:root { --der-sec-pad: 36px; }
	.der-sec__titre { font-size: 36px; }
	.der-sec__grille { grid-template-columns: 22px minmax(0, 1fr); column-gap: 14px; }
	.der-sec__etoile { width: 22px; height: 22px; }
	.der-sec__rail::after { top: 32px; }
	.der-sec--trio .der-sec__corps, .der-sec--duo .der-sec__corps, .der-sec--liste .der-sec__corps { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.der-sec .der-carte:not(.der-carte--large) { flex-direction: row; }
	.der-sec .der-carte:not(.der-carte--large) .der-carte__photo { flex: 0 0 38%; aspect-ratio: auto; min-height: 118px; border-bottom: 0; border-right: 1px solid var(--nuit); }
	.der-sec .der-carte:not(.der-carte--large) .der-carte__corps { flex: 1; align-self: center; padding: 12px 14px; }
	.der-sec .der-carte:not(.der-carte--large) .der-carte__titre { font-size: 16.5px; }
	.der-sec .der-carte:not(.der-carte--large) .der-carte__coin { width: 26px; height: 26px; }
	.der-sec .der-carte:not(.der-carte--large) .der-carte__etoile { width: 14px; height: 14px; }
	.der-carte--large .der-carte__titre { font-size: 21px; }
	.der-sec--liste .der-carte--large { flex-direction: column; }
	.der-sec--liste .der-carte--large .der-carte__photo { flex: 1 0 auto; aspect-ratio: 16 / 10; min-height: 0; border-right: 0; border-bottom: 1px solid var(--nuit); }
	.der-lignes { grid-template-columns: minmax(0, 1fr); }
	.der-ligne { grid-template-columns: 70px minmax(0, 1fr); gap: 10px; padding: 12px 0; }
}
.der-rub-tete { background: var(--nuit); color: var(--aube); padding: 28px 0 30px; border-bottom: 1px solid var(--nuit); }
.der-rub-tete__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 470px); gap: 48px; align-items: center; }
.der-rub-tete__texte { min-width: 0; }
.der-rub-tete .der-ariane, .der-rub-tete .der-ariane__ici { color: var(--rose); }
.der-rub-tete .der-ariane a { color: var(--rose); }
.der-rub-tete .der-ariane__ici { color: var(--aube); }
.der-rub-tete__titre { margin: 14px 0 0; font: 400 clamp(44px, 5vw, 68px)/1.02 var(--der-poiret); letter-spacing: .005em; color: var(--aube); }
.der-rub-tete__chapo { margin: 12px 0 0; max-width: 52ch; font-size: 17.5px; line-height: 1.5; color: var(--aube); }
.der-rub-tete__compte { margin: 12px 0 0; font: 700 14px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or); }
.der-rub-tete__ciel { min-width: 0; }
.der-rub-corps { padding: 26px 0 72px; }
.der-liste-corps { padding: 36px 0 72px; }
.der-carte-ciel { display: block; width: 100%; height: auto; max-height: 250px; overflow: visible; }
.der-carte-ciel__cadre { fill: none; stroke: var(--rose); stroke-width: 1; opacity: .75; vector-effect: non-scaling-stroke; }
.der-carte-ciel__grille { stroke: var(--aube); stroke-width: 1; opacity: .13; vector-effect: non-scaling-stroke; }
.der-carte-ciel__trait { stroke: var(--aube); stroke-width: 1; opacity: .5; stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; }
.der-carte-ciel__etoile path { fill: var(--or); stroke: none; }
.der-carte-ciel__etoile text { fill: var(--aube); font: 600 14px var(--der-texte); letter-spacing: .05em; }
.der-carte-ciel__halo { fill: var(--rose); opacity: .22; }
.der-carte-ciel__etoile.est-allumee path { fill: var(--or); stroke: var(--aube); stroke-width: 1; vector-effect: non-scaling-stroke; }
.der-carte-ciel__etoile.est-allumee text { fill: var(--or); font-weight: 800; }
.der-carte-ciel a { cursor: pointer; }
.der-carte-ciel a:hover text { text-decoration: underline; }
.der-carte-ciel a:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px; }
.der-carte-ciel--clair .der-carte-ciel__cadre { stroke: var(--nuit); opacity: 1; }
.der-carte-ciel--clair .der-carte-ciel__grille { stroke: var(--nuit); opacity: .12; }
.der-carte-ciel--clair .der-carte-ciel__trait { stroke: var(--nuit); opacity: .6; }
.der-carte-ciel--clair .der-carte-ciel__etoile path { stroke: var(--nuit); stroke-width: 1; vector-effect: non-scaling-stroke; }
.der-carte-ciel--clair .der-carte-ciel__etoile text { fill: var(--nuit); }
.der-carte-ciel--clair .der-carte-ciel__halo { fill: var(--rose); opacity: .45; }
.der-carte-ciel--clair a:focus-visible { outline-color: var(--rouge); }
@media (max-width: 860px) {
	.der-rub-tete { padding: 20px 0 22px; }
	.der-rub-tete__grille { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.der-rub-tete__titre { font-size: 44px; }
	.der-rub-tete__ciel { max-width: 460px; }
}
.der-ap-tete, .der-au-tete, .der-liste-tete { background: linear-gradient(to bottom, var(--rose) 0, var(--aube) 100%); border-bottom: 1px solid var(--nuit); padding: 34px 0 32px; }
.der-liste-tete__titre, .der-ap-tete__titre, .der-au-tete__titre { margin: 14px 0 0; font: 400 clamp(36px, 4.6vw, 60px)/1.06 var(--der-poiret); letter-spacing: .005em; text-wrap: balance; }
.der-liste-tete__titre { margin-top: 0; }
.der-liste-tete .der-suivre { margin-top: 20px; max-width: 760px; }
.der-liste-tete__compte { margin: 14px 0 0; font: 700 14px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--nuit); }
.der-suivre--page .der-suivre__titre { color: var(--nuit); }
.der-suivre--page { max-width: 760px; }
.der-article { background: var(--aube); overflow-x: clip; }
.der-ouv { position: relative; isolation: isolate; padding: 26px 0 40px; }
.der-ouv__ciel { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 36%; background: linear-gradient(to bottom, var(--rose) 0, var(--aube) 100%); border-bottom: 1px solid var(--nuit); }
.der-ouv__ciel::after { content: ""; position: absolute; top: 40px; right: max(var(--der-marge), calc((100% - 1180px) / 2)); width: 230px; height: 200px; pointer-events: none;
	background: var(--der-etoile-ouv) right 0 top 0 / 132px 132px no-repeat, var(--der-etoile-ouv) left 8px bottom 6px / 40px 40px no-repeat,
		linear-gradient(to bottom right, transparent calc(50% - .6px), rgba(26, 31, 58, .8) 50%, transparent calc(50% + .6px)) 28px 66px / 136px 108px no-repeat; }
.der-ouv__grille, .der-art-zone.der-cadre { width: min(1180px, 100% - 2 * var(--der-marge)); }
.der-ouv__grille { display: grid; grid-template-columns: minmax(0, 1fr) var(--sb-aside-largeur); column-gap: 40px; row-gap: 26px; align-items: start; }
.der-ouv__texte { grid-column: 1; grid-row: 1; min-width: 0; }
.der-ouv__figure { grid-column: 1; grid-row: 2; position: relative; margin: 0; z-index: 0; }
.der-ouv__fiche { grid-column: 2; grid-row: 1 / 3; align-self: end; position: relative; z-index: 3; margin: 0 0 0 -68px; padding: 22px 24px 22px; background: var(--nuit); color: var(--aube); border: 1px solid var(--nuit); }
.der-ouv--sans-photo .der-ouv__fiche { grid-row: 1; align-self: start; margin-left: 0; }
.der-ouv--sans-photo .der-ouv__ciel { bottom: 0; }
.der-ouv__rub { display: flex; align-items: center; gap: 9px; margin: 16px 0 0; font: 700 14px/1.2 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .12em; }
.der-ouv__rub a { color: var(--nuit); text-decoration: none; }
.der-ouv__rub a:hover { text-decoration: underline; text-underline-offset: 4px; }
.der-ouv__etoile { width: 16px; height: 16px; flex: 0 0 16px; }
.der-ouv__titre { margin: 12px 0 0; font: 400 clamp(32px, 4.1vw, 54px)/1.08 var(--der-poiret); letter-spacing: .003em; text-wrap: balance; -webkit-text-stroke: .4px var(--nuit); }
.der-ouv__chapo { margin: 16px 0 0; max-width: 60ch; font-size: 19px; line-height: 1.55; color: var(--nuit); }
.der-ouv__img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border: 1px solid var(--nuit); background: var(--rose-pale); }
.der-ouv__figure::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; background: var(--rose); border: 1px solid var(--nuit); z-index: -1; }
.der-ouv__fiche { display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 18px; align-content: start; }
.der-ouv__fiche > * { grid-column: 1 / -1; }
.der-ouv__fiche .der-ouv__auteur { grid-column: 1; grid-row: 1 / 3; width: 84px; margin: 0 0 18px; }
.der-ouv__fiche .der-ouv__par { grid-column: 2; grid-row: 1; align-self: end; }
.der-ouv__fiche .der-ouv__role { grid-column: 2; grid-row: 2; align-self: start; margin: 3px 0 0; }
.der-ouv__auteur { display: block; text-decoration: none; }
.der-ouv__par { margin: 0; font: 700 18px/1.25 var(--der-texte); color: var(--aube); }
.der-ouv__par a { color: inherit; text-decoration: none; }
.der-ouv__par a:hover { text-decoration: underline; text-underline-offset: 4px; }
.der-ouv__role { margin: 3px 0 0; font-size: 14px; color: var(--rose); }
.der-ouv__date { margin: 0 0 4px; font-size: 14px; line-height: 1.45; color: var(--aube); }
.der-ouv__duree { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--rose); font: 700 13.5px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or); }
.der-ouv .der-ariane { color: var(--nuit); }
.der-art-zone { padding-bottom: 20px; }
.der-art-zone .sb-art-corps { margin-top: 18px; }
@media (max-width: 980px) {
	.der-ouv__fiche { margin-left: -52px; padding: 18px 18px; }
}
@media (max-width: 760px) {
	.der-ouv { padding: 18px 0 30px; }
	.der-ouv__ciel { bottom: 46%; }
	.der-ouv__ciel::after { display: none; }
	.der-ouv__grille { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
	.der-ouv__texte, .der-ouv__figure, .der-ouv__fiche { grid-column: 1; }
	.der-ouv__texte { grid-row: 1; }
	.der-ouv__figure { grid-row: 2; }
	.der-ouv__fiche { grid-row: 3; margin: -44px 14px 0 14px; align-self: stretch; grid-template-columns: 72px minmax(0, 1fr); column-gap: 16px; }
	.der-ouv__fiche .der-ouv__auteur { width: 72px; margin-bottom: 14px; }
	.der-ouv__figure::before { inset: 12px 0 -12px 12px; }
	.der-ouv__img { aspect-ratio: 3 / 2; }
	.der-ouv__chapo { font-size: 17.5px; }
	.der-ouv--sans-photo .der-ouv__fiche { margin: 0; }
}
.der-lire-aussi { background: var(--rose-pale); border-top: 1px solid var(--nuit); padding: 52px 0 64px; }
.der-lire-aussi__tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 26px; }
.der-lire-aussi__titre { font: 400 42px/1.05 var(--der-poiret); letter-spacing: .005em; }
.der-lire-aussi__tout { font: 700 15px/1.3 var(--der-texte); color: var(--rouge); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.der-lire-aussi__tout:hover { color: var(--nuit); }
.der-lire-aussi__cartes { display: grid; gap: 24px; align-items: stretch; }
.der-lire-aussi__cartes--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.der-lire-aussi__cartes--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 860px) {
	.der-lire-aussi { padding: 36px 0 44px; }
	.der-lire-aussi__titre { font-size: 36px; }
	.der-lire-aussi__cartes--3, .der-lire-aussi__cartes--2 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
.der-portrait { position: relative; display: block; width: 100%; aspect-ratio: 3 / 4; background: var(--rose-pale); border: 1px solid var(--nuit); box-shadow: 6px 6px 0 var(--rose); }
.der-portrait::after { content: ""; position: absolute; right: -11px; top: -11px; width: 24px; height: 24px; background: var(--aube) var(--der-etoile-img) center / 20px no-repeat; border: 1px solid var(--nuit); }
.der-portrait__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.der-portrait--symbole { display: grid; place-items: center; }
.der-portrait__symbole { display: block; width: 52px; height: 52px; }
.der-ouv__fiche .der-portrait { box-shadow: 5px 5px 0 var(--rose); border-color: var(--aube); }
.der-ap-tete__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); gap: 48px; align-items: center; }
.der-ap-tete__texte { min-width: 0; }
.der-ap-tete__chapo { margin: 16px 0 0; max-width: 46ch; font-size: 19px; line-height: 1.55; }
.der-ap-tete__ciel { min-width: 0; background: var(--aube); border: 1px solid var(--nuit); padding: 14px; }
.der-ap-corps { padding: 52px 0 40px; }
.der-ap-corps__grille { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.der-ap-corps__texte { min-width: 0; max-width: 760px; }
.der-ap-corps__cote { min-width: 0; }
.der-ap-photo { position: relative; isolation: isolate; aspect-ratio: 4 / 5; margin-bottom: 30px; border: 1px solid var(--nuit); background-color: var(--rose-pale); }
.der-ap-photo::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; background: var(--rose); border: 1px solid var(--nuit); z-index: -1; }
.der-ap-photo > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-ap-charte__titre { margin: 0 0 6px; font: 400 36px/1.1 var(--der-poiret); }
.der-ap-charte { list-style: none; margin: 0; padding: 0; }
.der-ap-charte li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-top: 1px solid var(--nuit); }
.der-ap-charte li:last-child { border-bottom: 1px solid var(--nuit); }
.der-ap-charte__etoile { width: 18px; height: 18px; margin-top: 3px; }
.der-ap-charte strong { display: block; font: 700 16px/1.3 var(--der-texte); }
.der-ap-charte span { display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.5; color: var(--doux); }
.der-ap-rubs__titre { margin-top: 34px; }
.der-ap-rubs { list-style: none; margin: 0; padding: 0; }
.der-ap-rubs li { border-top: 1px solid var(--nuit); }
.der-ap-rubs li:last-child { border-bottom: 1px solid var(--nuit); }
.der-ap-rubs a { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 48px; color: var(--nuit); text-decoration: none; }
.der-ap-rubs a:hover .der-ap-rubs__nom, .der-ap-rubs a:focus-visible .der-ap-rubs__nom { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-ap-rubs .der-ap-charte__etoile { margin-top: 0; }
.der-ap-rubs__nom { font: 700 16px/1.3 var(--der-texte); }
.der-ap-rubs__n { font-size: 14px; color: var(--doux); }
.der-ap-equipe { padding: 44px 0 80px; border-top: 1px solid var(--nuit); background: linear-gradient(to bottom, var(--aube) 0, var(--rose-pale) 100%); }
.der-ap-equipe__titre { margin: 0 0 34px; font: 400 clamp(36px, 4vw, 46px)/1.06 var(--der-poiret); }
.der-equipe { list-style: none; margin: 0; padding: 0; display: grid; gap: 38px 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.der-equipe--1 { grid-template-columns: minmax(0, 300px); }
.der-equipe--2 { grid-template-columns: repeat(2, minmax(0, 300px)); }
.der-equipe--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.der-equipe__fiche { min-width: 0; }
.der-equipe__portrait { display: block; width: 100%; max-width: 220px; margin-bottom: 20px; text-decoration: none; }
.der-equipe__nom { margin: 0; font: 700 21px/1.25 var(--der-texte); }
.der-equipe__nom a { text-decoration: none; }
.der-equipe__nom a:hover { text-decoration: underline; text-underline-offset: 4px; }
.der-equipe__role { margin: 3px 0 0; font: 700 13px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--or-texte); }
.der-equipe__rubs { margin: 12px 0 0; font-size: 15px; line-height: 1.5; }
.der-equipe__rubs span { display: block; color: var(--doux); font-size: 13.5px; }
.der-equipe__rubs a { color: var(--nuit); text-underline-offset: 3px; }
.der-equipe__rubs a:hover { color: var(--rouge); }
.der-equipe__n { margin: 8px 0 0; font-size: 13.5px; color: var(--doux); }
@media (max-width: 960px) {
	.der-ap-tete__grille { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.der-ap-tete__ciel { max-width: 520px; }
	.der-ap-corps__grille { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.der-ap-corps__cote { position: static; max-width: 460px; }
	.der-ap-photo { aspect-ratio: 4 / 3; }
	.der-ap-rubs__titre, .der-ap-rubs { display: none; }
	.der-equipe, .der-equipe--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.der-ap-corps { padding: 36px 0 28px; }
	.der-equipe, .der-equipe--2, .der-equipe--3 { gap: 30px 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.der-equipe__nom { font-size: 18px; }
	.der-ap-equipe { padding: 32px 0 56px; }
}
.der-au-tete__grille { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 44px; align-items: center; }
.der-au-tete__portrait { margin-right: 11px; }
.der-au-tete__texte { min-width: 0; }
.der-au-tete__titre { margin-top: 12px; }
.der-au-tete__role { margin: 12px 0 0; font: 700 14px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .1em; color: var(--nuit); }
.der-au-tete__bio { margin: 14px 0 0; max-width: 62ch; font-size: 17.5px; line-height: 1.55; }
.der-au-tete__rubs { margin: 12px 0 0; font-size: 15.5px; }
.der-au-tete__rubs span { margin-right: 6px; color: var(--doux); }
.der-au-tete__rubs a { color: var(--nuit); text-underline-offset: 3px; }
.der-au-tete__rubs a:hover { color: var(--rouge); }
@media (max-width: 700px) {
	.der-au-tete__grille { grid-template-columns: 110px minmax(0, 1fr); gap: 20px; align-items: start; }
	.der-au-tete__portrait { margin-right: 8px; }
	.der-au-tete__bio { grid-column: 1 / -1; }
	.der-au-tete .der-portrait { box-shadow: 5px 5px 0 var(--rose); }
	.der-au-tete__titre { font-size: 34px; }
}
.der-champs-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.der-form p.der-champ { margin: 0 0 12px; }
.der-form__confirmation[hidden], .der-form__corps[hidden], .der-form__erreur[hidden] { display: none; }
.der-form__corps.est-envoi { opacity: .6; pointer-events: none; }
.der-form__titre { margin: 0 0 8px; }
.der-form--colonne { margin: 0; }
.der-form--colonne .der-form__confirmation { padding: 10px 12px; font-size: 14.5px; }
.der-ct { background: linear-gradient(to bottom, var(--rose) 0, var(--aube) 100%); border-bottom: 1px solid var(--nuit); padding: 28px 0 44px; }
.der-ct__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 64px; align-items: start; }
.der-ct__texte { min-width: 0; }
.der-ct__titre { margin: 14px 0 0; font: 400 clamp(36px, 4.4vw, 58px)/1.06 var(--der-poiret); }
.der-ct__chapo { margin: 14px 0 0; max-width: 46ch; font-size: 18px; line-height: 1.55; }
.der-ct__photo { position: relative; isolation: isolate; margin: 26px 12px 0 0; aspect-ratio: 16 / 7; max-width: 560px; border: 1px solid var(--nuit); background-color: var(--rose-pale); }
.der-ct__photo::before { content: ""; position: absolute; inset: 12px -12px -12px 12px; background: var(--rose); border: 1px solid var(--nuit); z-index: -1; }
.der-ct__photo > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-ct__panneau { position: relative; margin-top: 40px; padding: 26px 28px 28px; background: var(--nuit); color: var(--aube); }
.der-ct__panneau::before { content: ""; position: absolute; left: 0; top: -17px; width: 34px; height: 34px; background: var(--aube) var(--der-etoile-img) center / 22px no-repeat; border: 1px solid var(--nuit); }
.der-ct__panneau-titre { margin: 0 0 16px; padding-left: 28px; font: 400 32px/1.1 var(--der-poiret); color: var(--aube); }
.der-ct__panneau .der-champ label { color: var(--aube); }
.der-ct__panneau .der-btn--plein { width: 100%; background: var(--rose); border-color: var(--rose); color: var(--nuit); min-height: 50px; }
.der-ct__panneau .der-btn--plein:hover { background: var(--aube); border-color: var(--aube); color: var(--nuit); }
.der-ct__panneau .der-form__confirmation { background: var(--aube); border-color: var(--aube); color: var(--nuit); }
.der-ct__panneau .der-form__erreur { color: var(--rose); }
.der-ct__panneau textarea { min-height: 96px; }
@media (max-width: 960px) {
	.der-ct__grille { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 40px; }
}
@media (max-width: 760px) {
	.der-ct { padding: 18px 0 30px; }
	.der-ct__grille { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.der-ct__titre { font-size: 36px; margin-top: 8px; }
	.der-ct .der-ariane { display: none; }
	.der-ct__chapo { margin-top: 8px; font-size: 16px; line-height: 1.45; }
	.der-ct__photo { display: none; }
	.der-ct__panneau { margin-top: 12px; padding: 20px 16px 20px; }
	.der-ct__panneau-titre { margin-bottom: 10px; font-size: 32px; }
	.der-ct__panneau .der-champs-duo { grid-template-columns: minmax(0, 1fr); }
	.der-ct__panneau .der-champ { margin-bottom: 8px; }
	.der-ct__panneau .der-champ label { margin-bottom: 3px; }
	.der-ct__panneau input[type="text"], .der-ct__panneau input[type="email"] { min-height: 42px; }
	.der-ct__panneau textarea { min-height: 70px; }
}
@media (max-width: 760px) {
	.der-suivre__champs { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
	.der-suivre__mot { grid-column: 1 / -1; border-right: 1px solid var(--nuit) !important; }
	.der-suivre .der-suivre__rub { flex: none; width: 100% !important; margin-top: -1px; }
	.der-suivre__bouton { margin-top: -1px; min-height: 48px; }
}
.der-404 { background: linear-gradient(to bottom, var(--rose) 0, var(--aube) 100%); border-bottom: 1px solid var(--nuit); padding: 48px 0 72px; }
.der-404__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: 64px; align-items: center; }
.der-404__titre { font: 400 clamp(38px, 5vw, 64px)/1.05 var(--der-poiret); text-wrap: balance; }
.der-404__chapo { margin: 18px 0 26px; max-width: 46ch; font-size: 18px; line-height: 1.55; }
.der-404__ciel { position: relative; isolation: isolate; min-width: 0; padding-bottom: 20px; }
.der-404__photo { position: relative; aspect-ratio: 16 / 9; border: 1px solid var(--nuit); background-color: var(--rose); }
.der-404__photo > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-404__ciel > .der-carte-ciel { position: relative; z-index: 2; width: calc(100% - 56px); margin: -60px 0 0 56px; padding: 14px; background: var(--nuit); border: 1px solid var(--nuit); }
@media (max-width: 860px) {
	.der-404 { padding: 30px 0 48px; }
	.der-404__grille { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.der-404__ciel > .der-carte-ciel { width: calc(100% - 24px); margin-left: 24px; margin-top: -40px; }
}
.der-burger__barres::after { content: ""; position: absolute; left: 0; right: 0; top: 2px; height: 2px; background: var(--nuit); transition: opacity .15s ease; }
.der-entete.is-menu .der-burger__barres { border-color: transparent; }
.der-entete.is-menu .der-burger__barres::before, .der-entete.is-menu .der-burger__barres::after { content: ""; position: absolute; left: -1px; right: -1px; top: 2px; height: 2px; background: var(--nuit); }
.der-entete.is-menu .der-burger__barres::before { transform: rotate(45deg); }
.der-entete.is-menu .der-burger__barres::after { transform: rotate(-45deg); }
@media (max-width: 960px) {
	.der-js .der-entete.is-menu { max-height: 100vh; overflow-y: auto; }
	.der-js .der-burger { margin-left: auto; }
	.der-js .der-entete__barre { flex-wrap: wrap; }
}
.der-ciel__cadre { position: relative; }
.der-404__texte { min-width: 0; }
.der-burger__texte { line-height: 1; }
.der-mini__corps { min-width: 0; }
.der-liste-tete--recherche { padding-bottom: 38px; }
.der-pied { position: relative; }
.der-sec__tout-fin { white-space: nowrap; }
.der-portrait--equipe { max-width: 220px; }
.der-portrait--fiche { max-width: 220px; }
.der-form__erreur { font-size: 15px; }
a.der-etoile { --f: 40px; --n: 15px; width: auto; height: auto; padding: 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; transform: translate(-50%, calc(-6px - var(--f) / 2)); }
a.der-etoile.der-etoile--nom-haut { flex-direction: column-reverse; transform: translate(-50%, calc(-12px - var(--n) - var(--f) / 2)); }
a.der-etoile .der-etoile__nom { position: static; left: auto; top: auto; bottom: auto; transform: none; display: block; }
a.der-etoile::before { top: calc(6px + var(--f) / 2); }
a.der-etoile.der-etoile--nom-haut::before { top: calc(12px + var(--n) + var(--f) / 2); }
@media (max-width: 760px) {
	a.der-etoile { --f: 34px; --n: 14px; }
	.der-etoile.der-pos-2 .der-etoile__nom { left: auto; transform: none; }
	.der-ct__grille { gap: 14px; }
	.der-ct__texte { display: contents; }
	.der-ct__panneau { order: 1; }
	.der-ct__photo { display: block; order: 2; margin: 18px 12px 0 0; }
}
.der-ap-corps__grille { grid-template-columns: minmax(0, 1fr) 400px; gap: 40px; }
.der-ap-corps__texte { max-width: none; }
@media (max-width: 1100px) and (min-width: 961px) { .der-ap-corps__grille { grid-template-columns: minmax(0, 1fr) 320px; } }
@media (max-width: 960px) { .der-ap-corps__grille { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 1101px) { :root { --der-ciel-h: 380px; } }
.der-une__etoile path { fill: var(--or); stroke: var(--nuit); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.der-une { padding: 14px 0 38px; }
.der-une__bandeau { display: flex; align-items: center; gap: 12px; padding: 0 0 12px; margin: 0 0 22px; border-bottom: 1px solid var(--nuit); }
.der-une__etoile { display: block; width: 18px; height: 18px; flex: 0 0 18px; }
.der-une__mot { margin: 0; font: 700 16px/1.2 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .12em; color: var(--nuit); }
.der-une__jour { margin: 0 0 0 auto; font: 500 15px/1.2 var(--der-texte); color: var(--nuit); }
.der-une__grille { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 40px; align-items: start; }
.der-une__principal { min-width: 0; }
.der-une__grande { margin-bottom: 26px; }
.der-une__photo { aspect-ratio: 16 / 9; }
.der-une__texte { padding: 26px 28px 26px; }
.der-une__titre { font-size: 33px; line-height: 1.12; }
.der-une__chapo { margin-top: 12px; font-size: 15.5px; line-height: 1.5; }
.der-une__meta { margin-top: 12px; }
.der-une__autres { padding-top: 18px; gap: 24px; }
.der-minute { min-width: 0; border-left: 1px solid var(--nuit); padding-left: 28px; margin-left: -12px; }
.der-minute__titre { margin: 0 0 6px; font: 400 34px/1.05 var(--der-poiret); color: var(--nuit); }
.der-minute__liste { list-style: none; margin: 0; padding: 0; counter-reset: minute; }
.der-minute__item { position: relative; counter-increment: minute; display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 10px; padding: 11px 0 12px; border-top: 1px solid var(--trait); }
.der-minute__item:first-child { border-top-color: var(--nuit); }
.der-minute__item::before { content: counter(minute); grid-row: 1 / 3; font: 400 34px/1 var(--der-poiret); color: var(--or-texte); -webkit-text-stroke: .3px var(--or-texte); }
.der-minute__quand { margin: 0 0 3px; font: 700 12.5px/1.3 var(--der-texte); font-variant-caps: all-small-caps; letter-spacing: .08em; color: var(--or-texte); }
.der-minute__quand span { color: var(--doux); }
.der-minute__lien { font: 700 15.5px/1.32 var(--der-texte); color: var(--nuit); text-decoration: none; }
.der-minute__lien::after { content: ""; position: absolute; inset: 0; }
.der-minute__item:hover .der-minute__lien { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.der-minute__item:focus-within { outline: 2px solid var(--rouge); outline-offset: 2px; }
.der-minute__lien:focus-visible { outline: none; }
@media (max-width: 1100px) {
	.der-une__grille { grid-template-columns: minmax(0, 1fr); row-gap: 30px; }
	.der-minute { border-left: 0; padding-left: 0; margin-left: 0; border-top: 1px solid var(--nuit); padding-top: 18px; }
	.der-minute__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
	.der-minute__item:nth-child(2) { border-top-color: var(--nuit); }
}
@media (max-width: 760px) {
	.der-une { padding-top: 12px; }
	.der-une__bandeau { margin-bottom: 16px; }
	.der-une__jour { font-size: 14px; }
	.der-une__titre { font-size: 32px; }
	.der-minute__liste { grid-template-columns: minmax(0, 1fr); }
	.der-minute__item:nth-child(2) { border-top-color: var(--trait); }
}
.der-fond--nuit .der-mini__titre .der-carte__lien { color: var(--aube); }
.der-fond--nuit .der-mini__rub, .der-fond--nuit .der-mini__meta { color: var(--rose); }
.der-fond--nuit .der-mini__photo { border-color: var(--rose); }
.der-tuile { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; min-height: 416px; border: 1px solid var(--nuit); background: var(--rose-pale); }
.der-tuile__photo { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.der-tuile__photo > img, .der-tuile__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-tuile__plaque { position: relative; width: min(82%, 470px); padding: 20px 24px 20px; background: var(--nuit); color: var(--aube); border-top: 3px solid var(--or); }
.der-tuile__titre { margin: 0; font: 700 24px/1.24 var(--der-texte); text-wrap: balance; }
.der-tuile__titre .der-carte__lien { color: inherit; }
.der-tuile__chapo { margin: 10px 0 0; font-size: 15.5px; line-height: 1.5; color: inherit; }
.der-tuile__meta { margin: 10px 0 0; font: 500 13.5px/1.4 var(--der-texte); color: var(--rose); }
.der-tuile:hover .der-carte__lien { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-tuile:focus-within { outline: 2px solid var(--rouge); outline-offset: 3px; }
.der-fond--nuit .der-tuile { border-color: var(--rose); }
.der-fond--nuit .der-tuile__plaque { background: var(--aube); color: var(--nuit); }
.der-fond--nuit .der-tuile__meta { color: var(--doux); }
.der-sec--mosaique .der-sec__corps { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; }
.der-mosaique__cote { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 24px; min-width: 0; }
.der-carte--couchee { flex-direction: row; }
.der-carte--couchee .der-carte__photo { flex: 0 0 44%; aspect-ratio: auto; min-height: 196px; border-bottom: 0; border-right: 1px solid var(--nuit); }
.der-carte--couchee .der-carte__corps { flex: 1; align-self: center; padding: 16px 18px; }
.der-carte--couchee .der-carte__titre { font-size: 18px; }
.der-sec--affiche .der-sec__grille { grid-template-columns: 40px minmax(0, 1fr); row-gap: 26px; }
.der-sec--affiche .der-sec__rail { grid-row: 1 / 3; }
.der-sec--affiche .der-sec__tete { grid-column: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 32px; padding-bottom: 18px; border-bottom: 1px solid var(--rose); }
.der-sec--affiche .der-sec__chapo { margin: 0; max-width: 60ch; flex: 1 1 320px; }
.der-sec--affiche .der-sec__tout { margin: 0; }
.der-sec--affiche .der-sec__corps { grid-column: 2; grid-row: 2; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.der-sec--affiche .der-tuile { min-height: 0; aspect-ratio: 16 / 9; }
.der-affiche__cote { display: grid; min-width: 0; }
.der-affiche__cote .der-mini { padding: 18px 0; border-top: 1px solid var(--rose); }
.der-affiche__cote .der-mini:first-child { padding-top: 0; border-top: 0; }
.der-classement { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; border-top: 1px solid var(--nuit); }
.der-rang { position: relative; display: grid; grid-template-columns: 52px 132px minmax(0, 1fr); gap: 16px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--nuit); }
.der-rang__n { font: 400 60px/1 var(--der-poiret); color: var(--or-texte); text-align: center; -webkit-text-stroke: .4px var(--or-texte); }
.der-rang__photo { position: relative; aspect-ratio: 3 / 2; background-color: var(--rose-pale); border: 1px solid var(--nuit); box-shadow: 6px 6px 0 var(--rose); }
.der-rang__photo > img, .der-rang__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.der-rang__corps { min-width: 0; }
.der-rang__titre { margin: 0; font: 700 18px/1.3 var(--der-texte); }
.der-rang__meta { margin: 6px 0 0; font-size: 13.5px; line-height: 1.4; color: var(--doux); }
.der-rang:hover .der-carte__lien { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.der-rang:focus-within { outline: 2px solid var(--rouge); outline-offset: 3px; }
@media (max-width: 1100px) {
	.der-sec--affiche .der-sec__grille { grid-template-columns: 30px minmax(0, 1fr); }
	.der-sec--affiche .der-sec__corps { grid-template-columns: minmax(0, 1fr); }
	.der-affiche__cote { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
	.der-affiche__cote .der-mini { padding: 0; border-top: 0; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
	.der-sec--affiche .der-sec__grille { grid-template-columns: 22px minmax(0, 1fr); }
	.der-sec--mosaique .der-sec__corps, .der-sec--affiche .der-sec__corps { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.der-tuile, .der-sec--affiche .der-tuile { min-height: 0; aspect-ratio: auto; display: block; border: 0; background: none; }
	.der-tuile__photo { position: relative; inset: auto; z-index: 0; aspect-ratio: 3 / 2; border: 1px solid var(--nuit); }
	.der-fond--nuit .der-tuile__photo { border-color: var(--rose); }
	.der-tuile__plaque { width: auto; margin: -34px 12px 0; padding: 16px 18px; }
	.der-tuile__titre { font-size: 21px; }
	.der-mosaique__cote { grid-template-rows: none; gap: 16px; }
	.der-carte--couchee .der-carte__photo { min-height: 118px; flex-basis: 38%; }
	.der-affiche__cote { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.der-affiche__cote .der-mini { grid-template-columns: 112px minmax(0, 1fr); padding: 14px 0; border-top: 1px solid var(--rose); }
	.der-affiche__cote .der-mini:first-child { padding-top: 14px; }
	.der-classement { grid-template-columns: minmax(0, 1fr); }
	.der-rang { grid-template-columns: 40px 104px minmax(0, 1fr); gap: 12px; padding: 16px 0; }
	.der-rang__n { font-size: 44px; }
	.der-rang__photo { box-shadow: 4px 4px 0 var(--rose); }
	.der-rang__titre { font-size: 16.5px; }
}
.der-portrait__cadre { position: absolute; inset: 0; overflow: hidden; display: block; }
.der-portrait--pied .der-portrait__img { transform: scale(2.8); transform-origin: 52% 18%; object-position: 50% 0; }
.sb-auteur-photo:has(> img.sb-avatar[src*="camille.fischer"]) { width: 132px; height: 176px; overflow: hidden; border: 1px solid var(--nuit); box-shadow: 6px 6px 0 var(--rose); background: var(--rose-pale); }
.sb-auteur-photo > img.sb-avatar[src*="camille.fischer"] { display: block; width: 100%; height: 100%; border: 0; box-shadow: none; object-position: 50% 0; transform: scale(2.8); transform-origin: 52% 18%; }
@media (max-width: 760px) { .sb-auteur-photo:has(> img.sb-avatar[src*="camille.fischer"]) { width: 84px; height: 112px; } }
.sb-faq-liste { gap: 0; border-top: 1px solid var(--nuit); }
.sb-faq-carte, .sb-texte .sb-faq-carte { border: 0; border-bottom: 1px solid var(--nuit); background: transparent; padding: 0; }
.sb-faq-carte[open] { background: transparent; }
.sb-faq-carte summary { display: grid; grid-template-columns: minmax(0, 1fr) 26px; gap: 18px; align-items: center; min-height: 58px; padding: 14px 4px 14px 22px; position: relative; font: 700 17px/1.4 var(--der-texte); color: var(--nuit); }
.sb-faq-carte summary::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; background: var(--rose); transition: background-color .15s ease; }
.sb-faq-carte summary::after { content: ""; width: 24px; height: 24px; background: var(--der-etoile-img) center / 24px no-repeat; transition: transform .25s ease; }
.sb-faq-carte[open] summary::after { content: ""; transform: rotate(45deg); }
.sb-faq-carte[open] summary::before, .sb-faq-carte summary:hover::before { background: var(--or); }
.sb-faq-carte summary:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.sb-faq-carte > p, .sb-faq-carte > div { margin: 0 0 18px; padding: 16px 22px 18px; background: var(--rose-pale); border-left: 3px solid var(--or); color: var(--nuit); font: 400 16.5px/1.62 var(--der-texte); }
.sb-faq-carte > p + p { margin-top: -18px; padding-top: 0; }
.sb-texte .sb-lead-titre { background: none; text-decoration: underline; text-decoration-color: var(--or); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.der-sources-tableau .sb-compare-case, .der-sources-tableau a, .sb-sources a, .sb-sources li { overflow-wrap: anywhere; }
.der-sources-tableau .sb-compare-ligne > *, .der-sources-tableau .sb-compare-tete > * { min-width: 0; }
.der-sources-tableau .sb-compare-case { font-size: 14px; color: var(--doux); }
.sb-texte .sb-cards.der-habit--filet, .sb-texte .sb-panneau.der-habit--filet, .sb-encadre-essentiel.der-habit--filet, .sb-encadre-pratique.der-habit--filet {
	background: transparent; border: 0; border-left: 2px solid var(--nuit); padding-left: 22px; padding-right: 0; }
.sb-texte .sb-cards.der-habit--filet > li + li { border-top-color: var(--trait); }
.sb-texte .sb-cards.der-habit--aube, .sb-texte .sb-panneau.der-habit--aube, .sb-encadre-essentiel.der-habit--aube, .sb-encadre-pratique.der-habit--aube {
	background: #fff; border: 1px solid var(--nuit); border-top: 3px solid var(--or); box-shadow: 8px 8px 0 var(--rose-moyen); margin-right: 8px; }
.sb-texte .sb-panneau.der-habit--rose { background: var(--rose-pale); border: 1px solid var(--nuit); border-left: 4px solid var(--nuit); }
.sb-encadre-cle .der-habit--filet, .sb-encadre-cle .der-habit--aube { border: 0; box-shadow: none; background: none; padding-left: 0; margin-right: 0; }
@media (max-width: 760px) {
	.sb-texte .sb-cards.der-habit--aube, .sb-texte .sb-panneau.der-habit--aube { box-shadow: 5px 5px 0 var(--rose-moyen); margin-right: 5px; }
	.sb-texte .sb-panneau { padding-left: 18px; padding-right: 18px; }
	.sb-texte .sb-panneau.der-habit--filet { padding-left: 16px; padding-right: 0; }
}
.der-tuile__titre { color: inherit; }
@media (max-width: 760px) {
	.sb-texte .sb-compare:not(.sb-compare--lignes) { grid-template-columns: minmax(0, 1fr); }
}
.der-logo__img--symbole { height: 34px; width: 34px; }
.der-logo__mot { margin-left: 4px; font: 400 27px/1 var(--der-poiret); letter-spacing: .005em; color: var(--nuit); white-space: nowrap; }
@media (max-width: 760px) { .der-logo__img--symbole { height: 28px; width: 28px; } .der-logo__mot { font-size: 22px; } }
.der-logo, .der-logo:hover, .der-logo:focus { text-decoration: none; } .der-logo:hover .der-logo__mot { color: var(--nuit); }


.der-fil { background: var(--nuit); color: var(--aube); border-bottom: 1px solid var(--or); }
.der-fil__barre { display: flex; align-items: stretch; gap: 0; min-height: 44px; }
.der-fil__etiquette { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 18px 0 0; font: 700 13px/1 var(--der-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--rose); border-right: 1px solid color-mix(in srgb, var(--aube) 28%, var(--nuit)); }
.der-fil__point { width: 8px; height: 8px; background: var(--rouge); border-radius: 50%; box-shadow: 0 0 0 2px color-mix(in srgb, var(--rouge) 40%, transparent); animation: der-fil-pouls 2s ease-in-out infinite; }
.der-fil__fenetre { flex: 1 1 auto; min-width: 0; overflow: hidden; position: relative; }
.der-fil__piste { display: flex; width: max-content; height: 100%; animation: der-fil-defile var(--der-fil-duree, 90s) linear infinite; }
.der-fil__fenetre:hover .der-fil__piste, .der-fil__fenetre:focus-within .der-fil__piste { animation-play-state: paused; }
.der-fil__liste { display: flex; align-items: center; flex: 0 0 auto; margin: 0; padding: 0; list-style: none; }
.der-fil__item { display: flex; align-items: center; gap: 10px; white-space: nowrap; padding-left: 20px; font: 400 15px/1 var(--der-texte); }
.der-fil__heure { font-weight: 700; color: var(--or); font-variant-numeric: tabular-nums; }
.der-fil__rub { font: 700 12px/1 var(--der-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--rose); }
.der-fil__lien { color: var(--aube); text-decoration: none; padding: 12px 0; }
.der-fil__lien:hover, .der-fil__lien:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.der-fil__sep { display: inline-flex; padding-left: 10px; }
.der-fil__etoile { width: 12px; height: 12px; fill: var(--or); }
@keyframes der-fil-defile { to { transform: translateX(-50%); } }
@keyframes der-fil-pouls { 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--rouge) 0%, transparent); } }
@media (prefers-reduced-motion: reduce) {
	.der-fil__fenetre { overflow-x: auto; }
	.der-fil__piste { animation: none; }
	.der-fil__liste[aria-hidden="true"] { display: none; }
	.der-fil__point { animation: none; }
}
@media (max-width: 760px) {
	.der-fil__barre { min-height: 40px; }
	.der-fil__etiquette { padding-right: 12px; font-size: 11px; }
	.der-fil__rub { display: none; }
	.der-fil__item { font-size: 14px; }
}
.der-flux { padding: 44px 0 48px; background: var(--aube); border-top: 1px solid var(--nuit); }
.der-flux__tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin-bottom: 26px; }
.der-flux__titre { margin: 0; font: 400 38px/1.1 var(--der-poiret); color: var(--nuit); }
.der-flux__maj { margin: 0; font: 400 15px/1.4 var(--der-texte); color: var(--doux); }
.der-flux__jours { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; align-items: start; }
.der-flux__jour { min-width: 0; }
.der-flux__date { margin: 0; padding: 10px 0; font: 700 14px/1.2 var(--der-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--rouge); border-bottom: 1px solid var(--nuit); }
.der-flux__liste { list-style: none; margin: 0 0 26px; padding: 0; }
.der-flux__ligne { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--trait); }
.der-flux__heure { font: 700 16px/1.45 var(--der-texte); color: var(--or-texte); font-variant-numeric: tabular-nums; white-space: nowrap; }
.der-flux__corps { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.der-flux__rub { font: 700 12px/1.2 var(--der-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--doux); text-decoration: none; }
.der-flux__rub:hover { color: var(--rouge); }
.der-flux__lien { font: 600 18px/1.35 var(--der-texte); color: var(--nuit); text-decoration: none; text-wrap: balance; }
.der-flux__lien:hover, .der-flux__lien:focus-visible { color: var(--rouge); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
	.der-flux__jours { grid-template-columns: minmax(0, 1fr); }
	.der-flux__titre { font-size: 32px; }
	.der-flux { padding: 32px 0 28px; }
}
@media (max-width: 480px) { .der-flux__ligne { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; } .der-flux__lien { font-size: 17px; } }