#galerie {padding-bottom: 2em;box-sizing: border-box;}.m-p-g {columns: 5 200px;column-gap: 1.5rem;width: 90%;margin: 100px auto;}.thumbnails-container {width: 150px;margin: 0 1.5rem 1.5rem 0;display: inline-block;width: 100%;border: solid 2px black;padding: 5px;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);border-radius: 10px 10px 30px 30px;transition: all .25s ease-in-out;background: var(--contenu);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}.thumbnails-container:hover img {filter: brightness(110%);}.thumbnails-container:hover {border-color: var(--lienhover);box-shadow: 6px 6px 7px 0px rgba(0,0,0,0.10);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}.thumbnails-container img {width: 100%;filter: brightness(100%);border-radius: 10px;transition: all .25s ease-in-out;}.thumbnails-container p {margin: 5px 0;padding: 0;text-align: center;color: var(--text);}.thumbnails-container img:hover {cursor: pointer;}.m-p-g__fullscreen {position: fixed;z-index: 10000;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100vh;background: transparent;visibility: hidden;-webkit-transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;transition: background 0.25s ease-out, visibility 0.01s 0.5s linear;will-change: background, visibility;-webkit-backface-visibility: hidden;backface-visibility: hidden;}.m-p-g__fullscreen.active {-webkit-transition: background .25s ease-out, visibility .01s 0s linear;transition: background .25s ease-out, visibility .01s 0s linear;visibility: visible;background: rgba(0, 0, 0, 0.95);}.m-p-g__fullscreen-img {pointer-events: none;position: absolute;-webkit-transform-origin: left top;transform-origin: left top;top: 50%;left: 50%;max-height: 100vh;max-width: 100%;visibility: hidden;will-change: visibility;-webkit-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}.m-p-g__fullscreen-img.active {visibility: visible;opacity: 1 !important;-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out;transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);}.m-p-g__fullscreen-img.almost-active {opacity: 0;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;}.m-p-g__controls {position: fixed;top: 0;left: 0;width: 100%;z-index: 10001;height: 20vh;background: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.55) 100%);background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.55) 100%);opacity: 0;visibility: hidden;-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);}.m-p-g__controls.active {opacity: 1;visibility: visible;}.m-p-g__controls-close, .m-p-g__controls-arrow {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background: none;}.m-p-g__controls-close:focus, .m-p-g__controls-arrow:focus {outline: none;}.m-p-g__controls-arrow {position: absolute;z-index: 1;top: 0;width: 20%;height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;-webkit-tap-highlight-color: transparent;opacity: 0.5;}.m-p-g__controls-arrow:hover {opacity: 1;}.m-p-g__controls-arrow--prev {left: 0;padding-left: 3vw;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.m-p-g__controls-arrow--next {right: 0;padding-right: 3vw;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.m-p-g__controls-close {position: absolute;top: 3vh;left: 3vw;z-index: 5;cursor: pointer;-webkit-tap-highlight-color: transparent;}.m-p-g__btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 50px;height: 50px;border-radius: 50%;background: rgba(255, 255, 255, 0.07);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}.m-p-g__btn:hover {background: rgba(255, 255, 255, 0.15);}.m-p-g__alertBox {position: fixed;z-index: 999;max-width: 700px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: white;padding: 25px;border-radius: 3px;text-align: center;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);color: grey;}.m-p-g__alertBox h2 {color: red;}