@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:100%;line-height:1.5;font-family:sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}.container{padding-top:10rem;margin:auto;overflow:hidden}.container-2{display:flex;flex-direction:column;gap:10rem;padding-top:7rem;margin:auto}@media screen and (min-width: 1720px){.container,.container-2{width:1720px}}:root{--mouse-position: 0 }.timeLine-content{display:flex}.timeLine-container{position:relative;height:-moz-fit-content;height:fit-content;z-index:2;border-bottom:solid #C9E0CA .2rem}.timeLine{display:flex;align-items:center;position:relative}.timeLine>.line{transition:1s;height:.2rem;display:block;background-color:#f7b318;width:calc(var(--mouse-position) * 1%)}.timeLine .line:after{z-index:-1;content:"";position:absolute;height:.2rem;display:block;background-color:#c9e0ca;width:100%;top:0}.date{cursor:pointer;transition:.5s;position:absolute;height:30px;width:30px;background-color:#fff;border:.2rem solid #C9E0CA;border-radius:100%}.date:hover{scale:1.5}.dateTitle{color:#f7b318;font-size:5rem;margin-left:1rem;letter-spacing:10px}.active-date{scale:1.3;border:.2rem solid #145858;background-color:#f7b318}.timeLine span:nth-child(2){left:calc(25% - 15px)}.timeLine span:nth-child(3){left:calc(50% - 15px)}.timeLine span:nth-child(4){left:calc(75% - 15px)}.timelineText-container{position:relative;width:-moz-fit-content;width:fit-content;z-index:-1}.timeLine-content{z-index:-2;flex-direction:column-reverse;overflow:hidden}.timeLine-content-text{text-align:center;padding:1rem}.timeLine-content-text>h1{color:#145858;font-size:2.4rem;letter-spacing:4px}.timeLine-content-text>p{padding-top:1rem;letter-spacing:1px}.timeLine-content-image{width:100%;margin:auto}.team-container{background-repeat:no-repeat;background-position:center;position:relative;margin-top:7rem}.team-container>h1{font-size:2rem;letter-spacing:3px;text-align:center;margin:1rem 0 3rem}.teamCard-container{display:flex;flex-direction:column;gap:5rem;padding-bottom:2rem}.card-div-container{display:flex;width:90%;margin:auto}.team-card{transition:box-shadow .4s;border-radius:10px;background:linear-gradient(217deg,#d2f4c9cc,#9ddec985 70.71%);box-shadow:0 0 20px -9px #145858;margin:auto;padding-top:1rem;padding-bottom:1rem;width:300px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.team-card>img{width:90%;margin:auto}.team-card-text{text-align:center;color:#145858}.team-card-text>h1{padding:.5rem 0;font-weight:600;font-size:1rem;letter-spacing:2px}.team-card-text>span{letter-spacing:1px}@media screen and (min-width: 670px){.timeLine-content{flex-direction:row;align-items:self-start;justify-content:center}.timeLine-content-text{display:inline-block;margin:auto;text-align:left;padding:1rem}.timeLine-content-image{width:60%}.teamCard-container{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 932px){.timeLine-content-text>h1{font-size:4rem;letter-spacing:4px}.timeLine-content-text>p{font-size:1.4rem;padding-top:1.4rem}.timeLine-content-image{width:40%}.team-container>h1{font-size:4rem}.teamCard-container{display:grid;grid-template-columns:repeat(3,1fr)}.teamCard-container>div:nth-child(1){grid-column:2/3;grid-row:1}.teamCard-container>div:nth-child(2){grid-column:1/2;grid-row:1}.teamCard-container>div:nth-child(3){grid-column:3/4;grid-row:1}.teamCard-container>div:nth-child(4){grid-column:1/2;grid-row:2}.teamCard-container>div:nth-child(5){grid-column:3/4;grid-row:2}.team-card{display:flex;padding:.5rem;width:220px;height:325px}}.card{transform:rotateX(var(--mouseDegX)) rotateY(var(--mouseDegY)) translate(var(--mousePxX)) translateY(var(--mousePxY))}.card:hover{box-shadow:var(--mousePxY) var(--mousePxX) 10px -4px #f7b318}.card:hover>img{box-shadow:var(--mousePxY) var(--mousePxX) 10px -5px #000;transform:rotateY(var(--mouseDegY)) rotateX(var(--mouseDegX)) translateY(var(--mousePxY)) translate(var(--mousePxX))}.all-contact{height:100vh}.all-contact>footer{position:absolute;bottom:0;width:100%}.contact-name,.contact-mail,.contact-text{position:relative;display:flex;justify-items:center;margin:auto;border-bottom:1px solid #C9E0CA}.contact-name>label,.contact-mail>label,.contact-text>label{display:flex;padding:.4rem}.contact-name>label>svg,.contact-mail>label>svg,.contact-text>label>svg{margin:auto;width:1.3rem;height:1.3rem;color:#f7b318}.contact-name>input,.contact-name textarea,.contact-mail>input,.contact-mail textarea,.contact-text>input,.contact-text textarea{background:none;padding-left:.5rem;border:none;width:300px}.contact-name>input:focus-visible,.contact-name textarea:focus-visible,.contact-mail>input:focus-visible,.contact-mail textarea:focus-visible,.contact-text>input:focus-visible,.contact-text textarea:focus-visible{outline:none}.contact-name>span,.contact-mail>span,.contact-text>span{position:absolute;top:0;left:0;font-size:.8rem}fieldset{border:none;display:grid;grid-template-columns:repeat(1,1fr);gap:3rem}fieldset>button{cursor:pointer;color:#145858;border-radius:6px;display:block;border:none;padding:0 1rem;background-color:#f7b318;letter-spacing:5px;width:40%;margin:auto;transition:.5s ease-in-out}fieldset>button:hover{background-color:#fff;scale:1.1;color:#f7b318;box-shadow:0 0 5px #00000087}.active-input{animation:backGround-animate 1s forwards;background:linear-gradient(0deg,#dee9df,#fff 50%)}.social-media{margin-top:4rem}.social-media h1{text-align:center;letter-spacing:3px;font-size:1.5rem;font-weight:400}.social-media>.social-media-container{display:flex;justify-content:space-around}.social-media>.social-media-container>div{color:#145858;margin-top:2rem;display:flex;flex-direction:column;transition:1s ease-in-out}.social-media>.social-media-container>div:hover{color:#f7b318;scale:.8}.social-media>.social-media-container>div>h2{font-weight:400;text-align:center;font-size:1rem}.social-media>.social-media-container>div>a{display:inline-block;margin:auto}@keyframes backGround-animate{0%{background-position:0% 0%}to{background-position:0% 100%}}@media screen and (min-width: 800px){fieldset{margin:auto;width:80%;display:flex;flex-wrap:wrap}fieldset>button{letter-spacing:10px;width:225px}.contact-name,.contact-mail{margin:auto;width:40%;border-bottom:1px solid #C9E0CA}.contact-name>input,.contact-mail>input{width:100%}.contact-text{margin:auto;width:90%}.contact-text>textarea{width:100%}}.home-container{display:flex}.home-text button{cursor:pointer;color:#145858;border-radius:6px;display:block;border:none;padding:0 1rem;background-color:#f7b318;letter-spacing:5px;width:40%;transition:.5s ease-in}.home-text button:hover{background-color:#fff;scale:1.1;color:#f7b318;box-shadow:0 0 5px #00000087}@media screen and (max-width: 720px){.home-container{flex-direction:column}.home-logo-gm{display:none}.home-logo{width:90%;margin:auto}.home-text h1,.home-text h2{display:none}.home-text p{padding:1rem 3rem;letter-spacing:2px}.home-text button{display:flex;font-size:1.4rem;margin:3rem auto 0}.home-text button>a{width:100%}}@media screen and (min-width: 720px){.home-container{justify-content:space-around;align-items:center;flex-direction:row}.home-logo{display:none}.home-logo-gm{width:30%}.home-text h1{color:#145858;font-size:3rem;font-weight:400;letter-spacing:25px}.home-text h2{color:#145858;font-size:1rem;font-weight:400;letter-spacing:5px}.home-text p{font-size:1rem;letter-spacing:4px;margin:1.5rem 0}.home-text button{font-size:1.7rem;transform-origin:center left}}@media screen and (min-width: 1200px){.home-logo-gm{width:25%}.home-text{width:50%}.home-text p{font-size:1.2rem;letter-spacing:4px;margin:1.5rem 0}.home-text h1{font-size:5rem;font-weight:400;letter-spacing:30px}.home-text h2{font-size:1.7rem;letter-spacing:6px}.home-text button{margin:3rem auto 0 0}}.drop{position:absolute;z-index:1;left:120px;top:150px;width:200px;height:200px;background-color:#8bce389f;border-radius:57% 43% 37% 67%/45% 52% 48%;box-shadow:10px 15px 16px #17241a88,inset 10px 10px 20px #05250d93,inset -20px -20px 22px #d3ffd470,inset 40px -40px 44px #b8ffa881;animation:jelly 6s infinite}.drop:before,.drop3:after,.drop2:before,.drop4:before{content:"";position:absolute;left:35px;top:35px;width:20px;height:20px;border-radius:42% 58% 37% 63%/40% 43% 57% 60%;background:#fcfcfcd1;animation:animate-reflect 8s infinite}.drop3:before{content:"";transform:rotate(50deg);position:absolute;left:80px;top:20px;width:15px;height:20px;border-radius:0% 100%;background:#ffffffc8}.drop:after,.drop2:after,.drop4:after{content:"";position:absolute;left:70px;top:20px;width:10px;height:10px;border-radius:42% 58% 37% 63%/40% 43% 57% 60%;background:#ffffffc8}@keyframes jelly{0%{border-radius:57% 43% 37% 67%/45% 52% 48%}20%{border-radius:57% 53% 37% 67%/45% 52% 48%}40%{border-radius:57% 43% 37% 67%/45% 42% 48% 52%}60%{border-radius:57% 43% 37% 47%/45% 52% 48%}80%{border-radius:57% 43% 37% 67%/35% 52% 48%}to{border-radius:57% 43% 37% 67%/45% 52% 48%}}@keyframes animate-reflect{0%{transform:translate(0)}20%{transform:translate(-10%)}40%{transform:translate(10%)}60%{transform:translate(5%)}to{transform:translate(0)}}.drop1{position:absolute;z-index:1;transform:rotate(59deg);top:300px;left:70%;width:60px;height:60px;background-color:#8bce389f;border-radius:57% 43% 37% 67%/45% 52% 48%;box-shadow:inset 5px 5px 5px #00000080,5px 8px 3px #2e592d1a,4px 8px 4px #27402380,inset -5px -5px 7px #d7ffbee6;animation:jelly 6s infinite}.drop1:before{content:"";position:absolute;left:25px;top:5px;width:6px;height:5px;border-radius:42% 68% 37% 63%/40% 43% 57% 60%;background:#fcfcfcd1}.drop1:after{content:"";position:absolute;left:10px;top:9px;width:3px;height:6px;border-radius:42% 58% 37% 63%/40% 43% 57% 60%;background:#ffffffd1}@keyframes jelly1{0%{border-radius:57% 43% 37% 67%/45% 52% 48%}20%{border-radius:57% 53% 37% 67%/45% 52% 48%}40%{border-radius:57% 43% 37% 67%/45% 42% 48% 52%}60%{border-radius:57% 43% 37% 47%/45% 52% 48%}80%{border-radius:57% 43% 37% 67%/35% 52% 48%}to{border-radius:57% 43% 37% 67%/45% 52% 48%}}.drop2{position:absolute;z-index:1;transform:rotate(59deg);top:700px;left:25%;background-color:#8bce389f;scale:.5;width:200px;height:200px;border-radius:57% 43% 37% 67%/45% 52% 48%;box-shadow:10px 15px 16px #17241a88,inset 10px 10px 20px #05250d93,inset -20px -20px 22px #d3ffd470,inset 40px -40px 44px #b8ffa881;animation:jelly1 8s infinite}.drop3{position:absolute;z-index:1;transform:rotate(90deg);top:1300px;left:40%;background-color:#8bce389f;scale:.5;width:200px;height:200px;border-radius:57% 43% 37% 67%/45% 52% 48%;box-shadow:10px 15px 16px #17241a88,inset 10px 10px 20px #05250d93,inset -20px -20px 22px #d3ffd470,inset 40px -40px 44px #b8ffa881;animation:jelly1 4s infinite}.drop4{position:absolute;z-index:1;transform:rotate(9deg);top:900px;left:30%;background-color:#8bce389f;scale:.2;width:200px;height:200px;border-radius:57% 43% 7% 67%/45% 52% 48%;box-shadow:10px 15px 16px #17241a88,inset 10px 10px 20px #05250d93,inset -20px -20px 22px #d3ffd470,inset 40px -40px 44px #b8ffa881;animation:jelly1 9s infinite}.animate-image-base{position:relative;z-index:1;width:200px;height:200px;background-size:cover;box-shadow:inset 10px 10px 10px #00000081;transition:scale .5s ease-in-out}.animate-image-base:hover{animation-play-state:paused}.home-fabrication-image{border-radius:23% 77% 37% 63%/63% 77% 23% 37%;animation:image1 20s ease-in-out infinite}.home-fabrication-image:hover{animation-play-state:paused}.home-eco-image{border-radius:84% 16% 73% 27%/78% 36% 64% 22%;animation:image2 20s ease-in-out infinite}.home-eco-image:hover{animation-play-state:paused}.container2-text{text-align:center}.container2-text>h1{margin-top:1rem;font-weight:400;font-size:2.3rem;letter-spacing:3px;color:#145858}.container2-text>p{text-align:left;letter-spacing:2px;padding:2rem}@media screen and (max-width: 720px){.animate-image-base{width:50%;margin:auto}}@media screen and (min-width: 720px){.home-fabrication{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}.home-eco{display:flex;flex-direction:row;justify-content:center;align-items:center}.animate-image-base{width:300px;height:300px}.container2-text{padding:1rem;width:60%;text-align:left}.container2-text>p{padding-left:0}}@media screen and (min-width: 1200px){.animate-image-base{width:400px;height:400px}.container2-text{width:50%}.container2-text>h1{font-size:3.4rem}.container2-text>p{font-size:1.2rem;padding-left:0}}@keyframes image1{0%{border-radius:23% 77% 37% 63%/63% 77% 23% 37%}20%{border-radius:44% 56% 37% 63%/43% 76% 24% 57%}40%{border-radius:75% 25% 54% 46%/35% 83% 17% 65%}60%{border-radius:20% 80% 54% 46%/59% 41%}80%{border-radius:55% 45% 35% 65%/76% 34% 66% 24%}to{border-radius:23% 77% 37% 63%/63% 77% 23% 37%}}@keyframes image2{0%{border-radius:84% 16% 73% 27%/78% 36% 64% 22%}20%{border-radius:42% 58% 46% 54%/84% 29% 71% 16%}40%{border-radius:82% 18% 46% 54%/37% 29% 71% 63%}60%{border-radius:82% 18% 72% 28%/60% 54% 46% 40%}80%{border-radius:53% 47% 32% 68%/60% 28% 72% 40%}to{border-radius:84% 16% 73% 27%/78% 36% 64% 22%}}.product-container>h1{font-size:3rem;font-weight:600;letter-spacing:4px;margin-bottom:2rem;color:#145858;text-align:center}.product-container>h2{font-weight:400;letter-spacing:1px;padding:.5rem}.productCard-container{display:flex;flex-direction:column;gap:2rem}.productCard{width:300px;margin:auto;overflow:hidden;padding:1rem;display:flex;position:relative;justify-content:center}.productCard>h1{cursor:pointer;top:50%;transform:translateY(-50%);margin:auto;position:absolute;text-align:center;letter-spacing:2px;color:#fff}.productCard>.product-image{transition:1s ease-in-out;cursor:pointer;border-radius:65% 35% 0% 100%/26% 100% 0% 74%;box-shadow:5px 5px 10px -4px #000;scale:.9}.productCard>p{display:none}.productCard-container div:nth-child(1)>.product-image{animation:borderAnimation-1 10s infinite ease-in-out}.productCard-container div:nth-child(1)>.product-image:hover{scale:1;box-shadow:5px 5px 15px -4px #f7b318}.productCard-container div:nth-child(2)>.product-image{animation:borderAnimation-2 10s infinite ease-in-out}.productCard-container div:nth-child(2)>.product-image:hover{scale:1;box-shadow:5px 5px 15px -4px #f7b318}.productCard-container div:nth-child(3)>.product-image{animation:borderAnimation-3 10s infinite ease-in-out}.productCard-container div:nth-child(3)>.product-image:hover{scale:1;box-shadow:5px 5px 15px -4px #f7b318}.productCard-container div:nth-child(4)>.product-image{animation:borderAnimation-4 10s infinite ease-in-out}.productCard-container div:nth-child(4)>.product-image:hover{scale:1;box-shadow:5px 5px 15px -4px #f7b318}@keyframes borderAnimation-1{0%{border-radius:19% 81% 71% 29%/18% 27% 73% 82%}33%{border-radius:75% 25% 37% 63%/85% 62% 38% 15%}66%{border-radius:20% 80% 77% 23%/29% 87% 13% 71%}to{border-radius:19% 81% 71% 29%/18% 27% 73% 82%}}@keyframes borderAnimation-2{0%{border-radius:82% 18% 26% 74%/55% 52% 48% 45%}33%{border-radius:25% 75% 49% 51%/80% 26% 74% 20%}66%{border-radius:66% 34% 16% 84%/30% 26% 74% 70%}to{border-radius:82% 18% 26% 74%/55% 52% 48% 45%}}@keyframes borderAnimation-3{0%{border-radius:66% 34% 76% 24%/82% 83% 17% 18%}33%{border-radius:85% 15% 25% 75%/16% 83% 17% 84%}66%{border-radius:38% 62% 56% 44%/83% 31% 69% 17%}to{border-radius:66% 34% 76% 24%/82% 83% 17% 18%}}@keyframes borderAnimation-4{0%{border-radius:63% 37% 15% 85%/83% 82% 18% 17%}33%{border-radius:32% 68% 65% 35%/31% 21% 79% 69%}66%{border-radius:20% 80% 17% 83%/79% 76% 24% 21%}to{border-radius:63% 37% 15% 85%/83% 82% 18% 17%}}.overlayBackground{display:flex;z-index:2;background-position:center;background-size:cover;position:fixed;left:0;right:0;top:0;height:100vh;animation:fadeInOut .5s ease-in-out}.overlayContent{position:relative;z-index:3;border-radius:.3rem;background:linear-gradient(217deg,#d2f4c9,#9ddec9 70.71%);box-shadow:0 0 30px -5px #ffffffb1;width:80%;margin:auto;padding:1rem}.overlayContent>h1{font-size:2rem;letter-spacing:3px;color:#fff;margin-top:1rem;margin-bottom:1.5rem}.overlayContent>p{color:#145858;letter-spacing:2px}.Xoverlay{cursor:pointer;color:#f7b318;position:absolute;top:0;right:0;transform:translateY(-100%);transition:.4s ease-in-out}.Xoverlay:hover{scale:1.2}.overlay-icon{width:60px;border-radius:0;margin:1rem auto}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}@media screen and (min-width: 860px){.product-container>h1{font-size:5rem}.product-container>h2{font-size:2rem;text-align:center}.productCard-container{display:grid;grid-template-columns:repeat(2,1fr);gap:7rem}.overlayContent{padding:2rem}.overlayContent>h1{font-size:4rem;letter-spacing:3px;color:#fff;margin-top:1rem;margin-bottom:2rem}.overlayContent>p{font-size:1.5rem}.Xoverlay{cursor:pointer;scale:1.5}.Xoverlay:hover{scale:1.8}.overlay-icon{width:120px;border-radius:0;margin:2rem auto 1rem}}footer{box-shadow:inset 0 3px 10px #0000003c;height:150px;background-color:#c9e0ca;color:#145858;margin:10rem auto 0rem;display:flex;justify-content:space-between;align-items:center;padding-left:2rem;padding-right:2rem}footer>div{display:flex;letter-spacing:2px;flex-direction:column;text-align:center;justify-content:space-around;height:100%}.footer-link>a{transition:.5s ease-in-out}.footer-link>a:hover{color:#f7b318;scale:.9}@media screen and (max-width: 800px){.footer-adresse{width:40%}.footer-adresse>span{font-size:.7rem}}.scrolled .navbarMenu-list-lg{width:400px;justify-content:space-around;margin-bottom:.5rem}.scrolled .navbarMenu-list-lg>li>a{color:#c9e0ca}nav{transition:ease-in-out;background-color:#145858;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;z-index:3}.navbarMenu-list{background-color:red;display:flex;flex-direction:column;position:absolute;top:120%;right:0;translate:100%;gap:1rem}.navbarMenu-list>li{color:#c9e0ca;transition:.5s ease-in-out}.navbarMenu-list>li>a{width:200px;text-align:center;padding:.2rem .5rem;display:block;transition:.3s;background-color:#145858}.navbarMenu-list>li>a:hover{scale:1.2}.menu-slide li:nth-child(1){transition-delay:.1s;translate:-110%}.menu-slide li:nth-child(2){transition-delay:.2s;translate:-110%}.menu-slide li:nth-child(3){transition-delay:.3s;translate:-110%}.menu-slide li:nth-child(4){transition-delay:.4s;translate:-110%}.navbarMenu-list-lg{width:400px;justify-content:space-around;margin-bottom:.5rem}.navbarMenu-list-lg>li{color:#145858}.navbarMenu-list-lg>li>a{display:inline-block;transition:.3s}.navbarMenu-list-lg>li>a:hover{scale:1.2}@media screen and (min-width: 930px){nav{align-items:end}.navbarMenu-container,.logoSm{display:none}.logoGm{height:74px}.navbarMenu-list-lg{display:flex;color:#c9e0ca}}@media screen and (max-width: 930px){.navbarMenu-list-lg,.logoGm{display:none}}