<!doctype html>
<html lang="fr" data-site-prerendered="true">
  <head>
    <meta charset="UTF-8" />
    <meta name="google-site-verification" content="dLzGKDXvE2lt19AnE_TsdpdoQRpFw3evX0kG6sG2j3g" />
    <meta name="facebook-domain-verification" content="d5kppkq8ytcyv3oxa1v40682fhre7k" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#020C1B" />
    <!-- Favicon KWANTHIC (sphère lumineuse). Remplace l'ancien favicon
         générique. Formats multi-tailles pour navigateurs, iOS, Android
         et PWA. -->
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="application-name" content="KWANTHIC">
    <meta name="apple-mobile-web-app-title" content="KWANTHIC">
    <meta name="msapplication-TileColor" content="#020C1B">
    <meta name="msapplication-TileImage" content="/favicon-192x192.png">

    <!-- DNS prefetch for external resources -->
    <link rel="dns-prefetch" href="https://wwrfwwurtanwvalnaoxq.supabase.co" />
    <link rel="preconnect" href="https://wwrfwwurtanwvalnaoxq.supabase.co" crossorigin />
    <!-- Pré-connexions analytics/pixels (économise ~150ms par origine au moment où ils chargent) -->
    <link rel="dns-prefetch" href="https://connect.facebook.net" />
    <link rel="dns-prefetch" href="https://analytics.tiktok.com" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://plausible.io" />

    <!-- ===========================================================
         Analytics — GA4 + Plausible (RGPD-compliant via Consent Mode v2)
         GA4 démarre en mode "denied" : aucune donnée n'est envoyée
         tant que le visiteur n'a pas accepté les cookies.
         Le CookieBanner met à jour le consentement via:
           gtag('consent','update', { analytics_storage:'granted' })
         =========================================================== -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      // Consent Mode v2 — par défaut TOUT est refusé (RGPD)
      gtag('consent', 'default', {
        ad_storage: 'denied',
        ad_user_data: 'denied',
        ad_personalization: 'denied',
        analytics_storage: 'denied',
        functionality_storage: 'denied',
        personalization_storage: 'denied',
        security_storage: 'granted',
        wait_for_update: 500
      });
      gtag('js', new Date());
      gtag('config', 'G-CBSNXQ11S8', {
        anonymize_ip: true,
        send_page_view: true
      });
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CBSNXQ11S8"></script>

    <!-- Plausible Analytics — sans cookies, conforme RGPD nativement -->
    <script defer data-domain="kwanthic.com" src="https://plausible.io/js/script.outbound-links.js"></script>
    <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>

    <!-- ===========================================================
         Pixels publicitaires — Meta + TikTok + Google Ads
         PageView automatique sur toutes les pages.
         Lead / CompleteRegistration déclenchés depuis le code via
         src/lib/adTracking.ts (trackPixelLead, trackPixelCompleteRegistration).
         ⚠️  Remplacer META_PIXEL_ID, TIKTOK_PIXEL_ID, GOOGLE_CONVERSION_ID
              par les vraies valeurs avant la mise en ligne des campagnes.
         =========================================================== -->

    <!-- Meta Pixel Code -->
    <script>
      // RGPD (Meta Consent Mode v2) :
      // Le stub `fbq` est installé synchronement (tous les appels sont
      // enfilés dans `fbq.queue`), mais le SDK `fbevents.js` (~70 KB) est
      // chargé en IDLE pour ne PAS bloquer le LCP / TTI. Les crawlers Meta
      // détectent quand même le pixel (queue + init présents), et tous
      // les `fbq(...)` appelés avant l'idle sont rejoués une fois le SDK
      // prêt. Consentement REVOKED par défaut → aucun cookie tant que
      // l'utilisateur n'a pas cliqué « Tout accepter ».
      (function () {
        if (window.fbq) return;
        var n = window.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); };
        if (!window._fbq) window._fbq = n;
        n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = [];
      })();
      fbq('consent', 'revoke');
      fbq('init', '984271174484551');
      // Chargement différé du SDK Meta après idle (ou after `load`
      // + 2s en fallback). Ré-entrance-safe.
      window.__kwLoadFbSdk = function () {
        if (window.__kwFbSdkLoading) return;
        window.__kwFbSdkLoading = true;
        if (document.querySelector('script[src*="connect.facebook.net"]')) return;
        var t = document.createElement('script');
        t.async = true; t.src = 'https://connect.facebook.net/en_US/fbevents.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(t, s);
      };
      (function scheduleFb() {
        var fire = function () { window.__kwLoadFbSdk && window.__kwLoadFbSdk(); };
        if ('requestIdleCallback' in window) {
          requestIdleCallback(fire, { timeout: 4000 });
        } else {
          window.addEventListener('load', function () { setTimeout(fire, 2000); }, { once: true });
        }
        // Filet : première interaction utilisateur force le chargement.
        var once = { once: true, passive: true };
        ['pointerdown', 'keydown', 'scroll', 'touchstart'].forEach(function (ev) {
          window.addEventListener(ev, fire, once);
        });
      })();
      // Note : pas de fbq('track', 'PageView') ici — il sera émis par
      // window.__kwLoadMeta() après clic « Tout accepter ».
      window.__kwLoadMeta = function () {
        if (window.__kwMetaLoaded) return;
        window.__kwMetaLoaded = true;
        // S'assure que le SDK est demandé même si aucun idle n'a encore eu lieu.
        window.__kwLoadFbSdk && window.__kwLoadFbSdk();
        fbq('consent', 'grant');
        fbq('track', 'PageView');
      };
    </script>
    <!-- End Meta Pixel Code -->

    <!-- ===========================================================
         KWANTHIC — Capture d'attribution (first-touch, session)
         Stocke utm_*, fbclid, gclid, ttclid, msclkid, landing_page,
         referrer, first_seen_at dans sessionStorage['kwanthic_attribution']
         et expose window.kwanthicAttribution. 1ère touche gagne.
         =========================================================== -->
    <script id="kwanthic-attribution-capture">
      (function () {
        try {
          var KEY = 'kwanthic_attribution';
          var LEGACY_KEY = 'kwanthic_ad_attr_v1';
          var existing = null;
          try { existing = JSON.parse(sessionStorage.getItem(KEY) || 'null'); } catch (e) {}
          if (!existing) {
            var p = new URLSearchParams(window.location.search);
            var pick = function (k) { var v = p.get(k); return v ? String(v).slice(0, 512) : null; };
            existing = {
              utm_source: pick('utm_source'),
              utm_medium: pick('utm_medium'),
              utm_campaign: pick('utm_campaign'),
              utm_content: pick('utm_content'),
              utm_term: pick('utm_term'),
              fbclid: pick('fbclid'),
              gclid: pick('gclid'),
              ttclid: pick('ttclid'),
              msclkid: pick('msclkid'),
              landing_page: window.location.href,
              referrer: document.referrer || null,
              first_seen_at: new Date().toISOString()
            };
            try { sessionStorage.setItem(KEY, JSON.stringify(existing)); } catch (e) {}
            try { sessionStorage.setItem(LEGACY_KEY, JSON.stringify(existing)); } catch (e) {}
          }
          window.kwanthicAttribution = existing;
        } catch (e) { /* silent */ }
      })();
    </script>

    <!-- TikTok Pixel -->
    <script>
      // TikTok Pixel — Stub installé synchronement (queue), mais le SDK
      // `events.js` est chargé en IDLE pour ne pas bloquer le LCP / TTI.
      // `holdConsent()` reste actif → aucun cookie/évènement envoyé tant
      // que le banner cookies n'a pas appelé `window.__kwGrantTikTokConsent()`.
      !function (w, d, t) {
        w.TiktokAnalyticsObject = t;
        var ttq = w[t] = w[t] || [];
        ttq.methods = ["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"];
        ttq.setAndDefer = function (t, e) { t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))); }; };
        for (var i = 0; i < ttq.methods.length; i++) ttq.setAndDefer(ttq, ttq.methods[i]);
        ttq.instance = function (t) {
          for (var e = ttq._i[t] || [], n = 0; n < ttq.methods.length; n++) ttq.setAndDefer(e, ttq.methods[n]);
          return e;
        };
        ttq.load = function (e, n) {
          var r = "https://analytics.tiktok.com/i18n/pixel/events.js";
          ttq._i = ttq._i || {}; ttq._i[e] = []; ttq._i[e]._u = r;
          ttq._t = ttq._t || {}; ttq._t[e] = +new Date;
          ttq._o = ttq._o || {}; ttq._o[e] = n || {};
          var s = document.createElement("script");
          s.type = "text/javascript"; s.async = !0; s.src = r + "?sdkid=" + e + "&lib=" + t;
          var a = document.getElementsByTagName("script")[0];
          a.parentNode.insertBefore(s, a);
        };
        // 1) Bloque cookies + envoi d'events tant que consentement non accordé.
        ttq.holdConsent();
        // 2) Chargement DIFFÉRÉ du base code (idle + fallback load + first-interaction).
        window.__kwLoadTikTokSdk = function () {
          if (window.__kwTikTokSdkLoaded) return;
          window.__kwTikTokSdkLoaded = true;
          try { ttq.load('D933SFJC77U91H2HLRSG'); ttq.page(); } catch (e) { /* silent */ }
        };
        var fire = function () { window.__kwLoadTikTokSdk && window.__kwLoadTikTokSdk(); };
        if ('requestIdleCallback' in window) {
          requestIdleCallback(fire, { timeout: 4000 });
        } else {
          window.addEventListener('load', function () { setTimeout(fire, 2000); }, { once: true });
        }
        var once = { once: true, passive: true };
        ['pointerdown', 'keydown', 'scroll', 'touchstart'].forEach(function (ev) {
          window.addEventListener(ev, fire, once);
        });
      }(window, document, 'ttq');

      // Hooks appelés depuis le banner cookies (src/lib/analytics.ts).
      window.__kwGrantTikTokConsent = function () {
        try { window.__kwLoadTikTokSdk && window.__kwLoadTikTokSdk(); } catch (e) { /* silent */ }
        try { window.ttq && window.ttq.grantConsent && window.ttq.grantConsent(); } catch (e) { /* silent */ }
      };
      window.__kwRevokeTikTokConsent = function () {
        try { window.ttq && window.ttq.revokeConsent && window.ttq.revokeConsent(); } catch (e) { /* silent */ }
      };
      // Rétro-compat : ancien nom encore utilisé par certains chemins.
      window.__kwLoadTikTok = window.__kwGrantTikTokConsent;
    </script>

    <!-- Google Ads : pas de config tant que GOOGLE_CONVERSION_ID n'est pas une vraie ID.
         À réactiver via src/lib/analytics.ts après consentement marketing. -->

    <!-- Polices auto-hébergées (Tour 3 perf) — plus de dépendance fonts.gstatic.com -->
    <!-- Preconnect au CDN Lovable Assets (source de la plupart des images) -->
    <link rel="preconnect" href="https://kwanthic.com" crossorigin />

    <!-- Self-hosted Space Grotesk (primary font) — preload latin slice for LCP -->
    <link rel="preload" as="font" type="font/woff2" href="/fonts/space-grotesk-latin.woff2" crossorigin />
    <!-- Montserrat 400 — Tailwind `font-sans` par défaut, présent au-dessus de la ligne de flottaison -->
    <link rel="preload" as="font" type="font/woff2" href="/fonts/montserrat-400.woff2" crossorigin />
    <!-- Secondary fonts (Montserrat 700, Orbitron display) — self-hosted latin subset -->

    <!-- Inline critical CSS for instant first paint -->
    <style>
      /* Self-hosted Space Grotesk — single variable woff2 reused for 400/700 (latin + latin-ext) */
      @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/space-grotesk-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
      @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/space-grotesk-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
      @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/space-grotesk-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
      @font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/space-grotesk-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
      @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/montserrat-400.woff2') format('woff2'); }
      @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/montserrat-700.woff2') format('woff2'); }
      @font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/orbitron-700.woff2') format('woff2'); }
      *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
      html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
      body { font-family: 'Space Grotesk', 'Montserrat', system-ui, -apple-system, sans-serif; background: hsl(220, 50%, 3%); color: #e0f0ff; -webkit-font-smoothing: antialiased; }
      #root { min-height: 100vh; }
      .kwanthic-content-zone { opacity: 0; animation: fadeInContent 0.3s ease-out 0.1s forwards; }
      @keyframes fadeInContent { to { opacity: 1; } }
    </style>
    
    <!-- ============================================================
         SEO P2 (2026-06-26) — Méta dédupliquées.
         Les balises overridées par page (description, robots, og:title,
         og:description, twitter:title, twitter:description) ont été
         retirées d'index.html : elles étaient sans `data-rh` et donc
         non-dédupliquées par react-helmet-async, ce qui faisait servir
         à chaque page DEUX versions concurrentes (la générique + celle
         de la route). Source unique désormais : Helmet par page
         (cf. src/pages/*.tsx) + DynamicHreflang pour le canonical.
         Ne PAS réintroduire ces balises ici sans concertation SEO.
         Conservés : title (Helmet dedupe nativement la balise title), og:image,
         twitter:image, og:type/locale/site_name, twitter:card/site
         (fallbacks invariants pour crawlers no-JS).
         ============================================================ -->
    <!-- Canonical is set per-route via react-helmet-async (see src/pages/*).
         A static canonical here would duplicate the Helmet one (link tags
         don't dedupe by rel), so it's intentionally omitted. -->
    <meta name="author" content="KWANTHIC" />
    <meta name="geo.region" content="FR" />
    <meta name="geo.placename" content="Paris" />
    <meta name="geo.position" content="48.8698;2.3075" />
    <meta name="ICBM" content="48.8698, 2.3075" />

    <!-- Open Graph -->
    <!-- og:title / og:description : émis UNIQUEMENT via ‹DefaultSeoTags› (Helmet).
         Source unique côté React pour éviter que le HTML prerender contienne deux
         jeux concurrents que les crawlers sociaux pourraient mélanger. -->
    <!-- og:url : émis UNIQUEMENT via ‹DynamicHreflang› / le ‹Helmet› de chaque page.
         Une valeur statique ici entrait en concurrence avec le og:url de la route
         (les crawlers pouvaient attribuer la page à la home). Ne PAS réintroduire. -->
    
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:site_name" content="KWANTHIC" />
    <meta property="og:image" content="https://kwanthic.com/__l5e/assets-v1/3ebed972-e20b-4423-bfad-a5ddd617f6ec/kwanthic-og-image-v11.jpg">
    <meta property="og:image:secure_url" content="https://kwanthic.com/__l5e/assets-v1/3ebed972-e20b-4423-bfad-a5ddd617f6ec/kwanthic-og-image-v11.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="1672">
    <meta property="og:image:height" content="941">
    <meta property="og:image:alt" content="KWANTHIC — Expert en Rénovation énergétique : maison en coupe avec pompe à chaleur, isolation, panneaux solaires, VMC, Velux, climatisation réversible">

    <!-- Twitter -->
    
    <meta name="twitter:site" content="@kwanthic" />
    <!-- twitter:title / twitter:description : idem, émis via ‹DefaultSeoTags›. -->
    <meta name="twitter:image" content="https://kwanthic.com/__l5e/assets-v1/3ebed972-e20b-4423-bfad-a5ddd617f6ec/kwanthic-og-image-v11.jpg">
    <meta name="twitter:image:alt" content="KWANTHIC — Expert en Rénovation énergétique d'ampleur de Logements">

    <!-- NB : pas de meta no-cache ici — les bundles Vite sont hashés
         (cache-busting automatique). Forcer no-cache détruisait le LCP
         (chaque visite re-téléchargeait tout l'app shell). -->

    <!-- JSON-LD structured data (static fallback) -->
    <!-- ⚠️ Aucune note globale / notation agrégée ne doit être ajoutée au
         JSON-LD, sous aucune forme (règle propriétaire). Donnée
         structurée trompeuse = action manuelle Google sur tout le site.
         Interdiction absolue, y compris avec un flux d'avis connecté. -->
    <!-- ⚠️ JSON-LD HomeAndConstructionBusiness retiré ici (arbitrage #3) :
         il faisait doublon avec le bloc JSON-LD émis par Index.tsx sur la
         home (deux entités business sur la même URL = signaux confus).
         Source unique côté React (Helmet via Index.tsx + GlobalSeoJsonLd),
         qui suit le BASE_URL canonique (www.kwanthic.com). -->
    
  <script type="module" crossorigin src="/assets/index-CWGL0v95.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-BZBT8PDj.css">
    <title data-rh="true">Rénovation énergétique d&#x27;ampleur de logements | Kwanthic</title>
    <meta data-rh="true" name="description" content="KWANTHIC : rénovation énergétique d&#x27;ampleur en France. Pompe à chaleur, isolation, solaire, VMC, menuiseries avec partenaires RGE. Aides et devis gratuits."/><meta data-rh="true" property="og:title" content="KWANTHIC — Expert Rénovation Énergétique d&#x27;Ampleur | Aides 2026"/><meta data-rh="true" property="og:description" content="KWANTHIC, expert en rénovation énergétique de logements, en partenariat avec des experts RGE : pompe à chaleur, isolation, solaire, VMC, menuiseries. Simulation des aides 2026 et devis gratuit partout en France."/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:site_name" content="KWANTHIC"/><meta data-rh="true" property="og:image" content="https://kwanthic.com/__l5e/assets-v1/3ebed972-e20b-4423-bfad-a5ddd617f6ec/kwanthic-og-image-v11.jpg"/><meta data-rh="true" property="og:image:width" content="1200"/><meta data-rh="true" property="og:image:height" content="640"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:title" content="KWANTHIC — Expert Rénovation Énergétique d&#x27;Ampleur | Aides 2026"/><meta data-rh="true" name="twitter:description" content="KWANTHIC, expert en rénovation énergétique de logements, en partenariat avec des experts RGE : pompe à chaleur, isolation, solaire, VMC, menuiseries. Simulation des aides 2026 et devis gratuit partout en France."/><meta data-rh="true" name="twitter:image" content="https://kwanthic.com/__l5e/assets-v1/3ebed972-e20b-4423-bfad-a5ddd617f6ec/kwanthic-og-image-v11.jpg"/><meta data-rh="true" name="geo.region" content="FR"/><meta data-rh="true" name="geo.placename" content="France"/><meta data-rh="true" name="robots" content="index, follow, max-snippet:-1, max-image-preview:large"/><meta data-rh="true" property="og:url" content="https://kwanthic.com/"/>
    <link data-rh="true" rel="alternate" hrefLang="fr-FR" href="https://kwanthic.com"/><link data-rh="true" rel="canonical" href="https://kwanthic.com/"/>
    <script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://kwanthic.com/#organization","name":"KWANTHIC","url":"https://kwanthic.com/","description":"KWANTHIC — rénovation énergétique d'ampleur : pompe à chaleur, isolation, solaire, VMC, menuiseries, avec partenaires RGE.","areaServed":{"@type":"Country","name":"France"},"contactPoint":{"@type":"ContactPoint","contactType":"customer service","availableLanguage":["fr"],"areaServed":"FR"}},{"@type":"WebSite","@id":"https://kwanthic.com/#website","url":"https://kwanthic.com/","name":"KWANTHIC","inLanguage":"fr-FR","publisher":{"@id":"https://kwanthic.com/#organization"}},{"@type":"WebPage","@id":"https://kwanthic.com/#webpage","url":"https://kwanthic.com/","name":"KWANTHIC — rénovation énergétique d'ampleur de logements","description":"KWANTHIC, expert en rénovation énergétique de logements avec des partenaires RGE : pompe à chaleur, isolation, solaire, VMC, menuiseries. Simulation des aides et devis gratuit partout en France.","inLanguage":"fr-FR","isPartOf":{"@id":"https://kwanthic.com/#website"},"about":{"@id":"https://kwanthic.com/#organization"},"breadcrumb":{"@id":"https://kwanthic.com/#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://kwanthic.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://kwanthic.com/"}]},{"@type":"FAQPage","@id":"https://kwanthic.com/#faq","isPartOf":{"@id":"https://kwanthic.com/#webpage"},"mainEntity":[{"@type":"Question","name":"Quelles aides puis-je obtenir pour ma rénovation énergétique en 2026 ?","acceptedAnswer":{"@type":"Answer","text":"MaPrimeRénov' Parcours Accompagné jusqu'à 32 000 €, CEE selon parcours, Éco-PTZ jusqu'à 50 000 € à taux zéro, aides locales, et Ma Prime Logement Décent uniquement si le logement est indigne ou très dégradé."}},{"@type":"Question","name":"Combien coûte une rénovation énergétique ?","acceptedAnswer":{"@type":"Answer","text":"De 5 000 € à 60 000 € selon l'ampleur des travaux. Le reste à charge dépend du profil de revenus, du gain de classes DPE et des aides cumulées (MaPrimeRénov', CEE, Éco-PTZ, aides locales)."}},{"@type":"Question","name":"Combien de temps durent les travaux ?","acceptedAnswer":{"@type":"Answer","text":"Un geste simple (pompe à chaleur ou isolation) prend 2 à 5 jours. Une rénovation d'ampleur multi-gestes se réalise en 1 à 2 semaines."}},{"@type":"Question","name":"Vos artisans sont-ils certifiés ?","acceptedAnswer":{"@type":"Answer","text":"Oui, tous nos partenaires sont certifiés RGE (Reconnu Garant de l'Environnement). Cette certification est obligatoire pour bénéficier des aides de l'État."}},{"@type":"Question","name":"Suis-je éligible à MaPrimeRénov' Parcours Accompagné ?","acceptedAnswer":{"@type":"Answer","text":"Le logement doit être une résidence principale achevée depuis plus de 15 ans, occupée au moins 8 mois par an, et le projet doit viser un gain d'au moins 2 classes DPE avec un accompagnement Mon Accompagnateur Rénov'."}},{"@type":"Question","name":"Quel est le délai de versement des aides ?","acceptedAnswer":{"@type":"Answer","text":"MaPrimeRénov' est versée sous 3 à 6 semaines après dépôt de la facture et validation du dossier ; la prime CEE est réglée sous 4 à 8 semaines après la fin du chantier et le contrôle de conformité."}}]}]}</script>
  </head>

  <body>
    <div id="root" data-site-ssr="true"><section class="pt-2 pb-2 kw-stats-bar" data-kw-stats-bar="true" style="overflow:visible"><h2 class="sr-only">Les aides et les gains d&#x27;une rénovation énergétique</h2><div style="overflow:visible"><div class="grid gap-2 sm:grid-cols-3 lg:grid-cols-6" style="overflow:visible"><a href="/renovation-ampleur" aria-label="Jusqu&#x27;à 32 000 euros de MaPrimeRénov&#x27; Parcours accompagné — voir la page rénovation d&#x27;ampleur" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(45 62% 15%) 0%, hsl(45 62% 11%) 50%, hsl(45 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(45 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(45 100% 72% / 0.35),inset 0 0 0 1px hsl(45 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(45 90% 12% / 0.9);--kw-hue:45;--kw-bulb-delay:0s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(45 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(45 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(45 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(45 100% 60% / 0.55));transform:translateZ(0)">💰</span><span class="font-semibold absolute z-10 pointer-events-none" style="top:10px;right:10px;font-size:clamp(0.576rem, 0.8vw, 0.672rem);color:#ffffff;text-shadow:0 0 6px hsl(45 100% 55% / 0.5);line-height:1.1">Jusqu&#x27;à</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(45 100% 72%);text-shadow:0 0 10px hsl(45 100% 55% / 0.55), 0 0 22px hsl(45 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.950rem, 2.370vw, 1.740rem);white-space:nowrap">32 000<span style="font-size:1em"> €</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">MaPrimeRénov&#x27;
Parcours Accompagné</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(45 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(45 100% 55% / 0.45)">En savoir plus →</span></div></div></a><a href="/renovation-ampleur-immeuble-habitation" aria-label="Jusqu&#x27;à 25 000 euros par lot d&#x27;assiette de travaux MaPrimeRénov&#x27; Copropriété — voir la page immeuble d&#x27;habitation" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(265 62% 15%) 0%, hsl(265 62% 11%) 50%, hsl(265 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(265 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(265 100% 72% / 0.35),inset 0 0 0 1px hsl(265 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(265 90% 12% / 0.9);--kw-hue:265;--kw-bulb-delay:0.42s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(265 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(265 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(265 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(265 100% 60% / 0.55));transform:translateZ(0)">🏢</span><span class="font-semibold absolute z-10 pointer-events-none" style="top:10px;right:10px;font-size:clamp(0.576rem, 0.8vw, 0.672rem);color:#ffffff;text-shadow:0 0 6px hsl(265 100% 55% / 0.5);line-height:1.1">Jusqu&#x27;à</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(265 100% 72%);text-shadow:0 0 10px hsl(265 100% 55% / 0.55), 0 0 22px hsl(265 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.940rem, 2.100vw, 1.560rem);white-space:nowrap">25 000<span style="font-size:1em"> €/lot</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">MaPrimeRénov&#x27; Copropriété
assiette de travaux</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(265 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(265 100% 55% / 0.45)">En savoir plus →</span></div></div></a><a href="/renovation-ampleur" aria-label="Jusqu&#x27;à 90 % d&#x27;économie d&#x27;énergies — voir la page rénovation d&#x27;ampleur" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(214 62% 15%) 0%, hsl(214 62% 11%) 50%, hsl(214 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(214 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(214 100% 72% / 0.35),inset 0 0 0 1px hsl(214 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(214 90% 12% / 0.9);--kw-hue:214;--kw-bulb-delay:0.84s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(214 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(214 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(214 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(214 100% 60% / 0.55));transform:translateZ(0)">⚡</span><span class="font-semibold absolute z-10 pointer-events-none" style="top:10px;right:10px;font-size:clamp(0.576rem, 0.8vw, 0.672rem);color:#ffffff;text-shadow:0 0 6px hsl(214 100% 55% / 0.5);line-height:1.1">Jusqu&#x27;à</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(214 100% 72%);text-shadow:0 0 10px hsl(214 100% 55% / 0.55), 0 0 22px hsl(214 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.950rem, 2.370vw, 1.740rem);white-space:nowrap">90<span style="font-size:1em">%</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">D&#x27;économie
d&#x27;énergies</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(214 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(214 100% 55% / 0.45)">En savoir plus →</span></div></div></a><a href="/renovation-ampleur" aria-label="Éco-PTZ jusqu&#x27;à 50 000 euros à taux zéro — voir la page rénovation d&#x27;ampleur" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(145 62% 15%) 0%, hsl(145 62% 11%) 50%, hsl(145 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(145 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(145 100% 72% / 0.35),inset 0 0 0 1px hsl(145 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(145 90% 12% / 0.9);--kw-hue:145;--kw-bulb-delay:1.26s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(145 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(145 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(145 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(145 100% 60% / 0.55));transform:translateZ(0)">🏦</span><span class="font-semibold absolute z-10 pointer-events-none" style="top:10px;right:10px;font-size:clamp(0.576rem, 0.8vw, 0.672rem);color:#ffffff;text-shadow:0 0 6px hsl(145 100% 55% / 0.5);line-height:1.1">Jusqu&#x27;à</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(145 100% 72%);text-shadow:0 0 10px hsl(145 100% 55% / 0.55), 0 0 22px hsl(145 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.950rem, 2.370vw, 1.740rem);white-space:nowrap">50 000<span style="font-size:1em"> €</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">Éco-PTZ
à taux zéro</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(145 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(145 100% 55% / 0.45)">En savoir plus →</span></div></div></a><a href="/renovation-ampleur" aria-label="Jusqu&#x27;à 100 % de prise en charge — voir la page rénovation d&#x27;ampleur" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(320 62% 15%) 0%, hsl(320 62% 11%) 50%, hsl(320 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(320 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(320 100% 72% / 0.35),inset 0 0 0 1px hsl(320 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(320 90% 12% / 0.9);--kw-hue:320;--kw-bulb-delay:1.68s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(320 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(320 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(320 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(320 100% 60% / 0.55));transform:translateZ(0)">📋</span><span class="font-semibold absolute z-10 pointer-events-none" style="top:10px;right:10px;font-size:clamp(0.576rem, 0.8vw, 0.672rem);color:#ffffff;text-shadow:0 0 6px hsl(320 100% 55% / 0.5);line-height:1.1">Jusqu&#x27;à</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(320 100% 72%);text-shadow:0 0 10px hsl(320 100% 55% / 0.55), 0 0 22px hsl(320 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.950rem, 2.370vw, 1.740rem);white-space:nowrap">100<span style="font-size:1em">%</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">De Prise
En charge</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(320 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(320 100% 55% / 0.45)">En savoir plus →</span></div></div></a><a href="/nos-zones-intervention" aria-label="Couverture nationale à 100 % — voir nos zones d&#x27;intervention" class="no-underline block relative z-[51] hover:z-[60]"><div class="kw-stat-card kw-holo-ring group flex flex-col items-stretch justify-start rounded-xl relative overflow-hidden cursor-pointer h-full text-center" style="background:linear-gradient(180deg, hsl(15 62% 15%) 0%, hsl(15 62% 11%) 50%, hsl(15 62% 8%) 100%);backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border:1px solid hsl(15 100% 60% / 0.55);box-shadow:inset 0 1.5px 0 hsl(15 100% 72% / 0.35),inset 0 0 0 1px hsl(15 100% 60% / 0.18),0 2px 0 hsl(220 70% 3%),0 14px 26px -8px rgba(0,0,0,0.85),0 22px 46px -18px hsl(15 90% 12% / 0.9);--kw-hue:15;--kw-bulb-delay:2.1s;min-height:clamp(126px, 10.8vw, 156px);padding:32px 10px 12px 10px;transform-origin:center center;opacity:0;filter:blur(4px);transform:translateY(24px) scale(0.95)"><div class="kw-stat-bulb" aria-hidden="true"></div><div class="absolute inset-0 rounded-xl pointer-events-none" style="background:linear-gradient(180deg, hsl(15 100% 60% / 0.12) 0%, transparent 45%)"></div><div class="absolute inset-x-4 top-0 h-px pointer-events-none" style="background:linear-gradient(90deg, transparent 0%, hsl(45 90% 62% / 0.85) 50%, transparent 100%)"></div><svg class="absolute pointer-events-none kw-stat-orbit" viewBox="0 0 100 100" aria-hidden="true" style="left:50%;top:50%;transform:translate(-50%, -50%);width:72%;height:72%;opacity:0.35;filter:drop-shadow(0 0 4px hsl(15 100% 60% / 0.4))"><circle cx="50" cy="50" r="46" fill="none" stroke="hsl(15 100% 72%)" stroke-width="0.6" stroke-dasharray="1.2 3" opacity="0.55"></circle><circle cx="50" cy="50" r="40" fill="none" stroke="hsl(45 90% 62%)" stroke-width="0.35" stroke-dasharray="0.6 4" opacity="0.4"></circle></svg><div class="kw-stat-shine absolute inset-0 pointer-events-none rounded-xl" aria-hidden="true"></div><span class="emoji-pulse absolute z-10 pointer-events-none" style="top:10px;left:10px;font-size:clamp(0.8rem, 1.44vw, 1.056rem);line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.9)) drop-shadow(0 0 5px hsl(15 100% 60% / 0.55));transform:translateZ(0)">📍</span><div class="relative z-10 pointer-events-none self-stretch w-full" style="text-align:center;margin-top:4px"><div style="display:flex;justify-content:center;width:100%;text-align:center;color:hsl(15 100% 72%);text-shadow:0 0 10px hsl(15 100% 55% / 0.55), 0 0 22px hsl(15 100% 50% / 0.35)"><div><div class="font-black leading-tight text-primary" style="text-shadow:0 0 20px hsl(187 100% 50% / 0.4);font-size:clamp(0.950rem, 2.370vw, 1.740rem);white-space:nowrap">100<span style="font-size:1em">%</span></div></div></div></div><p data-fs-exempt="true" class="font-bold uppercase tracking-wider mt-0.5 relative z-10 pointer-events-none" style="font-size:clamp(0.575rem, 1.035vw, 0.604rem);white-space:pre-line;word-break:break-word;text-align:center;width:100%;align-self:stretch;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.9);line-height:1.15">Couverture
nationale</p><div class="relative z-10 mt-auto flex w-full justify-center pt-1 pointer-events-none"><span class="block flex-none text-center font-bold uppercase tracking-wider whitespace-nowrap" style="font-size:0.499rem;line-height:1;color:hsl(15 100% 80%);text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 0 8px hsl(15 100% 55% / 0.45)">En savoir plus →</span></div></div></a></div></div></section><main class="" style="background:transparent"><section class="sr-only" aria-label="Présentation KWANTHIC"><h1>Rénovation énergétique d&#x27;ampleur de logements</h1><p>KWANTHIC accompagne les particuliers dans la rénovation énergétique de leur logement partout en France : pompe à chaleur air/eau, isolation, panneaux solaires, VMC et menuiseries, avec des partenaires certifiés RGE. Travaux, aides et accompagnement : simulation des aides et devis gratuit.</p></section><div class="hidden sm:block"><!--$--><section class="w-full px-2 sm:px-4 lg:px-6 max-w-[1400px] mx-auto pt-3 pb-1 kw-hero-banner" data-kw-hero="true" data-visual-ref="nos-domaines"><div class="flex flex-col gap-4 max-w-[1400px]" style="opacity:0"><div class="kw-holo-ring rounded-2xl relative overflow-hidden min-w-0 flex flex-col order-1 lg:order-1" style="background:radial-gradient(90% 70% at 12% -5%, hsl(187 100% 60% / 0.38), transparent 60%),radial-gradient(85% 65% at 92% 105%, hsl(240 95% 62% / 0.34), transparent 60%),radial-gradient(60% 40% at 50% 50%, hsl(200 60% 20% / 0.20), transparent 70%),linear-gradient(160deg, hsl(218 70% 8%) 0%, hsl(222 78% 5%) 55%, hsl(224 82% 3%) 100%);border:1.5px solid hsl(187 100% 60% / 0.55);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 0 80px hsl(190 100% 55% / 0.22),inset 0 0 40px hsl(240 90% 60% / 0.14),0 22px 60px -14px rgba(0,0,0,0.85),0 0 44px -4px hsl(190 100% 55% / 0.55),0 0 22px -6px hsl(240 90% 60% / 0.35);contain:layout paint;width:100%;max-width:100%;min-height:clamp(440px, 38vw, 560px)"><div aria-hidden="true" style="position:absolute;top:0;left:6%;right:6%;height:2px;background:linear-gradient(90deg, transparent, hsl(187 100% 75% / 1), hsl(187 100% 85% / 1), hsl(187 100% 75% / 1), transparent);box-shadow:0 0 14px hsl(187 100% 65% / 0.95), 0 0 28px hsl(187 100% 60% / 0.6);pointer-events:none;z-index:3;border-radius:999px"></div><div class="flex items-center justify-between gap-2 px-3 pt-2 pb-1"><h2 class="font-bold leading-tight whitespace-nowrap m-0 min-w-0 truncate" style="font-size:1.992rem;background:linear-gradient(155deg, #E3BA2C 0%, #F4D556 22%, #FBEE7B 45%, #FEF686 52%, #F0DF65 68%, #E5BE33 85%, #E3BA2C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia, &#x27;Garamond&#x27;, serif;letter-spacing:0.02em;filter:none;text-shadow:none">Nos Domaines d&#x27;Expertise</h2><div class="flex items-center gap-1 rounded-lg shrink-0" style="background:hsl(222 47% 4% / 0.92);border:1px solid hsl(187 100% 50% / 0.35);padding:4px 6px;box-shadow:0 2px 12px rgba(0,0,0,0.5), 0 0 8px hsl(187 100% 50% / 0.15)"><button type="button" aria-label="Précédent" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" style="color:hsl(195 70% 78%)"><path d="m15 18-6-6 6-6"></path></svg></button><div aria-label="Slide 1 sur 9" style="min-width:44px;padding:3px 8px;border-radius:5px;background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);color:hsl(187 80% 80%);font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center">01<!-- -->/<!-- -->09</div><button type="button" aria-label="Suivant" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" style="color:hsl(195 70% 78%)"><path d="m9 18 6-6-6-6"></path></svg></button><button type="button" aria-label="Pause" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pause" style="color:hsl(195 70% 78%)"><rect x="14" y="4" width="4" height="16" rx="1"></rect><rect x="6" y="4" width="4" height="16" rx="1"></rect></svg></button></div></div><div class="px-3 pb-1 flex-1"><div class="relative w-full rounded-2xl p-4 pb-3 flex flex-col" style="background:radial-gradient(120% 90% at 50% 0%, hsl(187 100% 55% / 0.10), transparent 60%), linear-gradient(160deg, hsl(210 60% 14% / 0.55), hsl(222 50% 8% / 0.45));border:1px solid hsl(187 100% 60% / 0.22);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 32px rgba(0,0,0,0.25), 0 0 30px hsl(187 100% 55% / 0.12), 0 0 0 0.5px hsl(187 100% 60% / 0.18)"><div class="relative"><div data-kw-view="autonomie-energetique" data-kw-view-index="01" data-kw-active="true" style="position:relative"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Autonomie énergétique</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em"> </p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Autonomie énergétique</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em"> </p></div><div data-kw-view="renovation_ampleur" data-kw-view-index="02" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Rénovation énergétique d&#x27;ampleur</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em"> </p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Rénovation d&#x27;ampleur</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em"> </p></div><div data-kw-view="pac-air-eau" data-kw-view-index="03" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Pompe à chaleur Air/Eau</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em">AUX France — Fabrication française, Garantie 10 ans</p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Pompe à chaleur Air/Eau</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em">AUX France — Fabrication française, Garantie 10 ans</p></div><div data-kw-view="pac-air-air" data-kw-view-index="04" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Climatisation Réversible</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em">AUX France — Fabrication française, Garantie 10 ans</p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Climatisation Réversible</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em">AUX France — Fabrication française, Garantie 10 ans</p></div><div data-kw-view="cet" data-kw-view-index="05" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Chauffe-eau Thermodynamique</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em">Fabrication française, garantie 5 ans</p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Chauffe-eau Thermodynamique</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em">Fabrication française, garantie 5 ans</p></div><div data-kw-view="vmc-df" data-kw-view-index="06" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Ventilation</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em"> </p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Ventilation</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em"> </p></div><div data-kw-view="isolation" data-kw-view-index="07" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Isolation Thermique</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em"> </p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Isolation Thermique</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em"> </p></div><div data-kw-view="menuiseries" data-kw-view-index="08" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Menuiseries</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em"> </p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Menuiseries</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em"> </p></div><div data-kw-view="panneaux" data-kw-view-index="09" data-kw-active="false" style="position:absolute;inset:0;opacity:0;pointer-events:none"><h3 class="hidden sm:block font-bold leading-snug uppercase tracking-[0.18em] text-center whitespace-nowrap kw-tablet-home-cta-title mb-1 text-sm" style="--kw-home-cta-title-size:clamp(0.922rem, 1.953vw, 1.406rem);font-size:clamp(0.922rem, 1.953vw, 1.406rem);letter-spacing:0.18em;color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15)">Panneaux photovoltaïques</h3><p class="hidden sm:block text-center font-semibold tracking-[0.08em] mb-1 whitespace-nowrap kw-tablet-home-cta-subtitle" style="font-size:clamp(0.65rem, 1.19vw, 0.9rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);min-height:1.1em">Garantie 30 ans matériel et performance</p><h3 class="sm:hidden flex w-full items-center justify-center font-bold leading-tight uppercase tracking-[0.04em] mt-2.5 mb-1 cta-carousel-subtitle-center" style="font-size:clamp(0.625rem, 3.162vw, 0.925rem);color:hsl(210 40% 96%);text-shadow:0 2px 12px rgba(0,0,0,0.6), 0 0 20px hsl(187 100% 50% / 0.15);text-align:center;max-width:100%;margin-inline:auto;align-self:center;padding-inline:0.2rem;min-height:2.6em">Panneaux photovoltaïques</h3><p class="sm:hidden text-center font-semibold mb-1 px-1 whitespace-nowrap overflow-hidden" style="font-size:clamp(0.55rem, 2.4vw, 0.85rem);color:hsl(187 100% 72%);text-shadow:0 1px 6px rgba(0,0,0,0.5);line-height:1.2;max-width:100%;min-height:1.2em">Garantie 30 ans matériel et performance</p></div></div><div class="flex items-center justify-center flex-1 py-1" style="will-change:opacity;transform:translateZ(0);opacity:1"><div class="relative grid grid-cols-2 gap-1.5 sm:gap-2.5 w-full mx-auto" style="position:relative"><div data-carousel-image-card="true" class="relative overflow-hidden rounded-xl p-0 aspect-[4/3]" style="border:1px solid hsl(187 100% 55% / 0.35);box-shadow:0 0 0 1px hsl(187 100% 60% / 0.15), 0 6px 28px hsl(187 100% 50% / 0.28);background:hsl(222 47% 6%);will-change:opacity;transform:translateZ(0);opacity:1"><div aria-hidden="true" class="absolute inset-0" style="background:transparent"></div><div aria-hidden="true" class="kw-img-placeholder rounded-xl" data-hidden="false"></div><a aria-label="Voir le détail : Autonomie énergétique" class="absolute inset-0 flex items-center justify-center group" href="/autonomie-energetique"><picture class="flex h-full w-full items-center justify-center"><source type="image/avif" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=640&amp;q=72&amp;fm=avif 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=900&amp;q=72&amp;fm=avif 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1200&amp;q=72&amp;fm=avif 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1600&amp;q=72&amp;fm=avif 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1920&amp;q=72&amp;fm=avif 1920w" sizes="(max-width: 1024px) 100vw, 50vw"/><source type="image/webp" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=640&amp;q=72&amp;fm=webp 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=900&amp;q=72&amp;fm=webp 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1200&amp;q=72&amp;fm=webp 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1600&amp;q=72&amp;fm=webp 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1920&amp;q=72&amp;fm=webp 1920w" sizes="(max-width: 1024px) 100vw, 50vw"/><img src="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1200&amp;q=72" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=640&amp;q=72 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=900&amp;q=72 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1200&amp;q=72 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1600&amp;q=72 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F240fa1e0-f47d-40e4-b64e-5b579a26c9d3%2Fautonomie-globe-quantique.png&amp;w=1920&amp;q=72 1920w" sizes="(max-width: 1024px) 100vw, 50vw" alt="Artisans installant un système d&#x27;autonomie énergétique sur un toit français" width="1200" height="675" class="kw-progressive-img block h-full w-full object-cover object-center" data-loaded="false" style="object-fit:cover;object-position:center center;image-rendering:-webkit-optimize-contrast;width:100%;height:100%;filter:saturate(1.18) contrast(1.10) brightness(1.08);transform:translateZ(0);transform-origin:center center;backface-visibility:hidden" loading="eager" decoding="async" data-fit="cover"/></picture></a></div><div data-carousel-image-card="true" class="relative overflow-hidden rounded-xl p-0 aspect-[4/3]" style="border:1px solid hsl(187 100% 55% / 0.35);box-shadow:0 0 0 1px hsl(187 100% 60% / 0.15), 0 6px 28px hsl(187 100% 50% / 0.28);background:hsl(222 47% 6%);will-change:opacity;transform:translateZ(0);opacity:1"><div aria-hidden="true" class="absolute inset-0" style="background:transparent"></div><div aria-hidden="true" class="kw-img-placeholder rounded-xl" data-hidden="false"></div><a aria-label="Voir le détail : Autonomie énergétique" class="absolute inset-0 flex items-center justify-center group" href="/autonomie-energetique"><picture class="flex h-full w-full items-center justify-center"><source type="image/avif" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=640&amp;q=72&amp;fm=avif 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=900&amp;q=72&amp;fm=avif 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1200&amp;q=72&amp;fm=avif 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1600&amp;q=72&amp;fm=avif 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1920&amp;q=72&amp;fm=avif 1920w" sizes="(max-width: 1024px) 100vw, 50vw"/><source type="image/webp" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=640&amp;q=72&amp;fm=webp 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=900&amp;q=72&amp;fm=webp 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1200&amp;q=72&amp;fm=webp 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1600&amp;q=72&amp;fm=webp 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1920&amp;q=72&amp;fm=webp 1920w" sizes="(max-width: 1024px) 100vw, 50vw"/><img src="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1200&amp;q=72" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=640&amp;q=72 640w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=900&amp;q=72 900w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1200&amp;q=72 1200w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1600&amp;q=72 1600w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F1e65ad0e-b1a5-455c-be49-e1e2e9f75188%2Fautonomie-atome-connecte.jpg&amp;w=1920&amp;q=72 1920w" sizes="(max-width: 1024px) 100vw, 50vw" alt="Famille devant sa maison équipée de panneaux solaires en autoconsommation" width="1200" height="675" class="kw-progressive-img block h-full w-full object-cover object-center" data-loaded="false" style="object-fit:cover;object-position:center center;image-rendering:-webkit-optimize-contrast;width:100%;height:100%;filter:saturate(1.18) contrast(1.10) brightness(1.08);transform:translateZ(0);transform-origin:center center;backface-visibility:hidden" loading="lazy" decoding="async" data-fit="cover"/></picture></a></div></div></div></div></div><div class="kw-hero-cta-row mt-auto grid grid-cols-2 items-center gap-3 px-4 pb-3" style="transform:translateY(3mm)"><div class="relative flex w-full justify-center" data-kw-cta-column="left"><a data-kw-detail-index="01" data-kw-active="true" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:relative" href="/autonomie-energetique">📋 Détail<span class="sr-only"> — <!-- -->Autonomie énergétique</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="02" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/renovation-ampleur">📋 Détail<span class="sr-only"> — <!-- -->Rénovation énergétique d&#x27;ampleur</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="03" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/pompe-a-chaleur-air-eau">📋 Détail<span class="sr-only"> — <!-- -->Pompe à chaleur Air/Eau</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="04" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/climatisation-reversible">📋 Détail<span class="sr-only"> — <!-- -->Climatisation Réversible</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="05" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/chauffe-eau-thermodynamique">📋 Détail<span class="sr-only"> — <!-- -->Chauffe-eau Thermodynamique</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="06" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/vmc-double-flux">📋 Détail<span class="sr-only"> — <!-- -->Ventilation</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="07" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/isolation-exterieure">📋 Détail<span class="sr-only"> — <!-- -->Isolation Thermique</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="08" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/fenetres-double-vitrage">📋 Détail<span class="sr-only"> — <!-- -->Menuiseries</span></a><a aria-haspopup="dialog" aria-expanded="false" tabindex="-1" data-kw-detail-index="09" data-kw-active="false" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 170px);position:absolute;inset:0;opacity:0;pointer-events:none" href="/travaux/panneaux-solaires">📋 Détail<span class="sr-only"> — <!-- -->Panneaux photovoltaïques</span></a></div><div class="flex w-full justify-center" data-kw-cta-column="right"><a href="/devis-particulier" class="kw-holo-cta kw-tablet-cta-btn inline-flex items-center justify-center text-center" data-hue="indigo" style="font-size:clamp(0.585rem, 1.56vw, 0.91rem);padding:0.55rem 0.75rem;width:min(100%, 276px)">🚀 Obtenir un devis</a></div></div><div class="px-4 pb-2 text-center" style="font-size:clamp(0.62rem, 1.1vw, 0.78rem);line-height:1.5;opacity:0;pointer-events:none;transition:opacity 0.3s ease"><span style="color:hsl(187 60% 78% / 0.9)">Voir aussi : </span><a tabindex="-1" style="color:hsl(187 100% 72%);text-decoration:underline" href="/pompe-a-chaleur-air-eau-immeuble-habitation">pompe à chaleur air/eau en immeuble d&#x27;habitation</a><span style="color:hsl(187 60% 78% / 0.9)"> · </span><a tabindex="-1" style="color:hsl(187 100% 72%);text-decoration:underline" href="/pompe-a-chaleur-air-eau-autres-batiments">pompe à chaleur air/eau pour les autres bâtiments</a></div></div></div></section><!--/$--></div><!--$--><div class="space-y-0"><section class="kw-nightblue-band py-8 sm:py-12 lg:py-14" aria-labelledby="methode-why-heading"><h2 id="methode-why-heading" class="sr-only">Notre méthode et notre approche KWANTHIC</h2><div class="mx-auto px-2 sm:px-4 lg:px-6 max-w-[1400px]"><div class="kw-aides-holo-scope grid grid-cols-1 lg:grid-cols-2 gap-4 items-stretch"><div class="" style="opacity:0"><div class="h-full flex [&amp;&gt;div]:h-full [&amp;&gt;div]:flex-1" style="height:clamp(560px, 46vw, 640px)"><div class="kw-holo-frame flex flex-col rounded-2xl relative overflow-hidden order-2 lg:order-2 home-estimer-aides-carousel" style="background:linear-gradient(160deg, hsl(219 68% 7%) 0%, hsl(221 72% 5%) 100%);border:1px solid hsl(190 100% 60% / 0.22);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 42px -14px rgba(0,0,0,0.8);flex:1 1 50%;max-width:100%;contain:layout paint;min-height:clamp(440px, 38vw, 560px)"><div aria-hidden="true" style="position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, hsl(190 100% 70% / 0.9), transparent);box-shadow:0 0 10px hsl(190 100% 60% / 0.75);pointer-events:none;z-index:3"></div><div class="flex flex-col flex-1 px-3 pt-3 pb-0 lg:px-4 lg:pt-4 lg:pb-0 home-estimer-aides-carousel__inner" style="min-height:470px;height:100%"><div class="flex items-center justify-between mb-1.5"><h3 class="font-bold leading-tight" style="font-size:1.5rem;background:linear-gradient(155deg, #E3BA2C 0%, #F4D556 22%, #FBEE7B 45%, #FEF686 52%, #F0DF65 68%, #E5BE33 85%, #E3BA2C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia, &#x27;Garamond&#x27;, serif;letter-spacing:0.02em;filter:none;text-shadow:none">Simulateur d&#x27;Aides</h3><div class="flex flex-col items-end gap-1 shrink-0"><div class="flex items-center gap-1 rounded-lg shrink-0" style="background:hsl(222 47% 4% / 0.92);border:1px solid hsl(187 100% 50% / 0.35);padding:4px 6px;box-shadow:0 2px 12px rgba(0,0,0,0.5), 0 0 8px hsl(187 100% 50% / 0.15)"><button type="button" aria-label="Précédent" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" style="color:hsl(195 70% 78%)"><path d="m15 18-6-6 6-6"></path></svg></button><div aria-label="Slide 1 sur 3" style="min-width:44px;padding:3px 8px;border-radius:5px;background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);color:hsl(187 80% 80%);font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center">01<!-- -->/<!-- -->03</div><button type="button" aria-label="Suivant" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" style="color:hsl(195 70% 78%)"><path d="m9 18 6-6-6-6"></path></svg></button><button type="button" aria-label="Pause" style="background:hsl(222 47% 6% / 0.9);border:1px solid hsl(187 100% 50% / 0.3);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pause" style="color:hsl(195 70% 78%)"><rect x="14" y="4" width="4" height="16" rx="1"></rect><rect x="6" y="4" width="4" height="16" rx="1"></rect></svg></button></div></div></div><div style="flex:1 1 auto;display:flex;flex-direction:column"><div style="display:flex;flex-direction:column;flex:1 1 auto;opacity:1;transform:none"><div class="py-1 px-2 mb-1.5 rounded-lg" style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;width:100%;border-top:1px solid hsl(187 100% 50% / 0.06);border-bottom:1px solid hsl(187 100% 50% / 0.06);background:transparent"><span class="whitespace-nowrap" style="color:#FFFFFF;display:inline-flex;align-items:center;gap:2px;font-size:0.78rem;flex:0 0 auto"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> 3 étapes — 2 min</span><span class="whitespace-nowrap" style="color:#FFFFFF;display:inline-flex;align-items:center;gap:2px;font-size:0.78rem;flex:0 0 auto"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield text-primary"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg> MPR · CEE · MPLD</span><span class="whitespace-nowrap" style="color:#FFFFFF;display:inline-flex;align-items:center;gap:2px;font-size:0.78rem;flex:0 0 auto"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Gratuit &amp; sans engagement</span></div><div class="cta-carousel-subtitle-center text-white/85 leading-snug mb-1.5 mx-auto text-center" style="display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;align-self:center;width:100%;margin-left:auto;margin-right:auto;max-width:96%;font-size:clamp(0.72rem, 0.95vw, 0.86rem);opacity:1;transform:none"><span class="cta-carousel-subtitle-center" style="display:block;width:100%;text-align:center">Cliquez ici pour connaître les aides auxquelles vous pouvez prétendre,</span><span class="cta-carousel-subtitle-center" style="display:block;width:100%;text-align:center">MaPrimeRénov&#x27;, CEE, MPLD et bonus 2026.</span></div><div class="relative overflow-hidden rounded-xl" style="flex:1 1 auto;min-height:240px"><div class="absolute inset-0 rounded-xl overflow-hidden" style="border:1px solid hsl(187 100% 50% / 0.25);background:linear-gradient(160deg, #020C1B 0%, #03142E 50%, #020A18 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 32px rgba(0,0,0,0.3)"><div class="w-full h-full" style="opacity:1;transform:none"><img src="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F03233750-865f-4dfc-8c64-f3f02666a655%2Ffamille-aides.webp&amp;w=1000&amp;q=72&amp;fm=avif" srcSet="/.netlify/images?url=%2F__l5e%2Fassets-v1%2F03233750-865f-4dfc-8c64-f3f02666a655%2Ffamille-aides.webp&amp;w=480&amp;q=72&amp;fm=avif 480w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F03233750-865f-4dfc-8c64-f3f02666a655%2Ffamille-aides.webp&amp;w=700&amp;q=72&amp;fm=avif 700w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F03233750-865f-4dfc-8c64-f3f02666a655%2Ffamille-aides.webp&amp;w=1000&amp;q=72&amp;fm=avif 1000w, /.netlify/images?url=%2F__l5e%2Fassets-v1%2F03233750-865f-4dfc-8c64-f3f02666a655%2Ffamille-aides.webp&amp;w=1400&amp;q=72&amp;fm=avif 1400w" sizes="(max-width: 1024px) 100vw, 50vw" alt="Famille satisfaite — pouce levé pour les aides à la rénovation énergétique" loading="lazy" decoding="async" width="1400" height="933" class="block w-full h-full" style="object-fit:cover;object-position:center center;filter:drop-shadow(0 6px 22px rgba(0,0,0,0.45))"/></div></div></div><div class="mt-2 flex flex-nowrap items-center pb-3 gap-2"><a href="/devis-particulier" class="kw-holo-cta flex-1 min-w-0 gap-1.5 px-2 py-2.5" data-hue="cyan" style="font-size:clamp(0.625rem, 1.4375vw, 0.9rem)"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket shrink-0"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Lancer le simulateur d&#x27;aides</a></div></div></div></div></div></div></div><div class="" style="opacity:0"><div class="kw-holo-frame rounded-2xl relative overflow-hidden h-full flex flex-col" data-holo-hue="indigo" style="background:radial-gradient(120% 90% at 100% 0%, hsl(232 100% 62% / 0.24) 0%, transparent 55%),radial-gradient(110% 90% at 0% 100%, hsl(190 100% 55% / 0.20) 0%, transparent 60%),linear-gradient(160deg, hsl(215 65% 9% / 0.92) 0%, hsl(222 70% 5% / 0.96) 100%);border:1px solid hsl(232 100% 70% / 0.35);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),inset 0 0 60px hsl(232 100% 62% / 0.10),0 18px 42px -14px rgba(0,0,0,0.75),0 0 32px -6px hsl(232 100% 62% / 0.35);height:clamp(560px, 46vw, 640px)"><div aria-hidden="true" style="position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, hsl(232 100% 75% / 0.9), transparent);box-shadow:0 0 10px hsl(232 100% 65% / 0.75);pointer-events:none;z-index:3"></div><div class="flex items-center justify-between px-3 sm:px-4 pt-3 pb-2"><h3 class="font-bold leading-tight m-0 truncate" style="font-size:1.5rem;background:linear-gradient(155deg, #E3BA2C 0%, #F4D556 22%, #FBEE7B 45%, #FEF686 52%, #F0DF65 68%, #E5BE33 85%, #E3BA2C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Georgia, &#x27;Garamond&#x27;, serif;letter-spacing:0.02em;filter:none;text-shadow:none">KWANTHIC</h3><div class="flex items-center gap-1 rounded-lg" style="background:rgba(2,10,30,0.7);border:1px solid rgba(0,200,255,0.3);padding:3px 5px"><button type="button" aria-label="Précédent" style="background:rgba(0,30,70,0.85);border:1px solid rgba(0,200,255,0.3);border-radius:4px;padding:5px;cursor:pointer;display:flex"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" style="color:rgba(140,220,255,0.95)"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Pause" style="background:rgba(0,30,70,0.85);border:1px solid rgba(0,200,255,0.3);border-radius:4px;padding:5px;cursor:pointer;display:flex"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pause" style="color:rgba(140,220,255,0.95)"><rect x="14" y="4" width="4" height="16" rx="1"></rect><rect x="6" y="4" width="4" height="16" rx="1"></rect></svg></button><button type="button" aria-label="Suivant" style="background:rgba(0,30,70,0.85);border:1px solid rgba(0,200,255,0.3);border-radius:4px;padding:5px;cursor:pointer;display:flex"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" style="color:rgba(140,220,255,0.95)"><path d="m9 18 6-6-6-6"></path></svg></button><span class="font-mono font-bold px-1.5" style="font-size:0.65rem;color:rgba(140,220,255,0.9)">01<!-- -->/<!-- -->05</span></div></div><div class="flex-1 px-3 sm:px-5 pb-4 relative overflow-hidden"><div data-kw-view="methode" data-kw-view-index="01" data-kw-active="true" class="h-full" style="position:relative;opacity:1;pointer-events:auto;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1);will-change:opacity;transform:translateZ(0)"><div class="h-full flex flex-col"><div class="text-center mb-3 w-full flex flex-col items-center" style="text-align:center"><span class="inline-block px-4 py-1.5 rounded-full font-black uppercase tracking-[0.2em] mb-3" style="font-size:0.875rem;color:hsl(var(--primary));background:hsl(var(--primary) / 0.06);border:1px solid hsl(var(--primary) / 0.15)" data-kw-holo-pill="true">Notre Méthode</span><h3 class="font-black text-foreground mx-auto !text-center w-full" style="font-size:clamp(1.1rem, 2.2vw, 1.55rem);line-height:1.25;text-align:center;max-width:640px;width:100%;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center">Un parcours structuré en 4 étapes</h3><p data-fs-exempt="true" data-align-exempt="true" class="text-muted-foreground mt-1.5 mx-auto leading-snug" style="font-size:clamp(0.76rem, 1.2vw, 0.88rem);line-height:1.35;text-align:center;max-width:640px">Chaque projet KWANTHIC suit une méthodologie rigoureuse pour garantir des résultats mesurables.</p></div><div class="grid grid-cols-2 gap-2 sm:gap-2.5 flex-1 min-h-0"><div class="kw-holo-step-card relative p-2.5 sm:p-3 flex flex-col items-center text-center"><div class="flex items-center justify-center gap-2 mb-1"><span class="emoji-pulse" style="font-size:clamp(1rem, 1.9vw, 1.25rem)">🔍</span><div class="font-black kw-holo-step-num" style="font-size:clamp(1.05rem, 2vw, 1.4rem);line-height:1">01</div></div><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.82rem, 1.35vw, 0.95rem);line-height:1.2;text-align:center">Audit énergétique</h4><p data-fs-exempt="true" data-align-exempt="true" class="text-muted-foreground leading-snug" style="font-size:clamp(0.7rem, 1.1vw, 0.8rem);line-height:1.3;text-align:center">Analyse complète de votre habitat : déperditions, consommation, potentiel d&#x27;amélioration.</p></div><div class="kw-holo-step-card relative p-2.5 sm:p-3 flex flex-col items-center text-center"><div class="flex items-center justify-center gap-2 mb-1"><span class="emoji-pulse" style="font-size:clamp(1rem, 1.9vw, 1.25rem)">💰</span><div class="font-black kw-holo-step-num" style="font-size:clamp(1.05rem, 2vw, 1.4rem);line-height:1">02</div></div><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.82rem, 1.35vw, 0.95rem);line-height:1.2;text-align:center">Simulation des aides</h4><p data-fs-exempt="true" data-align-exempt="true" class="text-muted-foreground leading-snug" style="font-size:clamp(0.7rem, 1.1vw, 0.8rem);line-height:1.3;text-align:center">Calcul précis de MaPrimeRénov&#x27;, CEE, Éco-PTZ et aides locales disponibles.</p></div><div class="kw-holo-step-card relative p-2.5 sm:p-3 flex flex-col items-center text-center"><div class="flex items-center justify-center gap-2 mb-1"><span class="emoji-pulse" style="font-size:clamp(1rem, 1.9vw, 1.25rem)">📊</span><div class="font-black kw-holo-step-num" style="font-size:clamp(1.05rem, 2vw, 1.4rem);line-height:1">03</div></div><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.82rem, 1.35vw, 0.95rem);line-height:1.2;text-align:center">Scénario optimisé</h4><p data-fs-exempt="true" data-align-exempt="true" class="text-muted-foreground leading-snug" style="font-size:clamp(0.7rem, 1.1vw, 0.8rem);line-height:1.3;text-align:center">Proposition chiffrée du meilleur rapport investissement / performance énergétique.</p></div><div class="kw-holo-step-card relative p-2.5 sm:p-3 flex flex-col items-center text-center"><div class="flex items-center justify-center gap-2 mb-1"><span class="emoji-pulse" style="font-size:clamp(1rem, 1.9vw, 1.25rem)">🏗️</span><div class="font-black kw-holo-step-num" style="font-size:clamp(1.05rem, 2vw, 1.4rem);line-height:1">04</div></div><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.82rem, 1.35vw, 0.95rem);line-height:1.2;text-align:center">Réalisation &amp; suivi</h4><p data-fs-exempt="true" data-align-exempt="true" class="text-muted-foreground leading-snug" style="font-size:clamp(0.7rem, 1.1vw, 0.8rem);line-height:1.3;text-align:center">Travaux par des artisans RGE, suivi de chantier et contrôle qualité jusqu&#x27;à la réception.</p></div></div><div class="mt-3 flex flex-col sm:flex-row flex-nowrap gap-2 sm:gap-3 justify-center items-stretch sm:items-center w-full"><a class="kw-holo-cta w-full sm:flex-1" data-hue="cyan" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Estimer mes aides <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="kw-holo-cta w-full sm:flex-1" data-hue="indigo" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier">📋 Obtenir un devis</a></div></div></div><div data-kw-view="why" data-kw-view-index="02" data-kw-active="false" class="h-full" style="position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1);will-change:opacity;transform:translateZ(0);padding:0 0.75rem 1rem"><div class="h-full flex flex-col"><div class="text-center mb-2"><span class="inline-block px-4 py-1 rounded-full font-black uppercase tracking-[0.2em] mb-1" style="font-size:0.875rem;color:hsl(var(--primary));background:hsl(var(--primary) / 0.06);border:1px solid hsl(var(--primary) / 0.15)" data-kw-holo-pill="true">Pourquoi KWANTHIC</span></div><div class="kw-holo-step-card flex-1 min-h-0 mx-auto w-full max-w-[720px] px-4 py-3 sm:px-5 sm:py-3.5 flex flex-col justify-between gap-2"><p data-kw-why-intro="true" class="text-muted-foreground mx-auto leading-relaxed" style="font-size:clamp(0.8rem, 0.62vw + 0.85vh, 1.02rem);line-height:1.45;text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty;max-width:720px">KWANTHIC est une infrastructure moderne de performance énergétique, auto-conjuguée dans notre réalité à 360° de 360°, c&#x27;est à dire à tous les degrés, pour sécuriser, piloter et optimiser chaque projet de rénovation énergétique : de l&#x27;audit initial à la visite technique, de l&#x27;établissement du devis à l&#x27;accompagnement pour le montage des demandes d&#x27;aides, jusqu&#x27;au suivi et à la réalisation des travaux, à leur réception, au suivi de vos installations grâce au contrat d&#x27;entretien proposé.</p><div class="max-w-[640px] mx-auto w-full flex flex-col justify-between flex-1 min-h-0 gap-1.5"><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground" style="font-size:clamp(0.76rem, 0.6vw + 0.8vh, 0.96rem);line-height:1.35">Analyse technique approfondie de votre logement</span></div><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground" style="font-size:clamp(0.76rem, 0.6vw + 0.8vh, 0.96rem);line-height:1.35">Coordination multi-corps de métier certifiés RGE</span></div><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground" style="font-size:clamp(0.76rem, 0.6vw + 0.8vh, 0.96rem);line-height:1.35">Optimisation financière : aides maximisées</span></div><div class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary flex-shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-muted-foreground" style="font-size:clamp(0.76rem, 0.6vw + 0.8vh, 0.96rem);line-height:1.35">Suivi de chantier et contrôle qualité en temps réel</span></div></div></div><div class="kw-holo-step-card mt-2 mx-auto w-full max-w-[720px] px-4 py-2 flex items-center gap-3 flex-shrink-0"><span class="emoji-pulse" style="font-size:clamp(1.05rem, 1.7vw, 1.35rem)">🏅</span><div class="flex-1 min-w-0"><div class="font-black text-foreground" style="font-size:clamp(0.78rem, 1.2vw, 0.9rem);line-height:1.25;text-align:center;text-wrap:balance">En partenariat avec les entreprises<br/>Reconnues Garant de l&#x27;Environnement (RGE)</div></div></div><div class="mt-2 flex flex-col sm:flex-row flex-nowrap gap-2 sm:gap-3 justify-between items-stretch sm:items-center w-full flex-shrink-0"><a class="kw-holo-cta w-full sm:w-auto sm:flex-1" data-hue="cyan" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Simuler mon projet</a><a class="kw-holo-cta w-full sm:w-auto sm:flex-1" data-hue="indigo" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier">En savoir plus</a></div></div></div><div data-kw-view="garanties" data-kw-view-index="03" data-kw-active="false" class="h-full" style="position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1);will-change:opacity;transform:translateZ(0);padding:0 0.75rem 1rem"><div class="h-full flex flex-col"><div class="text-center mb-4"><span class="inline-block px-4 py-1.5 rounded-full font-black uppercase tracking-[0.2em] mb-3" style="font-size:0.875rem;color:hsl(var(--primary));background:hsl(var(--primary) / 0.06);border:1px solid hsl(var(--primary) / 0.15)" data-kw-holo-pill="true">Nos garanties</span></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-2 sm:gap-2.5 flex-1 max-w-[720px] mx-auto w-full"><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">✅</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Partenaires certifiés RGE</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">🛡️</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Garantie décennale</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">📋</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Accompagnement</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">👤</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Interlocuteur unique de A à Z</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">🎯</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Simulation gratuite</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">💎</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Prix transparents</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">⚡</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Devis sous 72 h</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">💰</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Aides maximisées</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">🏗️</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Suivi de chantier dédié</span></div><div class="kw-holo-tile flex items-center gap-2"><span class="flex-shrink-0" style="font-size:1.125rem">⭐</span><span class="text-muted-foreground" style="font-size:clamp(0.9rem, 1.44vw, 1.03rem);line-height:1.45">Satisfaction garantie</span></div></div><div class="mt-4 flex flex-col sm:flex-row flex-nowrap gap-2 sm:gap-3 justify-center items-stretch sm:items-center w-full"><a class="kw-holo-cta w-full sm:flex-1" data-hue="cyan" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Estimer mes aides <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="kw-holo-cta w-full sm:flex-1" data-hue="indigo" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier">📋 Obtenir un devis</a></div></div></div><div data-kw-view="faq" data-kw-view-index="04" data-kw-active="false" class="h-full" style="position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1);will-change:opacity;transform:translateZ(0);padding:0 0.75rem 1rem"><div class="h-full flex flex-col"><div class="text-center mb-3"><span class="inline-block px-4 py-1.5 rounded-full font-black uppercase tracking-[0.2em]" style="font-size:0.875rem;color:hsl(var(--primary));background:hsl(var(--primary) / 0.06);border:1px solid hsl(var(--primary) / 0.15)" data-kw-holo-pill="true">Questions fréquentes</span></div><div class="flex-1 min-h-0 overflow-hidden mx-auto w-full max-w-[980px] grid grid-cols-1 sm:grid-cols-2 grid-rows-3 gap-1.5 sm:gap-2"><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Quelles aides puis-je obtenir pour ma rénovation énergétique en 2026 ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">MaPrimeRénov&#x27; Parcours Accompagné jusqu&#x27;à 32 000 €, CEE selon parcours, Éco-PTZ jusqu&#x27;à 50 000 € à taux zéro, aides locales, et Ma Prime Logement Décent uniquement si le logement est indigne ou très dégradé.</p></div><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Combien coûte une rénovation énergétique ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">De 5 000 € à 60 000 € selon l&#x27;ampleur des travaux. Le reste à charge dépend du profil de revenus, du gain de classes DPE et des aides cumulées (MaPrimeRénov&#x27;, CEE, Éco-PTZ, aides locales).</p></div><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Combien de temps durent les travaux ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">Un geste simple (pompe à chaleur ou isolation) prend 2 à 5 jours. Une rénovation d&#x27;ampleur multi-gestes se réalise en 1 à 2 semaines.</p></div><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Vos artisans sont-ils certifiés ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">Oui, tous nos partenaires sont certifiés RGE (Reconnu Garant de l&#x27;Environnement). Cette certification est obligatoire pour bénéficier des aides de l&#x27;État.</p></div><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Suis-je éligible à MaPrimeRénov&#x27; Parcours Accompagné ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">Le logement doit être une résidence principale achevée depuis plus de 15 ans, occupée au moins 8 mois par an, et le projet doit viser un gain d&#x27;au moins 2 classes DPE avec un accompagnement Mon Accompagnateur Rénov&#x27;.</p></div><div class="kw-holo-step-card px-3 py-1.5 min-h-0 overflow-hidden flex flex-col"><h4 class="font-bold text-foreground mb-1" style="font-size:clamp(0.68rem, 0.88vw, 0.8rem);line-height:1.18">Quel est le délai de versement des aides ?</h4><p data-fs-exempt="true" class="text-muted-foreground" style="font-size:clamp(0.6rem, 0.72vw, 0.66rem);line-height:1.26;text-align:justify;hyphens:auto">MaPrimeRénov&#x27; est versée sous 3 à 6 semaines après dépôt de la facture et validation du dossier ; la prime CEE est réglée sous 4 à 8 semaines après la fin du chantier et le contrôle de conformité.</p></div></div><div class="mt-3 flex flex-col sm:flex-row flex-nowrap gap-2 sm:gap-3 justify-center items-stretch sm:items-center w-full"><a class="kw-holo-cta w-full sm:flex-1" data-hue="cyan" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/faq">❓ Toutes les questions</a><a class="kw-holo-cta w-full sm:flex-1" data-hue="indigo" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/devis-particulier">📋 Obtenir un devis</a></div></div></div><div data-kw-view="equipe" data-kw-view-index="05" data-kw-active="false" class="h-full" style="position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.9s cubic-bezier(0.4,0,0.2,1);will-change:opacity;transform:translateZ(0);padding:0 0.75rem 1rem"><div class="h-full min-h-0 flex flex-col overflow-hidden"><div class="text-center mb-2 flex-shrink-0"><span class="inline-block px-4 py-1.5 rounded-full font-black uppercase tracking-[0.2em]" style="font-size:0.875rem;color:hsl(var(--primary));background:hsl(var(--primary) / 0.06);border:1px solid hsl(var(--primary) / 0.15)" data-kw-holo-pill="true">L&#x27;Équipe KWANTHIC</span><h3 class="font-black text-foreground mx-auto !text-center w-full mt-2" style="font-size:clamp(1rem, 2vw, 1.4rem);line-height:1.25;text-align:center;max-width:640px">L&#x27;humain, notre première énergie</h3></div><div class="flex-1 min-h-0 flex flex-col gap-2 mx-auto w-full max-w-[860px] overflow-hidden"><p class="text-muted-foreground mx-auto w-full" style="font-size:clamp(0.68rem, 0.85vw, 0.8rem);line-height:1.4;text-align:justify;hyphens:auto">Derrière chaque projet KWANTHIC, une équipe pluridisciplinaire réunit l&#x27;expertise technique, réglementaire et financière nécessaire pour sécuriser votre rénovation énergétique de bout en bout.</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-1.5 sm:gap-2 w-full flex-shrink-0"><div class="kw-holo-step-card px-3 py-2 flex items-start gap-2 min-h-0"><span class="flex-shrink-0" style="font-size:1rem">🎓</span><div class="min-w-0"><div class="font-bold text-foreground" style="font-size:clamp(0.7rem, 0.92vw, 0.82rem);line-height:1.2">Ingénieurs &amp; thermiciens</div><div class="text-muted-foreground" style="font-size:clamp(0.62rem, 0.8vw, 0.72rem);line-height:1.3">Audit, calculs 3CL-DPE et dimensionnement.</div></div></div><div class="kw-holo-step-card px-3 py-2 flex items-start gap-2 min-h-0"><span class="flex-shrink-0" style="font-size:1rem">🤝</span><div class="min-w-0"><div class="font-bold text-foreground" style="font-size:clamp(0.7rem, 0.92vw, 0.82rem);line-height:1.2">Conseillers rénovation</div><div class="text-muted-foreground" style="font-size:clamp(0.62rem, 0.8vw, 0.72rem);line-height:1.3">Un interlocuteur unique, du premier appel à la réception.</div></div></div><div class="kw-holo-step-card px-3 py-2 flex items-start gap-2 min-h-0"><span class="flex-shrink-0" style="font-size:1rem">📑</span><div class="min-w-0"><div class="font-bold text-foreground" style="font-size:clamp(0.7rem, 0.92vw, 0.82rem);line-height:1.2">Experts aides &amp; financement</div><div class="text-muted-foreground" style="font-size:clamp(0.62rem, 0.8vw, 0.72rem);line-height:1.3">Montage MaPrimeRénov&#x27;, CEE et Éco-PTZ.</div></div></div><div class="kw-holo-step-card px-3 py-2 flex items-start gap-2 min-h-0"><span class="flex-shrink-0" style="font-size:1rem">🏗️</span><div class="min-w-0"><div class="font-bold text-foreground" style="font-size:clamp(0.7rem, 0.92vw, 0.82rem);line-height:1.2">Conducteurs de travaux</div><div class="text-muted-foreground" style="font-size:clamp(0.62rem, 0.8vw, 0.72rem);line-height:1.3">Pilotage des artisans RGE et contrôle qualité.</div></div></div></div><div class="kw-holo-step-card flex-1 min-h-0 overflow-hidden flex items-center justify-center p-2" style="min-height:0;max-width:100%;flex-basis:0"><img src="/__l5e/assets-v1/0d5e493d-2a88-41b3-9613-f01ff4ff0a9e/equipe-kwanthic.png" alt="L&#x27;équipe KWANTHIC : ingénieurs, conseillers rénovation et conducteurs de travaux" loading="lazy" decoding="async" class="block" style="width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center"/></div></div><div class="mt-4 flex-shrink-0 flex flex-col sm:flex-row flex-nowrap gap-2 sm:gap-3 justify-center items-stretch sm:items-center w-full"><a class="kw-holo-cta w-full sm:flex-1" data-hue="cyan" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/rendez-vous"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg> Parler à un expert</a><a class="kw-holo-cta w-full sm:flex-1" data-hue="indigo" style="font-size:clamp(0.62rem, 1.1vw, 0.76rem)" href="/presentation">👥 Découvrir KWANTHIC</a></div></div></div></div></div></div></div></div></section></div><!--/$--></main><!--$!--><template data-msg="The server did not finish this Suspense boundary: The server used &quot;renderToString&quot; which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to &quot;renderToPipeableStream&quot; which supports Suspense on the server" data-stck="
    at Suspense
    at Index (/opt/build/repo/src/pages/Index.tsx:47:44)
    at Router (/opt/build/repo/node_modules/react-router/dist/umd/react-router.development.js:1207:17)
    at StaticRouter (/opt/build/repo/node_modules/react-router-dom/server.js:35:3)
    at _HelmetProvider (/opt/build/repo/node_modules/react-helmet-async/lib/index.esm.js:456:5)"></template><!--/$--></div>
    <script>
      (function () {
        // Purge immédiate de l'ancien flag de debug persistant (legacy).
        // Avant avril 2026, le flag `kwanthic_coherence_debug` était lu
        // depuis localStorage et restait actif pour toujours, ce qui
        // faisait surgir les panneaux de debug à chaque navigation.
        // Désormais ce flag n'est lu que depuis sessionStorage : on
        // efface ici toute valeur résiduelle pour les visiteurs qui
        // l'avaient activée sur leur poste.
        try { localStorage.removeItem("kwanthic_coherence_debug"); } catch (e) {}
        window.__KWAN_HYDRATED__ = false;
        window.addEventListener("error", function (e) {
          var msg = (e && (e.message || "")) + "";
          if (/Loading chunk|Failed to fetch dynamically imported module|ChunkLoadError|MIME type/i.test(msg)) {
            if (!sessionStorage.getItem("kwan_reloaded")) {
              sessionStorage.setItem("kwan_reloaded", "1");
              location.reload();
            }
          }
        });
        // Clear the reload guard once hydration succeeds
        var clearGuard = setInterval(function () {
          if (window.__KWAN_HYDRATED__) {
            sessionStorage.removeItem("kwan_reloaded");
            clearInterval(clearGuard);
          }
        }, 500);
      })();
    </script>
  </body>
</html>
