@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap";@font-face{font-family:Red;src:url(/assets/fonts/red-hat-display-v14-latin-regular.woff)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-thumb{background:#0a4a4f;border-radius:25px}::-webkit-scrollbar{background:transparent}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Red Hat Display,Red,sans-serif}#root,html,body{top:0;left:0;width:100%;background:#107279}h1{color:#fff;font-size:clamp(15px,8vw,500px);font-weight:900}a,button,input,textarea{text-decoration:none;background:none;border:none;cursor:pointer;outline:none;font-family:Red Hat Display,Red,sans-serif;color:#fff;font-weight:100;-webkit-user-select:none;user-select:none}.icon{font-size:20px;padding:2px;margin:0 5px}.btn{display:flex;align-items:center;justify-content:center;width:auto;min-width:70px;margin:0 auto;padding:2px 8px;border-radius:5px;color:#fff;transition:.5s all}.btn:hover{background:gray}input[type=checkbox]{position:relative;width:40px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:20px;border:1px solid #107279;background-color:#fff;box-shadow:inset 0 0 2px #00000080;transition:.5s;margin:0 15px}input:checked[type=checkbox]{background-color:#0a4a4f;transition:.5s}input[type=checkbox]:before{content:"";position:absolute;width:15px;height:15px;background-color:#107279;border-radius:50%;left:2px;top:50%;transform:translateY(-50%);transition:.5s}input:checked[type=checkbox]:before{left:50%;background-color:#fff}.section-1{height:90vh}.section-1 h1{padding:50px;font-size:clamp(32px,6vw,150px);color:#a7ffea}.section-2{margin-top:15px;height:3vh}.home{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;height:100vh}.home h1{padding:20px 50px}.home .containt{display:flex;flex-direction:column;justify-content:space-between}.home .section-1{height:100%}.home .section-2{position:absolute;bottom:30px}@media screen and (max-height: 760px){.home .section-2{position:initial;bottom:30px}}@media screen and (min-width: 300px){.home .section-2{bottom:-280px}}.contact .containt{position:absolute;width:90%;height:auto;top:50%;left:50%;transform:translate(-50%,-45%);font-size:1vw;-webkit-user-select:none;user-select:none}.contact .containt .titre h2{font-weight:900;color:#a7ffea}.contact .containt .titre p{color:#fff}.contact .containt form{margin:15px 10% 10%}.contact .containt form .titre{font-size:2em;margin-bottom:15px}.contact .containt form .containt-form{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3fr);grid-template-areas:"i1 i2" "ta ta" "bt vide";gap:10px}.contact .containt form .containt-form input,.contact .containt form .containt-form textarea{border:.5px solid white;width:100%;padding:15px;background:rgba(255,255,255,.3);font-weight:700;border-radius:10px}.contact .containt form .containt-form input::placeholder,.contact .containt form .containt-form textarea::placeholder{font-weight:100;color:#000}.contact .containt form .containt-form #message{grid-area:ta;text-decoration:none;min-height:250px;resize:none}.contact .containt form .containt-form .button{grid-area:bt;padding:15px;border-radius:10px;margin-top:15px;color:#fff;font-weight:400;text-transform:uppercase;background:#0a4a4f;width:50%}.contact .containt form .containt-form .button:hover{background:gray}@media screen and (max-width: 800px){.contact .containt form .containt-form{grid-template-columns:1fr;grid-template-rows:repeat(4fr);grid-template-areas:"i1" "i2" "ta" "bt"}}.contact .message,.contact .erreur{line-height:50px}.contact .erreur{color:#810000}.contact .message{font-weight:900;color:#fff}.tarifs{-webkit-user-select:none;user-select:none;width:90%;margin:0 auto}.tarifs h1{font-size:clamp(16px,4vw,100px);color:#a7ffea;font-weight:900;margin:50px 0 20px}.tarifs h2{font-size:clamp(16px,2vw,100px);font-weight:200;color:#fff;margin:25px 0}.tarifs h3{margin:25px 0;font-size:clamp(16px,1vw,100px);font-weight:400;color:#fff;text-align:center}.tarifs .checkAnnuel{width:100%;display:flex;justify-content:center}.tarifs .checkAnnuel p{color:#a7ffea}.tarifs .containt-tarifs{width:50%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:15px}@media screen and (max-width: 800px){.tarifs .containt-tarifs{grid-template-columns:1fr}}.tarifs .containt-tarifs .standard,.tarifs .containt-tarifs .custom{background:rgba(255,255,255,.1254901961);position:relative;border:1px solid white;border-radius:15px;height:350px;padding:15px 15px 75%;color:#fff;font-weight:500}.tarifs .containt-tarifs .standard h2,.tarifs .containt-tarifs .custom h2{color:#0a4a4f;margin-bottom:15px;font-weight:900;font-size:clamp(16px,3vw,100px)}.tarifs .containt-tarifs .standard .containt-prix,.tarifs .containt-tarifs .custom .containt-prix{margin-top:20px;display:flex;justify-content:center}.tarifs .containt-tarifs .standard .containt-prix .prix,.tarifs .containt-tarifs .custom .containt-prix .prix{color:#00b881;font-weight:900;font-size:clamp(16px,4vw,100px)}.tarifs .containt-tarifs .standard .containt-prix .right-prix,.tarifs .containt-tarifs .custom .containt-prix .right-prix{padding:10px 5px}.tarifs .containt-tarifs .standard .containt-prix .right-prix .sent,.tarifs .containt-tarifs .custom .containt-prix .right-prix .sent{color:#00b881;font-weight:500;font-size:clamp(16px,2vw,100px)}.tarifs .containt-tarifs .standard .containt-prix .right-prix .unite,.tarifs .containt-tarifs .custom .containt-prix .right-prix .unite{color:#a7ffea;font-size:clamp(16px,1vw,100px)}.tarifs .containt-tarifs .standard button,.tarifs .containt-tarifs .custom button{position:absolute;width:100%;left:0;bottom:0;background:#00b881;font-weight:400;height:50px;border-radius:15px}.tarifs .containt-tarifs .standard button:hover,.tarifs .containt-tarifs .custom button:hover{background:#0a4a4f}.pricing-config{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:15px}@media screen and (max-width: 800px){.pricing-config{grid-template-columns:1fr}}.pricing-config .containt-left{border-radius:15px;padding:0 15px 15px}.pricing-config .input-container{position:relative;display:block;margin-top:1.5rem}.pricing-config .groupe-ville{display:grid;grid-template-columns:1fr .5fr;gap:5px}.pricing-config .groupe-pays{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pricing-config label{left:10px;top:8px;font-weight:100;font-size:1rem;color:#fff}.pricing-config .input-content{height:40px;border:none;border:1px solid #fff;border-radius:15px;background:rgba(255,255,255,.1254901961);font-size:16px;width:100%;color:#fff;padding:10px}.pricing-config label{position:absolute;pointer-events:none;transition:.3s;font-size:16px}.pricing-config input:focus~label,.pricing-config input:not(:placeholder-shown)~label{margin-top:-25px;font-size:12px;color:#a7ffea}.pricing-config .input-content:focus{outline:none!important}.pricing-config .liste-etat,.pricing-config .liste-pays{position:absolute;display:flex;flex-direction:column;width:calc(50.5% - 16px);border:1px solid white;border-top:none;border-radius:10px;padding:5px;max-height:170px;overflow-y:scroll;color:#fff;z-index:3000;top:40px;left:0;width:100%}.pricing-config .liste-etat span,.pricing-config .liste-pays span{padding:5px;border-radius:5px;color:#fff!important;text-align:center!important}.pricing-config .liste-etat span:hover,.pricing-config .liste-pays span:hover{background:#0a4a4f;color:#fff}.pricing-config .etat,.pricing-config .pays{position:relative;grid-area:dev}.pricing-config .etat #etat,.pricing-config .etat #pays,.pricing-config .pays #etat,.pricing-config .pays #pays{padding:10px;width:100%;text-align:center}.pricing-config .containt-right{position:relative;border:1px solid white;border-radius:15px;background:rgba(255,255,255,.1254901961);padding:0 15px 50px}.pricing-config .containt-right .checkAnnuel{margin-top:15px;width:100%;display:flex;justify-content:center}.pricing-config .containt-right .checkAnnuel p{color:#a7ffea}.pricing-config .containt-right .recap-prix{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.pricing-config .containt-right .descriptif{margin-top:15px;font-weight:900}.pricing-config .containt-right .descriptif p{font-weight:100}.pricing-config .containt-right .totaux,.pricing-config .containt-right .promo{margin-top:15px;font-weight:900;text-align:right}.pricing-config .containt-right .promo{transform:translateY(30px)}.pricing-config .containt-right .code-promo{color:#810000}.pricing-config .containt-right .total-net{display:flex}.pricing-config .containt-right .total-net p{margin:5px 8px}.pricing-config button{position:absolute;width:100%;left:0;bottom:0;background:#00b881;font-weight:400;height:40px;border-radius:15px}.pricing-config button:hover{background:#0a4a4f}.pricing-config .message,.pricing-config .erreur{line-height:50px}.pricing-config .erreur{color:#810000}.pricing-config .message{font-weight:900;color:#fff}.checkout .titre{font-size:clamp(16px,9vw,100px);padding:25px;color:#a7ffea;text-align:center}.checkout .content-checkout{display:flex;justify-content:center;align-items:center;color:#003f49;font-size:clamp(8px,3vw,20px)}.checkout .content-checkout h3{font-weight:300;justify-content:space-between;font-size:2em}.checkout .content-checkout .icone{padding:0 10px;font-size:clamp(25px,12vw,50px)}.checkout .recap,.checkout .total{margin:0 20%;border:1px solid white;border-radius:15px;color:#a7ffea;padding:15px 50px;font-size:clamp(12px,1.2vw,20px);font-weight:100}.checkout .total{display:flex;justify-content:space-between;border-top:none;color:#fff;padding:10px 20px;font-size:clamp(8px,1vw,20px)}.checkout .total .totalTTC{display:flex;flex-direction:row;align-items:center}.checkout .payment{margin:5px 20%;border:1px solid white;border-top:none;border-radius:15px;padding:15px 50px;color:#fff;background:#a7ffea}.checkout button{margin:15px 20%;width:10%;background:#00b881;font-weight:400;height:40px;border-radius:15px}.checkout button:hover{background:#0a4a4f}.checkout .loader{margin:15px 20%}.checkout .erreur,.checkout .message{margin:15px 20%;padding:5px 15px;border-radius:15px;background:white}.checkout .erreur{font-weight:900;color:#810000}.checkout .message{font-weight:900;color:#00811e}.terms{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;height:98vh}.contain-text{width:80%;margin:15px auto;padding:15px;background:white;border-radius:15px;max-width:1200px;max-height:80vh;overflow-y:scroll}.contain-text h2{margin:15px 0}.contain-text h3,.contain-text p{margin-top:15px}.video{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;font-size:16px}.video::-webkit-scrollbar{display:none}.video .content-videos{margin:50px auto 100px;padding:0 20px;max-width:1800px;display:grid;grid-template-columns:repeat(auto-fill,400px);grid-gap:10px;justify-content:center}.video .content-videos .card img{border:1px solid white;width:100%;height:230px;border-radius:10px;object-fit:cover}.video .content-videos .card{position:relative;width:100%;top:0;left:0}.video .content-videos .Play{position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5em;padding:auto;text-align:center}.video .content-videos .NomFilm{position:absolute;margin:0;padding:15px;font-size:.8em;top:0;left:0;width:100%;height:98%;border-radius:10px;color:transparent}.video .content-videos .NomFilm p{margin:0 5px}.video .content-videos .NomFilm:hover{background:rgba(0,0,0,.444);color:#fff;transition:color .5s ease}.video .content-videos .NomFilm:hover span{color:#ffffff4a;color:#fff}.ecranVideo{position:relative;width:100%;font-size:16px}.ecranVideo .retour{position:absolute;top:-15px;right:10px;font-size:2.5em;color:#fff;z-index:1000}.ecranVideo .Video{position:absolute;top:0;width:100%;height:90vh;border:none}.ecranVideo img{border-radius:20px;position:absolute;left:50%;transform:translate(-50%);height:90vh;border:none}.logo{width:auto;margin-top:10px}.logo img{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1843137255))}.navigate{display:flex;align-items:center;justify-content:space-between;padding:15px;height:80px;font-size:clamp(10px,1.2vw,16px)}.navigate .nav-center{padding:18px 5px;border:1px solid rgb(216,216,216);border-radius:25px;display:flex;justify-content:space-between;align-items:center;height:25px;min-width:320px}.navigate .nav-center .btn{text-align:center;font-size:1.2em;font-weight:100;margin:0}.navigate .nav-center .btn:hover{border-radius:25px}.navigate .nav-center .btn.active{color:#000;background:rgb(167,255,234);border-radius:25px}.navigate .nav-right{display:flex;align-items:center;height:25px}.navigate .burger{position:relative;display:none}.navigate .burger .icon{scale:160%;color:#fff;cursor:pointer}.navigate .burger .burger-nav-right{display:flex;justify-content:space-between;text-align:center}.navigate .burger .menu-burger{background-color:#334f68;position:absolute;width:110%;left:0;border-radius:5px}.navigate .burger .menu-burger .btn{font-size:1.2em}.navigate .burger .menu-burger .btn.active{color:#000;background:rgb(167,255,234)}@media screen and (max-width: 800px){.navigate .nav-center,.navigate .nav-right{display:none}.navigate .burger{display:block}}.outils{position:relative;margin:30px 15px;display:flex;justify-content:space-around;color:#fff;flex-wrap:wrap;gap:5px}.outils img{margin:auto;filter:drop-shadow(0 0 5px rgba(0,0,0,.396))}.outils .fonctions{display:flex;flex-direction:column;text-align:center;cursor:pointer;transition:.5s transform ease-in-out}.outils .fonctions:hover{transform:translateY(-15px)}.outils .fonctions .titre-fonction{font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.2vw,50px)}.outils .fonctions.active{transform:translateY(-15px);filter:drop-shadow(0 0 1px rgba(255,255,255,.2))}.outils .fonctions.active img{border:1px solid white;border-radius:15%}@media screen and (max-width: 2000px){.outils img{width:160px;height:150px}}@media screen and (max-width: 1024px){.outils img{width:120px;height:110px}}.calendar{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.calendar .content-calendar .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.calendar .content-calendar .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.calendar .content-calendar .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.calendar .content-calendar .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.calendar .content-calendar .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.calendar .content-calendar .fonction-1,.calendar .content-calendar .fonction-2,.calendar .content-calendar .fonction-3{margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.calendar .content-calendar .fonction-1 .image,.calendar .content-calendar .fonction-2 .image,.calendar .content-calendar .fonction-3 .image{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;margin-bottom:50px}.calendar .content-calendar .fonction-1 .image img,.calendar .content-calendar .fonction-2 .image img,.calendar .content-calendar .fonction-3 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:15px}.calendar .content-calendar .fonction-1 span,.calendar .content-calendar .fonction-2 span,.calendar .content-calendar .fonction-3 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.calendar .content-calendar .fonction-1 p,.calendar .content-calendar .fonction-2 p,.calendar .content-calendar .fonction-3 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}@media screen and (max-width: 800px){.calendar .content-calendar .fonction-1 .image,.calendar .content-calendar .fonction-2 .image,.calendar .content-calendar .fonction-3 .image{grid-template-columns:1fr;gap:15px}.calendar .content-calendar .fonction-1 .image img,.calendar .content-calendar .fonction-2 .image img,.calendar .content-calendar .fonction-3 .image img{border-radius:10px}}.calendar .content-calendar .fonction-2{position:relative}.calendar .content-calendar .fonction-2 .image{position:relative;grid-template-columns:1fr}.calendar .content-calendar .fonction-2 .image .double-image{position:relative;width:20%;top:0}.calendar .content-calendar .fonction-2 .image .double-image img:nth-child(1){width:400%;left:0}.calendar .content-calendar .fonction-2 .image .double-image img:nth-child(2){width:250%;transform:translate(100%,-60%)}.calendar .content-calendar .fonction-2 .image .double-image img:nth-child(3){width:220%;transform:translate(20%,-120%)}.calendar .content-calendar .fonction-3{position:relative;transform:translateY(-70%);left:5%}.calendar .content-calendar .fonction-3 .image img{width:50%;margin:0 auto}@media screen and (max-width: 800px){.calendar .content-calendar .fonction-3{transform:translateY(-55%)}.calendar .content-calendar .fonction-3 .image img{width:25%;border-radius:10px}}.liste-fonctions{transform:translateY(-150%);margin:auto}.liste-fonctions .fonctions .titre-fonction{display:none}.tasks{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.tasks .content-tasks .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.tasks .content-tasks .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.tasks .content-tasks .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.tasks .content-tasks .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.tasks .content-tasks .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.tasks .content-tasks .fonction-1,.tasks .content-tasks .fonction-2{position:relative;margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.tasks .content-tasks .fonction-1 .video,.tasks .content-tasks .fonction-2 .video{position:relative;display:block}.tasks .content-tasks .fonction-1 .image-fallback,.tasks .content-tasks .fonction-2 .image-fallback{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-18px)}.tasks .content-tasks .fonction-1 .image-fallback img,.tasks .content-tasks .fonction-2 .image-fallback img{border-radius:10px;width:100%;aspect-ratio:16/10}.tasks .content-tasks .fonction-1 iframe,.tasks .content-tasks .fonction-2 iframe{transform:translateY(-20px);width:100%;height:auto;border:1px solid rgba(255,255,255,.374);border-radius:10px;aspect-ratio:16/10}.tasks .content-tasks .fonction-1 .image,.tasks .content-tasks .fonction-2 .image{align-items:center;display:grid;grid-template-columns:1fr;gap:15px;width:100%;margin-bottom:50px}.tasks .content-tasks .fonction-1 .image img,.tasks .content-tasks .fonction-2 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:25px}.tasks .content-tasks .fonction-1 span,.tasks .content-tasks .fonction-2 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.tasks .content-tasks .fonction-1 p,.tasks .content-tasks .fonction-2 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}.tasks .content-tasks .fonction-2{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 800px){.tasks .content-tasks .fonction-2{grid-template-columns:1fr}.tasks .content-tasks .fonction-2 img{width:20%}}.tasks .content-tasks .fonction-2 .image img{width:35%;margin:0 auto}.tasks .liste-fonctions{transform:translateY(0);padding-bottom:50px;margin:auto}.tasks .liste-fonctions .fonctions .titre-fonction{display:none}.sales{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.sales .content-sales .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.sales .content-sales .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.sales .content-sales .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.sales .content-sales .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.sales .content-sales .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.sales .content-sales .fonction-1{position:relative;margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.sales .content-sales .fonction-1 .video{position:relative;display:block}.sales .content-sales .fonction-1 .image-fallback{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-18px)}.sales .content-sales .fonction-1 .image-fallback img{border-radius:10px;width:100%;aspect-ratio:16/10}.sales .content-sales .fonction-1 iframe{transform:translateY(-20px);width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px;aspect-ratio:16/10}.sales .content-sales .fonction-1 .image{align-items:center;display:grid;grid-template-columns:.8fr 1fr;gap:15px;column-gap:3%;width:100%;margin-bottom:50px}@media screen and (max-width: 800px){.sales .content-sales .fonction-1 .image{grid-template-columns:1fr}}.sales .content-sales .fonction-1 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px}.sales .content-sales .fonction-1 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.sales .content-sales .fonction-1 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}.sales .liste-fonctions{transform:translateY(0);padding-bottom:50px;margin:auto}.sales .liste-fonctions .fonctions .titre-fonction{display:none}.products{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.products .content-products .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.products .content-products .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.products .content-products .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.products .content-products .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.products .content-products .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.products .content-products .fonction-1{position:relative;margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.products .content-products .fonction-1 .video{position:relative;display:block}.products .content-products .fonction-1 .image-fallback{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-18px)}.products .content-products .fonction-1 .image-fallback img{border-radius:10px;width:100%;aspect-ratio:16/10}.products .content-products .fonction-1 iframe{transform:translateY(-20px);width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px;aspect-ratio:16/10}.products .content-products .fonction-1 .image{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:15px;column-gap:3%;width:100%;margin-bottom:50px}@media screen and (max-width: 800px){.products .content-products .fonction-1 .image{grid-template-columns:1fr}}.products .content-products .fonction-1 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px}.products .content-products .fonction-1 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.products .content-products .fonction-1 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}.products .liste-fonctions{transform:translateY(0);padding-bottom:50px;margin:auto}.products .liste-fonctions .fonctions .titre-fonction{display:none}.team{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.team .content-team .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.team .content-team .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.team .content-team .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.team .content-team .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.team .content-team .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.team .content-team .fonction-1{position:relative;margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.team .content-team .fonction-1 .video{position:relative;display:block}.team .content-team .fonction-1 .image-fallback{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-18px)}.team .content-team .fonction-1 .image-fallback img{border-radius:10px;width:100%;aspect-ratio:16/10}.team .content-team .fonction-1 iframe{transform:translateY(-20px);width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px;aspect-ratio:16/10}.team .content-team .fonction-1 .image{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:15px;column-gap:3%;width:100%;margin-bottom:50px}@media screen and (max-width: 800px){.team .content-team .fonction-1 .image{grid-template-columns:1fr}}.team .content-team .fonction-1 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px}.team .content-team .fonction-1 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.team .content-team .fonction-1 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}.team .liste-fonctions{transform:translateY(0);padding-bottom:50px;margin:auto}.team .liste-fonctions .fonctions .titre-fonction{display:none}.projects{font-size:clamp(10px,1vw,16px);height:100vh;-webkit-user-select:none;user-select:none}.projects .content-projects .descriptif{margin:50px auto;width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr;color:#fff;font-weight:100;padding-bottom:10px;font-size:clamp(16px,1.7vw,30px);max-width:80%}.projects .content-projects .descriptif img{filter:drop-shadow(-5px 5px 5px rgba(0,0,0,.5));width:55%;max-width:380px}.projects .content-projects .descriptif span{font-weight:900;padding-bottom:10px;font-size:clamp(16px,2vw,50px)}.projects .content-projects .descriptif p{font-size:clamp(16px,1.7vw,50px)}@media screen and (max-width: 800px){.projects .content-projects .descriptif{grid-template-columns:.5fr 1fr;gap:25px}}.projects .content-projects .fonction-1{position:relative;margin:0 auto;width:90%;color:#fff;font-weight:100;font-size:clamp(16px,1.7vw,30px)}.projects .content-projects .fonction-1 .video{position:relative;display:block}.projects .content-projects .fonction-1 .image-fallback{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-18px)}.projects .content-projects .fonction-1 .image-fallback img{border-radius:10px;width:100%;aspect-ratio:16/10}.projects .content-projects .fonction-1 iframe{transform:translateY(-20px);width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px;aspect-ratio:16/10}.projects .content-projects .fonction-1 .image{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:15px;column-gap:3%;width:100%;margin-bottom:50px}@media screen and (max-width: 800px){.projects .content-projects .fonction-1 .image{grid-template-columns:1fr}}.projects .content-projects .fonction-1 .image img{width:100%;border:1px solid rgba(255,255,255,.374);border-radius:10px}.projects .content-projects .fonction-1 span{font-weight:900;font-size:clamp(16px,2vw,50px)}.projects .content-projects .fonction-1 p{font-size:clamp(16px,1.7vw,50px);margin-bottom:50px}.projects .liste-fonctions{transform:translateY(0);padding-bottom:50px;margin:auto}.projects .liste-fonctions .fonctions .titre-fonction{display:none}.footer{padding:15px;display:flex}.footer p,.footer span,.footer button{font-size:clamp(10px,1vw,20px);color:#ccc;font-weight:100}.footer span{padding:0 15px}.loader-conteneur{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center}.loader{display:block;position:relative;width:30px;height:30px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;animation:spin 2s linear infinite}.loader:before,.loader:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent}.loader:before{top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;border-top-color:#fff;animation:spin 3s linear infinite}.loader:after{top:7px;left:7px;right:7px;bottom:7px;border-radius:50%;border-top-color:#fff;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
