{"id":95,"date":"2026-09-06T20:05:09","date_gmt":"2026-09-06T20:05:09","guid":{"rendered":"http:\/\/harmonia-domotic.com\/?page_id=95"},"modified":"2026-09-06T20:08:01","modified_gmt":"2026-09-06T20:08:01","slug":"home","status":"publish","type":"page","link":"https:\/\/harmonia-domotic.com\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nHarmonia Domotic | \u00c9lectricit\u00e9 & Domotique Haut de Gamme \u00e0 Lyon<\/title>\n\n<meta name=\"description\" content=\"Harmonia Domotic : r\u00e9novation \u00e9lectrique, domotique et \u00e9clairage architectural haut de gamme \u00e0 Lyon et dans l'agglom\u00e9ration lyonnaise. Particuliers, architectes et designers.\">\n\n<meta name=\"keywords\" content=\"\u00e9lectricien Lyon, \u00e9lectricit\u00e9 Lyon, r\u00e9novation \u00e9lectrique Lyon, domotique Lyon, \u00e9clairage architectural Lyon, architecte int\u00e9rieur Lyon, designer Lyon\">\n\n<meta name=\"author\" content=\"Harmonia Domotic\">\n\n<meta property=\"og:title\" content=\"Harmonia Domotic | \u00c9lectricit\u00e9 & Domotique\">\n<meta property=\"og:description\" content=\"Des installations techniques pens\u00e9es comme des \u00e9l\u00e9ments d'architecture.\">\n<meta property=\"og:type\" content=\"website\">\n\n<style>\n\n\/* =========================================================\n HARMONIA DOMOTIC \u2014 V2\n ========================================================= *\/\n\n:root {\n --black:#0b080d;\n --dark:#120d14;\n --purple:#211522;\n --purple2:#302035;\n --gold:#c7a15a;\n --gold2:#e4c982;\n --cream:#f5f0e8;\n --grey:#aaa0aa;\n --white:#ffffff;\n --border:rgba(228,201,130,.20);\n --max:1240px;\n}\n\n* {\n margin:0;\n padding:0;\n box-sizing:border-box;\n}\n\nhtml {\n scroll-behavior:smooth;\n}\n\nbody {\n background:var(--black);\n color:var(--cream);\n font-family:Arial, Helvetica, sans-serif;\n overflow-x:hidden;\n}\n\nimg {\n max-width:100%;\n display:block;\n}\n\na {\n color:inherit;\n text-decoration:none;\n}\n\nbutton,\ninput,\ntextarea,\nselect {\n font-family:inherit;\n}\n\n.container {\n width:min(var(--max),92%);\n margin:auto;\n}\n\n\/* =========================================================\n HEADER\n ========================================================= *\/\n\nheader {\n position:fixed;\n top:0;\n left:0;\n width:100%;\n z-index:9999;\n transition:.4s;\n}\n\nheader.scrolled {\n background:rgba(11,8,13,.94);\n backdrop-filter:blur(18px);\n border-bottom:1px solid var(--border);\n}\n\n.nav {\n height:88px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n}\n\n.logo {\n font-size:21px;\n letter-spacing:4px;\n font-weight:700;\n white-space:nowrap;\n}\n\n.logo span {\n color:var(--gold2);\n}\n\n.menu {\n display:flex;\n align-items:center;\n gap:32px;\n}\n\n.menu a {\n color:#ddd6dd;\n font-size:13px;\n letter-spacing:.4px;\n transition:.3s;\n}\n\n.menu a:hover {\n color:var(--gold2);\n}\n\n.nav-cta {\n border:1px solid var(--gold);\n padding:12px 20px;\n border-radius:40px;\n color:var(--gold2)!important;\n}\n\n.nav-cta:hover {\n background:var(--gold);\n color:var(--black)!important;\n}\n\n.mobile-btn {\n display:none;\n background:none;\n border:0;\n color:white;\n font-size:27px;\n cursor:pointer;\n}\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.hero {\n min-height:100vh;\n position:relative;\n display:flex;\n align-items:center;\n overflow:hidden;\n\n background:\n linear-gradient(\n 90deg,\n rgba(11,8,13,.97) 0%,\n rgba(11,8,13,.82) 38%,\n rgba(11,8,13,.30) 75%,\n rgba(11,8,13,.55) 100%\n ),\n url(\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85\")\n center\/cover no-repeat;\n}\n\n.hero::after {\n content:\"\";\n position:absolute;\n inset:0;\n background:linear-gradient(\n 180deg,\n transparent 65%,\n var(--black) 100%\n );\n}\n\n.hero-content {\n position:relative;\n z-index:2;\n max-width:760px;\n padding-top:100px;\n animation:heroIn 1.2s ease;\n}\n\n.eyebrow {\n color:var(--gold2);\n font-size:12px;\n text-transform:uppercase;\n letter-spacing:5px;\n margin-bottom:25px;\n}\n\n.hero h1 {\n font-family:Georgia,serif;\n font-weight:400;\n font-size:clamp(52px,7vw,92px);\n line-height:.98;\n margin-bottom:30px;\n}\n\n.hero h1 span {\n color:var(--gold2);\n}\n\n.hero-text {\n max-width:650px;\n color:#d0c8d0;\n font-size:19px;\n line-height:1.75;\n margin-bottom:40px;\n}\n\n.hero-buttons {\n display:flex;\n flex-wrap:wrap;\n gap:15px;\n}\n\n.btn {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:52px;\n padding:0 27px;\n border-radius:40px;\n font-size:14px;\n font-weight:bold;\n transition:.35s;\n cursor:pointer;\n}\n\n.btn-gold {\n background:var(--gold);\n color:#100b10;\n}\n\n.btn-gold:hover {\n background:var(--gold2);\n transform:translateY(-4px);\n box-shadow:0 15px 35px rgba(199,161,90,.18);\n}\n\n.btn-outline {\n border:1px solid rgba(255,255,255,.28);\n color:white;\n}\n\n.btn-outline:hover {\n border-color:var(--gold);\n color:var(--gold2);\n}\n\n.scroll {\n position:absolute;\n z-index:3;\n bottom:30px;\n left:50%;\n transform:translateX(-50%);\n color:#aaa;\n font-size:10px;\n letter-spacing:4px;\n text-transform:uppercase;\n}\n\n\/* =========================================================\n INTRO\n ========================================================= *\/\n\n.intro {\n padding:130px 0;\n background:var(--black);\n}\n\n.intro-grid {\n display:grid;\n grid-template-columns:1fr 1.2fr;\n gap:100px;\n align-items:end;\n}\n\n.label {\n color:var(--gold2);\n text-transform:uppercase;\n letter-spacing:4px;\n font-size:11px;\n margin-bottom:18px;\n}\n\n.title {\n font-family:Georgia,serif;\n font-weight:400;\n font-size:clamp(38px,5vw,64px);\n line-height:1.08;\n}\n\n.intro-text {\n color:var(--grey);\n font-size:18px;\n line-height:1.9;\n}\n\n\/* =========================================================\n SERVICES\n ========================================================= *\/\n\n.services {\n padding:120px 0;\n background:var(--dark);\n}\n\n.section-head {\n max-width:720px;\n margin-bottom:60px;\n}\n\n.services-grid {\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:16px;\n}\n\n.service {\n position:relative;\n min-height:390px;\n overflow:hidden;\n border:1px solid var(--border);\n background:#171018;\n}\n\n.service img {\n width:100%;\n height:100%;\n object-fit:cover;\n opacity:.55;\n transition:.7s;\n}\n\n.service:hover img {\n transform:scale(1.08);\n opacity:.72;\n}\n\n.service::after {\n content:\"\";\n position:absolute;\n inset:0;\n background:linear-gradient(\n transparent 25%,\n rgba(10,7,11,.95) 90%\n );\n}\n\n.service-content {\n position:absolute;\n z-index:2;\n bottom:28px;\n left:25px;\n right:25px;\n}\n\n.service-number {\n color:var(--gold2);\n font-size:11px;\n letter-spacing:3px;\n}\n\n.service h3 {\n font-family:Georgia,serif;\n font-weight:400;\n font-size:28px;\n margin:10px 0;\n}\n\n.service p {\n color:#bbb1bb;\n font-size:13px;\n line-height:1.6;\n}\n\n\/* =========================================================\n FULL IMAGE SECTION\n ========================================================= *\/\n\n.visual {\n min-height:680px;\n display:flex;\n align-items:center;\n position:relative;\n\n background:\n linear-gradient(\n 90deg,\n rgba(10,7,11,.92),\n rgba(10,7,11,.35),\n rgba(10,7,11,.65)\n ),\n url(\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=85\")\n center\/cover fixed;\n}\n\n.visual-content {\n max-width:620px;\n}\n\n.visual-content p {\n color:#d0c8d0;\n font-size:18px;\n line-height:1.8;\n margin:25px 0 35px;\n}\n\n\/* =========================================================\n ARCHITECTES\n ========================================================= *\/\n\n.architectes {\n padding:130px 0;\n background:#100b12;\n}\n\n.architectes-grid {\n display:grid;\n grid-template-columns:1.1fr .9fr;\n gap:90px;\n align-items:center;\n}\n\n.architectes-image {\n height:620px;\n background:\n url(\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=85\")\n center\/cover;\n}\n\n.architectes-text p {\n color:var(--grey);\n font-size:17px;\n line-height:1.8;\n margin:25px 0;\n}\n\n.architectes-points {\n margin:35px 0;\n}\n\n.point {\n display:flex;\n gap:15px;\n margin-bottom:17px;\n color:#ddd6dd;\n}\n\n.point span {\n color:var(--gold2);\n}\n\n\/* =========================================================\n PROCESS\n ========================================================= *\/\n\n.process {\n padding:120px 0;\n background:var(--purple);\n}\n\n.process-grid {\n display:grid;\n grid-template-columns:repeat(4,1fr);\n margin-top:60px;\n}\n\n.step {\n padding:30px;\n border-top:1px solid var(--border);\n position:relative;\n}\n\n.step-number {\n color:var(--gold2);\n font-family:Georgia,serif;\n font-size:40px;\n margin-bottom:25px;\n}\n\n.step h3 {\n font-family:Georgia,serif;\n font-weight:400;\n font-size:24px;\n margin-bottom:12px;\n}\n\n.step p {\n color:var(--grey);\n font-size:14px;\n}\n\n\/* =========================================================\n REALISATIONS\n ========================================================= *\/\n\n.projects {\n padding:130px 0;\n background:var(--black);\n}\n\n.projects-grid {\n display:grid;\n grid-template-columns:1.4fr .8fr .8fr;\n grid-auto-rows:300px;\n gap:15px;\n margin-top:60px;\n}\n\n.project {\n position:relative;\n overflow:hidden;\n}\n\n.project:first-child {\n grid-row:span 2;\n}\n\n.project img {\n width:100%;\n height:100%;\n object-fit:cover;\n transition:.8s;\n}\n\n.project:hover img {\n transform:scale(1.06);\n}\n\n.project::after {\n content:\"\";\n position:absolute;\n inset:0;\n background:linear-gradient(\n transparent 45%,\n rgba(10,7,11,.9)\n );\n}\n\n.project-info {\n position:absolute;\n z-index:2;\n bottom:25px;\n left:25px;\n}\n\n.project-info small {\n color:var(--gold2);\n text-transform:uppercase;\n letter-spacing:2px;\n font-size:10px;\n}\n\n.project-info h3 {\n font-family:Georgia,serif;\n font-weight:400;\n font-size:25px;\n margin-top:5px;\n}\n\n\/* =========================================================\n ABOUT\n ========================================================= *\/\n\n.about {\n padding:130px 0;\n background:var(--dark);\n}\n\n.about-grid {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:100px;\n align-items:center;\n}\n\n.about-image {\n min-height:560px;\n background:\n url(\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=85\")\n center\/cover;\n}\n\n.about-text p {\n color:var(--grey);\n line-height:1.85;\n font-size:16px;\n margin:22px 0;\n}\n\n.stats {\n display:flex;\n gap:60px;\n margin-top:40px;\n}\n\n.stat strong {\n display:block;\n color:var(--gold2);\n font-family:Georgia,serif;\n font-size:54px;\n font-weight:400;\n}\n\n.stat span {\n color:#aaa;\n font-size:12px;\n}\n\n\/* =========================================================\n CTA\n ========================================================= *\/\n\n.cta {\n padding:130px 20px;\n text-align:center;\n\n background:\n linear-gradient(\n rgba(16,11,18,.78),\n rgba(16,11,18,.94)\n ),\n url(\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2200&q=85\")\n center\/cover;\n}\n\n.cta h2 {\n font-family:Georgia,serif;\n font-size:clamp(42px,6vw,70px);\n font-weight:400;\n line-height:1.08;\n}\n\n.cta p {\n max-width:650px;\n margin:25px auto 35px;\n color:#bbb1bb;\n font-size:17px;\n}\n\n\/* =========================================================\n CONTACT\n ========================================================= *\/\n\n.contact {\n padding:130px 0;\n background:var(--black);\n}\n\n.contact-grid {\n display:grid;\n grid-template-columns:.8fr 1.2fr;\n gap:100px;\n}\n\n.contact-info p {\n color:var(--grey);\n line-height:1.8;\n margin:25px 0 40px;\n}\n\n.contact-item {\n margin-bottom:25px;\n}\n\n.contact-item small {\n display:block;\n color:var(--gold2);\n text-transform:uppercase;\n letter-spacing:2px;\n font-size:10px;\n margin-bottom:5px;\n}\n\n.contact-item a {\n font-size:18px;\n}\n\nform {\n display:grid;\n gap:15px;\n}\n\n.form-row {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:15px;\n}\n\ninput,\ntextarea,\nselect {\n width:100%;\n border:1px solid rgba(255,255,255,.12);\n background:#171018;\n color:white;\n padding:17px;\n outline:none;\n transition:.3s;\n}\n\ninput:focus,\ntextarea:focus,\nselect:focus {\n border-color:var(--gold);\n}\n\ntextarea {\n min-height:170px;\n resize:vertical;\n}\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n\nfooter {\n background:#080609;\n padding:65px 0 25px;\n border-top:1px solid var(--border);\n}\n\n.footer-grid {\n display:grid;\n grid-template-columns:1.5fr 1fr 1fr;\n gap:60px;\n padding-bottom:50px;\n}\n\n.footer-title {\n color:var(--gold2);\n text-transform:uppercase;\n letter-spacing:2px;\n font-size:11px;\n margin-bottom:18px;\n}\n\nfooter p,\nfooter a {\n color:#88808a;\n font-size:13px;\n line-height:2;\n}\n\n.footer-bottom {\n border-top:1px solid rgba(255,255,255,.08);\n padding-top:22px;\n display:flex;\n justify-content:space-between;\n color:#625b64;\n font-size:11px;\n}\n\n\/* =========================================================\n FLOATING BUTTONS\n ========================================================= *\/\n\n.floating {\n position:fixed;\n right:20px;\n bottom:20px;\n z-index:9000;\n display:flex;\n flex-direction:column;\n gap:10px;\n}\n\n.float-btn {\n width:52px;\n height:52px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n background:var(--gold);\n color:#100b10;\n font-weight:bold;\n box-shadow:0 8px 25px rgba(0,0,0,.35);\n transition:.3s;\n}\n\n.float-btn:hover {\n transform:scale(1.1);\n}\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n.reveal {\n opacity:0;\n transform:translateY(35px);\n transition:1s ease;\n}\n\n.reveal.visible {\n opacity:1;\n transform:translateY(0);\n}\n\n@keyframes heroIn {\n from {\n opacity:0;\n transform:translateY(35px);\n }\n\n to {\n opacity:1;\n transform:translateY(0);\n }\n}\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media(max-width:1000px) {\n\n .menu {\n position:absolute;\n top:88px;\n left:0;\n width:100%;\n background:rgba(11,8,13,.98);\n flex-direction:column;\n align-items:flex-start;\n padding:25px 5%;\n display:none;\n border-bottom:1px solid var(--border);\n }\n\n .menu.active {\n display:flex;\n }\n\n .mobile-btn {\n display:block;\n }\n\n .services-grid {\n grid-template-columns:1fr 1fr;\n }\n\n .intro-grid,\n .architectes-grid,\n .about-grid,\n .contact-grid {\n grid-template-columns:1fr;\n gap:50px;\n }\n\n .process-grid {\n grid-template-columns:1fr 1fr;\n }\n\n .architectes-image {\n height:450px;\n }\n\n .projects-grid {\n grid-template-columns:1fr 1fr;\n }\n\n .project:first-child {\n grid-row:span 1;\n }\n}\n\n@media(max-width:600px) {\n\n .nav {\n height:75px;\n }\n\n .logo {\n font-size:16px;\n letter-spacing:2px;\n }\n\n .hero {\n min-height:850px;\n background-position:60% center;\n }\n\n .hero h1 {\n font-size:51px;\n }\n\n .hero-text {\n font-size:16px;\n }\n\n section,\n .intro,\n .services,\n .architectes,\n .process,\n .projects,\n .about,\n .contact {\n padding:80px 0;\n }\n\n .services-grid,\n .process-grid,\n .projects-grid {\n grid-template-columns:1fr;\n }\n\n .project {\n height:330px;\n }\n\n .architectes-image,\n .about-image {\n min-height:350px;\n height:350px;\n }\n\n .form-row {\n grid-template-columns:1fr;\n }\n\n .stats {\n gap:30px;\n }\n\n .stat strong {\n font-size:42px;\n }\n\n .footer-grid {\n grid-template-columns:1fr;\n gap:35px;\n }\n\n .footer-bottom {\n flex-direction:column;\n gap:10px;\n }\n\n .floating {\n right:14px;\n bottom:14px;\n }\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n\n<!-- =====================================================\n HEADER\n===================================================== -->\n\n<header id=\"header\">\n\n<div class=\"container nav\">\n\n<a href=\"#accueil\" class=\"logo\">\nHARMONIA <span>DOMOTIC<\/span>\n<\/a>\n\n<nav class=\"menu\" id=\"menu\">\n\n<a href=\"#services\">Services<\/a>\n<a href=\"#architectes\">Architectes & Designers<\/a>\n<a href=\"#realisations\">R\u00e9alisations<\/a>\n<a href=\"#apropos\">\u00c0 propos<\/a>\n<a href=\"#contact\">Contact<\/a>\n\n<a href=\"#contact\" class=\"nav-cta\">\nDemander un devis\n<\/a>\n\n<\/nav>\n\n<button class=\"mobile-btn\" id=\"mobileBtn\">\n\u2630\n<\/button>\n\n<\/div>\n\n<\/header>\n\n\n<!-- =====================================================\n HERO\n===================================================== -->\n\n<main>\n\n<section class=\"hero\" id=\"accueil\">\n\n<div class=\"container\">\n\n<div class=\"hero-content\">\n\n<div class=\"eyebrow\">\n\u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage\n<\/div>\n\n<h1>\nLa technologie<br>\n<span>au service<\/span><br>\nde votre int\u00e9rieur.\n<\/h1>\n\n<p class=\"hero-text\">\nHarmonia Domotic imagine et r\u00e9alise des installations \u00e9lectriques,\ndes solutions domotiques et des \u00e9clairages sur mesure pour cr\u00e9er\ndes int\u00e9rieurs \u00e9l\u00e9gants, confortables et intelligents.\n<\/p>\n\n<div class=\"hero-buttons\">\n\n<a href=\"#contact\" class=\"btn btn-gold\">\nParler de votre projet\n<\/a>\n\n<a href=\"#services\" class=\"btn btn-outline\">\nD\u00e9couvrir notre expertise\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div class=\"scroll\">\nD\u00e9couvrir \u2193\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n INTRO\n===================================================== -->\n\n<section class=\"intro\">\n\n<div class=\"container\">\n\n<div class=\"intro-grid reveal\">\n\n<div>\n\n<div class=\"label\">\nNotre vision\n<\/div>\n\n<h2 class=\"title\">\nL'installation technique<br>\ndevient invisible.\n<\/h2>\n\n<\/div>\n\n<div class=\"intro-text\">\n\n<p>\nUne installation \u00e9lectrique r\u00e9ussie ne se r\u00e9sume pas \u00e0 des c\u00e2bles\net des appareillages. Elle doit s'int\u00e9grer naturellement \u00e0\nl'architecture et accompagner votre fa\u00e7on de vivre.\n<\/p>\n\n<br>\n\n<p>\nChez Harmonia Domotic, nous associons expertise technique,\nesth\u00e9tique et nouvelles technologies pour cr\u00e9er des solutions\ndurables et parfaitement int\u00e9gr\u00e9es.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n SERVICES\n===================================================== -->\n\n<section class=\"services\" id=\"services\">\n\n<div class=\"container\">\n\n<div class=\"section-head reveal\">\n\n<div class=\"label\">\nNos expertises\n<\/div>\n\n<h2 class=\"title\">\nUne approche globale<br>\nde votre projet.\n<\/h2>\n\n<\/div>\n\n\n<div class=\"services-grid\">\n\n<article class=\"service reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\" alt=\"Installation domotique maison\">\n\n<div class=\"service-content\">\n\n<div class=\"service-number\">01 \u2014 \u00c9LECTRICIT\u00c9<\/div>\n\n<h3>R\u00e9novation \u00e9lectrique<\/h3>\n\n<p>\nR\u00e9novation, cr\u00e9ation de circuits, tableaux \u00e9lectriques,\nmise en s\u00e9curit\u00e9 et installations neuves.\n<\/p>\n\n<\/div>\n\n<\/article>\n\n\n<article class=\"service reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556912173-46c336c7fd55?auto=format&fit=crop&w=1000&q=80\" alt=\"Maison intelligente\">\n\n<div class=\"service-content\">\n\n<div class=\"service-number\">02 \u2014 DOMOTIQUE<\/div>\n\n<h3>Maison intelligente<\/h3>\n\n<p>\nPilotage automatis\u00e9 ou contr\u00f4l\u00e9 de l'\u00e9clairage,\ndes volets, du chauffage et des \u00e9quipements.\n<\/p>\n\n<\/div>\n\n<\/article>\n\n\n<article class=\"service reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540932239986-30128078f3c5?auto=format&fit=crop&w=1000&q=80\" alt=\"\u00c9clairage architectural\">\n\n<div class=\"service-content\">\n\n<div class=\"service-number\">03 \u2014 LUMI\u00c8RE<\/div>\n\n<h3>\u00c9clairage architectural<\/h3>\n\n<p>\nCr\u00e9ation d'ambiances lumineuses et mise en valeur\ndes volumes, mati\u00e8res et \u00e9l\u00e9ments architecturaux.\n<\/p>\n\n<\/div>\n\n<\/article>\n\n\n<article class=\"service reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1000&q=80\" alt=\"D\u00e9pannage \u00e9lectrique\">\n\n<div class=\"service-content\">\n\n<div class=\"service-number\">04 \u2014 SERVICE<\/div>\n\n<h3>D\u00e9pannage<\/h3>\n\n<p>\nDiagnostic, recherche de panne et intervention\nsur les installations \u00e9lectriques existantes.\n<\/p>\n\n<\/div>\n\n<\/article>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n IMAGE IMMERSIVE\n===================================================== -->\n\n<section class=\"visual\">\n\n<div class=\"container\">\n\n<div class=\"visual-content reveal\">\n\n<div class=\"label\">\nL'exp\u00e9rience Harmonia\n<\/div>\n\n<h2 class=\"title\">\nLa technique<br>\navec \u00e9l\u00e9gance.\n<\/h2>\n\n<p>\nChaque d\u00e9tail compte : emplacement des commandes,\nint\u00e9gration des \u00e9quipements, sc\u00e9narios lumineux,\nconfort d'utilisation et discr\u00e9tion des installations.\n<\/p>\n\n<a href=\"#contact\" class=\"btn btn-gold\">\nImaginer votre projet\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n ARCHITECTES\n===================================================== -->\n\n<section class=\"architectes\" id=\"architectes\">\n\n<div class=\"container\">\n\n<div class=\"architectes-grid\">\n\n<div class=\"architectes-image reveal\"><\/div>\n\n<div class=\"architectes-text reveal\">\n\n<div class=\"label\">\nPour les professionnels\n<\/div>\n\n<h2 class=\"title\">\nArchitectes<br>\n& Designers\n<\/h2>\n\n<p>\nVous imaginez des espaces singuliers.\nNous vous accompagnons pour traduire votre vision\nen solutions \u00e9lectriques et techniques parfaitement int\u00e9gr\u00e9es.\n<\/p>\n\n<div class=\"architectes-points\">\n\n<div class=\"point\">\n<span>\u2726<\/span>\n\u00c9tude technique d\u00e8s la conception\n<\/div>\n\n<div class=\"point\">\n<span>\u2726<\/span>\nCoordination avec les diff\u00e9rents intervenants\n<\/div>\n\n<div class=\"point\">\n<span>\u2726<\/span>\nInt\u00e9gration discr\u00e8te des \u00e9quipements\n<\/div>\n\n<div class=\"point\">\n<span>\u2726<\/span>\n\u00c9clairage architectural et sc\u00e9narios lumineux\n<\/div>\n\n<div class=\"point\">\n<span>\u2726<\/span>\nSuivi et r\u00e9alisation soign\u00e9e\n<\/div>\n\n<\/div>\n\n<a href=\"#contact\" class=\"btn btn-gold\">\nCollaborer sur un projet\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n PROCESS\n===================================================== -->\n\n<section class=\"process\">\n\n<div class=\"container\">\n\n<div class=\"section-head reveal\">\n\n<div class=\"label\">\nNotre m\u00e9thode\n<\/div>\n\n<h2 class=\"title\">\nDe l'id\u00e9e \u00e0 la r\u00e9alisation.\n<\/h2>\n\n<\/div>\n\n<div class=\"process-grid\">\n\n<div class=\"step reveal\">\n\n<div class=\"step-number\">01<\/div>\n\n<h3>\u00c9changer<\/h3>\n\n<p>\nNous d\u00e9couvrons votre projet, vos besoins,\nvos envies et vos contraintes.\n<\/p>\n\n<\/div>\n\n\n<div class=\"step reveal\">\n\n<div class=\"step-number\">02<\/div>\n\n<h3>Concevoir<\/h3>\n\n<p>\nNous d\u00e9finissons ensemble les solutions techniques\net les \u00e9quipements adapt\u00e9s.\n<\/p>\n\n<\/div>\n\n\n<div class=\"step reveal\">\n\n<div class=\"step-number\">03<\/div>\n\n<h3>R\u00e9aliser<\/h3>\n\n<p>\nL'installation est r\u00e9alis\u00e9e avec soin,\ndans le respect du projet architectural.\n<\/p>\n\n<\/div>\n\n\n<div class=\"step reveal\">\n\n<div class=\"step-number\">04<\/div>\n\n<h3>Accompagner<\/h3>\n\n<p>\nNous restons disponibles pour le suivi,\nles r\u00e9glages et les \u00e9volutions futures.\n<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n REALISATIONS\n===================================================== -->\n\n<section class=\"projects\" id=\"realisations\">\n\n<div class=\"container\">\n\n<div class=\"section-head reveal\">\n\n<div class=\"label\">\nInspirations\n<\/div>\n\n<h2 class=\"title\">\nDes espaces pens\u00e9s<br>\ndans les moindres d\u00e9tails.\n<\/h2>\n\n<\/div>\n\n\n<div class=\"projects-grid\">\n\n<div class=\"project reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=85\" alt=\"Int\u00e9rieur contemporain\">\n\n<div class=\"project-info\">\n\n<small>R\u00e9sidentiel<\/small>\n\n<h3>Appartement contemporain<\/h3>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"project reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1000&q=85\" alt=\"Salon haut de gamme\">\n\n<div class=\"project-info\">\n\n<small>\u00c9clairage<\/small>\n\n<h3>Mise en lumi\u00e8re<\/h3>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"project reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85\" alt=\"Architecture int\u00e9rieure\">\n\n<div class=\"project-info\">\n\n<small>Architecture<\/small>\n\n<h3>Int\u00e9rieur sur mesure<\/h3>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"project reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=1000&q=85\" alt=\"Domotique maison\">\n\n<div class=\"project-info\">\n\n<small>Domotique<\/small>\n\n<h3>Maison intelligente<\/h3>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"project reveal\">\n\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85\" alt=\"Maison moderne\">\n\n<div class=\"project-info\">\n\n<small>R\u00e9novation<\/small>\n\n<h3>R\u00e9novation haut de gamme<\/h3>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n ABOUT\n===================================================== -->\n\n<section class=\"about\" id=\"apropos\">\n\n<div class=\"container\">\n\n<div class=\"about-grid\">\n\n<div class=\"about-image reveal\"><\/div>\n\n<div class=\"about-text reveal\">\n\n<div class=\"label\">\nHarmonia Domotic\n<\/div>\n\n<h2 class=\"title\">\n20 ann\u00e9es<br>\nde savoir-faire.\n<\/h2>\n\n<p>\nHarmonia Domotic est n\u00e9e d'une volont\u00e9 simple :\nproposer une approche diff\u00e9rente de l'\u00e9lectricit\u00e9,\nplus attentive \u00e0 l'architecture, au confort et \u00e0 l'esth\u00e9tique.\n<\/p>\n\n<p>\nNous intervenons aupr\u00e8s des particuliers mais \u00e9galement\ndes architectes, designers et professionnels de l'am\u00e9nagement\npour leurs projets r\u00e9sidentiels.\n<\/p>\n\n<p>\nNotre priorit\u00e9 : une installation fiable, propre,\n\u00e9volutive et parfaitement int\u00e9gr\u00e9e \u00e0 votre int\u00e9rieur.\n<\/p>\n\n<div class=\"stats\">\n\n<div class=\"stat\">\n<strong>20+<\/strong>\n<span>ann\u00e9es d'exp\u00e9rience<\/span>\n<\/div>\n\n<div class=\"stat\">\n<strong>Lyon<\/strong>\n<span>et agglom\u00e9ration<\/span>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n CTA\n===================================================== -->\n\n<section class=\"cta\">\n\n<div class=\"container reveal\">\n\n<div class=\"label\">\nVotre projet\n<\/div>\n\n<h2>\nCr\u00e9ons ensemble<br>\nun int\u00e9rieur d'exception.\n<\/h2>\n\n<p>\nVous avez un projet de r\u00e9novation, de construction,\nd'\u00e9clairage ou de domotique ?\n\u00c9changeons simplement autour de vos besoins.\n<\/p>\n\n<a href=\"#contact\" class=\"btn btn-gold\">\nDemander un devis\n<\/a>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n CONTACT\n===================================================== -->\n\n<section class=\"contact\" id=\"contact\">\n\n<div class=\"container\">\n\n<div class=\"contact-grid\">\n\n<div class=\"contact-info reveal\">\n\n<div class=\"label\">\nContact\n<\/div>\n\n<h2 class=\"title\">\nParlons<br>\nde votre projet.\n<\/h2>\n\n<p>\nD\u00e9crivez-nous votre projet et vos attentes.\nNous vous recontacterons afin d'\u00e9changer\nsur les diff\u00e9rentes possibilit\u00e9s.\n<\/p>\n\n\n<div class=\"contact-item\">\n\n<small>Email<\/small>\n\n<a href=\"mailto:contact@harmonia-domotic.com\">\ncontact@harmonia-domotic.com\n<\/a>\n\n<\/div>\n\n\n<div class=\"contact-item\">\n\n<small>T\u00e9l\u00e9phone<\/small>\n\n<a href=\"tel:0619537999\">\n06 19 53 79 99\n<\/a>\n\n<\/div>\n\n\n<div class=\"contact-item\">\n\n<small>Secteur<\/small>\n\nRh\u00f4ne \u2022 Ain \u2022 Is\u00e8re \u2022 Loire\n\n<\/div>\n\n<\/div>\n\n\n<form class=\"reveal\" action=\"#\" method=\"POST\">\n\n<div class=\"form-row\">\n\n<input\ntype=\"text\"\nname=\"nom\"\nplaceholder=\"Nom et pr\u00e9nom\"\nrequired\n>\n\n<input\ntype=\"email\"\nname=\"email\"\nplaceholder=\"Adresse email\"\nrequired\n>\n\n<\/div>\n\n\n<div class=\"form-row\">\n\n<input\ntype=\"tel\"\nname=\"telephone\"\nplaceholder=\"T\u00e9l\u00e9phone\"\n>\n\n<select name=\"type\">\n\n<option value=\"\">\nType de projet\n<\/option>\n\n<option>\nR\u00e9novation \u00e9lectrique\n<\/option>\n\n<option>\nInstallation \u00e9lectrique\n<\/option>\n\n<option>\nDomotique\n<\/option>\n\n<option>\n\u00c9clairage\n<\/option>\n\n<option>\nD\u00e9pannage\n<\/option>\n\n<option>\nArchitecte \/ Designer\n<\/option>\n\n<option>\nAutre\n<\/option>\n\n<\/select>\n\n<\/div>\n\n\n<textarea\nname=\"message\"\nplaceholder=\"D\u00e9crivez votre projet...\"\nrequired\n><\/textarea>\n\n\n<button\ntype=\"submit\"\nclass=\"btn btn-gold\"\n>\nEnvoyer ma demande\n<\/button>\n\n<\/form>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n<\/main>\n\n\n<!-- =====================================================\n FOOTER\n===================================================== -->\n\n<footer>\n\n<div class=\"container\">\n\n<div class=\"footer-grid\">\n\n<div>\n\n<div class=\"logo\">\nHARMONIA <span>DOMOTIC<\/span>\n<\/div>\n\n<br>\n\n<p>\n\u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage\n<\/p>\n\n<p>\nLyon & agglom\u00e9ration lyonnaise\n<\/p>\n\n<\/div>\n\n\n<div>\n\n<div class=\"footer-title\">\nNavigation\n<\/div>\n\n<p><a href=\"#services\">Services<\/a><\/p>\n<p><a href=\"#architectes\">Architectes & Designers<\/a><\/p>\n<p><a href=\"#realisations\">R\u00e9alisations<\/a><\/p>\n<p><a href=\"#apropos\">\u00c0 propos<\/a><\/p>\n\n<\/div>\n\n\n<div>\n\n<div class=\"footer-title\">\nContact\n<\/div>\n\n<p>\n<a href=\"mailto:contact@harmonia-domotic.com\">\ncontact@harmonia-domotic.com\n<\/a>\n<\/p>\n\n<p>\n<a href=\"#contact\">\nDemander un devis\n<\/a>\n<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"footer-bottom\">\n\n<span>\n\u00a9 2026 Harmonia Domotic\n<\/span>\n\n<span>\n\u00c9lectricit\u00e9 & Domotique \u00e0 Lyon\n<\/span>\n\n<\/div>\n\n<\/div>\n\n<\/footer>\n\n\n<!-- =====================================================\n FLOATING BUTTONS\n===================================================== -->\n\n<div class=\"floating\">\n\n<a\nhref=\"tel:+33600000000\"\nclass=\"float-btn\"\ntitle=\"Appeler Harmonia Domotic\"\n>\n\u260e\n<\/a>\n\n<a\nhref=\"https:\/\/wa.me\/33600000000\"\nclass=\"float-btn\"\ntarget=\"_blank\"\ntitle=\"WhatsApp\"\n>\nWA\n<\/a>\n\n<\/div>\n\n\n<script>\n\n\/* =========================================================\n MENU MOBILE\n========================================================= *\/\n\nconst mobileBtn = document.getElementById(\"mobileBtn\");\nconst menu = document.getElementById(\"menu\");\n\nmobileBtn.addEventListener(\"click\", () => {\n\n menu.classList.toggle(\"active\");\n\n});\n\n\ndocument.querySelectorAll(\".menu a\").forEach(link => {\n\n link.addEventListener(\"click\", () => {\n\n menu.classList.remove(\"active\");\n\n });\n\n});\n\n\n\/* =========================================================\n HEADER AU SCROLL\n========================================================= *\/\n\nconst header = document.getElementById(\"header\");\n\nwindow.addEventListener(\"scroll\", () => {\n\n if(window.scrollY > 50) {\n\n header.classList.add(\"scrolled\");\n\n } else {\n\n header.classList.remove(\"scrolled\");\n\n }\n\n});\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\nconst observer = new IntersectionObserver(\n\n entries => {\n\n entries.forEach(entry => {\n\n if(entry.isIntersecting) {\n\n entry.target.classList.add(\"visible\");\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n },\n\n {\n threshold:.12\n }\n\n);\n\n\ndocument.querySelectorAll(\".reveal\").forEach(element => {\n\n observer.observe(element);\n\n});\n\n\n\/* =========================================================\n FORMULAIRE\n========================================================= *\/\n\nconst form = document.querySelector(\"form\");\n\nform.addEventListener(\"submit\", function(e) {\n\n e.preventDefault();\n\n alert(\n \"Merci pour votre demande. Le formulaire doit maintenant \u00eatre connect\u00e9 \u00e0 votre adresse contact@harmonia-domotic.com dans WordPress.\"\n );\n\n});\n\n\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78cb49e7 elementor-widget elementor-widget-text-editor\" data-id=\"78cb49e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Harmonia Domotic | \u00c9lectricit\u00e9 & Domotique Haut de Gamme \u00e0 Lyon<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#accueil\">HARMONIA DOMOTIC<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#services\">Services<\/a><br><a href=\"#architectes\">Architectes & Designers<\/a><br><a href=\"#realisations\">R\u00e9alisations<\/a><br><a href=\"#apropos\">\u00c0 propos<\/a><br><a href=\"#contact\">Contact<\/a> <a href=\"#contact\">Demander un devis<\/a> \u2630<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">La technologie<br>au service<br>de votre int\u00e9rieur.<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Harmonia Domotic imagine et r\u00e9alise des installations \u00e9lectriques, des solutions domotiques et des \u00e9clairages sur mesure pour cr\u00e9er des int\u00e9rieurs \u00e9l\u00e9gants, confortables et intelligents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#contact\">Parler de votre projet<\/a> <a href=\"#services\">D\u00e9couvrir notre expertise<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9couvrir \u2193<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre vision<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L’installation technique<br>devient invisible.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une installation \u00e9lectrique r\u00e9ussie ne se r\u00e9sume pas \u00e0 des c\u00e2bles et des appareillages. Elle doit s’int\u00e9grer naturellement \u00e0 l’architecture et accompagner votre fa\u00e7on de vivre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chez Harmonia Domotic, nous associons expertise technique, esth\u00e9tique et nouvelles technologies pour cr\u00e9er des solutions durables et parfaitement int\u00e9gr\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nos expertises<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Une approche globale<br>de votre projet.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\" alt=\"Installation domotique maison\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">01 \u2014 \u00c9LECTRICIT\u00c9<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9novation \u00e9lectrique<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e9novation, cr\u00e9ation de circuits, tableaux \u00e9lectriques, mise en s\u00e9curit\u00e9 et installations neuves. <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556912173-46c336c7fd55?auto=format&fit=crop&w=1000&q=80\" alt=\"Maison intelligente\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">02 \u2014 DOMOTIQUE<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maison intelligente<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pilotage automatis\u00e9 ou contr\u00f4l\u00e9 de l’\u00e9clairage, des volets, du chauffage et des \u00e9quipements. <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540932239986-30128078f3c5?auto=format&fit=crop&w=1000&q=80\" alt=\"\u00c9clairage architectural\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">03 \u2014 LUMI\u00c8RE<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9clairage architectural<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9ation d’ambiances lumineuses et mise en valeur des volumes, mati\u00e8res et \u00e9l\u00e9ments architecturaux. <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1000&q=80\" alt=\"D\u00e9pannage \u00e9lectrique\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">04 \u2014 SERVICE<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">D\u00e9pannage<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Diagnostic, recherche de panne et intervention sur les installations \u00e9lectriques existantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L’exp\u00e9rience Harmonia<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La technique<br>avec \u00e9l\u00e9gance.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque d\u00e9tail compte : emplacement des commandes, int\u00e9gration des \u00e9quipements, sc\u00e9narios lumineux, confort d’utilisation et discr\u00e9tion des installations. <a href=\"#contact\">Imaginer votre projet<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les professionnels<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Architectes<br>& Designers<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous imaginez des espaces singuliers. Nous vous accompagnons pour traduire votre vision en solutions \u00e9lectriques et techniques parfaitement int\u00e9gr\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2726 \u00c9tude technique d\u00e8s la conception<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2726 Coordination avec les diff\u00e9rents intervenants<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2726 Int\u00e9gration discr\u00e8te des \u00e9quipements<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2726 \u00c9clairage architectural et sc\u00e9narios lumineux<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2726 Suivi et r\u00e9alisation soign\u00e9e<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#contact\">Collaborer sur un projet<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre m\u00e9thode<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">De l’id\u00e9e \u00e0 la r\u00e9alisation.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9changer<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nous d\u00e9couvrons votre projet, vos besoins, vos envies et vos contraintes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">02<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Concevoir<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nous d\u00e9finissons ensemble les solutions techniques et les \u00e9quipements adapt\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">03<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9aliser<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L’installation est r\u00e9alis\u00e9e avec soin, dans le respect du projet architectural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">04<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accompagner<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nous restons disponibles pour le suivi, les r\u00e9glages et les \u00e9volutions futures.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inspirations<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Des espaces pens\u00e9s<br>dans les moindres d\u00e9tails.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=85\" alt=\"Int\u00e9rieur contemporain\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>R\u00e9sidentiel<\/small><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Appartement contemporain<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1000&q=85\" alt=\"Salon haut de gamme\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>\u00c9clairage<\/small><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mise en lumi\u00e8re<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85\" alt=\"Architecture int\u00e9rieure\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>Architecture<\/small><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Int\u00e9rieur sur mesure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=1000&q=85\" alt=\"Domotique maison\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>Domotique<\/small><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maison intelligente<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85\" alt=\"Maison moderne\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>R\u00e9novation<\/small><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9novation haut de gamme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Harmonia Domotic<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">20 ann\u00e9es<br>de savoir-faire.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Harmonia Domotic est n\u00e9e d’une volont\u00e9 simple : proposer une approche diff\u00e9rente de l’\u00e9lectricit\u00e9, plus attentive \u00e0 l’architecture, au confort et \u00e0 l’esth\u00e9tique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous intervenons aupr\u00e8s des particuliers mais \u00e9galement des architectes, designers et professionnels de l’am\u00e9nagement pour leurs projets r\u00e9sidentiels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre priorit\u00e9 : une installation fiable, propre, \u00e9volutive et parfaitement int\u00e9gr\u00e9e \u00e0 votre int\u00e9rieur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>20+<\/strong>ann\u00e9es d’exp\u00e9rience<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Lyon<\/strong>et agglom\u00e9ration<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Votre projet<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cr\u00e9ons ensemble<br>un int\u00e9rieur d’exception.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous avez un projet de r\u00e9novation, de construction, d’\u00e9clairage ou de domotique ? \u00c9changeons simplement autour de vos besoins. <a href=\"#contact\">Demander un devis<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contact<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Parlons<br>de votre projet.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9crivez-nous votre projet et vos attentes. Nous vous recontacterons afin d’\u00e9changer sur les diff\u00e9rentes possibilit\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>Email<\/small> <a href=\"mailto:contact@harmonia-domotic.com\">contact@harmonia-domotic.com<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>T\u00e9l\u00e9phone<\/small> <a href=\"tel:0619537999\">06 19 53 79 99<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><small>Secteur<\/small><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rh\u00f4ne \u2022 Ain \u2022 Is\u00e8re \u2022 Loire<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><input<br>type=\u00a0\u00bbtext\u00a0\u00bb<br>name=\u00a0\u00bbnom\u00a0\u00bb<br>placeholder=\u00a0\u00bbNom et pr\u00e9nom\u00a0\u00bb<br>required<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><input<br>type=\u00a0\u00bbemail\u00a0\u00bb<br>name=\u00a0\u00bbemail\u00a0\u00bb<br>placeholder=\u00a0\u00bbAdresse email\u00a0\u00bb<br>required<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><input<br>type=\u00a0\u00bbtel\u00a0\u00bb<br>name=\u00a0\u00bbtelephone\u00a0\u00bb<br>placeholder=\u00a0\u00bbT\u00e9l\u00e9phone\u00a0\u00bb Type de projet R\u00e9novation \u00e9lectrique Installation \u00e9lectrique Domotique \u00c9clairage D\u00e9pannage Architecte \/ Designer Autre<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><button<br>type=\u00a0\u00bbsubmit\u00a0\u00bb<br>class=\u00a0\u00bbbtn btn-gold\u00a0\u00bb<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Envoyer ma demande<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HARMONIA DOMOTIC<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lyon & agglom\u00e9ration lyonnaise<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Navigation<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#services\">Services<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#architectes\">Architectes & Designers<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#realisations\">R\u00e9alisations<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#apropos\">\u00c0 propos<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contact<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"mailto:contact@harmonia-domotic.com\">contact@harmonia-domotic.com<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#contact\">Demander un devis<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a9 2026 Harmonia Domotic \u00c9lectricit\u00e9 & Domotique \u00e0 Lyon<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a<br>href=\u00a0\u00bbtel:+33600000000″<br>class=\u00a0\u00bbfloat-btn\u00a0\u00bb<br>title=\u00a0\u00bbAppeler Harmonia Domotic\u00a0\u00bb<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u260e<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a<br>href=\u00a0\u00bb<a href=\"https:\/\/wa.me\/33600000000\">https:\/\/wa.me\/33600000000<\/a>\u00ab\u00a0<br>class=\u00a0\u00bbfloat-btn\u00a0\u00bb<br>target=\u00a0\u00bb_blank\u00a0\u00bb<br>title=\u00a0\u00bbWhatsApp\u00a0\u00bb<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WA<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\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>Harmonia Domotic | \u00c9lectricit\u00e9 & Domotique Haut de Gamme \u00e0 Lyon HARMONIA DOMOTIC Services Architectes & Designers R\u00e9alisations \u00c0 propos Contact Demander un devis \u2630 \u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage La technologie au service de votre int\u00e9rieur. Harmonia Domotic imagine et r\u00e9alise des installations \u00e9lectriques, des solutions domotiques et des \u00e9clairages sur mesure pour cr\u00e9er […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harmonia-domotic.com\/index.php\/home\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:description\" content=\"Harmonia Domotic | \u00c9lectricit\u00e9 & Domotique Haut de Gamme \u00e0 Lyon HARMONIA DOMOTIC Services Architectes & Designers R\u00e9alisations \u00c0 propos Contact Demander un devis \u2630 \u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage La technologie au service de votre int\u00e9rieur. Harmonia Domotic imagine et r\u00e9alise des installations \u00e9lectriques, des solutions domotiques et des \u00e9clairages sur mesure pour cr\u00e9er […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmonia-domotic.com\/index.php\/home\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-06T20:08:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/\",\"url\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\",\"datePublished\":\"2026-09-06T20:05:09+00:00\",\"dateModified\":\"2026-09-06T20:08:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/index.php\\\/home\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/harmonia-domotic.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/harmonia-domotic.com\\\/#website\",\"url\":\"https:\\\/\\\/harmonia-domotic.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/harmonia-domotic.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/harmonia-domotic.com\/index.php\/home\/","og_locale":"fr_FR","og_type":"article","og_title":"Home -","og_description":"Harmonia Domotic | \u00c9lectricit\u00e9 & Domotique Haut de Gamme \u00e0 Lyon HARMONIA DOMOTIC Services Architectes & Designers R\u00e9alisations \u00c0 propos Contact Demander un devis \u2630 \u00c9lectricit\u00e9 \u2022 Domotique \u2022 \u00c9clairage La technologie au service de votre int\u00e9rieur. Harmonia Domotic imagine et r\u00e9alise des installations \u00e9lectriques, des solutions domotiques et des \u00e9clairages sur mesure pour cr\u00e9er […]","og_url":"https:\/\/harmonia-domotic.com\/index.php\/home\/","article_modified_time":"2026-09-06T20:08:01+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/","url":"https:\/\/harmonia-domotic.com\/index.php\/home\/","name":"Home -","isPartOf":{"@id":"https:\/\/harmonia-domotic.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/#primaryimage"},"image":{"@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80","datePublished":"2026-09-06T20:05:09+00:00","dateModified":"2026-09-06T20:08:01+00:00","breadcrumb":{"@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmonia-domotic.com\/index.php\/home\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=1000&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/harmonia-domotic.com\/index.php\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/harmonia-domotic.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/harmonia-domotic.com\/#website","url":"https:\/\/harmonia-domotic.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harmonia-domotic.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":4,"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/pages\/95\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/harmonia-domotic.com\/index.php\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}