{"id":23,"date":"2026-08-19T10:18:47","date_gmt":"2026-08-19T08:18:47","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=23"},"modified":"2026-09-14T13:40:07","modified_gmt":"2026-09-14T11:40:07","slug":"domotique","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/domotique\/","title":{"rendered":"Domotique et maison connect\u00e9e"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- =========================================================\n     WEB JOUGLET STUDIO\n     MOD\u00c8LE \u00c9LECTRICIEN \u2014 DOMOTIQUE\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/domotique\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-domotique\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-domotique{\n    --navy:#071828;\n    --navy2:#0b2239;\n    --blue:#1687ff;\n    --blue-dark:#0668ce;\n    --cyan:#7dcbff;\n    --soft:#f4f8fc;\n    --soft-blue:#eaf5ff;\n    --white:#ffffff;\n    --text:#102436;\n    --muted:#607487;\n    --border:#dce7f0;\n    --shadow:0 18px 50px rgba(7,24,40,.10);\n\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n\n    overflow:clip;\n\n    background:#fff;\n    color:var(--text);\n\n    font-family:\n        Inter,\n        ui-sans-serif,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Arial,\n        sans-serif;\n\n    line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n}\n\n.wj-domotique *,\n.wj-domotique *::before,\n.wj-domotique *::after{\n    box-sizing:border-box;\n}\n\n.wj-domotique img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-domotique h1,\n.wj-domotique h2,\n.wj-domotique h3,\n.wj-domotique p{\n    margin-top:0;\n}\n\n.wj-domotique h1,\n.wj-domotique h2,\n.wj-domotique h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-domotique a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.wj-container{\n    width:min(1180px,calc(100% - 40px));\n    margin-inline:auto;\n}\n\n.wj-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-bottom:15px;\n\n    color:var(--blue-dark);\n\n    font-size:.76rem;\n    font-weight:800;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.wj-kicker::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    border-radius:99px;\n\n    background:var(--blue);\n}\n\n.wj-section-head{\n    max-width:760px;\n    margin-bottom:38px;\n}\n\n.wj-section-head h2{\n    margin-bottom:13px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-section-head p{\n    max-width:650px;\n    margin:0;\n\n    color:var(--muted);\n}\n\n.wj-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    min-height:50px;\n\n    padding:0 21px;\n\n    border:1px solid transparent;\n    border-radius:13px;\n\n    font-size:.9rem;\n    font-weight:800;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.wj-btn:hover{\n    transform:translateY(-2px);\n}\n\n.wj-btn-primary{\n    background:var(--blue);\n    color:#fff !important;\n\n    box-shadow:0 12px 28px rgba(22,135,255,.23);\n}\n\n.wj-btn-primary:hover{\n    background:var(--blue-dark);\n}\n\n.wj-btn-light{\n    border-color:rgba(255,255,255,.24);\n\n    background:rgba(255,255,255,.07);\n\n    color:#fff !important;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.wj-hero{\n    position:relative;\n\n    min-height:680px;\n\n    overflow:hidden;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-hero-media{\n    position:absolute;\n    inset:0;\n}\n\n.wj-hero-media img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n    object-position:center;\n}\n\n.wj-hero-media::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(4,18,31,.97) 0%,\n            rgba(4,18,31,.91) 40%,\n            rgba(4,18,31,.50) 68%,\n            rgba(4,18,31,.18) 100%\n        );\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    min-height:680px;\n\n    display:flex;\n    align-items:center;\n}\n\n.wj-hero-content{\n    max-width:730px;\n\n    padding:75px 0;\n}\n\n.wj-hero .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-hero h1{\n    margin-bottom:20px;\n\n    color:#fff;\n\n    font-size:clamp(2.8rem,6vw,5.3rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:650px;\n\n    margin-bottom:29px;\n\n    color:#c8d7e3;\n\n    font-size:1.05rem;\n}\n\n.wj-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:11px;\n}\n\n.wj-hero-trust{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:18px;\n\n    margin-top:35px;\n\n    color:#d7e3ec;\n\n    font-size:.79rem;\n    font-weight:700;\n}\n\n.wj-hero-trust span{\n    display:flex;\n    align-items:center;\n\n    gap:7px;\n}\n\n.wj-hero-trust i{\n    width:19px;\n    height:19px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.17);\n\n    color:#8bd2ff;\n\n    font-size:.65rem;\n    font-style:normal;\n}\n\n\n\/* =========================================================\n   INTRO MAISON CONNECT\u00c9E\n   ========================================================= *\/\n\n.wj-intro{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-intro-grid{\n    display:grid;\n\n    grid-template-columns:.9fr 1.1fr;\n\n    gap:72px;\n\n    align-items:center;\n}\n\n.wj-intro-copy{\n    max-width:520px;\n}\n\n.wj-intro-copy h2{\n    margin-bottom:18px;\n\n    color:var(--navy);\n\n    font-size:clamp(2.1rem,4vw,3.55rem);\n}\n\n.wj-intro-copy > p{\n    color:var(--muted);\n\n    font-size:.96rem;\n}\n\n.wj-intro-list{\n    display:grid;\n\n    gap:10px;\n\n    margin-top:26px;\n}\n\n.wj-intro-item{\n    display:grid;\n\n    grid-template-columns:40px 1fr;\n\n    gap:12px;\n\n    padding:13px 14px;\n\n    border:1px solid var(--border);\n    border-radius:13px;\n\n    background:#fff;\n}\n\n.wj-intro-item-icon{\n    width:36px;\n    height:36px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.72rem;\n    font-weight:900;\n}\n\n.wj-intro-item strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:var(--navy);\n\n    font-size:.83rem;\n}\n\n.wj-intro-item span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.71rem;\n}\n\n\n\/* PHOTO *\/\n\n.wj-intro-visual{\n    position:relative;\n\n    min-height:560px;\n}\n\n.wj-intro-photo{\n    position:absolute;\n\n    inset:0 55px 55px 0;\n\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:#dbe7ef;\n\n    box-shadow:0 20px 55px rgba(7,24,40,.10);\n}\n\n.wj-intro-photo img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-intro-photo::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 47%,\n            rgba(5,20,34,.32) 100%\n        );\n}\n\n.wj-intro-caption{\n    position:absolute;\n    z-index:3;\n\n    left:22px;\n    bottom:22px;\n\n    padding:9px 12px;\n\n    border:1px solid rgba(255,255,255,.55);\n    border-radius:10px;\n\n    background:rgba(255,255,255,.92);\n\n    color:var(--navy);\n\n    font-size:.7rem;\n    font-weight:800;\n\n    box-shadow:0 9px 25px rgba(7,24,40,.15);\n}\n\n\n\/* CARTE FLOTTANTE *\/\n\n.wj-intro-floating{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:260px;\n\n    padding:20px;\n\n    border-radius:20px;\n\n    background:var(--navy);\n\n    box-shadow:0 22px 55px rgba(7,24,40,.24);\n}\n\n.wj-intro-floating-title{\n    display:flex;\n    align-items:center;\n\n    gap:11px;\n\n    margin-bottom:15px;\n}\n\n.wj-intro-floating-icon{\n    width:41px;\n    height:41px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:var(--blue);\n\n    color:#fff;\n}\n\n.wj-intro-floating-title strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:.86rem;\n}\n\n.wj-intro-floating-title span{\n    display:block;\n\n    color:#94abba;\n\n    font-size:.65rem;\n}\n\n.wj-intro-floating-list{\n    display:grid;\n    gap:7px;\n}\n\n.wj-intro-floating-list div{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    padding:8px 9px;\n\n    border-radius:9px;\n\n    background:rgba(255,255,255,.055);\n\n    color:#dce7ef;\n\n    font-size:.68rem;\n    font-weight:700;\n}\n\n.wj-intro-floating-list i{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:#69caff;\n\n    box-shadow:0 0 0 4px rgba(105,202,255,.10);\n}\n\n\n\/* =========================================================\n   DOMAINES DOMOTIQUES\n   ========================================================= *\/\n\n.wj-uses{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-uses-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-use{\n    min-height:225px;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n.wj-use:hover{\n    transform:translateY(-4px);\n\n    border-color:#bdddf9;\n\n    box-shadow:var(--shadow);\n}\n\n.wj-use-icon{\n    width:43px;\n    height:43px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:28px;\n\n    border-radius:12px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.72rem;\n    font-weight:900;\n}\n\n.wj-use h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1rem;\n}\n\n.wj-use p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n\n\/* =========================================================\n   SC\u00c9NARIOS\n   ========================================================= *\/\n\n.wj-scenarios{\n    padding:100px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-scenarios .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-scenarios-grid{\n    display:grid;\n\n    grid-template-columns:.83fr 1.17fr;\n\n    gap:70px;\n\n    align-items:start;\n}\n\n.wj-scenario-copy{\n    position:sticky;\n    top:30px;\n}\n\n.wj-scenario-copy h2{\n    margin-bottom:16px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.35rem);\n}\n\n.wj-scenario-copy p{\n    color:#b8cad7;\n}\n\n.wj-scenario-copy-note{\n    margin-top:25px;\n\n    padding:15px;\n\n    border-left:3px solid var(--blue);\n    border-radius:0 11px 11px 0;\n\n    background:rgba(255,255,255,.05);\n\n    color:#d8e4ec;\n\n    font-size:.79rem;\n}\n\n.wj-scenario-list{\n    display:grid;\n\n    gap:10px;\n}\n\n.wj-scenario{\n    padding:22px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:18px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-scenario-head{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:15px;\n\n    margin-bottom:10px;\n}\n\n.wj-scenario-title{\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n}\n\n.wj-scenario-num{\n    width:38px;\n    height:38px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:11px;\n\n    background:rgba(22,135,255,.18);\n\n    color:#8bd2ff;\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-scenario h3{\n    margin:0;\n\n    color:#fff;\n\n    font-size:1rem;\n}\n\n.wj-scenario-tag{\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.07);\n\n    color:#9fd8fc;\n\n    font-size:.61rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-scenario p{\n    margin:0;\n\n    padding-left:50px;\n\n    color:#aec0cd;\n\n    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   PILOTAGE\n   ========================================================= *\/\n\n.wj-control{\n    padding:95px 0;\n\n    background:#fff;\n}\n\n.wj-control-box{\n    display:grid;\n\n    grid-template-columns:1.04fr .96fr;\n\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:var(--soft-blue);\n}\n\n.wj-control-content{\n    padding:52px;\n}\n\n.wj-control-content h2{\n    margin-bottom:16px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.25rem);\n}\n\n.wj-control-content > p{\n    color:var(--muted);\n}\n\n.wj-control-points{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:8px;\n\n    margin:26px 0 29px;\n}\n\n.wj-control-points span{\n    padding:11px 12px;\n\n    border:1px solid #d0e5f7;\n    border-radius:11px;\n\n    background:#fff;\n\n    color:#3b586d;\n\n    font-size:.72rem;\n    font-weight:700;\n}\n\n.wj-control-points span::before{\n    content:\"\u2713\";\n\n    margin-right:7px;\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n.wj-control-media{\n    position:relative;\n\n    min-height:500px;\n}\n\n.wj-control-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n\n\/* =========================================================\n   AVANT \/ APR\u00c8S\n   ========================================================= *\/\n\n.wj-evolution{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-evolution-grid{\n    display:grid;\n\n    grid-template-columns:1fr 58px 1fr;\n\n    gap:15px;\n}\n\n.wj-evolution-card{\n    padding:30px;\n\n    border:1px solid var(--border);\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.wj-evolution-card.after{\n    border-color:#c6e1fa;\n\n    background:var(--soft-blue);\n}\n\n.wj-evolution-label{\n    display:inline-flex;\n\n    margin-bottom:18px;\n\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:#fff;\n\n    color:#71899a;\n\n    font-size:.64rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-evolution-card.after .wj-evolution-label{\n    color:var(--blue-dark);\n}\n\n.wj-evolution-card h3{\n    margin-bottom:17px;\n\n    color:var(--navy);\n\n    font-size:1.3rem;\n}\n\n.wj-evolution-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-evolution-list span{\n    display:grid;\n\n    grid-template-columns:18px 1fr;\n\n    gap:8px;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n.wj-evolution-list span::before{\n    content:\"\u2014\";\n\n    color:#93a5b2;\n}\n\n.wj-evolution-card.after .wj-evolution-list span::before{\n    content:\"\u2713\";\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n.wj-evolution-arrow{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    color:var(--blue);\n\n    font-size:1.45rem;\n}\n\n\n\/* =========================================================\n   M\u00c9THODE\n   ========================================================= *\/\n\n.wj-process{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-process-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-process-step{\n    position:relative;\n\n    min-height:215px;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.wj-process-step::before{\n    content:attr(data-step);\n\n    position:absolute;\n\n    right:17px;\n    top:10px;\n\n    color:#edf3f7;\n\n    font-size:3rem;\n    font-weight:900;\n    line-height:1;\n}\n\n.wj-process-icon{\n    position:relative;\n    z-index:2;\n\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:36px;\n\n    border-radius:12px;\n\n    background:var(--navy);\n\n    color:#fff;\n\n    font-size:.7rem;\n    font-weight:900;\n}\n\n.wj-process-step h3{\n    position:relative;\n    z-index:2;\n\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:.97rem;\n}\n\n.wj-process-step p{\n    position:relative;\n    z-index:2;\n\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   SERVICES LI\u00c9S\n   ========================================================= *\/\n\n.wj-related{\n    padding:90px 0;\n\n    background:#fff;\n}\n\n.wj-related-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:12px;\n}\n\n.wj-related-card{\n    padding:24px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.wj-related-card span{\n    display:block;\n\n    margin-bottom:17px;\n\n    color:var(--blue-dark);\n\n    font-size:.67rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-related-card h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1.03rem;\n}\n\n.wj-related-card p{\n    min-height:46px;\n\n    margin-bottom:16px;\n\n    color:var(--muted);\n\n    font-size:.77rem;\n}\n\n.wj-related-card a{\n    color:var(--blue-dark);\n\n    font-size:.8rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.wj-faq{\n    padding:95px 0;\n\n    background:var(--soft);\n}\n\n.wj-faq-grid{\n    display:grid;\n\n    grid-template-columns:.72fr 1.28fr;\n\n    gap:70px;\n}\n\n.wj-faq-intro h2{\n    margin-bottom:12px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.1rem);\n}\n\n.wj-faq-intro p{\n    color:var(--muted);\n}\n\n.wj-faq-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-faq details{\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    background:#fff;\n}\n\n.wj-faq summary{\n    position:relative;\n\n    padding:18px 48px 18px 19px;\n\n    cursor:pointer;\n    list-style:none;\n\n    color:var(--navy);\n\n    font-size:.9rem;\n    font-weight:800;\n}\n\n.wj-faq summary::-webkit-details-marker{\n    display:none;\n}\n\n.wj-faq summary::after{\n    content:\"+\";\n\n    position:absolute;\n\n    right:18px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    color:var(--blue);\n\n    font-size:1.25rem;\n}\n\n.wj-faq details[open] summary::after{\n    content:\"\u2212\";\n}\n\n.wj-faq details p{\n    margin:0;\n\n    padding:0 19px 18px;\n\n    color:var(--muted);\n\n    font-size:.8rem;\n}\n\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n\n.wj-final{\n    padding:85px 0;\n\n    background:#fff;\n}\n\n.wj-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:40px;\n\n    padding:47px 50px;\n\n    border-radius:26px;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    right:-170px;\n    top:-185px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.22);\n}\n\n.wj-final-content{\n    position:relative;\n    z-index:2;\n}\n\n.wj-final-content span{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:#86d1ff;\n\n    font-size:.7rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-final-content h2{\n    max-width:690px;\n\n    margin-bottom:9px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3rem);\n}\n\n.wj-final-content p{\n    max-width:650px;\n\n    margin:0;\n\n    color:#b5c7d3;\n}\n\n.wj-final-action{\n    position:relative;\n    z-index:2;\n\n    flex:none;\n}\n\n\n\/* =========================================================\n   DEMO\n   ========================================================= *\/\n\n.wj-demo-note{\n    padding:18px 20px;\n\n    border-top:1px solid var(--border);\n\n    text-align:center;\n\n    color:#7a8995;\n\n    font-size:.72rem;\n}\n\n.wj-demo-note strong{\n    color:#526878;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .wj-intro-grid{\n        grid-template-columns:1fr;\n\n        gap:40px;\n    }\n\n    .wj-intro-copy{\n        max-width:700px;\n    }\n\n    .wj-intro-visual{\n        min-height:500px;\n    }\n\n    .wj-uses-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-scenarios-grid{\n        grid-template-columns:1fr;\n\n        gap:35px;\n    }\n\n    .wj-scenario-copy{\n        position:static;\n    }\n\n    .wj-control-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-control-media{\n        min-height:350px;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-related-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-faq-grid{\n        grid-template-columns:1fr;\n\n        gap:35px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px){\n\n    .wj-container{\n        width:min(100% - 28px,1180px);\n    }\n\n\n    \/* HERO *\/\n\n    .wj-hero,\n    .wj-hero-inner{\n        min-height:590px;\n    }\n\n    .wj-hero-media img{\n        object-position:63% center;\n    }\n\n    .wj-hero-media::after{\n        background:\n            linear-gradient(\n                180deg,\n                rgba(4,18,31,.60) 0%,\n                rgba(4,18,31,.88) 47%,\n                rgba(4,18,31,.98) 100%\n            );\n    }\n\n    .wj-hero-content{\n        padding:48px 0 58px;\n    }\n\n    .wj-hero h1{\n        font-size:clamp(2.45rem,12vw,3.8rem);\n    }\n\n    .wj-hero-lead{\n        font-size:.94rem;\n    }\n\n    .wj-hero-actions{\n        display:grid;\n\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-btn{\n        min-height:47px;\n\n        padding:0 14px;\n\n        font-size:.82rem;\n    }\n\n    .wj-hero-trust{\n        gap:9px 14px;\n\n        margin-top:25px;\n\n        font-size:.71rem;\n    }\n\n\n    \/* INTRO *\/\n\n    .wj-intro{\n        padding:64px 0;\n    }\n\n    .wj-intro-grid{\n        gap:32px;\n    }\n\n    .wj-intro-copy h2{\n        font-size:clamp(2rem,9vw,2.9rem);\n    }\n\n    .wj-intro-visual{\n        min-height:390px;\n    }\n\n    .wj-intro-photo{\n        inset:0 35px 45px 0;\n\n        border-radius:21px;\n    }\n\n    .wj-intro-floating{\n        width:215px;\n\n        padding:16px;\n\n        border-radius:16px;\n    }\n\n    .wj-intro-caption{\n        left:14px;\n        bottom:60px;\n\n        padding:7px 9px;\n\n        font-size:.61rem;\n    }\n\n\n    \/* USAGES SWIPE *\/\n\n    .wj-uses{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-uses-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-uses-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-use{\n        min-width:82%;\n        min-height:195px;\n\n        padding:19px;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-use-icon{\n        margin-bottom:20px;\n    }\n\n\n    \/* SCENARIOS *\/\n\n    .wj-scenarios{\n        padding:64px 0;\n    }\n\n    .wj-scenarios-grid{\n        gap:28px;\n    }\n\n    .wj-scenario{\n        padding:17px;\n    }\n\n    .wj-scenario p{\n        padding-left:0;\n\n        margin-top:10px;\n    }\n\n    .wj-scenario-tag{\n        display:none;\n    }\n\n\n    \/* CONTROL *\/\n\n    .wj-control{\n        padding:64px 0;\n    }\n\n    .wj-control-box{\n        border-radius:21px;\n    }\n\n    .wj-control-content{\n        padding:28px 22px;\n    }\n\n    .wj-control-points{\n        grid-template-columns:1fr 1fr;\n\n        gap:7px;\n    }\n\n    .wj-control-points span{\n        padding:9px;\n\n        font-size:.66rem;\n    }\n\n    .wj-control-media{\n        min-height:260px;\n    }\n\n\n    \/* EVOLUTION *\/\n\n    .wj-evolution{\n        padding:64px 0;\n    }\n\n    .wj-evolution-grid{\n        grid-template-columns:1fr;\n\n        gap:8px;\n    }\n\n    .wj-evolution-arrow{\n        height:32px;\n\n        transform:rotate(90deg);\n    }\n\n    .wj-evolution-card{\n        padding:22px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .wj-process{\n        padding:64px 0;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n\n        gap:8px;\n    }\n\n    .wj-process-step{\n        min-height:205px;\n\n        padding:17px;\n    }\n\n\n    \/* RELATED *\/\n\n    .wj-related{\n        padding:63px 0;\n    }\n\n    .wj-related-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-related-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-related-card{\n        min-width:82%;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq{\n        padding:63px 0;\n    }\n\n\n    \/* FINAL *\/\n\n    .wj-final{\n        padding:58px 0;\n    }\n\n    .wj-final-box{\n        display:block;\n\n        padding:28px 22px;\n\n        border-radius:20px;\n    }\n\n    .wj-final-action{\n        margin-top:22px;\n    }\n\n    .wj-final-action .wj-btn{\n        width:100%;\n    }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-hero-actions{\n        grid-template-columns:1fr;\n    }\n\n    .wj-intro-visual{\n        min-height:355px;\n    }\n\n    .wj-intro-floating{\n        width:190px;\n    }\n\n    .wj-control-points,\n    .wj-process-grid{\n        grid-template-columns:1fr;\n    }\n\n    .wj-use,\n    .wj-related-card{\n        min-width:88%;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-domotique *,\n    .wj-domotique *::before,\n    .wj-domotique *::after{\n        transition:none !important;\n    }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"wj-hero\">\n\n<div class=\"wj-hero-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n        srcset=\"\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1600&#038;q=82 1600w\"\n        sizes=\"100vw\"\n        width=\"1600\"\n        height=\"1067\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n        alt=\"Maison moderne \u00e9quip\u00e9e de solutions domotiques\">\n\n<\/div>\n\n\n<div class=\"wj-container wj-hero-inner\">\n\n<div class=\"wj-hero-content\">\n\n    <div class=\"wj-kicker\">\n        Domotique &#038; maison connect\u00e9e\n    <\/div>\n\n    <h1>\n        Votre maison s\u2019adapte\n        <span>\u00e0 votre quotidien.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        \u00c9clairage, volets, chauffage ou automatismes :\n        la domotique permet de centraliser certaines fonctions\n        du logement et de cr\u00e9er des usages plus simples au quotidien.\n    <\/p>\n\n\n    <div class=\"wj-hero-actions\">\n\n        <a class=\"wj-btn wj-btn-primary\"\n           href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n            \u00c9tudier mon projet\n        <\/a>\n\n        <a class=\"wj-btn wj-btn-light\"\n           href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n            Voir les services\n        <\/a>\n\n    <\/div>\n\n\n    <div class=\"wj-hero-trust\">\n\n        <span>\n            <i>\u2713<\/i>\n            Confort\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Automatismes\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Installation \u00e9volutive\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTRO\n     ========================================================= -->\n\n<section class=\"wj-intro\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-intro-grid\">\n\n\n<div class=\"wj-intro-copy\">\n\n    <div class=\"wj-kicker\">\n        Maison connect\u00e9e\n    <\/div>\n\n    <h2>\n        Automatiser ce qui peut r\u00e9ellement vous simplifier la vie.\n    <\/h2>\n\n    <p>\n        Une installation domotique utile ne consiste pas \u00e0 connecter\n        chaque objet de la maison. L\u2019objectif est de choisir les fonctions\n        qui apportent r\u00e9ellement du confort et de les int\u00e9grer proprement\n        \u00e0 l\u2019installation \u00e9lectrique.\n    <\/p>\n\n\n    <div class=\"wj-intro-list\">\n\n\n        <div class=\"wj-intro-item\">\n\n            <div class=\"wj-intro-item-icon\">\n                01\n            <\/div>\n\n            <div>\n                <strong>Centraliser<\/strong>\n                <span>Regrouper plusieurs commandes en un seul usage.<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-intro-item\">\n\n            <div class=\"wj-intro-item-icon\">\n                02\n            <\/div>\n\n            <div>\n                <strong>Automatiser<\/strong>\n                <span>D\u00e9clencher certaines actions selon vos habitudes.<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-intro-item\">\n\n            <div class=\"wj-intro-item-icon\">\n                03\n            <\/div>\n\n            <div>\n                <strong>Faire \u00e9voluer<\/strong>\n                <span>Pr\u00e9voir une installation pouvant accueillir de nouveaux besoins.<\/span>\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-visual\">\n\n\n    <div class=\"wj-intro-photo\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&#038;fit=crop&#038;w=1100&#038;q=80\"\n            width=\"1100\"\n            height=\"1000\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Salon moderne avec \u00e9clairage connect\u00e9\">\n\n        <div class=\"wj-intro-caption\">\n            Confort \u2022 \u00e9clairage \u2022 automatismes\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-intro-floating\">\n\n        <div class=\"wj-intro-floating-title\">\n\n            <div class=\"wj-intro-floating-icon\">\n                \u26a1\n            <\/div>\n\n            <div>\n                <strong>Maison connect\u00e9e<\/strong>\n                <span>Exemple de fonctions<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-intro-floating-list\">\n\n            <div>\n                <span>\u00c9clairage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Volets<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Chauffage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Automatismes<\/span>\n                <i><\/i>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     USAGES\n     ========================================================= -->\n\n<section class=\"wj-uses\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Les usages\n    <\/div>\n\n    <h2>\n        Que peut-on automatiser dans une maison ?\n    <\/h2>\n\n    <p>\n        Chaque installation peut \u00eatre adapt\u00e9e aux habitudes\n        et aux besoins r\u00e9els du logement.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-uses-grid\">\n\n\n<article class=\"wj-use\">\n\n    <div class=\"wj-use-icon\">\n        01\n    <\/div>\n\n    <h3>\n        \u00c9clairage\n    <\/h3>\n\n    <p>\n        Cr\u00e9er des ambiances, centraliser plusieurs \u00e9clairages\n        ou automatiser certaines zones.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-use\">\n\n    <div class=\"wj-use-icon\">\n        02\n    <\/div>\n\n    <h3>\n        Volets &#038; stores\n    <\/h3>\n\n    <p>\n        Piloter plusieurs ouvertures et simplifier\n        les routines du matin ou du soir.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-use\">\n\n    <div class=\"wj-use-icon\">\n        03\n    <\/div>\n\n    <h3>\n        Chauffage\n    <\/h3>\n\n    <p>\n        Adapter certains usages en fonction des horaires\n        ou de l\u2019occupation du logement.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-use\">\n\n    <div class=\"wj-use-icon\">\n        04\n    <\/div>\n\n    <h3>\n        Automatismes\n    <\/h3>\n\n    <p>\n        Portail, \u00e9clairage ext\u00e9rieur ou sc\u00e9narios regroupant\n        plusieurs actions en une seule commande.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SC\u00c9NARIOS\n     ========================================================= -->\n\n<section class=\"wj-scenarios\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-scenarios-grid\">\n\n\n<div class=\"wj-scenario-copy\">\n\n    <div class=\"wj-kicker\">\n        Sc\u00e9narios\n    <\/div>\n\n    <h2>\n        Plusieurs actions, une seule commande.\n    <\/h2>\n\n    <p>\n        L\u2019un des int\u00e9r\u00eats de la domotique est de regrouper\n        diff\u00e9rentes fonctions dans des sc\u00e9narios simples,\n        correspondant aux habitudes de la maison.\n    <\/p>\n\n    <div class=\"wj-scenario-copy-note\">\n        Les sc\u00e9narios sont personnalisables selon les \u00e9quipements\n        r\u00e9ellement install\u00e9s dans le logement.\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-scenario-list\">\n\n\n<article class=\"wj-scenario\">\n\n    <div class=\"wj-scenario-head\">\n\n        <div class=\"wj-scenario-title\">\n\n            <div class=\"wj-scenario-num\">\n                01\n            <\/div>\n\n            <h3>\n                D\u00e9part de la maison\n            <\/h3>\n\n        <\/div>\n\n        <span class=\"wj-scenario-tag\">\n            Exemple\n        <\/span>\n\n    <\/div>\n\n    <p>\n        \u00c9teindre certains \u00e9clairages, fermer les volets\n        ou modifier certains automatismes depuis une commande unique.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-scenario\">\n\n    <div class=\"wj-scenario-head\">\n\n        <div class=\"wj-scenario-title\">\n\n            <div class=\"wj-scenario-num\">\n                02\n            <\/div>\n\n            <h3>\n                Soir\u00e9e\n            <\/h3>\n\n        <\/div>\n\n        <span class=\"wj-scenario-tag\">\n            Exemple\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Adapter l\u2019\u00e9clairage de plusieurs zones\n        pour cr\u00e9er une ambiance plus confortable.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-scenario\">\n\n    <div class=\"wj-scenario-head\">\n\n        <div class=\"wj-scenario-title\">\n\n            <div class=\"wj-scenario-num\">\n                03\n            <\/div>\n\n            <h3>\n                Nuit\n            <\/h3>\n\n        <\/div>\n\n        <span class=\"wj-scenario-tag\">\n            Exemple\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Couper certaines zones et conserver uniquement\n        les fonctions n\u00e9cessaires pendant la nuit.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-scenario\">\n\n    <div class=\"wj-scenario-head\">\n\n        <div class=\"wj-scenario-title\">\n\n            <div class=\"wj-scenario-num\">\n                04\n            <\/div>\n\n            <h3>\n                Retour \u00e0 la maison\n            <\/h3>\n\n        <\/div>\n\n        <span class=\"wj-scenario-tag\">\n            Exemple\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Pr\u00e9parer certains \u00e9clairages ou automatismes\n        afin de retrouver imm\u00e9diatement une maison fonctionnelle.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PILOTAGE\n     ========================================================= -->\n\n<section class=\"wj-control\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-control-box\">\n\n\n<div class=\"wj-control-content\">\n\n    <div class=\"wj-kicker\">\n        Pilotage\n    <\/div>\n\n    <h2>\n        Des commandes simples, l\u00e0 o\u00f9 elles sont r\u00e9ellement utiles.\n    <\/h2>\n\n    <p>\n        Selon les \u00e9quipements choisis, certaines fonctions peuvent\n        \u00eatre command\u00e9es depuis des interrupteurs, commandes centrales\n        ou interfaces compatibles. Le but reste de conserver\n        une utilisation simple au quotidien.\n    <\/p>\n\n\n    <div class=\"wj-control-points\">\n\n        <span>Commandes murales<\/span>\n        <span>Centralisation<\/span>\n        <span>Automatismes<\/span>\n        <span>Sc\u00e9narios<\/span>\n        <span>\u00c9volutivit\u00e9<\/span>\n        <span>Utilisation intuitive<\/span>\n\n    <\/div>\n\n\n    <a class=\"wj-btn wj-btn-primary\"\n       href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        Parler de mon projet\n    <\/a>\n\n<\/div>\n\n\n<div class=\"wj-control-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=1100&#038;q=80\"\n        width=\"1100\"\n        height=\"950\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Maison moderne pouvant int\u00e9grer une installation domotique\">\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     AVANT \/ APR\u00c8S\n     ========================================================= -->\n\n<section class=\"wj-evolution\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Simplifier les usages\n    <\/div>\n\n    <h2>\n        Moins de gestes r\u00e9p\u00e9titifs, plus de confort.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-evolution-grid\">\n\n\n<div class=\"wj-evolution-card\">\n\n    <span class=\"wj-evolution-label\">\n        Installation classique\n    <\/span>\n\n    <h3>\n        Chaque fonction s\u00e9par\u00e9e\n    <\/h3>\n\n    <div class=\"wj-evolution-list\">\n\n        <span>Commandes r\u00e9parties dans le logement<\/span>\n        <span>Plusieurs actions \u00e0 effectuer manuellement<\/span>\n        <span>Peu d\u2019automatismes<\/span>\n        <span>Usages moins facilement \u00e9volutifs<\/span>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-evolution-arrow\">\n    \u2192\n<\/div>\n\n\n<div class=\"wj-evolution-card after\">\n\n    <span class=\"wj-evolution-label\">\n        Avec domotique\n    <\/span>\n\n    <h3>\n        Des usages regroup\u00e9s\n    <\/h3>\n\n    <div class=\"wj-evolution-list\">\n\n        <span>Commandes centralis\u00e9es selon les besoins<\/span>\n        <span>Sc\u00e9narios personnalis\u00e9s<\/span>\n        <span>Automatismes utiles au quotidien<\/span>\n        <span>Installation pens\u00e9e pour \u00e9voluer<\/span>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PROCESS\n     ========================================================= -->\n\n<section class=\"wj-process\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Votre projet\n    <\/div>\n\n    <h2>\n        Une installation domotique pens\u00e9e autour de vos usages.\n    <\/h2>\n\n    <p>\n        Avant de choisir les \u00e9quipements, il faut d\u00e9finir\n        ce que vous souhaitez r\u00e9ellement automatiser.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-process-grid\">\n\n\n<article class=\"wj-process-step\"\n         data-step=\"01\">\n\n    <div class=\"wj-process-icon\">\n        01\n    <\/div>\n\n    <h3>\n        Besoins\n    <\/h3>\n\n    <p>\n        Identifier les fonctions qui apportent r\u00e9ellement du confort.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"02\">\n\n    <div class=\"wj-process-icon\">\n        02\n    <\/div>\n\n    <h3>\n        Compatibilit\u00e9\n    <\/h3>\n\n    <p>\n        \u00c9tudier l\u2019installation \u00e9lectrique et les \u00e9quipements concern\u00e9s.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"03\">\n\n    <div class=\"wj-process-icon\">\n        03\n    <\/div>\n\n    <h3>\n        Installation\n    <\/h3>\n\n    <p>\n        Int\u00e9grer les commandes et automatismes de mani\u00e8re propre.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"04\">\n\n    <div class=\"wj-process-icon\">\n        04\n    <\/div>\n\n    <h3>\n        R\u00e9glages\n    <\/h3>\n\n    <p>\n        Configurer les sc\u00e9narios et v\u00e9rifier leur utilisation au quotidien.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SERVICES LI\u00c9S\n     ========================================================= -->\n\n<section class=\"wj-related\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Services associ\u00e9s\n    <\/div>\n\n    <h2>\n        La domotique s\u2019int\u00e8gre au reste de l\u2019installation \u00e9lectrique.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-related-grid\">\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Lumi\u00e8re\n    <\/span>\n\n    <h3>\n        \u00c9clairage\n    <\/h3>\n\n    <p>\n        Concevoir des \u00e9clairages adapt\u00e9s aux usages et aux ambiances.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/eclairage\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Habitat\n    <\/span>\n\n    <h3>\n        R\u00e9novation \u00e9lectrique\n    <\/h3>\n\n    <p>\n        Pr\u00e9voir la domotique lors d\u2019une r\u00e9novation du logement.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/renovation-electrique\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Protection\n    <\/span>\n\n    <h3>\n        S\u00e9curit\u00e9 &#038; \u00e9quipements\n    <\/h3>\n\n    <p>\n        Int\u00e9grer certains \u00e9quipements \u00e9lectriques d\u00e9di\u00e9s \u00e0 la s\u00e9curit\u00e9.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/securite\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     FAQ\n     ========================================================= -->\n\n<section class=\"wj-faq\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-faq-grid\">\n\n\n<div class=\"wj-faq-intro\">\n\n    <div class=\"wj-kicker\">\n        Questions fr\u00e9quentes\n    <\/div>\n\n    <h2>\n        \u00c0 propos de la maison connect\u00e9e.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses avant de pr\u00e9voir une installation domotique.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Faut-il rendre toute la maison connect\u00e9e ?\n    <\/summary>\n\n    <p>\n        Non. Une installation peut tout \u00e0 fait se limiter\n        aux fonctions r\u00e9ellement utiles : \u00e9clairage, volets,\n        chauffage ou quelques automatismes sp\u00e9cifiques.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on ajouter de la domotique lors d\u2019une r\u00e9novation ?\n    <\/summary>\n\n    <p>\n        Oui. Une r\u00e9novation \u00e9lectrique est m\u00eame souvent\n        un bon moment pour pr\u00e9voir les c\u00e2blages et \u00e9quipements\n        n\u00e9cessaires aux futurs automatismes.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on conserver des commandes murales classiques ?\n    <\/summary>\n\n    <p>\n        Selon la solution retenue, il est possible de conserver\n        une utilisation simple avec des commandes physiques,\n        m\u00eame lorsque certaines fonctions sont automatis\u00e9es.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Une installation domotique peut-elle \u00e9voluer plus tard ?\n    <\/summary>\n\n    <p>\n        Oui, si le projet est pens\u00e9 d\u00e8s le d\u00e9part avec une logique \u00e9volutive.\n        De nouveaux \u00e9quipements ou sc\u00e9narios peuvent alors \u00eatre ajout\u00e9s\n        selon les possibilit\u00e9s de l\u2019installation.\n    <\/p>\n\n<\/details>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CTA FINAL\n     ========================================================= -->\n\n<section class=\"wj-final\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-final-box\">\n\n\n<div class=\"wj-final-content\">\n\n    <span>\n        Maison connect\u00e9e\n    <\/span>\n\n    <h2>\n        Vous avez une id\u00e9e d\u2019automatisation pour votre logement ?\n    <\/h2>\n\n    <p>\n        \u00c9clairage, volets, chauffage ou sc\u00e9narios :\n        le projet peut \u00eatre construit autour des fonctions\n        r\u00e9ellement utiles \u00e0 votre quotidien.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-final-action\">\n\n    <a class=\"wj-btn wj-btn-primary\"\n       href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        \u00c9tudier mon projet\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     NOTE D\u00c9MONSTRATION\n     ========================================================= -->\n\n<div class=\"wj-demo-note\">\n\n    <strong>NOVA \u00c9LEC est une entreprise fictive.<\/strong>\n    Site de d\u00e9monstration Web Jouglet \u2013 Web &amp; Informatique.\n\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Domotique &#038; maison connect\u00e9e Votre maison s\u2019adapte \u00e0 votre quotidien. \u00c9clairage, volets, chauffage ou automatismes : la domotique permet de centraliser certaines fonctions du logement et de cr\u00e9er des usages plus simples au quotidien. \u00c9tudier mon projet Voir les services \u2713 Confort \u2713 Automatismes \u2713 Installation \u00e9volutive Maison connect\u00e9e Automatiser ce qui peut r\u00e9ellement vous [&hellip;]<\/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-23","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":4,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/23\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}