:root{--primary-green: #4E9D6D;--dark-charcoal: #2C2E35;--charcoal-text: #3A3A3A;--pure-white: #FFFFFF;--light-gray-bg: #F5F5F5;--medium-gray: #9E9E9E;--dark-gray: #424242;--primary-orange: #EA7436;--primary-blue: #3e68da;--white: #FFFFFF;--text-color: #3A3A3A;--black: #000000;--transition: all .3s ease;--box-shadow: 0 2px 8px rgba(0, 0, 0, .08);--box-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth}body{font-size:19px;line-height:1.7;color:var(--charcoal-text);font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:.02em;color:var(--dark-charcoal);line-height:1.3}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.photo{background:url(/img/etancheite_toit_plat.jpg);background-attachment:fixed;background-position:center;background-size:cover;height:60vh;min-height:30rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;position:relative;overflow:hidden}.transparant{padding:3rem;border-radius:12px;max-width:800px;margin:0 auto;transform:translateY(0);transition:var(--transition);animation:float 6s ease-in-out infinite}.transparant h1{font-size:3.1rem;margin-bottom:1.5rem;font-weight:800;line-height:1.2;text-transform:uppercase;color:#fff}.transparant p{max-width:350px;margin:0 auto;font-size:1.3rem;text-align:center;font-weight:520;padding:0;position:relative;z-index:2;color:var(--primary-orange);background:#fcfafa;border-radius:.5rem}.photo:hover .transparant{transform:translateY(-10px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.discours{background:var(--white);color:var(--primary-orange);padding:3rem 2rem;line-height:1.8;position:relative;overflow:hidden}.discours:before{content:"";position:absolute;top:-50px;left:0;width:100%;height:100px;transform:skewY(-3deg);z-index:1}.discours p{max-width:1200px;margin:0 auto;font-size:1.3rem;text-align:center;position:relative;z-index:2;color:var(--original-white)}.main{padding:3rem 2rem 0rem;max-width:1200px;margin:0 auto}.main h2{color:var(--dark-charcoal);font-size:2.5rem;margin-bottom:3rem;position:relative;padding-bottom:1.5rem;text-align:center;font-weight:700;letter-spacing:.02em}.main h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary-green);border-radius:2px}.main p{font-size:1.125rem;line-height:1.8;margin-bottom:2rem;color:var(--charcoal-text)}.main .description a{margin:-1rem 0 1rem}.main .description .sub-title2{background:var(--primary-green);color:var(--white);padding:.5rem 1rem;margin:1rem;font-weight:600}.main .description ul{margin:1rem 0 0}.main .description ul li{margin:.5rem}.main .description .paragraph{margin:1rem!important}.block1 .carousel{width:100%;height:40rem;overflow:hidden;border-radius:12px;box-shadow:var(--box-shadow);margin-bottom:3rem;position:relative}.block1 .carousel:hover{box-shadow:var(--box-shadow-hover)}.block1 .carousel img{width:100%;height:60%;object-fit:cover;transition:transform .5s ease,filter .3s ease}.block1 .carousel:hover img{transform:scale(1.03);filter:brightness(1.05)}.footer-services{background:var(--primary-green);color:var(--white);padding:3rem 0}.service-icon-block{padding:1.5rem}.service-icon-block i{color:var(--white);margin-bottom:1rem;opacity:.9}.service-icon-block h4{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:var(--white)}.service-icon-block p{font-size:.875rem;margin:0;opacity:.9}.footer-main{background:var(--dark-charcoal);color:var(--white);padding:4rem 0 3rem}.footer-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;color:var(--white)}.footer-subtitle{font-size:.95rem;font-weight:600;margin-bottom:1.5rem;color:var(--white)}.newsletter-form .input-group{max-width:400px}.newsletter-form .form-control{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:.75rem 1rem;font-size:.95rem}.newsletter-form .form-control::placeholder{color:#fff9}.newsletter-form .form-control:focus{background:#ffffff26;border-color:var(--primary-green);color:var(--white);box-shadow:none}.btn-newsletter{background:var(--primary-green);color:var(--white);border:none;padding:.75rem 2rem;font-weight:600;text-transform:lowercase;transition:var(--transition)}.btn-newsletter:hover{background:#3d8558}.social-icons{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.social-icons a{color:var(--white);font-size:2rem;transition:var(--transition)}.social-icons a:hover{color:var(--primary-green);transform:translateY(-3px)}.footer-company-name{font-size:1.1rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.footer-tagline{font-size:.85rem;color:#ffffffb3;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#fffc;text-decoration:none;font-size:.95rem;transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--primary-green);padding-left:5px}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{margin-bottom:.75rem;color:#fffc;font-size:.95rem;display:flex;align-items:flex-start;gap:.5rem}.footer-contact i{color:var(--primary-green);font-size:1.2rem;margin-top:2px}.footer-bottom{background:var(--primary-green);color:var(--white);padding:1.5rem 0;font-size:.875rem}.footer-bottom p{margin:0}@media(max-width:768px){.footer-services{padding:2rem 0}.service-icon-block{padding:1rem;margin-bottom:1rem}.footer-main{padding:3rem 0 2rem}.social-icons{margin-bottom:2rem}.newsletter-form .input-group{max-width:100%}}.logoContainer{margin-bottom:2rem;text-align:center}.logo{width:180px;height:auto;filter:brightness(0) invert(1);transition:var(--transition)}.logo:hover{transform:scale(1.05)}@media(max-width:992px){h1{font-size:2.8rem}.main h2,#contact h2,#service .headline{font-size:2.3rem}.block1 .carousel{height:400px}}@media(max-width:768px){nav{flex-direction:column;padding:1.5rem}nav ul{margin-top:1.5rem;flex-wrap:wrap;justify-content:center;gap:1rem}h1{font-size:2.2rem}.transparant{padding:2rem}.main h2,#contact h2,#service .headline{font-size:2rem}.main,#FAQ,#contact,#service,#Engagements,#Valeurs{padding:2rem 1.5rem}footer .boxes{flex-direction:column;gap:2.5rem}.block1 .carousel{height:350px}}@media(max-width:576px){h1{font-size:1.8rem}.discours p,.main p{font-size:1.1rem}.main li,#FAQ li,#Engagements li,#Valeurs li{padding-left:2rem;font-size:1.1rem}.block1 .carousel{height:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main,#FAQ,#contact,#service,#Engagements,#Valeurs{animation:fadeInUp .8s ease-out forwards}nav ul a,footer a,#FAQ a{transition:var(--transition)}.btn{display:inline-block;padding:.875rem 2rem;border-radius:4px;font-weight:600;text-decoration:none;transition:var(--transition);text-align:center;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;box-shadow:none}.btn-orange,.btn-primary{background:var(--primary-green);color:var(--white)}.btn-orange:hover,.btn-primary:hover{background:#3d8558;transform:translateY(-2px);box-shadow:0 4px 12px #4e9d6d40}.btn-blue{background:var(--dark-charcoal);color:var(--white)}.btn-blue:hover{background:#1f2126;transform:translateY(-2px);box-shadow:0 4px 12px #2c2e3540}.wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:100px}.wave .shape-fill{fill:var(--white)}body{font-family:sans-serif;margin:3rem 0 0;padding:0;background-color:#f4f4f4;color:#333}header{background-color:#333;color:#fff;text-align:center;padding:1em 0}main{padding:20px}main h1{text-align:center;text-transform:uppercase;color:var(--primary-blue);font-weight:700;margin:1rem 0}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.realisation{background-color:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.realisation img{width:100%;height:auto;display:block}.realisation p{padding:10px;margin:0;font-size:.9em;text-align:center}@media(max-width:600px){.realisations-grid{grid-template-columns:1fr}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}h2{color:#2c3e50;margin:3rem 0 1.5rem;padding-bottom:.5rem;border-bottom:3px solid #3498db;font-weight:600}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;justify-content:center}.realisation{border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff}.realisation:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.realisation img{width:100%;height:220px;object-fit:cover;display:block}.realisation p{padding:1.2rem;margin:0;font-size:.95rem;color:#555;line-height:1.5}@media(max-width:768px){.realisations-grid{grid-template-columns:1fr;gap:1.5rem}h2{font-size:1.5rem;margin:2rem 0 1rem}}@media(max-width:1200px){footer .boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}footer .box{flex:0 0 calc(50% - 2rem);min-width:300px}.hero-section{padding:8rem 0 6rem}.hero-title{font-size:2.5rem}}@media(max-width:1092px){.photo{background:url(/img/etancheite_toit_plat.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:26rem;padding:2rem;display:flex;align-items:center;justify-content:center}.transparant{width:90%;padding:1.5rem}.transparant h1{font-size:2rem}.main .block{display:flex;flex-direction:column;gap:2rem}.block1 .carousel{width:100%;height:300px;margin:0 auto;box-shadow:0 4px 15px #0000001a}#FAQ h4{font-size:2rem}#FAQ p{font-size:1.1rem;line-height:1.6}#FAQ a{font-size:1rem;padding:.5rem 0;display:inline-block}footer{font-size:1rem;padding:3rem 2rem}footer .boxes p{padding:0;margin-bottom:.5rem;line-height:1.5}.service-block{margin-bottom:3rem}.carousel-item img{height:350px}}@media(max-width:1000px){nav{padding:1rem}nav .navbar-brand{font-size:1.8rem;font-weight:700;color:var(--primary-orange);margin-right:0}nav ul{gap:1rem}nav ul a{margin-right:0;padding:.5rem;font-size:.9rem}.hero-section{padding:7rem 0 5rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem}}@media(max-width:768px){.photo{height:22rem;padding-top:1rem}h1{font-size:2.2rem}.transparant{padding:1rem}.main h2{font-size:1.8rem}.block1 .carousel{height:250px}footer .boxes{flex-direction:column;align-items:center;gap:1.5rem}footer .box{flex:1;width:100%;text-align:center}nav .navbar-toggler{margin-left:auto}.hero-section{padding:6rem 1rem 4rem}.hero-title{font-size:1.9rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-cta{flex-direction:column;gap:.8rem}.cta-button{width:100%;max-width:300px;padding:14px 24px}.service-section{padding:3rem 0}.service-block{margin-bottom:2.5rem}.service-title{font-size:1.5rem;margin-bottom:1rem}.carousel-item img{height:300px}.service-description{padding:2rem 1.5rem}.service-description p{font-size:1rem;margin-bottom:1rem}.btn-primary{width:100%;padding:.9rem 1.5rem;font-size:.9rem}.faq-section{padding:3rem 0}.faq-title{font-size:1.8rem;margin-bottom:2rem}.accordion-button{font-size:1rem;padding:1rem}.accordion-body{font-size:.95rem;padding:1rem}}@media(max-width:576px){.photo{height:20rem}h1{font-size:1.8rem}.transparant{width:95%}.main li,#FAQ li{padding-left:1.5rem;font-size:1rem}.block1 .carousel{height:200px}footer{padding:2rem 1.5rem}nav .navbar-brand{font-size:1.5rem}nav ul a{font-size:.8rem}.hero-section{padding:5rem 1rem 3rem}.hero-title{font-size:1.6rem;letter-spacing:.5px}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.cta-button{padding:12px 20px;font-size:.9rem}.service-title{font-size:1.3rem}.carousel-item img{height:250px}.service-description{padding:1.5rem 1rem}.service-description p{font-size:.95rem;line-height:1.6}.btn-primary{padding:.8rem 1.2rem;font-size:.85rem}.faq-title{font-size:1.5rem}.accordion-button,.accordion-body{font-size:.9rem;padding:.8rem}}@media(max-width:400px){.hero-title{font-size:1.4rem}.hero-subtitle{font-size:.9rem}.service-title{font-size:1.2rem}.carousel-item img{height:220px}.navbar-brand img{height:35px}footer{padding:1.5rem 1rem}}@media(max-width:768px){a,button,.btn,.nav-link,.accordion-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.navbar-nav .nav-item{margin-bottom:.5rem}.carousel-control-prev,.carousel-control-next{width:15%;opacity:.8}.carousel-control-prev-icon,.carousel-control-next-icon{width:30px;height:30px}input,textarea,select{font-size:16px;padding:.75rem}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}@media(max-width:768px)and (orientation:landscape){.hero-section{padding:4rem 1rem 3rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.carousel-item img{height:280px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){img{image-rendering:-webkit-optimize-contrast}}.hero-section{position:relative;background:url(/img/etancheite_toit_plat.jpg) center/cover no-repeat;color:var(--white);padding:12rem 0 6rem;text-align:center;overflow:hidden;margin-top:60px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c2e35b3,#4e9d6d4d);z-index:1}.hero-content{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:0 2rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:.02em;color:var(--white)}.hero-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto 2.5rem;font-weight:400;line-height:1.6;color:#fffffff2}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:var(--primary-green);color:var(--white);font-weight:600;text-decoration:none;border-radius:4px;transition:var(--transition);box-shadow:none;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.cta-button.secondary{background-color:transparent;color:var(--white);border:2px solid var(--white)}.cta-button:hover{transform:translateY(-2px);background-color:#3d8558;box-shadow:0 4px 12px #4e9d6d4d}.cta-button.secondary:hover{background-color:#ffffff26;border-color:var(--white)}.intro-text{position:relative;background-color:var(--dark-charcoal);padding:4rem 2rem;color:var(--white)}.intro-card{max-width:1200px;margin:0 auto;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none}.intro-paragraph{font-size:1.125rem;line-height:1.8;text-align:center;color:#ffffffe6;max-width:900px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.hero-section{padding:10rem 0 5rem}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.125rem}}@media(max-width:768px){.hero-section{padding:8rem 0 4rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.intro-text{padding:2rem 0}.intro-paragraph{font-size:1rem}.cta-button{padding:.875rem 2rem;font-size:.875rem}}.axter-nav{position:fixed;top:0;left:0;right:0;background-color:var(--pure-white);box-shadow:0 2px 8px #00000014;z-index:5000;transition:var(--transition)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;max-width:1400px;margin:0 auto}.burger-menu{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:5px;z-index:10}.burger-menu span{display:block;width:24px;height:2px;background-color:var(--dark-charcoal);transition:var(--transition)}.burger-menu:hover span{background-color:var(--primary-green)}.navbar-brand{position:absolute;left:50%;transform:translate(-50%);text-decoration:none;display:flex;align-items:center}.logo-img{height:50px;transition:var(--transition)}.nav-actions{display:flex;align-items:center;gap:1.5rem}.lang-toggle{background:none;border:1px solid var(--primary-green);color:var(--primary-green);padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);min-width:40px}.lang-toggle:hover{background:var(--primary-green);color:var(--white)}.nav-icon{color:var(--dark-charcoal);font-size:1.5rem;text-decoration:none;transition:var(--transition);background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center}.nav-icon:hover{color:var(--primary-green)}.menu-panel{position:fixed;top:0;left:-100%;width:320px;height:100vh;background-color:var(--dark-charcoal);z-index:6000;transition:left .3s ease;overflow-y:auto}.menu-panel.active{left:0}.menu-panel-content{padding:2rem 0}.menu-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--pure-white);font-size:2rem;cursor:pointer;padding:.5rem;transition:var(--transition)}.menu-close:hover{color:var(--primary-green)}.menu-list{list-style:none;padding:0;margin:3rem 0 0}.menu-item{border-bottom:1px solid rgba(255,255,255,.1)}.menu-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;color:var(--pure-white);text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:.05em;transition:var(--transition)}.menu-link i{font-size:1.5rem;color:var(--primary-green)}.menu-link:hover{background-color:#4e9d6d1a;padding-left:2.5rem}.menu-link.active{background-color:#4e9d6d26;border-left:4px solid var(--primary-green);font-weight:600}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:5500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-overlay.active{opacity:1;visibility:visible}.axter-nav.scrolled{box-shadow:0 4px 12px #0000001f}.axter-nav.scrolled .nav-container{padding:.75rem 2rem}.axter-nav.scrolled .logo-img{height:42px}@media(max-width:768px){.nav-container{padding:1rem 1.5rem}.menu-panel{width:280px}.navbar-brand{position:static;transform:none}}@media(max-width:576px){.nav-container{padding:.875rem 1rem}.logo-img{height:30px}.menu-panel{width:100%}}