html{font-size:16px}body{margin:0;padding:0;font-family:Montserrat,sans-serif;background:linear-gradient(120deg,#242424,#242424,#242424);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite;color:#f5f5f5}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html,body,#root{height:100%}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6,p,li,a{font-size:1rem}.buttons-container{margin-bottom:35px}@font-face{font-family:montserrat;src:url(../assets/font/montserrat/Montserrat-Light.otf) format("truetype");font-weight:400;font-style:normal}@media (max-width: 480px){body{font-size:14px;line-height:1.5}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}p{font-size:14px}button{font-size:16px;padding:12px 20px;height:45px}input,textarea{font-size:16px;height:44px;padding:10px;width:100%}.container{width:100%;padding:10px}img{max-width:100%;height:auto}}@media screen and (max-width: 768px){main{padding:0!important}#hero{width:inherit!important;height:80vh}#hero video{object-fit:cover;height:auto;max-height:100%}#hero .overlay{padding:10px}#hero .overlay a{top:60%}.navbar ul{justify-content:center!important;padding:inherit!important;height:auto}#cta-button-header{position:absolute;top:75%}#video-promo{padding:inherit!important}.services-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#about{padding:1em!important}.about-container{flex-direction:column-reverse}.about-text{text-align:justify!important}.desktop-nav{display:none!important}.testimonial{width:90%!important;height:auto!important}.testimonials-container{display:flex;flex-direction:column}}.navbar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:5px;z-index:999}.hamburger .bar{width:30px;height:3px;background:#fff;transition:.3s}.hamburger .bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:fixed;top:0;left:-100%;width:250px;height:150px;background:#000000e6;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;transition:left .4s ease-in-out,opacity .3s ease-in-out;opacity:0}.nav-links.open{left:0;opacity:1}.nav-links li{margin:15px 0}.nav-links a{color:#fff;text-decoration:none;font-size:20px;transition:color .3s}.nav-links a:hover{color:#feb47b}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.active{opacity:1;transform:translateY(0)}.navbar,.navbar ul{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}#hero{position:relative;width:97.9%;height:100vh;overflow:hidden}#hero video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}#hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.cta-button{background:#e1c808;color:#fff;padding:15px 30px;text-decoration:none;font-size:1.2rem;margin-top:20px;border-radius:5px;transition:background .3s}.cta-button:hover{background:#e1c808}.lightbox video{width:90vw;max-width:800px;height:auto;max-height:80vh;border-radius:10px}#realisations{text-align:center;padding:50px}#buttons-container{margin-bottom:20px}.category-btn{padding:10px 20px;margin:5px;font-size:1rem;cursor:pointer;border:2px solid #f9e33c;background:none;color:#e1c808;border-radius:5px;transition:all .3s ease}.category-btn:hover,.category-btn.active{background:#f9e33c;color:#fff}.video-item{width:300px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0003;position:relative}.video-item video{width:100%;display:block;border-radius:10px}.videos-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.video-item{width:300px;height:530px;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0003;position:relative;background-color:#000}.video-item video{width:100%;height:100%;object-fit:cover;object-position:center}.fullscreen-carousel{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.fullscreen-carousel video{max-width:90vw;max-height:80vh;border-radius:10px}.close-btn{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;background:none;border:none;cursor:pointer}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;background:none;border:none;cursor:pointer}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}#contact{padding:80px 10%;color:#fff;text-align:center}#contact h2{font-size:2rem;margin-bottom:10px}#contact p{font-size:1.2rem;margin-bottom:20px}#contact form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:15px;align-items:center}#contact input,#contact textarea{width:100%;padding:10px;border:none;border-radius:5px;font-size:16px}#contact button{background:#e1c808;width:200px;color:#fff;padding:12px 30px;border:none;font-size:18px;cursor:pointer;transition:.3s;border-radius:10px}#contact button:hover{background:#ff1e00}#contact textarea{height:150px}#video-promo{text-align:center;padding:80px 10%;border-radius:10px}#video-promo h2{font-size:2.5rem;margin-bottom:15px;font-weight:700;color:#fff}#video-promo p{font-size:1.2rem;margin-bottom:30px;color:#e9e9e9}.video-container{max-width:800px;margin:auto}.video-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;height:auto;border-radius:10px;overflow:hidden}#promo-video{width:100%;border-radius:10px;display:block}#video-end-btn{display:block;margin:20px auto;padding:10px 20px;font-size:1.2rem;background-color:#ff7e5f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.video-thumbnail{position:relative;display:inline-block;width:100%;max-width:600px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #00000026;cursor:pointer}.video-thumbnail img{width:100%;display:block;transition:opacity .3s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;font-size:3rem;width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background .3s ease}#video-thumb-fin{display:none}.video-thumbnail:hover .play-button{background:#000c}.video-thumbnail video{width:100%;height:auto;display:none;border-radius:10px}#video-end-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;font-size:1.2rem;background:#ff7e5f;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background .3s ease;display:none;opacity:0}#video-end-btn:hover{background:#e5674d}.hidden{display:block!important;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#socials{text-align:center;padding:80px 10%}.social-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.social-btn{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:18px;font-weight:700;padding:15px 25px;border-radius:8px;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0000001a}.social-btn img{width:24px;height:24px}.social-btn:hover{transform:scale(1.05)}.malt{background:#ff4c4c}.linkedin{background:#0077b5}.instagram{background:linear-gradient(45deg,#fccc63,#bc1888,#3f5efb)}#socials h2{font-size:2.5rem;margin-bottom:20px;color:#dadada;font-weight:700}.youtube{background:red}.youtube:hover{background:#c00}.malt{background:#ff5c57}.malt:hover{background:#cc4900}.linkedin{background:#0a66c2}.linkedin:hover{background:#005a87}.instagram:hover{background:linear-gradient(320deg,#fccc63,#bc1888,#3f5efb)}#testimonials{padding:80px 10%;text-align:center}.testimonials-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.testimonial{max-width:600px;background:#6d6d6d;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;width:500px;height:160px}.testimonial h4{margin-top:10px;color:#dedede}.testimonial p{font-size:1.2rem;color:#c8c8c8}#about{padding:80px 10%;text-align:center}.about-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;max-width:900px;margin:auto}.about-text{flex:1;max-width:500px;text-align:left}.about-image{flex:1;display:flex;justify-content:center}.about-image img{width:100%;max-width:350px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.about-text{text-align:left;max-width:600px}.about-text h2{font-size:2rem;margin-bottom:15px;color:#fff}.about-text p{font-size:1.2rem;color:#a4a4a4;margin-bottom:10px}.about-text strong{color:#ff7e5f}#cta{text-align:center;padding:50px 10%;background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff}.cta-container{max-width:600px;margin:auto}.cta-container h2{font-size:2rem;margin-bottom:15px}.cta-container p{font-size:1.2rem;margin-bottom:20px}.cta-button-contact{display:inline-block;padding:12px 25px;font-size:1.2rem;text-decoration:none;color:#fff;background:#222;border-radius:5px;transition:background .3s ease,transform .2s ease}.cta-button-contact:hover{background:#444;transform:scale(1.05)}#services{padding:80px 10%;text-align:center}#services h2{font-size:2.5rem;margin-bottom:30px;color:#fff;font-weight:700}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center;align-items:center}.service{background:#dedfda;height:200px!important;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;overflow:hidden;text-overflow:ellipsis}.service img{width:64px;height:64px;margin-bottom:15px}.service h3{font-size:1.5rem;color:#4d4343;margin-bottom:10px}.service p{font-size:.8rem;color:#4d4343;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.footer{color:#f5f5f5;padding:20px 0;text-align:center;border-top:1px solid #333;margin-top:100px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.footer-content p{margin:0;font-size:16px}.social-links-footer-icons{display:flex;gap:15px}.social-links-footer a{display:inline-block}.social-links-footer-icons img{width:30px;height:30px;filter:grayscale(100%);transition:filter .3s ease}.social-links-footer-icons img:hover{filter:grayscale(0%)}.social-links-footer,.social-links-footer-icons{margin-top:15px}.social-links-footer a{color:#fff;margin:0 10px;text-decoration:none}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#ff7e5f;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;display:none;transition:transform .3s ease,opacity .3s ease}.back-to-top:hover{background-color:#feb47b}.back-to-top.active{transform:translateY(-55px)}.reveal{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}small{font-size:.875rem}header{color:#fff;padding:1rem;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo-titre{display:flex;justify-content:space-between;align-items:center}.logo-titre h1{font-size:18px;margin-left:15px}.li-icon-social{position:relative;width:30px;height:30px;display:inline-block;cursor:pointer}.icon-social{position:absolute;width:30px;height:30px;left:0;cursor:pointer;transition:transform .3s ease-in-out,opacity .3s ease-in-out}nav{color:#fff;padding-bottom:15px;text-align:center;position:relative}.navbar-logo{height:40px}nav ul{list-style:none;padding:0}nav ul li{display:inline;margin:0 15px}nav a{color:#fff;text-decoration:none}main{padding:2rem;text-align:center}#cta{background:linear-gradient(135deg,#000,#eac820);color:#fff;text-align:center;padding:80px 10%;border-radius:10px;box-shadow:0 4px 10px #0003;margin:50px auto}.cta-container{max-width:700px;margin:auto}#cta h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}#cta p{font-size:1.2rem;margin-bottom:30px}.cta-button-contact{padding:15px 30px;font-size:1.2rem;font-weight:700;color:#000;background:#fff;border-radius:50px;text-decoration:none;transition:all .3s ease}.cta-button-contact:hover{background:#e1c808;color:#fff;border:2px solid white}#backToTopBtn{display:none;position:fixed;bottom:20px;right:20px;z-index:99;font-size:18px;background:linear-gradient(70deg,#000,#fff79a,#000);background-size:250% 250%;color:#5698e3;border:none;outline:none;cursor:pointer;padding:15px;border-radius:50%;box-shadow:0 2px 10px #0000004d;width:50px}#cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:#545454e6;color:#fff;padding:15px;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center;z-index:9999}.cookie-buttons{margin-top:10px;display:flex;gap:10px}.cookie-buttons button{padding:8px 15px;border:none;cursor:pointer;font-weight:700;border-radius:5px;margin:5px}.accept{background-color:#28a745;color:#fff}.decline{background-color:#dc3545;color:#fff}.settings{background-color:#ffc107;color:#000}#menu ul{display:flex;list-style-type:none;gap:20px}.legal-page{font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.legal-page h2{font-size:1.8em;margin-bottom:10px;color:#333;border-bottom:2px solid #61dafb;padding-bottom:5px}.legal-page p,.legal-page li{margin:8px 0;color:#555}.legal-page ul{list-style-type:disc;margin-left:20px}.legal-page strong{color:#000}.legal-page a{color:#61dafb;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page section{margin-bottom:20px;padding:10px;background-color:#fff;border-radius:5px}.legal-page .consent-button{padding:8px 16px;margin:5px;border:none;border-radius:5px;background-color:#61dafb;color:#fff;cursor:pointer}.legal-page .consent-button:hover{background-color:#2196f3}.legal-page .email,.legal-page .adress,.legal-page .siret,.legal-page .competentcourts{font-weight:700;color:#333}@media (max-width: 600px){.legal-page{padding:15px;margin:10px;font-size:.9em}.legal-page h2{font-size:1.5em}.legal-page p,.legal-page li{font-size:.9em}}.consent-page{font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.consent-page h2{font-size:1.8em;margin-bottom:10px;color:#333;border-bottom:2px solid #61dafb;padding-bottom:5px}.consent-page h3{font-size:1.4em;margin-top:15px;color:#555}.consent-page p{margin:10px 0;color:#292929}.consent-page strong{color:#333}.consent-page a{color:#37d4ff;text-decoration:none}.consent-page a:hover{text-decoration:underline}.consent-page ul{list-style-type:disc;margin-left:20px}.consent-page li{margin:5px 0}.consent-page section{margin-bottom:20px;padding:10px;background-color:#fff;border-radius:5px}.consent-page button{padding:8px 16px;margin:5px;background-color:#61dafb;color:#fff;border:none;border-radius:5px;cursor:pointer}.consent-page button:hover{background-color:#2196f3}.preference{margin:5px 0;padding:8px;border-radius:4px;background-color:#e0e0e0}.preference span{margin-left:5px;font-weight:700}.consent-banner{background-color:#333;color:#fff;padding:15px;text-align:center;position:fixed;width:100%;bottom:0;left:0;z-index:1000}.consent-banner p{margin:0}.consent-banner button{margin:5px;padding:8px 12px;background-color:#1e88e5;color:#fff;border:none;border-radius:4px;cursor:pointer}.consent-banner button:hover{background-color:#2196f3}.popup-cookies{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003}.popup-cookies h3{margin-bottom:10px}.popup-cookies button{background-color:#4d5bf9;color:#fff;margin-top:10px}ul{color:#333}@media (max-width: 600px){.consent-page{padding:15px;margin:10px;font-size:.9em}.consent-page h2{font-size:1.5em}.updateConsent{flex-direction:column;align-items:center}.updateConsent button{width:100%;margin:5px 0}.consent-banner{font-size:.9em;padding:10px}}.language-switcher{display:flex;gap:10px}.lang-btn{padding:8px;background-color:#61dafb;color:#fff;border:none;border-radius:4px;cursor:pointer}.lang-btn.active{background-color:#2196f3}.lang-btn:hover{background-color:#1e88e5}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:20px;border-radius:8px;width:300px;text-align:center;color:#000}.popup h2{margin:0 0 10px}.popup label{display:block;margin:8px 0}.popup-buttons{margin-top:15px;display:flex;gap:10px;justify-content:center}.gestion-cookies{font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.gestion-cookies h2{font-size:1.8em;margin-bottom:10px;color:#333;border-bottom:2px solid #61dafb;padding-bottom:5px}.gestion-cookies h3{font-size:1.4em;margin-top:15px;color:#555}.gestion-cookies p{margin:10px 0;color:#555}.gestion-cookies ul{list-style-type:disc;margin-left:20px}.gestion-cookies li{margin:5px 0}.gestion-cookies a{color:#61dafb;text-decoration:none}.gestion-cookies a:hover{text-decoration:underline}.updateConsent{margin:20px 0;display:flex;gap:10px;justify-content:center}.updateConsent button{padding:10px 15px;margin:5px;background-color:#61dafb;color:#fff;border:none;border-radius:5px;cursor:pointer}.updateConsent button:hover{background-color:#2196f3}.gestion-cookies .preference{margin:5px 0;padding:8px;border-radius:4px;background-color:#e0e0e0}.gestion-cookies .preference span{margin-left:5px;font-weight:700}.gestion-cookies button{padding:8px 16px;margin:5px;background-color:#61dafb;color:#fff;border:none;border-radius:5px;cursor:pointer}.gestion-cookies button:hover{background-color:#2196f3}#reset-consent-btn{background-color:#f44336}#reset-consent-btn:hover{background-color:#d32f2f}.gestion-cookies .additional-info{margin-top:20px;color:#666}@media (max-width: 600px){.gestion-cookies{padding:15px;margin:10px;font-size:.9em}.gestion-cookies h2{font-size:1.5em}.gestion-cookies h3{font-size:1.2em}.updateConsent{flex-direction:column;align-items:center}.updateConsent button{width:100%;margin:5px 0}}.updateConsent{display:flex;justify-content:center;gap:20px}.dynamic-footer{background-color:#333;color:#fff;text-align:center;padding:15px 0;width:100%;box-sizing:border-box}.footer-nav{display:flex;justify-content:center;gap:15px;padding:0}.footer-nav nav{padding:0}.footer-nav button{background:none;color:#fff;border:none;cursor:pointer}.footer-nav button:hover{text-decoration:underline}