@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(/build/fonts/Roboto-Black.cf56c1b1.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(/build/fonts/Roboto-BlackItalic.fd62a107.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/build/fonts/Roboto-Bold.f80816a5.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(/build/fonts/Roboto-BoldItalic.87d61cea.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(/build/fonts/Roboto-Italic.87f3afe1.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(/build/fonts/Roboto-Light.333da16a.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(/build/fonts/Roboto-LightItalic.c5903824.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(/build/fonts/Roboto-Medium.7c8d04cd.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(/build/fonts/Roboto-MediumItalic.82736aaa.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/build/fonts/Roboto-Regular.fc2b5060.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(/build/fonts/Roboto-Thin.a732a12e.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:url(/build/fonts/Roboto-ThinItalic.9d2ca34e.ttf) format("truetype")}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.bg_geo{background-color:#f6a208}.bg_pyro{background-color:#e41510}.bg_hydro{background-color:#0e9cff}.bg_electro{background-color:#aa7eee}.bg_dendro{background-color:#3fc024}.bg_anemo{background-color:#70e4c1}.bg_cryo{background-color:#00d5ff}.header{background-color:#e2bc74;height:100px;justify-content:center;position:relative}.header,.header .container{align-items:center;display:flex}.header .container{justify-content:space-between}.header .logo{height:100%;left:0;position:absolute;top:0}.header .logo img{height:100%;object-fit:contain;width:auto}.header .liste-bouton{align-items:center;display:flex;flex-direction:row;gap:10px;height:50px;justify-content:center}.header .liste-bouton .item-menu{cursor:pointer;height:20px;padding:10px 30px;position:relative}.header .liste-bouton .item-menu .sous-menu{display:none;left:50%;position:absolute;top:30px;transform:translateX(-50%);transition:all .5s ease-in-out}.header .liste-bouton .item-menu .sous-menu a{color:#fff}.header .liste-bouton .item-menu:hover .sous-menu{display:block}.search-form{align-items:center;display:flex;justify-content:center;margin:0}.search-form form{max-width:400px}.search-form form .input-group{position:relative}.search-form form .input-group .row{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative;z-index:20}.search-form form .input-group .row .search-bar{background-color:#1e1e1e;border:2px solid #fff;border-radius:10px 0 0 10px;color:#fff;height:20px;outline:none;padding:10px;transition:background-color .3s;width:300px}.search-form form .input-group .row .search-bar:focus{background-color:#3e3e3e}.search-form form .input-group .row .search-bar:focus:hover{cursor:text}.search-form form .input-group .row .search-bar:hover{background-color:#3e3e3e;cursor:pointer}.search-form form .input-group .row .search-button{align-items:center;background-color:#fff;border:2px solid #fff;border-radius:0 10px 10px 0;display:flex;height:40px;justify-content:center;width:40px}.search-form form .input-group .row .search-button img{height:100%;width:100%}.search-form form .input-group .result-box{background-color:#fff;border-radius:10px;position:absolute;top:44px;transform:translateY(-44px);transition:transform .3s;width:100%;z-index:10}.search-form form .input-group .result-box ul{align-items:center;display:flex;flex-direction:column;justify-content:start;padding:0 10px}.search-form form .input-group .result-box ul a{border-radius:3px;color:#000;cursor:pointer;font-size:1.2rem;padding:10px;text-decoration:none;width:100%}.search-form form .input-group .result-box ul a:hover{background-color:#e9f3ff}.page-images .listes-images{grid-column-gap:30px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.page-images .listes-images .image{height:200px;transition:transform .2s ease-in-out}.page-images .listes-images .image:hover{cursor:pointer;transform:scale(1.1)}.page-images .listes-images .image img{height:100%;object-fit:cover;width:100%}.page-images .listes-images .modal{display:none}.page-images .listes-images .modal.modal-open{align-items:center;background:rgba(0,0,0,.7);display:block;display:flex;height:100dvh!important;justify-content:center;left:50%;padding:50px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100dvw!important;z-index:1000}.page-images .listes-images .modal.modal-open .modal-picture{height:500px;position:relative;width:auto}.page-images .listes-images .modal.modal-open .modal-picture img{height:100%;position:relative;width:100%}.page-images .listes-images .modal.modal-open .modal-picture .modal-close{background:red;color:#fff;cursor:pointer;padding:5px;position:absolute;right:0;top:0}.page-images .listes-images .modal .modal-overlay{height:50%}.page-images .listes-images .modal .modal-overlay .titre{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.page-home{margin-top:300px}.page-home .error-msg,.page-home .img-not-found .error-msg{color:#fff;font-size:40px;margin-top:50px}.page-home .error-msg .recherche,.page-home .img-not-found .error-msg .recherche{text-decoration:underline;text-transform:capitalize}.page-home .container{align-items:center;display:flex;flex-direction:column;justify-content:center}body{background-color:#1e1e1e;font-family:Roboto,sans-serif;margin:0;padding:0;position:relative}