:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #a49c89;--primary-color-light: #cbc5b3;--primary-color-dark: #59554b;--primary-color-fade: #dcd5c3;--secondary-color: #cc1900;--ternary-color: #4e56e4;--dark-layer: rgba(26, 26, 26, .7);--text: #222;--lightest-color: #f5f2e8;--controls-height: 50px;--gallery-height: 190px;--gallery-padding: 20px;--logo-url: url(/static/imgs/logo-bibliotheques-royaumont-white.svg);--soundwave-url: url(/static/imgs/sound-wave.png)}@font-face{font-family:DINPro;src:url(/static/fonts/DINPro-Regular.eot);src:url(/static/fonts/DINPro-Regular.woff2) format("woff2"),url(/static/fonts/DINPro-Regular.woff) format("woff"),url(/static/fonts/DINPro-Regular.ttf) format("truetype"),url(/static/fonts/DINPro-Regular.svg#DINPro-Regular) format("svg"),url(/static/fonts/DINPro-Regular.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}@font-face{font-family:DINPro;src:url(/static/fonts/DINPro-Medium.eot);src:url(/static/fonts/DINPro-Medium.woff2) format("woff2"),url(/static/fonts/DINPro-Medium.woff) format("woff"),url(/static/fonts/DINPro-Medium.ttf) format("truetype"),url(/static/fonts/DINPro-Medium.svg#DINPro-Medium) format("svg"),url(/static/fonts/DINPro-Medium.eot?#iefix) format("embedded-opentype");font-weight:600;font-style:normal}@font-face{font-family:DINPro;src:url(/static/fonts/DINPro-Bold.eot);src:url(/static/fonts/DINPro-Bold.woff2) format("woff2"),url(/static/fonts/DINPro-Bold.woff) format("woff"),url(/static/fonts/DINPro-Bold.ttf) format("truetype"),url(/static/fonts/DINPro-Bold.svg#DINPro-Bold) format("svg"),url(/static/fonts/DINPro-Bold.eot?#iefix) format("embedded-opentype");font-weight:700;font-style:normal}@font-face{font-family:DINPro;src:url(/static/fonts/DINPro-Black.eot);src:url(/static/fonts/DINPro-Black.woff2) format("woff2"),url(/static/fonts/DINPro-Black.woff) format("woff"),url(/static/fonts/DINPro-Black.ttf) format("truetype"),url(/static/fonts/DINPro-Black.svg#DINPro-Black) format("svg"),url(/static/fonts/DINPro-Black.eot?#iefix) format("embedded-opentype");font-weight:800;font-style:normal}@font-face{font-family:WalbaumBook;src:url(/static/fonts/WalbaumBook-Regular.otf) format("opentype"),url(/static/fonts/WalbaumBook-Regular.ttf) format("truetype"),url(/static/fonts/WalbaumBook-Regular.woff) format("woff"),url(/static/fonts/WalbaumBook-Regular.woff2) format("woff2"),url(/static/fonts/WalbaumBook-Regular.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WalbaumBook;src:url(/static/fonts/WalbaumBook-Italic.otf) format("opentype"),url(/static/fonts/WalbaumBook-Italic.ttf) format("truetype"),url(/static/fonts/WalbaumBook-Italic.woff) format("woff"),url(/static/fonts/WalbaumBook-Italic.woff2) format("woff2"),url(/static/fonts/WalbaumBook-Italic.svg) format("svg");font-weight:400;font-style:italic}@font-face{font-family:WalbaumBook;src:url(/static/fonts/WalbaumBook-Medium.otf) format("opentype"),url(/static/fonts/WalbaumBook-Medium.ttf) format("truetype"),url(/static/fonts/WalbaumBook-Medium.woff) format("woff"),url(/static/fonts/WalbaumBook-Medium.woff2) format("woff2"),url(/static/fonts/WalbaumBook-Medium.svg) format("svg");font-weight:600;font-style:normal}*{box-sizing:border-box}html{width:100%}body{width:100%;font-family:WalbaumBook,serif;background-color:var(--primary-color-fade);width:100vw;height:100vh;padding:0!important;overflow:hidden}#root{position:absolute;width:100%;height:100%}.appWrap{display:flex;flex-direction:column;justify-content:flex-end;flex-wrap:nowrap}.atlas{flex-direction:column;position:relative!important}.atlas-container,.atlas,.atlas-canvas,.atlas-overlay{transition:height 1s ease-out}.atlas-container,.atlas,.atlas-canvas,.atlas-overlay{height:calc(100vh - var(--controls-height) - var(--gallery-height))!important}.playing .atlas-container,.playing .atlas,.playing .atlas-canvas,.playing .atlas-overlay{height:calc(100vh - var(--controls-height))!important}.atlas-overlay{position:absolute!important;overflow:hidden}.atlas-overlay>div{transform:none!important;height:auto!important;aspect-ratio:16/9!important;bottom:0!important;right:0!important;top:0!important}.gallerie-container{order:2;overflow:hidden}.gallerie{list-style:none;width:100%;padding:0;margin:0;display:flex;justify-content:flex-start;gap:var(--gallery-padding);padding:var(--gallery-padding);overflow-x:auto;flex-grow:0}.gallerie .item{width:200px;height:calc(var(--gallery-height) - var(--gallery-padding) * 2);position:relative;flex-shrink:0;background-color:var(--primary-color);background-image:var(--soundwave-url);background-repeat:no-repeat;background-position:50%;background-size:50%}.gallerie .item.active,.gallerie .item.active:hover{box-shadow:0 0 0 7px var(--secondary-color)}.gallerie .item:hover{box-shadow:0 0 0 7px var(--primary-color)}.index{margin:auto;text-align:center}.gallerie .item a,.gallerie .item div{display:block;position:relative;width:100%;height:100%;overflow:hidden}.gallerie .item img{width:100%;height:100%;object-fit:cover;position:absolute;display:block;z-index:1}.gallerie .item .label{position:absolute;z-index:2;color:#fff;height:auto;display:block;width:100%;top:0;background:linear-gradient(to top,transparent 0%,#000 100%);font-size:1rem;line-height:1.4rem;padding:.5em}.gallerie span{display:block}.gallerie .info{position:absolute;bottom:5px;right:5px;z-index:10;background-color:var(--ternary-color);border-radius:50%;aspect-ratio:1/1;color:#fff;font-size:1.5em;padding:.5em;line-height:0;text-transform:none}button{text-transform:capitalize}button:hover{border-color:var(--secondary-color)!important}button:focus{outline:4px auto var(--secondary-color)!important}.home-button{z-index:11;position:absolute;width:100px;height:50px;top:1.8rem;right:15px;text-transform:uppercase;color:var(--lightest-color);cursor:pointer;opacity:.7}.home-button:hover{opacity:1}.bt-play{z-index:11;position:absolute;margin:auto;width:100px;height:50px;top:calc((100vh - var(--controls-height) - var(--gallery-height)) / 2);right:0;left:0;transform:translateY(-50%)}.playing .btn-play{top:calc(100vh - var(--controls-height) / 2)}.bt-play button{width:100%;height:100%;background-color:var(--secondary-color);color:#fff}.bt-play button:hover{border-color:#fff!important}.bt-play.hide{display:none}.player{position:relative;z-index:1;order:1;flex-grow:1;width:100%}.player h2{display:block;position:absolute;top:20px;left:20px;opacity:.6;color:beige;z-index:20;margin:0;text-shadow:0 0 5px black}.player h2:hover{opacity:1}.controls{height:var(--controls-height);margin-bottom:0!important;padding:0 20px;gap:10px;background-color:var(--primary-color-light);transition:all 1s ease-out}.playing .controls{background-color:var(--primary-color-dark);color:#fff}#atlas-floating-ui{display:none;margin-bottom:0;align-items:center}.controls>div>div:nth-child(2){background:var(--secondary-color)!important}input[type=range]{accent-color:var(--secondary-color)}#audio-slider{margin-right:20px}.actions.hide{display:none}.info-box{display:block;--info-margin: 150px;position:fixed;width:100%;height:100%;top:0;background-color:var(--dark-layer);z-index:25;color:beige;overflow:hidden;animation:fadeout .5s ease-in forwards}.info-box.open{animation:none}.info-content{position:absolute;top:var(--info-margin);left:var(--info-margin);border:0;overflow-y:auto;width:calc(100% - var(--info-margin) * 2);height:calc(100% - var(--info-margin) * 2);background-color:var(--primary-color-fade);padding:3em 5em}.info-box .close{z-index:11000000;position:absolute;display:block;opacity:0;aspect-ratio:1 / 1;border-radius:50%;font-size:1.5em;padding:.5em;line-height:0;top:20px;right:20px;background-color:var(--secondary-color);color:#fff;animation:fadein .5s .5s ease-in forwards}.signature{position:fixed;width:100vw;height:100%;Overflow:hidden;z-index:200;background-color:var(--primary-color-fade);background-image:var(--logo-url);background-repeat:no-repeat;background-position:50%;background-size:30vw;animation:fadeout 2s ease-in forwards}.metadata{display:none}@keyframes fadeout{55%{opacity:1}99%{opacity:0;height:100%}to{opacity:0;height:0}}@keyframes fadein{55%{opacity:0}99%{opacity:1}to{opacity:1}}.card-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;box-sizing:border-box;overflow-y:auto;padding:10vh 10vw}.card-container.home{height:calc(100vh - var(--gallery-height))}.card{display:flex;flex-direction:row;width:100%;height:calc(100% - 2rem);max-height:100%;max-width:100%;box-sizing:border-box;overflow:unset;max-width:1000px;margin:auto;background:#1b1b1b;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0006;border:1px solid rgba(255,255,255,.08);color:#fff;padding:0}.card a{color:inherit;text-decoration:none}.card img{width:70%;display:block;height:auto;object-fit:contain;object-position:50% 50%;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.card .content{padding:3em 2em}.card h1{font-size:1.4rem;line-height:1.3;margin:0 0 1em;letter-spacing:.03em;text-transform:uppercase}.card h2{font-size:1rem;line-height:1.3;margin:0 0 1em;font-weight:400;color:#bbb}.card p{margin:0 0 .7em;line-height:1.5;font-size:.95rem}.meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:6px}.card .copyright{display:inline-block;margin-top:6px;padding:.5em 1em;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:.7rem;letter-spacing:.08em;color:#e5e5e5}button.commencer{width:100%;margin:1em 0 2em}@media only screen and (min-width:1600px){.atlas-overlay>div{width:50%!important}}@media only screen and (max-width:1599px){.atlas-overlay>div{width:50%!important}}@media only screen and (max-width:1199px){.atlas-overlay>div{width:55%!important}}@media only screen and (max-width:1024px){.atlas-overlay>div{width:65%!important}.card img{width:50%}}@media only screen and (max-width:768px){.atlas-overlay>div{transform:none!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;bottom:0!important;right:0!important;top:auto!important}.info-box{--info-margin: 70px}.card-container.home{padding:0;height:calc(100vh - var(--gallery-height));width:100%}.card-container.home .card{margin:0;height:100%;border-radius:0;flex-direction:column;overflow-y:auto}.card-container.home .card img{border-radius:0!important;width:100%;max-height:50vh}}@media screen and (max-width:500px){.info-box{--info-margin: 30px}.controls{overflow-x:auto;gap:10px;padding:0 10px;font-size:.9em}.controls>div{padding-left:0!important;padding-right:0!important}.controls input[type=range]{width:20vw}.controls button{padding:.6em .5em}.player h2{max-width:70vw}}