:root{color-scheme:dark;--papier:#f1e9dc;--discret:#c0b5a3;--or:#cab289}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:14px/1.5 Arial,sans-serif;background:#1a1918;color:var(--papier)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--or);outline-offset:5px}[hidden]{display:none!important}.experience,#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene canvas:active{cursor:grabbing}.barre-haute{position:absolute;top:0;left:0;right:0;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:linear-gradient(#111b,transparent);pointer-events:none}.barre-haute>*{pointer-events:auto}.marque{font-size:22px;font-weight:750;letter-spacing:-.05em;text-decoration:none;line-height:1.2}.marque span{display:block;font-size:9px;letter-spacing:.35em;font-weight:400;margin-top:8px}.numero-salle{font-size:22px;letter-spacing:.02em}.numero-salle span{font-size:10px;letter-spacing:.15em;margin-left:10px;color:var(--discret)}.barre-haute button,.actions-hautes button{border:0;background:transparent;font-size:11px;color:var(--discret);padding:12px 0}.identite-salle{position:absolute;top:23%;left:5%;pointer-events:none;text-shadow:0 2px 25px #0009}.identite-salle>p:first-child,.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--or)}.identite-salle h1{font:normal clamp(40px,5.3vw,82px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:16px 0 22px}.invitation{font-size:12px;color:var(--discret);line-height:1.9}.actions-hautes{position:absolute;top:110px;right:4%;display:flex;gap:24px}.cartel{position:absolute;bottom:174px;left:5%;max-width:440px;text-shadow:0 2px 22px #000;pointer-events:none}.cartel h2{font:normal clamp(24px,3vw,43px)/1.15 Georgia,serif;margin:12px 0}.cartel #sous-titre{font-size:11px;color:var(--discret)}.cartel button{pointer-events:auto;border:0;border-bottom:1px solid #a6957a;background:#1119;padding:10px 15px;margin-top:10px;font-size:12px}.cartel button span{margin-left:30px}.parcours{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px;padding:13px 20px;background:#1c1b19dc;border:1px solid #ded0b32b;border-radius:10px;backdrop-filter:blur(14px)}.parcours>button{border:0;background:transparent;white-space:nowrap;font-size:12px;padding:14px 4px}.miniatures{display:flex;gap:12px}.miniatures button{padding:5px;border:1px solid transparent;background:transparent;border-radius:3px;position:relative}.miniatures button[aria-current=true]{border-color:var(--or);background:#d8c2a31a}.miniatures img{width:38px;height:42px;object-fit:contain;background:#080808;display:block}.miniatures button span{position:absolute;bottom:-4px;right:0;font-size:8px;background:#1a1918;padding:0 3px}.pied-visite{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px 4%;font-size:9px;letter-spacing:.16em;color:var(--discret);background:linear-gradient(transparent,#111b)}.pied-visite a{text-decoration:none;letter-spacing:.03em}.statut{position:absolute;top:104px;left:4%;font-size:10px;color:var(--discret)}.aide{position:absolute;z-index:5;top:90px;right:4%;width:min(340px,92vw);padding:25px;background:#22211ff5;border:1px solid #8a7964;border-radius:8px}.aide p{font-size:13px;line-height:1.8}.aide button{border:0;background:none;border-bottom:1px solid var(--or);padding:8px 0}.fiche{position:absolute;z-index:6;top:0;right:0;bottom:0;width:min(410px,100%);padding:50px 34px 25px;background:#24221ffa;box-shadow:-25px 0 80px #0006;overflow:auto}.fiche>button{position:absolute;top:12px;right:18px;font-size:30px;background:none;border:0}.fiche img{width:100%;height:32vh;object-fit:contain;background:#080808;margin-top:16px}.fiche h2{font:normal 30px/1.2 Georgia,serif}.fiche #description{font-size:13px;line-height:1.9;color:var(--discret)}.fiche .edition{font-size:12px;padding:18px 0;border-block:1px solid #ffffff1c}.fiche a{display:block;font-size:13px;padding-block:15px;text-underline-offset:5px}.bientot{font-size:11px;color:var(--discret)}.alternative{position:absolute;inset:20%;padding:30px;background:#25231ff0}.alternative h2{font:normal 30px Georgia,serif}
@media(max-width:700px){.barre-haute{height:85px}.numero-salle{display:none}.marque{font-size:19px}.identite-salle{top:18%;left:7%}.identite-salle h1{font-size:42px}.identite-salle .invitation{display:none}.actions-hautes{top:83px;right:5%;gap:18px}.statut{top:78px;font-size:9px;max-width:45%}.parcours{bottom:55px;gap:8px;padding:10px 12px;width:94%;justify-content:space-between}.parcours>button span{display:none}.parcours>button{font-size:20px;padding:10px}.miniatures{gap:5px}.miniatures img{width:30px;height:37px}.miniatures button{padding:3px}.cartel{bottom:155px;left:7%;max-width:85%;background:#191817d9;padding:12px 18px;border-left:1px solid var(--or)}.cartel h2{font-size:25px;margin:5px 0}.cartel .eyebrow{font-size:9px;margin:0}.cartel #sous-titre{display:none}.cartel button{margin-top:3px;padding:8px 0;background:none}.pied-visite{font-size:8px;letter-spacing:.1em}.pied-visite>span:nth-child(2){display:none}.fiche{padding:50px 25px 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.identite-salle{top:18%}.identite-salle h1{font-size:clamp(36px,4.4vw,68px)}.identite-salle .invitation{display:none}.cartel{bottom:32%;max-width:29%}.cartel h2{font-size:clamp(23px,2.5vw,37px)}
@media(max-width:700px){.identite-salle{top:17%}.identite-salle h1{font-size:38px}.cartel{bottom:155px;max-width:86%;width:86%;}.cartel h2{font-size:23px}.fiche img{height:30vh}}

@media(min-width:701px){.experience.mode-oeuvre::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171715ed 0%,#171715cb 22%,transparent 48%);pointer-events:none;z-index:1}.barre-haute,.actions-hautes,.cartel,.parcours,.pied-visite{z-index:2}}

.choix-salles{position:absolute;top:105px;left:4%;z-index:3;display:flex;gap:6px}.choix-salles button{font-size:11px;padding:7px 12px;background:#181715ad;border:1px solid #aa96754a;border-radius:3px}.choix-salles button[aria-pressed=true]{border-color:var(--or);background:#d8c2a322}.numero-salle #numero-salle{margin:0;font-size:10px;letter-spacing:.15em}.aide{z-index:5}.statut{top:147px}.identite-salle{top:23%}
@media(max-width:700px){.choix-salles{top:82px;left:5%;gap:4px}.choix-salles button{font-size:10px;padding:8px}.actions-hautes{top:121px}.identite-salle{top:23%}.statut{top:115px;left:5%;max-width:40%}}

.sans-3d{position:fixed;inset:120px 5% 5%;overflow:auto;background:#24221ffa;padding:30px;z-index:20}.sans-3d h2{font:normal 30px Georgia,serif}.liste-accessible{padding-left:20px;line-height:2}.alternative{overflow:auto;z-index:25}.alternative .liste-accessible{font-size:13px}

/* La scène prend toute la place ; les outils restent à la demande. */
.identite-salle,.pied-visite{display:none!important}
.experience.mode-oeuvre::after{display:none!important}
.barre-haute{height:84px;z-index:4;background:linear-gradient(#1118,transparent);align-items:center}
.marque{font:normal 24px Georgia,serif;letter-spacing:-.04em}
.menu-visite{position:relative;pointer-events:auto;font-size:12px}
.menu-visite summary,.index-oeuvres summary{cursor:pointer;list-style:none;padding:12px;color:var(--papier)}
.menu-visite summary::-webkit-details-marker,.index-oeuvres summary::-webkit-details-marker{display:none}
.menu-visite summary::after{content:' +';color:var(--or)}.menu-visite[open] summary::after{content:' −'}
.outils-visite{position:absolute;top:48px;right:0;width:270px;padding:20px;background:#24221ff5;border:1px solid #ffffff24;display:flex;flex-direction:column;gap:12px;box-shadow:0 15px 40px #0004}
.outils-visite .numero-salle{display:block;font-size:10px}.outils-visite .choix-salles{position:static;display:flex}
.outils-visite>button,.outils-visite>a{padding:10px 0;text-align:left;font-size:12px;background:none;border:0;text-decoration:none}
.parcours{bottom:24px;gap:16px;padding:5px 14px;border-radius:3px;background:#171715ba;backdrop-filter:blur(8px);width:auto;z-index:3}
.parcours>button{font-size:17px;min-width:40px;padding:10px}.parcours>button span{display:none}
.index-oeuvres{font-size:12px}.index-oeuvres summary{text-align:center;min-width:100px}
.miniatures{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);padding:12px;background:#24221ff5;border:1px solid #ffffff24;gap:8px}
.cartel{bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;text-align:center;padding:10px 18px;background:#171715a8;border:0;z-index:2}
.cartel .eyebrow,.cartel #sous-titre{display:none}.cartel h2{font:normal 22px Georgia,serif;margin:0 0 8px}.cartel button{font-size:11px;margin:0;padding:4px 0;background:none;border:0;color:var(--discret)}.cartel button span{margin-left:12px}
.aide{top:90px;right:4%}.statut{top:90px}
@media(max-width:700px){.barre-haute{height:72px}.marque{font-size:21px}.menu-visite summary{font-size:11px;padding:12px 0}.cartel{bottom:98px;left:50%;width:max-content;max-width:90%;padding:10px 16px}.cartel h2{font-size:20px}.parcours{bottom:20px;width:auto;gap:10px}.miniatures img{width:30px;height:36px}}

/* Navigation commune conservée pendant la visite. */
.barre-haute{gap:28px}
.navigation-site{display:flex;align-items:center;gap:22px;margin-left:auto;pointer-events:auto}
.navigation-site a{font:normal 13px Arial,sans-serif;color:var(--discret);text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;white-space:nowrap}
.navigation-site a:hover{color:var(--papier)}.navigation-site a[aria-current=page]{color:var(--papier);border-color:var(--or)}.navigation-site span{color:var(--or);margin-left:4px}
@media(max-width:900px){.barre-haute{height:112px;flex-wrap:wrap;align-content:center;gap:10px 20px}.marque{order:0}.menu-visite{order:1;margin-left:auto}.navigation-site{order:2;width:100%;justify-content:space-between;margin:0;gap:14px}.navigation-site a{font-size:12px}.statut{top:120px}.aide{top:120px}}

/* L’en-tête est celui du site ; la scène commence juste en dessous. */
body.site-art{height:100svh;display:flex;flex-direction:column;overflow:hidden}
body.site-art .entete-site{width:100%;flex-shrink:0;z-index:8}
body.site-art .experience{position:relative;inset:auto;flex:1;min-height:0;width:calc(100% + 8vw);max-width:none;margin:0 -4vw;padding:0}
.experience .menu-visite{position:absolute;top:14px;right:4%;z-index:5;margin:0}
.experience .outils-visite{top:44px}.experience .aide{top:65px}
.experience .statut{top:20px}
@media(max-width:700px){body.site-art .experience{width:calc(100% + 12vw);margin-inline:-6vw}.experience .menu-visite{right:6%;top:10px}.experience .aide{top:58px}}

/* Réglages de visite, dans le coin inférieur droit. */
.experience .menu-visite{top:auto;bottom:24px;right:4%}
.menu-visite>summary{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffff24;border-radius:3px;background:#171715ba;color:var(--discret)}
.menu-visite>summary:hover,.menu-visite[open]>summary{color:var(--papier);border-color:var(--or)}
.menu-visite>summary::after{display:none}
.experience .outils-visite{top:auto;bottom:58px;right:0}
.experience .aide{top:auto;bottom:88px;right:4%}
@media(max-width:700px){.experience .menu-visite{top:auto;bottom:20px;right:6%}.experience .aide{top:auto;bottom:82px;right:6%}.parcours{gap:2px;padding-inline:8px}.index-oeuvres summary{min-width:82px}}

/* Les trois salles sont visibles dès l’entrée, hors des réglages. */
.experience>.choix-salles{top:20px;left:50%;transform:translateX(-50%);bottom:auto;display:flex;gap:6px;padding:5px;background:#171715b8;border:1px solid #ffffff18;border-radius:3px;z-index:3;white-space:nowrap}
.experience>.choix-salles button{padding:9px 15px;font-size:12px;border-color:transparent;background:transparent;color:var(--discret)}
.experience>.choix-salles button[aria-pressed=true]{color:var(--papier);border-color:#cab28975;background:#cab28912}
.experience>.choix-salles button:hover{color:var(--papier);border-color:var(--or)}
@media(max-width:700px){.experience>.choix-salles{top:14px;gap:4px}.experience>.choix-salles button{padding:8px 14px;font-size:11px}}

/* Titre et information au-dessus du tableau, hors de l’image. */
.experience .cartel{top:88px;bottom:auto;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:90%;padding:8px 14px;background:transparent;text-shadow:0 2px 12px #000}
.experience .cartel h2{font:normal 22px/1.25 Georgia,serif;margin:0;max-width:60ch}
.experience .cartel button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;margin:0;padding:0;border:1px solid #ffffff30;border-radius:50%;color:var(--discret);background:#17171580}
.experience .cartel button:hover{color:var(--papier);border-color:var(--or)}
@media(max-width:700px){.experience .cartel{top:76px;gap:10px;padding:6px 10px;max-width:94%}.experience .cartel h2{font-size:18px}.experience .cartel button{width:32px;height:32px}}

/* Salles à gauche ; titre en haut pour libérer la hauteur du tableau. */
.experience>.choix-salles{left:4%;top:16px;transform:none}
.experience .cartel{top:16px;left:64%;max-width:62%;padding-block:5px}
@media(max-width:700px){.experience>.choix-salles{left:6%;top:10px}.experience>.choix-salles button{padding:7px 10px}.experience .cartel{top:64px;left:50%;max-width:94%;padding-block:4px}}

/* Vignettes toujours visibles, au ras du bas de la visite. */
.experience .parcours{bottom:8px;gap:10px;padding:4px 10px}
.experience .parcours .miniatures{position:static;transform:none;display:flex;gap:6px;padding:0;background:none;border:0}
.experience .miniatures button{padding:3px;border-radius:2px}
.experience .miniatures img{width:25px;height:30px;object-fit:contain}
.experience .miniatures button span{display:none}
.experience .parcours>button{min-width:34px;padding:9px 3px}
@media(max-width:700px){.experience .parcours{bottom:6px;gap:4px;padding:4px 6px}.experience .parcours .miniatures{gap:3px}.experience .miniatures img{width:22px;height:27px}.experience .miniatures button{padding:2px}.experience .parcours>button{min-width:27px}}

/* En vue salle, le pupitre du banc porte les commandes visibles. */
@media(min-width:701px){.experience:not(.mode-oeuvre) .parcours{opacity:0;pointer-events:none}.experience:not(.mode-oeuvre) .parcours:focus-within{opacity:1;pointer-events:auto}}

.experience>.choix-salles{max-width:45%;overflow-x:auto;scrollbar-width:thin}.experience>.choix-salles button{flex-shrink:0}@media(max-width:700px){.experience>.choix-salles{max-width:88%}}
@media(max-width:700px){.experience .miniatures img{width:18px;height:24px}.experience .parcours .miniatures{gap:2px}.experience .miniatures button{padding:2px}}