/* =====================================================================
   MOSAIQUE DU MUSEE youlab.art (#yl-mos) — toutes ses regles, et seulement elles
   Regroupees le 16 oct. 2026 depuis salle.css et fun.css, dans l'ordre ou elles s'appliquaient.
   Chargee apres fun.css. Une regle de la mosaique s'ecrit ici, nulle part ailleurs.
   ===================================================================== */
#yl-mos{position:fixed;inset:0;z-index:6;display:flex;align-content:center;padding:70px 48px 90px;
  opacity:0;pointer-events:none;transition:opacity .9s ease}
#yl-mos.on{opacity:1;pointer-events:auto}
#yl-mos button{border:0;background:transparent;padding:0;cursor:pointer;height:var(--hm,24vh);
  transition:transform .35s ease}
#yl-mos button:hover,#yl-mos button:focus-visible{transform:translateY(-3px)}
#yl-mos img{display:block;height:100%;width:auto;padding:4px;
  border:1px solid color-mix(in srgb,var(--encre) 16%,transparent);
  box-shadow:0 18px 34px -20px var(--ombre)}
#yl-mos button.cur img{outline:1px solid var(--rouge);outline-offset:4px}
#yl-mos button span{display:grid;place-items:center;height:100%;padding:0 1.2em;font-style:italic;color:var(--grave)}
#yl-mos{flex-direction:column;flex-wrap:nowrap;gap:30px;overflow-y:auto;justify-content:safe center;align-items:center}
#yl-mos .grp{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
#yl-mos .grp .rang{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px}
#yl-mos{background:rgba(12,12,13,.975)}
#yl-mos .nomg{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#CFC9BE}
#yl-mos img{background:#F3F0E9;border-color:rgba(255,255,255,.18)}
/* mosaique : les pensees */
#yl-mos .grp.pens button{height:auto;min-height:calc(var(--hm,24vh)*.5);max-width:15em;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
#yl-mos .grp.pens button span{font-family:inherit;font-size:13px;line-height:1.5;padding:.9em 1.2em;color:#E8E4DB;text-align:center}
#yl-mos .grp.pens button span small{display:block;margin-top:.5em;letter-spacing:.1em;font-style:normal;opacity:.6}
#yl-mos .grp.pens button.cur{outline:1px solid var(--rouge);outline-offset:4px}
#yl-mos .grp .nomg{white-space:nowrap}
#yl-mos .artiste{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}
#yl-mos .noma{font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--rouge,#E5142C)}
#yl-mos button.nomg{height:auto;min-height:0;width:auto;padding:2px 6px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--grave)}
#yl-mos button.nomg:hover{color:var(--rouge,#E5142C)}
#yl-mos .grp.txt button{height:auto;min-height:calc(var(--hm,24vh)*.5);max-width:15em}
#yl-mos .grp.txt button span{font-family:inherit;font-size:13px;line-height:1.5;padding:12px;font-style:italic}
#yl-mos .mos-onglets{gap:26px;justify-content:center;width:100%;margin-bottom:6px}
#yl-mos .mos-onglets button{height:auto;min-height:0;width:auto;padding:6px 2px;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#CFC9BE;opacity:.6}
#yl-mos .mos-onglets button.on{opacity:1;border-bottom-color:var(--rouge,#E5142C)}
#yl-mos .mos-apropos{display:none;max-width:38em;padding:10px 24px 30px;font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:19px;line-height:1.6;color:#E9E4DA;text-align:left}
#yl-mos .mos-apropos h3{font-weight:400;font-size:24px;letter-spacing:.06em;margin:0 0 .6em;color:#F3F1EC}
#yl-mos .mos-apropos p{margin:0 0 1em}
#yl-mos .mos-apropos em{color:var(--rouge,#E5142C);font-style:normal}
#yl-mos.apropos .artiste,#yl-mos.apropos .grp{display:none}
#yl-mos.apropos .mos-apropos{display:block}
@media (max-width:760px){
#yl-mos .mos-apropos{font-size:17px;padding:6px 18px 24px}}
#yl-mos .mos-artistes{display:flex;gap:30px;justify-content:center;width:100%;margin-bottom:2px}
#yl-mos .mos-artistes button{height:auto;min-height:0;width:auto;padding:6px 2px;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--rouge,#E5142C);opacity:.55}
#yl-mos .mos-artistes button.on{opacity:1;border-bottom-color:var(--rouge,#E5142C)}
#yl-mos .noma{display:none}
#yl-mos .mos-vide{display:none;padding:30px;font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:22px;letter-spacing:.2em;text-transform:uppercase;color:#CFC9BE;opacity:.7}
#yl-mos.autre .artiste,#yl-mos.autre .grp,#yl-mos.autre .mos-apropos,#yl-mos.autre .mos-onglets{display:none}
#yl-mos.autre .mos-vide{display:block}
#yl-mos .grp.txt{display:none}
#yl-mos.pensees .grp,#yl-mos.pensees .artiste>.grp:not(.txt){display:none}
#yl-mos.pensees .grp.txt{display:flex}
#yl-mos.pensees .noma{display:none}
#yl-mos.apropos .grp.txt,#yl-mos.contact .grp,#yl-mos.contact .artiste{display:none}
#yl-mos .mos-contact{display:none;width:min(34em,90vw);padding:10px 20px 30px;color:#E9E4DA}
#yl-mos.contact .mos-contact{display:block}
#yl-mos .grp.txt .nomg{display:none}
#yl-mos button[data-pz]{height:auto;min-height:calc(var(--hm,24vh)*.62);width:calc(var(--hm,24vh)*.95);max-width:none;padding:6px;background:#F3F1EC;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
#yl-mos button[data-pz] span{display:flex;align-items:center;justify-content:center;height:100%;min-height:calc(var(--hm,24vh)*.56);padding:10px;background:hsl(var(--t) 58% 88%);color:#221E1A;font-style:italic;font-size:13px;line-height:1.45}
#yl-mos #langs{display:flex!important;position:static!important;opacity:1!important;pointer-events:auto!important;flex-wrap:wrap;justify-content:center;gap:4px 14px;max-width:none;height:auto;margin:-4px 0 6px;color:#CFC9BE;font-size:11px;letter-spacing:.14em}
#yl-mos #langs button{display:inline-block!important;height:auto;min-height:0;width:auto;padding:2px 0;color:#CFC9BE;opacity:.55;transform:none!important}
#yl-mos #langs button.on{opacity:1;border-bottom:1px solid var(--rouge,#E5142C)}
#yl-mos #langs button::after{content:none!important}
#yl-mos .mos-onglets{flex-wrap:wrap;row-gap:4px;align-items:center}
#yl-mos .mos-art-menu{position:relative}
#yl-mos .mos-art-t{display:flex;align-items:center;gap:9px;height:auto;min-height:0;width:auto;padding:6px 2px;background:none;border:0;border-bottom:1px solid var(--rouge,#E5142C);cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#F3F1EC}
#yl-mos .mos-art-t b{font-weight:inherit}
#yl-mos .mos-art-t i{display:block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
#yl-mos .mos-art-menu.ouvert .mos-art-t i{transform:translateY(1px) rotate(-135deg)}
#yl-mos .mos-art-menu .mos-artistes{display:none;position:absolute;left:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;width:auto;min-width:100%;margin:8px 0 0;padding:6px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
#yl-mos .mos-art-menu.ouvert .mos-artistes{display:flex}
#yl-mos .mos-art-menu .mos-artistes button{font-size:12px;letter-spacing:.24em;padding:9px 0;white-space:nowrap;text-align:left}
#yl-mos.autre .mos-onglets{display:flex}
#yl-mos.autre .mos-onglets>button{display:none}
#yl-mos .mos-onglets{position:relative;z-index:6}
#yl-mos .mos-art-menu{z-index:20}
#yl-mos .mos-art-menu .mos-artistes{z-index:20;background:#141416!important;opacity:1}
@media (max-width:760px){
#yl-mos .mos-onglets{gap:14px}
#yl-mos .mos-onglets button,#yl-mos .mos-art-t{letter-spacing:.18em;font-size:11px}}
#yl-mos:has(.mos-art-menu.ouvert) #langs{visibility:hidden}
#yl-mos .mos-expos{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;width:100%;margin-bottom:10px}
#yl-mos .mos-expos button{height:auto;min-height:0;width:auto;padding:6px 2px;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--rouge,#E5142C);opacity:.55;transition:opacity .2s}
#yl-mos .mos-expos button:hover{opacity:.85}
#yl-mos .mos-expos button.on{opacity:1;border-bottom-color:var(--rouge,#E5142C)}
#yl-mos .mos-temp{display:none;width:100%;text-align:center;margin:18vh 0 0;font-size:22px;letter-spacing:.3em;text-transform:uppercase;color:#F3F1EC;opacity:.85}
#yl-mos.temp>*:not(.mos-expos):not(.mos-temp){display:none!important}
#yl-mos.temp .mos-temp{display:block}
@media (max-width:760px){
#yl-mos .mos-expos{gap:18px}
#yl-mos .mos-expos button{font-size:11px;letter-spacing:.16em}}
/* ===== 30 sept. p177 : dans la mosaique, les Pensees ont le format des photos — vignettes paysage (3:2) de la meme hauteur ===== */
#yl-mos button[data-pz],#yl-mos .grp.pens button{flex:0 0 auto!important;box-sizing:border-box;height:var(--hm,24vh)!important;min-height:0!important;width:calc(var(--hm,24vh)*1.5)!important;max-width:none!important;padding:0!important;overflow:hidden}
#yl-mos button[data-pz] span,#yl-mos .grp.pens button span{display:flex!important;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%!important;min-height:0!important;padding:0 8%!important;font-size:clamp(8px,calc(var(--hm,24vh)*.11),13px)!important;line-height:1.35!important;text-align:center;overflow:hidden}
#yl-mos .grp.pens button span small{font-size:clamp(7px,calc(var(--hm,24vh)*.08),10px)!important}
#yl-mos img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
@media (hover:none) and (pointer:coarse){
body.dehors #yl-mos{visibility:hidden!important}}
/* ===== 1er oct. p209 : mosaique en sommaire par series (niveau 1 : cartes ; niveau 2 : grille de carres) ; le menu du bas reste accessible ===== */
#yl-mos.som{justify-content:flex-start;padding:max(64px,env(safe-area-inset-top,0px)) 16px calc(150px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
#yl-mos.som .artiste{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;width:100%;max-width:1180px;align-items:start}
#yl-mos.som .artiste .grp:not(.txt){display:block;width:auto;gap:0}
#yl-mos.som .artiste .grp:not(.txt) .nomg,#yl-mos.som .artiste .grp:not(.txt) .rang{display:none!important}
#yl-mos.som .couv{display:block;position:relative;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;aspect-ratio:4/3;overflow:hidden;background:#1a1716;border-radius:2px;text-align:left}
#yl-mos.som .couv:hover,#yl-mos.som .couv:focus-visible{transform:none}
#yl-mos.som .couv .cim{position:absolute;inset:0}
#yl-mos.som .couv img{position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important;object-fit:cover;background:none;border:0;transition:transform .6s ease}
#yl-mos.som .couv:hover img{transform:scale(1.03)}
#yl-mos.som .couv .clg{align-items:baseline;justify-content:space-between;gap:10px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0))}
#yl-mos.som .couv .clg b{font-weight:400;font-size:15px;letter-spacing:.22em;text-transform:uppercase}
#yl-mos.som .couv .clg i{font-style:normal;font-size:11px;letter-spacing:.14em;opacity:.7;white-space:nowrap}
#yl-mos.som.deplie .artiste{display:block;max-width:1180px}
#yl-mos.som.deplie .artiste .grp:not(.txt):not(.ouvert){display:none}
#yl-mos.som.deplie .artiste .grp.ouvert .couv{display:none}
#yl-mos.som.deplie .artiste .grp.ouvert .rang{display:grid!important;grid-template-columns:repeat(3,1fr);gap:3px;width:100%}
@media (min-width:761px){
#yl-mos.som.deplie .artiste .grp.ouvert .rang{grid-template-columns:repeat(6,1fr);gap:8px}}
#yl-mos.som.deplie .grp.ouvert .rang button{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1;padding:0!important;overflow:hidden;background:#1a1716}
#yl-mos.som.deplie .grp.ouvert .rang button:hover{transform:none}
#yl-mos.som.deplie .grp.ouvert .rang img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover;background:none;border:0}
#yl-mos.som.deplie .grp.ouvert .rang button.cur img{outline:2px solid var(--rouge,#C8102E);outline-offset:-2px}
#yl-mos.som .mos-retour{position:sticky;top:0;z-index:2;align-self:flex-start;width:100%;max-width:1180px;margin:0 auto 12px;padding:10px 0!important;height:auto!important;min-height:0!important;text-align:left;background:rgba(12,12,13,.94);color:#F3F1EC;font-family:inherit;font-size:13px;letter-spacing:.24em;text-transform:uppercase}
#yl-mos.som .mos-retour u{text-decoration:none;font-size:20px;vertical-align:-2px;margin-right:6px}
#yl-mos.som .mos-retour:hover{transform:none;color:var(--rouge,#E5142C)}
#yl-mos.som .artiste .grp.ici .couv{box-shadow:0 0 0 2px var(--rouge,#C8102E)}
#yl-mos.som .couv .cim{height:auto!important;padding:0!important;display:block!important}
#yl-mos.som .couv .clg{height:auto!important;display:flex!important;place-items:initial;padding:34px 14px 12px!important;color:#F3F1EC!important;font-style:normal!important}
#yl-mos.som .mos-retour{display:flex!important;align-items:center;gap:8px}
#yl-mos.som .mos-retour span{display:inline!important;height:auto!important;padding:0!important;font-style:normal!important;color:inherit!important}
#yl-mos.som .mos-retour[hidden]{display:none!important}
#yl-mos.som .couv .clg{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}
@media (min-width:761px){
#yl-mos.som .artiste{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body:has(#yl-mob.on) #yl-mos{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#yl-mos.som.murp .artiste{display:block!important;max-width:1180px}
#yl-mos.som.murp .artiste .grp:not(.txt){display:block!important;margin:0 0 34px}
#yl-mos.som.murp .artiste .grp:not(.txt) .couv{display:none!important}
#yl-mos.som.murp .artiste .grp:not(.txt) .nomg{display:block!important;margin:0 0 12px;padding:0!important;height:auto!important;min-height:0!important;text-align:left;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:#F3F1EC}
#yl-mos.som.murp .artiste .grp:not(.txt) .nomg::after{content:"  \00B7  " attr(data-n);letter-spacing:.14em;text-transform:none;opacity:.5;font-size:11px}
#yl-mos.som.murp .artiste .grp:not(.txt) .nomg:hover{color:var(--rouge,#E5142C)}
#yl-mos.som.murp .artiste .grp:not(.txt) .rang{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
#yl-mos.som.murp .grp:not(.txt) .rang button{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1;padding:0!important;overflow:hidden;background:#1a1716}
#yl-mos.som.murp .grp:not(.txt) .rang button:hover{transform:none;opacity:.85}
#yl-mos.som.murp .grp:not(.txt) .rang img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover;background:none;border:0}
#yl-mos.som.murp .grp:not(.txt) .rang button.cur img{outline:2px solid var(--rouge,#C8102E);outline-offset:-2px}
#yl-mos.som.murp .mos-retour{display:none!important}
#yl-mos.som:is(.apropos,.contact,.autre) .artiste{display:none!important}
#yl-mos.som.pensees .artiste>.grp:not(.txt){display:none!important}
#yl-mos.som.pensees .artiste{display:flex!important;flex-direction:column;align-items:center}
#yl-mos.som:is(.pensees,.apropos,.contact,.autre) .mos-retour{display:none!important}
@media (max-width:760px){
#yl-mos.som.murp .artiste .grp:not(.txt) .rang{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
#yl-mos.som.murp .artiste .grp:not(.txt){margin-bottom:26px}}
@media (pointer:coarse){
#yl-mos .rang img{content-visibility:auto}}
@media (hover:hover) and (pointer:fine){
#yl-mos .rang button[data-i]{position:relative;overflow:hidden}
#yl-mos .rang button[data-i]::after{content:attr(aria-label);position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#F3F1EC;font-family:inherit;font-size:12px;font-style:italic;letter-spacing:.04em;line-height:1.25;text-align:left;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
#yl-mos .rang button[data-i]:hover::after,#yl-mos .rang button[data-i]:focus-visible::after{opacity:1;transform:none}}
/* p231 : nombre total de photos par artiste, visible seulement par l'administrateur connecte */
#yl-mos .mos-artistes .mos-nb{display:inline-block;margin-left:.6em;font-size:.72em;letter-spacing:.08em;opacity:.7;font-variant-numeric:tabular-nums}
#yl-mos .mos-art-t .mos-nb{display:inline-block;margin-left:.6em;font-size:.72em;letter-spacing:.08em;opacity:.7;font-variant-numeric:tabular-nums}
/* p260 : mosaique Musique — vignettes des autres artistes masquees selon l'artiste choisi */
#yl-mos .artiste button[data-w].hid,#yl-mos.som .artiste .grp .rang button[data-w].hid{display:none!important}
/* ===== 5 oct. p263 : mosaique Musique — mention du format (Single / EP / Album) en bas de la vignette ===== */
#yl-mos .rang button .fmt{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#F3F1EC;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);text-align:left;pointer-events:none;opacity:.85}
/* ===== 5 oct. p265 : mosaique Musique — second menu « Tous les styles » a cote du menu Artistes ===== */
#yl-mos .mos-sty-menu{margin-left:4px}
/* filtre series/annees : doit l emporter sur le mur de photos (murp) */
#yl-mos.som.murp .artiste .grp.yl-masque-f:not(.txt),#yl-mos.som .artiste .grp.yl-masque-f:not(.txt),#yl-mos .artiste .grp.yl-masque-f,#yl-mos.som.murp .grp:not(.txt) .rang button.yl-masque-f,#yl-mos.som.deplie .grp.ouvert .rang button.yl-masque-f{display:none!important}
/* 6 oct. 2026 : les filtres ne servent que dans l onglet Oeuvres */
#yl-mos.apropos .yl-filt,#yl-mos.pensees .yl-filt,#yl-mos.contact .yl-filt{display:none!important}
html[data-etage] body:not(.yl-e0) #yl-mos{background:var(--yl-uni,#23272A)!important;transition:opacity .9s ease,background-color .6s ease}
html[data-etage] body:not(.yl-e0) #yl-mos.yl-sous-titre{justify-content:flex-start!important}
#yl-mos .mos-onglets{display:none!important}
#yl-mos{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
#yl-mos .yl-autres.yl-plan-e{display:block;width:100%;max-width:1180px;margin:60px auto 30px;padding:0;border:0;text-align:left;box-sizing:border-box;align-self:stretch}
#yl-mos .yl-autres.yl-plan-e h3{margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid rgba(229,20,44,.35);font:400 12px/1.4 "Cormorant Garamond","Iowan Old Style",Georgia,serif;letter-spacing:.42em;text-transform:uppercase;color:#F3F1EC}
#yl-mos .yl-autres.yl-plan-e .et{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:700px){
#yl-mos .yl-autres.yl-plan-e .et{grid-template-columns:repeat(2,minmax(0,1fr))}}
#yl-mos .yl-autres.yl-plan-e button{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;cursor:pointer;background:#1a1716}
#yl-mos .yl-autres.yl-plan-e button img,#yl-mos .yl-autres.yl-plan-e button .vide{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;padding:0;border:0;background:#141210;transition:filter .3s ease}
#yl-mos .yl-autres.yl-plan-e button:hover img{filter:brightness(1.08)}
#yl-mos .yl-autres.yl-plan-e button small{display:block;padding:12px 2px 4px;background:#111;font:400 12px/1.4 "Cormorant Garamond",Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:#F3F1EC}
#yl-mos .yl-autres.yl-plan-e button.cur{outline:1px solid var(--rouge,#E5142C);outline-offset:2px}
#yl-mos .yl-autres.yl-ligne-e{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 26px;width:100%;margin:0 0 4px;padding:0;border:0;text-align:center}
#yl-mos .yl-autres.yl-ligne-e button{all:unset;cursor:pointer;padding:6px 2px;border-bottom:1px solid transparent;font:400 12px/1.4 "Cormorant Garamond","Iowan Old Style",Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:#CFC9BE;opacity:.6;transition:opacity .25s,border-color .25s}
#yl-mos .yl-autres.yl-ligne-e button b{font-weight:400;margin-right:.6em;opacity:.7}
#yl-mos .yl-autres.yl-ligne-e button:hover,#yl-mos .yl-autres.yl-ligne-e button:focus-visible{opacity:1;outline:none}
#yl-mos .yl-autres.yl-ligne-e button.cur{opacity:1;color:#F3F1EC;border-bottom-color:var(--rouge,#E5142C)}
@media (max-width:700px){
#yl-mos .yl-autres.yl-ligne-e{gap:2px 14px}
#yl-mos .yl-autres.yl-ligne-e button{font-size:11px;letter-spacing:.18em}}
/* 8 oct. 2026 (j) : accueil — mosaique de la couleur de l'accueil ; ligne des etages au-dessus du plan ; plus de vignettes « Les etages » (doublon de la ligne) */
html body.yl-e0 #yl-mos{background:var(--yl-acc,#23272A)!important}
html body.yl-e0 #yl-mos.yl-sous-titre{justify-content:flex-start!important}
#yl-mos.yl-plan .yl-autres.yl-ligne-e{display:flex!important;margin-bottom:26px}
#yl-mos .yl-plan-b h3:nth-of-type(2),#yl-mos .yl-plan-b .et{display:none!important}
#yl-mos.yl-clair{color:#24201C}
#yl-mos.yl-clair .yl-ligne-e button,#yl-mos.yl-clair .yl-dd-t,#yl-mos.yl-clair .nomg,#yl-mos.yl-clair button.nomg,#yl-mos.yl-clair .yl-cnt,#yl-mos.yl-clair .mos-vide,#yl-mos.yl-clair .mos-apropos,#yl-mos.yl-clair .mos-apropos h3,#yl-mos.yl-clair .yl-filt .mos-art-t,#yl-mos.yl-clair .mos-art-menu .mos-artistes button,#yl-mos.yl-clair .yl-plan-b h3,#yl-mos.yl-clair .yl-autres p{color:#24201C!important;text-shadow:none!important}
#yl-mos.yl-clair .yl-ligne-e button{opacity:.7}
#yl-mos.yl-clair .yl-ligne-e button.cur,#yl-mos.yl-clair .yl-ligne-e button:hover{opacity:1}
#yl-mos.yl-clair .yl-dd-t i{border-color:#24201C}
#yl-mos.yl-clair .mos-etage{color:#B00E24!important;border-bottom-color:rgba(176,14,36,.45)!important}
#yl-mos.yl-clair .mos-apropos em{color:#B00E24}
/* la mosaique apparait d'un coup, sans fondu (le tableau ne s'efface plus lentement) */
#yl-mos,html[data-etage] body:not(.yl-e0) #yl-mos,html body.yl-e0 #yl-mos{transition:none!important}
/* plus de titre de section (« 3 · MUSIQUE ») dans la mosaique des etages : le titre et la ligne des etages le disent deja ; plus de compteur a cote de « Tous les artistes » */
html[data-etage] body:not(.yl-e0) #yl-mos .mos-etage{display:none!important}
#yl-mos .mos-nb{display:none!important}
/* 8 oct. 2026 (m) : la mosaique reste invisible le temps de se mettre en place (2 images), puis apparait d'un coup a sa place definitive */
#yl-mos.on.yl-pose>*{visibility:hidden!important}
/* 8 oct. 2026 (ee) : seul le contenu attend sa mise en place ; le fond noir couvre l'ecran tout de suite (avant, on voyait la salle Photo par transparence pendant 2 images) */
#yl-mos:not(.pensees) .grp.pens{display:none!important}
html[data-etage] body:not(.yl-e0) #yl-mos,html body.yl-e0 #yl-mos,#yl-mos{background:#0C0C0D!important}
#yl-mos .yl-autres.yl-ligne-e button.yl-sort-b{margin-left:18px;padding-left:24px!important;border-left:1px solid rgba(233,228,218,.22)}
/* 8 oct. 2026 (cc) : Entree en tete de la ligne des etages, le meme trait que Sortie, en miroir */
#yl-mos .yl-autres.yl-ligne-e button.yl-entr-b{margin-right:18px;padding-right:24px!important;border-right:1px solid rgba(233,228,218,.22)}
/* 8 oct. 2026 (ii) : mosaique Pensees — la phrase centree dans sa vignette, chaque vignette sur la teinte de son cadre au mur (meme formule que .pens-c : hsl(--t 60% 88%), encre #221E1A) */
#yl-mos .yl-pz-b .pz button{display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;text-align:center!important;background:hsl(var(--t,30) 60% 88%)!important;color:#221E1A!important}
#yl-mos .yl-pz-b .pz button:hover{background:hsl(var(--t,30) 60% 82%)!important}
#yl-mos .yl-pz-b .pz button span{text-align:center!important;color:#221E1A!important}
/* 8 oct. 2026 (jj) : mosaique Pensees — juste la phrase, pas l'auteur */
#yl-mos .yl-pz-b .pz button small{text-align:center;color:rgba(34,30,26,.62)!important;display:none!important}
/* 8 oct. 2026 (kk) : mosaique Pensees — la phrase centree aussi en hauteur (le span ne s'etire plus sur toute la vignette) */
#yl-mos .yl-pz-b .pz button span{flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:auto 0!important}
#yl-mos .yl-icos-mos i{display:block;width:16px;height:16px;cursor:pointer;opacity:.55;transition:opacity .25s;font-style:normal;color:#F3F1EC}
#yl-mos .yl-icos-mos i:hover,#yl-mos .yl-icos-mos i:focus-visible{opacity:1}
#yl-mos .yl-icos-mos svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#yl-mos .yl-icos-mos .yl-i-son.muet{color:var(--rouge,#E5142C);opacity:.85}
#yl-mos .yl-icos-mos .yl-i-lang{width:auto;min-width:1.1em;font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;font-size:11px;line-height:16px;letter-spacing:.18em;text-transform:uppercase;text-align:center}
#yl-mos .yl-icos-mos{align-items:center;gap:1.2em;vertical-align:middle;pointer-events:auto;position:absolute;top:26px;right:32px;z-index:8;margin:0}
#yl-mos .yl-icos-mos .yl-i-pens svg{fill:currentColor;stroke:none}
#yl-mos .yl-icos-mos svg .p{fill:currentColor;stroke:none}
@media (max-width:760px){
#yl-mos .yl-icos-mos{top:14px;right:16px;gap:1em}}
#yl-mos .yl-icos-mos .yl-i-visite svg{fill:currentColor;stroke:none}
#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}
#yl-mos .yl-icos-mos{display:none!important}
.yl-plan-b .et4b .im img{display:none!important}
.yl-plan-b .et4b .im{background-repeat:no-repeat!important;background-position:center!important;background-color:#18181A!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;background-size:30% auto!important}
.yl-plan-b .et4b:hover .im{background-color:#202022!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}
.yl-plan-b .et4b[data-et4="0"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%2214%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%222.5%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%227%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%223.2%22/%3E%3Cpath%20d%3D%22M17%2014l2.5-4h9L31%2014%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="1"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%209v29M17%2026h16M33%2026v12%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2211%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%221%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="2"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2214%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2210%22%20stroke-width%3D%22.7%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223.4%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%22.6%22%20fill%3D%22%23D9D4CB%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="3"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%2213%22%20width%3D%2230%22%20height%3D%2222%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M21%2019.5v9l7.5-4.5z%22/%3E%3C/svg%3E")!important}
/* 14 oct. 2026 (at) : mosaique de l'accueil — Entree a gauche, Sortie a droite, sous les 4 salles */
#yl-mos .yl-plan-b .et2{display:flex;justify-content:space-between;gap:18px;margin:-6px 0 30px}
#yl-mos .yl-plan-b .et2 .es{display:flex;align-items:center;gap:14px;text-decoration:none;cursor:pointer;color:#E8E4DD}
#yl-mos .yl-plan-b .et2 .ic{display:block;width:56px;height:56px;background:#18181A no-repeat center/46% auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:background-color .3s,box-shadow .3s}
#yl-mos .yl-plan-b .et2 .e .ic{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%208h14v32H24%22/%3E%3Cpath%20d%3D%22M6%2024h24M25%2019l5%205-5%205%22/%3E%3C/svg%3E")}
#yl-mos .yl-plan-b .et2 .s .ic{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%208H10v32h14%22/%3E%3Cpath%20d%3D%22M18%2024h24M37%2019l5%205-5%205%22/%3E%3C/svg%3E")}
#yl-mos .yl-plan-b .et2 .es:hover .ic{background-color:#202022;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
#yl-mos .yl-plan-b .et2 b{font:400 13px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.32em;text-transform:uppercase}
/* 16 oct. 2026 : au survol, les pictogrammes de la mosaique de l'accueil (4 etages, Entree, Sortie) passent en rouge */
.yl-plan-b .et4b[data-et4="0"]:hover .im,.yl-plan-b .et4b[data-et4="0"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%2214%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%222.5%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%227%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%223.2%22/%3E%3Cpath%20d%3D%22M17%2014l2.5-4h9L31%2014%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="1"]:hover .im,.yl-plan-b .et4b[data-et4="1"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%209v29M17%2026h16M33%2026v12%22/%3E%3Crect%20x%3D%2217%22%20y%3D%2211%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%221%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="2"]:hover .im,.yl-plan-b .et4b[data-et4="2"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2214%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2210%22%20stroke-width%3D%22.7%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223.4%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%22.6%22%20fill%3D%22%23E5142C%22/%3E%3C/svg%3E")!important}
.yl-plan-b .et4b[data-et4="3"]:hover .im,.yl-plan-b .et4b[data-et4="3"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%2213%22%20width%3D%2230%22%20height%3D%2222%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M21%2019.5v9l7.5-4.5z%22/%3E%3C/svg%3E")!important}
#yl-mos .yl-plan-b .et2 .e:hover .ic,#yl-mos .yl-plan-b .et2 .e:focus-visible .ic{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%208h14v32H24%22/%3E%3Cpath%20d%3D%22M6%2024h24M25%2019l5%205-5%205%22/%3E%3C/svg%3E")}
#yl-mos .yl-plan-b .et2 .s:hover .ic,#yl-mos .yl-plan-b .et2 .s:focus-visible .ic{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%208H10v32h14%22/%3E%3Cpath%20d%3D%22M18%2024h24M37%2019l5%205-5%205%22/%3E%3C/svg%3E")}

/* 28 oct. 2026 : six salles dans « Visiter le musee » (-1 Son et 5 Installation) */
#yl-mos .yl-plan-b .et4{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){#yl-mos .yl-plan-b .et4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){#yl-mos .yl-plan-b .et4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.yl-plan-b .et4b[data-et4="sous"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2020v8h7l9%207V13l-9%207z%22%2F%3E%3Cpath%20d%3D%22M31%2019.5a6.5%206.5%200%20010%209M35%2015.5a12.5%2012.5%200%20010%2017%22%2F%3E%3C%2Fsvg%3E")!important}
.yl-plan-b .et4b[data-et4="haut"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%229%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2216.5%22%20r%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M24%2019v5.5M20.5%2021.5h7M24%2031v6M16%2037h16%22%2F%3E%3C%2Fsvg%3E")!important}
.yl-plan-b .et4b[data-et4="sous"]:hover .im,.yl-plan-b .et4b[data-et4="sous"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2020v8h7l9%207V13l-9%207z%22%2F%3E%3Cpath%20d%3D%22M31%2019.5a6.5%206.5%200%20010%209M35%2015.5a12.5%2012.5%200%20010%2017%22%2F%3E%3C%2Fsvg%3E")!important}
.yl-plan-b .et4b[data-et4="haut"]:hover .im,.yl-plan-b .et4b[data-et4="haut"]:focus-visible .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23E5142C%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%229%22%20width%3D%2232%22%20height%3D%2222%22%20rx%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2216.5%22%20r%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M24%2019v5.5M20.5%2021.5h7M24%2031v6M16%2037h16%22%2F%3E%3C%2Fsvg%3E")!important}

/* 29 oct. 2026 (Fabien) : plan « Visiter le musée » — mosaïque des œuvres de l'étage en transparence derrière le pictogramme */
.yl-plan-b .et4b .im{position:relative;overflow:hidden}
.yl-plan-b .et4b .im .yl-mo{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n,2),1fr);grid-template-rows:repeat(var(--n,2),1fr);gap:1px;opacity:.36;filter:saturate(.8);transition:opacity .45s ease}
.yl-plan-b .et4b .im .yl-mo i{background-size:cover;background-position:center}
.yl-plan-b .et4b .im .yl-mo::after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgba(24,24,26,.82),rgba(24,24,26,.3))}
.yl-plan-b .et4b:hover .im .yl-mo,.yl-plan-b .et4b:focus-visible .im .yl-mo{opacity:.55}
.yl-plan-b .et4b .im .yl-ic{position:absolute;inset:0;z-index:1;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:inherit;background-color:transparent}
.yl-plan-b .et4b[data-et4="haut6"] .im{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23D9D4CB%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2212%22%20y%3D%227%22%20width%3D%2224%22%20height%3D%2221%22%20rx%3D%221%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2217.5%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M18%2028l-5%2013M30%2028l5%2013M24%2028v9%22%2F%3E%3C%2Fsvg%3E")!important}
/* 29 oct. 2026 : avec l'etage 6, sept salles au plan : une seule rangee sur grand ecran */
@media (min-width:1000px){#yl-mos .yl-plan-b .et4{grid-template-columns:repeat(7,minmax(0,1fr))!important}}

/* 29 oct. 2026 (Fabien) : plus de pictogrammes au plan : la mosaique des oeuvres (ou les sonogrammes, ou la neige) en pleine image */
.yl-plan-b .et4b .im.yl-mo-on,.yl-plan-b .et4b:hover .im.yl-mo-on,.yl-plan-b .et4b:focus-visible .im.yl-mo-on{background-image:none!important}
.yl-plan-b .et4b .im .yl-mo{opacity:1!important;filter:saturate(.92);transition:transform .8s ease,filter .5s}
.yl-plan-b .et4b:hover .im .yl-mo,.yl-plan-b .et4b:focus-visible .im .yl-mo{opacity:1!important;filter:none;transform:scale(1.035)}
.yl-plan-b .et4b .im .yl-mo::after{content:none!important}
.yl-plan-b .et4b .im .yl-ic{display:none!important}
.yl-plan-b .et4b[data-et4="sous"] .im .yl-mo i{background-color:#F3F0E9}
.yl-plan-b .et4b .im .yl-neige{position:absolute;inset:0;width:100%;height:100%;z-index:1}
/* 29 oct. 2026 (Tiphaine, essai) : Livre d'or · Pensees ecrit comme les murs du cube de l'installation (etage 5, saisons) — capitales Jost espacees, blanc casse sur noir. Pour revenir aux vignettes pastel : retirer ces 3 lignes. */
#yl-mos .yl-pz-b .pz button{background:#050505!important;color:rgb(240,238,232)!important;box-shadow:inset 0 0 0 1px rgba(240,238,232,.08)}
#yl-mos .yl-pz-b .pz button:hover{background:#111!important}
#yl-mos .yl-pz-b .pz button span{font:300 15px/1.6 Jost,"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.2em;color:rgb(240,238,232)!important}

/* 3 nov. 2026 (Fabien : « dans la mosaique, le logo YouLab et les menus sortent de l'ecran, coupes en haut ») : le centrage par « safe center » n'est pas compris partout ; quand le contenu depasse, le haut etait rejete hors de l'ecran. Centrage par marges automatiques : jamais rien de coupe */
html body #yl-mos{justify-content:flex-start!important}
html body #yl-mos>:first-child{margin-top:auto!important}
html body #yl-mos>:last-child{margin-bottom:auto!important}
/* 3 nov. 2026 (Fabien : « dans la mosaique, il faut descendre le logo YouLab et tous les menus : c'est coupe en haut ») : le titre etait centre sur son bord haut (translate -50 %) ; en mosaique, il se pose sous le bord de l'ecran, et la mosaique commence dessous */
html body.mosaique #yl-titre-e{top:calc(env(safe-area-inset-top,0px) + 20px)!important;transform:translate(-50%,0)!important}
html body.mosaique #yl-mos{padding-top:calc(env(safe-area-inset-top,0px) + 140px)!important}

/* 3 nov. 2026 (Fabien : « le menu de navigation en blanc ? plutot noir, lumineux, ou 3D, un cylindre qui fasse penser a l'OVNI, sans qu'on le sache ») — valide : une capsule de verre fume, un fil d'or comme la fente du hall, un leger volume ; la meme a tous les etages */
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas){background:linear-gradient(180deg,rgba(62,58,53,.8) 0%,rgba(24,23,22,.86) 48%,rgba(9,9,9,.92) 100%)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;backdrop-filter:blur(20px) saturate(1.2)!important;box-shadow:0 0 0 1px rgba(232,192,122,.55),inset 0 1px 0 rgba(255,236,200,.3),inset 0 -1px 0 rgba(0,0,0,.65),0 0 18px rgba(232,180,100,.16),0 14px 34px rgba(0,0,0,.45)!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) :is(.ic,button){color:#efe6d6!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) :is(.ic,button):hover{background:rgba(255,236,200,.1)!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) :is(.ic,button)[aria-pressed="true"]{background:#e3bc7a!important;color:#15130f!important}
html body #yl-ac3 .ac-aide{color:rgba(239,230,214,.72)!important}
/* v61 — 3 nov. 2026 (Fabien : « pas un cylindre, un cigare : comme l'OVNI, en gardant le design des touches ») : un cigare de verre fume et de metal sombre, en volume —
   bouts effiles, reflet long sur le dessus, ventre sombre, lumiere doree rasante dessous, fil d'or ; il flotte et tangue a peine, une lueur doree sous lui */
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas){padding:16px 30px!important;border-radius:999px!important;background:radial-gradient(46% 16% at 50% 21%,rgba(255,246,228,.42),rgba(255,246,228,0) 100%),linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.22) 6%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,.22) 94%,rgba(0,0,0,.62) 100%),radial-gradient(60% 40% at 50% 104%,rgba(232,178,98,.5),rgba(232,178,98,0) 100%),linear-gradient(180deg,rgba(118,110,100,.95) 0%,rgba(66,62,57,.95) 22%,rgba(30,28,26,.96) 50%,rgba(11,11,11,.97) 80%,rgba(34,29,22,.97) 100%)!important;box-shadow:0 0 0 1px rgba(232,192,122,.62),inset 0 1px 1px rgba(255,244,224,.3),inset 0 -2px 3px rgba(232,180,100,.25),0 0 22px rgba(232,180,100,.14)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15)!important;backdrop-filter:blur(16px) saturate(1.15)!important;overflow:visible!important;animation:ylCigare 7s ease-in-out infinite}
html body #yl-in.musee .in-pill{position:relative}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas)::after{content:"";position:absolute;left:14%;right:14%;top:calc(100% + 6px);height:30px;border-radius:50%;z-index:-2;background:radial-gradient(50% 50% at 50% 35%,rgba(255,206,130,.36),rgba(255,190,110,.12) 45%,rgba(0,0,0,0) 72%);filter:blur(4px);pointer-events:none;animation:ylCigareL 7s ease-in-out infinite}
@keyframes ylCigare{0%,100%{translate:0 0;rotate:0deg}30%{translate:0 -4px;rotate:-.5deg}65%{translate:0 -2px;rotate:.4deg}}
@keyframes ylCigareL{0%,100%{opacity:1;scale:1}30%{opacity:.75;scale:1.07}65%{opacity:.9;scale:1.03}}
@media (prefers-reduced-motion:reduce){html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas),html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas)::after{animation:none}}
/* 3 nov. 2026 (Fabien) : a l'etage Photo 3D, la mosaique montre aussi les archives de toutes les series ; une photo s'ouvre en grand */
#yl-in-mos .arch{max-width:1400px;margin:46px auto 0;padding-top:26px;border-top:1px solid rgba(232,192,122,.28)}
#yl-in-mos .arch h3{margin:0 0 22px;font:500 12px/1.4 Jost,'Helvetica Neue',Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#E8E4DD}
#yl-in-mos .arch h3 small,#yl-in-mos .arch .nomg small{margin-left:.9em;opacity:.55;font-size:.85em;letter-spacing:.1em}
#yl-in-mos .arch .grp{margin:0 0 22px}
#yl-in-mos .arch .nomg{margin:0 0 9px;font:italic 400 19px/1.25 'Cormorant Garamond','EB Garamond',Georgia,serif;color:#E8E4DD}
#yl-in-mos .arch .rang{display:flex;flex-wrap:wrap;gap:7px}
#yl-in-mos .arch .rang button{all:unset;cursor:pointer;display:block;height:92px;border-radius:2px;overflow:hidden;background:#151517;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .25s ease,box-shadow .25s ease}
#yl-in-mos .arch .rang button:hover,#yl-in-mos .arch .rang button:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(232,192,122,.7),0 8px 18px rgba(0,0,0,.5)}
#yl-in-mos .arch .rang img{display:block;height:92px;width:auto;min-width:60px;object-fit:cover}
@media (max-width:560px){#yl-in-mos .arch .rang button,#yl-in-mos .arch .rang img{height:70px}}
#yl-ph-vis{position:fixed;inset:0;z-index:2147483300;display:none;align-items:center;justify-content:center;background:rgba(7,7,9,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#yl-ph-vis.on{display:flex;animation:ylPhIn .35s ease}
@keyframes ylPhIn{from{opacity:0}to{opacity:1}}
#yl-ph-vis figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:88vw}
#yl-ph-vis img{display:block;max-width:86vw;max-height:78vh;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.65)}
#yl-ph-vis figcaption{margin-top:16px;color:#E8E4DD;font:400 13px/1.5 Jost,'Helvetica Neue',Arial,sans-serif;letter-spacing:.08em;text-align:center}
#yl-ph-vis figcaption b{font:italic 400 19px/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
#yl-ph-vis figcaption i{font-style:normal;opacity:.6;margin-left:.9em}
#yl-ph-vis :is(.x,.pv,.nx){position:absolute;background:none;border:0;color:#efe6d6;cursor:pointer;font:300 40px/1 Jost,Arial,sans-serif;padding:14px 18px;opacity:.75;transition:opacity .2s}
#yl-ph-vis :is(.x,.pv,.nx):hover{opacity:1;color:#e3bc7a}
#yl-ph-vis .x{top:calc(10px + env(safe-area-inset-top,0px));right:12px;font-size:34px}
#yl-ph-vis .pv{left:8px;top:50%;transform:translateY(-50%)}
#yl-ph-vis .nx{right:8px;top:50%;transform:translateY(-50%)}
/* 3 nov. 2026 (Fabien : « sur la barre de navigation, il n'y a plus les fleches haut, bas, droite, gauche ») : les fleches etaient ivoire sur le disque clair ;
   le disque des deplacements passe en verre fume a fil d'or, comme le cigare, fleches ivoire, point rouge au centre */
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et{background:radial-gradient(70% 70% at 50% 30%,rgba(104,97,88,.97),rgba(34,32,30,.98) 55%,rgba(12,12,12,.99) 100%)!important;box-shadow:0 0 0 1px rgba(232,192,122,.75),inset 0 1.5px 1px rgba(255,242,220,.35),inset 0 -3px 5px rgba(0,0,0,.6),0 0 14px rgba(232,180,100,.18),0 8px 18px rgba(0,0,0,.5)!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et .ic{color:#f3ead9!important;background:none!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et .ic:hover{color:#e3bc7a!important;background:rgba(255,236,200,.1)!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et .ic svg{width:22px!important;height:22px!important;stroke-width:1.7!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et i{background:#C8102E!important;box-shadow:0 0 0 2.5px rgba(20,19,18,.95),0 0 8px rgba(200,16,46,.5)!important}
/* 3 nov. 2026 (Fabien) : le catalogue du musee — la mosaique devient la version 2D du musee : on passe d'un etage a l'autre sans quitter la mosaique ; « Voir en 3D » mene a l'etage */
#yl-cat{position:fixed;inset:0;z-index:2147483100;display:none;flex-direction:column;background:#0b0b0c;color:#E8E4DD;font-family:Jost,'Helvetica Neue',Arial,sans-serif;-webkit-user-select:none;user-select:none}
#yl-cat.on{display:flex;animation:ylCatIn .35s ease}
@keyframes ylCatIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.yl-cat-on{overflow:hidden}
#yl-cat .cat-x{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:14px;z-index:2;background:none;border:0;color:#efe6d6;font:300 34px/1 Jost,Arial,sans-serif;cursor:pointer;opacity:.75;padding:8px 12px}
#yl-cat .cat-x:hover{opacity:1;color:#e3bc7a}
#yl-cat .cat-h{flex:none;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 14px;text-align:center;border-bottom:1px solid rgba(232,192,122,.18)}
#yl-cat .cat-t{margin:0 0 14px;font:italic 400 21px/1.2 'Cormorant Garamond','EB Garamond',Georgia,serif;color:#E8E4DD}
#yl-cat .cat-t span{display:block;margin-bottom:4px;font:600 11px/1 Jost,'Helvetica Neue',Arial,sans-serif;font-style:normal;letter-spacing:.32em;text-transform:uppercase;color:#e3bc7a}
#yl-cat .cat-et{display:flex;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:2px 4px 4px}
#yl-cat .cat-et::-webkit-scrollbar{display:none}
#yl-cat .cat-et button{all:unset;flex:none;position:relative;display:inline-flex;align-items:baseline;gap:7px;padding:8px 14px;border-radius:999px;cursor:pointer;color:#cfc8bc;box-shadow:inset 0 0 0 1px rgba(232,192,122,.25);transition:background .2s,color .2s}
#yl-cat .cat-et button b{font:500 13px/1 Jost,Arial,sans-serif;color:#e3bc7a}
#yl-cat .cat-et button span{font:400 13px/1 Jost,Arial,sans-serif;letter-spacing:.06em}
#yl-cat .cat-et button:hover{background:rgba(255,236,200,.08);color:#fff}
#yl-cat .cat-et button.on{background:#e3bc7a;color:#15130f;box-shadow:none}
#yl-cat .cat-et button.on b{color:#15130f}
#yl-cat .cat-et button i{position:absolute;top:3px;right:5px;width:6px;height:6px;border-radius:50%;background:#C8102E;box-shadow:0 0 6px rgba(200,16,46,.6)}
#yl-cat .cat-c{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px max(20px,env(safe-area-inset-right,0px)) 60px max(20px,env(safe-area-inset-left,0px))}
#yl-cat .cat-c>*{max-width:1400px;margin-left:auto;margin-right:auto}
#yl-cat h2{margin:0 auto 10px;font:italic 400 34px/1.15 'Cormorant Garamond','EB Garamond',Georgia,serif;color:#F3EEE5}
#yl-cat h2 small,#yl-cat h3 small{margin-left:.8em;font:400 12px/1 Jost,Arial,sans-serif;letter-spacing:.14em;color:#9a948a;font-style:normal}
#yl-cat .cat-go{all:unset;display:inline-block;cursor:pointer;margin:0 0 26px;padding:9px 18px;border-radius:999px;font:500 12px/1 Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#e3bc7a;box-shadow:inset 0 0 0 1px rgba(232,192,122,.6);transition:background .2s,color .2s}
#yl-cat .cat-go:hover{background:#e3bc7a;color:#15130f}
#yl-cat .cat-go-et{display:table}
#yl-cat .cat-grp{margin:0 auto 30px}
#yl-cat .cat-grp h3{margin:0 0 12px;font:italic 400 21px/1.25 'Cormorant Garamond','EB Garamond',Georgia,serif;color:#E8E4DD}
#yl-cat .cat-rang{display:flex;flex-wrap:wrap;gap:12px 10px}
#yl-cat .cat-o{position:relative;margin:0;display:flex;flex-direction:column;max-width:280px}
#yl-cat .cat-im{all:unset;display:block;cursor:zoom-in;height:150px;border-radius:2px;overflow:hidden;background:#151517;box-shadow:0 2px 10px rgba(0,0,0,.45);transition:transform .25s ease,box-shadow .25s ease}
#yl-cat .cat-im:hover,#yl-cat .cat-im:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(232,192,122,.75),0 10px 22px rgba(0,0,0,.55)}
#yl-cat .cat-im img{display:block;height:150px;width:auto;min-width:90px;max-width:280px;object-fit:cover}
#yl-cat .cat-son{display:flex;align-items:center;justify-content:center;width:150px;height:150px;padding:12px;box-sizing:border-box;text-align:center;font:italic 400 18px/1.2 'Cormorant Garamond',Georgia,serif;background:radial-gradient(circle at 50% 40%,#2a2724,#111 70%)}
#yl-cat .cat-3d{all:unset;position:absolute;top:7px;right:7px;cursor:pointer;padding:5px 9px;border-radius:999px;font:600 10px/1 Jost,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3ead9;background:rgba(12,12,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(232,192,122,.7);opacity:.9;transition:background .2s,color .2s,opacity .2s}
#yl-cat .cat-3d:hover{background:#e3bc7a;color:#15130f;opacity:1}
#yl-cat .cat-o figcaption{margin-top:6px;max-width:100%;font:400 12px/1.35 Jost,Arial,sans-serif;color:#b9b4ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#yl-cat .cat-vide{padding:30px 0}
#yl-cat .cat-vide p{max-width:620px;margin:0 0 22px;font:italic 400 20px/1.45 'Cormorant Garamond',Georgia,serif;color:#cfc8bc}
@media (max-width:600px){#yl-cat .cat-et{justify-content:flex-start}#yl-cat .cat-im,#yl-cat .cat-im img{height:104px}#yl-cat .cat-son{width:104px;height:104px;font-size:15px}#yl-cat h2{font-size:28px}}
#yl-cat-vue{position:fixed;inset:0;z-index:2147483300;display:none;align-items:center;justify-content:center;background:rgba(7,7,9,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#yl-cat-vue.on{display:flex;animation:ylCatIn .3s ease}
#yl-cat-vue figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:90vw}
#yl-cat-vue img{display:block;max-width:86vw;max-height:74vh;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.65)}
#yl-cat-vue figcaption{margin-top:16px;color:#E8E4DD;font:400 13px/1.6 Jost,'Helvetica Neue',Arial,sans-serif;letter-spacing:.06em;text-align:center}
#yl-cat-vue figcaption b{font:italic 400 21px/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
#yl-cat-vue figcaption i{font-style:normal;opacity:.6;margin-left:.9em}
#yl-cat-vue figcaption .nb{display:block;margin-top:4px;font-size:11px;letter-spacing:.2em;opacity:.45}
#yl-cat-vue .v3d{all:unset;display:inline-block;cursor:pointer;margin-top:14px;padding:10px 20px;border-radius:999px;font:500 12px/1 Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#15130f;background:#e3bc7a;box-shadow:0 0 18px rgba(232,180,100,.25)}
#yl-cat-vue .v3d:hover{background:#f0cf94}
#yl-cat-vue :is(.x,.pv,.nx){position:absolute;background:none;border:0;color:#efe6d6;cursor:pointer;font:300 42px/1 Jost,Arial,sans-serif;padding:14px 18px;opacity:.75;transition:opacity .2s}
#yl-cat-vue :is(.x,.pv,.nx):hover{opacity:1;color:#e3bc7a}
#yl-cat-vue .x{top:calc(10px + env(safe-area-inset-top,0px));right:12px;font-size:34px}
#yl-cat-vue .pv{left:6px;top:50%;transform:translateY(-50%)}
#yl-cat-vue .nx{right:6px;top:50%;transform:translateY(-50%)}
/* 3 nov. 2026 : le logo rond du catalogue, cercle noir cerne d'un fil d'or */
#yl-cat .cat-logo{all:unset;display:block;width:72px;height:72px;margin:0 auto 10px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px rgba(232,192,122,.7),0 8px 22px rgba(0,0,0,.6);transition:transform .25s ease}
#yl-cat .cat-logo:hover{transform:scale(1.05)}
#yl-cat .cat-logo img{display:block;width:72px;height:72px;border-radius:50%}
@media (max-width:600px){#yl-cat .cat-logo,#yl-cat .cat-logo img{width:58px;height:58px}}
/* v69 — 3 nov. 2026 (Fabien : « j'aime pas trop la lueur en degrade… le contour jaune juste sur le cercle, pas sur le cylindre ») : le cigare sans halo ni fil d'or, juste son volume et une ombre portee ; le fil d'or reste sur le disque des fleches */
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas){background:radial-gradient(46% 16% at 50% 21%,rgba(255,246,228,.4),rgba(255,246,228,0) 100%),linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.22) 6%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,.22) 94%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(118,110,100,.95) 0%,rgba(66,62,57,.95) 22%,rgba(30,28,26,.96) 50%,rgba(11,11,11,.97) 80%,rgba(30,28,26,.97) 100%)!important;box-shadow:inset 0 1px 1px rgba(255,244,224,.3),inset 0 -2px 3px rgba(0,0,0,.45),0 16px 24px -14px rgba(0,0,0,.6)!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas)::after{display:none!important}
html body :is(#yl-ac3 .ac-bas,#yl-de3 .ac-bas,#yl-pl5 .ac-bas,#yl-in.musee .in-pill,#yl-in.ph1 .in-bas) .nv-et{box-shadow:0 0 0 1px rgba(232,192,122,.8),inset 0 1.5px 1px rgba(255,242,220,.35),inset 0 -3px 5px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.5)!important}
/* v69 — 3 nov. 2026 (Fabien : « la mosaique doit avoir un verre depoli noir, legerement transparent, pour ne pas faire oublier la 3D du musee ») : le musee reste la, flou, derriere les oeuvres */
#yl-cat{background:linear-gradient(180deg,rgba(16,15,14,.5) 0%,rgba(9,9,10,.62) 100%)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25) brightness(.85);backdrop-filter:blur(24px) saturate(1.25) brightness(.85)}
#yl-cat .cat-h{background:linear-gradient(180deg,rgba(8,8,9,.45),rgba(8,8,9,.15));box-shadow:inset 0 -1px 0 rgba(255,244,224,.05)}
#yl-cat .cat-im{box-shadow:0 10px 26px rgba(0,0,0,.45)}
#yl-cat-vue{background:rgba(6,6,8,.84)!important;-webkit-backdrop-filter:blur(30px) brightness(.7);backdrop-filter:blur(30px) brightness(.7)}
@media (max-width:600px){#yl-cat{-webkit-backdrop-filter:blur(18px) saturate(1.25) brightness(.85);backdrop-filter:blur(18px) saturate(1.25) brightness(.85)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#yl-cat{background:rgba(10,10,11,.93)!important}#yl-cat-vue{background:rgba(7,7,9,.96)!important}}

/* v70 — 3 nov. 2026 (experts) : focus visible au clavier, pastilles 3D sans flou (des centaines de calques en moins), rien ne bouge pour qui le demande */
#yl-cat :is(button,a):focus-visible,#yl-cat-vue :is(button,a):focus-visible{outline:2px solid #e3bc7a!important;outline-offset:3px}
#yl-cat .cat-3d{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(14,13,12,.86)}
@media (prefers-reduced-motion:reduce){#yl-cat,#yl-cat *,#yl-cat-vue,#yl-cat-vue *{animation:none!important;transition:none!important}}

/* v71 — 3 nov. 2026 (experts, valide par Fabien : « plus musee, plus classe ») : un catalogue raisonne — une page de titre, des salles numerotees sous un filet d'or, des cartels, une visionneuse noire au cartel en colonne */
#yl-cat .cat-logo,#yl-cat .cat-logo img{width:46px!important;height:46px!important}
#yl-cat .cat-logo{margin:0 auto 8px!important}
/* 3 nov. 2026 (Fabien : « un peu plus d'air au-dessus et autour du logo YouLab, et grossis-le d'environ 25 % ») : 46 px -> 58 px, 32 px au-dessus (18 avant), 16 px dessous (8 avant) ; sur telephone, un peu moins d'air pour garder les oeuvres en vue */
#yl-cat .cat-h{padding-top:calc(32px + env(safe-area-inset-top,0px))!important}
#yl-cat .cat-logo,#yl-cat .cat-logo img{width:58px!important;height:58px!important}
#yl-cat .cat-logo{margin:0 auto 16px!important}
@media (max-width:600px){#yl-cat .cat-h{padding-top:calc(26px + env(safe-area-inset-top,0px))!important}#yl-cat .cat-logo{margin:0 auto 13px!important}}
#yl-cat .cat-t{font:italic 400 16px/1.2 'Cormorant Garamond',Georgia,serif!important;letter-spacing:.02em;color:rgba(243,234,217,.82);margin:0 0 12px}
#yl-cat .cat-et{gap:4px 22px!important;justify-content:center!important}
#yl-cat .cat-et button{padding:7px 1px 8px!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:rgba(232,228,221,.6)!important}
#yl-cat .cat-et button b{color:#b8955e!important;font-variant-numeric:tabular-nums}
#yl-cat .cat-et button span{font:400 13px/1 Jost,Arial,sans-serif!important;letter-spacing:.1em!important}
#yl-cat .cat-et button:hover{color:#f3ead9!important;background:none!important}
#yl-cat .cat-et button.on{color:#f3ead9!important;background:none!important}
#yl-cat .cat-et button.on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#e3bc7a}
#yl-cat .cat-et button.on b{color:#e3bc7a!important}
#yl-cat .cat-et button i{top:3px!important;right:-8px!important;width:5px!important;height:5px!important;box-shadow:none!important}
#yl-cat .cat-grp{border-top:1px solid rgba(232,192,122,.3);padding-top:18px;margin:0 auto 46px!important}
#yl-cat .cat-grp h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0 0 20px!important}
#yl-cat .cat-grp h3 .cat-sn{font:500 11px/1 Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9a46a;font-variant-numeric:tabular-nums}
#yl-cat .cat-grp h3 em{font:italic 400 25px/1.1 'Cormorant Garamond',Georgia,serif;color:#f3ead9}
#yl-cat .cat-grp h3 small{font:400 11px/1 Jost,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,228,221,.45)}
#yl-cat .cat-rang{row-gap:34px!important}
#yl-cat .cat-o figcaption{margin-top:9px!important;color:rgba(232,228,221,.6)!important}
#yl-cat .cat-o figcaption i{font:italic 400 15px/1.2 'Cormorant Garamond',Georgia,serif;color:#f3ead9}
#yl-cat .cat-n{font:400 10px/1 Jost,Arial,sans-serif;letter-spacing:.1em;color:#b8955e;margin-right:8px;font-variant-numeric:tabular-nums;vertical-align:1px}
#yl-cat-vue{background:#070708!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#yl-cat-vue figure{flex-direction:row!important;align-items:center!important;gap:clamp(24px,4.5vw,72px);max-width:94vw!important}
#yl-cat-vue figure img{max-width:min(64vw,1400px)!important;max-height:86vh!important;object-fit:contain}
#yl-cat-vue figcaption{width:min(290px,26vw);margin:0!important;text-align:left!important;letter-spacing:0!important}
#yl-cat-vue figcaption p{margin:0}
#yl-cat-vue .ca-a{font:500 11px/1.4 Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9a46a;margin-bottom:12px!important}
#yl-cat-vue .ca-t{font:400 26px/1.15 'Cormorant Garamond',Georgia,serif;color:#f3ead9;margin-bottom:14px!important}
#yl-cat-vue .ca-t i{font-style:italic;opacity:1;margin:0}
#yl-cat-vue .ca-l{font:400 13px/1.6 Jost,Arial,sans-serif;color:rgba(232,228,221,.72)}
#yl-cat-vue .ca-inv{font:400 11px/1 Jost,Arial,sans-serif;letter-spacing:.14em;color:rgba(232,228,221,.42);margin-top:14px!important;font-variant-numeric:tabular-nums}
#yl-cat-vue .ca-s{border-top:1px solid rgba(232,192,122,.3);margin-top:18px!important;padding-top:12px;font:400 12px/1.45 Jost,Arial,sans-serif;color:rgba(232,228,221,.55)}
#yl-cat-vue figcaption .nb{position:fixed!important;top:calc(22px + env(safe-area-inset-top,0px));left:24px;margin:0!important;font:400 12px/1 Jost,Arial,sans-serif;letter-spacing:.16em;opacity:.55;font-variant-numeric:tabular-nums}
#yl-cat-vue .v3d{margin-top:22px!important}
@media (max-width:760px){#yl-cat-vue figure{flex-direction:column!important;gap:18px}#yl-cat-vue figure img{max-width:92vw!important;max-height:56vh!important}#yl-cat-vue figcaption{width:86vw}#yl-cat-vue .ca-t{font-size:22px}#yl-cat .cat-et{justify-content:flex-start!important}}

/* v71 — la visite guidee du hall : la pastille Reprendre, le fil d'or qui se remplit sous la fiche */
#yl-ac3 .ac-vg{all:unset;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(104px + env(safe-area-inset-bottom,0px));display:none;cursor:pointer;padding:11px 20px;border-radius:999px;background:#e3bc7a;color:#15130f;font:500 12px/1 Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 26px rgba(0,0,0,.45);z-index:4;white-space:nowrap}
#yl-ac3 .ac-vg:focus-visible{outline:2px solid #f3ead9;outline-offset:3px}
#yl-ac3.vgp .ac-vg{display:block}
#yl-ac3.vg .ac-carte::after{content:'';position:absolute;left:22px;right:22px;bottom:8px;height:1px;background:rgba(232,192,122,.18)}
#yl-ac3.vg .ac-carte::before{content:'';position:absolute;left:22px;bottom:8px;height:1px;width:calc((100% - 44px) * var(--vg,0));background:#e3bc7a;z-index:1}
html body #yl-ac3 .ac-bas .ic[data-ac="vizS"]{color:#e3bc7a}

/* v71 — la plongee : le voile d'eau, la pastille Remonter ; l'interface du hall s'efface sous la mer */
#yl-ac3 .ac-voile{position:absolute;inset:0;pointer-events:none;opacity:0;background:#0b3a52;z-index:2}
#yl-ac3 .ac-voile.fondu{transition:opacity .9s ease}
#yl-ac3 .ac-mer{all:unset;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(30px + env(safe-area-inset-bottom,0px));display:none;cursor:pointer;padding:11px 22px;border-radius:999px;background:rgba(6,22,30,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(232,192,122,.75);color:#f3ead9;font:500 12px/1 Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;z-index:4}
#yl-ac3 .ac-mer:focus-visible{outline:2px solid #e3bc7a;outline-offset:3px}
#yl-ac3.sous .ac-mer{display:block}
#yl-ac3.mer .ac-bas,#yl-ac3.mer .ac-carte,#yl-ac3.mer .ac-vg{opacity:0!important;pointer-events:none!important}
#yl-ac3.sous .ac-aide{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;color:rgba(232,246,250,.75)!important}

/* v71 — etage Photo : devant une photo, le « i » s'allume (la fiche ne s'ouvre plus d'elle-meme) */
@keyframes ylIDispo{0%,100%{box-shadow:0 0 0 1.5px rgba(227,188,122,.95),0 0 0 0 rgba(227,188,122,.55)}60%{box-shadow:0 0 0 1.5px rgba(227,188,122,.95),0 0 0 8px rgba(227,188,122,0)}}
html body.yl-i-dispo [data-in="phI"]{color:#e3bc7a!important;border-radius:50%;box-shadow:0 0 0 1.5px rgba(227,188,122,.95);animation:ylIDispo 1.5s ease-out 3}
@media (prefers-reduced-motion:reduce){html body.yl-i-dispo [data-in="phI"]{animation:none}}

/* v71 — l'ascenseur ouvert par erreur : Rester ici */
#yl-asc #yl-asc-x{all:unset;position:absolute;top:calc(22px + env(safe-area-inset-top,0px));right:22px;z-index:1000;display:none;align-items:center;gap:10px;cursor:pointer;padding:9px 16px 9px 12px;border-radius:999px;background:rgba(14,14,16,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(232,192,122,.6);color:#f3ead9;font:500 11px/1 Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;pointer-events:auto}
#yl-asc #yl-asc-x.on{display:inline-flex}
#yl-asc #yl-asc-x b{font:300 20px/1 Jost,Arial,sans-serif;letter-spacing:0;margin-top:-2px}
#yl-asc #yl-asc-x:hover{background:rgba(227,188,122,.92);color:#15130f}
#yl-asc #yl-asc-x:focus-visible{outline:2px solid #e3bc7a;outline-offset:3px}
/* 3 nov. 2026 (Fabien : « le petit i en 2D ») */
#yl-cat-vue .ci{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:66px;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(227,188,122,.7);background:rgba(20,18,15,.6);color:#e3bc7a;font:italic 600 18px/32px Georgia,'Times New Roman',serif;text-align:center;cursor:pointer;z-index:2}
#yl-cat-vue .ci:hover{background:#e3bc7a;color:#15130f}
body.yl-cat-on #yl-fi{z-index:2147483500!important}
@media (max-width:760px){#yl-cat-vue figure{flex-direction:column!important;gap:14px!important}#yl-cat-vue figure img{max-width:92vw!important;max-height:58vh!important}#yl-cat-vue figcaption{width:auto!important;max-width:88vw;text-align:center!important}#yl-cat-vue:not(.ca-on) figcaption .ca-l,#yl-cat-vue:not(.ca-on) figcaption .ca-s{display:none}}