*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:.5rem 1rem;background:#1e40af;color:#fff;font-size:1rem;text-decoration:none}.skip-link:focus{top:0}a:focus-visible,button:focus-visible,.btn:focus-visible,.menu-toggle:focus-visible,.social-btn:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}.header{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.8rem;font-weight:700;color:#fbbf24}.contact-urgent{background:#ef4444;padding:.8rem 1.5rem;border-radius:25px;color:#fff;text-decoration:none;font-weight:700;transition:all 0.3s ease;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.contact-urgent:hover{background:#dc2626;transform:translateY(-2px)}.hero{background:linear-gradient(rgb(30 64 175 / .9),rgb(59 130 246 / .9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23e5e7eb" width="1200" height="600"/><text x="600" y="300" text-anchor="middle" fill="%236b7280" font-size="24">Image de plomberie moderne</text></svg>');background-size:cover;background-position:center;color:#fff;padding:6rem 0;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:0 2rem}.hero h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.hero-stats{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.stat{text-align:center;background:rgb(255 255 255 / .1);padding:1rem 2rem;border-radius:10px;backdrop-filter:blur(10px)}.stat-number{font-size:2rem;font-weight:700;color:#fbbf24}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn{padding:1rem 2rem;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all 0.3s ease;cursor:pointer}.btn-primary{background:#fbbf24;color:#1e40af}.btn-secondary{background:#fff0;color:#fff;border:2px solid #fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.services{padding:5rem 0;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#1e40af}.section-subtitle{text-align:center;font-size:1.2rem;color:#6b7280;margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.service-card-link{text-decoration:none;color:inherit;display:block}.service-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:all 0.3s ease;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(30 64 175 / .2)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#fbbf24)}.service-image{width:100%;height:180px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.service-card:hover .service-image img{transform:scale(1.05)}.service-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff;font-size:1.3rem;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px rgb(59 130 246 / .3)}.service-card h3{font-size:1.3rem;margin-bottom:1rem;color:#1e40af}.service-card p{color:#6b7280;margin-bottom:1rem}.service-features{list-style:none;margin-top:1rem}.service-features li{padding:.3rem 0;color:#059669}.service-features li::before{content:'✓';color:#059669;font-weight:700;margin-right:.5rem}.about{padding:5rem 0;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text h2{font-size:2.5rem;color:#1e40af;margin-bottom:1rem}.about-text p{font-size:1.1rem;color:#4b5563;margin-bottom:1.5rem}.credentials{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.credential{background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.about-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgb(0 0 0 / .1)}.about-image img{width:100%;height:400px;object-fit:cover}.testimonials{padding:5rem 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial{background:#f8fafc;padding:2rem;border-radius:15px;position:relative;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.testimonial::before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#3b82f6;opacity:.3}.testimonial-rating{color:#fbbf24;font-size:1.2rem;margin-bottom:1rem}.testimonial-text{color:#4b5563;font-style:italic;margin-bottom:1rem}.testimonial-author{font-weight:700;color:#1e40af}.footer{background:#1f2937;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#fbbf24;margin-bottom:1rem}.footer-section a{color:#d1d5db;text-decoration:none;transition:color 0.3s ease}.footer-section a:hover{color:#fbbf24}.footer-bottom{border-top:1px solid #374151;padding-top:1rem;text-align:center;color:#9ca3af}.coverage-area{padding:4rem 0;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff;text-align:center}.coverage-cities{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.city-tag{background:rgb(255 255 255 / .2);padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(10px)}@media (max-width:1024px){.container{padding:0 1.5rem}.hero{padding:4rem 0}.hero h1{font-size:3rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:2rem}.stat{padding:.8rem 1.5rem}.stat-number{font-size:1.8rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.service-card{padding:1.5rem}.about-content{grid-template-columns:1fr;gap:2rem}.about-image{max-width:500px;margin:0 auto}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 1rem}.primary-menu li ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:.5rem}.hero{padding:3rem 0}.hero-content{padding:0 1rem}.hero h1{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-stats{flex-direction:column;gap:1rem}.stat{width:100%;padding:1rem}.stat-number{font-size:1.5rem}.cta-buttons{flex-direction:column;width:100%;gap:1rem}.btn{width:100%;max-width:300px;padding:.9rem 1.5rem;font-size:1rem}.services{padding:3rem 0}.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.service-card h3{font-size:1.2rem}.service-image{height:150px}.about{padding:3rem 0}.about-content{grid-template-columns:1fr;gap:2rem}.about-text h2{font-size:1.8rem}.about-text p{font-size:1rem}.about-image img{height:300px}.credentials{justify-content:center}.coverage-area{padding:3rem 0}.coverage-cities{gap:.75rem}.city-tag{padding:.4rem .8rem;font-size:.9rem}.testimonials{padding:3rem 0}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial{padding:1.5rem}.testimonial::before{font-size:3rem}.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section{padding-bottom:1rem;border-bottom:1px solid #374151}.footer-section:last-child{border-bottom:none}.before-hero-section,.after-services-section,.before-testimonials-section{padding:1.5rem 0}}@media (max-width:480px){.hero h1{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.section-title{font-size:1.5rem}.about-text h2{font-size:1.5rem}.btn{font-size:.95rem;padding:.85rem 1.25rem}.service-card h3{font-size:1.1rem}.stat-number{font-size:1.3rem}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn 0.8s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.menu-toggle{display:none;background:rgb(251 191 36 / .1);border:2px solid #fbbf24;border-radius:8px;cursor:pointer;padding:.6rem 1rem;z-index:1001;flex-direction:row;gap:10px;transition:all 0.3s ease;position:relative;align-items:center;color:#fbbf24;font-weight:500;font-size:.9rem}.menu-toggle:hover{background:rgb(251 191 36 / .2);border-color:#fff;color:#fff}.menu-toggle:active{transform:scale(.98)}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:28px;height:24px;justify-content:center}.hamburger-line{width:28px;height:3px;background-color:#fbbf24;border-radius:3px;transition:all 0.3s ease}.menu-toggle:hover .hamburger-line{background-color:#fff}.menu-toggle-text{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap;transition:color 0.3s ease}.menu-toggle:hover .menu-toggle-text{color:#fff}.menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(8px)}.menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.main-navigation{display:flex;align-items:center}.primary-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.primary-menu li{position:relative}.primary-menu a{color:#fbbf24;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all 0.3s ease}.primary-menu a:hover{background-color:rgb(251 191 36 / .1);color:#fff}.primary-menu li ul{position:absolute;top:100%;left:0;background:#1e40af;border-radius:4px;box-shadow:0 4px 12px rgb(0 0 0 / .15);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000}.primary-menu li:hover>ul{opacity:1;visibility:visible;transform:translateY(0)}.primary-menu li ul li{width:100%}.primary-menu li ul a{display:block;padding:.75rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1)}.primary-menu li ul a:hover{background-color:rgb(59 130 246 / .8)}.primary-menu li ul li ul{top:0;left:100%}.primary-menu li ul li.menu-item-has-children>a::after{content:'›';float:right;margin-left:.5rem}@media (max-width:1024px){.menu-toggle{display:flex}.main-navigation{width:100%;max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out}.main-navigation.active{max-height:600px;margin-top:1rem}.primary-menu{flex-direction:column;width:100%;gap:0;background:rgb(30 64 175 / .95);border-radius:8px;padding:.5rem 0}.primary-menu>li{width:100%;border-bottom:1px solid rgb(255 255 255 / .1)}.primary-menu>li:last-child{border-bottom:none}.primary-menu>li>a{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;width:100%;font-size:1.05rem}.primary-menu>li.menu-item-has-children>a::after{content:'▼';font-size:.8rem;margin-left:.5rem;transition:transform 0.3s ease}.primary-menu>li.menu-item-has-children.submenu-open>a::after{transform:rotate(180deg)}.primary-menu li ul{position:static;opacity:1;visibility:visible;transform:none;background:rgb(59 130 246 / .3);border-radius:0;box-shadow:none;max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out}.primary-menu li.submenu-open>ul{max-height:500px}.primary-menu li ul li{border-bottom:1px solid rgb(255 255 255 / .05)}.primary-menu li ul li:last-child{border-bottom:none}.primary-menu li ul a{padding:.85rem 2rem;font-size:.95rem;border-bottom:none}.primary-menu li ul a::before{content:'• ';margin-right:.5rem}.primary-menu li ul li.menu-item-has-children>a::after{content:'▼';font-size:.7rem;transition:transform 0.3s ease}.primary-menu li ul li.menu-item-has-children.submenu-open>a::after{transform:rotate(180deg)}.primary-menu li ul li ul a{padding-left:3rem}.primary-menu li ul li ul a::before{content:'– '}}@media (max-width:768px){.nav-container{padding:1rem}.primary-menu>li>a{padding:1.1rem 1.2rem;font-size:1rem}.primary-menu li ul a{padding:.9rem 1.8rem;font-size:.9rem}}@media (max-width:480px){.menu-toggle-text{display:none}.menu-toggle{padding:.6rem;min-width:44px}.hamburger-icon{margin:0}.logo{font-size:1.3rem}.social-btn{width:34px;height:34px}.social-btn svg{width:17px;height:17px}}.social-buttons{display:flex;gap:.75rem;align-items:center}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all 0.3s ease;text-decoration:none;position:relative;overflow:hidden}.social-btn svg{transition:transform 0.3s ease;position:relative;z-index:1}.social-btn:hover svg{transform:scale(1.1)}.social-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgb(255 255 255 / .2);transform:translate(-50%,-50%);transition:width 0.3s ease,height 0.3s ease}.social-btn:hover::before{width:100%;height:100%}.social-buttons-header{order:2}.social-buttons-header .social-btn{background-color:#3b82f6;color:#fff;box-shadow:0 2px 8px rgb(59 130 246 / .3)}.social-buttons-header .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(59 130 246 / .5)}.social-buttons-footer{margin-top:1rem}.social-buttons-footer .social-btn{width:44px;height:44px;background-color:#3b82f6;color:#fff}.social-buttons-footer .social-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgb(0 0 0 / .3)}@media (max-width:1024px){.nav-container{flex-wrap:wrap;gap:1rem}.logo{order:1;flex-shrink:0}.social-buttons-header{order:2;margin-left:auto;margin-right:.5rem;flex-shrink:0}.menu-toggle{order:3;flex-shrink:0}.contact-urgent{order:4;width:100%;text-align:center}.main-navigation{order:5}.social-buttons{gap:.5rem}.social-btn{width:38px;height:38px}.social-btn svg{width:19px;height:19px}}@media (max-width:768px){.nav-container{gap:.75rem}.logo{font-size:1.5rem}.social-buttons-header{margin-left:auto;margin-right:.5rem}.contact-urgent{font-size:.95rem;padding:.75rem 1rem}.social-btn{width:36px;height:36px}.social-btn svg{width:18px;height:18px}.social-buttons-footer .social-btn{width:40px;height:40px}}.before-hero-section,.after-services-section{padding:2rem 0;background-color:#f8fafc}.widget{margin-bottom:2rem}.widget-title{color:#1e40af;font-size:1.25rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid #fbbf24;padding-bottom:.5rem}.footer-widget{margin-bottom:1.5rem}.footer-widget-title{color:#fbbf24;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin-bottom:.5rem}.footer-menu a{color:#d1d5db;text-decoration:none;transition:color 0.3s ease}.footer-menu a:hover{color:#fbbf24}.main-content{padding:4rem 0}.post-card{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.post-header{margin-bottom:1.5rem}.post-title{color:#1e40af;font-size:2rem;font-weight:700;margin-bottom:.5rem}.post-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.post-title a:hover{color:#3b82f6}.post-meta{color:#6b7280;font-size:.875rem}.post-content{color:#374151;line-height:1.7}.post-content p{margin-bottom:1rem}.read-more{display:inline-block;margin-top:1rem;color:#1e40af;text-decoration:none;font-weight:500;transition:color 0.3s ease}.read-more:hover{color:#3b82f6}.no-posts{text-align:center;padding:4rem 0}.no-posts h1{color:#1e40af;margin-bottom:1rem}.posts-pagination{margin-top:3rem;text-align:center}.posts-pagination .nav-links{display:flex;justify-content:center;gap:1rem}.posts-pagination a{padding:.75rem 1.5rem;background:#1e40af;color:#fff;text-decoration:none;border-radius:4px;transition:background-color 0.3s ease}.posts-pagination a:hover{background:#3b82f6}html,body{height:100%}body{display:flex;flex-direction:column}.main-content,main{flex:1}.footer{margin-top:auto}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.header{position:sticky!important;top:0!important;z-index:1000!important;background:linear-gradient(135deg,#ffffff 0%,#ffffff 100%)!important}.logo img{max-height:80px!important;width:auto!important;height:auto!important}.header nav a,.header .nav a,.header-nav a{color:#0029af!important}.header nav ul ul,.header nav .sub-menu,.header-nav .sub-menu{background-color:#ffffff!important}.header nav ul ul a,.header nav .sub-menu a,.header-nav .sub-menu a{color:#1e40af!important}.stat{background-color:rgb(255 255 255 / .1)!important;color:#ffffff!important}.stat-number{color:#eded00!important}.hero-stats{display:flex!important;justify-content:center!important;gap:2rem!important;flex-wrap:wrap!important}.btn-primary{background-color:rgb(251 191 36)!important;color:#1e40af!important;border:none!important}.services{background-color:rgb(255 255 255)!important}.services .section-title{color:#1e40af!important}.services .section-subtitle{color:#6b7280!important}.services h3{color:#1e40af!important}.services p{color:#374151!important}.services .service-features,.services .service-features li{color:#374151!important}.about{padding:5rem 0!important;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)!important}.about h2{color:#1e40af!important}.about p{color:#374151!important}.about .about-engagement{color:#1e40af!important}.about .credential{color:#ffffff!important}.coverage-area{padding:5rem 0!important;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)!important}.coverage-area h2{color:#ffffff!important}.coverage-area p{color:#ffffff!important}.coverage-area .city-tag,.coverage-area .location-tag{color:#ffffff!important}.footer{background-color:rgb(30 64 175)!important}.footer h3{color:#fbbf24!important}.footer p,.footer a{color:#d1d5db!important}.footer a:hover{color:#fbbf24!important}.hero{background:linear-gradient(rgb(30 64 175),rgb(59 130 246)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23e5e7eb" width="1200" height="600"/><text x="600" y="300" text-anchor="middle" fill="%236b7280" font-size="24">Image de plomberie moderne</text></svg>')!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}.social-buttons-header .social-btn{background-color:#3b82f6!important;color:#ffffff!important}.social-buttons-header .social-btn svg{fill:#ffffff!important}.social-buttons-footer .social-btn{background-color:#3b82f6!important;color:#ffffff!important}.social-buttons-footer .social-btn svg{fill:#ffffff!important}@media (max-width:1024px){.primary-menu>li>a{color:#ffffff!important}.primary-menu>li.menu-item-has-children>a::after{color:#ffffff!important}.primary-menu li ul{background:#3b82f6!important}.primary-menu li ul a{color:#ffffff!important}}