*,:before,:after{padding:0;margin:0;box-sizing:border-box}:root{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{min-height:100vh;background-color:#195763;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;padding:var(--sat),var(--sab),var(--sal),var(--sar)}a{text-decoration:none;color:#fff}.buttonTop{display:none;width:64px;height:64px;position:fixed;top:50vh;right:0;transform:translateY(-50%);margin-right:20px;cursor:pointer}.container{max-width:1536px;padding:0 20px;margin:0 auto}section{height:100vh;scroll-snap-align:center}@media (max-width: 500px){.container{padding:0 10px}.buttonTop{margin-right:10px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@media (orientation: landscape) and (max-width: 992px){body{display:flex;justify-content:center;align-items:center;height:100vh;background:#000;text-align:center;padding:20px}body:before{content:"Veuillez utiliser votre appareil en mode portrait.";font-size:20px;color:#fff}#root{display:none}}#home{position:relative;display:flex;overflow:hidden}.hBgCont{position:absolute;width:100%;height:100vh;bottom:0;right:0;left:0;z-index:-10;overflow:hidden;margin:auto}.bgImgCont{position:absolute;bottom:0;left:0;right:0;max-width:max-content;height:100%;margin:auto}.bgImgCont img{width:100%;height:100%;object-fit:cover}.hSection{width:50%;height:100%}.hSection.left{display:flex;flex-direction:column;justify-content:space-between}.hSection.right{position:relative}.hTitle{width:100%;font-size:50px;color:#96d6e6;margin-top:50px}.hTitle span{color:#fff}.jobTitle{width:50%}.jobTitle h2{font-size:25px}.jobTitle p{font-size:20px;color:#ddd;margin:15px 0}.contactLinks{display:flex;gap:10px}.contactLink{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:#fff;border-radius:100%;padding:8px}.contactLink img{width:32px;height:32px}.hButtons{display:flex;align-items:center;gap:10px;padding:15px 0}.hButtons a{display:inline-block;width:106px;border-radius:8px;font-size:18px;text-align:center;letter-spacing:.5px;padding:10px 15px}.hButtons a:first-child{background-color:#96d6e6;color:#0a3232;font-weight:500}.hButtons a:last-child{display:none;background-color:#0a3232;color:#fff}.scroll{margin-bottom:20px;width:max-content}.bubble{position:absolute;top:50%;right:0;width:80%;min-height:90px;background-color:#fff;color:#0a3232;padding:10px 15px;font-size:18px;border-radius:0 20px 20px}.contactButton{position:absolute;bottom:20px;right:0;cursor:pointer}.circleText{letter-spacing:2px;font-size:25px}.arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 1536px){.hTitle{font-size:50px}}@media (max-width: 1280px){.hBgCont{height:75%;top:auto;bottom:0}.hTitle{font-size:45px}.jobTitle{width:60%}.bubble{top:60%;width:70%}}@media (max-width: 1024px){.hTitle{font-size:40px}}@media (max-width: 768px){#home{flex-direction:column;gap:0}.hSection{width:100%}.hSection.left{height:60%;justify-content:center;align-items:center;text-align:center;gap:55px}.hSection.right,.hBgCont{height:45%}.hTitle{font-size:35px;margin-top:20px}.jobTitle{width:100%}.contactLinks{justify-content:center;gap:20px}.hButtons{justify-content:center}.scroll{position:absolute;left:20px;bottom:0}.hBgCont{overflow:hidden}.bgImgCont img{max-width:100%}.bubble,.contactButton{display:none}.hButtons a:last-child{display:block}.arrow svg{width:50px;height:50px}.circleText{font-size:20px}}@media (max-width: 640px){.hSection.left{gap:20px}.hTitle{font-size:32px}.jobTitle p{font-size:18px}.contactButton svg{width:110px;height:110px}.arrow svg{width:50px;height:auto}}@media (max-width: 550px){.scroll{display:none}}#services{display:flex;padding:20 0}.sSection{display:flex;flex-direction:column;align-items:center}.sSection.left{width:45%;height:100%;justify-content:space-evenly}.sTitle{width:100%;color:#fff;font-size:50px;text-align:center;margin-bottom:30px}.serviceList{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;margin-bottom:30px}.service{position:relative;width:90%;display:flex;align-items:center;background-color:#02222e;color:#fff;border-radius:20px;gap:15px;padding:25px;cursor:pointer}.service:hover{background-color:#96d6e6;color:#02222e}.service:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#02222e;font-size:16px;border-radius:20px;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;padding:15px;text-align:center;white-space:pre-line}.service.active:after{opacity:1;content:attr(data-desc)}.service.active .serviceInfo,.service.active .serviceIcon{opacity:0}.serviceIcon{width:48px;height:48px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.serviceIcon img{width:24px;height:24px}.serviceInfo{transition:opacity .3s ease}.serviceInfo h2{font-size:18px;font-weight:500;margin-bottom:8px}.serviceInfo h3{font-size:13px;font-weight:300}.service:nth-child(1) .serviceIcon{background-color:#d71c38}.service:nth-child(2) .serviceIcon{background-color:#2456c1}.service:nth-child(3) .serviceIcon{background-color:#a35a00}.counterList{width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff}.counter{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.counter h2{width:100%;font-size:30px}.counter p{width:100%;font-size:18px}.sSection.right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:55%}.sModelContainer{display:flex;flex-direction:column}@media screen and (max-width: 1280px){.sTitle{font-size:45px}}@media (max-width: 1024px){.sTitle{font-size:40px}}@media (max-width: 768px){.sTitle{font-size:35px;text-align:center}#services{justify-content:space-evenly;align-items:center}.sSection.left,.serviceList{width:100%;align-items:center}.counter h2{font-size:25px}.sSection.right{display:none}.service.active{z-index:100}}@media (max-width: 640px){.sTitle,.service,.counterList{width:100%}}@media screen and (max-width: 550px){.service{height:120px}.service:after{font-size:15px;padding:10px}.counter h2{font-size:22px}.counter p{font-size:16px}}#portfolio{height:100vh;width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.pTitle{width:100%;position:absolute;top:50px;left:0;font-size:30px}.pItemsList{position:absolute;left:0;display:flex;align-items:center;width:100%;height:100%}.pItem{display:flex;justify-content:center;align-items:center;width:90%;height:90%;flex:0 0 100%;gap:50px}.pImgCont{width:50%;height:100%;display:flex;align-items:center;justify-content:center;padding-left:20px}.pImgCont img{max-width:100%;max-height:100%;object-fit:contain;border-radius:15px}.pTextCont{width:50%;display:flex;flex-direction:column;justify-content:center;color:#fff;gap:20px;padding-right:20px}.pTextCont h2{width:100%;font-size:35px}.pTextCont p{width:100%;font-size:20px;text-align:left}.pButtons{width:100%;display:flex;gap:20px}.pButtons button{width:145px;font-size:18px;border:none;cursor:pointer;border-radius:10px;transition:background-color .3s;padding:15px 20px}.pButtons a:active{transform:translateY(2px)}.pButtons a:first-child button{background-color:#02222e;color:#fff}.pButtons a:last-child button{color:#02222e}.pButtons a button:hover{background-color:#96d6e6;color:#02222e}@media (max-width: 1024px){.pTitle{font-size:24px}.pItem{flex-direction:column;gap:30px}.pImgCont{width:100%;height:40%;padding-right:20px}.pTextCont{width:100%;height:60%;text-align:center;justify-content:center;align-items:center;padding-left:20px}.pTextCont h2{font-size:30px}.pTextCont p{text-align:center}.pButtons{justify-content:center}}@media (max-width: 640px){.pTitle{font-size:22px}.pItem{width:100%;gap:15px}.pTextCont h2{font-size:25px}.pTextCont p{font-size:18px}.pImgCont img{border-radius:10px}.pButtons button{width:140px;font-size:17px}}@media (max-width: 500px){#portfolio{padding-bottom:10px}.pItem{gap:20px}.pImgCont,.pTextCont{padding:0 10px}.pButtons{gap:10px}}#contact{position:relative;display:flex;justify-content:space-between;gap:100px}.cSection{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.cSection.right{background-color:#02222e;border-radius:50% 0;padding:50px}#contact h1{color:#96d6e6;text-align:center;font-size:25px}#contact p{font-size:18px;text-align:center}form{min-width:300px;max-width:450px;display:flex;flex-direction:column;gap:20px;background-color:#02222e;padding:40px 40px 50px;border-radius:50px}input,textarea{width:100%;font-size:16px;padding:12px;border:none;border-radius:5px}input::placeholder,textarea::placeholder{font-size:16px;color:#444}.inputGroup{display:flex;flex-direction:column;gap:10px}label{font-size:18px;color:#fff}textarea{resize:none}.formButton{width:150px;height:45px;display:flex;justify-content:center;align-items:center;background-color:#ddd;color:#02222e;font-size:18px;font-weight:600;letter-spacing:.5px;border:none;border-radius:8px;padding:20px;margin:10px auto auto;cursor:pointer}.formButton:hover,.formButton:active{background-color:#96d6e6}.formButton:active{transform:translateY(2px)}.toastMsg{position:absolute;top:0;right:0;width:250px;background:#fff;color:#02222e;border-bottom-left-radius:3px;padding:20px;z-index:10;animation:fadeinout 4s forwards}.success{border-bottom:10px solid #8ad108}.error{border-bottom:10px solid #ff0000}@keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}@media screen and (max-width: 1024px){#contact{flex-direction:column;justify-content:space-between;overflow-y:hidden;gap:30px;padding-top:20px}.cSection{width:100%}.cSection.left{height:100%}.cSection.right{height:100px;border-radius:20px 0;padding:5px 0}form{border-radius:20px;z-index:100}textarea{height:6em}.cSection.right{padding:0}}@media screen and (max-width: 640px){#contact{overflow:auto}form{gap:10px}}@media screen and (max-width: 500px){form{width:100%;padding:40px 25px 50px}}.loading-container{background-color:#195763;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:10px;z-index:100}.dot{width:25px;height:25px;background-color:#96d6e6;border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}