{"id":31,"date":"2026-08-19T10:20:44","date_gmt":"2026-08-19T08:20:44","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=31"},"modified":"2026-09-14T16:23:30","modified_gmt":"2026-09-14T14:23:30","slug":"zones-dintervention","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/zones-dintervention\/","title":{"rendered":"Zones d\u2019intervention"},"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 ZONES D\u2019INTERVENTION\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/zones-intervention\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-zones-page\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-zones-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-zones-page *,\n.wj-zones-page *::before,\n.wj-zones-page *::after{\n    box-sizing:border-box;\n}\n\n.wj-zones-page h1,\n.wj-zones-page h2,\n.wj-zones-page h3,\n.wj-zones-page p{\n    margin-top:0;\n}\n\n.wj-zones-page h1,\n.wj-zones-page h2,\n.wj-zones-page h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-zones-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\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    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:590px;\n\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 82% 20%,\n            rgba(22,135,255,.22),\n            transparent 32%\n        ),\n        linear-gradient(\n            135deg,\n            #061521,\n            #0b2239\n        );\n\n    color:#fff;\n}\n\n.wj-hero::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    opacity:.08;\n\n    background-image:\n        linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);\n\n    background-size:48px 48px;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            transparent,\n            #000 45%,\n            #000\n        );\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    min-height:590px;\n\n    display:grid;\n\n    grid-template-columns:1.05fr .95fr;\n\n    gap:65px;\n\n    align-items:center;\n}\n\n.wj-hero-copy{\n    padding:70px 0;\n}\n\n.wj-hero .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-hero h1{\n    max-width:720px;\n\n    margin-bottom:20px;\n\n    color:#fff;\n\n    font-size:clamp(2.8rem,6vw,5.25rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:640px;\n\n    margin-bottom:29px;\n\n    color:#c8d7e3;\n\n    font-size:1.03rem;\n}\n\n.wj-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:11px;\n}\n\n\n\/* VISUEL DROITE *\/\n\n.wj-hero-zone{\n    position:relative;\n\n    min-height:400px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.wj-hero-radar{\n    position:relative;\n\n    width:355px;\n    height:355px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.wj-hero-ring{\n    position:absolute;\n\n    border:1px solid rgba(114,203,255,.18);\n    border-radius:50%;\n}\n\n.wj-hero-ring.one{\n    width:355px;\n    height:355px;\n}\n\n.wj-hero-ring.two{\n    width:265px;\n    height:265px;\n}\n\n.wj-hero-ring.three{\n    width:170px;\n    height:170px;\n\n    border-color:rgba(114,203,255,.3);\n}\n\n.wj-hero-center{\n    position:relative;\n    z-index:3;\n\n    width:118px;\n    height:118px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:50%;\n\n    background:#0b2239;\n\n    box-shadow:\n        0 0 0 12px rgba(22,135,255,.06),\n        0 18px 50px rgba(0,0,0,.25);\n}\n\n.wj-hero-center-icon{\n    width:35px;\n    height:35px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:6px;\n\n    border-radius:10px;\n\n    background:var(--blue);\n\n    color:#fff;\n\n    font-size:.9rem;\n}\n\n.wj-hero-center strong{\n    color:#fff;\n\n    font-size:.76rem;\n}\n\n.wj-hero-center span{\n    color:#8da6b8;\n\n    font-size:.58rem;\n}\n\n.wj-hero-pin{\n    position:absolute;\n\n    width:34px;\n    height:34px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.16);\n\n    border:1px solid rgba(114,203,255,.25);\n\n    color:#8bd2ff;\n\n    font-size:.6rem;\n    font-weight:900;\n}\n\n.wj-hero-pin.p1{\n    top:15px;\n    left:155px;\n}\n\n.wj-hero-pin.p2{\n    right:16px;\n    top:154px;\n}\n\n.wj-hero-pin.p3{\n    bottom:18px;\n    left:160px;\n}\n\n.wj-hero-pin.p4{\n    left:23px;\n    top:155px;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.wj-intro{\n    padding:95px 0;\n\n    background:#fff;\n}\n\n.wj-intro-grid{\n    display:grid;\n\n    grid-template-columns:.75fr 1.25fr;\n\n    gap:70px;\n\n    align-items:start;\n}\n\n.wj-intro-title{\n    position:sticky;\n    top:30px;\n}\n\n.wj-intro-title h2{\n    margin-bottom:15px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.45rem);\n}\n\n.wj-intro-title p{\n    color:var(--muted);\n}\n\n.wj-intro-cards{\n    display:grid;\n\n    gap:10px;\n}\n\n.wj-intro-card{\n    display:grid;\n\n    grid-template-columns:52px 1fr;\n\n    gap:16px;\n\n    padding:19px;\n\n    border:1px solid var(--border);\n    border-radius:16px;\n\n    background:#fff;\n}\n\n.wj-intro-icon{\n    width:47px;\n    height:47px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.72rem;\n    font-weight:900;\n}\n\n.wj-intro-card strong{\n    display:block;\n\n    margin-bottom:4px;\n\n    color:var(--navy);\n\n    font-size:.92rem;\n}\n\n.wj-intro-card p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.75rem;\n}\n\n\n\/* =========================================================\n   CARTE\n   ========================================================= *\/\n\n.wj-map{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-map-box{\n    position:relative;\n\n    min-height:610px;\n\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:28px;\n\n    background:#dce5ec;\n\n    box-shadow:0 22px 60px rgba(7,24,40,.09);\n}\n\n.wj-map-frame{\n    position:absolute;\n    inset:0;\n}\n\n.wj-map-frame iframe{\n    width:100%;\n    height:100%;\n\n    border:0;\n\n    filter:saturate(.75) contrast(.96);\n}\n\n.wj-map-overlay{\n    position:absolute;\n    z-index:3;\n\n    left:28px;\n    top:28px;\n\n    width:min(365px,calc(100% - 56px));\n\n    padding:25px;\n\n    border:1px solid rgba(255,255,255,.7);\n    border-radius:20px;\n\n    background:rgba(255,255,255,.94);\n\n    box-shadow:0 18px 45px rgba(7,24,40,.16);\n\n    backdrop-filter:blur(10px);\n}\n\n.wj-map-overlay-label{\n    display:inline-flex;\n\n    margin-bottom:13px;\n\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue-dark);\n\n    font-size:.62rem;\n    font-weight:900;\n\n    text-transform:uppercase;\n    letter-spacing:.06em;\n}\n\n.wj-map-overlay h2{\n    margin-bottom:11px;\n\n    color:var(--navy);\n\n    font-size:1.75rem;\n}\n\n.wj-map-overlay p{\n    margin-bottom:19px;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n.wj-map-list{\n    display:grid;\n\n    gap:7px;\n}\n\n.wj-map-list div{\n    display:flex;\n    align-items:center;\n\n    gap:9px;\n\n    padding:9px 10px;\n\n    border:1px solid var(--border);\n    border-radius:10px;\n\n    background:#fff;\n\n    color:#455e70;\n\n    font-size:.7rem;\n    font-weight:700;\n}\n\n.wj-map-list i{\n    width:7px;\n    height:7px;\n\n    flex:none;\n\n    border-radius:50%;\n\n    background:var(--blue);\n\n    box-shadow:0 0 0 5px rgba(22,135,255,.09);\n}\n\n\n\/* =========================================================\n   NIVEAUX D\u2019INTERVENTION\n   ========================================================= *\/\n\n.wj-levels{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-level-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:13px;\n}\n\n.wj-level{\n    position:relative;\n\n    min-height:340px;\n\n    display:flex;\n    flex-direction:column;\n\n    overflow:hidden;\n\n    padding:27px;\n\n    border:1px solid var(--border);\n    border-radius:21px;\n\n    background:#fff;\n}\n\n.wj-level.featured{\n    border-color:#acd6fa;\n\n    background:\n        linear-gradient(\n            180deg,\n            #eef8ff,\n            #fff\n        );\n}\n\n.wj-level-number{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:45px;\n}\n\n.wj-level-number strong{\n    color:var(--blue);\n\n    font-size:.74rem;\n    font-weight:900;\n}\n\n.wj-level-number span{\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:var(--soft);\n\n    color:#728a9c;\n\n    font-size:.58rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-level.featured .wj-level-number span{\n    background:#dff0ff;\n\n    color:var(--blue-dark);\n}\n\n.wj-level h3{\n    margin-bottom:9px;\n\n    color:var(--navy);\n\n    font-size:1.25rem;\n}\n\n.wj-level > p{\n    margin-bottom:22px;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n.wj-level-list{\n    display:grid;\n\n    gap:8px;\n\n    margin-top:auto;\n}\n\n.wj-level-list span{\n    color:#4a6476;\n\n    font-size:.7rem;\n}\n\n.wj-level-list span::before{\n    content:\"\u2713\";\n\n    margin-right:8px;\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   TYPES D\u2019INTERVENTIONS\n   ========================================================= *\/\n\n.wj-services{\n    padding:100px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-services .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-services-grid{\n    display:grid;\n\n    grid-template-columns:.78fr 1.22fr;\n\n    gap:70px;\n\n    align-items:start;\n}\n\n.wj-services-copy{\n    position:sticky;\n    top:30px;\n}\n\n.wj-services-copy h2{\n    margin-bottom:16px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.35rem);\n}\n\n.wj-services-copy p{\n    color:#b8cad7;\n}\n\n.wj-services-note{\n    margin-top:25px;\n\n    padding:15px;\n\n    border-left:3px solid var(--blue);\n    border-radius:0 11px 11px 0;\n\n    background:rgba(255,255,255,.05);\n\n    color:#d8e4ec;\n\n    font-size:.79rem;\n}\n\n.wj-services-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-service{\n    display:grid;\n\n    grid-template-columns:48px 1fr auto;\n\n    gap:14px;\n\n    align-items:center;\n\n    padding:18px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:16px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-service-icon{\n    width:43px;\n    height:43px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:rgba(22,135,255,.18);\n\n    color:#8bd2ff;\n\n    font-size:.69rem;\n    font-weight:900;\n}\n\n.wj-service strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:#fff;\n\n    font-size:.9rem;\n}\n\n.wj-service span{\n    display:block;\n\n    color:#9fb3c2;\n\n    font-size:.7rem;\n}\n\n.wj-service a{\n    color:#8bd2ff;\n\n    font-size:.72rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   POURQUOI LA DISTANCE COMPTE\n   ========================================================= *\/\n\n.wj-distance{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-distance-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(--soft-blue);\n}\n\n.wj-distance-visual{\n    position:relative;\n\n    min-height:500px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(22,135,255,.15),\n            transparent 55%\n        ),\n        var(--navy);\n}\n\n.wj-distance-visual-inner{\n    position:absolute;\n    inset:0;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.wj-distance-rings{\n    position:relative;\n\n    width:330px;\n    height:330px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.wj-distance-ring{\n    position:absolute;\n\n    border:1px solid rgba(114,203,255,.18);\n    border-radius:50%;\n}\n\n.wj-distance-ring.r1{\n    width:330px;\n    height:330px;\n}\n\n.wj-distance-ring.r2{\n    width:235px;\n    height:235px;\n}\n\n.wj-distance-ring.r3{\n    width:135px;\n    height:135px;\n\n    border-color:rgba(114,203,255,.35);\n}\n\n.wj-distance-center{\n    position:relative;\n    z-index:2;\n\n    width:86px;\n    height:86px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:var(--blue);\n\n    color:#fff;\n\n    font-size:.78rem;\n    font-weight:900;\n\n    box-shadow:0 0 0 11px rgba(22,135,255,.10);\n}\n\n.wj-distance-content{\n    padding:52px;\n}\n\n.wj-distance-content h2{\n    margin-bottom:16px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.25rem);\n}\n\n.wj-distance-content > p{\n    color:var(--muted);\n}\n\n.wj-distance-points{\n    display:grid;\n\n    gap:8px;\n\n    margin:26px 0 29px;\n}\n\n.wj-distance-point{\n    display:grid;\n\n    grid-template-columns:38px 1fr;\n\n    gap:11px;\n\n    align-items:center;\n\n    padding:11px;\n\n    border:1px solid #d0e5f7;\n    border-radius:11px;\n\n    background:#fff;\n}\n\n.wj-distance-point strong{\n    display:block;\n\n    color:var(--navy);\n\n    font-size:.78rem;\n}\n\n.wj-distance-point span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.65rem;\n}\n\n.wj-distance-point-num{\n    width:34px;\n    height:34px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:9px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.65rem;\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   D\u00c9ROULEMENT\n   ========================================================= *\/\n\n.wj-process{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-process-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-process-step{\n    position:relative;\n\n    min-height:215px;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.wj-process-step::before{\n    content:attr(data-step);\n\n    position:absolute;\n\n    right:17px;\n    top:10px;\n\n    color:#edf3f7;\n\n    font-size:3rem;\n    font-weight:900;\n    line-height:1;\n}\n\n.wj-process-icon{\n    position:relative;\n    z-index:2;\n\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:36px;\n\n    border-radius:12px;\n\n    background:var(--navy);\n\n    color:#fff;\n\n    font-size:.7rem;\n    font-weight:900;\n}\n\n.wj-process-step h3{\n    position:relative;\n    z-index:2;\n\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:.97rem;\n}\n\n.wj-process-step p{\n    position:relative;\n    z-index:2;\n\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   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    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\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    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-hero-inner{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .wj-hero-copy{\n        padding-bottom:20px;\n    }\n\n    .wj-hero-zone{\n        min-height:340px;\n        padding-bottom:50px;\n    }\n\n    .wj-intro-grid,\n    .wj-services-grid{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    .wj-intro-title,\n    .wj-services-copy{\n        position:static;\n    }\n\n    .wj-level-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-distance-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-distance-visual{\n        min-height:360px;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-faq-grid{\n        grid-template-columns:1fr;\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        min-height:auto;\n    }\n\n    .wj-hero-inner{\n        min-height:auto;\n    }\n\n    .wj-hero-copy{\n        padding:50px 0 22px;\n    }\n\n    .wj-hero h1{\n        font-size:clamp(2.4rem,12vw,3.7rem);\n    }\n\n    .wj-hero-lead{\n        font-size:.93rem;\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:.81rem;\n    }\n\n    .wj-hero-zone{\n        min-height:290px;\n\n        padding-bottom:35px;\n    }\n\n    .wj-hero-radar{\n        width:260px;\n        height:260px;\n    }\n\n    .wj-hero-ring.one{\n        width:260px;\n        height:260px;\n    }\n\n    .wj-hero-ring.two{\n        width:195px;\n        height:195px;\n    }\n\n    .wj-hero-ring.three{\n        width:125px;\n        height:125px;\n    }\n\n    .wj-hero-center{\n        width:90px;\n        height:90px;\n    }\n\n    .wj-hero-pin.p1{\n        top:0;\n        left:113px;\n    }\n\n    .wj-hero-pin.p2{\n        right:0;\n        top:111px;\n    }\n\n    .wj-hero-pin.p3{\n        bottom:0;\n        left:113px;\n    }\n\n    .wj-hero-pin.p4{\n        left:0;\n        top:111px;\n    }\n\n\n    \/* INTRO *\/\n\n    .wj-intro{\n        padding:64px 0;\n    }\n\n\n    \/* MAP *\/\n\n    .wj-map{\n        padding:63px 0;\n    }\n\n    .wj-map-box{\n        min-height:520px;\n\n        border-radius:21px;\n    }\n\n    .wj-map-overlay{\n        left:14px;\n        top:14px;\n\n        width:calc(100% - 28px);\n\n        padding:18px;\n\n        border-radius:16px;\n    }\n\n    .wj-map-overlay h2{\n        font-size:1.4rem;\n    }\n\n\n    \/* LEVELS *\/\n\n    .wj-levels{\n        padding:64px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-level-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-level-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-level{\n        min-width:82%;\n        min-height:295px;\n\n        padding:21px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* SERVICES *\/\n\n    .wj-services{\n        padding:64px 0;\n    }\n\n    .wj-services-grid{\n        gap:28px;\n    }\n\n    .wj-service{\n        grid-template-columns:40px 1fr;\n\n        gap:11px;\n\n        padding:14px;\n    }\n\n    .wj-service a{\n        grid-column:2;\n\n        width:max-content;\n    }\n\n\n    \/* DISTANCE *\/\n\n    .wj-distance{\n        padding:64px 0;\n    }\n\n    .wj-distance-box{\n        border-radius:21px;\n    }\n\n    .wj-distance-visual{\n        min-height:300px;\n    }\n\n    .wj-distance-rings{\n        width:245px;\n        height:245px;\n    }\n\n    .wj-distance-ring.r1{\n        width:245px;\n        height:245px;\n    }\n\n    .wj-distance-ring.r2{\n        width:175px;\n        height:175px;\n    }\n\n    .wj-distance-ring.r3{\n        width:105px;\n        height:105px;\n    }\n\n    .wj-distance-content{\n        padding:28px 22px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .wj-process{\n        padding:64px 0;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n\n        gap:8px;\n    }\n\n    .wj-process-step{\n        min-height:205px;\n\n        padding:17px;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq{\n        padding:64px 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-level{\n        min-width:88%;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-zones-page *,\n    .wj-zones-page *::before,\n    .wj-zones-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-container wj-hero-inner\">\n\n\n<div class=\"wj-hero-copy\">\n\n    <div class=\"wj-kicker\">\n        Zones d\u2019intervention\n    <\/div>\n\n    <h1>\n        Un \u00e9lectricien proche de\n        <span>votre projet.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        D\u00e9pannage, r\u00e9novation, installation ou projet professionnel :\n        la zone d\u2019intervention peut \u00eatre d\u00e9finie selon l\u2019implantation\n        de l\u2019entreprise et le type de travaux \u00e0 r\u00e9aliser.\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            V\u00e9rifier mon secteur\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<\/div>\n\n\n<div class=\"wj-hero-zone\">\n\n    <div class=\"wj-hero-radar\">\n\n        <div class=\"wj-hero-ring one\"><\/div>\n        <div class=\"wj-hero-ring two\"><\/div>\n        <div class=\"wj-hero-ring three\"><\/div>\n\n        <div class=\"wj-hero-center\">\n\n            <div class=\"wj-hero-center-icon\">\n                \u26a1\n            <\/div>\n\n            <strong>NOVA \u00c9LEC<\/strong>\n            <span>secteur principal<\/span>\n\n        <\/div>\n\n        <div class=\"wj-hero-pin p1\">01<\/div>\n        <div class=\"wj-hero-pin p2\">02<\/div>\n        <div class=\"wj-hero-pin p3\">03<\/div>\n        <div class=\"wj-hero-pin p4\">04<\/div>\n\n    <\/div>\n\n<\/div>\n\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-title\">\n\n    <div class=\"wj-kicker\">\n        Secteur personnalisable\n    <\/div>\n\n    <h2>\n        Une zone adapt\u00e9e \u00e0 l\u2019activit\u00e9 r\u00e9elle de l\u2019entreprise.\n    <\/h2>\n\n    <p>\n        Cette d\u00e9monstration est con\u00e7ue pour \u00eatre personnalis\u00e9e\n        rapidement selon la ville d\u2019implantation et les secteurs\n        r\u00e9ellement couverts par l\u2019\u00e9lectricien.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-intro-cards\">\n\n\n<div class=\"wj-intro-card\">\n\n    <div class=\"wj-intro-icon\">\n        01\n    <\/div>\n\n    <div>\n        <strong>Secteur principal<\/strong>\n\n        <p>\n            Les interventions courantes sont concentr\u00e9es\n            autour de la zone d\u2019activit\u00e9 principale.\n        <\/p>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-card\">\n\n    <div class=\"wj-intro-icon\">\n        02\n    <\/div>\n\n    <div>\n        <strong>Secteur \u00e9largi<\/strong>\n\n        <p>\n            Certains travaux planifi\u00e9s peuvent \u00eatre r\u00e9alis\u00e9s\n            au-del\u00e0 du secteur habituel selon le projet.\n        <\/p>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-card\">\n\n    <div class=\"wj-intro-icon\">\n        03\n    <\/div>\n\n    <div>\n        <strong>Projet professionnel<\/strong>\n\n        <p>\n            Les chantiers importants peuvent justifier\n            une zone d\u2019intervention plus large.\n        <\/p>\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CARTE GOOGLE\n     ========================================================= -->\n\n<section class=\"wj-map\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-map-box\">\n\n\n<div class=\"wj-map-frame\">\n\n    <iframe\n        src=\"https:\/\/www.google.com\/maps?q=France&#038;z=5&#038;output=embed\"\n        loading=\"lazy\"\n        referrerpolicy=\"no-referrer-when-downgrade\"\n        title=\"Carte de d\u00e9monstration des zones d\u2019intervention\">\n    <\/iframe>\n\n<\/div>\n\n\n<div class=\"wj-map-overlay\">\n\n    <span class=\"wj-map-overlay-label\">\n        Carte de d\u00e9monstration\n    <\/span>\n\n    <h2>\n        Zone d\u2019intervention personnalis\u00e9e selon l\u2019entreprise.\n    <\/h2>\n\n    <p>\n        La carte d\u00e9finitive pourra \u00eatre recentr\u00e9e\n        sur la ville r\u00e9elle du professionnel\n        et les communes effectivement desservies.\n    <\/p>\n\n\n    <div class=\"wj-map-list\">\n\n        <div>\n            <i><\/i>\n            Ville principale personnalisable\n        <\/div>\n\n        <div>\n            <i><\/i>\n            Communes voisines\n        <\/div>\n\n        <div>\n            <i><\/i>\n            Secteur \u00e9largi selon chantier\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     NIVEAUX\n     ========================================================= -->\n\n<section class=\"wj-levels\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Organisation des d\u00e9placements\n    <\/div>\n\n    <h2>\n        La zone peut varier selon le type d\u2019intervention.\n    <\/h2>\n\n    <p>\n        Un d\u00e9pannage rapide et une r\u00e9novation compl\u00e8te\n        ne n\u00e9cessitent pas forc\u00e9ment le m\u00eame rayon d\u2019intervention.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-level-grid\">\n\n\n<article class=\"wj-level\">\n\n    <div class=\"wj-level-number\">\n\n        <strong>01<\/strong>\n\n        <span>Proximit\u00e9<\/span>\n\n    <\/div>\n\n    <h3>\n        Secteur principal\n    <\/h3>\n\n    <p>\n        Zone privil\u00e9gi\u00e9e pour les interventions courantes\n        et les besoins n\u00e9cessitant une forte proximit\u00e9.\n    <\/p>\n\n    <div class=\"wj-level-list\">\n\n        <span>D\u00e9pannage \u00e9lectrique<\/span>\n        <span>Petites interventions<\/span>\n        <span>Diagnostic<\/span>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-level featured\">\n\n    <div class=\"wj-level-number\">\n\n        <strong>02<\/strong>\n\n        <span>Le plus courant<\/span>\n\n    <\/div>\n\n    <h3>\n        Secteur habituel\n    <\/h3>\n\n    <p>\n        Zone principale pour les installations,\n        r\u00e9novations et travaux programm\u00e9s.\n    <\/p>\n\n    <div class=\"wj-level-list\">\n\n        <span>Tableau \u00e9lectrique<\/span>\n        <span>R\u00e9novation<\/span>\n        <span>\u00c9clairage<\/span>\n        <span>Domotique<\/span>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-level\">\n\n    <div class=\"wj-level-number\">\n\n        <strong>03<\/strong>\n\n        <span>Sur \u00e9tude<\/span>\n\n    <\/div>\n\n    <h3>\n        Secteur \u00e9largi\n    <\/h3>\n\n    <p>\n        Pour certains projets importants,\n        la zone peut \u00eatre \u00e9largie apr\u00e8s \u00e9tude du chantier.\n    <\/p>\n\n    <div class=\"wj-level-list\">\n\n        <span>R\u00e9novation compl\u00e8te<\/span>\n        <span>Locaux professionnels<\/span>\n        <span>Projets sp\u00e9cifiques<\/span>\n\n    <\/div>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTERVENTIONS\n     ========================================================= -->\n\n<section class=\"wj-services\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-services-grid\">\n\n\n<div class=\"wj-services-copy\">\n\n    <div class=\"wj-kicker\">\n        Prestations\n    <\/div>\n\n    <h2>\n        Une zone adapt\u00e9e \u00e0 chaque type de projet.\n    <\/h2>\n\n    <p>\n        Les besoins ne sont pas les m\u00eames\n        pour une panne \u00e9lectrique, une r\u00e9novation compl\u00e8te\n        ou l\u2019installation d\u2019une borne de recharge.\n    <\/p>\n\n    <div class=\"wj-services-note\">\n        Le secteur exact est confirm\u00e9 au moment\n        de la prise de contact selon l\u2019adresse\n        et la nature des travaux.\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-services-list\">\n\n\n<div class=\"wj-service\">\n\n    <div class=\"wj-service-icon\">\n        01\n    <\/div>\n\n    <div>\n        <strong>D\u00e9pannage \u00e9lectrique<\/strong>\n        <span>Intervention privil\u00e9gi\u00e9e dans le secteur de proximit\u00e9.<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/depannage-electrique\/\">\n        Voir \u2192\n    <\/a>\n\n<\/div>\n\n\n<div class=\"wj-service\">\n\n    <div class=\"wj-service-icon\">\n        02\n    <\/div>\n\n    <div>\n        <strong>R\u00e9novation \u00e9lectrique<\/strong>\n        <span>D\u00e9placement possible sur un secteur plus large.<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/renovation-electrique\/\">\n        Voir \u2192\n    <\/a>\n\n<\/div>\n\n\n<div class=\"wj-service\">\n\n    <div class=\"wj-service-icon\">\n        03\n    <\/div>\n\n    <div>\n        <strong>Borne de recharge<\/strong>\n        <span>Projet \u00e9tudi\u00e9 selon l\u2019emplacement du b\u00e2timent.<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/borne-recharge\/\">\n        Voir \u2192\n    <\/a>\n\n<\/div>\n\n\n<div class=\"wj-service\">\n\n    <div class=\"wj-service-icon\">\n        04\n    <\/div>\n\n    <div>\n        <strong>\u00c9lectricit\u00e9 professionnelle<\/strong>\n        <span>Zone adaptable selon l\u2019importance du chantier.<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/electricite-professionnels\/\">\n        Voir \u2192\n    <\/a>\n\n<\/div>\n\n\n<div class=\"wj-service\">\n\n    <div class=\"wj-service-icon\">\n        05\n    <\/div>\n\n    <div>\n        <strong>Autres installations<\/strong>\n        <span>\u00c9clairage, domotique, tableau et \u00e9quipements.<\/span>\n    <\/div>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n        Services \u2192\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     DISTANCE\n     ========================================================= -->\n\n<section class=\"wj-distance\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-distance-box\">\n\n\n<div class=\"wj-distance-visual\">\n\n    <div class=\"wj-distance-visual-inner\">\n\n        <div class=\"wj-distance-rings\">\n\n            <div class=\"wj-distance-ring r1\"><\/div>\n            <div class=\"wj-distance-ring r2\"><\/div>\n            <div class=\"wj-distance-ring r3\"><\/div>\n\n            <div class=\"wj-distance-center\">\n                NOVA\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-distance-content\">\n\n    <div class=\"wj-kicker\">\n        Pourquoi la zone varie\n    <\/div>\n\n    <h2>\n        Tous les travaux ne n\u00e9cessitent pas la m\u00eame organisation.\n    <\/h2>\n\n    <p>\n        La distance est mise en relation avec la dur\u00e9e du chantier,\n        l\u2019urgence de l\u2019intervention et l\u2019ampleur des travaux.\n    <\/p>\n\n\n    <div class=\"wj-distance-points\">\n\n\n<div class=\"wj-distance-point\">\n\n    <div class=\"wj-distance-point-num\">\n        01\n    <\/div>\n\n    <div>\n        <strong>Urgence et d\u00e9pannage<\/strong>\n        <span>Priorit\u00e9 \u00e0 un secteur proche.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-distance-point\">\n\n    <div class=\"wj-distance-point-num\">\n        02\n    <\/div>\n\n    <div>\n        <strong>Travaux programm\u00e9s<\/strong>\n        <span>Organisation possible sur une zone plus large.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-distance-point\">\n\n    <div class=\"wj-distance-point-num\">\n        03\n    <\/div>\n\n    <div>\n        <strong>Chantiers importants<\/strong>\n        <span>D\u00e9placement \u00e9tudi\u00e9 selon le projet.<\/span>\n    <\/div>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <a class=\"wj-btn wj-btn-primary\"\n       href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        V\u00e9rifier mon secteur\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PROCESS\n     ========================================================= -->\n\n<section class=\"wj-process\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Votre demande\n    <\/div>\n\n    <h2>\n        V\u00e9rifier une zone d\u2019intervention reste simple.\n    <\/h2>\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        Votre commune\n    <\/h3>\n\n    <p>\n        Indiquez simplement la localisation du chantier.\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        Votre besoin\n    <\/h3>\n\n    <p>\n        Pr\u00e9cisez le type d\u2019intervention ou de travaux envisag\u00e9s.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"03\">\n\n    <div class=\"wj-process-icon\">\n        03\n    <\/div>\n\n    <h3>\n        V\u00e9rification\n    <\/h3>\n\n    <p>\n        La faisabilit\u00e9 du d\u00e9placement est confirm\u00e9e selon le projet.\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        Intervention\n    <\/h3>\n\n    <p>\n        Les travaux peuvent ensuite \u00eatre organis\u00e9s selon vos besoins.\n    <\/p>\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 des d\u00e9placements.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses utiles avant\n        de demander une intervention.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Comment savoir si ma commune est couverte ?\n    <\/summary>\n\n    <p>\n        Il suffit d\u2019indiquer la commune et le type de travaux\n        lors de la prise de contact. La possibilit\u00e9 d\u2019intervention\n        peut alors \u00eatre confirm\u00e9e.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        La zone est-elle la m\u00eame pour un d\u00e9pannage et une r\u00e9novation ?\n    <\/summary>\n\n    <p>\n        Pas n\u00e9cessairement. Une r\u00e9novation planifi\u00e9e peut permettre\n        un d\u00e9placement plus important qu\u2019une intervention courte\n        ou urgente.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on intervenir plus loin pour un gros chantier ?\n    <\/summary>\n\n    <p>\n        Oui, selon l\u2019importance et la dur\u00e9e du projet.\n        La faisabilit\u00e9 est \u00e9tudi\u00e9e au cas par cas.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Intervenez-vous aussi pour les professionnels ?\n    <\/summary>\n\n    <p>\n        Oui. Les projets professionnels peuvent b\u00e9n\u00e9ficier\n        d\u2019une zone d\u2019intervention adapt\u00e9e \u00e0 l\u2019importance\n        des travaux pr\u00e9vus.\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 secteur\n    <\/span>\n\n    <h2>\n        Vous souhaitez savoir si une intervention est possible chez vous ?\n    <\/h2>\n\n    <p>\n        Indiquez votre commune et le type de travaux souhait\u00e9\n        afin de v\u00e9rifier rapidement la zone d\u2019intervention.\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        V\u00e9rifier ma commune\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    <strong>NOVA \u00c9LEC est une entreprise fictive.<\/strong>\n    Site de d\u00e9monstration Web Jouglet \u2013 entreprise fictive.\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Zones d\u2019intervention Un \u00e9lectricien proche de votre projet. D\u00e9pannage, r\u00e9novation, installation ou projet professionnel : la zone d\u2019intervention peut \u00eatre d\u00e9finie selon l\u2019implantation de l\u2019entreprise et le type de travaux \u00e0 r\u00e9aliser. V\u00e9rifier mon secteur Voir les services \u26a1 NOVA \u00c9LEC secteur principal 01 02 03 04 Secteur personnalisable Une zone adapt\u00e9e \u00e0 l\u2019activit\u00e9 r\u00e9elle [&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-31","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\/31","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=31"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/31\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}