{"id":109,"date":"2026-09-14T13:37:41","date_gmt":"2026-09-14T11:37:41","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=109"},"modified":"2026-09-14T13:37:41","modified_gmt":"2026-09-14T11:37:41","slug":"tableau-electrique","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/tableau-electrique\/","title":{"rendered":"Tableau \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 TABLEAU \u00c9LECTRIQUE\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/tableau-electrique\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-tableau-page\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-tableau-page{\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:#fff;\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-tableau-page *,\n.wj-tableau-page *::before,\n.wj-tableau-page *::after{\n    box-sizing:border-box;\n}\n\n.wj-tableau-page img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-tableau-page h1,\n.wj-tableau-page h2,\n.wj-tableau-page h3,\n.wj-tableau-page p{\n    margin-top:0;\n}\n\n.wj-tableau-page h1,\n.wj-tableau-page h2,\n.wj-tableau-page h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-tableau-page 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    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,.92) 41%,\n            rgba(4,18,31,.52) 69%,\n            rgba(4,18,31,.20) 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.35rem);\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   R\u00d4LE DU TABLEAU \u2014 VERSION PREMIUM\n   ========================================================= *\/\n\n.wj-role{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-role-grid{\n    display:grid;\n\n    grid-template-columns:.88fr 1.12fr;\n\n    gap:72px;\n\n    align-items:center;\n}\n\n\n\/* TEXTE *\/\n\n.wj-role-copy{\n    max-width:520px;\n}\n\n.wj-role-copy h2{\n    margin-bottom:18px;\n\n    color:var(--navy);\n\n    font-size:clamp(2.15rem,4vw,3.65rem);\n}\n\n.wj-role-copy > p{\n    margin-bottom:0;\n\n    color:var(--muted);\n\n    font-size:.96rem;\n    line-height:1.7;\n}\n\n.wj-role-features{\n    display:grid;\n\n    gap:10px;\n\n    margin-top:27px;\n}\n\n.wj-role-feature{\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n\n    padding:13px 15px;\n\n    border:1px solid var(--border);\n    border-radius:13px;\n\n    background:#fff;\n}\n\n.wj-role-feature-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:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.75rem;\n    font-weight:900;\n}\n\n.wj-role-feature strong{\n    display:block;\n\n    margin-bottom:1px;\n\n    color:var(--navy);\n\n    font-size:.82rem;\n}\n\n.wj-role-feature span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.7rem;\n}\n\n\n\/* VISUEL *\/\n\n.wj-role-visual{\n    position:relative;\n\n    min-height:560px;\n}\n\n.wj-role-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 60px rgba(7,24,40,.10);\n}\n\n.wj-role-photo img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n    object-position:center;\n}\n\n.wj-role-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,.32) 100%\n        );\n}\n\n.wj-role-floating{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:265px;\n\n    padding:21px;\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-role-floating-top{\n    display:flex;\n    align-items:center;\n\n    gap:11px;\n\n    margin-bottom:17px;\n}\n\n.wj-role-floating-icon{\n    flex:none;\n\n    width:42px;\n    height:42px;\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    font-size:1rem;\n\n    box-shadow:0 8px 20px rgba(22,135,255,.25);\n}\n\n.wj-role-floating-top strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:.88rem;\n}\n\n.wj-role-floating-top span{\n    display:block;\n\n    color:#93aabd;\n\n    font-size:.66rem;\n}\n\n.wj-role-floating-list{\n    display:grid;\n    gap:8px;\n}\n\n.wj-role-floating-list div{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:15px;\n\n    padding:9px 10px;\n\n    border-radius:9px;\n\n    background:rgba(255,255,255,.055);\n\n    color:#dbe7ef;\n\n    font-size:.7rem;\n    font-weight:700;\n}\n\n.wj-role-floating-list i{\n    width:7px;\n    height:7px;\n\n    flex:none;\n\n    border-radius:50%;\n\n    background:#55c4ff;\n\n    box-shadow:0 0 0 5px rgba(85,196,255,.10);\n}\n\n.wj-role-photo-label{\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    box-shadow:0 9px 25px rgba(7,24,40,.15);\n\n    font-size:.7rem;\n    font-weight:800;\n\n    backdrop-filter:blur(7px);\n}\n\n\n\/* =========================================================\n   QUAND REMPLACER\n   ========================================================= *\/\n\n.wj-replace{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-replace-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-replace-card{\n    min-height:220px;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\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-replace-card:hover{\n    transform:translateY(-4px);\n\n    border-color:#bcddfb;\n\n    box-shadow:var(--shadow);\n}\n\n.wj-replace-num{\n    width:42px;\n    height:42px;\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-replace-card h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1rem;\n}\n\n.wj-replace-card p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n\n\/* =========================================================\n   MODERNISATION\n   ========================================================= *\/\n\n.wj-modern{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-modern-box{\n    display:grid;\n\n    grid-template-columns:1.03fr .97fr;\n\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:var(--navy);\n}\n\n.wj-modern-media{\n    position:relative;\n\n    min-height:520px;\n}\n\n.wj-modern-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-modern-media::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 50%,\n            rgba(4,18,31,.35)\n        );\n}\n\n.wj-modern-content{\n    padding:52px;\n\n    color:#fff;\n}\n\n.wj-modern-content .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-modern-content h2{\n    margin-bottom:16px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.25rem);\n}\n\n.wj-modern-content > p{\n    color:#b9cbd7;\n}\n\n.wj-modern-list{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:8px;\n\n    margin:27px 0 30px;\n}\n\n.wj-modern-list span{\n    padding:11px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:11px;\n\n    background:rgba(255,255,255,.045);\n\n    color:#dce7ef;\n\n    font-size:.73rem;\n    font-weight:700;\n}\n\n.wj-modern-list span::before{\n    content:\"\u2713\";\n\n    margin-right:7px;\n\n    color:#7fceff;\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   ORGANISATION DES CIRCUITS\n   ========================================================= *\/\n\n.wj-circuits{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-circuit-layout{\n    display:grid;\n\n    grid-template-columns:.78fr 1.22fr;\n\n    gap:55px;\n\n    align-items:start;\n}\n\n.wj-circuit-intro{\n    position:sticky;\n    top:30px;\n}\n\n.wj-circuit-intro h2{\n    margin-bottom:15px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-circuit-intro p{\n    color:var(--muted);\n}\n\n.wj-circuit-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-circuit{\n    display:grid;\n\n    grid-template-columns:45px 1fr auto;\n\n    gap:14px;\n\n    align-items:center;\n\n    padding:17px;\n\n    border:1px solid var(--border);\n    border-radius:15px;\n\n    background:#fff;\n}\n\n.wj-circuit-icon{\n    width:41px;\n    height:41px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:11px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-circuit strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:var(--navy);\n\n    font-size:.9rem;\n}\n\n.wj-circuit small{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.7rem;\n}\n\n.wj-circuit-tag{\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:var(--soft);\n\n    color:#6e8597;\n\n    font-size:.62rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   PROCESS\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(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   AVANT \/ APR\u00c8S\n   ========================================================= *\/\n\n.wj-beforeafter{\n    padding:90px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-beforeafter .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-beforeafter .wj-section-head h2{\n    color:#fff;\n}\n\n.wj-beforeafter .wj-section-head p{\n    color:#afc1cd;\n}\n\n.wj-ba-grid{\n    display:grid;\n\n    grid-template-columns:1fr 58px 1fr;\n\n    gap:15px;\n}\n\n.wj-ba-card{\n    padding:29px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:21px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-ba-card.after{\n    border-color:rgba(70,174,255,.25);\n\n    background:rgba(22,135,255,.10);\n}\n\n.wj-ba-label{\n    display:inline-block;\n\n    margin-bottom:18px;\n\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.07);\n\n    color:#b7c9d6;\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:#8bd2ff;\n}\n\n.wj-ba-card h3{\n    margin-bottom:17px;\n\n    color:#fff;\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:#b6c7d3;\n\n    font-size:.78rem;\n}\n\n.wj-ba-list span::before{\n    content:\"\u2014\";\n\n    color:#788f9f;\n}\n\n.wj-ba-card.after .wj-ba-list span::before{\n    content:\"\u2713\";\n\n    color:#7dceff;\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:#72c8ff;\n\n    font-size:1.45rem;\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-role-grid{\n        grid-template-columns:1fr;\n\n        gap:40px;\n    }\n\n    .wj-role-copy{\n        max-width:700px;\n    }\n\n    .wj-role-visual{\n        min-height:500px;\n    }\n\n    .wj-replace-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-modern-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-modern-media{\n        min-height:360px;\n    }\n\n    .wj-circuit-layout{\n        grid-template-columns:1fr;\n\n        gap:32px;\n    }\n\n    .wj-circuit-intro{\n        position:static;\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,.62) 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    \/* ROLE *\/\n\n    .wj-role{\n        padding:64px 0;\n    }\n\n    .wj-role-grid{\n        gap:32px;\n    }\n\n    .wj-role-copy h2{\n        font-size:clamp(2rem,9vw,2.9rem);\n    }\n\n    .wj-role-feature{\n        padding:11px 12px;\n    }\n\n    .wj-role-visual{\n        min-height:390px;\n    }\n\n    .wj-role-photo{\n        inset:0 35px 45px 0;\n\n        border-radius:21px;\n    }\n\n    .wj-role-floating{\n        width:215px;\n\n        padding:16px;\n\n        border-radius:16px;\n    }\n\n    .wj-role-floating-icon{\n        width:36px;\n        height:36px;\n    }\n\n    .wj-role-floating-list div{\n        padding:7px 8px;\n\n        font-size:.64rem;\n    }\n\n    .wj-role-photo-label{\n        left:14px;\n        bottom:60px;\n\n        padding:7px 9px;\n\n        font-size:.62rem;\n    }\n\n\n    \/* REMPLACEMENT *\/\n\n    .wj-replace{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-replace-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-replace-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-replace-card{\n        min-width:82%;\n        min-height:190px;\n\n        scroll-snap-align:start;\n\n        padding:19px;\n    }\n\n    .wj-replace-num{\n        margin-bottom:20px;\n    }\n\n\n    \/* MODERNISATION *\/\n\n    .wj-modern{\n        padding:64px 0;\n    }\n\n    .wj-modern-box{\n        border-radius:20px;\n    }\n\n    .wj-modern-media{\n        min-height:270px;\n    }\n\n    .wj-modern-content{\n        padding:28px 22px;\n    }\n\n    .wj-modern-list{\n        gap:7px;\n\n        margin:22px 0 25px;\n    }\n\n    .wj-modern-list span{\n        padding:9px;\n\n        font-size:.67rem;\n    }\n\n\n    \/* CIRCUITS *\/\n\n    .wj-circuits{\n        padding:63px 0;\n    }\n\n    .wj-circuit{\n        grid-template-columns:40px 1fr;\n\n        gap:11px;\n\n        padding:14px;\n    }\n\n    .wj-circuit-tag{\n        grid-column:2;\n\n        width:max-content;\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    \/* AVANT APR\u00c8S *\/\n\n    .wj-beforeafter{\n        padding:64px 0;\n    }\n\n    .wj-ba-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    \/* 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: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-role-visual{\n        min-height:355px;\n    }\n\n    .wj-role-floating{\n        width:190px;\n    }\n\n    .wj-modern-list,\n    .wj-process-grid{\n        grid-template-columns:1fr;\n    }\n\n    .wj-replace-card,\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-tableau-page *,\n    .wj-tableau-page *::before,\n    .wj-tableau-page *::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-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n        srcset=\"\n        https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n        https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n        https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?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=\"\u00c9lectricien intervenant sur un tableau \u00e9lectrique\">\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        Tableau \u00e9lectrique\n    <\/div>\n\n    <h1>\n        Le c\u0153ur de votre\n        <span>installation \u00e9lectrique.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        Remplacement, organisation ou modernisation :\n        le tableau \u00e9lectrique distribue et prot\u00e8ge les circuits\n        du logement. Une installation claire facilite aussi\n        les \u00e9volutions et interventions futures.\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            Demander un devis\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            Circuits identifi\u00e9s\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Protections adapt\u00e9es\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Tableau organis\u00e9\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     R\u00d4LE DU TABLEAU\n     ========================================================= -->\n\n<section class=\"wj-role\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-role-grid\">\n\n\n<div class=\"wj-role-copy\">\n\n    <div class=\"wj-kicker\">\n        Comprendre\n    <\/div>\n\n    <h2>\n        Le point central de toute l\u2019installation \u00e9lectrique.\n    <\/h2>\n\n    <p>\n        Le tableau \u00e9lectrique distribue l\u2019\u00e9nergie vers les diff\u00e9rents\n        circuits du logement et regroupe leurs protections.\n        \u00c9clairage, prises, cuisine, chauffage ou \u00e9quipements sp\u00e9cifiques :\n        chaque usage doit pouvoir \u00eatre identifi\u00e9 clairement.\n    <\/p>\n\n\n    <div class=\"wj-role-features\">\n\n\n        <div class=\"wj-role-feature\">\n\n            <div class=\"wj-role-feature-icon\">\n                01\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Distribuer l\u2019\u00e9lectricit\u00e9\n                <\/strong>\n\n                <span>\n                    Chaque zone ou \u00e9quipement dispose de son circuit.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-role-feature\">\n\n            <div class=\"wj-role-feature-icon\">\n                02\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Prot\u00e9ger les circuits\n                <\/strong>\n\n                <span>\n                    Les protections permettent d\u2019isoler un circuit en cas de d\u00e9faut.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-role-feature\">\n\n            <div class=\"wj-role-feature-icon\">\n                03\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Faciliter les interventions\n                <\/strong>\n\n                <span>\n                    Un tableau lisible permet de retrouver rapidement chaque d\u00e9part.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-role-visual\">\n\n\n    <div class=\"wj-role-photo\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?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=\"\u00c9lectricien contr\u00f4lant un tableau \u00e9lectrique\">\n\n        <div class=\"wj-role-photo-label\">\n            Tableau \u00e9lectrique \u2022 organisation des circuits\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-role-floating\">\n\n\n        <div class=\"wj-role-floating-top\">\n\n            <div class=\"wj-role-floating-icon\">\n                \u26a1\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Tableau organis\u00e9\n                <\/strong>\n\n                <span>\n                    Exemple d\u2019installation\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-role-floating-list\">\n\n            <div>\n                <span>\u00c9clairage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Prises<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Cuisine<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Chauffage<\/span>\n                <i><\/i>\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     QUAND LE REMPLACER\n     ========================================================= -->\n\n<section class=\"wj-replace\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Quand intervenir ?\n    <\/div>\n\n    <h2>\n        Plusieurs situations peuvent justifier une modernisation.\n    <\/h2>\n\n    <p>\n        Le remplacement d\u00e9pend de l\u2019\u00e9tat r\u00e9el du tableau\n        et des besoins de l\u2019installation.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-replace-grid\">\n\n\n<article class=\"wj-replace-card\">\n\n    <div class=\"wj-replace-num\">\n        01\n    <\/div>\n\n    <h3>\n        Tableau vieillissant\n    <\/h3>\n\n    <p>\n        \u00c9quipements anciens, protections d\u00e9pass\u00e9es\n        ou organisation devenue difficile \u00e0 comprendre.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-replace-card\">\n\n    <div class=\"wj-replace-num\">\n        02\n    <\/div>\n\n    <h3>\n        R\u00e9novation du logement\n    <\/h3>\n\n    <p>\n        Une r\u00e9novation importante est souvent l\u2019occasion\n        de repenser \u00e9galement la distribution \u00e9lectrique.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-replace-card\">\n\n    <div class=\"wj-replace-num\">\n        03\n    <\/div>\n\n    <h3>\n        Nouveaux \u00e9quipements\n    <\/h3>\n\n    <p>\n        Chauffage, borne de recharge ou nouveaux appareils\n        peuvent n\u00e9cessiter une adaptation de l\u2019installation.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-replace-card\">\n\n    <div class=\"wj-replace-num\">\n        04\n    <\/div>\n\n    <h3>\n        Manque de lisibilit\u00e9\n    <\/h3>\n\n    <p>\n        Des circuits mal identifi\u00e9s compliquent les d\u00e9pannages\n        et les futures modifications.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     MODERNISATION\n     ========================================================= -->\n\n<section class=\"wj-modern\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-modern-box\">\n\n\n<div class=\"wj-modern-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?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=\"Modernisation d'un tableau \u00e9lectrique\">\n\n<\/div>\n\n\n<div class=\"wj-modern-content\">\n\n    <div class=\"wj-kicker\">\n        Modernisation\n    <\/div>\n\n    <h2>\n        Un tableau plus clair pour une installation plus facile \u00e0 comprendre.\n    <\/h2>\n\n    <p>\n        Moderniser un tableau ne consiste pas seulement\n        \u00e0 remplacer une bo\u00eete. L\u2019intervention permet \u00e9galement\n        d\u2019organiser les circuits et d\u2019adapter les protections\n        aux besoins de l\u2019installation.\n    <\/p>\n\n\n    <div class=\"wj-modern-list\">\n\n        <span>Circuits rep\u00e9r\u00e9s<\/span>\n        <span>Tableau organis\u00e9<\/span>\n        <span>Protections adapt\u00e9es<\/span>\n        <span>Lecture facilit\u00e9e<\/span>\n        <span>\u00c9volutions anticip\u00e9es<\/span>\n        <span>Maintenance simplifi\u00e9e<\/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 tableau\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CIRCUITS\n     ========================================================= -->\n\n<section class=\"wj-circuits\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-circuit-layout\">\n\n\n<div class=\"wj-circuit-intro\">\n\n    <div class=\"wj-kicker\">\n        Distribution\n    <\/div>\n\n    <h2>\n        Chaque usage poss\u00e8de son circuit.\n    <\/h2>\n\n    <p>\n        Une installation bien con\u00e7ue s\u00e9pare les diff\u00e9rents\n        besoins du logement. Cela permet d\u2019identifier plus facilement\n        une panne et d\u2019organiser correctement les protections.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-circuit-list\">\n\n\n<div class=\"wj-circuit\">\n\n    <div class=\"wj-circuit-icon\">\n        01\n    <\/div>\n\n    <div>\n\n        <strong>\n            \u00c9clairage\n        <\/strong>\n\n        <small>\n            Points lumineux et commandes\n        <\/small>\n\n    <\/div>\n\n    <span class=\"wj-circuit-tag\">\n        Habitat\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-circuit\">\n\n    <div class=\"wj-circuit-icon\">\n        02\n    <\/div>\n\n    <div>\n\n        <strong>\n            Prises \u00e9lectriques\n        <\/strong>\n\n        <small>\n            Prises des diff\u00e9rentes pi\u00e8ces\n        <\/small>\n\n    <\/div>\n\n    <span class=\"wj-circuit-tag\">\n        Confort\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-circuit\">\n\n    <div class=\"wj-circuit-icon\">\n        03\n    <\/div>\n\n    <div>\n\n        <strong>\n            Cuisine\n        <\/strong>\n\n        <small>\n            \u00c9quipements et circuits sp\u00e9cifiques\n        <\/small>\n\n    <\/div>\n\n    <span class=\"wj-circuit-tag\">\n        D\u00e9di\u00e9\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-circuit\">\n\n    <div class=\"wj-circuit-icon\">\n        04\n    <\/div>\n\n    <div>\n\n        <strong>\n            Chauffage\n        <\/strong>\n\n        <small>\n            \u00c9quipements \u00e9lectriques de chauffage\n        <\/small>\n\n    <\/div>\n\n    <span class=\"wj-circuit-tag\">\n        \u00c9nergie\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-circuit\">\n\n    <div class=\"wj-circuit-icon\">\n        05\n    <\/div>\n\n    <div>\n\n        <strong>\n            \u00c9quipements sp\u00e9cifiques\n        <\/strong>\n\n        <small>\n            Recharge, domotique ou autres installations\n        <\/small>\n\n    <\/div>\n\n    <span class=\"wj-circuit-tag\">\n        \u00c9volution\n    <\/span>\n\n<\/div>\n\n\n<\/div>\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        Remplacement du tableau\n    <\/div>\n\n    <h2>\n        Une intervention organis\u00e9e en quatre \u00e9tapes.\n    <\/h2>\n\n    <p>\n        Le nouveau tableau est adapt\u00e9 \u00e0 l\u2019installation existante\n        et aux \u00e9volutions pr\u00e9vues.\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        Contr\u00f4le\n    <\/h3>\n\n    <p>\n        Examiner le tableau existant et identifier les circuits.\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        Organisation\n    <\/h3>\n\n    <p>\n        Pr\u00e9parer la r\u00e9partition des circuits et des protections.\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        Mettre en place le nouveau tableau et raccorder les circuits.\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        V\u00e9rification\n    <\/h3>\n\n    <p>\n        Identifier les d\u00e9parts et contr\u00f4ler le fonctionnement.\n    <\/p>\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        Avant \/ apr\u00e8s\n    <\/div>\n\n    <h2>\n        Un tableau moderne doit surtout \u00eatre lisible.\n    <\/h2>\n\n    <p>\n        Une bonne organisation facilite l\u2019utilisation,\n        le d\u00e9pannage et les futures \u00e9volutions du b\u00e2timent.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-ba-grid\">\n\n\n<div class=\"wj-ba-card\">\n\n    <span class=\"wj-ba-label\">\n        Ancien tableau\n    <\/span>\n\n    <h3>\n        Difficile \u00e0 comprendre\n    <\/h3>\n\n    <div class=\"wj-ba-list\">\n\n        <span>Circuits non identifi\u00e9s<\/span>\n        <span>Protections vieillissantes<\/span>\n        <span>Organisation peu lisible<\/span>\n        <span>Peu de marge pour \u00e9voluer<\/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        Tableau modernis\u00e9\n    <\/span>\n\n    <h3>\n        Clair et organis\u00e9\n    <\/h3>\n\n    <div class=\"wj-ba-list\">\n\n        <span>Circuits rep\u00e9r\u00e9s<\/span>\n        <span>Protections organis\u00e9es<\/span>\n        <span>Lecture imm\u00e9diate<\/span>\n        <span>Installation plus \u00e9volutive<\/span>\n\n    <\/div>\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        Le tableau fait partie d\u2019un ensemble \u00e9lectrique plus large.\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        S\u00e9curit\u00e9\n    <\/span>\n\n    <h3>\n        Mise aux normes\n    <\/h3>\n\n    <p>\n        Moderniser les protections et s\u00e9curiser l\u2019installation.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/mise-aux-normes\/\">\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        Repenser une partie ou l\u2019ensemble des circuits 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        Mobilit\u00e9\n    <\/span>\n\n    <h3>\n        Borne de recharge\n    <\/h3>\n\n    <p>\n        Adapter l\u2019installation \u00e0 la recharge d\u2019un v\u00e9hicule \u00e9lectrique.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/borne-recharge\/\">\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 du tableau \u00e9lectrique.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses avant d\u2019envisager\n        son remplacement ou sa modernisation.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Quand faut-il remplacer un tableau \u00e9lectrique ?\n    <\/summary>\n\n    <p>\n        Cela d\u00e9pend de son \u00e2ge, de son \u00e9tat, des protections pr\u00e9sentes\n        et des besoins actuels de l\u2019installation. Un contr\u00f4le permet\n        de d\u00e9terminer si un remplacement est r\u00e9ellement n\u00e9cessaire.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on ajouter de nouveaux circuits \u00e0 un tableau existant ?\n    <\/summary>\n\n    <p>\n        Cela peut \u00eatre possible si le tableau et l\u2019installation\n        disposent de la capacit\u00e9 n\u00e9cessaire. Le contr\u00f4le de l\u2019existant\n        permet de v\u00e9rifier la solution la plus adapt\u00e9e.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Faut-il refaire toute l\u2019\u00e9lectricit\u00e9 pour remplacer le tableau ?\n    <\/summary>\n\n    <p>\n        Non, pas syst\u00e9matiquement. Le remplacement du tableau\n        peut \u00eatre r\u00e9alis\u00e9 ind\u00e9pendamment lorsque les circuits existants\n        peuvent \u00eatre conserv\u00e9s.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Pourquoi identifier chaque circuit ?\n    <\/summary>\n\n    <p>\n        Cela facilite l\u2019utilisation quotidienne, les d\u00e9pannages,\n        les travaux futurs et la coupure d\u2019une zone pr\u00e9cise\n        sans interrompre inutilement le reste 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 tableau \u00e9lectrique\n    <\/span>\n\n    <h2>\n        Votre tableau m\u00e9rite-t-il d\u2019\u00eatre modernis\u00e9 ?\n    <\/h2>\n\n    <p>\n        Un contr\u00f4le de l\u2019installation permet de d\u00e9terminer\n        si une r\u00e9organisation, une adaptation ou un remplacement\n        complet est r\u00e9ellement n\u00e9cessaire.\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        Demander un devis\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>Tableau \u00e9lectrique Le c\u0153ur de votre installation \u00e9lectrique. Remplacement, organisation ou modernisation : le tableau \u00e9lectrique distribue et prot\u00e8ge les circuits du logement. Une installation claire facilite aussi les \u00e9volutions et interventions futures. Demander un devis Voir les services \u2713 Circuits identifi\u00e9s \u2713 Protections adapt\u00e9es \u2713 Tableau organis\u00e9 Comprendre Le point central de toute l\u2019installation [&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-109","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\/109","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=109"}],"version-history":[{"count":1,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/109\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}