@media (width>1000px){.scrollWrapper,body{margin:0;overflow-x:auto}.partie2,.partie2Nuit{background-repeat:no-repeat;background-size:cover;background-position-x:center;position:relative}.part2,.partie2,.partie2Nuit{width:1500px;height:100vh}.part2,.partie2,.partie2Nuit,body{height:100vh}.welcome h1,.welcome h2{margin-bottom:0}.welcome button,h3{background-color:#247488;color:#fff}.partie2,.partie2Nuit,header ul{position:relative}header ul li,p{font-weight:600}.social,.socialAnim{transition-duration:1s}.informations:hover,.logo-contact:hover{transform:scale(1.1)}.informations p,.tooltipservice,.welcome button{font-weight:800}.proj,.tete{animation-duration:3s}.arcade,.back,.btn-echange,.carrousel,.contact form input[type=number],.informations,.interrupteur,.kakemono:hover,.logo-contact,.tableau-engagement:hover,.tableau-trophy:hover,.telecommande,.welcome button:hover,header ul li{cursor:pointer}*{font-family:"Josefin Slab",serif;font-optical-sizing:auto;font-style:normal}p{font-size:1.2rem}h3{font-size:1.5rem;padding:.5rem 1rem;border-radius:5px}.scrollWrapper{height:100vh;display:flex;flex-direction:row;overflow-y:hidden}.partie2{background-image:url(./images/salle-partie2.webp)}.partie2Nuit{background-image:url(./images/salle-partie2-nuit.webp)}.aide,.welcome{position:absolute}#header-phone,.aidemobile,.carrouselPhone,.footer-img,.menu-burger,.numerotel2,.planteNativa,.socialphone,.tableau-phone,.welcome-phone{display:none}.welcome{width:auto;height:auto;max-width:700px;margin-left:25%;flex-direction:column;align-items:center;text-align:center;top:15vh;border-radius:20px;color:rgba(32,93,95,.947);border:2px solid rgba(32,93,95,.947);background-color:#fff;z-index:999999;padding:0 1rem}.engagements,.siteSolution{color:rgba(32,93,95,.884);padding:1rem 2rem}.welcome h1{font-size:2rem}.welcome li{margin-top:2rem;margin-bottom:1rem;text-align:left;font-size:1.3rem}.btn-echange,.subtitle{font-size:1rem}.welcome button{width:100px;height:2rem;border-radius:5px;border:none;font-size:1rem;margin-bottom:1rem}.informations p,header h1{font-size:1.5rem;color:#247488}.welcome button:hover{color:#fff;border:2px solid #fff;background-color:rgba(48,134,137,.884)}.aide{width:90vw;height:80vh;z-index:99999;display:flex;justify-content:center;align-items:center;border-radius:3rem;border:3px dashed #21505c;background-color:rgba(255,255,255,.445)}.engagements,.logo-contact,header{position:fixed;display:flex}.engagements,.main{flex-direction:column}.aide img{width:100%;z-index:9999}.siteSolution{margin-top:2rem;text-align:justify}.infoArcade,.informations,.logo-contact,.siteSolution h2{text-align:center}.engagements{width:60vw;height:auto;min-width:400px;border-radius:30px;top:15vh;left:20vw;background-color:#fff;border:2px solid rgba(32,93,95,.884);z-index:999999}.logo-contact{width:4rem;height:4rem;bottom:1.5rem;right:2rem;flex-direction:row;justify-content:center;align-items:center;z-index:99999999;filter:drop-shadow(2px 2px 10px rgba(0, 0, 0, .575))}.main,.main-nuit{margin:0;height:100vh;min-width:100vw;background-repeat:no-repeat;background-size:cover;background-position-x:center}.logo-contact:hover{transition:.5s}header{height:7vh;width:100vw;top:0;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,.884);z-index:2}.Ssection2,header ul{display:flex;flex-direction:row}#liste-menu{margin-right:3rem;display:flex}header h1{margin-left:2rem;font-weight:900}header ul li{list-style:none;margin:0 20px;font-size:1.3rem;color:#247488}.interrupteur{width:30px;position:absolute;left:-30px;bottom:300px;filter:drop-shadow(1px 1px 3px black);transition:1s}.main{width:100vw!important;display:flex;background-image:url(./images/salle-nativa.webp)}.main-nuit{width:100vw;display:flex;flex-direction:column;background-image:url(./images/salle-nativa-nuit.webp)}.Ssection2,.Ssection2-nuit{background-position:bottom;background-size:contain;background-repeat:no-repeat}.Ssection2{width:60%;max-width:1400px;min-width:900px;height:100%;background-image:url(./images/bureau2.webp);justify-content:center;position:relative;align-items:end}.informations,.section1{flex-direction:row;display:flex}.Ssection2-nuit{background-image:url(./images/bureau-2-nuit.webp);filter:drop-shadow(2px 5px 10px black)}.section1{width:100%;height:92vh;justify-content:center;align-items:center}.Ssection1{width:20%;height:100vh}.informations{width:3rem;height:3rem;padding:2px 3px;position:fixed;bottom:2rem;right:7rem;justify-content:center;align-items:center;z-index:9999999;background-color:#fff;border-radius:500px;box-shadow:2px 2px 10px rgba(0,0,0,.575)}.Ssection3,.carrousel img{height:100%}.tete{width:65%;margin-bottom:-20%;animation-name:tete;animation-iteration-count:infinite}.cyril{width:35%;margin-left:-20px;filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, .63))}.tableau-engagement,.tableau-trophy{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}.Ssection2 a{margin-bottom:0;width:65%;display:flex;flex-direction:row;justify-content:center}.github img,.linkedin img{width:5rem;padding:.5rem;filter:drop-shadow(5px 2px 5px rgba(0, 0, 0, .699))}.Ssection2 a img{width:100%;z-index:3}@keyframes tete{0%,100%{rotate:0deg}50%{rotate:6deg;transform:translateX(2px)}}.Ssection3{width:20%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.elements,.social{position:absolute}.elements{display:flex;flex-direction:row;margin-left:48rem;margin-bottom:25rem}.servicesInfo,.social{flex-direction:column}.social{display:flex;justify-content:center;transform:translateY(-250px);transform:translateX(190px);margin-bottom:2rem;z-index:0;scale:0.5}.socialAnim{transform:translateX(-100px);scale:1;z-index:3}.github:hover,.linkedin:hover{transform:scale(1.1);transition-duration:.5s;filter:drop-shadow(8px 5px 5px rgba(0, 0, 0, .527))}.tableau{margin-bottom:0;z-index:1}.tableau-img{width:200px;height:130px;margin-bottom:1rem;margin-right:35rem;z-index:1}.tableau-engagement{position:absolute;width:350px;height:200px;top:200px;left:350px;z-index:1}.goku1,.goku2{position:absolute;z-index:99999;width:50px;height:100px;bottom:130px;left:360px}.goku1{background-image:url(./images/goku1.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku2{background-image:url(./images/goku2.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku3,.goku4{z-index:99999;width:50px;height:100px;bottom:120px;left:580px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute}.goku3{display:none;background-image:url(./images/goku1.webp)}.gokuactif,.logoscertif{display:flex}.goku4{background-image:url(./images/goku2.webp)}.tableau-trophy{width:400px;margin-bottom:-2rem;margin-right:-12rem;position:absolute;z-index:1}.logoscertif{position:relative;width:300px}.logodwwm,.logoopquast{width:120px;height:90px;position:absolute;bottom:150px;left:200px;scale:0}.logodwwm,.logoopquast{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));transition:1s;z-index:9999}.logodwwmActive,.logoopquastActive{width:120px;height:90px;bottom:250px;scale:1;transition:1s;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));position:absolute;z-index:9999}.logoopquastActive{left:260px}.logodwwmActive{left:120px}.tableau-img:hover{animation-name:tableau;animation-duration:2s;animation-timing-function:ease-in-out;animation-direction:normal;animation-play-state:running}.tooltipdiv{position:absolute;left:40px;bottom:0;width:auto}.tooltip2,.tooltipservice{bottom:150px;border:2px solid #fff}.tooltipservice{visibility:hidden;position:absolute;left:-70px;transform:translateX(-50%);background:#33ac7f;color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:9999;opacity:0;transition:opacity .2s}.tooltip2,.tooltip3{transform:translateX(-50%);background:#33ac7f;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;white-space:nowrap;opacity:0;z-index:9999999;transition:opacity .2s;position:absolute;color:#fff}.tooltip2{left:50px;border-radius:4px}.tooltip3{bottom:550px;left:550px;border:2px solid #fff;border-radius:4px}.infoArcade,.proj{padding:5px 10px;font-weight:800}.kakemono{position:absolute;width:250px;z-index:999;left:-200px;bottom:-25px}.cyril:focus .tooltip2,.cyril:hover .tooltip2,.tooltipactive,.tooltipdiv:focus .tooltipservice,.tooltipdiv:hover .tooltipservice{visibility:visible;opacity:1}.arcade{max-width:60px;min-width:180px;right:150px;bottom:60px;position:absolute}.infoArcade{position:absolute;width:auto;color:#fff;border-radius:10px;border:2px solid #fff;background-color:#205d5f;bottom:20vh;right:8vw;z-index:333}.cyrilinfos,.servicesInfo{position:fixed;height:auto;min-width:400px;background-color:#fff;display:flex;z-index:999999}.linkedin img{border-radius:30px;margin-bottom:1rem;background-color:#fff}.github img{border-radius:30px;background-color:#fff}.btn-echange,.cyrilinfos img{margin-left:auto;margin-right:auto;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}@keyframes tableau{0%{rotate:0deg;-ms-transform-origin-x:0px}15%{rotate:5deg;transform:translateX(-10px)}45%{rotate:-5deg;transform:translateX(10px)}65%{rotate:3deg;transform:translateX(-5px)}80%{rotate:-3deg;transform:translateX(5px)}90%{rotate:1deg;transform:translateX(-2px)}95%{rotate:-1deg;transform:translateX(2px)}100%{rotate:0deg;transform:translateX(0)}}.servicesInfo{width:60vw;border-radius:30px;top:15vh;border:2px solid rgba(32,93,95,.884)}.cyrilinfos{width:70vw;border-radius:30px;top:10vh;flex-direction:column;border:2px solid rgba(32,93,95,.884)}.cyrilinfos img{position:relative;width:8vw;border-radius:100px;top:-10px;margin-bottom:0;border:3px solid #fff}.cyrilinfos h2{text-align:left;color:rgba(32,93,95,.884);margin-top:-6rem;margin-left:1rem}.cyrilinfos h3{text-align:left;margin-top:0;color:#fff}.cyrilinfos h4{color:rgba(32,93,95,.884);font-size:1.3rem;text-align:center;margin-top:-.2rem}.cyrilinfos p{margin-top:-.5rem;color:rgba(32,93,95,.884);margin-left:2rem;margin-right:2rem;text-align:justify;line-height:130%}.boldy{font-weight:800}.btn-echange{width:8rem;margin-bottom:2rem;height:2rem;border-radius:5px;background-color:#247488;color:#fff;border:none;font-weight:800}.btn-close,.btn-close-contact{right:0;background-color:rgba(32,93,95,.884);color:#fff}.btn-close{width:3rem;height:3rem;border-radius:1rem;border:2px solid #fff;top:-1rem;font-size:2rem;position:absolute}.btn-close-contact:hover,.btn-close:hover{background-color:#ffffffe1;color:#205d5fe1;border:2px solid #205d5fe1}.btn-close-contact{width:1.7rem;height:1.7rem;border-radius:1rem;border:2px solid #fff;top:-.7rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;position:absolute}.section2,.section2-nuit{top:100vh;height:100vh;margin-left:0;margin-right:0;background-repeat:no-repeat;background-size:cover;background-position-x:center;display:flex;position:absolute;width:100%}.section2{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2v2.webp)}.section2-nuit{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2nuitv2.webp)}.carrousel{width:60vw;height:60vh;margin-bottom:20vh;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:hidden}.telecommande{position:absolute;left:40vw;bottom:13vh;width:250px;height:100px;z-index:99999}.proj{position:absolute;left:50vw;bottom:12vh;width:auto;border-radius:5px;box-shadow:2px 2px 5px #000;background-color:#21505c;color:#fff;font-size:2rem;animation-name:animProj;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.back,.left{width:20vw;height:100vh}.contact,.contact2{padding:0 2rem;flex-direction:column;border-radius:10px;z-index:9999;box-shadow:5px 5px 10px #000;display:flex;position:absolute}.input-bouncing,.slider,.slider2,.slider3{animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes animProj{0%{transform:translateY(250px)}100%{transform:translateY(0)}}.sliderOpacity{transition-duration:1s;opacity:0}.slider{animation-name:slide}@keyframes slide{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.slider2{animation-name:slide2}@keyframes slide2{0%{transform:translateY(-100%)}100%{transform:translateY(-200%)}}.slider3{animation-name:slide3}@keyframes slide3{0%{transform:translateY(-200%)}100%{transform:translateY(0)}}.contact{width:500px;height:auto;justify-content:center;align-items:center;top:30vh;left:30vw;color:#205d5ff0;background-color:#fff}.contact2{transition:1s;width:400px;height:350px;justify-content:start;align-items:center;color:#fff;background-color:#205d5fe1}.contact form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px}#votremail,.contact form select{width:100%;height:1.5rem;margin-bottom:.5rem;border-radius:5px;border:none}.input-bouncing{animation-name:BounceContact}.contact form textarea{width:100%;height:8rem;margin-bottom:.5rem;border-radius:5px;border:none}.contact form input[type=submit]{width:50%;height:1.5rem;margin-top:1rem;margin-bottom:1rem;border-radius:5px;border:none;cursor:pointer}.contact form input[type=submit]:hover{background-color:#21505c;color:#fff;border:2px solid #fff;font-weight:800}.contact form input[type=number]{width:50%;height:1.5rem;margin-top:.2rem;border-radius:5px;border:none}.succes{padding:5px 10px;border-radius:5px;position:absolute;top:50%;z-index:999999;color:#fff;background-color:#578b57}.img-mail,.methode-contact img{transition:1s;border-radius:40px;filter:drop-shadow(2px 2px 5px black)}.img-mail{width:4rem}}@media (width>1800px){.scrollWrapper,body{margin:0;overflow-x:auto}.partie2,.partie2Nuit{background-repeat:no-repeat;background-size:cover;background-position-x:center;position:relative}.part2,.partie2,.partie2Nuit{width:1500px;height:100vh}.part2,.partie2,.partie2Nuit,body{height:100vh}.welcome h1,.welcome h2{margin-bottom:0}.welcome button,h3{background-color:#247488;color:#fff}.partie2,.partie2Nuit,header ul{position:relative}header ul li,p{font-weight:600}.social,.socialAnim{transition-duration:1s}.informations:hover,.logo-contact:hover{transform:scale(1.1)}.informations p,.tooltipservice,.welcome button{font-weight:800}.proj,.tete{animation-duration:3s}.arcade,.back,.btn-echange,.carrousel,.contact form input[type=number],.informations,.interrupteur,.kakemono:hover,.logo-contact,.tableau-engagement:hover,.tableau-trophy:hover,.telecommande,.welcome button:hover,header ul li{cursor:pointer}*{font-family:"Josefin Slab",serif;font-optical-sizing:auto;font-style:normal}p{font-size:1.2rem}h3{font-size:1.5rem;padding:.5rem 1rem;border-radius:5px}.scrollWrapper{height:100vh;display:flex;flex-direction:row;overflow-y:hidden}.partie2{background-image:url(./images/salle-partie2.webp)}.partie2Nuit{background-image:url(./images/salle-partie2-nuit.webp)}.aide,.welcome{position:absolute}#header-phone,.aidemobile,.carrouselPhone,.footer-img,.menu-burger,.numerotel2,.planteNativa,.socialphone,.tableau-phone,.welcome-phone{display:none}.welcome{width:auto;height:auto;max-width:700px;margin-left:25%;flex-direction:column;align-items:center;text-align:center;top:15vh;border-radius:20px;color:rgba(32,93,95,.947);border:2px solid rgba(32,93,95,.947);background-color:#fff;z-index:999999;padding:0 1rem}.engagements,.siteSolution{color:rgba(32,93,95,.884);padding:1rem 2rem}.welcome h1{font-size:2rem}.welcome li{margin-top:2rem;margin-bottom:1rem;text-align:left;font-size:1.3rem}.btn-echange,.subtitle{font-size:1rem}.welcome button{width:100px;height:2rem;border-radius:5px;border:none;font-size:1rem;margin-bottom:1rem}.informations p,header h1{font-size:1.5rem;color:#247488}.welcome button:hover{color:#fff;border:2px solid #fff;background-color:rgba(48,134,137,.884)}.aide{width:90vw;height:80vh;z-index:99999;display:flex;justify-content:center;align-items:center;border-radius:3rem;border:3px dashed #21505c;background-color:rgba(255,255,255,.445)}.engagements,.logo-contact,header{position:fixed;display:flex}.engagements,.main{flex-direction:column}.aide img{width:100%;z-index:9999}.siteSolution{margin-top:2rem;text-align:justify}.infoArcade,.informations,.logo-contact,.siteSolution h2{text-align:center}.engagements{width:60vw;height:auto;min-width:400px;border-radius:30px;top:15vh;left:20vw;background-color:#fff;border:2px solid rgba(32,93,95,.884);z-index:999999}.logo-contact{width:4rem;height:4rem;bottom:1.5rem;right:2rem;flex-direction:row;justify-content:center;align-items:center;z-index:99999999;filter:drop-shadow(2px 2px 10px rgba(0, 0, 0, .575))}.main,.main-nuit{margin:0;height:100vh;min-width:100vw;background-repeat:no-repeat;background-size:cover;background-position-x:center}.logo-contact:hover{transition:.5s}header{height:7vh;width:100vw;top:0;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,.884);z-index:2}.Ssection2,header ul{display:flex;flex-direction:row}#liste-menu{margin-right:3rem;display:flex}header h1{margin-left:2rem;font-weight:900}header ul li{list-style:none;margin:0 20px;font-size:1.3rem;color:#247488}.interrupteur{width:30px;position:absolute;left:-30px;bottom:300px;filter:drop-shadow(1px 1px 3px black);transition:1s}.main{width:100vw!important;display:flex;background-image:url(./images/salle-nativa.webp)}.main-nuit{width:100vw;display:flex;flex-direction:column;background-image:url(./images/salle-nativa-nuit.webp)}.Ssection2,.Ssection2-nuit{background-position:bottom;background-size:contain;background-repeat:no-repeat}.Ssection2{width:60%;max-width:1400px;min-width:900px;height:100%;background-image:url(./images/bureau2.webp);justify-content:center;position:relative;align-items:end}.informations,.section1{flex-direction:row;display:flex}.Ssection2-nuit{background-image:url(./images/bureau-2-nuit.webp);filter:drop-shadow(2px 5px 10px black)}.section1{width:100%;height:92vh;justify-content:center;align-items:center}.Ssection1{width:20%;height:100vh}.informations{width:3rem;height:3rem;padding:2px 3px;position:fixed;bottom:2rem;right:7rem;justify-content:center;align-items:center;z-index:9999999;background-color:#fff;border-radius:500px;box-shadow:2px 2px 10px rgba(0,0,0,.575)}.Ssection3,.carrousel img{height:100%}.tete{width:65%;margin-bottom:-20%;animation-name:tete;animation-iteration-count:infinite}.cyril{width:35%;margin-left:-20px;filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, .63))}.tableau-engagement,.tableau-trophy{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}.Ssection2 a{margin-bottom:0;width:65%;display:flex;flex-direction:row;justify-content:center}.github img,.linkedin img{width:5rem;padding:.5rem;filter:drop-shadow(5px 2px 5px rgba(0, 0, 0, .699))}.Ssection2 a img{width:100%;z-index:3}@keyframes tete{0%,100%{rotate:0deg}50%{rotate:6deg;transform:translateX(2px)}}.Ssection3{width:20%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.elements,.social{position:absolute}.elements{display:flex;flex-direction:row;margin-left:48rem;margin-bottom:25rem}.servicesInfo,.social{flex-direction:column}.social{display:flex;justify-content:center;transform:translateY(-250px);transform:translateX(190px);margin-bottom:2rem;z-index:0;scale:0.5}.socialAnim{transform:translateX(-100px);scale:1;z-index:3}.github:hover,.linkedin:hover{transform:scale(1.1);transition-duration:.5s;filter:drop-shadow(8px 5px 5px rgba(0, 0, 0, .527))}.tableau{margin-bottom:0;z-index:1}.tableau-img{width:200px;height:130px;margin-bottom:1rem;margin-right:35rem;z-index:1}.tableau-engagement{position:absolute;width:350px;height:200px;top:300px;left:350px;z-index:1}.goku1,.goku2{position:absolute;z-index:99999;width:50px;height:100px;bottom:130px;left:400px}.goku1{background-image:url(./images/goku1.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku2{background-image:url(./images/goku2.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku3,.goku4{z-index:99999;width:50px;height:100px;bottom:130px;left:570px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute}.goku3{display:none;background-image:url(./images/goku1.webp)}.gokuactif,.logoscertif{display:flex}.goku4{background-image:url(./images/goku2.webp)}.tableau-trophy{width:400px;margin-bottom:-2rem;margin-right:-12rem;position:absolute;z-index:1}.logoscertif{position:relative;width:300px}.logodwwm,.logoopquast{width:120px;height:90px;position:absolute;bottom:150px;left:200px;scale:0}.logodwwm,.logoopquast{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));transition:1s;z-index:9999}.logodwwmActive,.logoopquastActive{width:120px;height:90px;bottom:250px;scale:1;transition:1s;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));position:absolute;z-index:9999}.logoopquastActive{left:260px}.logodwwmActive{left:120px}.tableau-img:hover{animation-name:tableau;animation-duration:2s;animation-timing-function:ease-in-out;animation-direction:normal;animation-play-state:running}.tooltipdiv{position:absolute;left:40px;bottom:0;width:auto}.tooltip2,.tooltipservice{bottom:150px;border:2px solid #fff}.tooltipservice{visibility:hidden;position:absolute;left:-70px;transform:translateX(-50%);background:#33ac7f;color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:9999;opacity:0;transition:opacity .2s}.tooltip2,.tooltip3{transform:translateX(-50%);background:#33ac7f;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;white-space:nowrap;opacity:0;z-index:9999999;transition:opacity .2s;position:absolute;color:#fff}.tooltip2{left:50px;border-radius:4px}.tooltip3{bottom:550px;left:550px;border:2px solid #fff;border-radius:4px}.infoArcade,.proj{padding:5px 10px;font-weight:800}.kakemono{position:absolute;width:250px;z-index:999;left:-200px;bottom:-25px}.cyril:focus .tooltip2,.cyril:hover .tooltip2,.tooltipactive,.tooltipdiv:focus .tooltipservice,.tooltipdiv:hover .tooltipservice{visibility:visible;opacity:1}.arcade{width:480px;height:auto;right:150px;bottom:120px;position:absolute}.infoArcade{position:absolute;width:auto;color:#fff;border-radius:10px;border:2px solid #fff;background-color:#205d5f;bottom:20vh;right:8vw;z-index:333}.cyrilinfos,.servicesInfo{position:fixed;height:auto;min-width:400px;background-color:#fff;display:flex;z-index:999999}.linkedin img{border-radius:30px;margin-bottom:1rem;background-color:#fff}.github img{border-radius:30px;background-color:#fff}.btn-echange,.cyrilinfos img{margin-left:auto;margin-right:auto;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}@keyframes tableau{0%{rotate:0deg;-ms-transform-origin-x:0px}15%{rotate:5deg;transform:translateX(-10px)}45%{rotate:-5deg;transform:translateX(10px)}65%{rotate:3deg;transform:translateX(-5px)}80%{rotate:-3deg;transform:translateX(5px)}90%{rotate:1deg;transform:translateX(-2px)}95%{rotate:-1deg;transform:translateX(2px)}100%{rotate:0deg;transform:translateX(0)}}.servicesInfo{width:60vw;border-radius:30px;top:15vh;border:2px solid rgba(32,93,95,.884)}.cyrilinfos{width:70vw;border-radius:30px;top:10vh;flex-direction:column;border:2px solid rgba(32,93,95,.884)}.cyrilinfos img{position:relative;width:8vw;border-radius:100px;top:-10px;margin-bottom:0;border:3px solid #fff}.cyrilinfos h2{text-align:left;color:rgba(32,93,95,.884);margin-top:-6rem;margin-left:1rem}.cyrilinfos h3{text-align:left;margin-top:0;color:#fff}.cyrilinfos h4{color:rgba(32,93,95,.884);font-size:1.3rem;text-align:center;margin-top:-.2rem}.cyrilinfos p{margin-top:-.5rem;color:rgba(32,93,95,.884);margin-left:2rem;margin-right:2rem;text-align:justify;line-height:130%}.boldy{font-weight:800}.btn-echange{width:8rem;margin-bottom:2rem;height:2rem;border-radius:5px;background-color:#247488;color:#fff;border:none;font-weight:800}.btn-close,.btn-close-contact{right:0;background-color:rgba(32,93,95,.884);color:#fff}.btn-close{width:3rem;height:3rem;border-radius:1rem;border:2px solid #fff;top:-1rem;font-size:2rem;position:absolute}.btn-close-contact:hover,.btn-close:hover{background-color:#ffffffe1;color:#205d5fe1;border:2px solid #205d5fe1}.btn-close-contact{width:1.7rem;height:1.7rem;border-radius:1rem;border:2px solid #fff;top:-.7rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;position:absolute}.section2,.section2-nuit{top:100vh;height:100vh;margin-left:0;margin-right:0;background-repeat:no-repeat;background-size:cover;background-position-x:center;display:flex;position:absolute;width:100%}.section2{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2v2.webp)}.section2-nuit{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2nuitv2.webp)}.carrousel{width:60vw;height:60vh;margin-bottom:20vh;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:hidden}.telecommande{position:absolute;left:40vw;bottom:13vh;width:250px;height:100px;z-index:99999}.proj{position:absolute;left:50vw;bottom:12vh;width:auto;border-radius:5px;box-shadow:2px 2px 5px #000;background-color:#21505c;color:#fff;font-size:2rem;animation-name:animProj;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.back,.left{width:20vw;height:100vh}.contact,.contact2{padding:0 2rem;flex-direction:column;border-radius:10px;z-index:9999;box-shadow:5px 5px 10px #000;display:flex;position:absolute}.input-bouncing,.slider,.slider2,.slider3{animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes animProj{0%{transform:translateY(250px)}100%{transform:translateY(0)}}.sliderOpacity{transition-duration:1s;opacity:0}.slider{animation-name:slide}@keyframes slide{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.slider2{animation-name:slide2}@keyframes slide2{0%{transform:translateY(-100%)}100%{transform:translateY(-200%)}}.slider3{animation-name:slide3}@keyframes slide3{0%{transform:translateY(-200%)}100%{transform:translateY(0)}}.contact{width:500px;height:auto;justify-content:center;align-items:center;top:30vh;left:30vw;color:#205d5ff0;background-color:#fff}.contact2{transition:1s;width:400px;height:350px;justify-content:start;align-items:center;color:#fff;background-color:#205d5fe1}.contact form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px}#votremail,.contact form select{width:100%;height:1.5rem;margin-bottom:.5rem;border-radius:5px;border:none}.input-bouncing{animation-name:BounceContact}.contact form textarea{width:100%;height:8rem;margin-bottom:.5rem;border-radius:5px;border:none}.contact form input[type=submit]{width:50%;height:1.5rem;margin-top:1rem;margin-bottom:1rem;border-radius:5px;border:none;cursor:pointer}.contact form input[type=submit]:hover{background-color:#21505c;color:#fff;border:2px solid #fff;font-weight:800}.contact form input[type=number]{width:50%;height:1.5rem;margin-top:.2rem;border-radius:5px;border:none}.succes{padding:5px 10px;border-radius:5px;position:absolute;top:50%;z-index:999999;color:#fff;background-color:#578b57}.img-mail,.methode-contact img{transition:1s;border-radius:40px;filter:drop-shadow(2px 2px 5px black)}.img-mail{width:4rem}}footer{width:100%;text-align:center;color:#fff;position:fixed;bottom:0;background-color:#205d5fe1;z-index:9999}@media (max-width:999px){.scrollWrapper,body{margin:0;overflow-x:auto;overflow-y:hidden}.partie2,.partie2Nuit{background-repeat:no-repeat;background-size:cover;background-position-x:center;position:relative}.part2,.partie2,.partie2Nuit{width:1500px;height:100vh}.part2,.partie2,.partie2Nuit,body{height:100vh}.welcome-phone button,h3{background-color:#247488;color:#fff}.engagements,.welcome-phone{left:10vw;overflow-y:scroll}.social,.socialAnim{transition-duration:1s}.informations:hover,.logo-contact:hover{transform:scale(1.1)}.proj,.tete{animation-duration:3s}.boldy,.btn-echange,.infoArcade,.informations p,.proj,.tooltipservice,.welcome-phone button{font-weight:800}.subtitle,footer p{font-size:1rem}*{font-family:"Josefin Slab",serif;font-optical-sizing:auto;font-style:normal}p{font-weight:600;font-size:1.2rem}h3{font-size:1.5rem;padding:.5rem 1rem;border-radius:5px}.scrollWrapper{height:100vh;display:flex;flex-direction:row}.partie2{background-image:url(./images/salle-partie2.webp)}.partie2Nuit{background-image:url(./images/salle-partie2-nuit.web)}.welcome-phone{width:75vw;height:auto;max-height:80vh;max-width:700px;position:absolute;flex-direction:column;align-items:center;text-align:center;top:5vh;border-radius:20px;color:rgba(32,93,95,.947);border:2px solid rgba(32,93,95,.947);background-color:#fff;z-index:999999;padding:0 .5rem}.engagements,.siteSolution{color:rgba(32,93,95,.884);padding:1rem 2rem}.Headeractif h1,.aidemobile,.carrouselPhone,.menu-burger,.numerotel,.socialphone,.tableau-phone,.welcome,header{display:none}.choixphone{margin-left:-1rem}.welcome-phone h1{font-size:2rem;margin-bottom:0}.welcome-phone h2{margin-bottom:0}.welcome-phone li{margin-top:2rem;margin-bottom:1rem;text-align:left;font-size:1.3rem}.welcome-phone button{width:150px;height:3rem;border-radius:5px;border:none;font-size:1.3rem;margin-bottom:1rem}.welcome button:hover{color:#fff;border:2px solid #fff;cursor:pointer;background-color:rgba(48,134,137,.884)}.aide{width:90vw;height:80vh;position:absolute;z-index:99999;display:flex;justify-content:center;align-items:center;border-radius:3rem;border:3px dashed #21505c;background-color:rgba(255,255,255,.445)}.aide img{width:100%;z-index:9999}.siteSolution{margin-top:2rem;text-align:justify}.siteSolution h2{text-align:center}.engagements{position:fixed;width:60vw;height:60vh;border-radius:30px;top:15vh;text-overflow:ellipsis;background-color:#fff;display:flex;flex-direction:column;border:2px solid rgba(32,93,95,.884);z-index:999999}.logo-contact,.planteNativa{bottom:1.5rem;flex-direction:row;z-index:99999999}.logo-contact{width:4rem;height:4rem;right:2rem;text-align:center;display:flex;justify-content:center;align-items:center;filter:drop-shadow(2px 2px 10px rgba(0, 0, 0, .575));cursor:pointer}.footer-img,.planteNativa{width:3.4rem;height:3.4rem;right:2rem;filter:drop-shadow(2px 2px 10px rgba(0, 0, 0, .575));border-radius:200px;display:flex;background-color:#fff;text-align:center;cursor:pointer}.planteNativa{margin-right:.3rem;justify-content:center;align-items:center}.footer-img{position:fixed;margin-bottom:.5rem;bottom:40px;flex-direction:row;justify-content:center;align-items:center;z-index:999999999999}.logo-contact:hover{transition:.5s}#header-phone .btn-close{width:3rem;height:3rem;border-radius:1rem;border:2px solid #fff;right:3rem;top:8rem;position:fixed;background-color:rgba(32,93,95,.884);color:#fff;font-size:2rem}#liste-menu{margin-right:3rem;display:flex;flex-direction:column}.Headeractif,.main{flex-direction:column}#header-phone h1{color:#247488;font-size:1.5rem;margin-left:2rem;font-weight:900}.Headeractif{position:absolute;margin-top:15vh;margin-left:6vw;border-radius:20px;box-shadow:2px 2px 5px rgba(0,0,0,.637);display:flex;height:50vh;width:60vw;justify-content:center;padding:0 3rem;align-items:center;z-index:9999;background-color:#fff;color:#247488}#header-phone ul{position:relative;display:flex;gap:2rem}#header-phone ul li{list-style:none;text-wrap:nowrap;font-size:1.5rem;font-weight:600;color:#247488;cursor:pointer}.interrupteur{display:none;width:30px;position:absolute;left:-30px;bottom:300px;filter:drop-shadow(1px 1px 3px black);cursor:pointer;transition:1s}.main,.main-nuit{height:100vh;min-width:100vw;display:flex;background-repeat:no-repeat;background-size:cover;margin:0}.main{width:100vw!important;padding-right:17rem;background-image:url(./images/salle-nativa-phone.webp);background-position-x:-700px}.main-nuit{width:100vw;flex-direction:column;background-image:url(./images/salle-nativa-nuit.webp);background-position-x:center}.Ssection2,.section1{display:flex;flex-direction:row}.Ssection2,.Ssection2-nuit{background-position:bottom;background-size:contain;background-repeat:no-repeat}.Ssection2{width:60%;max-width:1400px;min-width:900px;height:100%;background-image:url(./images/bureau2.webp);justify-content:center;position:relative;align-items:end}.Ssection2-nuit{background-image:url(./images/bureau-2-nuit.webp);filter:drop-shadow(2px 5px 10px black)}.section1{width:100%;height:92vh;justify-content:center;align-items:center}.informations,.menuinteractif{flex-direction:row;display:flex}.Ssection1{width:20%;height:100vh}.informations{width:3rem;height:3rem;padding:2px 3px;bottom:2rem;right:7rem;text-align:center;justify-content:center;align-items:center;z-index:9999999;background-color:#fff;border-radius:500px;box-shadow:2px 2px 10px rgba(0,0,0,.575);cursor:pointer}.Ssection3,.carrousel img{height:100%}.menuinteractif{width:100vw;position:fixed;top:10px;left:10px;gap:1rem;justify-content:center;align-items:center;z-index:100}.informations p{color:#247488;font-size:1.5rem}.tete{width:65%;margin-bottom:-20%;animation-name:tete;animation-iteration-count:infinite}.cyril{width:35%;margin-left:100px;filter:drop-shadow(1px 2px 2px rgba(0, 0, 0, .63))}.tableau-engagement,.tableau-trophy{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}.Ssection2 a{margin-bottom:0;width:65%;display:flex;flex-direction:row;justify-content:center}.github img,.linkedin img{width:5rem;padding:.5rem;filter:drop-shadow(5px 2px 5px rgba(0, 0, 0, .699))}.Ssection2 a img{width:100%;z-index:3}@keyframes tete{0%,100%{rotate:0deg}50%{rotate:6deg;transform:translateX(2px)}}.Ssection3{width:20%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.elements,.social{position:absolute}.elements{display:flex;flex-direction:row;margin-left:48rem;margin-bottom:25rem}.servicesInfo,.social{flex-direction:column}.social{display:flex;justify-content:center;transform:translateY(-250px);transform:translateX(190px);margin-bottom:2rem;z-index:0;scale:0.5}.socialAnim{transform:translateX(-100px);scale:1;z-index:3}.github:hover,.linkedin:hover{transform:scale(1.1);transition-duration:.5s;filter:drop-shadow(8px 5px 5px rgba(0, 0, 0, .527))}.tableau{margin-bottom:0;z-index:1}.tableau-img{width:200px;height:130px;margin-bottom:1rem;margin-right:35rem;z-index:1}.tableau-engagement{position:absolute;width:350px;height:200px;top:200px;left:350px;z-index:1}.goku1,.goku2{position:absolute;z-index:99999;width:50px;height:100px;bottom:130px;left:230px}.goku1{background-image:url(./images/goku1.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku2{background-image:url(./images/goku2.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.goku3,.goku4{z-index:99999;width:50px;height:100px;bottom:100px;left:580px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute}.goku3{display:none;background-image:url(./images/goku1.webp)}.gokuactif,.logoscertif{display:flex}.goku4{background-image:url(./images/goku2.webp)}.tableau-trophy{width:400px;margin-bottom:-2rem;margin-right:-12rem;position:absolute;z-index:1}.kakemono:hover,.tableau-engagement:hover,.tableau-trophy:hover{cursor:pointer}.logoscertif{position:relative;width:300px}.logodwwm,.logoopquast{width:120px;height:90px;position:absolute;bottom:150px;left:200px;scale:0}.logodwwm,.logoopquast{filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));transition:1s;z-index:9999}.logodwwmActive,.logoopquastActive{width:120px;height:90px;bottom:250px;scale:1;transition:1s;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .667));position:absolute;z-index:9999}.logoopquastActive{left:260px}.logodwwmActive{left:120px}.tableau-img:hover{animation-name:tableau;animation-duration:2s;animation-timing-function:ease-in-out;animation-direction:normal;animation-play-state:running}.tooltipdiv{position:absolute;left:40px;bottom:0;width:auto}.tooltip2,.tooltipservice{bottom:150px;border:2px solid #fff}.tooltipservice{visibility:hidden;position:absolute;left:700px;transform:translateX(-50%);background:#33ac7f;color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;border-radius:4px;white-space:nowrap;z-index:9999;opacity:0;transition:opacity .2s}.tooltip2,.tooltip3{transform:translateX(-50%);background:#33ac7f;box-shadow:2px 2px 5px rgba(0,0,0,.655);padding:6px 10px;white-space:nowrap;opacity:0;z-index:9999999;transition:opacity .2s;position:absolute;color:#fff}.tooltip2{left:110px;border-radius:4px}.tooltip3{bottom:500px;left:550px;border:2px solid #fff;border-radius:4px}.kakemono{position:absolute;width:250px;z-index:99;margin-left:550px;bottom:-25px}.cyril:focus .tooltip2,.cyril:hover .tooltip2,.tooltipactive,.tooltipdiv:focus .tooltipservice,.tooltipdiv:hover .tooltipservice{visibility:visible;opacity:1}.arcade{max-width:60px;min-width:180px;right:150px;bottom:60px;cursor:pointer;position:absolute}.infoArcade{position:absolute;text-align:center;width:auto;padding:5px 10px;color:#fff;border-radius:10px;border:2px solid #fff;background-color:#205d5f;bottom:20vh;right:8vw;z-index:333}.cyrilinfos,.servicesInfo{top:10vh;background-color:#fff;display:flex;z-index:999999;position:fixed}.linkedin img{border-radius:30px;margin-bottom:1rem;background-color:#fff}.github img{border-radius:30px;background-color:#fff}@keyframes tableau{0%{rotate:0deg;-ms-transform-origin-x:0px}15%{rotate:5deg;transform:translateX(-10px)}45%{rotate:-5deg;transform:translateX(10px)}65%{rotate:3deg;transform:translateX(-5px)}80%{rotate:-3deg;transform:translateX(5px)}90%{rotate:1deg;transform:translateX(-2px)}95%{rotate:-1deg;transform:translateX(2px)}100%{rotate:0deg;transform:translateX(0)}}.servicesInfo{width:90vw;height:75vh;overflow-y:scroll;border-radius:30px;margin-left:5rem;border:2px solid rgba(32,93,95,.884)}.cyrilinfos{width:80vw;height:60vh;overflow:scroll;border-radius:30px;padding-top:6rem;margin-left:4rem;flex-direction:column;border:2px solid rgba(32,93,95,.884)}.btn-echange,.cyrilinfos img{margin-left:auto;margin-right:auto;filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, .644))}.cyrilinfos img{position:relative;width:20vw;border-radius:100px;top:-90px;margin-bottom:0;border:3px solid #fff}.cyrilinfos h2{text-align:left;color:rgba(32,93,95,.884);margin-top:-6rem;margin-left:1rem}.cyrilinfos h3{text-align:left;margin-top:0;color:#fff}.cyrilinfos h4{color:rgba(32,93,95,.884);font-size:1.3rem;text-align:center;margin-top:-.2rem}.cyrilinfos p{margin-top:-.5rem;color:rgba(32,93,95,.884);margin-left:2rem;margin-right:2rem;text-align:justify;line-height:130%}.btn-echange{width:14rem;height:4rem;margin-bottom:2rem;border-radius:5px;background-color:#247488;color:#fff;border:none;padding:.5rem 1rem;font-size:1.5rem}.btn-close,.btn-close-contact{width:3rem;background-color:rgba(32,93,95,.884);color:#fff;height:3rem}.btn-close{border-radius:1rem;border:2px solid #fff;right:1rem;top:1.5rem;position:fixed;font-size:2rem}.btn-close-contact:hover,.btn-close:hover{background-color:#ffffffe1;color:#205d5fe1;border:2px solid #205d5fe1}.btn-close-contact{border-radius:1rem;border:2px solid #fff;right:0;top:-.7rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;position:absolute}.section2,.section2-nuit{top:100vh;height:100vh;margin-left:0;margin-right:0;display:flex;background-repeat:no-repeat;background-size:cover;background-position-x:center;position:absolute;width:100%}.section2{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2v2.webp)}.section2-nuit{flex-direction:row;justify-content:space-between;align-items:center;flex-direction:row;background-image:url(./images/salle2nuitv2.webp)}.carrousel,.contact{display:flex;flex-direction:column}.carrousel{width:60vw;height:60vh;margin-bottom:20vh;justify-content:start;align-items:center;overflow:hidden;cursor:pointer}.telecommande{position:absolute;left:40vw;bottom:13vh;width:250px;height:100px;z-index:99999;cursor:pointer}.proj{position:absolute;left:50vw;bottom:12vh;width:auto;padding:5px 10px;border-radius:5px;box-shadow:2px 2px 5px #000;background-color:#21505c;color:#fff;font-size:2rem;animation-name:animProj;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.back,.left{width:20vw;height:100vh}.contact,.contact2{padding:0 2rem;border-radius:10px;box-shadow:5px 5px 10px #000}.input-bouncing,.slider,.slider2,.slider3{animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes animProj{0%{transform:translateY(250px)}100%{transform:translateY(0)}}.sliderOpacity{transition-duration:1s;opacity:0}.slider{animation-name:slide}@keyframes slide{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.slider2{animation-name:slide2}@keyframes slide2{0%{transform:translateY(-100%)}100%{transform:translateY(-200%)}}.slider3{animation-name:slide3}@keyframes slide3{0%{transform:translateY(-200%)}100%{transform:translateY(0)}}.back{cursor:pointer}.contact{position:fixed;width:60vw;height:auto;justify-content:center;align-items:center;top:20vh;left:10vw;color:#205d5ff0;z-index:9999;background-color:#fff}.contact2,.succes{position:absolute}.contact form,.contact2{flex-direction:column;display:flex}.contact2,footer{color:#fff;background-color:#205d5fe1;z-index:9999}.contact2{transition:1s;width:400px;height:350px;justify-content:start;align-items:center}.contact form{justify-content:center;align-items:center;width:250px}#votremail,.contact form select{width:100%;height:1.5rem;margin-bottom:.5rem;border-radius:5px;border:none}.input-bouncing{animation-name:BounceContact}.contact form textarea{width:100%;height:8rem;margin-bottom:.5rem;border-radius:5px;border:none}.contact form input[type=submit]{width:50%;height:1.5rem;margin-top:1rem;margin-bottom:1rem;border-radius:5px;border:none;cursor:pointer}.contact form input[type=submit]:hover{background-color:#21505c;color:#fff;border:2px solid #fff;font-weight:800}.contact form input[type=number]{width:50%;height:1.5rem;margin-top:.2rem;border-radius:5px;border:none;cursor:pointer}.succes{padding:5px 10px;border-radius:5px;top:50%;z-index:999999;color:#fff;background-color:#578b57}.img-mail,.methode-contact img{transition:1s;border-radius:40px;filter:drop-shadow(2px 2px 5px black)}.img-mail{width:4rem}footer{display:none;width:100vw;height:3rem;text-align:center;position:fixed}.footer-actif{display:flex;flex-direction:column;align-items:center;justify-content:center}footer p{margin:0}}.img-phone{width:3.3rem;transition:1s;border-radius:40px;margin-left:1rem;margin-bottom:.3rem;filter:drop-shadow(2px 2px 5px black)}.methode-contact img:hover{scale:1.1;transition:1s}@keyframes BounceContact{0%{width:0%}60%{width:103%}80%{width:97%}90%{width:101%}100%{width:100%}}