{"id":7,"date":"2026-02-03T01:37:10","date_gmt":"2026-02-03T01:37:10","guid":{"rendered":"https:\/\/thermobiance.ca\/?page_id=7"},"modified":"2026-05-08T18:16:46","modified_gmt":"2026-05-08T22:16:46","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/thermobiance.ca\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Thermobiance \u2013 Chauffage & Climatisation 2026 | Qu\u00e9bec<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Poppins', sans-serif;\r\n color: #2d3748;\r\n line-height: 1.6;\r\n background: #f9fafb;\r\n }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HEADER & NAVIGATION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n header {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n background: rgba(24, 24, 24, 0.92);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.15);\r\n z-index: 1000;\r\n padding: 1rem 5%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .logo img {\r\n margin-top: 5px;\r\n width: 140px;\r\n height: auto;\r\n }\r\n \r\n .menu-toggle {\r\n display: none;\r\n font-size: 2.2rem;\r\n background: none;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n padding: 0.4rem 0.8rem;\r\n line-height: 1;\r\n }\r\n \r\n .menu-toggle.active {\r\n color: #93c5fd;\r\n }\r\n \r\n .menu-toggle.active::before {\r\n content: \"\u2715\";\r\n }\r\n \r\n nav {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n nav a {\r\n margin-left: 1.8rem;\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: color 0.3s;\r\n }\r\n \r\n nav a:hover {\r\n color: #2563eb;\r\n }\r\n \r\n \/* Mobile menu *\/\r\n @media (max-width: 992px) {\r\n .menu-toggle {\r\n display: block;\r\n }\r\n \r\n nav {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n background: #181818;\r\n flex-direction: column;\r\n padding: 1.5rem 0;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.4);\r\n border-top: 1px solid #333;\r\n z-index: 999;\r\n }\r\n \r\n nav.active {\r\n display: flex;\r\n }\r\n \r\n nav a {\r\n margin: 1.2rem 0;\r\n text-align: center;\r\n width: 100%;\r\n color: #e5e5e5;\r\n padding: 0.9rem 1rem;\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n }\r\n \r\n nav.active a {\r\n display: block !important;\r\n }\r\n \r\n nav a:hover,\r\n nav a:focus {\r\n background: #222;\r\n color: #93c5fd;\r\n }\r\n }\r\n \r\n \/* Desktop nav visible *\/\r\n @media (min-width: 993px) {\r\n .menu-toggle { display: none; }\r\n nav { display: flex !important; }\r\n nav a { display: inline-block !important; }\r\n }\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO & BUTTONS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #hero {\r\n min-height: 80vh;\r\n background: linear-gradient(rgba(0,0,0,0.62), rgba(0,0,0,0.62)), url('https:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/02\/climatisation-1.jpg');\r\n background-size: cover;\r\n background-position: center 30%;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 5rem 5% 3rem;\r\n margin-top: 100px;\r\n }\r\n \r\n #hero h1 {\r\n font-size: clamp(2.4rem, 6vw, 3.8rem);\r\n margin-bottom: 1.2rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-shadow: 2px 2px 12px rgba(0,0,0,0.7); \r\n }\r\n\r\n #hero p {\r\n font-size: clamp(1.1rem, 4vw, 1.5rem);\r\n max-width: 780px;\r\n margin: 0 auto 2rem;\r\n font-weight: 300;\r\n }\r\n\r\n .btn, .btn-soumission {\r\n display: inline-block;\r\n background: #2563eb;\r\n color: white;\r\n padding: 1rem 2.2rem;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: clamp(1rem, 3vw, 1.2rem);\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(37,99,235,0.3);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .btn:hover, .btn-soumission:hover {\r\n background: #1d4ed8;\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 30px rgba(37,99,235,0.4);\r\n }\r\n .btn-secondary {\r\n background: #10b981;\r\n box-shadow: 0 6px 20px rgba(16,185,129,0.3);\r\n }\r\n .btn-secondary:hover { background: #059669; }\r\n \r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTIONS & CARDS\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n \/* Sections g\u00e9n\u00e9rales *\/\r\n h2 {\r\n text-align: center;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n margin-bottom: 2.5rem;\r\n color: #1e3a8a;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Grilles flexibles *\/\r\n .grid-3, .grid-4 {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n }\r\n\r\n .card {\r\n background: rgba(24,24,24,24);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\r\n }\r\n\r\n .card img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n }\r\n\r\n .card-content {\r\n padding: 1.8rem;\r\n text-align: center;\r\n color: #adadad;\r\n }\r\n\r\n .card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n color: #2563eb;\r\n }\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n NOUVEAU : POPUP QUESTIONNAIRE SOUMISSION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n \r\n .modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.65);\r\n display: grid;\r\n place-items: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.4s ease;\r\n z-index: 2000;\r\n }\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .modal {\r\n background: white;\r\n width: 90%;\r\n max-width: 560px;\r\n max-height: 92vh;\r\n border-radius: 16px;\r\n overflow-y: auto;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.35);\r\n transform: translateY(40px);\r\n transition: transform 0.4s ease;\r\n }\r\n .modal.active {\r\n transform: translateY(0);\r\n }\r\n .modal-header {\r\n background: #2563eb;\r\n color: white;\r\n padding: 1.5rem 2rem;\r\n text-align: center;\r\n position: sticky;\r\n top: 0;\r\n z-index: 10;\r\n }\r\n .modal-header h2 {\r\n margin: 0;\r\n font-size: 1.7rem;\r\n }\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n font-size: 2.4rem;\r\n color: white;\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n }\r\n .close-modal:hover { opacity: 0.8; }\r\n .modal-body {\r\n padding: 2rem;\r\n }\r\n label {\r\n display: block;\r\n margin: 1.4rem 0 0.5rem;\r\n font-weight: 600;\r\n color: #1e293b;\r\n }\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n select,\r\n textarea {\r\n width: 100%;\r\n padding: 12px 14px;\r\n border: 1px solid #cbd5e1;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n }\r\n textarea { min-height: 110px; resize: vertical; }\r\n .form-submit {\r\n margin-top: 2.2rem;\r\n width: 100%;\r\n padding: 14px;\r\n background: #10b981;\r\n color: white;\r\n border: none;\r\n border-radius: 999px;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n }\r\n .form-submit:hover {\r\n background: #059669;\r\n transform: translateY(-2px);\r\n }\r\n .modal-body select,\r\n .modal-body input {\r\n padding: 12px 16px; \/* padding haut\/bas \u00e9gal *\/\r\n line-height: 1.5; \/* augmente un peu l'espace ligne *\/\r\n min-height: 48px;\r\n \r\n \/* M\u00e9thode moderne *\/\r\n display: grid;\r\n place-items: center; \/* centre vertical + horizontal si besoin *\/\r\n }\r\n\r\n \/* Subventions *\/\r\n #subventions {\r\n background: linear-gradient(135deg, #1e40af, #3b82f6);\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n #subventions .stats {\r\n font-size: clamp(2.5rem, 8vw, 3.5rem);\r\n font-weight: 800;\r\n margin: 1rem 0 0.4rem;\r\n }\r\n\r\n \/* Contact *\/\r\n #contact {\r\n background: #1e40af;\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n #contact .btn {\r\n margin: 1rem 1rem;\r\n min-width: 220px;\r\n }\r\n\r\n footer {\r\n background: rgba(24,24,24,24);\r\n color: #d1d5db;\r\n text-align: center;\r\n padding: 3rem 5%;\r\n font-size: 0.95rem;\r\n }\r\n\r\n footer a { \r\n color: #93c5fd; \r\n text-decoration: none; \r\n }\r\n\r\n\/*==========================================================\r\nMEDIA QUERIES - Mobile first \r\n============================================================*\/\r\n @media (max-width: 600px) {\r\n header { padding: 1rem 4%; }\r\n .logo img { width: 120px; }\r\n nav a { margin-left: 1rem; font-size: 1rem; }\r\n #hero { min-height: 70vh; padding: 4rem 4% 2rem; margin-top: 70px; }\r\n section { padding: 4rem 4%; }\r\n .grid-3, .grid-4 { gap: 1.5rem; }\r\n .card img { height: 200px; }\r\n }\r\n \r\n @media (min-width: 1200px) {\r\n section { padding: 7rem 6%; }\r\n .grid-3, .grid-4 { gap: 2.5rem; }\r\n .card img { height: 240px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"logo\">\r\n <a href=\"\/\">\r\n <img decoding=\"async\" src=\"https:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/02\/7cbc86fd-10a8-45ae-bea3-71c19e26950b.jpg\" alt=\"Thermobiance Logo\">\r\n <\/a>\r\n <\/div>\r\n\r\n <button class=\"menu-toggle\" aria-label=\"Toggle menu\">\u2630<\/button>\r\n\r\n <nav id=\"main-nav\">\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#tendances\">Appareils<\/a>\r\n <a href=\"#subventions\">Subventions<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/nav>\r\n<\/header>\r\n\r\n<section id=\"hero\">\r\n <div>\r\n <h1>Confort intelligent & \u00e9co\u00e9nerg\u00e9tique en 2026<\/h1>\r\n <p>Thermopompes ultra-performantes -30 pour climat froid \u2013 maison connect\u00e9e \u2013 \u00e9conomies massives. Jusqu'\u00e0 6 700 $ de subventions Hydro-Qu\u00e9bec LogisVert.<\/p>\r\n <button class=\"btn-soumission\">Obtenez votre soumission gratuite \u2192<\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"services\">\r\n <h2>Nos solutions tendance 2026<\/h2>\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"http:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/03\/GREE-CLIVIA-R32-1.webp\" alt=\"Thermopompe mini-split\">\r\n <div class=\"card-content\">\r\n <h3>Thermopompes mini-split<\/h3>\r\n <p>Chauffage fiable jusqu\u2019\u00e0 -30 \u00b0C \u2013 jusqu\u2019\u00e0 50 % d\u2019\u00e9conomies.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/02\/2.webp\" alt=\"Thermopompe murale\">\r\n <div class=\"card-content\">\r\n <h3>Thermopompes murales intelligentes<\/h3>\r\n <p>Zonage par pi\u00e8ce, contr\u00f4le via app, IA pour optimisation. Parfait pour condo ou maison multi-niveaux.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/02\/telechargement-1.jpg\" alt=\"Installation thermopompe\">\r\n <div class=\"card-content\">\r\n <h3>Installations & mises \u00e0 niveau<\/h3>\r\n <p>Installations et remplacement rapide d\u2019anciens syst\u00e8mes \u2013 compatibles subventions, r\u00e9frig\u00e9rants R-32 et R-410A.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"tendances\">\r\n <h2>Pourquoi Thermobiance est pr\u00eat pour 2026<\/h2>\r\n <div class=\"grid-4\">\r\n <div class=\"card\"><div class=\"card-content\"><img decoding=\"async\" src=\"http:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/03\/Gree-Logo.png\"><p>Gree Serie Ultra Heat - Chauffage fiable jusqu\u2019\u00e0 -30 \u00b0C + climatisation haute performance. SEER 30.5 \/ HSPF 14 - Garantie 10 ans pieces et compresseur<\/p><\/div><\/div>\r\n <div style=\"text-align:center; margin-top:3rem;\">\r\n <button class=\"btn btn-secondary btn-soumission\">Demander soumission<\/button>\r\n <\/div>\r\n <div class=\"card\"><div class=\"card-content\"><img src= \"http:\/\/thermobiance.ca\/wp-content\/uploads\/2026\/03\/tosotbygree-e1773616845847.png\"><p>Tosot Serie Pular 25 - Chauffage fiable jusqu\u2019\u00e0 -30 \u00b0C + climatisation haute performance. SEER 23.5 \/ HSPF 11 - Garantie 10 ans pieces et compresseur<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section id=\"subventions\">\r\n <h2>Subventions 2026 \u2013 Jusqu\u2019\u00e0 6 700 $<\/h2>\r\n <p style=\"font-size: clamp(1.2rem, 4vw, 1.5rem); max-width:800px; margin:0 auto 3rem;\">\r\n Programme LogisVert Hydro-Qu\u00e9bec\r\n <\/p>\r\n <div class=\"grid-3\" style=\"text-align:center; color:white;\">\r\n <div><div class=\"stats\">6 700 $<\/div><p>Aide max thermopompe efficace<\/p><\/div>\r\n <div><div class=\"stats\">-50 %<\/div><p>Sur votre facture \u00e9nergie<\/p><\/div>\r\n <div><div class=\"stats\">+40-50 %<\/div><p>\u00c9conomies vs ancien syst\u00e8me<\/p><\/div>\r\n <\/div>\r\n <div style=\"text-align:center; margin-top:3rem;\">\r\n <a href=\"https:\/\/www.hydroquebec.com\/residentiel\/mieux-consommer\/aides-financieres\/logisvert\/recherche-themopompes-efficaces.html\" target=\"_blank\" class=\"btn btn-secondary\">Profitez des subventions maintenant \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"contact\">\r\n <h2>Pr\u00eat pour un confort 2026 ?<\/h2>\r\n <p style=\"font-size: clamp(1.2rem, 4vw, 1.5rem); margin:2rem 0;\">Soumission gratuite en 24-48 h \u2013 on vous rappelle ou on r\u00e9pond par courriel.<\/p>\r\n <a href=\"tel:+14385033220\" class=\"btn\" style=\"background:#ef4444;\">Appeler maintenant<\/a>\r\n <button class=\"btn btn-secondary btn-soumission\">Demander soumission<\/button>\r\n<\/section>\r\n\r\n<footer>\r\n <p>Thermobiance \u2013 Expert thermopompes, maison intelligente & \u00e9conomies \u00e9nerg\u00e9tiques au Qu\u00e9bec<br>\r\n \u00a9 2026 Thermobiance. Tous droits r\u00e9serv\u00e9s. | Subventions LogisVert admissibles.<\/p>\r\n<\/footer>\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n POPUP \/ MODAL QUESTIONNAIRE SOUMISSION\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div class=\"modal-overlay\" id=\"soumissionModal\">\r\n <div class=\"modal\" id=\"modalInner\">\r\n <div class=\"modal-header\">\r\n <h2>Demande de soumission gratuite<\/h2>\r\n <button class=\"close-modal\" id=\"closeSoumission\">×<\/button>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <form id=\"formSoumission\" \r\n action=\"https:\/\/formspree.io\/f\/mlgpwjjn\" \r\n method=\"POST\">\r\n <label for=\"nom\">Nom complet *<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" required>\r\n\r\n <label for=\"email\">Courriel *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required>\r\n\r\n <label for=\"tel\">T\u00e9l\u00e9phone *<\/label>\r\n <input type=\"tel\" id=\"tel\" name=\"tel\" required pattern=\"[0-9]{3}-[0-9]{3}-[0-9]{4}\" placeholder=\"438-XXX-XXXX\">\r\n\r\n <label for=\"ville\">Ville \/ R\u00e9gion (Qu\u00e9bec) *<\/label>\r\n <input type=\"text\" id=\"ville\" name=\"ville\" required placeholder=\"ex: Montr\u00e9al, Qu\u00e9bec, Laval...\">\r\n \r\n <label for=\"const_annee\">Annee de Construction *<\/label>\r\n <input type=\"text\" id=\"const_annee\" name=\"const_annee\" required placeholder=\"ex: 2001...\">\r\n\r\n <label for=\"type\">Type de projet *<\/label>\r\n <select id=\"type\" name=\"type\" required>\r\n <option value=\"\">-- S\u00e9lectionnez --<\/option>\r\n <option value=\"nouvelle_installation\">Nouvelle installation thermopompe<\/option>\r\n <option value=\"remplacement\">Remplacement ancien syst\u00e8me<\/option>\r\n <option value=\"ajout_clim\">Ajout climatisation \/ mini-split<\/option>\r\n <option value=\"subventions\">Conseil subventions + devis<\/option>\r\n <option value=\"autre\">Autre<\/option>\r\n <\/select>\r\n\r\n <label for=\"type_hab\">Type habitation *<\/label>\r\n <select id=\"type_hab\" name=\"type_hab\" required>\r\n <option value=\"\">-- S\u00e9lectionnez --<\/option>\r\n <option value=\"maison_unifamiliale\">Maison unifamiliale<\/option>\r\n <option value=\"maison_en_copropriete\">Maison en copropriete<\/option>\r\n <option value=\"maison_mobile\">Maison mobile<\/option>\r\n <option value=\"condominium\">Condominium<\/option>\r\n <option value=\"condominium\">Chalet<\/option>\r\n <option value=\"plex\">Plex<\/option>\r\n <\/select>\r\n\r\n <label for=\"model_interet\">Mod\u00e8le qui vous int\u00e9resse (optionnel)<\/label>\r\n <select id=\"model_interet\" name=\"model_interet\">\r\n <option value=\"\">-- S\u00e9lectionnez --<\/option>\r\n <option value=\"gree_ultra\">12k Gree -30<\/option>\r\n <option value=\"gree_pular\">18k Gree -30<\/option>\r\n <option value=\"gree_pular\">24k Gree -30<\/option>\r\n <option value=\"tosot_lomo\">24k Senville -15<\/option>\r\n <option value=\"mini_split\">Autres...<\/option>\r\n <option value=\"autre\">Je ne sais pas encore<\/option>\r\n <\/select>\r\n\r\n <label for=\"message\">D\u00e9tails \/ Questions (superficie, nb pi\u00e8ces, ancien syst\u00e8me...)<\/label>\r\n <textarea id=\"message\" name=\"message\" rows=\"5\"><\/textarea>\r\n \r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle soumission Thermobiance \u2013 Qu\u00e9bec\">\r\n <input type=\"hidden\" name=\"_next\" value=\"\"> <!-- Laisse vide ou mets une URL de merci si tu veux rediriger -->\r\n\r\n <button type=\"submit\" class=\"form-submit\">Envoyer ma demande \u2192<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const toggle = document.querySelector('.menu-toggle');\r\n const nav = document.getElementById('main-nav');\r\n const headerHeight = document.querySelector('header').offsetHeight + 20;\/\/ header height + buffer\r\n\r\n if (!toggle || !nav) {\r\n console.warn(\"Hamburger elements missing\");\r\n return;\r\n }\r\n\r\n \/\/ Hamburger toggle\r\n toggle.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n nav.classList.toggle('active');\r\n toggle.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close on link click + smooth scroll with offset\r\n nav.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n nav.classList.remove('active');\r\n toggle.classList.remove('active');\r\n\r\n \/\/ Smooth scroll with header offset\r\n const targetId = link.getAttribute('href');\r\n if (targetId && targetId.startsWith('#')) {\r\n e.preventDefault();\r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset;\r\n window.scrollTo({\r\n top: targetPosition - headerHeight,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ Close on outside click\r\n document.addEventListener('click', (e) => {\r\n if (!nav.contains(e.target) && !toggle.contains(e.target)) {\r\n nav.classList.remove('active');\r\n toggle.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ \u2500\u2500 Popup Soumission \u2500\u2500\r\n const modal = document.getElementById('soumissionModal');\r\n const modalInner = document.getElementById('modalInner');\r\n const closeBtn = document.getElementById('closeSoumission');\r\n const openBtns = document.querySelectorAll('.btn-soumission'); \/\/ les deux boutons\r\n const form = document.getElementById('formSoumission');\r\n\r\n function openModal() {\r\n modal.classList.add('active');\r\n setTimeout(() => modalInner.classList.add('active'), 50);\r\n }\r\n\r\n function closeModal() {\r\n modalInner.classList.remove('active');\r\n setTimeout(() => modal.classList.remove('active'), 400);\r\n }\r\n\r\n openBtns.forEach(btn => btn.addEventListener('click', openModal));\r\n closeBtn.addEventListener('click', closeModal);\r\n modal.addEventListener('click', e => {\r\n if (e.target === modal) closeModal();\r\n });\r\n\r\n \/\/ Gestion du submit : on laisse Formspree g\u00e9rer l'envoi, on ajoute juste un message de succ\u00e8s\r\n form.addEventListener('submit', function(e) {\r\n \/\/ Pas de preventDefault() \u2192 on laisse le formulaire poster vers Formspree\r\n setTimeout(() => {\r\n alert(\"Merci ! Votre demande de soumission a \u00e9t\u00e9 envoy\u00e9e. Nous vous contactons dans 24-48h.\");\r\n closeModal();\r\n form.reset();\r\n }, 800); \/\/ D\u00e9lai pour laisser le temps \u00e0 l'envoi de partir\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Thermobiance \u2013 Chauffage & Climatisation 2026 | Qu\u00e9bec \u2630 Services Appareils Subventions Contact Confort intelligent & \u00e9co\u00e9nerg\u00e9tique en 2026 Thermopompes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thermobiance.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":351,"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":482,"href":"https:\/\/thermobiance.ca\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/482"}],"wp:attachment":[{"href":"https:\/\/thermobiance.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}