@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:100 900;font-display:swap;src:url(/consultation/polices/bodoni-moda-latin-wght-normal.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:'Bodoni Moda';font-style:normal;font-weight:100 900;font-display:swap;src:url(/consultation/polices/bodoni-moda-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:100 900;font-display:swap;src:url(/consultation/polices/bodoni-moda-latin-wght-italic.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:'Bodoni Moda';font-style:italic;font-weight:100 900;font-display:swap;src:url(/consultation/polices/bodoni-moda-latin-ext-wght-italic.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Dm Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/consultation/polices/dm-sans-latin-wght-normal.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:'Dm Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/consultation/polices/dm-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Ibm Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/consultation/polices/ibm-plex-mono-latin-400-normal.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:'Ibm Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/consultation/polices/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Ibm Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/consultation/polices/ibm-plex-mono-latin-500-normal.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:'Ibm Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/consultation/polices/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
:root{
  --papier:#F3EFE8; --lin:#FBF9F4; --sable:#E7DBCB; --encre:#17171B; --gris:#625D56;
  --sienne:#B4502B; --sienne-fonce:#8F3C1C; --cabinet:#26435A; --nuit:#12212D; --laiton:#C9A55E; --filet:#D6CCBD;
  --titre:'Bodoni Moda',Didot,'Times New Roman',serif; --texte:'Dm Sans',system-ui,sans-serif; --note:'Ibm Plex Mono',ui-monospace,monospace;
  --haut:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--encre);font:400 17px/1.68 var(--texte);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--cabinet);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--sienne)}
h1,h2,h3,h4{font-family:var(--titre);font-weight:500;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5.6vw,4.4rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
h3{font-size:1.32rem}
p{margin:0 0 1.1em}
em{font-style:italic}
.enveloppe{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.etroit{width:min(740px,calc(100% - 40px));margin-inline:auto}
.passer{position:absolute;left:-999px;top:0;background:var(--encre);color:#fff;padding:10px 16px;z-index:99}
.passer:focus{left:10px;top:10px}
.etiquette{font:500 12px/1.3 var(--note);letter-spacing:.12em;text-transform:uppercase;color:var(--sienne);margin:0 0 14px;display:flex;gap:10px;align-items:center}
.etiquette::before{content:"";width:28px;height:1px;background:currentColor}


.entete{position:sticky;top:0;z-index:50;background:var(--papier);border-bottom:1px solid var(--encre);box-shadow:0 3px 0 var(--papier),0 4px 0 var(--encre)}
.entete .piste{display:flex;align-items:center;gap:26px;min-height:var(--haut)}
.marque{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--encre);margin-right:auto}
.marque .psi{width:42px;height:42px;border:1.5px solid var(--encre);border-radius:50%;display:grid;place-items:center;font:500 25px/1 var(--titre);color:var(--sienne)}
.marque b{font:500 1.22rem/1 var(--titre);letter-spacing:-.01em}
.marque small{display:block;font:400 10.5px/1.3 var(--note);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-top:4px}
.menu-case{position:absolute;opacity:0;pointer-events:none}
.menu-bouton{display:none;width:44px;height:44px;border:1px solid var(--encre);border-radius:50%;cursor:pointer;align-items:center;justify-content:center}
.menu-bouton i,.menu-bouton i::before,.menu-bouton i::after{display:block;width:18px;height:1.5px;background:var(--encre);position:relative;content:""}
.menu-bouton i::before{position:absolute;top:-6px}.menu-bouton i::after{position:absolute;top:6px}
.onglets{display:flex;align-items:center;gap:4px}
.onglets>a,.onglets .groupe>a{font:500 12px/1 var(--note);letter-spacing:.08em;text-transform:uppercase;color:var(--encre);text-decoration:none;padding:12px 10px;display:block;border-bottom:2px solid transparent}
.onglets>a:hover,.onglets .groupe>a:hover,.onglets [aria-current]{color:var(--sienne);border-bottom-color:var(--sienne)}
.groupe{position:relative}
.groupe>div{position:absolute;left:-14px;top:100%;min-width:300px;background:var(--lin);border:1px solid var(--encre);padding:10px;display:none;box-shadow:6px 6px 0 var(--sable)}
.groupe:hover>div,.groupe:focus-within>div{display:block}
.groupe>div a{display:block;padding:9px 12px;text-decoration:none;color:var(--encre);font-size:15px;line-height:1.3}
.groupe>div a small{display:block;font:400 11px/1.3 var(--note);color:var(--gris);margin-top:2px}
.groupe>div a:hover{background:var(--sable);color:var(--encre)}


.porte{--v:var(--sienne);display:inline-flex;align-items:center;gap:14px;background:var(--encre);color:#fff;text-decoration:none;padding:13px 20px 13px 15px;position:relative;overflow:hidden;font:600 15px/1 var(--texte);letter-spacing:.01em;border-radius:2px;isolation:isolate;box-shadow:4px 4px 0 var(--laiton);transition:transform .25s,box-shadow .25s}
.porte:hover{color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--laiton)}
.porte .cadre{width:22px;height:31px;border:2px solid var(--laiton);border-bottom-width:3px;border-radius:11px 11px 0 0;position:relative;perspective:90px;flex:none;background:radial-gradient(circle at 50% 80%,#F8D9A0,#E8A94E 70%)}
.porte .cadre::before{content:"";position:absolute;inset:0;background:var(--v);border-radius:9px 9px 0 0;transform-origin:left center;transition:transform .55s cubic-bezier(.3,.7,.3,1)}
.porte:hover .cadre::before,.porte:focus-visible .cadre::before{transform:rotateY(-78deg)}
.porte .cadre::after{content:"";position:absolute;right:3px;top:17px;width:3px;height:3px;border-radius:50%;background:#fff;z-index:2;transition:opacity .3s}
.porte:hover .cadre::after{opacity:0}
.porte::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#F6C57A 45%,#fff 50%,#F6C57A 55%,transparent);background-size:60% 100%;background-repeat:no-repeat;animation:seuil 3.4s ease-in-out infinite}
@keyframes seuil{0%{background-position:-70% 0}60%,100%{background-position:170% 0}}
.porte--bref{padding:11px 16px 11px 12px;font-size:14px;box-shadow:3px 3px 0 var(--laiton)}
.porte--clair{background:var(--papier);color:var(--encre)}
.porte--clair:hover{color:var(--encre)}
.porte--haut{box-shadow:none;margin-left:6px}
.porte--haut:hover{box-shadow:none;transform:none}
.mention{font-size:13px;line-height:1.5;color:var(--gris);margin:14px 0 0;max-width:46ch}
.mention a{color:inherit}
.sur-fond .mention{color:#C8C2B6}.sur-fond .mention a{color:#fff}


.seuil{position:relative;background:var(--nuit);color:var(--papier);overflow:hidden}
.seuil>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.seuil::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,33,45,.96) 0,rgba(18,33,45,.86) 38%,rgba(18,33,45,.25) 78%,rgba(18,33,45,.1))}
.seuil .enveloppe{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:end;padding:clamp(70px,11vw,150px) 0 0}
.seuil h1{color:#fff;margin-bottom:.35em}
.seuil h1 em{color:#F0B48E;font-weight:400}
.seuil .chapeau{font-size:1.2rem;color:#E4DED2;max-width:36em}
.seuil .etiquette{color:#F0B48E}
.seuil .actions{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;margin:28px 0 56px}
.seuil .lien-nu{color:#fff;font:500 13px var(--note);letter-spacing:.08em;text-transform:uppercase}
.rdv{--c:var(--papier);background:var(--c);color:var(--encre);padding:26px 26px 22px;position:relative;margin-bottom:-1px;align-self:end;
 -webkit-mask:radial-gradient(circle 11px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat}
.rdv .t{font:500 11px var(--note);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 6px}
.rdv .p{font:500 3rem/1 var(--titre);margin:0}
.rdv .p small{font:400 .95rem var(--texte);color:var(--gris);margin-left:6px}
.rdv ul{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px dashed var(--encre);font-size:15px}
.rdv li{padding:3px 0 3px 22px;position:relative}
.rdv li::before{content:"";position:absolute;left:0;top:.72em;width:11px;height:1.5px;background:var(--sienne)}


.frontispice{background:var(--sable);border-bottom:1px solid var(--encre)}
.frontispice .enveloppe{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(38px,6vw,76px) 0}
.frontispice.sans-image .enveloppe{grid-template-columns:minmax(0,1fr)}
.frontispice .chapeau{font-size:1.15rem;color:#3a3630;max-width:38em}
.frontispice figure{margin:0;position:relative}
.frontispice figure::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--cabinet)}
.frontispice figure img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;max-height:560px}
.miettes{font:400 12px/1.4 var(--note);color:var(--gris);margin:0 0 22px;letter-spacing:.03em}
.miettes a{color:inherit}.miettes span{margin:0 8px;opacity:.6}
.tete-article{padding:clamp(34px,5vw,64px) 0 0;background:var(--papier)}
.tete-article h1{max-width:19ch;font-size:clamp(2.2rem,5vw,3.9rem)}
.tete-article .signature{font:400 13px var(--note);color:var(--gris);display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 28px}
.tete-article figure{margin:0}
.tete-article figure img{width:100%;aspect-ratio:21/9;object-fit:cover;border-bottom:1px solid var(--encre)}


.partie{padding:clamp(54px,8vw,104px) 0}
.partie--sable{background:var(--sable)}
.partie--lin{background:var(--lin);border-block:1px solid var(--filet)}
.partie--nuit{background:var(--nuit);color:var(--papier)}
.partie--nuit h2,.partie--nuit h3{color:#fff}
.partie--nuit a:not(.porte){color:#F0B48E}
.titre-partie{max-width:760px;margin-bottom:clamp(26px,4vw,48px)}
.titre-partie p{color:var(--gris);font-size:1.1rem}
.partie--nuit .titre-partie p{color:#C9C3B7}
.deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px);align-items:center}
.deux--haut{align-items:start}
.deux figure{margin:0}
.deux figure img{width:100%;border:1px solid var(--encre)}
.deux .ombre img{box-shadow:12px 12px 0 var(--laiton)}
figcaption{font:400 12px/1.5 var(--note);color:var(--gris);margin-top:12px}
.liste-pleine{list-style:none;padding:0;margin:0 0 1.2em}
.liste-pleine li{padding:10px 0 10px 34px;border-bottom:1px solid var(--filet);position:relative}
.liste-pleine li::before{content:"Ψ";position:absolute;left:0;top:9px;font:500 18px var(--titre);color:var(--sienne)}


.sommaire{list-style:none;margin:0;padding:0;counter-reset:m}
.sommaire li{border-bottom:1px solid var(--encre)}
.sommaire li:first-child{border-top:1px solid var(--encre)}
.sommaire a{display:flex;align-items:baseline;gap:16px;padding:17px 6px;text-decoration:none;color:inherit;transition:background .2s,padding .2s}
.sommaire a:hover{background:var(--lin);padding-left:16px}
.sommaire .rom{font:500 1.5rem/1 var(--titre);color:var(--sienne);min-width:2.8em}
.sommaire .lib{font:500 1.12rem/1.3 var(--titre)}
.sommaire .pt{flex:1;border-bottom:2px dotted var(--gris);min-width:20px;transform:translateY(-4px)}
.sommaire .pg{font:400 12px var(--note);color:var(--gris);letter-spacing:.05em;text-align:right;white-space:nowrap}
.partie--nuit .sommaire li{border-color:#4C6275}.partie--nuit .sommaire a:hover{background:rgba(255,255,255,.05)}


.mesures{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-block:1px solid var(--encre)}
.mesures>div{padding:28px 22px;border-left:1px solid var(--filet)}
.mesures>div:first-child{border-left:0}
.mesures dt{font:500 clamp(2.2rem,4.4vw,3.4rem)/1 var(--titre);color:var(--sienne)}
.mesures dd{margin:8px 0 0;font-size:15px;color:var(--gris)}


.rayon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
.rayon--quatre{grid-template-columns:repeat(4,minmax(0,1fr))}
.vignette{display:flex;flex-direction:column;text-decoration:none;color:var(--encre);background:var(--lin);border:1px solid var(--encre);transition:transform .25s,box-shadow .25s}
.vignette:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--sienne);color:var(--encre)}
.vignette .vue{aspect-ratio:3/2;overflow:hidden;border-bottom:1px solid var(--encre)}
.vignette .vue img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vignette:hover .vue img{transform:scale(1.04)}
.vignette .corps{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.vignette .rub{font:500 11px var(--note);letter-spacing:.12em;text-transform:uppercase;color:var(--sienne);margin-bottom:8px}
.vignette h3{font-size:1.28rem;margin-bottom:.4em}
.vignette p{font-size:15px;color:#4a463f;margin-bottom:14px}
.vignette .suite-l{margin-top:auto;font:500 12px var(--note);letter-spacing:.06em;color:var(--cabinet)}
.rayon--quatre .vignette .vue{aspect-ratio:4/5}


.note{border:1px solid var(--encre);background:var(--lin);padding:22px 26px 8px;margin:2em 0;position:relative}
.note::before{content:attr(data-etiquette);position:absolute;top:-11px;left:18px;background:var(--sienne);color:#fff;font:500 11px var(--note);letter-spacing:.12em;text-transform:uppercase;padding:3px 10px}
.exercice{border-left:4px solid var(--sienne);background:var(--lin);padding:20px 26px 6px;margin:1.6em 0}
.exercice h3{margin-top:0}
.exercice .tag{font:500 11px var(--note);letter-spacing:.12em;text-transform:uppercase;color:var(--sienne)}
.fiche{margin:2em 0;border:1px solid var(--encre);background:#fff}
.fiche svg{display:block;width:100%;height:auto}
.fiche figcaption{padding:10px 16px;margin:0;border-top:1px solid var(--filet)}
.sauras{background:var(--cabinet);color:#fff;padding:20px 26px 6px;margin:1.6em 0}
.sauras h4{font:500 11px var(--note);letter-spacing:.14em;text-transform:uppercase;color:#F0C9A8;margin:0 0 10px}
.sauras ul{padding-left:1.2em}


.billet{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--encre);background:var(--lin)}
.billet .g{padding:34px 36px}
.billet .d{padding:34px 36px;background:var(--nuit);color:var(--papier);position:relative}
.billet .d::before{content:"";position:absolute;left:-1px;top:0;bottom:0;border-left:2px dashed var(--laiton)}
.billet .prix{font:500 3.6rem/1 var(--titre);margin:6px 0 4px}
.billet .prix small{font:400 1rem var(--texte);color:#B8B2A6}
.billet .d .prix{color:#fff}
.billet ul{list-style:none;padding:0;margin:0 0 6px}
.billet li{padding:9px 0 9px 26px;border-bottom:1px dotted var(--gris);position:relative;font-size:16px}
.billet li::before{content:"";position:absolute;left:0;top:1.05em;width:12px;height:7px;border-left:2px solid var(--sienne);border-bottom:2px solid var(--sienne);transform:rotate(-45deg)}


.reponses details{border-bottom:1px solid var(--encre)}
.reponses details:first-child{border-top:1px solid var(--encre)}
.reponses summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font:500 1.18rem/1.3 var(--titre);position:relative}
.reponses summary::-webkit-details-marker{display:none}
.reponses summary::after{content:"+";position:absolute;right:6px;top:15px;font:400 1.8rem var(--texte);color:var(--sienne);transition:transform .3s}
.reponses details[open] summary::after{transform:rotate(45deg)}
.reponses details>div{padding:0 40px 8px 0;color:#38342e}


.texte h2{margin-top:1.7em;font-size:clamp(1.55rem,3vw,2.1rem)}
.texte h3{margin-top:1.5em}
.texte ul,.texte ol{padding-left:1.3em;margin:0 0 1.2em}
.texte li{margin-bottom:.4em}
.texte>p:first-of-type:not(.reponse-directe)::first-letter{font:500 3.6em/.8 var(--titre);float:left;padding:6px 10px 0 0;color:var(--sienne)}
.texte table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px}
.texte th,.texte td{border:1px solid var(--filet);padding:10px 12px;text-align:left;vertical-align:top}
.texte th{background:var(--sable);font-weight:600}
.reponse-directe{font:500 1.18rem/1.5 var(--titre);border-left:3px solid var(--sienne);padding:2px 0 2px 20px;margin:0 0 1.6em}


.colonnes{display:grid;grid-template-columns:minmax(0,740px) 300px;gap:clamp(30px,6vw,90px);justify-content:center;align-items:start;padding:clamp(34px,5vw,64px) 0 clamp(50px,7vw,90px)}
.rail{position:sticky;top:calc(var(--haut) + 28px);border:1px solid var(--encre);background:var(--lin);padding:22px;box-shadow:6px 6px 0 var(--sable)}
.rail .t{font:500 11px var(--note);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 4px}
.rail .p{font:500 2.4rem/1 var(--titre);margin:0 0 4px}
.rail p.s{font-size:14px;color:var(--gris);margin-bottom:16px}
.rail .porte{width:100%;justify-content:center}
.sommaire-art{border:1px solid var(--filet);background:var(--lin);padding:16px 22px;margin:0 0 2em;font-size:15px}
.sommaire-art b{font:500 11px var(--note);letter-spacing:.12em;text-transform:uppercase;color:var(--sienne)}
.sommaire-art ol{margin:8px 0 0;padding-left:1.2em}
.auteur-fin{display:flex;gap:20px;align-items:center;border:1px solid var(--encre);background:var(--lin);padding:18px;margin:3em 0 1.6em}
.auteur-fin img{width:92px;height:92px;object-fit:cover;flex:none}
.auteur-fin p{margin:0;font-size:15px}.auteur-fin b{font:500 1.1rem var(--titre);display:block}
.pagination{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2em 0 0}
.pagination a{border:1px solid var(--encre);padding:16px 18px;text-decoration:none;color:var(--encre);background:var(--lin);transition:background .2s}
.pagination a:hover{background:var(--sable)}
.pagination small{display:block;font:400 11px var(--note);letter-spacing:.1em;text-transform:uppercase;color:var(--sienne);margin-bottom:4px}
.pagination b{font:500 1.05rem/1.25 var(--titre)}


.dernier{background:var(--cabinet);color:#fff;padding:clamp(54px,8vw,96px) 0;text-align:center;position:relative;overflow:hidden}
.dernier h2{color:#fff;max-width:20ch;margin-inline:auto}
.dernier p{color:#DCE5EB;max-width:40em;margin-inline:auto}
.dernier .mention{margin-inline:auto;color:#B9C8D3}.dernier .mention a{color:#fff}
.dernier .porte{margin-top:8px}


.formulaire label{display:block;font:500 12px var(--note);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}
.formulaire input[type=text],.formulaire input[type=email],.formulaire textarea{width:100%;font:inherit;padding:13px 14px;border:1px solid var(--encre);background:var(--lin);border-radius:0;margin-bottom:20px}
.formulaire input:focus,.formulaire textarea:focus{outline:3px solid var(--laiton);outline-offset:1px}
.formulaire .case{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-bottom:20px}
.formulaire .case input{margin-top:5px}
.formulaire button{font:600 15px var(--texte);background:var(--encre);color:#fff;border:0;padding:15px 26px;cursor:pointer;box-shadow:4px 4px 0 var(--laiton)}
.piege{position:absolute;left:-9999px}
.erreur-form{background:#F6D9CE;border:1px solid var(--sienne);padding:12px 16px;margin-bottom:20px;display:none}


.pied{background:var(--nuit);color:#CFC9BD;padding:70px 0 34px;font-size:15px}
.pied .mot{font:500 clamp(3rem,10vw,8rem)/.9 var(--titre);color:#1D3446;margin:0 0 40px;letter-spacing:-.03em}
.pied .colonnes-p{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.pied h4{font:500 11px var(--note);letter-spacing:.14em;text-transform:uppercase;color:#F0B48E;margin:0 0 14px}
.pied ul{list-style:none;padding:0;margin:0}.pied li{margin-bottom:8px}
.pied a{color:#E6E0D4;text-decoration:none}.pied a:hover{color:#fff;text-decoration:underline}
.pied .bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #2D4558;margin-top:40px;padding-top:20px;font-size:13px;color:#9CA9B3}


.barre-bas{display:none}
.rond-ouvrant{display:inline-block}

@media (max-width:1020px){
  .onglets{position:absolute;left:0;right:0;top:100%;background:var(--papier);border-bottom:1px solid var(--encre);display:none;flex-direction:column;align-items:stretch;padding:10px 20px 18px;max-height:calc(100vh - var(--haut));overflow:auto}
  .menu-case:checked~.onglets{display:flex}
  .menu-bouton{display:flex}
  .groupe>div{position:static;display:block;box-shadow:none;border:0;border-left:2px solid var(--sable);padding:2px 0 6px 10px;background:none}
  .porte--haut{display:none}
  .entete{position:sticky}
  .colonnes{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;order:-1}
  .rayon--quatre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pied .colonnes-p{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  body{font-size:16.5px}
  .seuil .enveloppe,.frontispice .enveloppe,.deux,.billet{grid-template-columns:minmax(0,1fr)}
  .seuil::before{background:linear-gradient(180deg,rgba(18,33,45,.9),rgba(18,33,45,.78))}
  .rdv{margin-top:6px}
  .frontispice figure{order:-1;max-width:420px}
  .rayon,.rayon--quatre{grid-template-columns:minmax(0,1fr)}
  .mesures{grid-template-columns:repeat(2,1fr)}
  .mesures>div:nth-child(3){border-left:0}
  .mesures>div:nth-child(n+3){border-top:1px solid var(--filet)}
  .billet .d::before{left:0;right:0;top:-1px;bottom:auto;border-left:0;border-top:2px dashed var(--laiton)}
  .pagination{grid-template-columns:1fr}
  .sommaire .pt,.sommaire .pg{display:none}
  .sommaire a{gap:10px}
}
@media (max-width:767px){
  body.avec-barre{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .barre-bas{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--encre);color:#fff;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));transform:translateY(115%);transition:transform .4s cubic-bezier(.2,.8,.2,1);border-top:2px solid var(--laiton)}
  .barre-bas.visible{transform:none}
  .barre-bas .p{font:500 1.55rem/1 var(--titre);margin:0}
  .barre-bas .p small{display:block;font:400 11.5px var(--texte);color:#C4BEB2;margin-top:3px}
  .barre-bas .porte{box-shadow:none;background:var(--sienne)}
  .barre-bas .porte .cadre::before{background:var(--encre)}
  .auteur-fin{flex-direction:column;align-items:flex-start}
  .pied .colonnes-p{grid-template-columns:1fr}
  .marque small{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}