:root{--shadow-color: rgba(0, 0, 0, .8);--background: rgb(36, 36, 36);--color: #ffffffde;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:6px;border:2px 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:var(--color)}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;padding-bottom:150px!important}@media screen and (max-width: 500px){#app{padding:1rem}}@media (prefers-color-scheme: light){:root{--shadow-color: rgba(0, 0, 0, .2);--background: #f9f9f9;--color: #213547}}@media (prefers-color-scheme: dark){:root{--shadow-color: rgba(0, 0, 0, .8);--color: #f9f9f9;--background: #162430}}.figure{width:100%;height:100%;overflow:hidden;position:relative;cursor:pointer;border-radius:6px;box-shadow:6px 6px 15px var(--shadow-color)}.figure.disabled{pointer-events:none;box-shadow:0 0}.figure.disabled .image{object-fit:contain!important}.figure:after{content:"Voir";color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:30px;position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#24242499;opacity:0;transition:opacity .2s}.figure>.image{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(0,.65,.35,.99)}.figure:hover .image{transform:scale(1.1)}.figure:hover:after,.figure.loading:after{opacity:1}.figure.loading:after{background:#242424;content:"Loading..."!important}.figure:nth-child(1){grid-column:1 / 2;grid-row:1 / 5}.figure:nth-child(2){grid-column:2 / 3;grid-row:1 / 5}.figure:nth-child(3){grid-column:3 / 5;grid-row:1 / 5}.figure:nth-child(4){grid-column:1 / 3;grid-row:5 / 8}.figure:nth-child(5){grid-column:3 / 5;grid-row:5 / 8}.odd .figure:nth-child(1){grid-column:3 / 4;grid-row:1 / 5}.odd .figure:nth-child(2){grid-column:4 / 5;grid-row:1 / 5}.odd .figure:nth-child(3){grid-column:1 / 3;grid-row:1 / 5}@media screen and (max-width: 765px){.figure:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.figure:nth-child(2){grid-column:1 / 3;grid-row:3 / 5}.figure:nth-child(3){grid-column:3 / 5;grid-row:1 / 5}.odd .figure:nth-child(1){grid-column:3 / 5;grid-row:1 / 3}.odd .figure:nth-child(2){grid-column:3 / 5;grid-row:3 / 5}.odd .figure:nth-child(3){grid-column:1 / 3;grid-row:1 / 5}}@media screen and (max-width: 500px){.figure{aspect-ratio:1/2}.figure:nth-child(1),.figure:nth-child(2),.figure:nth-child(3),.odd .figure:nth-child(1),.odd .figure:nth-child(2),.odd .figure:nth-child(3),.figure:nth-child(4),.figure:nth-child(5){grid-column:unset!important;grid-row:unset!important}}.action-btn.download[data-v-19c23533]{width:60px;bottom:10px;right:10px}.action-btn.download svg[data-v-19c23533]{width:35px;height:auto;fill:#213547}.action-btn[data-v-19c23533]{position:absolute;border-radius:5px;background:#f9f9f9;color:#213547;z-index:100;width:30px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease-out}.action-btn.close[data-v-19c23533]{top:10px;right:10px;transform-origin:center center}.action-btn.prev[data-v-19c23533]{top:50%;left:10px;transform:translateY(-50%);padding-bottom:3px}.action-btn.next[data-v-19c23533]{top:50%;right:10px;transform:translateY(-50%);padding-bottom:3px}.action-btn.close[data-v-19c23533]:hover{transform:scale(1.1)}.action-btn.prev[data-v-19c23533]:hover{transform:translate(-5px,-50%)}.action-btn.next[data-v-19c23533]:hover{transform:translate(5px,-50%)}.modale[data-v-19c23533]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1d1d1d;color:var(--background);z-index:1000000;padding:10px 42px;display:flex;justify-content:center;align-items:center}.logo[data-v-19c23533]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-19c23533]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-19c23533]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.nav[data-v-19c23533]{display:flex;gap:10px;margin-bottom:30px;background:var(--background);overflow-x:scroll}.wrapper[data-v-19c23533]{position:relative}.wrapper[data-v-19c23533]:after{padding-top:100px;font-size:50px;font-weight:700;content:"Loading...";position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;background:var(--background);opacity:0;transition:opacity .2s;pointer-events:none}.wrapper.loading[data-v-19c23533]:after{opacity:1}.nav button[data-v-19c23533]{white-space:nowrap;background:var(--background)}.nav button.active[data-v-19c23533]{border-color:var(--color)}.gallery[data-v-19c23533]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,1fr);grid-gap:1.5rem;height:800px;margin-bottom:1.5rem}@media screen and (max-width: 765px){.nav[data-v-19c23533]{display:flex;position:fixed;z-index:1000;bottom:0;left:0;width:100%;padding:20px;gap:10px;margin-bottom:0;box-shadow:0 -6px 15px var(--shadow-color)}}@media screen and (max-width: 500px){.gallery[data-v-19c23533]{grid-template-columns:1fr;grid-template-rows:1fr;margin-bottom:0;height:1200px}}