{"id":115,"date":"2026-09-14T13:52:46","date_gmt":"2026-09-14T11:52:46","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=115"},"modified":"2026-09-14T13:52:47","modified_gmt":"2026-09-14T11:52:47","slug":"renovation-electrique","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/renovation-electrique\/","title":{"rendered":"R\u00e9novation \u00e9lectrique"},"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 R\u00c9NOVATION \u00c9LECTRIQUE\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/renovation-electrique\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-renov-elec\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-renov-elec{\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    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-renov-elec *,\n.wj-renov-elec *::before,\n.wj-renov-elec *::after{\n    box-sizing:border-box;\n}\n\n.wj-renov-elec img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-renov-elec h1,\n.wj-renov-elec h2,\n.wj-renov-elec h3,\n.wj-renov-elec p{\n    margin-top:0;\n}\n\n.wj-renov-elec h1,\n.wj-renov-elec h2,\n.wj-renov-elec h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-renov-elec 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\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,.92) 41%,\n            rgba(4,18,31,.52) 69%,\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:740px;\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 R\u00c9NOVATION\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-note{\n    margin-top:25px;\n\n    padding:16px 17px;\n\n    border-left:3px solid var(--blue);\n    border-radius:0 12px 12px 0;\n\n    background:var(--soft);\n\n    color:#4d6679;\n\n    font-size:.8rem;\n}\n\n\n\/* VISUEL *\/\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 48%,\n            rgba(5,20,34,.35) 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    color:#fff;\n\n    box-shadow:0 22px 55px rgba(7,24,40,.24);\n}\n\n.wj-intro-floating-head{\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\n.wj-intro-floating-head strong{\n    display:block;\n\n    font-size:.86rem;\n}\n\n.wj-intro-floating-head 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   PI\u00c8CE PAR PI\u00c8CE\n   ========================================================= *\/\n\n.wj-rooms{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-rooms-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:12px;\n}\n\n.wj-room{\n    position:relative;\n\n    min-height:245px;\n\n    padding:24px;\n\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n}\n\n.wj-room:hover{\n    transform:translateY(-4px);\n\n    border-color:#bdddf9;\n\n    box-shadow:var(--shadow);\n}\n\n.wj-room-number{\n    display:block;\n\n    margin-bottom:34px;\n\n    color:#a0b1be;\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-room h3{\n    margin-bottom:8px;\n\n    color:var(--navy);\n\n    font-size:1.08rem;\n}\n\n.wj-room p{\n    margin-bottom:16px;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n.wj-room-tags{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:6px;\n}\n\n.wj-room-tags span{\n    padding:6px 8px;\n\n    border-radius:99px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue-dark);\n\n    font-size:.61rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   PARTIELLE OU COMPL\u00c8TE\n   ========================================================= *\/\n\n.wj-scale{\n    padding:100px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-scale .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-scale-head{\n    max-width:760px;\n\n    margin-bottom:36px;\n}\n\n.wj-scale-head h2{\n    margin-bottom:13px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-scale-head p{\n    max-width:650px;\n\n    margin:0;\n\n    color:#afc1cd;\n}\n\n.wj-scale-grid{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:14px;\n}\n\n.wj-scale-card{\n    position:relative;\n\n    min-height:360px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:flex-end;\n\n    overflow:hidden;\n\n    padding:31px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:22px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-scale-card:nth-child(2){\n    border-color:rgba(90,186,255,.25);\n\n    background:rgba(22,135,255,.10);\n}\n\n.wj-scale-card::before{\n    content:attr(data-number);\n\n    position:absolute;\n\n    right:22px;\n    top:10px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:6rem;\n    font-weight:900;\n    line-height:1;\n}\n\n.wj-scale-card > *{\n    position:relative;\n    z-index:2;\n}\n\n.wj-scale-card span{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:#83d0ff;\n\n    font-size:.68rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-scale-card h3{\n    max-width:450px;\n\n    margin-bottom:12px;\n\n    color:#fff;\n\n    font-size:clamp(1.7rem,3vw,2.5rem);\n}\n\n.wj-scale-card p{\n    max-width:530px;\n\n    margin-bottom:22px;\n\n    color:#b8c9d5;\n\n    font-size:.83rem;\n}\n\n.wj-scale-card ul{\n    display:grid;\n\n    gap:7px;\n\n    margin:0;\n    padding:0;\n\n    list-style:none;\n}\n\n.wj-scale-card li{\n    color:#d9e4eb;\n\n    font-size:.76rem;\n}\n\n.wj-scale-card li::before{\n    content:\"\u2713\";\n\n    margin-right:8px;\n\n    color:#78ceff;\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   AVANT \/ APR\u00c8S\n   ========================================================= *\/\n\n.wj-beforeafter{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-beforeafter-grid{\n    display:grid;\n\n    grid-template-columns:1fr 58px 1fr;\n\n    gap:15px;\n}\n\n.wj-ba-card{\n    padding:30px;\n\n    border:1px solid var(--border);\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.wj-ba-card.after{\n    border-color:#c5e1fa;\n\n    background:var(--soft-blue);\n}\n\n.wj-ba-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-ba-card.after .wj-ba-label{\n    color:var(--blue-dark);\n}\n\n.wj-ba-card h3{\n    margin-bottom:17px;\n\n    color:var(--navy);\n\n    font-size:1.3rem;\n}\n\n.wj-ba-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-ba-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-ba-list span::before{\n    content:\"\u2014\";\n\n    color:#94a6b3;\n}\n\n.wj-ba-card.after .wj-ba-list span::before{\n    content:\"\u2713\";\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n.wj-ba-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   PHOTO CHANTIER \/ ANTICIPATION\n   ========================================================= *\/\n\n.wj-project{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-project-box{\n    display:grid;\n\n    grid-template-columns:1.03fr .97fr;\n\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:#fff;\n\n    box-shadow:0 18px 50px rgba(7,24,40,.07);\n}\n\n.wj-project-media{\n    position:relative;\n\n    min-height:500px;\n}\n\n.wj-project-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-project-content{\n    padding:52px;\n}\n\n.wj-project-content h2{\n    margin-bottom:16px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-project-content > p{\n    color:var(--muted);\n}\n\n.wj-project-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-project-points span{\n    padding:11px 12px;\n\n    border:1px solid var(--border);\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-project-points span::before{\n    content:\"\u2713\";\n\n    margin-right:7px;\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   M\u00c9THODE CHANTIER\n   ========================================================= *\/\n\n.wj-process{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-process-grid{\n    display:grid;\n\n    grid-template-columns:repeat(5,1fr);\n\n    gap:10px;\n}\n\n.wj-process-step{\n    position:relative;\n\n    min-height:220px;\n\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.wj-process-step::before{\n    content:attr(data-step);\n\n    position:absolute;\n\n    right:14px;\n    top:9px;\n\n    color:#edf3f7;\n\n    font-size:2.9rem;\n    font-weight:900;\n    line-height:1;\n}\n\n.wj-process-icon{\n    position:relative;\n    z-index:2;\n\n    width:40px;\n    height:40px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:35px;\n\n    border-radius:11px;\n\n    background:var(--navy);\n\n    color:#fff;\n\n    font-size:.68rem;\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:.94rem;\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:.73rem;\n}\n\n\n\/* =========================================================\n   INSTALLATION \u00c9VOLUTIVE \u2014 NOUVELLE VERSION\n   ========================================================= *\/\n\n.wj-future{\n    padding:0 0 100px;\n\n    background:#fff;\n}\n\n.wj-future-box{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:.88fr 1.12fr;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #071828 0%,\n            #0a2137 100%\n        );\n\n    color:#fff;\n\n    box-shadow:0 24px 65px rgba(7,24,40,.13);\n}\n\n\n\/* COLONNE GAUCHE *\/\n\n.wj-future-content{\n    position:relative;\n\n    padding:52px;\n\n    overflow:hidden;\n}\n\n.wj-future-content::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:330px;\n    height:330px;\n\n    left:-190px;\n    bottom:-210px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.18);\n\n    filter:blur(8px);\n}\n\n.wj-future-content > *{\n    position:relative;\n    z-index:2;\n}\n\n.wj-future-content .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-future-content h2{\n    max-width:500px;\n\n    margin-bottom:17px;\n\n    color:#fff;\n\n    font-size:clamp(2.1rem,4vw,3.35rem);\n}\n\n.wj-future-content p{\n    max-width:520px;\n\n    margin-bottom:0;\n\n    color:#b9cbd7;\n\n    font-size:.9rem;\n    line-height:1.65;\n}\n\n.wj-future-tags{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.wj-future-tags span{\n    padding:8px 11px;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:99px;\n\n    background:rgba(255,255,255,.055);\n\n    color:#e1ebf2;\n\n    font-size:.67rem;\n    font-weight:700;\n}\n\n.wj-future-tip{\n    display:flex;\n    align-items:flex-start;\n\n    gap:11px;\n\n    margin-top:31px;\n\n    padding:15px;\n\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:13px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-future-tip-icon{\n    flex:none;\n\n    width:35px;\n    height:35px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    background:rgba(22,135,255,.18);\n\n    color:#8bd2ff;\n\n    font-size:.8rem;\n    font-weight:900;\n}\n\n.wj-future-tip strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:#fff;\n\n    font-size:.76rem;\n}\n\n.wj-future-tip span{\n    display:block;\n\n    color:#98afbf;\n\n    font-size:.67rem;\n    line-height:1.45;\n}\n\n\n\/* ROADMAP DROITE *\/\n\n.wj-future-roadmap{\n    position:relative;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    gap:11px;\n\n    padding:40px 40px 40px 54px;\n\n    border-left:1px solid rgba(255,255,255,.07);\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(22,135,255,.045),\n            rgba(255,255,255,.015)\n        );\n}\n\n.wj-future-roadmap::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:30px;\n    top:74px;\n    bottom:74px;\n\n    width:1px;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(99,198,255,.45) 15%,\n            rgba(99,198,255,.45) 85%,\n            transparent\n        );\n}\n\n.wj-future-item{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:48px 1fr auto;\n\n    gap:14px;\n\n    align-items:center;\n\n    min-height:95px;\n\n    padding:16px 17px;\n\n    border:1px solid rgba(255,255,255,.085);\n    border-radius:16px;\n\n    background:rgba(255,255,255,.045);\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        background .2s ease;\n}\n\n.wj-future-item:hover{\n    transform:translateX(4px);\n\n    border-color:rgba(109,202,255,.28);\n\n    background:rgba(22,135,255,.09);\n}\n\n.wj-future-item::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:-30px;\n\n    width:10px;\n    height:10px;\n\n    border:3px solid #0a2137;\n    border-radius:50%;\n\n    background:#69caff;\n\n    box-shadow:0 0 0 5px rgba(105,202,255,.10);\n}\n\n.wj-future-item-icon{\n    width:44px;\n    height:44px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:rgba(22,135,255,.18);\n\n    color:#8bd2ff;\n\n    font-size:.72rem;\n    font-weight:900;\n}\n\n.wj-future-item strong{\n    display:block;\n\n    margin-bottom:3px;\n\n    color:#fff;\n\n    font-size:.88rem;\n}\n\n.wj-future-item span{\n    display:block;\n\n    color:#9eb3c2;\n\n    font-size:.69rem;\n    line-height:1.4;\n}\n\n.wj-future-item small{\n    padding:6px 8px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.06);\n\n    color:#82ceff;\n\n    font-size:.57rem;\n    font-weight:800;\n\n    text-transform:uppercase;\n    letter-spacing:.05em;\n}\n\n\n\/* =========================================================\n   SERVICES LI\u00c9S\n   ========================================================= *\/\n\n.wj-related{\n    padding:90px 0;\n\n    background:var(--soft);\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:#fff;\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:var(--soft);\n}\n\n.wj-faq summary{\n    position:relative;\n\n    padding:18px 48px 18px 19px;\n\n    cursor:pointer;\n\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:0 0 88px;\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:48px 52px;\n\n    border-radius:27px;\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:360px;\n    height:360px;\n\n    right:-180px;\n    top:-190px;\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-rooms-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-project-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-project-media{\n        min-height:350px;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    .wj-future-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-future-roadmap{\n        border-left:0;\n        border-top:1px solid rgba(255,255,255,.07);\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:62% 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    \/* ROOMS *\/\n\n    .wj-rooms{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-rooms-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        scrollbar-width:none;\n    }\n\n    .wj-rooms-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-room{\n        min-width:82%;\n        min-height:205px;\n\n        padding:19px;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-room-number{\n        margin-bottom:23px;\n    }\n\n\n    \/* SCALE *\/\n\n    .wj-scale{\n        padding:64px 0;\n    }\n\n    .wj-scale-grid{\n        grid-template-columns:1fr;\n\n        gap:9px;\n    }\n\n    .wj-scale-card{\n        min-height:310px;\n\n        padding:24px 22px;\n    }\n\n\n    \/* AVANT \/ APRES *\/\n\n    .wj-beforeafter{\n        padding:64px 0;\n    }\n\n    .wj-beforeafter-grid{\n        grid-template-columns:1fr;\n\n        gap:8px;\n    }\n\n    .wj-ba-arrow{\n        height:32px;\n\n        transform:rotate(90deg);\n    }\n\n    .wj-ba-card{\n        padding:22px;\n    }\n\n\n    \/* PROJECT *\/\n\n    .wj-project{\n        padding:63px 0;\n    }\n\n    .wj-project-box{\n        border-radius:20px;\n    }\n\n    .wj-project-media{\n        min-height:260px;\n    }\n\n    .wj-project-content{\n        padding:28px 22px;\n    }\n\n    .wj-project-points{\n        grid-template-columns:1fr 1fr;\n\n        gap:7px;\n    }\n\n    .wj-project-points span{\n        padding:9px;\n\n        font-size:.66rem;\n    }\n\n\n    \/* PROCESS *\/\n\n    .wj-process{\n        padding:64px 0;\n    }\n\n    .wj-process-grid{\n        display:flex;\n\n        gap:9px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n        scrollbar-width:none;\n    }\n\n    .wj-process-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-process-step{\n        min-width:72%;\n        min-height:195px;\n\n        padding:17px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* FUTURE *\/\n\n    .wj-future{\n        padding-bottom:64px;\n    }\n\n    .wj-future-box{\n        border-radius:21px;\n    }\n\n    .wj-future-content{\n        padding:29px 22px;\n    }\n\n    .wj-future-content h2{\n        font-size:clamp(2rem,9vw,2.8rem);\n    }\n\n    .wj-future-tags{\n        margin-top:21px;\n    }\n\n    .wj-future-tip{\n        margin-top:22px;\n    }\n\n    .wj-future-roadmap{\n        gap:8px;\n\n        padding:25px 16px 25px 39px;\n    }\n\n    .wj-future-roadmap::before{\n        left:22px;\n        top:45px;\n        bottom:45px;\n    }\n\n    .wj-future-item{\n        grid-template-columns:39px 1fr;\n\n        gap:11px;\n\n        min-height:82px;\n\n        padding:13px;\n    }\n\n    .wj-future-item::before{\n        left:-22px;\n\n        width:9px;\n        height:9px;\n    }\n\n    .wj-future-item-icon{\n        width:38px;\n        height:38px;\n    }\n\n    .wj-future-item small{\n        grid-column:2;\n\n        width:max-content;\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        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-bottom:58px;\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-project-points{\n        grid-template-columns:1fr;\n    }\n\n    .wj-room,\n    .wj-related-card{\n        min-width:88%;\n    }\n\n    .wj-process-step{\n        min-width:82%;\n    }\n\n    .wj-future-tags span{\n        font-size:.62rem;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-renov-elec *,\n    .wj-renov-elec *::before,\n    .wj-renov-elec *::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=\"Int\u00e9rieur r\u00e9nov\u00e9 avec installation \u00e9lectrique moderne\">\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        R\u00e9novation \u00e9lectrique\n    <\/div>\n\n    <h1>\n        Repenser l\u2019\u00e9lectricit\u00e9\n        <span>avec votre logement.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        R\u00e9novation d\u2019une pi\u00e8ce ou reprise compl\u00e8te de l\u2019installation :\n        l\u2019\u00e9lectricit\u00e9 doit s\u2019adapter au nouvel agencement,\n        aux \u00e9quipements et aux usages pr\u00e9vus pour le logement.\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            R\u00e9novation partielle\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            R\u00e9novation compl\u00e8te\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Projet \u00e9volutif\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        Repenser les usages\n    <\/div>\n\n    <h2>\n        Une r\u00e9novation \u00e9lectrique commence par le futur am\u00e9nagement.\n    <\/h2>\n\n    <p>\n        Avant de placer les prises ou les \u00e9clairages,\n        il faut comprendre comment chaque pi\u00e8ce sera utilis\u00e9e.\n        Mobilier, \u00e9lectrom\u00e9nager, \u00e9clairage, chauffage et \u00e9quipements\n        futurs influencent directement la conception de l\u2019installation.\n    <\/p>\n\n    <div class=\"wj-intro-note\">\n        Plus le projet \u00e9lectrique est \u00e9tudi\u00e9 t\u00f4t dans la r\u00e9novation,\n        plus il est simple d\u2019int\u00e9grer proprement les circuits\n        et d\u2019\u00e9viter les modifications de derni\u00e8re minute.\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-visual\">\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 r\u00e9nov\u00e9 avec installation \u00e9lectrique moderne\">\n\n        <div class=\"wj-intro-caption\">\n            R\u00e9novation \u2022 implantation \u2022 confort\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-intro-floating\">\n\n        <div class=\"wj-intro-floating-head\">\n\n            <div class=\"wj-intro-floating-icon\">\n                \u26a1\n            <\/div>\n\n            <div>\n                <strong>Projet \u00e9lectrique<\/strong>\n                <span>Anticiper les usages<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-intro-floating-list\">\n\n            <div>\n                <span>Prises<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>\u00c9clairage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Chauffage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>\u00c9quipements<\/span>\n                <i><\/i>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PI\u00c8CE PAR PI\u00c8CE\n     ========================================================= -->\n\n<section class=\"wj-rooms\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Pi\u00e8ce par pi\u00e8ce\n    <\/div>\n\n    <h2>\n        Chaque espace poss\u00e8de ses propres besoins \u00e9lectriques.\n    <\/h2>\n\n    <p>\n        L\u2019installation doit suivre les usages de chaque pi\u00e8ce,\n        plut\u00f4t que d\u2019appliquer le m\u00eame sch\u00e9ma partout.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-rooms-grid\">\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">01<\/span>\n\n    <h3>S\u00e9jour<\/h3>\n\n    <p>\n        Pr\u00e9voir les prises, \u00e9clairages et \u00e9quipements\n        en fonction du mobilier et des zones de vie.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>\u00c9clairage<\/span>\n        <span>TV<\/span>\n        <span>Prises<\/span>\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">02<\/span>\n\n    <h3>Cuisine<\/h3>\n\n    <p>\n        Une pi\u00e8ce technique n\u00e9cessitant des circuits\n        adapt\u00e9s aux diff\u00e9rents \u00e9quipements.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>\u00c9lectrom\u00e9nager<\/span>\n        <span>Plan de travail<\/span>\n        <span>\u00c9clairage<\/span>\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">03<\/span>\n\n    <h3>Chambres<\/h3>\n\n    <p>\n        Positionner les prises et commandes\n        selon l\u2019am\u00e9nagement r\u00e9el de la pi\u00e8ce.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>Prises<\/span>\n        <span>\u00c9clairage<\/span>\n        <span>Confort<\/span>\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">04<\/span>\n\n    <h3>Salle de bains<\/h3>\n\n    <p>\n        Int\u00e9grer les \u00e9quipements \u00e9lectriques\n        en tenant compte des contraintes sp\u00e9cifiques de la pi\u00e8ce.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>\u00c9clairage<\/span>\n        <span>Confort<\/span>\n        <span>S\u00e9curit\u00e9<\/span>\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">05<\/span>\n\n    <h3>Ext\u00e9rieurs<\/h3>\n\n    <p>\n        Pr\u00e9voir les alimentations n\u00e9cessaires aux \u00e9clairages,\n        terrasses, acc\u00e8s et futurs \u00e9quipements.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>Terrasse<\/span>\n        <span>\u00c9clairage<\/span>\n        <span>Prises<\/span>\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-room\">\n\n    <span class=\"wj-room-number\">06<\/span>\n\n    <h3>Garage<\/h3>\n\n    <p>\n        Anticiper atelier, stockage, motorisation\n        ou recharge d\u2019un v\u00e9hicule \u00e9lectrique.\n    <\/p>\n\n    <div class=\"wj-room-tags\">\n        <span>Recharge<\/span>\n        <span>Atelier<\/span>\n        <span>\u00c9clairage<\/span>\n    <\/div>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PARTIELLE \/ COMPL\u00c8TE\n     ========================================================= -->\n\n<section class=\"wj-scale\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-scale-head\">\n\n    <div class=\"wj-kicker\">\n        Deux approches\n    <\/div>\n\n    <h2>\n        R\u00e9novation partielle ou r\u00e9novation compl\u00e8te ?\n    <\/h2>\n\n    <p>\n        La bonne solution d\u00e9pend de l\u2019\u00e9tat de l\u2019installation\n        et de l\u2019ampleur des travaux r\u00e9alis\u00e9s dans le logement.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-scale-grid\">\n\n\n<article class=\"wj-scale-card\"\n         data-number=\"01\">\n\n    <span>\n        R\u00e9novation partielle\n    <\/span>\n\n    <h3>\n        Faire \u00e9voluer seulement les zones concern\u00e9es.\n    <\/h3>\n\n    <p>\n        Cette approche peut \u00eatre adapt\u00e9e lorsqu\u2019une partie\n        de l\u2019installation reste exploitable et que les travaux\n        concernent seulement certaines pi\u00e8ces.\n    <\/p>\n\n    <ul>\n        <li>R\u00e9novation d\u2019une cuisine<\/li>\n        <li>Cr\u00e9ation de nouvelles prises<\/li>\n        <li>Modification de l\u2019\u00e9clairage<\/li>\n        <li>Ajout de circuits sp\u00e9cifiques<\/li>\n    <\/ul>\n\n<\/article>\n\n\n<article class=\"wj-scale-card\"\n         data-number=\"02\">\n\n    <span>\n        R\u00e9novation compl\u00e8te\n    <\/span>\n\n    <h3>\n        Repenser l\u2019installation dans son ensemble.\n    <\/h3>\n\n    <p>\n        Lorsqu\u2019un logement est enti\u00e8rement r\u00e9nov\u00e9,\n        il peut \u00eatre pertinent de revoir simultan\u00e9ment\n        les circuits, les \u00e9quipements et le tableau \u00e9lectrique.\n    <\/p>\n\n    <ul>\n        <li>Nouvelle implantation \u00e9lectrique<\/li>\n        <li>Organisation des circuits<\/li>\n        <li>Tableau \u00e9lectrique adapt\u00e9<\/li>\n        <li>Anticipation des futurs \u00e9quipements<\/li>\n    <\/ul>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     AVANT \/ APR\u00c8S\n     ========================================================= -->\n\n<section class=\"wj-beforeafter\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Faire \u00e9voluer le logement\n    <\/div>\n\n    <h2>\n        Une nouvelle organisation m\u00e9rite une nouvelle installation.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-beforeafter-grid\">\n\n\n<div class=\"wj-ba-card\">\n\n    <span class=\"wj-ba-label\">\n        Avant r\u00e9novation\n    <\/span>\n\n    <h3>\n        Une installation pens\u00e9e pour d\u2019anciens usages\n    <\/h3>\n\n    <div class=\"wj-ba-list\">\n\n        <span>Prises mal positionn\u00e9es<\/span>\n        <span>\u00c9clairage peu adapt\u00e9<\/span>\n        <span>Circuits difficiles \u00e0 faire \u00e9voluer<\/span>\n        <span>Nouveaux \u00e9quipements non anticip\u00e9s<\/span>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-ba-arrow\">\n    \u2192\n<\/div>\n\n\n<div class=\"wj-ba-card after\">\n\n    <span class=\"wj-ba-label\">\n        Apr\u00e8s r\u00e9novation\n    <\/span>\n\n    <h3>\n        Une installation adapt\u00e9e au nouveau projet\n    <\/h3>\n\n    <div class=\"wj-ba-list\">\n\n        <span>Prises positionn\u00e9es selon l\u2019am\u00e9nagement<\/span>\n        <span>\u00c9clairage pens\u00e9 par zone<\/span>\n        <span>Circuits organis\u00e9s<\/span>\n        <span>\u00c9volutions futures anticip\u00e9es<\/span>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PROJET \/ ANTICIPATION\n     ========================================================= -->\n\n<section class=\"wj-project\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-project-box\">\n\n\n<div class=\"wj-project-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 r\u00e9nov\u00e9e avec installation \u00e9lectrique moderne\">\n\n<\/div>\n\n\n<div class=\"wj-project-content\">\n\n    <div class=\"wj-kicker\">\n        Anticiper\n    <\/div>\n\n    <h2>\n        Penser d\u00e8s maintenant aux \u00e9quipements de demain.\n    <\/h2>\n\n    <p>\n        Une r\u00e9novation permet de pr\u00e9parer l\u2019installation\n        aux usages futurs sans n\u00e9cessairement tout installer imm\u00e9diatement.\n        Certains circuits ou alimentations peuvent \u00eatre anticip\u00e9s\n        pendant que les murs et r\u00e9seaux sont accessibles.\n    <\/p>\n\n\n    <div class=\"wj-project-points\">\n\n        <span>Borne de recharge<\/span>\n        <span>Domotique<\/span>\n        <span>Climatisation<\/span>\n        <span>\u00c9clairage ext\u00e9rieur<\/span>\n        <span>Motorisations<\/span>\n        <span>Nouveaux \u00e9quipements<\/span>\n\n    <\/div>\n\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     M\u00c9THODE\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        Le chantier\n    <\/div>\n\n    <h2>\n        Du plan du logement \u00e0 la mise en service.\n    <\/h2>\n\n    <p>\n        Une r\u00e9novation \u00e9lectrique est pr\u00e9par\u00e9e\n        en fonction du projet global de r\u00e9novation.\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        Projet\n    <\/h3>\n\n    <p>\n        Comprendre le nouvel am\u00e9nagement et les futurs usages.\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        Implantation\n    <\/h3>\n\n    <p>\n        D\u00e9finir l\u2019emplacement des prises, commandes et \u00e9clairages.\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        Circuits\n    <\/h3>\n\n    <p>\n        Organiser la distribution \u00e9lectrique du logement.\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        Installation\n    <\/h3>\n\n    <p>\n        R\u00e9aliser les r\u00e9seaux en coordination avec le chantier.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"05\">\n\n    <div class=\"wj-process-icon\">\n        05\n    <\/div>\n\n    <h3>\n        Contr\u00f4le\n    <\/h3>\n\n    <p>\n        V\u00e9rifier les \u00e9quipements et le fonctionnement final.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INSTALLATION \u00c9VOLUTIVE\n     ========================================================= -->\n\n<section class=\"wj-future\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-future-box\">\n\n\n<div class=\"wj-future-content\">\n\n    <div class=\"wj-kicker\">\n        Installation \u00e9volutive\n    <\/div>\n\n    <h2>\n        Pr\u00e9parer aujourd\u2019hui les besoins de demain.\n    <\/h2>\n\n    <p>\n        Une r\u00e9novation \u00e9lectrique ne doit pas seulement r\u00e9pondre\n        aux usages actuels. Anticiper certains \u00e9quipements pendant\n        les travaux peut \u00e9viter de rouvrir les murs ou de modifier\n        l\u2019installation quelques ann\u00e9es plus tard.\n    <\/p>\n\n\n    <div class=\"wj-future-tags\">\n\n        <span>Mobilit\u00e9 \u00e9lectrique<\/span>\n\n        <span>Maison connect\u00e9e<\/span>\n\n        <span>\u00c9quipements ext\u00e9rieurs<\/span>\n\n        <span>Nouveaux usages<\/span>\n\n    <\/div>\n\n\n    <div class=\"wj-future-tip\">\n\n        <div class=\"wj-future-tip-icon\">\n            \u2713\n        <\/div>\n\n        <div>\n\n            <strong>\n                Anticiper sans tout installer\n            <\/strong>\n\n            <span>\n                Certaines alimentations ou r\u00e9serves peuvent \u00eatre pr\u00e9vues\n                pendant la r\u00e9novation et utilis\u00e9es plus tard.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-future-roadmap\">\n\n\n<div class=\"wj-future-item\">\n\n    <div class=\"wj-future-item-icon\">\n        01\n    <\/div>\n\n    <div>\n\n        <strong>\n            Borne de recharge\n        <\/strong>\n\n        <span>\n            Pr\u00e9voir une future solution de recharge\n            dans le garage ou \u00e0 proximit\u00e9 du stationnement.\n        <\/span>\n\n    <\/div>\n\n    <small>\n        Mobilit\u00e9\n    <\/small>\n\n<\/div>\n\n\n<div class=\"wj-future-item\">\n\n    <div class=\"wj-future-item-icon\">\n        02\n    <\/div>\n\n    <div>\n\n        <strong>\n            Maison connect\u00e9e\n        <\/strong>\n\n        <span>\n            Anticiper certains automatismes,\n            commandes ou \u00e9quipements domotiques.\n        <\/span>\n\n    <\/div>\n\n    <small>\n        Confort\n    <\/small>\n\n<\/div>\n\n\n<div class=\"wj-future-item\">\n\n    <div class=\"wj-future-item-icon\">\n        03\n    <\/div>\n\n    <div>\n\n        <strong>\n            \u00c9quipements ext\u00e9rieurs\n        <\/strong>\n\n        <span>\n            Pr\u00e9parer les alimentations pour terrasse,\n            portail, \u00e9clairage ou d\u00e9pendances.\n        <\/span>\n\n    <\/div>\n\n    <small>\n        Ext\u00e9rieur\n    <\/small>\n\n<\/div>\n\n\n<div class=\"wj-future-item\">\n\n    <div class=\"wj-future-item-icon\">\n        04\n    <\/div>\n\n    <div>\n\n        <strong>\n            Installation \u00e9volutive\n        <\/strong>\n\n        <span>\n            Garder un tableau et des circuits suffisamment\n            lisibles pour accueillir de nouveaux besoins.\n        <\/span>\n\n    <\/div>\n\n    <small>\n        \u00c9volution\n    <\/small>\n\n<\/div>\n\n\n<\/div>\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        Plusieurs prestations peuvent compl\u00e9ter une r\u00e9novation.\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        Distribution\n    <\/span>\n\n    <h3>\n        Tableau \u00e9lectrique\n    <\/h3>\n\n    <p>\n        Adapter le tableau \u00e0 la nouvelle organisation du logement.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/tableau-electrique\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Connect\u00e9\n    <\/span>\n\n    <h3>\n        Domotique\n    <\/h3>\n\n    <p>\n        Profiter de la r\u00e9novation pour int\u00e9grer de nouveaux automatismes.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/domotique\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\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        Repenser les points lumineux et les ambiances du logement.\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<\/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        Avant une r\u00e9novation \u00e9lectrique.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses pour mieux pr\u00e9parer\n        un projet de r\u00e9novation.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Faut-il refaire toute l\u2019\u00e9lectricit\u00e9 lors d\u2019une r\u00e9novation ?\n    <\/summary>\n\n    <p>\n        Pas syst\u00e9matiquement. L\u2019\u00e9tat de l\u2019installation existante\n        et l\u2019ampleur du projet permettent de d\u00e9terminer\n        si une r\u00e9novation partielle ou compl\u00e8te est plus pertinente.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Quand faut-il r\u00e9fl\u00e9chir \u00e0 l\u2019emplacement des prises ?\n    <\/summary>\n\n    <p>\n        Id\u00e9alement avant le d\u00e9marrage des travaux,\n        lorsque l\u2019agencement, le mobilier et les principaux \u00e9quipements\n        sont d\u00e9j\u00e0 d\u00e9finis.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on r\u00e9nover l\u2019\u00e9lectricit\u00e9 pi\u00e8ce par pi\u00e8ce ?\n    <\/summary>\n\n    <p>\n        Oui dans certains cas, \u00e0 condition de conserver\n        une coh\u00e9rence entre les diff\u00e9rentes zones,\n        les circuits et le tableau \u00e9lectrique.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on anticiper une future borne de recharge ?\n    <\/summary>\n\n    <p>\n        Oui. Lors d\u2019une r\u00e9novation importante,\n        il peut \u00eatre int\u00e9ressant de pr\u00e9voir d\u00e8s maintenant\n        les \u00e9volutions futures 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        Votre r\u00e9novation\n    <\/span>\n\n    <h2>\n        Vous r\u00e9novez un logement ou plusieurs pi\u00e8ces ?\n    <\/h2>\n\n    <p>\n        \u00c9tudions l\u2019am\u00e9nagement, les \u00e9quipements et les usages\n        afin de concevoir une installation \u00e9lectrique adapt\u00e9e\n        au projet final.\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>R\u00e9novation \u00e9lectrique Repenser l\u2019\u00e9lectricit\u00e9 avec votre logement. R\u00e9novation d\u2019une pi\u00e8ce ou reprise compl\u00e8te de l\u2019installation : l\u2019\u00e9lectricit\u00e9 doit s\u2019adapter au nouvel agencement, aux \u00e9quipements et aux usages pr\u00e9vus pour le logement. \u00c9tudier mon projet Voir les services \u2713 R\u00e9novation partielle \u2713 R\u00e9novation compl\u00e8te \u2713 Projet \u00e9volutif Repenser les usages Une r\u00e9novation \u00e9lectrique commence par le [&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-115","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\/115","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=115"}],"version-history":[{"count":1,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/115\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}