Outiref

Code source de l'URL : https://devis-isolation-suisse.ch

<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#2f7dc2"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="preconnect" href="https://images.unsplash.com" crossorigin><link rel="canonical" href="https://devis-isolation-suisse.ch/"><meta name="robots" content="index, follow"><title>Devis Isolation Suisse | Comparez les artisans qualifiés</title><meta name="description" content="Comparez gratuitement les devis d'artisans certifiés pour l'isolation thermique et phonique de votre logement en Suisse. Demandez votre étude gratuite."><meta property="og:type" content="website"><meta property="og:site_name" content="Devis Isolation Suisse"><meta property="og:locale" content="fr_CH"><meta property="og:title" content="Devis Isolation Suisse | Comparez les artisans qualifiés"><meta property="og:description" content="Comparez gratuitement les devis d'artisans certifiés pour l'isolation thermique et phonique de votre logement en Suisse. Demandez votre étude gratuite."><meta property="og:url" content="https://devis-isolation-suisse.ch/"><meta property="og:image" content="https://devis-isolation-suisse.ch/favicon.svg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Devis Isolation Suisse | Comparez les artisans qualifiés"><meta name="twitter:description" content="Comparez gratuitement les devis d'artisans certifiés pour l'isolation thermique et phonique de votre logement en Suisse. Demandez votre étude gratuite."><meta name="twitter:image" content="https://devis-isolation-suisse.ch/favicon.svg"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://devis-isolation-suisse.ch/#organization","name":"Devis Isolation Suisse","url":"https://devis-isolation-suisse.ch","description":"Réseau et comparateur de référence d'artisans qualifiés certifiés en Suisse : devis d'isolation gratuits, comparez près de chez vous.","areaServed":{"@type":"Country","name":"Suisse"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://devis-isolation-suisse.ch/#website","url":"https://devis-isolation-suisse.ch","name":"Devis Isolation Suisse","publisher":{"@id":"https://devis-isolation-suisse.ch/#organization"},"inLanguage":"fr-CH"}</script><link rel="stylesheet" href="/_astro/BaseLayout.Bj0vgn0u.css"></head> <body class="flex min-h-screen flex-col font-sans"> <header class="sticky top-0 z-50 border-b border-slate-100 bg-white/80 backdrop-blur"> <div class="mx-auto flex max-w-6xl items-center justify-between px-6 py-4"> <a href="/" class="group inline-flex items-center gap-2.5" aria-label="Devis Isolation Suisse — retour à l'accueil"> <svg width="34" height="34" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="flex-none"> <rect width="40" height="40" rx="10" fill="#0f172a"></rect> <path d="M9 21 20 10l11 11" stroke="#f8fafc" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13 19.5v10a1.5 1.5 0 0 0 1.5 1.5h1" stroke="#f8fafc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M27 19.5v10a1.5 1.5 0 0 1-1.5 1.5h-1" stroke="#f8fafc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M20 21 26 23.5V29c0 3.5-2.5 5.7-6 7-3.5-1.3-6-3.5-6-7v-5.5Z" fill="#059669" stroke="#0f172a" stroke-width="1"></path> <path d="m17.3 28.4 2 2L23 26" stroke="#f8fafc" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" fill="none"></path> </svg> <span class="text-lg font-bold tracking-tight text-alpin-900">
Devis Isolation <span class="text-brand-600">Suisse</span> </span> </a> <nav aria-label="Navigation principale" class="hidden items-center gap-2 text-sm font-medium text-slate-600 lg:flex"> <div class="group relative"> <button type="button" class="flex items-center gap-1 rounded-lg px-3 py-2 transition-colors hover:text-brand-600 group-[.is-open]:text-brand-600" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger>
Nos Prestations
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform group-[.is-open]:rotate-180"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div class="invisible absolute left-0 top-full z-50 mt-1 w-72 rounded-xl border border-slate-100 bg-white p-2 opacity-0 shadow-lg transition-all duration-150 group-hover:visible group-hover:opacity-100 group-[.is-open]:visible group-[.is-open]:opacity-100" data-dropdown-panel> <a href="/services/isolation-combles" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation des combles </a><a href="/services/isolation-facade" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation des façades </a><a href="/services/isolation-sols" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation des sols </a><a href="/services/isolation-murs-interieurs" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation des murs intérieurs </a><a href="/services/isolation-toiture" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation de toiture </a><a href="/services/isolation-thermique" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation thermique </a><a href="/services/isolation-phonique" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation phonique </a><a href="/services/isolation-aerogel" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Façade isolation aérogel </a><a href="/services/isolation-chalet" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700"> Isolation de chalet </a> </div> </div> <div class="group relative"> <button type="button" class="flex items-center gap-1 rounded-lg px-3 py-2 transition-colors hover:text-brand-600 group-[.is-open]:text-brand-600" aria-haspopup="true" aria-expanded="false" data-dropdown-trigger>
Nos Villes
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform group-[.is-open]:rotate-180"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div class="invisible absolute left-0 top-full z-50 mt-1 w-64 rounded-xl border border-slate-100 bg-white p-2 opacity-0 shadow-lg transition-all duration-150 group-hover:visible group-hover:opacity-100 group-[.is-open]:visible group-[.is-open]:opacity-100" data-dropdown-panel> <a href="/entreprise-isolation-geneve" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Genève </a><a href="/entreprise-isolation-lausanne" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Lausanne </a><a href="/entreprise-isolation-zurich" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Zurich </a><a href="/entreprise-isolation-berne" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Berne </a><a href="/entreprise-isolation-bale" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Bâle </a><a href="/entreprise-isolation-fribourg" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Fribourg </a><a href="/entreprise-isolation-valais" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Valais </a><a href="/entreprise-isolation-neuchatel" class="block rounded-lg px-3 py-2 text-slate-600 transition-colors hover:bg-brand-50 hover:text-brand-700">
Isolation à Neuchâtel </a> <a href="/villes" class="mt-1 block rounded-lg border-t border-slate-100 px-3 py-2 pt-3 text-sm font-medium text-brand-600 hover:text-brand-700">
Toutes les villes desservies
</a> </div> </div> </nav> <div class="flex items-center gap-2"> <a href="/contact" class="whitespace-nowrap rounded-xl bg-brand-600 px-3 py-2 text-sm font-semibold text-white shadow-soft transition-colors hover:bg-brand-700 sm:px-4"> <span class="sm:hidden">Devis gratuit</span> <span class="hidden sm:inline">Demander mon devis gratuit</span> </a> <button type="button" class="inline-flex items-center justify-center rounded-lg p-2 text-alpin-700 hover:bg-slate-100 lg:hidden" aria-expanded="false" aria-controls="mobile-menu" aria-label="Ouvrir le menu de navigation" data-mobile-menu-trigger> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" data-icon-open> <path d="M4 7h16M4 12h16M4 17h16"></path> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden h-6 w-6" data-icon-close> <path d="M18 6 6 18M6 6l12 12"></path> </svg> </button> </div> </div> <div id="mobile-menu" class="hidden border-t border-slate-100 bg-white lg:hidden" data-mobile-menu> <div class="max-h-[calc(100vh-4rem)] overflow-y-auto px-6 py-4"> <details class="group border-b border-slate-100 py-2"> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-medium text-alpin-800 marker:content-none">
Nos Prestations
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-slate-400 transition-transform group-open:rotate-180"> <path d="m6 9 6 6 6-6"></path> </svg> </summary> <div class="space-y-1 pb-2 pl-3"> <a href="/services/isolation-combles" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation des combles </a><a href="/services/isolation-facade" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation des façades </a><a href="/services/isolation-sols" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation des sols </a><a href="/services/isolation-murs-interieurs" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation des murs intérieurs </a><a href="/services/isolation-toiture" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation de toiture </a><a href="/services/isolation-thermique" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation thermique </a><a href="/services/isolation-phonique" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation phonique </a><a href="/services/isolation-aerogel" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Façade isolation aérogel </a><a href="/services/isolation-chalet" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700"> Isolation de chalet </a> </div> </details> <details class="group border-b border-slate-100 py-2"> <summary class="flex cursor-pointer list-none items-center justify-between py-2 font-medium text-alpin-800 marker:content-none">
Nos Villes
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-slate-400 transition-transform group-open:rotate-180"> <path d="m6 9 6 6 6-6"></path> </svg> </summary> <div class="space-y-1 pb-2 pl-3"> <a href="/entreprise-isolation-geneve" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Genève </a><a href="/entreprise-isolation-lausanne" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Lausanne </a><a href="/entreprise-isolation-zurich" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Zurich </a><a href="/entreprise-isolation-berne" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Berne </a><a href="/entreprise-isolation-bale" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Bâle </a><a href="/entreprise-isolation-fribourg" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Fribourg </a><a href="/entreprise-isolation-valais" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Valais </a><a href="/entreprise-isolation-neuchatel" class="block rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-brand-50 hover:text-brand-700">
Isolation à Neuchâtel </a> <a href="/villes" class="block rounded-lg px-3 py-2 text-sm font-medium text-brand-600 hover:text-brand-700">
Toutes les villes desservies
</a> </div> </details> <a href="/contact" class="mt-4 block rounded-xl bg-brand-600 px-4 py-2.5 text-center text-sm font-semibold text-white shadow-soft transition-colors hover:bg-brand-700">
Demander mon devis gratuit
</a> </div> </div> </header> <main class="flex-1"> <article class="contents">  <section class="mx-auto max-w-6xl px-6 py-16 sm:py-20"> <div class="grid gap-12 lg:grid-cols-[1.05fr_0.95fr] lg:items-start"> <div> <h1 class="text-4xl font-extrabold tracking-tight text-alpin-900 sm:text-5xl">
Trouvez le meilleur devis <span class="text-brand-600">d'isolation</span> en Suisse
</h1> <p class="mt-6 text-lg leading-relaxed text-slate-600">
Comparez gratuitement les offres de professionnels qualifiés près de chez vous. Que
          votre projet concerne l'isolation thermique, phonique, des combles ou d'une façade
          entière, nos artisans partenaires interviennent dans toute la Suisse romande et
          alémanique, en s'appuyant sur les normes énergétiques suisses en vigueur.
</p> <div class="mt-8"> <div class="flex flex-wrap items-center gap-x-8 gap-y-3"> <div class="flex items-center gap-2 text-sm font-medium text-alpin-600"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 flex-none text-brand-600"><path d="M12 2 3 6v6c0 5 4 8.5 9 10 5-1.5 9-5 9-10V6Z" /><path d="m9 12 2 2 4-4" /></svg> Artisans certifiés SIA </div><div class="flex items-center gap-2 text-sm font-medium text-alpin-600"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 flex-none text-brand-600"><path d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z" /></svg> Normes énergétiques suisses 2026 </div><div class="flex items-center gap-2 text-sm font-medium text-alpin-600"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 flex-none text-brand-600"><rect x="3" y="8" width="18" height="4" /><path d="M12 8v13" /><path d="M19 12v9H5v-9" /><path d="M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5" /></svg> Devis 100% gratuit </div> </div> </div> <div class="mt-10 overflow-hidden rounded-2xl shadow-soft"> <img src="https://images.unsplash.com/photo-1653280679689-078c04c417a1?fm=webp&amp;q=80&amp;w=1200&amp;fit=crop" alt="Équipe d’ouvriers professionnels sur un chantier de rénovation" loading="eager" fetchpriority="high" width="1200" height="800" class="h-56 w-full object-cover sm:h-72"> </div> </div> <div class="js-devis-form rounded-2xl border border-slate-100 bg-white p-6 shadow-soft sm:p-8"> <h2 class="text-xl font-bold text-alpin-900">Recevez votre devis d&#39;isolation gratuit en Suisse</h2> <div class="mt-6"> <div class="flex items-center justify-between text-sm font-medium text-slate-500"> <span class="js-step-label">Étape 1 sur 3</span> <span>Type de travaux</span> </div> <div class="mt-2 h-2 w-full overflow-hidden rounded-full bg-slate-100"> <div class="js-progress-bar h-full w-1/3 rounded-full bg-brand-600 transition-all duration-300" role="progressbar" aria-valuemin="1" aria-valuemax="3" aria-valuenow="1" aria-label="Progression du formulaire de devis"></div> </div> </div> <form class="js-form mt-8" novalidate> <div class="hidden" aria-hidden="true"> <label for="devis-website">Ne pas remplir ce champ</label> <input id="devis-website" type="text" name="website" tabindex="-1" autocomplete="off"> </div> <fieldset data-step="1" class="space-y-4"> <legend class="text-lg font-semibold text-alpin-900">
Quel type de travaux souhaitez-vous réaliser ? <span class="text-red-500">*</span> </legend> <div class="grid grid-cols-2 gap-3 lg:grid-cols-4"> <label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-thermique" class="sr-only" required checked> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M12 3v10.5a3.5 3.5 0 1 1-2 0V3a1 1 0 0 1 2 0Z" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Isolation thermique </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-phonique" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M4 10v4" /><path d="M8 6v12" /><path d="M12 3v18" /><path d="M16 6v12" /><path d="M20 10v4" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Isolation phonique / acoustique </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-combles" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M3 12 12 4l9 8" /><path d="M6 10v10h12V10" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Isolation des combles </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-aerogel" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M12 2 9.5 9.5 2 12l7.5 2.5L12 22l2.5-7.5L22 12l-7.5-2.5Z" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Façade &amp; Aérogel </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-chalet" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="m3 19 6-10 4 6 2-3 6 7Z" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Isolation chalet &amp; vieux bois </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="toit-terrasse" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><rect x="4" y="10" width="16" height="8" rx="1" /><path d="M8 10V6h8v4" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Toit terrasse </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="vide-sanitaire" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M12 3v12" /><path d="m7 10 5 5 5-5" /><path d="M4 21h16" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Vide sanitaire </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_travaux" value="isolation-anti-feu" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="M12 2c1 4-4 5-4 9a4 4 0 0 0 8 0c0-2-1-3-1-3s1 2-1 2-2-3 0-5c0 0 3 1 3 6a5 5 0 0 1-10 0c0-5 4-6 5-9Z" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Isolation anti-feu </span> </label> </div> </fieldset> <fieldset data-step="2" hidden class="space-y-8"> <legend class="sr-only">Caractéristiques du chantier</legend> <div> <h3 class="text-lg font-semibold text-alpin-900">
Type de bâtiment <span class="text-red-500">*</span> </h3> <div class="mt-4 grid grid-cols-2 gap-3 lg:grid-cols-4"> <label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_batiment" value="maison-individuelle" class="sr-only" required checked> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="m3 11 9-8 9 8" /><path d="M5 10v10h14V10" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Maison individuelle </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_batiment" value="immeuble-ppe" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><rect x="5" y="3" width="14" height="18" rx="1" /><path d="M9 8h.01M15 8h.01M9 12h.01M15 12h.01M9 16h.01M15 16h.01" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Immeuble / PPE </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_batiment" value="chalet" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><path d="m3 19 6-10 4 6 2-3 6 7Z" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Chalet </span> </label><label class="group flex cursor-pointer flex-col items-center gap-2 rounded-xl border-2 border-slate-200 p-4 text-center transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50"> <input type="radio" name="type_batiment" value="batiment-commercial" class="sr-only" required> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-slate-400 group-has-[:checked]:text-brand-600"><rect x="3" y="7" width="18" height="13" rx="2" /><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /></svg> <span class="text-xs font-medium leading-tight text-slate-700 group-has-[:checked]:text-brand-700"> Bâtiment commercial </span> </label> </div> </div> <div> <h3 class="text-lg font-semibold text-alpin-900">
Surface estimée <span class="text-red-500">*</span> </h3> <div class="mt-4 flex flex-wrap gap-3"> <label class="group cursor-pointer rounded-full border-2 border-slate-200 px-5 py-2.5 text-sm font-medium text-slate-600 transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-600 has-[:checked]:text-white"> <input type="radio" name="surface" value="<50" class="sr-only" required> &lt; 50 m² </label><label class="group cursor-pointer rounded-full border-2 border-slate-200 px-5 py-2.5 text-sm font-medium text-slate-600 transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-600 has-[:checked]:text-white"> <input type="radio" name="surface" value="50-100" class="sr-only" required> 50 - 100 m² </label><label class="group cursor-pointer rounded-full border-2 border-slate-200 px-5 py-2.5 text-sm font-medium text-slate-600 transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-600 has-[:checked]:text-white"> <input type="radio" name="surface" value="100-200" class="sr-only" required> 100 - 200 m² </label><label class="group cursor-pointer rounded-full border-2 border-slate-200 px-5 py-2.5 text-sm font-medium text-slate-600 transition-colors has-[:checked]:border-brand-600 has-[:checked]:bg-brand-600 has-[:checked]:text-white"> <input type="radio" name="surface" value=">200" class="sr-only" required> &gt; 200 m² </label> </div> </div> <div> <label for="devis-code-postal" class="text-lg font-semibold text-alpin-900">
Code postal / Canton <span class="text-red-500">*</span> </label> <input id="devis-code-postal" type="text" name="code_postal" required placeholder="1200 Genève, 1000 Lausanne, 1950 Sion..." class="mt-4 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"> </div> </fieldset> <fieldset data-step="3" hidden class="space-y-5"> <legend class="text-lg font-semibold text-alpin-900">Vos coordonnées pour l'étude</legend> <div class="grid gap-5 sm:grid-cols-2"> <div> <label for="devis-prenom" class="block text-sm font-medium text-slate-700">
Prénom <span class="text-red-500">*</span> </label> <input id="devis-prenom" type="text" name="prenom" required autocomplete="given-name" class="mt-1 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"> </div> <div> <label for="devis-nom" class="block text-sm font-medium text-slate-700">
Nom <span class="text-red-500">*</span> </label> <input id="devis-nom" type="text" name="nom" required autocomplete="family-name" class="mt-1 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"> </div> </div> <div> <label for="devis-email" class="block text-sm font-medium text-slate-700">
E-mail <span class="text-red-500">*</span> </label> <input id="devis-email" type="email" name="email" required autocomplete="email" placeholder="prenom.nom@exemple.ch" class="mt-1 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"> </div> <div> <label for="devis-telephone" class="block text-sm font-medium text-slate-700">
Téléphone suisse <span class="text-red-500">*</span> </label> <input id="devis-telephone" type="tel" name="telephone" required autocomplete="tel" placeholder="+41 79 123 45 67" pattern="^(\+41|0041|0)[-.\s]?[1-9]([-.\s]?\d){8}$" title="Merci de saisir un numéro de téléphone suisse valide, ex: +41 79 123 45 67" class="mt-1 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"> </div> <div> <label for="devis-message" class="block text-sm font-medium text-slate-700">
Précisions sur votre projet
</label> <textarea id="devis-message" name="message" rows="3" class="mt-1 w-full rounded-xl border border-slate-200 px-4 py-2.5 text-slate-800 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-2 focus:ring-brand-200"></textarea> </div> </fieldset> <div class="mt-8 flex items-center justify-between gap-4"> <button type="button" class="js-prev hidden rounded-xl border border-slate-200 px-5 py-2.5 text-sm font-semibold text-slate-600 transition-colors hover:border-slate-300 hover:bg-slate-50">
Précédent
</button> <div class="ml-auto flex gap-3"> <button type="button" class="js-next rounded-xl bg-brand-600 px-6 py-2.5 text-sm font-semibold text-white shadow-soft transition-colors hover:bg-brand-700">
Suivant
</button> <button type="submit" class="js-submit hidden rounded-xl bg-brand-600 px-6 py-2.5 text-sm font-semibold text-white shadow-soft transition-colors hover:bg-brand-700 disabled:cursor-not-allowed disabled:opacity-60">
Envoyer ma demande
</button> </div> </div> <p class="js-error mt-4 hidden rounded-lg bg-red-50 px-4 py-3 text-sm text-red-600" role="alert">
Une erreur est survenue lors de l'envoi. Merci de réessayer, ou contactez-nous directement.
</p> <ul class="mt-6 space-y-2 border-t border-slate-100 pt-6 text-sm text-slate-500"> <li class="flex items-start gap-2"> <span class="text-brand-600">✓</span> Devis gratuit et sans engagement
</li> <li class="flex items-start gap-2"> <span class="text-brand-600">✓</span> Entreprises certifiées aux normes suisses (CECB / Programme Bâtiments)
</li> <li class="flex items-start gap-2"> <span class="text-brand-600">✓</span> Traitement et réponse rapide
</li> </ul> </form> <div class="js-success hidden text-center" role="status"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="mx-auto h-12 w-12 text-brand-600"> <circle cx="12" cy="12" r="10"></circle> <path d="m8 12 3 3 5-6"></path> </svg> <h3 class="mt-4 text-lg font-bold text-alpin-900">Votre demande a bien été envoyée</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">
Merci ! Un membre de notre équipe revient vers vous très prochainement avec votre étude
      personnalisée.
</p> </div> </div> <!-- CSP note: this inline script's SHA-256 hash is allow-listed in vercel.json's
     Content-Security-Policy (script-src). Editing this script changes its hash —
     regenerate and update vercel.json, or the script will be silently blocked. --> <script type="module">function e(e){let t=e.querySelector(`.js-form`),n=Array.from(e.querySelectorAll(`fieldset[data-step]`)),r=n.length,i=e.querySelector(`.js-progress-bar`),a=e.querySelector(`.js-step-label`),o=e.querySelector(`.js-prev`),s=e.querySelector(`.js-next`),c=e.querySelector(`.js-submit`),l=e.querySelector(`.js-error`),u=e.querySelector(`.js-success`);if(!t||!i||!a||!o||!s||!c)return;let d=i,f=a,p=o,m=s,h=c,g=1;function _(){n.forEach(e=>{e.hidden=Number(e.dataset.step)!==g}),d.style.width=`${g/r*100}%`,d.setAttribute(`aria-valuenow`,String(g)),f.textContent=`Étape ${g} sur ${r}`,p.classList.toggle(`hidden`,g===1),m.classList.toggle(`hidden`,g===r),h.classList.toggle(`hidden`,g!==r)}function v(){let e=n[g-1];return e?e.querySelector(`:invalid`):null}m.addEventListener(`click`,()=>{let e=v();if(e){`reportValidity`in e&&e.reportValidity();return}g=Math.min(g+1,r),_()}),p.addEventListener(`click`,()=>{g=Math.max(g-1,1),_()}),t.addEventListener(`submit`,async e=>{e.preventDefault();let n=v();if(n){`reportValidity`in n&&n.reportValidity();return}let r=t.querySelector(`input[name="website"]`);if(r&&r.value)return;l?.classList.add(`hidden`),h.disabled=!0;let i=h.textContent;h.textContent=`Envoi en cours...`;try{let e=Object.fromEntries(new FormData(t).entries());if(!(await fetch(`/api/contact`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e)})).ok)throw Error(`request-failed`);t.hidden=!0,u?.classList.remove(`hidden`)}catch{l?.classList.remove(`hidden`),h.disabled=!1,h.textContent=i}}),_()}document.querySelectorAll(`.js-devis-form`).forEach(e);</script> </div> </section> <section class="border-y border-slate-100 bg-slate-50"> <div class="mx-auto max-w-4xl px-6 py-16"> <h2 class="text-2xl font-bold text-alpin-900 sm:text-3xl">
Pourquoi isoler son logement en Suisse ?
</h2> <div class="mt-6 space-y-4 leading-relaxed text-slate-600"> <p>
Le climat suisse impose des exigences particulières aux bâtiments : hivers rigoureux en
          altitude, bise et vents froids sur le Plateau, humidité persistante autour des lacs et
          amplitudes thermiques marquées en montagne. Dans ce contexte, une isolation performante
          n'est pas un luxe mais une nécessité, à la fois pour le confort des occupants et pour la
          maîtrise des coûts de chauffage, qui représentent souvent le premier poste de dépense
          énergétique d'un ménage.
</p> <p>
Au-delà du confort, l'isolation thermique est aussi un enjeu réglementaire. Les cantons
          suisses, à travers le Modèle de prescriptions énergétiques des cantons (MuKEn), fixent
          des exigences de performance croissantes pour les bâtiments neufs comme pour les
          rénovations. Un bâtiment mal isolé perd non seulement en confort et en valeur, mais peut
          aussi se retrouver en difficulté pour respecter les standards énergétiques applicables
          lors d'une revente ou d'une mise en location.
</p> <p>
C'est pourquoi la Confédération et les cantons ont mis en place des dispositifs de
          soutien concrets — au premier rang desquels le Programme Bâtiments — pour accompagner
          financièrement les propriétaires dans leurs travaux de rénovation énergétique. Combinés
          à un diagnostic CECB et, le cas échéant, à une ambition de label Minergie, ces outils
          permettent d'aborder un projet d'isolation de façon structurée plutôt qu'au hasard des
          devis. C'est exactement l'accompagnement que nos artisans partenaires proposent à chaque
          demande de devis : une analyse du bâtiment, une proposition technique adaptée, et une
          vision claire des aides mobilisables avant même le début du chantier.
</p> </div> </div> </section> <section class="mx-auto max-w-6xl px-6 py-16"> <h2 class="text-2xl font-bold text-alpin-900 sm:text-3xl">Nos services d'isolation</h2> <p class="mt-4 max-w-2xl text-slate-600">
Neuf domaines d'expertise, du chantier de rénovation classique aux solutions les plus
      techniques comme l'isolation par aérogel.
</p> <div class="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"> <a href="/services/isolation-combles" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <img src="https://images.unsplash.com/photo-1753460133435-bf41927f77f7?fm=webp&amp;q=80&amp;w=800&amp;fit=crop" alt="Combles avec isolant thermique visible entre les poutres en bois" loading="lazy" width="800" height="600" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation des combles </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Réduisez vos pertes de chaleur par le toit et faites baisser votre facture d&#39;énergie. </p> </div> </a><a href="/services/isolation-facade" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <img src="https://images.unsplash.com/photo-1693639767415-27ff64ce4da2?fm=webp&amp;q=80&amp;w=800&amp;fit=crop" alt="Maison en travaux avec échafaudage pour isolation de façade" loading="lazy" width="800" height="600" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation des façades </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Améliorez le confort et la valeur de votre bien avec une isolation extérieure. </p> </div> </a><a href="/services/isolation-sols" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-linear-to-br from-alpin-900 via-alpin-800 to-brand-800" aria-hidden="true"> <div class="absolute -right-6 -top-6 h-24 w-24 rounded-full bg-white/5"></div> <div class="absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/5"></div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="relative h-14 w-14 text-brand-300"><path d="M7 30h26" /><path d="M7 24h26" /><path d="M7 18h26" /><path d="m14 11 6-4 6 4" /></svg> </div> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation des sols </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Une solution efficace contre le froid remontant du sous-sol ou du garage. </p> </div> </a><a href="/services/isolation-murs-interieurs" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-linear-to-br from-brand-900 via-alpin-900 to-alpin-800" aria-hidden="true"> <div class="absolute -right-6 -top-6 h-24 w-24 rounded-full bg-white/5"></div> <div class="absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/5"></div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="relative h-14 w-14 text-brand-300"><path d="M7 11h12v6H7z" /><path d="M19 11h14v6H19z" /><path d="M7 17h8v6H7z" /><path d="M15 17h14v6H15z" /><path d="M7 23h12v6H7z" /><path d="M19 23h14v6H19z" /></svg> </div> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation des murs intérieurs </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Gagnez en confort thermique et acoustique sans toucher à la façade. </p> </div> </a><a href="/services/isolation-toiture" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <img src="https://images.unsplash.com/photo-1763665814538-8ba04597286c?fm=webp&amp;q=80&amp;w=800&amp;fit=crop" alt="Ouvriers posant des tuiles lors de travaux d'isolation de toiture" loading="lazy" width="800" height="600" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation de toiture </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Une toiture bien isolée pour un confort été comme hiver. </p> </div> </a><a href="/services/isolation-thermique" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-linear-to-br from-brand-800 via-alpin-950 to-alpin-900" aria-hidden="true"> <div class="absolute -right-6 -top-6 h-24 w-24 rounded-full bg-white/5"></div> <div class="absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/5"></div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="relative h-14 w-14 text-brand-300"><path d="M20 6v18.5a5 5 0 1 1-4 0V6a2 2 0 0 1 4 0Z" /></svg> </div> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation thermique </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Optimisez la performance énergétique de votre logement avec une isolation thermique complète. </p> </div> </a><a href="/services/isolation-phonique" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-linear-to-br from-alpin-900 via-alpin-800 to-brand-800" aria-hidden="true"> <div class="absolute -right-6 -top-6 h-24 w-24 rounded-full bg-white/5"></div> <div class="absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/5"></div> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="relative h-14 w-14 text-brand-300"><path d="M8 16v4" /><path d="M14 11v14" /><path d="M20 6v24" /><path d="M26 13v10" /><path d="M32 16v4" /></svg> </div> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation phonique </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Réduisez les nuisances sonores et gagnez en tranquillité grâce à une isolation acoustique adaptée. </p> </div> </a><a href="/services/isolation-aerogel" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <img src="https://images.unsplash.com/photo-1759795075729-39ffc0efaaa0?fm=webp&amp;q=80&amp;w=800&amp;fit=crop" alt="Façade moderne épurée illustrant l'isolation aérogel haute performance" loading="lazy" width="800" height="600" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Façade isolation aérogel </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> La solution la plus performante pour isoler une façade sans perdre d&#39;espace habitable. </p> </div> </a><a href="/services/isolation-chalet" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="aspect-[4/3] w-full overflow-hidden"> <img src="https://images.unsplash.com/photo-1704489443490-cfb01a2f3d3a?fm=webp&amp;q=80&amp;w=800&amp;fit=crop" alt="Chalet suisse traditionnel en bois dans un village alpin enneigé" loading="lazy" width="800" height="600" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation de chalet </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Protégez votre chalet de montagne du froid et de l&#39;humidité toute l&#39;année. </p> </div> </a> </div> </section> <section class="mx-auto max-w-6xl px-6 py-16" aria-labelledby="programmes-heading"> <div class="max-w-3xl"> <h2 id="programmes-heading" class="text-2xl font-bold text-alpin-900 sm:text-3xl">
Programme Bâtiments, CECB, Minergie : s'y retrouver avant de rénover
</h2> <p class="mt-4 leading-relaxed text-slate-600">
Isoler un bâtiment en Suisse s'inscrit dans un cadre précis, pensé pour encourager des
      rénovations énergétiques de qualité et en réduire le coût pour les propriétaires. Quatre
      repères reviennent systématiquement dans les démarches : le Programme Bâtiments pour le
      financement, le CECB pour le diagnostic, Minergie pour la certification de qualité, et la
      loi cantonale sur l'énergie pour la mise en conformité. Voici ce que chacun signifie
      concrètement pour votre projet.
</p> </div> <div class="mt-10 grid gap-6 sm:grid-cols-2"> <div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-9 w-9 text-brand-600"><rect x="6" y="3" width="12" height="18" rx="1" /><path d="M9 7h.01M15 7h.01M9 11h.01M15 11h.01M9 15h.01M15 15h.01" /><path d="M10 21v-3h4v3" /></svg> <h3 class="mt-4 font-semibold text-alpin-900">Programme Bâtiments</h3> <p class="mt-3 text-sm leading-relaxed text-slate-500">Le Programme Bâtiments est le principal dispositif national de soutien financier à la rénovation énergétique en Suisse. Financé conjointement par la Confédération (taxe sur le CO₂) et les cantons, il cofinance une partie des travaux d&#39;isolation thermique de l&#39;enveloppe : toiture, façade, sols et fenêtres. Le montant de la subvention dépend du canton, de la surface isolée et de la performance thermique atteinte après travaux. Nos artisans partenaires connaissent précisément les critères d&#39;éligibilité de votre canton et peuvent vous aider à monter un dossier de demande conforme, avant même le début du chantier — une étape essentielle, car la subvention doit généralement être demandée avant les travaux, pas après.</p> </div><div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-9 w-9 text-brand-600"><circle cx="12" cy="9" r="6" /><path d="m9 14-2 7 5-3 5 3-2-7" /></svg> <h3 class="mt-4 font-semibold text-alpin-900">CECB — Certificat Énergétique Cantonal des Bâtiments</h3> <p class="mt-3 text-sm leading-relaxed text-slate-500">Le CECB est un document officiel qui évalue la performance énergétique d&#39;un bâtiment sur une échelle de A (très efficace) à G (peu efficace), à la manière d&#39;une étiquette énergie. Établi par un expert agréé, il sert de base objective pour identifier les postes de rénovation les plus rentables — isolation, chauffage, ventilation — et pour prioriser les travaux. Dans plusieurs cantons, le CECB (ou sa version enrichie, le CECB Plus, qui inclut un plan de rénovation personnalisé) est requis lors de la vente ou de la mise en location d&#39;un bien, et constitue souvent un prérequis pour l&#39;obtention de subventions cantonales.</p> </div><div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-9 w-9 text-brand-600"><path d="M11 20A7 7 0 0 1 4 13c0-5 4-9 9-9 5 0 8 3 8 8 0 6-6 8-10 8Z" /><path d="M11 20c0-6 3-11 9-13" /></svg> <h3 class="mt-4 font-semibold text-alpin-900">Label Minergie</h3> <p class="mt-3 text-sm leading-relaxed text-slate-500">Minergie est un label de qualité suisse, reconnu et exigeant, qui certifie un niveau de confort et d&#39;efficacité énergétique élevé pour les bâtiments neufs comme rénovés. Il repose notamment sur une enveloppe thermique performante — donc sur la qualité de l&#39;isolation — combinée à un renouvellement d&#39;air maîtrisé. Viser un standard Minergie lors d&#39;une rénovation d&#39;isolation, même partielle, valorise durablement un bien immobilier et peut ouvrir droit à des incitations financières complémentaires selon les cantons.</p> </div><div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-9 w-9 text-brand-600"><path d="M12 3v18" /><path d="M5 7h14" /><path d="m5 7-3 6a3 3 0 0 0 6 0Z" /><path d="m19 7-3 6a3 3 0 0 0 6 0Z" /><path d="M8 21h8" /></svg> <h3 class="mt-4 font-semibold text-alpin-900">Conformité aux lois cantonales sur l’énergie</h3> <p class="mt-3 text-sm leading-relaxed text-slate-500">Chaque canton dispose de sa propre loi sur l&#39;énergie — la LEn à Genève, son équivalent à Fribourg (LEn-FR), ou les déclinaisons cantonales du Modèle de prescriptions énergétiques des cantons (MuKEn) ailleurs en Suisse — qui fixe des exigences thermiques minimales pour les bâtiments existants comme neufs. Une isolation mal dimensionnée peut compromettre la conformité lors d&#39;une vente, d&#39;une mise en location ou d&#39;une demande de permis. Nos artisans partenaires dimensionnent chaque projet pour respecter les exigences en vigueur dans votre canton, en s&#39;appuyant si besoin sur un CECB ou un CECB Plus pour objectiver la situation avant travaux.</p> </div> </div> </section> <section class="border-y border-slate-100 bg-slate-50" aria-labelledby="process-heading"> <div class="mx-auto max-w-6xl px-6 py-16"> <h2 id="process-heading" class="text-2xl font-bold text-alpin-900 sm:text-3xl">
Le déroulement d'un chantier d'isolation, étape par étape
</h2> <p class="mt-4 max-w-3xl leading-relaxed text-slate-600">
De la première demande jusqu'au contrôle final, voici comment se déroule concrètement un
      projet d'isolation avec l'un de nos artisans partenaires.
</p> <ol class="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-5"> <li class="relative rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <span class="flex h-9 w-9 items-center justify-center rounded-full bg-alpin-900 text-sm font-bold text-white"> 1 </span> <h3 class="mt-4 font-semibold text-alpin-900">Votre demande de devis</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">Vous décrivez votre projet en quelques minutes via notre formulaire : type de travaux, bâtiment, surface et localisation. Aucun engagement à ce stade.</p> </li><li class="relative rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <span class="flex h-9 w-9 items-center justify-center rounded-full bg-alpin-900 text-sm font-bold text-white"> 2 </span> <h3 class="mt-4 font-semibold text-alpin-900">Analyse de votre bâtiment</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">Un artisan partenaire qualifié étudie votre demande et, si nécessaire, planifie une visite technique pour évaluer précisément l&#39;état de l&#39;isolation existante et les contraintes du bâtiment.</p> </li><li class="relative rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <span class="flex h-9 w-9 items-center justify-center rounded-full bg-alpin-900 text-sm font-bold text-white"> 3 </span> <h3 class="mt-4 font-semibold text-alpin-900">Proposition technique et financière</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">Vous recevez un devis détaillé : matériaux recommandés, méthode d&#39;isolation, délais, et estimation des subventions cantonales (Programme Bâtiments) auxquelles vous pourriez avoir droit.</p> </li><li class="relative rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <span class="flex h-9 w-9 items-center justify-center rounded-full bg-alpin-900 text-sm font-bold text-white"> 4 </span> <h3 class="mt-4 font-semibold text-alpin-900">Réalisation des travaux</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">Une fois le devis validé, l&#39;artisan planifie et réalise le chantier dans le respect des normes énergétiques suisses en vigueur et des règles de protection du bâtiment le cas échéant.</p> </li><li class="relative rounded-2xl border border-slate-100 bg-white p-6 shadow-soft"> <span class="flex h-9 w-9 items-center justify-center rounded-full bg-alpin-900 text-sm font-bold text-white"> 5 </span> <h3 class="mt-4 font-semibold text-alpin-900">Contrôle final</h3> <p class="mt-2 text-sm leading-relaxed text-slate-500">À l&#39;issue des travaux, une vérification de la qualité de pose est effectuée. Un CECB peut être établi ou mis à jour pour objectiver le gain de performance énergétique obtenu.</p> </li> </ol> </div> </section> <section class="mx-auto max-w-6xl px-6 py-16"> <h2 class="text-2xl font-bold text-alpin-900 sm:text-3xl">Isolation près de chez vous</h2> <p class="mt-4 max-w-2xl text-slate-600">
Nos artisans partenaires interviennent dans toute la Suisse. Découvrez nos pages dédiées
      aux principales villes et régions.
</p> <div class="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3"> <a href="/entreprise-isolation-geneve" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation à Genève </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Trouvez un artisan isolation à Genève et ses environs. </p> </div> </a><a href="/entreprise-isolation-lausanne" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation à Lausanne </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Trouvez un artisan isolation à Lausanne et ses environs. </p> </div> </a><a href="/entreprise-isolation-zurich" class="group flex h-full flex-col overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-soft transition-shadow hover:shadow-lg"><div class="flex flex-1 flex-col p-6"> <h3 class="text-lg font-semibold text-alpin-900 group-hover:text-brand-600"> Isolation à Zurich </h3> <p class="mt-2 text-sm leading-relaxed text-slate-500"> Trouvez un artisan isolation à Zurich et ses environs. </p> </div> </a> </div> </section> <section class="bg-alpin-900"> <div class="mx-auto max-w-4xl px-6 py-16 text-center"> <h2 class="text-2xl font-bold text-white sm:text-3xl">
Prêt à isoler votre logement ?
</h2> <p class="mx-auto mt-4 max-w-xl text-alpin-300">
Recevez gratuitement votre étude personnalisée, sans engagement, en moins de 2 minutes.
</p> <a href="/contact" class="mt-8 inline-block rounded-xl bg-brand-600 px-6 py-3 text-base font-semibold text-white shadow-soft transition-colors hover:bg-brand-700">
Demander mon devis gratuit
</a> </div> </section>  </article>  </main> <footer class="border-t border-alpin-800 bg-alpin-900"> <div class="mx-auto max-w-6xl px-6 py-16"> <div class="grid gap-10 sm:grid-cols-2 lg:grid-cols-4"> <div> <a href="/" class="group inline-flex items-center gap-2.5" aria-label="Devis Isolation Suisse — retour à l'accueil"> <svg width="32" height="32" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" class="flex-none"> <rect width="40" height="40" rx="10" fill="#0f172a"></rect> <path d="M9 21 20 10l11 11" stroke="#f8fafc" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13 19.5v10a1.5 1.5 0 0 0 1.5 1.5h1" stroke="#f8fafc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M27 19.5v10a1.5 1.5 0 0 1-1.5 1.5h-1" stroke="#f8fafc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M20 21 26 23.5V29c0 3.5-2.5 5.7-6 7-3.5-1.3-6-3.5-6-7v-5.5Z" fill="#059669" stroke="#0f172a" stroke-width="1"></path> <path d="m17.3 28.4 2 2L23 26" stroke="#f8fafc" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" fill="none"></path> </svg> <span class="text-lg font-bold tracking-tight text-alpin-900 text-white">
Devis Isolation <span class="text-brand-600">Suisse</span> </span> </a> <p class="mt-4 text-sm leading-relaxed text-alpin-300"> Réseau et comparateur de référence d&#39;artisans qualifiés certifiés en Suisse. Devis gratuits, partout en Suisse.
</p> </div> <nav aria-label="Prestations d'isolation"> <h3 class="text-sm font-semibold uppercase tracking-wide text-alpin-400">
Prestations
</h3> <ul class="mt-4 space-y-3 text-sm"> <li> <a href="/services/isolation-thermique" class="text-alpin-300 hover:text-brand-400"> Devis isolation thermique </a> </li><li> <a href="/services/isolation-phonique" class="text-alpin-300 hover:text-brand-400"> Devis isolation phonique &amp; acoustique </a> </li><li> <a href="/services/isolation-toiture" class="text-alpin-300 hover:text-brand-400"> Devis isolation toiture &amp; combles </a> </li><li> <a href="/services/isolation-aerogel" class="text-alpin-300 hover:text-brand-400"> Devis isolation façade &amp; aérogel </a> </li><li> <a href="/services/isolation-chalet" class="text-alpin-300 hover:text-brand-400"> Devis isolation chalet &amp; vieux bois </a> </li><li> <a href="/services/isolation-facade" class="text-alpin-300 hover:text-brand-400"> Devis isolation périphérique extérieure </a> </li><li> <a href="/services/isolation-sols" class="text-alpin-300 hover:text-brand-400"> Devis isolation sous-sol &amp; vide sanitaire </a> </li> </ul> </nav> <nav aria-label="Zones d'intervention"> <h3 class="text-sm font-semibold uppercase tracking-wide text-alpin-400">
Zones d'intervention
</h3> <ul class="mt-4 space-y-3 text-sm"> <li> <a href="/entreprise-isolation-geneve" class="text-alpin-300 hover:text-brand-400"> Devis isolation Genève </a> </li><li> <a href="/entreprise-isolation-lausanne" class="text-alpin-300 hover:text-brand-400"> Devis isolation Lausanne </a> </li><li> <a href="/entreprise-isolation-valais" class="text-alpin-300 hover:text-brand-400"> Devis isolation Valais </a> </li><li> <a href="/entreprise-isolation-fribourg" class="text-alpin-300 hover:text-brand-400"> Devis isolation Fribourg </a> </li><li> <a href="/entreprise-isolation-neuchatel" class="text-alpin-300 hover:text-brand-400"> Devis isolation Neuchâtel </a> </li><li> <a href="/entreprise-isolation-yverdon" class="text-alpin-300 hover:text-brand-400"> Devis isolation Yverdon-les-Bains </a> </li><li> <a href="/entreprise-isolation-sion" class="text-alpin-300 hover:text-brand-400"> Devis isolation Sion </a> </li> </ul> </nav> <nav aria-label="Informations légales"> <h3 class="text-sm font-semibold uppercase tracking-wide text-alpin-400">
Informations
</h3> <ul class="mt-4 space-y-3 text-sm"> <li> <a href="/contact" class="text-alpin-300 hover:text-brand-400">Contact</a> </li> <li> <a href="/mentions-legales" class="text-alpin-300 hover:text-brand-400">
Mentions légales
</a> </li> <li> <a href="/politique-confidentialite" class="text-alpin-300 hover:text-brand-400">
Politique de confidentialité
</a> </li> </ul> </nav> </div> <div class="mt-12 border-t border-alpin-800 pt-8 text-sm text-alpin-400">
&copy; 2026 Devis Isolation Suisse. Tous droits réservés.
</div> </div> </footer>  <script type="module">function e(e){document.querySelectorAll(`[data-dropdown-trigger]`).forEach(t=>{t!==e&&(t.closest(`.group`)?.classList.remove(`is-open`),t.setAttribute(`aria-expanded`,`false`))})}document.querySelectorAll(`[data-dropdown-trigger]`).forEach(t=>{t.addEventListener(`click`,n=>{n.stopPropagation();let r=t.closest(`.group`),i=r?.classList.contains(`is-open`)??!1;e(t),r?.classList.toggle(`is-open`,!i),t.setAttribute(`aria-expanded`,String(!i))})}),document.addEventListener(`click`,()=>e()),document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e()});var t=document.querySelector(`[data-mobile-menu-trigger]`),n=document.querySelector(`[data-mobile-menu]`),r=t?.querySelector(`[data-icon-open]`),i=t?.querySelector(`[data-icon-close]`);t?.addEventListener(`click`,()=>{let e=n?.classList.contains(`hidden`)??!0;n?.classList.toggle(`hidden`,!e),t.setAttribute(`aria-expanded`,String(e)),r?.classList.toggle(`hidden`,e),i?.classList.toggle(`hidden`,!e)});</script></body> </html>