/* 12 oct. 2026 : le musee plus vivant — spot qui suit la souris, poussiere dans la lumiere, reflet sur le parquet, visiteur de passage, banc, visite guidee, lumiere selon l'heure, compteur de visites */

/* lumiere selon l'heure du visiteur : couleur et intensite du spot */
html{--yl-spot:255,226,180;--yl-spot-a:.085}
html.yl-h-matin{--yl-spot:238,242,255;--yl-spot-a:.075}
html.yl-h-soir{--yl-spot:255,196,138;--yl-spot-a:.11}
html.yl-h-nuit{--yl-spot:255,212,165;--yl-spot-a:.10}

/* le spot suit doucement la souris */
html body :is(#yl-entree,#yl-une-fond) .yl-une::before,#salle .station .tableau::before{translate:var(--yl-mx,0px) var(--yl-my,0px);transition:translate 1.2s cubic-bezier(.2,.6,.3,1)}

#yl-entree.vu #yl-poussiere{opacity:1}



/* le banc devant l'oeuvre */
#yl-entree .yl-une>.yl-banc{position:absolute;left:50%;z-index:2;width:38vh;height:4.6vh;margin-left:-19vh;cursor:pointer;opacity:1;transition:opacity .6s ease}
#yl-entree .yl-banc svg{display:block;width:100%;height:100%} #yl-entree .yl-banc .d{fill:color-mix(in srgb,var(--yl-mur,#23272A) 82%,#fff)} #yl-entree .yl-banc .f{fill:color-mix(in srgb,var(--yl-mur,#23272A) 92%,#fff)} #yl-entree .yl-banc .o{fill:rgba(0,0,0,.35)} /* banc ultra minimaliste : un simple bloc, dans la couleur du mur un cran plus clair */
#yl-entree .yl-banc:hover .d{fill:color-mix(in srgb,var(--yl-mur,#23272A) 74%,#fff)}
#yl-entree:not(.vu) .yl-banc{opacity:0;pointer-events:none}

/* contemplation (assis sur le banc) : tout le reste s'efface ; 12 oct. 2026 : plus de zoom sur l'oeuvre */
html body #yl-entree .yl-une{transition:opacity .45s ease,transform 1.4s cubic-bezier(.3,0,.2,1)}
body.yl-contemple #yl-entree .yl-hall .yl-titre,body.yl-contemple #yl-entree .yl-une figcaption,body.yl-contemple #yl-entree .yl-hall .fl,body.yl-contemple #yl-entree .yl-banc,body.yl-contemple #yl-compteur,body.yl-contemple #yl-entree .yl-sur{opacity:0!important;pointer-events:none!important;transition:opacity 1.2s ease!important}

/* visite guidee */
#yl-mos .yl-icos-mos .yl-i-visite svg{fill:currentColor;stroke:none}
#yl-visite-b{position:fixed;left:50%;top:22px;z-index:60;transform:translateX(-50%);font:400 11px/1.4 "Cormorant Garamond",Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:#F3F1EC;opacity:0;pointer-events:none;transition:opacity .8s ease}
body.yl-visite #yl-visite-b{opacity:.55}

/* compteur de visites */
#yl-compteur{position:absolute;left:24px;bottom:calc(11vh + 14px);z-index:2;font:400 11px/1.4 "Cormorant Garamond",Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#F3F1EC;opacity:0;transition:opacity 1s ease;pointer-events:none}
#yl-entree.vu #yl-compteur.ok{opacity:.32}

@media (prefers-reduced-motion:reduce){body.yl-contemple #yl-entree .yl-une{transform:translate(-50%,-50%)!important}}
@media (max-width:760px){#yl-entree .yl-une>.yl-banc{width:28vh;margin-left:-14vh}#yl-compteur{left:14px}}
/* 12 oct. 2026 : etages Photo, Design et Musique — le banc au pied du mur, devant chaque tableau ; il passe avec le mur */
/* contemplation aux etages : l'oeuvre grandit lentement, le reste s'efface */
html body #salle .station .tableau{transition:transform 1.4s cubic-bezier(.3,0,.2,1)}
body.yl-contemple #salle .station .legende,body.yl-contemple .yl-banc-e,body.yl-contemple #yl-titre-e,body.yl-contemple #gauche,body.yl-contemple #droite,body.yl-contemple #salle .yl-sur{opacity:0!important;pointer-events:none!important;transition:opacity 1.2s ease!important}
@media (prefers-reduced-motion:reduce){.yl-ghost{display:none}html body.yl-contemple #salle .station.ici .tableau{transform:translateZ(0)!important}}
/* 12 oct. 2026 : parquet des etages = celui de l'accueil (calque en perspective sous le pied du mur) ; l'ancien sol 3D est masque */
html[data-etage] body #salle .sol{visibility:hidden!important}
html[data-etage] body #scene{background:var(--yl-uni,#23272A)!important}
#yl-sol-e{position:fixed;left:0;right:0;bottom:0;top:90vh;z-index:1;overflow:hidden;perspective:30vh;perspective-origin:50% -40vh;pointer-events:none;display:none;background:color-mix(in srgb,var(--yl-uni,#23272A) 62%,#000)}
#yl-sol-e.on{display:block}
body.mosaique #yl-sol-e,body.yl-e0 #yl-sol-e{display:none!important}
#yl-sol-e::before{content:"";position:absolute;left:-300%;right:-300%;top:0;height:400vh;transform-origin:50% 0;transform:rotateX(76deg) translateX(var(--yl-sxe,0px));will-change:transform;background-color:color-mix(in srgb,var(--yl-uni,#23272A) 78%,#000);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--yl-uni,#23272A) 82%,#000) 0 68px,color-mix(in srgb,var(--yl-uni,#23272A) 48%,#000) 68px 70px,color-mix(in srgb,var(--yl-uni,#23272A) 74%,#000) 70px 138px,color-mix(in srgb,var(--yl-uni,#23272A) 48%,#000) 138px 140px,color-mix(in srgb,var(--yl-uni,#23272A) 80%,#000) 140px 208px,color-mix(in srgb,var(--yl-uni,#23272A) 48%,#000) 208px 210px,color-mix(in srgb,var(--yl-uni,#23272A) 77%,#000) 210px 278px,color-mix(in srgb,var(--yl-uni,#23272A) 48%,#000) 278px 280px)}
/* etage Design : parquet en chene massif, couleur bois */
html.yl-et-design #yl-sol-e{background:#6E4E2E}
html.yl-et-design #yl-sol-e::before{background-color:#A97B48;background-image:repeating-linear-gradient(90deg,#B98A55 0 68px,#7A5532 68px 70px,#AE7F4B 70px 138px,#7A5532 138px 140px,#C29462 140px 208px,#7A5532 208px 210px,#B3844F 210px 278px,#7A5532 278px 280px)}
/* 12 oct. 2026 : bancs des etages poses sur le parquet, au meme endroit et a la meme taille qu'a l'accueil ; ils suivent leur tableau */
#yl-bancs-e .yl-banc-e{position:absolute;bottom:1.8vh;width:38vh;height:4.6vh;margin-left:-19vh;cursor:pointer;pointer-events:auto;z-index:2}
#yl-bancs-e .yl-banc-e svg{display:block;width:100%;height:100%}
#yl-bancs-e .yl-banc-e .d{fill:color-mix(in srgb,var(--yl-uni,#23272A) 82%,#fff)}
#yl-bancs-e .yl-banc-e .f{fill:color-mix(in srgb,var(--yl-uni,#23272A) 92%,#fff)}
#yl-bancs-e .yl-banc-e .o{fill:rgba(0,0,0,.35)}
#yl-bancs-e .yl-banc-e:hover .d{fill:color-mix(in srgb,var(--yl-uni,#23272A) 74%,#fff)}
html.yl-et-design #yl-bancs-e .yl-banc-e .d{fill:#DBBE96}
html.yl-et-design #yl-bancs-e .yl-banc-e .f{fill:#C9A273}
/* le visiteur de passage : de profil, il marche lentement, s'arrete devant le tableau, penche la tete pour lire, s'assoit sur le banc */
.yl-ghost{position:absolute;left:0;bottom:1.2vh;height:34vh;z-index:3;pointer-events:none;opacity:0;transition:opacity 1.5s ease;filter:blur(5px)}
#yl-fantome-e{position:fixed;z-index:6}
.yl-ghost.vu{opacity:.22}
.yl-ghost svg{display:block;height:100%;width:auto;fill:#0B0B0C;transition:transform .9s ease}
.yl-ghost.inv svg{transform:scaleX(-1)}
.yl-ghost .ja{transform-origin:35px 102px;transition:transform .8s ease}
.yl-ghost .br{transform-origin:36px 38px;transition:transform .8s ease}
.yl-ghost .tete{transform-origin:36px 28px;transition:transform 1.2s ease}
.yl-ghost.marche .ja{animation:yl-jambe 1.3s ease-in-out infinite alternate}
.yl-ghost.marche .j2{animation-delay:-1.3s}
.yl-ghost.marche .br{animation:yl-bras 1.3s ease-in-out infinite alternate}
.yl-ghost.marche .b1{animation-delay:-1.3s}
.yl-ghost.marche .bd{animation:yl-pas-v .65s ease-in-out infinite alternate}
.yl-ghost.lit .tete{transform:rotate(14deg) translateY(1px)}
.yl-ghost.assis svg{transform:translateY(30%)}
.yl-ghost.assis.inv svg{transform:translateY(30%) scaleX(-1)}
.yl-ghost.assis .ja{transform:rotate(-78deg)}
@keyframes yl-jambe{from{transform:rotate(-17deg)}to{transform:rotate(17deg)}}
@keyframes yl-bras{from{transform:rotate(-13deg)}to{transform:rotate(13deg)}}
@keyframes yl-pas-v{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
#yl-bancs-e{position:fixed;inset:0;z-index:2;pointer-events:none;display:none}
#yl-bancs-e.on{display:block}
body.mosaique #yl-bancs-e,body.yl-e0 #yl-bancs-e{display:none!important}
/* 12 oct. 2026 : la saison sur le mur — une petite branche gravee dans le mur, de la couleur du mur, tres legerement en creux (ombre en haut, lumiere en bas) ; la saison change seulement le dessin (feuilles, bourgeons, branche nue) */
.yl-branche{position:absolute;left:3vw;top:4vh;width:min(19vw,30vh);height:auto;z-index:0;pointer-events:none;opacity:1;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.2)) drop-shadow(0 1px 0 rgba(255,255,255,.05))}
.yl-branche svg{display:block;width:100%;height:auto}
.yl-branche .tr path,.yl-branche .tr path.fin{stroke:color-mix(in srgb,var(--yl-mur,var(--yl-uni,#23272A)) 90%,#000)}
.yl-branche .f{fill:none;stroke:color-mix(in srgb,var(--yl-mur,var(--yl-uni,#23272A)) 90%,#000);stroke-width:.8;stroke-linejoin:round} .yl-branche .f .nv{stroke-width:.5} .yl-branche .f .bg{fill:color-mix(in srgb,var(--yl-mur,var(--yl-uni,#23272A)) 90%,#000);stroke:none}
#yl-branche-e{position:fixed;z-index:2;display:none}
#yl-branche-e .tr path,#yl-branche-e .tr path.fin{stroke:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)} #yl-branche-e .f{stroke:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)} #yl-branche-e .f .bg{fill:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)} /* aux etages, la teinte du mur est --yl-uni */
#yl-branche-e.on{display:block}
body.mosaique .yl-branche,body.yl-contemple .yl-branche{opacity:0;transition:opacity 1s}
@media (max-width:760px){.yl-branche{width:26vw}}
/* 12 oct. 2026 : les chiffres ronds de l'ascenseur, en colonne verticale le long de la separation des portes (4 en haut, 0 en bas) ; l'etage ou l'on passe s'allume en rouge */
#yl-chiffres{position:absolute;left:50%;top:50%;z-index:999;display:flex;flex-direction:column-reverse;gap:14px;transform:translate(-50%,-50%);pointer-events:none}
#yl-chiffres i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font:300 15px/1 Jost,Futura,"Avenir Next",Helvetica,sans-serif;font-style:normal;color:rgba(243,241,236,.8);background:rgba(18,19,21,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:color .3s,box-shadow .3s}
#yl-chiffres i.on{color:var(--rouge,#E5142C);box-shadow:inset 0 0 0 1.5px var(--rouge,#E5142C),0 0 14px rgba(229,20,44,.25)}
@media (max-width:560px){#yl-chiffres{gap:9px}#yl-chiffres i{width:32px;height:32px;font-size:13px}}

/* 12 oct. 2026 (b) : les chiffres n'apparaissent qu'une fois les portes refermees, et s'effacent avant qu'elles s'ouvrent */
#yl-chiffres{opacity:0;transition:opacity .2s}
#yl-chiffres.vu{opacity:1;transition:opacity .35s}
#yl-chiffres.choix.vu{pointer-events:auto} #yl-chiffres.choix.vu i{cursor:pointer;background:rgba(18,19,21,.62)} #yl-chiffres.choix.vu i:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
/* l'ancien panneau de chiffres de la cabine ne s'affiche plus pendant les trajets (il clignotait a la descente) ; il reste seulement pour choisir son etage */
html body #yl-asc .pan{display:none!important} /* (e) jamais affichee : remplacee par les ronds verticaux */

/* 12 oct. 2026 (d) : une seconde branche, plus petite, qui entre par la droite, plus bas — asymetrique, a la japonaise */
.yl-branche.dr{left:auto;right:3vw;top:7vh;width:min(18vw,28vh);transform:scaleX(-1) rotate(-6deg)}
#yl-branche-e2{position:fixed;z-index:2;display:none}
#yl-branche-e2.on{display:block}
#yl-branche-e2 .tr path{stroke:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)} #yl-branche-e2 .f{stroke:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)} #yl-branche-e2 .f .bg{fill:color-mix(in srgb,var(--yl-uni,#23272A) 88%,#000)}
@media (max-width:760px){.yl-branche.dr{width:26vw}}

/* 12 oct. 2026 (e) : le visiteur se tourne pour s'asseoir — silhouette de dos, face a l'oeuvre, en fondu */
.yl-ghost{position:absolute}
.yl-ghost svg.dos{position:absolute;left:0;top:0;opacity:0;transition:opacity .9s ease}
.yl-ghost svg.pf{transition:transform .9s ease,opacity .9s ease}
.yl-ghost.assis svg.pf{opacity:0}
.yl-ghost.assis svg.dos{opacity:1;transform:none}
.yl-ghost .tete-d{transform-origin:35px 92px;animation:yl-tete-d 9s ease-in-out infinite}
@keyframes yl-tete-d{0%,100%{transform:rotate(0)}40%{transform:rotate(-4deg)}70%{transform:rotate(3deg)}}

/* 12 oct. 2026 : l'accueil, oeuvre unique — plus de fleches ; lien discret « Les semaines passees » sous le cartel ; la salle d'archives */
html body #yl-entree .yl-hall .fl{display:none!important}
#yl-entree .yl-une figcaption .yl-passees{display:block;margin:12px 0 0 auto;padding:0;border:0;background:none;font:italic 400 13px/1.3 "Cormorant Garamond","Iowan Old Style",Palatino,Georgia,serif;letter-spacing:.02em;color:inherit;opacity:.6;cursor:pointer;pointer-events:auto;border-bottom:1px solid transparent;transition:opacity .3s,border-color .3s}
#yl-entree .yl-une figcaption .yl-passees:hover{opacity:1;border-bottom-color:currentColor}
body.yl-contemple #yl-entree .yl-passees{opacity:0!important;pointer-events:none}
#yl-arch{position:fixed;inset:0;z-index:99990;overflow-y:auto;padding:12vh 6vw 10vh;background:color-mix(in srgb,var(--yl-mur,#23272A) 92%,#000);opacity:0;transition:opacity .45s ease}
#yl-arch.on{opacity:1}
#yl-arch h2{margin:0 0 6vh;text-align:center;font:300 34px/1.1 Jost,Futura,"Avenir Next",Helvetica,sans-serif;color:#F3F1EC}
#yl-arch h2 i{display:block;margin-top:8px;font:italic 400 17px/1 "Cormorant Garamond",Georgia,serif;color:var(--rouge,#E5142C)}
#yl-arch ul{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5vh 3vw}
#yl-arch li button{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:#B9B6B1}
#yl-arch img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;box-shadow:0 12px 26px -12px rgba(0,0,0,.6);transition:transform .5s ease}
#yl-arch li button:hover img{transform:translateY(-3px)}
#yl-arch b{display:block;margin-top:12px;font:italic 500 16px/1.2 "Cormorant Garamond",Georgia,serif;color:#E8E4DD}
#yl-arch em{display:block;margin-top:3px;font:400 12px/1.2 "Cormorant Garamond",Georgia,serif;font-style:normal;opacity:.7}
#yl-arch .x{position:fixed;top:22px;right:26px;width:44px;height:44px;border:0;background:none;color:#F3F1EC;font:200 30px/44px Jost,sans-serif;cursor:pointer;opacity:.7}
#yl-arch .x:hover{opacity:1}
#yl-fsv{z-index:99999}

/* 12 oct. 2026 : mosaique de l'accueil — « Visiter le musee » et les 4 etages */
#yl-mos .yl-plan-b h3.vm{margin:10px 0 26px;padding:0;text-align:center;font:400 13px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.42em;text-transform:uppercase;color:#E8E4DD;border:0}
#yl-mos .yl-plan-b .et4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 30px}
#yl-mos .yl-plan-b .et4 a{display:block;text-decoration:none;cursor:pointer;color:#B9B6B1}
#yl-mos .yl-plan-b .et4 .im{display:block;aspect-ratio:4/5;overflow:hidden;background:#151617}
#yl-mos .yl-plan-b .et4 img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .8s ease,filter .5s}
#yl-mos .yl-plan-b .et4 a:hover img{transform:scale(1.035);filter:none}
#yl-mos .yl-plan-b .et4 b{display:block;margin-top:14px;font:400 13px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.32em;text-transform:uppercase;color:#E8E4DD}
#yl-mos .yl-plan-b .et4 b i{font-style:normal;margin-right:12px;color:var(--rouge,#E5142C)}
#yl-mos .yl-plan-b .et4 small{display:block;margin-top:7px;font:italic 400 14px/1.2 "Cormorant Garamond",Georgia,serif;opacity:.7}
@media (max-width:760px){#yl-mos .yl-plan-b .et4{grid-template-columns:repeat(2,minmax(0,1fr))}}
#yl-mos .yl-plan-b .et4 img{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;margin:0!important;max-width:none!important}

/* 12 oct. 2026 (g) : les feuilles couvrent tout le mur (calque plein mur), la seconde branche disparait ; plus de silhouette */
.yl-branche.mur{left:0;top:0;right:0;bottom:11vh;width:auto;height:auto;transform:none;overflow:hidden}
#yl-branche-e.mur{left:0;top:0;right:0;bottom:11vh;height:auto}
.yl-branche.mur svg{width:100%;height:100%}
.yl-branche.mur .f{stroke-width:1.1} .yl-branche.mur .f .nv{stroke-width:.7}
.yl-branche.dr,#yl-branche-e2{display:none!important}
.yl-ghost{display:none!important}

/* 12 oct. 2026 : essai mur blanc (accueil) */
html.yl-blanc body :is(#yl-entree,#yl-une-fond) .yl-hall{--yl-mur:#EEECE8!important}
html.yl-blanc body :is(#yl-entree,#yl-une-fond) .yl-hall .yl-sol{background:#D9D6D0!important}
html.yl-blanc body :is(#yl-entree,#yl-une-fond) .yl-hall .yl-sol::before{background-image:repeating-linear-gradient(90deg,#DAD7D1 0 278px,#C9C6C0 278px 280px)!important;background-color:#DAD7D1!important}
html.yl-blanc #yl-entree .yl-banc{background:#E4E1DB!important;box-shadow:0 6px 14px -8px rgba(0,0,0,.25)!important}
html.yl-blanc #yl-entree .yl-hall .yl-titre,html.yl-blanc #yl-entree .yl-hall .yl-titre span{color:#1E1E20!important;text-shadow:none!important}
html.yl-blanc body :is(#yl-entree,#yl-une-fond) .yl-une figcaption{color:#6A6661!important;text-shadow:none!important}
html.yl-blanc body :is(#yl-entree,#yl-une-fond) .yl-une figcaption .tit{color:#2A2826!important}
html.yl-blanc .yl-branche{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.08)) drop-shadow(0 1px 0 rgba(255,255,255,.9))!important}
html.yl-blanc .yl-branche .f{stroke:#DCD9D3!important}
html.yl-blanc .yl-branche .f .bg{fill:#DCD9D3!important}
html.yl-blanc #yl-entree .yl-une .cadre-v{box-shadow:0 22px 40px -22px rgba(0,0,0,.35)!important}
html.yl-blanc #yl-entree .yl-hall .yl-titre *{color:#1E1E20}
html.yl-blanc #yl-entree .yl-hall .yl-titre i{color:var(--rouge,#E5142C)!important}
html.yl-blanc #yl-entree .yl-hall [class*="chev"],html.yl-blanc #yl-entree .yl-hall .yl-titre::after{color:#6A6661!important;border-color:#6A6661!important}
html.yl-blanc #yl-entree .yl-une .cadre-v{box-shadow:0 18px 30px -20px rgba(0,0,0,.28)!important}
html.yl-blanc #yl-entree .yl-une::before{opacity:.35!important}

/* 12 oct. 2026 (i) : deux piliers de feuilles sur les bords */
.yl-branche.mur .pil{position:absolute;top:0;bottom:0;width:min(9.5vw,160px);overflow:hidden}
.yl-branche.mur .pil.g{left:0}
.yl-branche.mur .pil.d{right:0;transform:scaleX(-1)}
.yl-branche.mur .pil svg{display:block;width:100%;height:100%}
.yl-branche.mur .f{stroke-width:.9} .yl-branche.mur .f .nv{stroke-width:.55}
@media (max-width:760px){.yl-branche.mur .pil{width:8vw}}

/* 12 oct. 2026 : etages — mur blanc pour les photos noir et blanc claires */
html.yl-et-blanc #yl-sol-e{background:#D9D6D0!important}
html.yl-et-blanc #yl-sol-e::before{background-color:#DAD7D1!important;background-image:repeating-linear-gradient(90deg,#DAD7D1 0 278px,#C9C6C0 278px 280px)!important}
html.yl-et-blanc #yl-bancs-e .yl-banc-e .d{fill:#F1EFEA} html.yl-et-blanc #yl-bancs-e .yl-banc-e .f{fill:#E2DFD9} html.yl-et-blanc #yl-bancs-e .yl-banc-e .o{fill:rgba(0,0,0,.12)}
html.yl-et-blanc #yl-titre-e,html.yl-et-blanc #yl-titre-e *{color:#1E1E20!important;text-shadow:none!important}
html.yl-et-blanc #yl-titre-e i,html.yl-et-blanc #yl-titre-e em{color:var(--rouge,#E5142C)!important}
html.yl-et-blanc #gauche,html.yl-et-blanc #droite,html.yl-et-blanc #gauche *,html.yl-et-blanc #droite *{color:#6A6661!important}
html body #salle .station.mur-blanc .legende,html body #salle .station.mur-blanc .legende *{color:#5E5A55!important;text-shadow:none!important}
html body #salle .station.mur-blanc .legende b{color:#2A2826!important}
html.yl-et-blanc #yl-branche-e .f{stroke:#DCD9D3!important} html.yl-et-blanc #yl-branche-e .f .bg{fill:#DCD9D3!important}
html.yl-et-blanc #yl-branche-e{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.08)) drop-shadow(0 1px 0 rgba(255,255,255,.9))!important}
/* 12 oct. 2026 : « moins, mais mieux » — plus de feuilles sur le mur ; la saison passe seulement par la lumiere du spot, presque imperceptible (le soir, le matin et la nuit gardent leur lumiere) */
.yl-branche,#yl-branche-e,#yl-branche-e2{display:none!important}
html[data-saison-yl="automne"]:not(.yl-h-matin):not(.yl-h-soir):not(.yl-h-nuit){--yl-spot:255,214,168;--yl-spot-a:.095}
html[data-saison-yl="hiver"]:not(.yl-h-matin):not(.yl-h-soir):not(.yl-h-nuit){--yl-spot:228,236,255;--yl-spot-a:.08}
html[data-saison-yl="printemps"]:not(.yl-h-matin):not(.yl-h-soir):not(.yl-h-nuit){--yl-spot:246,244,226;--yl-spot-a:.085}
html[data-saison-yl="ete"]:not(.yl-h-matin):not(.yl-h-soir):not(.yl-h-nuit){--yl-spot:255,236,198;--yl-spot-a:.10}

/* 12 oct. 2026 (j) : bancs deplaces en transform */
#yl-bancs-e .yl-banc-e{will-change:transform}

/* 12 oct. 2026 (k) : les icones gravees sur le chant avant du banc ; plus d'icones dans la mosaique */
#yl-mos .yl-icos-mos{display:none!important}
#yl-entree .yl-une>.yl-banc>.yl-icos-banc,#yl-bancs-e .yl-banc-e>.yl-icos-banc{position:absolute!important;left:0;right:0;top:24%;bottom:8%;display:flex!important;align-items:center;justify-content:center;gap:2.6vh!important;margin:0!important;pointer-events:auto}
html body #yl-entree .yl-banc .yl-icos-banc i,html body .yl-banc-e .yl-icos-banc i{position:relative;display:block!important;width:1.75vh!important;height:1.75vh!important;min-width:0;cursor:pointer;opacity:.62;font-style:normal;color:rgba(0,0,0,.5);filter:drop-shadow(0 1px 0 rgba(255,255,255,.45));transition:opacity .25s,color .25s}
html body #yl-entree .yl-banc .yl-icos-banc i:hover,html body .yl-banc-e .yl-icos-banc i:hover,html body .yl-icos-banc i:focus-visible{opacity:1;outline:none}
.yl-icos-banc svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.yl-icos-banc svg.pl,.yl-icos-banc .yl-i-pens svg,.yl-icos-banc .yl-i-visite svg,.yl-icos-banc svg .p{fill:currentColor;stroke:none}
html body .yl-icos-banc .yl-i-son.muet,html body.yl-visite .yl-icos-banc .yl-i-visite{color:var(--rouge,#E5142C)!important;opacity:.9}
html body .yl-icos-banc .yl-i-lang{width:auto!important;min-width:1.4em;font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;font-size:1.35vh;line-height:1.75vh;letter-spacing:.18em;text-transform:uppercase;text-align:center}
/* le libelle au survol, au-dessus du banc */
.yl-icos-banc i::after{content:attr(data-lb);position:absolute;left:50%;bottom:calc(100% + 2.4vh);transform:translateX(-50%);white-space:nowrap;padding:4px 9px;border-radius:3px;background:rgba(20,18,16,.84);color:#F3F1EC;font:400 10px/1.3 "Cormorant Garamond",Georgia,serif;letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s}
.yl-icos-banc i:hover::after,.yl-icos-banc i:focus-visible::after{opacity:1}
@media (max-width:760px){#yl-entree .yl-une>.yl-banc>.yl-icos-banc,#yl-bancs-e .yl-banc-e>.yl-icos-banc{gap:1.6vh!important}html body #yl-entree .yl-banc .yl-icos-banc i,html body .yl-banc-e .yl-icos-banc i{width:1.5vh!important;height:1.5vh!important}}
html body .yl-icos-banc.sombre i{color:rgba(255,255,255,.62);filter:drop-shadow(0 -1px 0 rgba(0,0,0,.55))}

/* 12 oct. 2026 (l) : banc plus grand, angles nets (plus de chanfrein ni de fond rectangulaire qui depasse), icones parfaitement centrees sur le chant */
#yl-entree .yl-une>.yl-banc,#yl-bancs-e .yl-banc-e{width:46vh!important;height:5.6vh!important;margin-left:-23vh!important}
html.yl-blanc #yl-entree .yl-banc{background:none!important;box-shadow:none!important}
#yl-entree .yl-banc svg,#yl-bancs-e .yl-banc-e svg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}
#yl-entree .yl-une>.yl-banc>.yl-icos-banc,#yl-bancs-e .yl-banc-e>.yl-icos-banc{top:20%!important;bottom:5%!important;left:0!important;right:0!important;gap:0!important;justify-content:center!important;align-items:center!important}
html body #yl-entree .yl-banc .yl-icos-banc i,html body .yl-banc-e .yl-icos-banc i{flex:0 0 5.2vh;width:5.2vh!important;height:2.1vh!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important}
html body .yl-icos-banc i svg{width:2.1vh!important;height:2.1vh!important;flex:none}
html body .yl-icos-banc .yl-i-lang{width:5.2vh!important;min-width:0!important;font-size:1.5vh!important;line-height:2.1vh!important;letter-spacing:.12em!important;text-indent:.12em}
@media (max-width:760px){#yl-entree .yl-une>.yl-banc,#yl-bancs-e .yl-banc-e{width:36vh!important;margin-left:-18vh!important}html body #yl-entree .yl-banc .yl-icos-banc i,html body .yl-banc-e .yl-icos-banc i{flex-basis:4vh;width:4vh!important}html body .yl-icos-banc i svg{width:1.8vh!important;height:1.8vh!important}}