ul{display:flex;flex-wrap:wrap;list-style-type:none}li{height:40vh;max-height:500px;flex-grow:1;margin:10px;overflow:hidden}@media screen and (max-width:1199px){li{height:30vh}}li:last-child{flex-grow:10}.little_img{max-height:100%;min-width:100%;object-fit:cover;vertical-align:bottom}.little_img:hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.little_img:not(:hover){-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media screen and (max-width:767px){li{height:20vh}.little_img{width:100%}}@media screen and (max-aspect-ratio:1/1){li{height:30vh}}@media screen and (max-height:480px){li{height:80vh}}@media screen and (max-aspect-ratio:1/1) and (max-width:480px){ul{flex-direction:row}li{height:auto;width:100%}.little_img{width:100%;max-height:75vh;min-width:0}}.invisible{opacity:0;height:3em}.invisibleStrech{opacity:0;height:1em}.buttonDepliant{writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;font-size:2em}.toclick{cursor:pointer}.button{margin-left:10px;margin-right:10px;margin-top:2px;margin-bottom:2px;padding:0 10px;font-family:"Baloo Bhaijaan 2",sans-serif;font-weight:500;text-decoration:none;outline:none!important;cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block;border:2px solid var(--blue);border-radius:0 5px 0 5px;color:var(--black);background-color:var(--blue)}.button:before{position:absolute;top:-2px;left:-2px;background:var(--blue);content:'';display:block;width:25%;height:7px}.button:after{position:absolute;bottom:-2px;right:-2px;background:var(--blue);content:'';display:block;width:25%;height:7px}.button:hover:before{background-color:var(--black);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:hover:after{background-color:var(--black);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:not(:hover):before{background-color:var(--blue);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:not(:hover):after{background-color:var(--blue);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:hover{background-color:var(--black);color:var(--blue);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:not(:hover){background-color:var(--blue);color:var(--black);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.buttonActive{border-color:var(--yellow);background-color:var(--yellow);color:var(--black)}.buttonActive:after{background:var(--yellow)}.buttonActive:not(:hover):before{background-color:var(--yellow)}.buttonActive:not(:hover):after{background-color:var(--yellow)}.buttonActive:hover{color:var(--yellow)}.buttonActive:not(:hover){background-color:var(--yellow)}.little_img{cursor:pointer}#lightbox_img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:5;flex-direction:column}#lightbox_img img{max-width:100%;max-height:100vh}.prev,.next{cursor:pointer;position:fixed;top:50%;width:auto;padding:25px;margin-top:-50px;color:#fff;font-weight:700;font-size:2.5em;transition:0.6s ease;user-select:none;-webkit-user-select:none;background-color:rgba(0,0,0,.8)}.close{cursor:pointer;position:fixed;top:0;right:0;padding:25px;color:#fff;background-color:rgba(0,0,0,.8);font-weight:700;font-size:2.5em}.next{right:0;border-radius:3px 0 0 3px}.prev{left:0;border-radius:0 3px 3px 0}.hide{display:none}.etiquettesContainer{text-align:justify}.clicAndClose{flex-grow:1;width:100%;height:100%}.clicAndCloseRight{right:0}.clicAndCloseLeft{left:0}.clicAndCloseBottom{bottom:0}.clicAndCloseTop{top:0}img{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.infos_portfolio{background-color:rgba(0,0,0,0.8);color:white;width:100%;text-align:center;padding:10px;bottom:0;position:fixed;margin-left:10px;margin-right:10px}@media screen and (max-aspect-ratio:1/1) and (max-width:767px){.prev,.next,.close{font-size:2em;padding:5px}}