/* Surcouche du thème « dico » (config/sites.php, clé surcouche) : fiches bristol et tiroir, en machine à écrire (piste B de design/pistes/dico_machine_a_ecrire.html).
   Elle se charge après classeur.css (clé surcouche_base) dont elle reprend l'ossature des intercalaires (onglets, feuilles, marché), et la rhabille :
   plus de reliure à anneaux, des feuilles unies couleur bristol, des onglets de tiroir, des cartes en fiches de catalogue. */

/* Polices machine à écrire, auto-hébergées (assets/fonts, licence SIL OFL : voir LICENCES.txt). Tant que les fichiers manquent, « Courier New » prend le relais. */
@font-face{font-family:"Cutive Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/cutive-mono-latin.woff2") format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/courier-prime-latin.woff2") format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/courier-prime-bold-latin.woff2") format("woff2")}
@font-face{font-family:"Courier Prime";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/courier-prime-italic-latin.woff2") format("woff2")}

/* ===== Palette : bureau, bristol, encre et ruban rouge ===== */
:root{
  --papier:#C2AD7E; --surface:#FFFAF0; --encre:#2A2217; --brume:#8A7648; --marque:#2A2217;
  --doux:rgba(42,34,23,.78);
  --orange:#C0392B; --orange-fort:#A52F22; --orange-texte:#A52F22;
  --titre:"Cutive Mono","Courier New",monospace; --texte:"Courier Prime","Courier New",monospace;
  --ombre-repos:0 1px 2px rgba(60,40,10,.22),0 8px 16px -8px rgba(60,40,10,.4);
  --ombre-leve:0 2px 4px rgba(60,40,10,.24),0 22px 30px -14px rgba(60,40,10,.5);
  --onglet-fond:#E9DCB8; --onglet-texte:#2A2217; --onglet-actif:#F8F1DC; --violet:#5B3D2A;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --papier:#1D1812; --surface:#2A231A; --encre:#F1E8D2; --brume:#6B5A38; --marque:#E9DCB8; --doux:rgba(241,232,210,.74);
    --orange:#E2604F; --orange-texte:#F08A7C; --onglet-fond:#3B3224; --onglet-texte:#F1E8D2; --onglet-actif:#2A231A;
    --ombre-repos:0 1px 2px rgba(0,0,0,.5),0 8px 16px -8px rgba(0,0,0,.7); --ombre-leve:0 2px 4px rgba(0,0,0,.55),0 22px 30px -14px rgba(0,0,0,.85);
  }
}
:root[data-theme="dark"]{
  --papier:#1D1812; --surface:#2A231A; --encre:#F1E8D2; --brume:#6B5A38; --marque:#E9DCB8; --doux:rgba(241,232,210,.74);
  --orange:#E2604F; --orange-texte:#F08A7C; --onglet-fond:#3B3224; --onglet-texte:#F1E8D2; --onglet-actif:#2A231A;
  --ombre-repos:0 1px 2px rgba(0,0,0,.5),0 8px 16px -8px rgba(0,0,0,.7); --ombre-leve:0 2px 4px rgba(0,0,0,.55),0 22px 30px -14px rgba(0,0,0,.85);
}
/* Les variables des feuilles (classeur.css) : bristol, brun, sans lignes (les lignes sont sur les fiches) */
body,:root:not([data-theme="light"]) body,:root[data-theme="dark"] body{--cl:var(--brume);--cl-papier:var(--onglet-actif);--cl-ligne:transparent}
body{background-color:var(--papier);background-image:radial-gradient(rgba(60,40,10,.08) 1px,transparent 1px);background-size:5px 5px}
:root[data-theme="dark"] body,:root:not([data-theme="light"]) body{--cl:var(--brume)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px)}}

/* Le ruban de couleur (haut des blocs, en-tête, sous les titres) : un trait rouge, pas les 26 couleurs des lettres */
:is(.entete,.bloc-page,.hero,.page__tete){--ruban:var(--orange)}
.msg__carte::before{background:var(--orange)}

/* ===== Pas de reliure : un tiroir ===== */
.zone>.page{padding-left:18px;padding-right:18px}
.zone>.page::before{display:none}
.zone>.page>.outils{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
@media (max-width:640px){.zone>.page{padding-left:12px;padding-right:12px}.zone>.page>.outils{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* En-tête : la plaque du catalogue */
.entete{background:var(--onglet-actif);border-bottom:2px solid var(--brume);backdrop-filter:none}
.marque{font-weight:400;font-size:21px;letter-spacing:.01em}
.entete__nav a[aria-current],.entete__nav a:hover{background:var(--onglet-fond);color:var(--encre)}

/* Les onglets de tiroir : crème et brun, texte à l'encre (au lieu des couleurs vives du classeur) */
.zone [data-onglet]::before{background:var(--onglet-fond);color:var(--onglet-texte);border-color:var(--cl);font-weight:400;font-size:15px;letter-spacing:.04em}
:root:not([data-theme="light"]) .zone [data-onglet]::before{color:var(--onglet-texte)}
.zone [data-onglet]{box-shadow:0 3px 0 var(--cl)}
.zone .section-album[data-onglet]{--tab:var(--onglet-fond)}
:where(.zone>.page>[data-onglet]){--tab:var(--onglet-fond)}
:where(.profil__col>[data-onglet]){--tab:var(--onglet-fond)}
[data-page="arrivage"] :is(.action-une,.hero--jour,.nouveautes,.boutique-section){--tab:var(--onglet-fond)}
[data-page="arrivage"] .action-une--limite{--tab:var(--onglet-fond)}
.zone .onglet{background:var(--onglet-fond);color:var(--onglet-texte);font-family:var(--titre);font-weight:400}
.zone .onglet[aria-selected="true"]{background:var(--onglet-actif);color:var(--encre)}
.zone [role="tabpanel"]{box-shadow:0 3px 0 var(--cl)}

/* ===== Les cartes : des fiches de catalogue ===== */
.carte .face{background:repeating-linear-gradient(transparent 0 5.6cqw,color-mix(in srgb,#6f9bc2 34%,transparent) 5.6cqw 5.9cqw) padding-box,linear-gradient(var(--surface),var(--surface)) padding-box,var(--cadre) border-box}
.carte.coloree .face{background:repeating-linear-gradient(transparent 0 5.6cqw,color-mix(in srgb,#6f9bc2 34%,transparent) 5.6cqw 5.9cqw) padding-box,linear-gradient(var(--surface),var(--surface)) padding-box,var(--cadre) border-box}
.carte .face.dosface{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px) padding-box,linear-gradient(var(--marine),var(--marine)) padding-box,linear-gradient(#2a4f86,#2a4f86) border-box}
.carte .image,.carte.coloree .image{background:#cbcbc8;border:.4cqw solid var(--brume);border-radius:.8cqw}
.nom{font-family:var(--titre);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--encre);border-bottom:.5cqw solid var(--orange);padding-bottom:1cqw;text-align:left}
.phrase{font-family:var(--texte);font-style:normal;text-align:left;color:var(--encre)}
.cat{font-family:var(--titre);font-weight:400;border-radius:.8cqw;letter-spacing:.06em}
.badge{font-family:var(--titre);font-weight:400}
.fait,.pied{font-family:var(--titre);font-weight:400}
.faits{border-top-color:var(--brume)}
.verso h3{font-family:var(--titre);font-weight:400;text-transform:uppercase;letter-spacing:.04em}
.texte-verso{font-family:var(--texte)}
.carte .face.dosface{font-family:var(--titre)}

/* ===== Pied de page : le dos du tiroir ===== */
.pied-site{background:#2A2217;color:#F2E8CF;border-top:0}
.pied-site::before{background:var(--orange)}
.pied-site .marque,.pied-site .pied__marque{color:#F2E8CF}
.pied-site .marque__theme,.pied__theme .marque__theme{color:#F08A7C}
.pied__bloc--marque p,.pied__bas p{color:rgba(242,232,207,.78)}
.pied__titre,.pied__bloc:nth-of-type(2) .pied__titre,.pied__bloc:nth-of-type(3) .pied__titre{background:#E9DCB8;color:#2A2217;font-weight:400;border-radius:6px 6px 0 0}
.pied-site a[aria-current]{color:#F2E8CF}
.pied__bas{border-top-color:rgba(242,232,207,.2)}
.pied-site a:focus-visible{outline-color:#F08A7C}
/* Format mini (album, marché) : le nom, centré dans la fiche, sans le trait rouge du grand format */
@container (max-width:240px){.nom{border-bottom:0;padding-bottom:0;text-align:center;letter-spacing:.02em}}
/* Texte courant un peu plus épais (Courier Prime n'existe qu'en 400 et 700) : un contour très fin, de la couleur du texte. Les titres, en Cutive Mono, n'y touchent pas. */
:is(p,li,dd,input,textarea,.phrase,.texte-verso,.vide){-webkit-text-stroke:.2px currentColor}
.pied-site :is(p,li){-webkit-text-stroke:0}   /* sur le fond sombre du pied de page, le texte clair paraît déjà plus gras */

/* =====================================================================================================================
   Un univers à part (piste B de la maquette) : en-tête de catalogue, fiches à trou de classeur, pochettes-enveloppes kraft.
   Rien ici n'est partagé avec « métiers » : les cartes ne sont plus des cartes à jouer cadrées par rang, mais des fiches ; les pochettes ne sont plus des sachets brillants.
   ===================================================================================================================== */
:root{--nav-fond:#2A2217; --nav-texte:#F2E8CF; --bande-1:#8A7648; --kraft:#CDB387; --kraft-fonce:#B99C6B; --kraft-bord:#9A7F4E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--nav-fond:#E9DCB8; --nav-texte:#2A2217; --kraft:#6B5A3A; --kraft-fonce:#584A2F; --kraft-bord:#8A7648}}
:root[data-theme="dark"]{--nav-fond:#E9DCB8; --nav-texte:#2A2217; --kraft:#6B5A3A; --kraft-fonce:#584A2F; --kraft-bord:#8A7648}

/* --- En-tête : la plaque du catalogue sur le bureau, onglets sombres --- */
.entete{background:var(--papier);border-bottom:2px solid var(--brume);padding-block:12px}
.entete::after{display:none}
.entete .marque{background:var(--onglet-actif);border:1px solid var(--brume);padding:3px 12px;box-shadow:inset 0 0 0 3px var(--onglet-actif),inset 0 0 0 4px color-mix(in srgb,var(--brume) 45%,transparent)}
.entete__nav a{background:var(--nav-fond);color:var(--nav-texte);border-radius:3px 3px 0 0;padding:4px 12px;font-weight:400}
.entete__nav a[aria-current],.entete__nav a:hover{background:var(--orange-fort);color:#fff}
h1,h2,h3,h4{font-weight:400}
.page__tete h1::after{display:none}
.nav-bas{background:var(--onglet-actif);border-top:2px solid var(--brume)}
.nav-bas a{font-weight:400}

/* --- Boutons : étiquettes rectangulaires, capitales espacées --- */
.btn{border-radius:3px;text-transform:uppercase;letter-spacing:.06em;font-weight:400;font-size:14px}
.btn.principal{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.secondaire{border-color:var(--brume);background:var(--onglet-actif);color:var(--encre)}
.btn--petit{font-size:12px}

/* --- Les cartes sont des fiches --- */
.carte{aspect-ratio:5/5.9;border-radius:1.2cqw}
.carte{--bande:var(--bande-1)}
.carte.r2{--bande:#2F8F6B}.carte.r3{--bande:#2E6FD6}.carte.r4{--bande:#7E3FB8}.carte.r5{--bande:#C9961A}
.carte .face,.carte.r1 .face,.carte.r2 .face,.carte.r3 .face,.carte.r4 .face,.carte.r5 .face,.carte.coloree .face{
  border:.3cqw solid var(--brume);border-top:1.6cqw solid var(--bande);border-radius:1.2cqw;padding:4.5cqw 5cqw 4cqw;gap:2.4cqw;
  background:repeating-linear-gradient(transparent 0 5.4cqw,color-mix(in srgb,#6f9bc2 36%,transparent) 5.4cqw 5.7cqw),var(--surface);
  box-shadow:var(--ombre-repos)}
.carte:hover .face,.carte.actif .face{box-shadow:var(--ombre-leve)}
.carte .face::after{display:none}
.carte .face.dosface{border:.3cqw solid var(--brume);border-top:1.6cqw solid var(--bande);background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),var(--nav-fond);padding:0}
.carte .face.dosface::before{border-color:rgba(255,255,255,.25)}
/* Le trou de classeur, en haut de la fiche */
.recto::before,.verso::before{content:"";position:absolute;left:50%;top:.8cqw;width:11cqw;height:3.4cqw;margin-left:-5.5cqw;border-radius:50%;background:var(--papier);box-shadow:inset 0 .5cqw .8cqw rgba(0,0,0,.4);z-index:3}
.carte .image,.carte.coloree .image{height:42cqw;background:#CBCBC8;border:.3cqw solid var(--brume);border-radius:.6cqw}
.recto .entete-carte{top:10cqw;left:8.5cqw;right:8.5cqw}
.cat{background:var(--nav-fond);color:var(--nav-texte);text-shadow:none;font-size:3.6cqw;padding:.8cqw 2.4cqw;border-radius:.6cqw}
/* Le rang : un tampon, pas une pastille */
.badge{width:auto;aspect-ratio:auto;border-radius:.6cqw;background:rgba(255,250,240,.88);color:var(--bande);border:.5cqw solid var(--bande);padding:.4cqw 1.8cqw;font-size:3.6cqw;letter-spacing:.1em;transform:rotate(5deg);box-shadow:none}
.badge{white-space:nowrap}
.badge::before{content:"RANG "}
.carte.r4 .badge,.carte.r5 .badge{box-shadow:none;background:rgba(255,250,240,.88);color:var(--bande)}
.nom{font-size:7cqw;border-bottom:.35cqw solid var(--orange);padding-bottom:.8cqw;margin-top:0}
.phrase{font-size:4.1cqw;line-height:1.4;-webkit-line-clamp:3;line-clamp:3}
/* Deux caractéristiques, sur une ligne, sans icônes : « 6 lettres · [ze.bʁɛ̃] » */
.faits{display:flex;flex-wrap:wrap;gap:0 1.6cqw;border-top:0;padding-top:0;margin-top:auto;padding-right:20cqw}
.fait{display:block;font-size:3.5cqw;text-align:left;color:var(--encre)}
.fait svg{display:none}
.fait+.fait::before{content:"· "}
.pied{right:5cqw;bottom:2.6cqw;opacity:.75;font-size:3.4cqw}
/* Petit format (album, marché) : le mot et sa définition, sans les caractéristiques */
@container (max-width:240px){
  .phrase{display:-webkit-box;font-size:5cqw;line-height:1.35}
  .faits{display:none}
  .nom{flex:none;display:-webkit-box;font-size:8cqw;text-align:left;border-bottom:.35cqw solid var(--orange);padding-bottom:.8cqw;letter-spacing:.02em}
  .badge{font-size:3.4cqw}
}
.verso h3{border-bottom:.35cqw solid var(--orange);padding-bottom:.8cqw;min-height:0}
.verso .source{border-top-color:var(--brume)}

/* --- Les pochettes sont des enveloppes kraft --- */
.pochette{aspect-ratio:3/3.9;filter:drop-shadow(0 10px 10px rgba(60,40,10,.34)) drop-shadow(0 2px 2px rgba(60,40,10,.3))}
.po-haut,.po-bas,
.pochette.generale .po-bas,.pochette.categorie .po-bas,.pochette.argentee .po-bas,.pochette.doree .po-bas{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 5px),linear-gradient(var(--kraft),var(--kraft));background-size:auto,auto;background-position:0 0,0 0;background-repeat:repeat,no-repeat;color:var(--encre)}
.po-haut{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 5px),linear-gradient(var(--kraft-fonce),var(--kraft-fonce));background-size:auto,auto;background-position:0 0,0 0}
.po-bas{top:0;height:100%;border-radius:.6cqw;clip-path:none;box-shadow:inset 0 0 0 .8cqw var(--kraft-bord)}
.po-haut{height:30%;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);z-index:3}
.po-haut::before,.po-bas::before{display:none}
.po-haut::after{content:"";position:absolute;left:50%;top:66%;width:11cqw;height:11cqw;margin-left:-5.5cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9594a,#a52f22 60%,#7c1f15);box-shadow:0 .6cqw .8cqw rgba(0,0,0,.35)}
/* L'étiquette tapée à la machine, collée sur l'enveloppe */
.po-contenu,.pochette.generale .po-contenu,.pochette.categorie .po-contenu,.pochette.argentee .po-contenu,.pochette.doree .po-contenu{
  inset:44% 10% 12%;align-content:center;gap:2cqw;background:#FBF4DE;color:#2A2217;border:.5cqw solid #8A7648;box-shadow:inset 0 0 0 1.2cqw #FBF4DE,inset 0 0 0 1.6cqw rgba(138,118,72,.5);
  font:400 8cqw/1.15 var(--titre);text-transform:uppercase;letter-spacing:.04em;text-shadow:none;padding:2cqw 1cqw}
.po-contenu small{font:400 6.4cqw var(--titre);opacity:1;text-transform:none}
.pochette.argentee .po-contenu span,.pochette.doree .po-contenu span{color:#2A2217}
.po-ligne,.pochette.doree .po-ligne,.pochette.argentee .po-ligne{border-top:2px dashed rgba(42,34,23,.7);top:26%}
.po-doigt{background:rgba(255,250,240,.7);top:calc(26% - 14px)}
.pochette.generale{--kraft:#CDB387;--kraft-fonce:#B99C6B;--teinte:var(--r3)}
.pochette.categorie{--kraft:#C9B79A;--kraft-fonce:#B3A07F;--teinte:var(--r2)}
.pochette.argentee{--kraft:#C3C8CF;--kraft-fonce:#A9B0BA;--kraft-bord:#7F8896;--teinte:var(--r1);filter:drop-shadow(0 10px 10px rgba(40,50,70,.34)) drop-shadow(0 2px 2px rgba(40,50,70,.3))}
.pochette.doree{--kraft:#E2C46C;--kraft-fonce:#CDA94A;--kraft-bord:#A8841F;--teinte:var(--r5);filter:drop-shadow(0 10px 10px rgba(120,80,0,.34)) drop-shadow(0 0 14px rgba(240,200,80,.45))}
.pochette.argentee .po-bas,.pochette.argentee .po-haut,.pochette.doree .po-bas,.pochette.doree .po-haut{color:var(--encre)}

/* =====================================================================================================================
   Angles droits partout : ni blocs ni étiquettes arrondis (fiches, tiroirs, pastilles, boutons, champs, barres).
   Seuls restent ronds les objets qui le sont par nature : pastille de profil, cloche, trou de classeur, sceau de cire, boules de décor.
   ===================================================================================================================== */
/* Blocs */
.bloc-page,.encadre,.confirmation,.popin__feuille,.hero,.tuile,.bouton-filtres,.filtres-panneau,.champ-recherche input,.champ input,.champ select,.champ--ligne select,
.carte-vide,.souhaiter,.souhaiter--large,.classement li,.souhait,.alerte__lien,.courbe-verrou,.portefeuille__valeur,.portefeuille__mouvements,.enchere-ligne__lien,
.choix-carte,.invitation,.a-ouvrir,.a-ouvrir__pochette,.action-une,.stat-enchere,.msg__carte,.coffre,.tuile-stat,.depenser__lien,.pochette-achat,.bascule,.evitement,
.decompte time,.zone [data-onglet],.zone [role="tabpanel"],.zone .onglet,.zone .onglet[aria-selected="true"],.entete__nav a,.btn,.entete .marque{border-radius:0}
/* Étiquettes, pastilles, barres */
.zone [data-onglet]::before,.hero__badge,.bouton-filtres__nombre,.puce,.progres__recompense,.palier,.palier>i,.onglet__nb,.souhait__etat--vente,.badge-marche,
.a-ouvrir__action,.jetons,.jetons__delta,.boutique .prix .jetons,.action-une__nombre,.pastille-info,.pastille-nav,.pile-ouvrir__nombre,.pastille,.pastille.x2,
.barre-progres,.barre-progres i,.progres__piste,.progres__piste>i,.completion__piste,.completion__piste i,.interrupteur__piste{border-radius:0}
.interrupteur__piste::after{border-radius:0}
/* Cartes et pochettes : des fiches et des enveloppes rectangulaires */
.carte,.carte .face,.carte.r1 .face,.carte.r2 .face,.carte.r3 .face,.carte.r4 .face,.carte.r5 .face,.carte.coloree .face,.carte .image,.carte.coloree .image,.cat,.badge,.sceau__bord,
.po-bas,.pochette:focus-visible{border-radius:0}
/* Pages à feuille de style propre (portefeuille…) chargées après celle-ci : le préfixe « body » donne la priorité aux angles droits */
body .coffre,body .tuile-stat,body .carte-lien,body .depenser__lien,body .completion__piste,body .completion__piste i,body .pied__titre,
body .pied__bloc:nth-of-type(2) .pied__titre,body .pied__bloc:nth-of-type(3) .pied__titre,body .pied__theme,body .pied-site a:focus-visible{border-radius:0}
/* Champs et menu de l'administration : angles droits eux aussi */
body input,body select,body textarea,body .admin-menu a,body .admin-menu a[aria-current]{border-radius:0}
/* Compte à rebours du prochain arrivage : la pastille rouge du menu ; barre de progression : encre brune sur papier, sans l'orange du thème de base */
:root{--barre-piste:#E9DCB8; --barre-fond:linear-gradient(90deg,#5B3D2A,#2A2217); --barre-raies:rgba(242,232,207,.22)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--barre-piste:#3B3224; --barre-fond:linear-gradient(90deg,#C9A24A,#E9DCB8); --barre-raies:rgba(42,34,23,.22)}}
:root[data-theme="dark"]{--barre-piste:#3B3224; --barre-fond:linear-gradient(90deg,#C9A24A,#E9DCB8); --barre-raies:rgba(42,34,23,.22)}
body .decompte time{background:var(--orange-fort);color:#fff}
body .progres__piste{background:var(--barre-piste);border:1px solid var(--brume);box-shadow:none}
body .progres__piste>i{background:repeating-linear-gradient(115deg,var(--barre-raies) 0 8px,transparent 8px 16px),var(--barre-fond);background-size:32px 100%,100% 100%;box-shadow:none}

/* Menu de l'en-tête toujours centré sur ordinateur (joueur connecté ou visiteur) : deux colonnes latérales égales. Pour un visiteur, les deux gros boutons en machine à écrire demandent la largeur du contenu public (1080 px). */
@media (min-width:1181px){
  .entete{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .entete__nav{justify-self:center;margin-left:0}
  .entete__droite{justify-self:end}
  .entete:has(.entete__droite .btn){padding-left:max(24px,calc((100% - 1080px)/2 + 18px));padding-right:max(24px,calc((100% - 1080px)/2 + 18px))}
}

/* Joueur connecté : le menu est centré entre le logo (à gauche) et la cloche (à droite), dans la place qui reste, pas au milieu de la page. Le visiteur garde le menu au milieu de la page. */
@media (min-width:781px){
  .entete:not(:has(.entete__droite .btn)){grid-template-columns:auto 1fr auto}
  .entete:not(:has(.entete__droite .btn)) .entete__nav{justify-self:center;margin-left:0}
  .entete:not(:has(.entete__droite .btn)) .entete__droite{justify-self:end}
}