.page-enter{opacity:0;transform:scale(.9)}.page-enter-active{opacity:1;transform:scale(1);transition:opacity 1.5s,transform .3s}.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(.9);transition:opacity 1.5s,transform .3s}.App{background-color:#cef8cd;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2rem}.img-open{width:50vh}.btn{border:none;color:#fff;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;box-shadow:0 5px 5px #fafafa;font-size:1rem}.btn-open{background-color:#1d4ed8}@font-face{font-family:Ghibli;src:url("../assets/fonts/Ghibli-Font/Eyad Al-Samman - Ghibli.otf") format("otf");font-weight:400;font-size:normal}.accueil{overflow:hidden}.accueil .row-div{display:flex;flex-direction:row;align-items:center;justify-content:space-around}@media screen and (min-width: 350px) and (max-width: 870px){.accueil .row-div{display:flex;flex-direction:column}}.accueil .PageCredit{font-family:var(--fontP);font-size:.8rem}.parallax-accueil{overflow:hidden;position:relative}.parallax-accueil .nav-bar{position:absolute;width:100%;top:0}.parallax-accueil .full-width-image{width:100%;max-height:100vh;display:block;aspect-ratio:16 / 9}.parallax-accueil .parallax-layers{position:absolute}.parallax-accueil .parallax-totoro{height:32vw;bottom:-5vh;left:36%;z-index:2}.parallax-accueil .clouds{width:40%;opacity:.95}.parallax-accueil .accueil-cloud1{top:20vh;left:15vh}.parallax-accueil .accueil-cloud2{top:7vh;right:15vh}.parallax-accueil .accueil-cloud-shadow1{width:40%;transform:rotate(5deg);left:3vh;bottom:3vh}.parallax-accueil .accueil-cloud-shadow2{width:40%;transform:rotate(5deg);right:29vh;bottom:3vh}.rectangle-bleu{background-image:linear-gradient(to right bottom,#92daf6,#7dcded,#67c0e5,#50b4dc,#32a7d4);height:50vh;width:85vw;margin:10vh auto;border-radius:6px;box-shadow:1px 1px 1px gray}.rectangle-bleu .accueil-text{display:flex;width:70vh;flex-direction:column;align-items:center;gap:2vh}.rectangle-bleu .accueil-text h2{text-align:center;font-size:clamp(1rem,.2588rem + .9843vw,1.5rem);font-family:var(--fontP)}.rectangle-bleu .accueil-text p{text-align:justify;font-size:clamp(.7rem,.1471rem + .8575vw,.9rem);line-height:clamp(1rem,.7353rem + .6706vw,1.3rem);font-family:var(--fontP)}@media screen and (min-width: 350px) and (max-width: 870px){.rectangle-bleu .accueil-text{margin:0;width:80%}}@media screen and (min-width: 350px) and (max-width: 870px){.rectangle-bleu{margin:5vh auto}}.robot-container{background:url(/assets/laputa-dh7fK28g.png);background-size:cover;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:104vh;gap:22vh}.robot-container .feuilles1{position:absolute;left:0;top:0;width:27vw}.robot-container .feuilles2{position:absolute;width:33vw;right:0;top:0}.robot-container .feuilles3{position:absolute;top:0;width:35vw}.robot-container a{text-decoration:none;color:#000}.robot-container .button-redirection img{height:38vh}@media screen and (min-width: 350px) and (max-width: 870px){.robot-container .button-redirection img{height:35vh}}.robot-container h1{font-family:var(--fontP);text-align:center;align-content:space-around;height:10vh}.susuwatari{position:absolute;right:-4vh;width:15vh;top:-4vh}@media screen and (min-width: 768px) and (max-width: 1024px){.susuwatari{position:absolute;right:-4vh;width:15vh;top:17vh}}@media screen and (min-width: 350px) and (max-width: 767px){.susuwatari{position:absolute;right:-4vh;width:8vh;top:-4vh}}.studioGhibli{height:40vh;padding-bottom:3vh;filter:invert(100%)}.button-container{display:flex;flex-direction:row;gap:30vh}.button-container .button-redirection{display:flex;flex-direction:column;align-items:center;gap:1vh;background:#ffffff52;border-radius:5px;padding:0vh 2vh 1vh}@media screen and (min-width: 350px) and (max-width: 870px){.button-container{gap:1.5vh;display:flex;flex-direction:column;position:absolute;top:2.5%;height:auto;width:65%}}@font-face{font-family:Ghibli;src:url(../assets/fonts/Ghibli-Font/Eyad-Al-Samman-Ghibli.otf) format("otf");font-weight:400;font-style:normal}.nav-bar{height:90px;display:flex;justify-content:space-between;@keyframes wind{0%{background-position:0% 50%}0%{background-position:50% 100%}0%{background-position:0% 50%}}}.nav-bar button{font-family:var(--fontP);font-size:2.5vh;height:80%;width:15em;background-color:#0000;border:none;border-radius:6px;margin-right:20px;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));position:relative;padding:1rem 2rem;font-weight:500;color:#181818;text-decoration:none;transition:background-color .6s ease}@media screen and (min-width: 350px) and (max-width: 870px){.nav-bar button{display:none}}.nav-bar button:hover{animation:wind 2s ease-in-out infinite}.nav-bar .icon-1{position:absolute;top:0;right:2px;width:30px;transform-origin:0 0;transform:rotate(10deg);transition:all .5s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3))}.nav-bar .animation{position:relative}.nav-bar .animation:hover .icon-1{animation:slay-1 3s cubic-bezier(.52,0,.58,1) infinite;transform:rotate(10deg)}.nav-bar .icon-2{position:absolute;top:0;left:25px;width:20px;transform-origin:50% 0;transform:rotate(10deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.nav-bar .animation:hover .icon-2{animation:slay-2 3s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}.nav-bar .icon-3{position:absolute;top:0;left:0;width:25px;transform-origin:50% 0;transform:rotate(-5deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.nav-bar .animation:hover .icon-3{animation:slay-3 2s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}.nav-bar .icon-4{position:absolute;top:0;left:48%;width:15px;transform-origin:50% 0;transform:rotate(-5deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.nav-bar .animation:hover .icon-4{animation:slay-3 2s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}.nav-bar .icon-5{position:absolute;top:0;left:44%;width:20px;transform-origin:50% 0;transform:rotate(-5deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}.nav-bar .animation:hover .icon-5{animation:slay-3 2s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}.nav-bar .logo{height:90px}.nav-bar .logo:hover{cursor:pointer;opacity:.6}.nav-bar button:hover{background-color:#3490a41f;cursor:pointer}.nav-bar div{width:40%;display:flex;align-items:center;justify-content:space-around}.nav-bar .univers-blibli{font-family:var(--fontP);font-size:8vh;display:flex;align-items:center}.nav-bar .hidden{display:none}@media screen and (min-width: 768px) and (max-width: 1024px){.nav-bar .univers-blibli{font-size:6vh;text-align:center}.nav-bar button{font-size:2vh;width:100%;padding:.5rem 1rem}}@media screen and (min-width: 350px) and (max-width: 870px){.nav-bar .univers-blibli{font-size:3vh;text-align:center}}.nav-bar .button-icone{height:auto;width:10vw;display:none}@media screen and (min-width: 350px) and (max-width: 870px){.nav-bar .button-icone{display:block}.nav-bar .icon-1,.nav-bar .icon-2,.nav-bar .icon-3,.nav-bar .icon-4,.nav-bar .icon-5{display:none}.nav-bar .logo{height:10vh}}@keyframes slay-1{0%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}@keyframes slay-2{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes slay-3{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}.PageCredit{display:flex;justify-content:center}.PageCredit p{color:#000}.PageCredit a{margin-left:1vw;text-decoration:underline;color:#000}.PageCredit img{height:10vh}@media screen and (min-width: 350px) and (max-width: 870px){.PageCredit img{display:none}.PageCredit p{text-align:center}}@font-face{font-family:Ghibli;src:url(../assets/fonts/Ghibli-Font/Eyad-Al-Samman-Ghibli.otf) format("otf");font-weight:400;font-style:normal}body,html{margin:0;box-sizing:border-box}.library-container{width:100%;height:auto;background-size:cover;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background-color:#ebe4d866}.library-container .header{background-image:url(/assets/imageBlibliotheque-BPZzNAQW.png);height:60vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.library-container .header .navbar{width:100%;height:50px;position:fixed}.library-container .header .searchbar{width:100%;height:150px;margin-top:50px;position:absolute;bottom:-131px;left:0}.gallery{display:flex;justify-content:center;align-items:center;width:100vw;height:170vh;overflow:hidden;margin-top:9vh}.image-container{display:flex;width:75%;height:100%;margin:auto}.image-column{flex:1;display:flex;flex-direction:column;position:relative;margin:0 2rem}.image-wrapper{display:flex;flex-direction:column;position:absolute;width:100%;height:200%;cursor:pointer}.image-column img{width:100%;height:auto;margin:2rem auto;transition:.3s ease-in-out}.image-column img:hover{transform:scale(1.04)}.totoro-walking{width:50vh}.music-button-container{display:flex;align-items:center;top:4vh;position:absolute;right:1vh;gap:5vh;z-index:2}.slider{--slider-width: 100px;--slider-height: 6px;--slider-bg: #ffffff75;--slider-border-radius: 999px;--level-color: rgb(82, 82, 82);--level-transition-duration: .1s;--icon-margin: 15px;--icon-color: var(--slider-bg);--icon-size: 25px;cursor:pointer;display:flex;align-items:center;margin-right:10px}.slider .level{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--slider-width);height:var(--slider-height);background:var(--slider-bg);overflow:hidden;border-radius:var(--slider-border-radius);transition:height var(--level-transition-duration);cursor:inherit}.slider .level::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;box-shadow:-200px 0 0 200px var(--level-color)}.slider:hover .level{height:calc(var(--slider-height) * 2)}.container{--color: rgb(82, 82, 82);--size: 30px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color)}.container .mute,.container .voice{position:absolute;animation:keyframes-fill .5s}.container .voice{display:none}.container input:checked~.mute{display:none}.container input:checked~.voice{display:block}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:rotate(0) scale(0);opacity:0}50%{transform:rotate(-10deg) scale(1.2)}}.filter{display:flex;justify-content:center}.filter fieldset{background-color:#608ddc;border:none;border-radius:6px}.filter fieldset select{margin:1vh;border:none;border-radius:4px;padding:.5vh}.filter fieldset input{width:23vw;border:none;border-radius:4px;padding:.5vh}.filter fieldset button{margin-left:1vw;background-color:transparent;border:none;cursor:pointer}.filter fieldset button .img-logoReinitialisation{height:2vh;border:none;margin-bottom:-.5vh}.filter .img-chatImage{height:6vh;margin-top:-4vh}@font-face{font-family:Ghibli;src:url(../assets/fonts/Ghibli-Font/Eyad-Al-Samman-Ghibli.otf) format("otf");font-weight:400;font-style:normal}.news-container{width:75%;height:auto;display:flex;flex-direction:column;margin:10vh auto 15vh}.news-container .last-news{margin:4vh 0;font-family:Ghibli;padding-bottom:4vh;font-size:4vh}.news-container .line{border-bottom:1px solid black;margin:0 0 6vh}.news-container .news-box-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:2vw;margin-top:3vh}.news-container .news-box-container .news-box{display:flex;flex-direction:column;border-radius:6px;overflow:hidden;height:auto;transition:.2s ease-in-out}.news-container .news-box-container .news-box:hover{transform:scale(1.02)}.news-container .news-box-container .news-box .news-img{height:30vh;width:100%}.news-container .news-box-container .news-box .news-img img{width:100%;height:100%;object-fit:cover;display:block}.news-container .news-box-container .news-box .news-infos{color:#f3e8e8;padding:2vh;background-color:#608ddc;height:30vh;display:flex;flex-direction:column;justify-content:space-around}.news-container .news-box-container .news-box .news-infos h3{padding-bottom:2vh;font-size:2vh}.news-container .news-box-container .news-box .news-infos p{padding-bottom:3vh;line-height:2.3vh;font-size:1.9vh}.news-container .news-box-container .news-box .news-infos a{text-decoration:none;font-size:1.9vh;color:#f3e8e8;transition:color .3s ease;font-style:italic}.news-container .news-box-container .news-box .news-infos a:hover{color:#577342}.parallax{background:url(/assets/le-vent-se-leve-CDsURDft.jpg) repeat fixed 100%;margin-top:20vh;background-size:cover;font-family:Ghibli}.parallax .parallax-inner{padding-top:32%;padding-bottom:32%}.parallax .parallax-inner h2{text-align:center;font-size:8vh;color:#fff;text-shadow:5px 3px 6px rgba(0,0,0,.66)}:root{--textBoxColor: rgb(203, 208, 185, .6);--buttonBoxColor: #656839;--fontTitle: Imperial Script;--fontP: Inter}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container .modal{background:#fff;border-radius:8px;width:80%;height:auto;text-align:center;background-color:#5096ebb3;box-shadow:1rem;height:600px;max-width:900px}.modal-container .modal .modal-content{margin:0;display:flex;height:100%}.modal-container .modal .modal-content .modal-image{width:100%;padding:1rem;height:auto}.modal-container .modal .modal-content .modal-image img{height:100%}.modal-container .modal .modal-content .modal-infos{font-family:Imperial Script;color:#fff;height:100%;display:flex;flex-direction:column;align-items:flex-start}.modal-container .modal .modal-content .modal-infos .description{height:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;margin-bottom:1rem;padding:0 0 1rem;font-weight:700}.modal-container .modal .modal-content .modal-infos .description h3{font-size:1.2rem}.modal-container .modal .modal-content .modal-infos .description h2{font-size:2rem;margin-bottom:1rem}.modal-container .modal .modal-content .modal-infos .separation{height:1px;width:80%;background-color:#fff;margin:0 auto}.modal-container .modal .modal-content .modal-infos .synopsis{display:flex;justify-content:flex-start;margin:auto 1rem auto 0;padding:1rem 0}.modal-container .modal .modal-content .modal-infos .synopsis p{margin-top:.5rem;text-align:start;font-size:1.1rem;font-style:italic;font-weight:700}.modal-container .modal-character{background:#fff;border-radius:8px;height:70%;text-align:center;box-shadow:1rem;box-shadow:1px 3px 10px 1px #fff}.modal-container .modal-character .modal-content-character{margin:0;display:flex;height:100%;position:relative}.modal-container .modal-character .modal-content-character .modal-image-character{width:100%;height:auto;position:relative}.modal-container .modal-character .modal-content-character .modal-image-character img{height:100%}.modal-container .modal-character .modal-content-character .modal-infos-character{position:absolute;bottom:-5%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;text-align:center;text-shadow:5px 3px 6px rgba(0,0,0,.66)}.modal-container .modal-character .modal-content-character .modal-infos-character h2{font-size:4rem;font-weight:700}.modal-container .modal-character .modal-content-character .modal-infos-character p{font-size:2rem}.modal-container .modal-character .modal-content-character .modal-infos-character span{font-weight:700}.back-button{background-color:#c2da8ecc;border:0;border-radius:50%;box-shadow:1px 2px 5px #4e4e4e;position:absolute;right:4vh;bottom:3vh;z-index:6;cursor:pointer;padding:3px}.back-button img{left:.5vh;bottom:.5vh}.back-button:hover{transform:scale(1.1)}@font-face{font-family:Ghibli;src:url("../assets/fonts/Ghibli-Font/Eyad Al-Samman - Ghibli.otf") format("otf");font-weight:400;font-style:normal}:root{--fontP: "Ghibli", sans-serif}.modal-gagne-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2}.modal-gagne-content{background:#fff;border-radius:20px;max-width:40vw;max-height:95vh;text-align:center;font-family:var(--fontP)}.modal-gagne-content .bg-modal{width:100%;max-height:95vh}.modal-gagne-content .bulle-modal-gagne{position:absolute;background:#ede5df;border-radius:50%;top:33vh;left:42vw;width:35vh;height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3vh;box-shadow:2px 2px 2px gray;padding:3vh}.modal-gagne-close{position:absolute;top:2vh;left:2vh;background:none;border:none;font-size:4vh}*,*:after,*:before{box-sizing:border-box}.wrapper{min-height:100vh;background-color:#112;display:flex;align-items:center;justify-content:center;flex-direction:column}.kodama{display:flex;flex-direction:column-reverse;align-items:center}.kodama .head{width:100px;height:100px;background-color:#fff;border-radius:100% 100% 60%;border:2px solid #112;transform:rotate(15deg);animation:rotation 4s infinite;box-shadow:0 0 65px 10px #fafafa99;position:relative}.kodama .head:after{content:"";width:20px;height:20px;background-color:#334;position:absolute;top:50px;left:20px;border-radius:20px}.kodama .head:before{content:"";width:15px;height:15px;background-color:#334;position:absolute;top:20px;right:20px;border-radius:20px}.kodama .head .mouth{width:10px;height:10px;background-color:#334;position:absolute;bottom:20px;right:20px;border-radius:20px}.kodama .body{height:60px;width:40px;border-radius:0 0 20px 20px;background-color:#fff;margin-top:-10px;z-index:0;border:2px solid #112;position:relative;box-shadow:0 0 65px 10px #fafafa66}.kodama .body:after,.kodama .body:before{content:"";height:80%;width:15px;background-color:#fff;position:absolute;border:2px solid #112}.kodama .body:after{left:85%;border-radius:100% 100% 20px 20px;transform:rotate(-10deg)}.kodama .body:before{right:85%;border-radius:100% 100% 20px 20px;transform:rotate(10deg)}.kodama .body .legs{position:absolute;top:60%;left:50%;transform:translate(-50%)}.kodama .body .legs:after,.kodama .body .legs:before{content:"";height:30px;width:18px;background-color:#fff;position:absolute;border:2px solid #112}.kodama .body .legs:after{left:90%;border-radius:20px 20px 100% 100%;transform:rotate(10deg)}.kodama .body .legs:before{right:90%;border-radius:20px 20px 100% 100%;transform:rotate(-10deg)}.dialog{margin-top:30px;color:#fff;font-family:Arial;font-size:1.2em}@keyframes rotation{0%,40%,42%,44%,46%,48%,50%,52%,54%,56%,58%,60%,62%,64%,66%,68%,70%,72%,74%,76%,78%,80%,82%,84%,86%,88%,90%,to{transform:rotate(15deg)}39%{transform:rotate(-35deg)}41%{transform:rotate(-34deg)}43%{transform:rotate(-32deg)}45%{transform:rotate(-30deg)}47%{transform:rotate(-28deg)}49%{transform:rotate(-26deg)}51%{transform:rotate(-24deg)}53%{transform:rotate(-22deg)}55%{transform:rotate(-20deg)}57%{transform:rotate(-18deg)}59%{transform:rotate(-16deg)}61%{transform:rotate(-14deg)}63%{transform:rotate(-12deg)}65%{transform:rotate(-10deg)}67%{transform:rotate(-8deg)}69%{transform:rotate(-6deg)}71%{transform:rotate(-4deg)}73%{transform:rotate(-2deg)}75%{transform:rotate(0)}77%{transform:rotate(2deg)}79%{transform:rotate(4deg)}81%{transform:rotate(6deg)}83%{transform:rotate(8deg)}85%{transform:rotate(10deg)}87%{transform:rotate(12deg)}89%{transform:rotate(14deg)}}body{padding:0;margin:0}.equipes{z-index:10;color:#fff;text-align:center;text-shadow:black 3px -1px 18px;padding:27px;position:absolute;bottom:6%;font-family:Ghibli;font-size:5.5vh}.equipes li{transform:translate(0);list-style-type:none;margin-bottom:1rem}.texte-animate{opacity:1;transform:translate(50px)}@media (max-width: 1200px){.equipes{font-size:5.5vh}}@media (max-width: 992px){.equipes{font-size:5vh}}@media (max-width: 768px){.equipes{font-size:4vh}}@media (max-width: 576px){.equipes{font-size:3.5vh}}@media (max-width: 400px){.equipes{font-size:2.5vh}}.box1{background-color:#92a963;background-image:url(/assets/Kodama.Credit-DKelMaSE.png);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0}.titre{z-index:10;color:#fff;text-align:center;position:absolute;top:2vh;font-size:6vh;font-family:Ghibli;text-shadow:black 3px -1px 18px}@media (max-width: 1200px){.titre{font-size:6vh}}@media (max-width: 992px){.titre{font-size:4vh}}@media (max-width: 768px){.titre{font-size:2.5vh}}@media (max-width: 576px){.titre{font-size:3vh}}@media (max-width: 400px){.titre{font-size:2.5vh}}*{margin:0;padding:0}@font-face{font-family:Ghibli;src:url(../assets/fonts/Ghibli-Font/Eyad-Al-Samman-Ghibli.otf) format("otf");font-weight:400;font-style:normal}.container-totoro{position:relative;height:100vh;background-image:linear-gradient(#0045a1,#638ecb);overflow:hidden}.container-totoro .navBar .univers-blibli{display:none}.container-totoro section{width:100vw;height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:center;align-items:end}.container-totoro section .totoro3D{position:absolute;height:102vh;width:49vw;cursor:pointer;left:6vw;top:4vh}.container-totoro section .texte{color:#fff;display:flex;flex-direction:column;justify-content:center}.container-totoro section p{font-family:Ghibli;font-size:6vh;text-shadow:1px 1px 2px #333132;line-height:7vh;margin-right:.9vw}.container-totoro section .test{margin:0 auto;margin-top:9vh}.container-totoro section .test :hover{transform:scale(1.1)}.container-totoro section .test img{transition:.3s ease-in-out;width:8vw;min-width:100px;cursor:pointer;filter:invert(100%)}@media (max-width: 1450px){.container-totoro section p{width:54vw}}@media (max-width: 1200px){.container-totoro .texte p{font-size:5vh}}@media (max-width: 768px){.container-totoro{font-family:Ghibli}.container-totoro section{align-items:center}.container-totoro .texte p{font-size:5.5vh;line-height:6vh;position:relative}.test img{margin:0 auto}.totoro3D{display:none}}@media screen and (max-width: 700px){.texte .test{display:flex;flex-direction:column;align-items:center}}.howlPage{height:100%;margin:0;background:#2294b3;overflow:hidden}.music-button-container{z-index:6}.containerHowl{position:relative;height:100vh;width:100vw;bottom:0;left:0;aspect-ratio:16/9}.containerHowl img,.containerHowl .mound-group,.containerHowl .houses-group,.containerHowl .flbottom-group,.containerHowl .blbottom-group,.containerHowl .brleg,.containerHowl .frleg,.containerHowl .blleg,.containerHowl .flleg{position:absolute;transform-style:preserve-3d}.containerHowl.active{cursor:ew-resize}.flleg{position:absolute;transform-style:preserve-3d}.castle-container{position:absolute;left:100%;bottom:0%;z-index:4}.castle{position:absolute;top:0;left:0;width:600px;height:750px;perspective:1000px;transform-origin:50% 70%;transform:translate(-50%,-70%) rotate(9deg)}.brleg{left:400px;top:625px;transform-origin:10px -10px;transform:rotate(0)}.brfoot{left:-18px;top:82px;transform-origin:56% 44%;transform:rotate(0)}.frleg{left:240px;top:653px;transform-origin:8px -10px;transform:rotate(0)}.frfoot{left:-18px;top:51px;transform-origin:56% 44%;transform:rotate(0)}.chimney3{left:400px;top:30px;transform-origin:45% 120%;transform:rotate(0)}.houses-group{left:305px;top:130px;transform-origin:-50px 300px;transform:rotate(1deg)}.point6{left:84px;top:19px;transform-origin:40% 120%;transform:rotate(0)}.point5{left:70px;top:-23px;transform-origin:-40% 200%;transform:rotate(0)}.point4{left:40px;top:-17px;transform-origin:0% 100%;transform:rotate(0)}.treehouse{left:220px;top:10px;transform-origin:50% 150%;transform:rotate(0)}.chimney2{left:430px;top:120px;transform-origin:0% 90%;transform:rotate(0)}.chimney1{left:420px;top:90px;transform-origin:-10% 90%;transform:rotate(0)}.wing{left:420px;top:370px;transform-origin:0% 50%;transform:rotate(0)}.antenna{left:-100px;top:90px;transform-origin:100% 65%;transform:rotate(0)}.mound-group{left:115px;top:110px;transform-origin:110px 220px;transform:rotate(0)}.point3{left:125px;top:-13px;transform-origin:50% 400%;transform:rotate(0)}.point2{left:50px;top:-22px;transform-origin:120% 200%;transform:rotate(0)}.point1{left:4px;top:55px;transform-origin:150% 150%;transform:rotate(0)}.wind{left:400px;top:260px;transform-origin:0% 90%;transform:rotate(0)}.cannon{left:30px;top:460px;transform-origin:100% 60%;transform:rotate(0)}.main{left:80px;top:230px;transform-origin:50% 50%;transform:rotate(0)}.blleg{left:410px;top:615px;transform-origin:10px 15px;transform:rotate(0)}.blbottom-group{left:0;top:60px;transform-origin:10px 0px;transform:rotate(0)}.blfoot{left:-19px;top:68px;transform-origin:56% 44%;transform:rotate(0)}.blcover{left:360px;top:573px}.knob{left:214px;top:524px;transform-origin:30% 63%;transform:rotate(0)}.tele{left:90px;top:430px;transform-origin:90% 50%;transform:rotate(0)}.telecover{left:161px;top:399px}.flleg{left:250px;top:615px;transform-origin:10px 15px;transform:rotate(0)}.flbottom-group{left:0;top:60px;transform-origin:10px 0px;transform:rotate(0)}.flfoot{left:-19px;top:68px;transform-origin:56% 44%;transform:rotate(0)}.flcover{left:244px;top:567px}.foreground{position:absolute;bottom:0;left:0;width:100%;z-index:5}.background{position:absolute;bottom:30%;left:0;width:100%}.cloud-bg{bottom:50%;width:60%;right:150%}.cloud-bg2{bottom:60%;width:60%;right:250%}.cloud-shadow1{bottom:43%;right:130%;width:50%;transform:rotate(5deg);z-index:5}.cloud1{bottom:35%;right:100%;width:50%;opacity:.65;z-index:5}.cloud-shadow2{bottom:12%;left:36%;width:50%;transform:rotate(5deg);z-index:5}.cloud-shadow3{bottom:31%;left:-25%;width:50%;transform:rotate(5deg);z-index:5}.cloud2{bottom:61%;left:-69%;width:50%;opacity:.65;z-index:5}.cloud3{bottom:43%;left:17%;width:50%;opacity:.65;z-index:5}.cloud4{bottom:33%;left:-18%;width:50%;opacity:.65;z-index:5}.cloud5{bottom:13%;left:40%;width:50%;opacity:.65;z-index:5}.control-toggle{position:absolute;bottom:0;left:0;padding:10px;color:#fff;background:#00000080;cursor:pointer}.parallax-mononoke{margin:0;background-color:#030303;overflow:hidden;font-family:sans-serif;color:#9dd0e0;height:100vh;position:relative}.horizontal-center{position:absolute;left:50%;transform:translate(-50%);height:98vh;opacity:0}#header{height:100%;width:100%}#kodama-graphic{height:100%;opacity:1}.controls{position:fixed;bottom:20px;z-index:1;width:100%}.controls .btn{position:relative;cursor:pointer;opacity:.25}.controls .btn .btn-label{text-transform:uppercase;letter-spacing:2px;font-size:12px;margin:5px 0 0}.controls .replay-btn{float:left}.bg-ou-est-charlie{position:relative;background:url(/assets/bgtotoro-C4q4xsq5.png);background-size:cover}.bg-ou-est-charlie .ou-est-charlie{position:relative;background:url(/assets/OuestTotorook-Dvlyoyvd.png) no-repeat center;background-size:contain;background-position:center;background-repeat:no-repeat;min-width:150vh;max-width:150vh;min-height:100vh;max-height:100vh;margin:0 auto}.bg-ou-est-charlie .ou-est-charlie #totoro{position:absolute;height:10%;width:5%;top:36%;left:71.3%;z-index:99;transform:translate(-50%,-50%)}.bg-ou-est-charlie .ou-est-charlie #mr-navet{position:absolute;height:6%;width:2.5%;top:70.5%;left:33%;z-index:99;transform:translate(-50%,-50%)}.bg-ou-est-charlie .ou-est-charlie #baron{position:absolute;height:5%;width:3%;top:95%;left:55.5%;z-index:99;transform:translate(-50%,-50%)}.bg-ou-est-charlie .ou-est-charlie #sans-visage{position:absolute;height:7%;width:2.5%;top:18%;left:55.7%;z-index:99;transform:translate(-50%,-50%)}.bg-ou-est-charlie .ou-est-charlie #homme-araignee{position:absolute;height:4%;width:3%;top:77%;left:22.7%;z-index:99;transform:translate(-50%,-50%)}@media (max-width: 1024px){.ou-est-charlie{min-width:130vh;max-width:130vh}#totoro{top:35%;left:70%;height:8%;width:4%}#mr-navet{top:68%;left:30%;height:5%;width:2%}#baron{top:93%;left:54%;height:4%;width:2.5%}#sans-visage{top:17%;left:54%;height:6%;width:2%}#homme-araignee{top:75%;left:20%;height:3%;width:2.5%}}@media (max-width: 768px){.ou-est-charlie{min-width:100vh;max-width:100vh}#totoro{top:34%;left:68%;height:7%;width:3.5%}#mr-navet{top:66%;left:28%;height:4%;width:1.5%}#baron{top:91%;left:52%;height:3.5%;width:2%}#sans-visage{top:16%;left:52%;height:5%;width:1.5%}#homme-araignee{top:73%;left:18%;height:2.5%;width:2%}}@media (max-width: 480px){.ou-est-charlie{min-width:70vh;max-width:70vh}#totoro{top:33%;left:65%;height:6%;width:3%}#mr-navet{top:64%;left:25%;height:3%;width:1%}#baron{top:89%;left:50%;height:3%;width:1.5%}#sans-visage{top:15%;left:50%;height:4%;width:1%}#homme-araignee{top:71%;left:15%;height:2%;width:1.5%}}.calcifer{position:absolute;width:10vw;transform:translate(-50%,-50%);top:70%;left:6%}#calcifer{width:100%;margin:2rem}.bubble{position:absolute;left:2%;top:5%;width:50%}.bubble .speech-bubble{position:relative;font-family:var(--fontP);font-size:3vh;line-height:4vh;width:25vh;background:#fff;border-radius:40px;padding:24px;text-align:center}.bubble .bubble-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-left:24px solid #fff;border-right:12px solid transparent;border-top:12px solid #fff;border-bottom:20px solid transparent;left:80px;bottom:-24px}.kiki-body{overflow:hidden;position:relative}.kiki-page{position:relative;background:url(/assets/kiki4-B0qyXB48.png) no-repeat center;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;margin:0 auto;overflow:hidden;opacity:0}.kiki-page .calcifer{top:60%}.kiki-page .bubble{top:20%}.chats{position:absolute;opacity:0}.baron{width:5%;bottom:46%;left:23%}.jiji{width:7.5%;bottom:57%;right:12%;rotate:15deg}.chatbus{width:17%;bottom:1%;left:24%}.muta{width:17%;bottom:0;right:5%}.roichat{width:20%;top:0;left:47%}.abdou{bottom:0;left:0%;width:6%}.kikibalais{position:absolute;width:90vh;bottom:20%;left:-50%;z-index:20}.puzzle-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1}.puzzle-container .puzzle .calcifer{top:62%}.puzzle-container .puzzle .bubble{top:15%}.puzzle-container .puzzle .puzzle-board{display:grid;grid-template-columns:repeat(3,1fr);width:80vh}.puzzle-container .puzzle .puzzle-board .tile{overflow:hidden;cursor:pointer;transition:transform .3s ease}.puzzle-container .puzzle .puzzle-board img{display:block;width:100%;height:auto}.video-background{position:relative;width:100%;height:100vh;overflow:hidden}.video-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.waves{margin:-7vh;transform:translate(-10%)}@font-face{font-family:Ghibli;src:url(../assets/fonts/Ghibli-Font/Eyad-Al-Samman-Ghibli.otf) format("otf");font-weight:400;font-style:normal}.blindtest-bg{overflow:hidden;height:100vh}.blindtest-bg p{font-family:var(--fontP);font-size:3vh}.blindtest-bg .calcifer{top:60%}.blindtest-bg .bubble{top:14%}.blindtest-bg .music-totoro{width:25vh;position:absolute;bottom:0;right:41%}.blindtest-bg .countdown{border-radius:50%;width:14vh;height:14vh;position:absolute;top:5%;left:49%;border:3px solid white;display:flex;align-items:center;justify-content:center}.blindtest-bg .countdown p{color:#fff;font-size:6vh}.blindtest-bg .rounds{text-align:center;width:50%;height:45vh;position:absolute;bottom:25%;left:25%;display:grid;grid-template-columns:50% 50%;gap:10%;row-gap:15%}.blindtest-bg .answers{background-color:#f0f8ff;box-shadow:1px 1px 1px gray;border-radius:6px;opacity:.72;display:flex;align-items:center;justify-content:center;transition:all 1s cubic-bezier(.15,.83,.66,1);cursor:pointer}.blindtest-bg .answers:hover{transform:scale(1.02)}.round1{display:block}.round2{display:none}