{"id":27,"date":"2026-08-19T10:20:22","date_gmt":"2026-08-19T08:20:22","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=27"},"modified":"2026-09-14T14:04:00","modified_gmt":"2026-09-14T12:04:00","slug":"electricite-professionnels","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/electricite-professionnels\/","title":{"rendered":"\u00c9lectricit\u00e9 pour professionnels"},"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 \u00c9LECTRICIT\u00c9 PROFESSIONNELLE\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/electricite-professionnels\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-pro\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-pro{\n    --navy:#071828;\n    --navy2:#0b2239;\n    --blue:#1687ff;\n    --blue-dark:#0668ce;\n    --cyan:#7dcbff;\n    --soft:#f4f8fc;\n    --soft-blue:#eaf5ff;\n    --white:#ffffff;\n    --text:#102436;\n    --muted:#607487;\n    --border:#dce7f0;\n    --shadow:0 18px 50px rgba(7,24,40,.10);\n\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    overflow:clip;\n\n    background:#fff;\n    color:var(--text);\n\n    font-family:\n        Inter,\n        ui-sans-serif,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Arial,\n        sans-serif;\n\n    line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n}\n\n.wj-pro *,\n.wj-pro *::before,\n.wj-pro *::after{\n    box-sizing:border-box;\n}\n\n.wj-pro img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-pro h1,\n.wj-pro h2,\n.wj-pro h3,\n.wj-pro p{\n    margin-top:0;\n}\n\n.wj-pro h1,\n.wj-pro h2,\n.wj-pro h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-pro 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    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    background:rgba(255,255,255,.07);\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,.50) 70%,\n            rgba(4,18,31,.18) 100%\n        );\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    min-height:680px;\n\n    display:flex;\n    align-items:center;\n}\n\n.wj-hero-content{\n    max-width:750px;\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.25rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:670px;\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    gap:11px;\n}\n\n.wj-hero-trust{\n    display:flex;\n    flex-wrap:wrap;\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    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    color:#8bd2ff;\n\n    font-size:.65rem;\n    font-style:normal;\n}\n\n\n\/* =========================================================\n   INTRO B2B\n   ========================================================= *\/\n\n.wj-intro{\n    padding:100px 0;\n    background:#fff;\n}\n\n.wj-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:72px;\n    align-items:center;\n}\n\n.wj-intro-copy{\n    max-width:520px;\n}\n\n.wj-intro-copy h2{\n    margin-bottom:18px;\n\n    color:var(--navy);\n\n    font-size:clamp(2.1rem,4vw,3.55rem);\n}\n\n.wj-intro-copy > p{\n    color:var(--muted);\n    font-size:.96rem;\n}\n\n.wj-intro-list{\n    display:grid;\n    gap:10px;\n\n    margin-top:27px;\n}\n\n.wj-intro-item{\n    display:grid;\n    grid-template-columns:40px 1fr;\n    gap:12px;\n\n    padding:13px 14px;\n\n    border:1px solid var(--border);\n    border-radius:13px;\n\n    background:#fff;\n}\n\n.wj-intro-item-icon{\n    width:36px;\n    height:36px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    background:var(--soft-blue);\n    color:var(--blue);\n\n    font-size:.7rem;\n    font-weight:900;\n}\n\n.wj-intro-item strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:var(--navy);\n\n    font-size:.83rem;\n}\n\n.wj-intro-item span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.71rem;\n}\n\n\n\/* VISUEL *\/\n\n.wj-intro-visual{\n    position:relative;\n    min-height:560px;\n}\n\n.wj-intro-photo{\n    position:absolute;\n    inset:0 55px 55px 0;\n\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:#dbe7ef;\n\n    box-shadow:0 20px 55px rgba(7,24,40,.10);\n}\n\n.wj-intro-photo img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-intro-photo::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 48%,\n            rgba(5,20,34,.34) 100%\n        );\n}\n\n.wj-intro-caption{\n    position:absolute;\n    z-index:3;\n\n    left:22px;\n    bottom:22px;\n\n    padding:9px 12px;\n\n    border:1px solid rgba(255,255,255,.55);\n    border-radius:10px;\n\n    background:rgba(255,255,255,.92);\n\n    color:var(--navy);\n\n    font-size:.7rem;\n    font-weight:800;\n\n    box-shadow:0 9px 25px rgba(7,24,40,.15);\n}\n\n.wj-intro-floating{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:265px;\n\n    padding:20px;\n\n    border-radius:20px;\n\n    background:var(--navy);\n    color:#fff;\n\n    box-shadow:0 22px 55px rgba(7,24,40,.24);\n}\n\n.wj-intro-floating-head{\n    display:flex;\n    align-items:center;\n    gap:11px;\n\n    margin-bottom:15px;\n}\n\n.wj-intro-floating-icon{\n    width:41px;\n    height:41px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:var(--blue);\n}\n\n.wj-intro-floating-head strong{\n    display:block;\n    font-size:.86rem;\n}\n\n.wj-intro-floating-head span{\n    display:block;\n\n    color:#94abba;\n\n    font-size:.65rem;\n}\n\n.wj-intro-floating-list{\n    display:grid;\n    gap:7px;\n}\n\n.wj-intro-floating-list div{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    padding:8px 9px;\n\n    border-radius:9px;\n\n    background:rgba(255,255,255,.055);\n\n    color:#dce7ef;\n\n    font-size:.68rem;\n    font-weight:700;\n}\n\n.wj-intro-floating-list i{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:#69caff;\n\n    box-shadow:0 0 0 4px rgba(105,202,255,.10);\n}\n\n\n\/* =========================================================\n   SECTEURS\n   ========================================================= *\/\n\n.wj-sectors{\n    padding:90px 0;\n    background:var(--soft);\n}\n\n.wj-sectors-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:12px;\n}\n\n.wj-sector{\n    min-height:230px;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n}\n\n.wj-sector:hover{\n    transform:translateY(-4px);\n\n    border-color:#bdddf9;\n\n    box-shadow:var(--shadow);\n}\n\n.wj-sector-num{\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:27px;\n\n    border-radius:12px;\n\n    background:var(--soft-blue);\n    color:var(--blue);\n\n    font-size:.72rem;\n    font-weight:900;\n}\n\n.wj-sector h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1rem;\n}\n\n.wj-sector p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n\n\/* =========================================================\n   BLOC INFRASTRUCTURE\n   ========================================================= *\/\n\n.wj-infra{\n    padding:100px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-infra .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-infra-grid{\n    display:grid;\n    grid-template-columns:.8fr 1.2fr;\n    gap:70px;\n    align-items:start;\n}\n\n.wj-infra-copy{\n    position:sticky;\n    top:30px;\n}\n\n.wj-infra-copy h2{\n    margin-bottom:16px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.35rem);\n}\n\n.wj-infra-copy p{\n    color:#b8cad7;\n}\n\n.wj-infra-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-infra-list{\n    display:grid;\n    gap:10px;\n}\n\n.wj-infra-item{\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-infra-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-infra-item strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:#fff;\n\n    font-size:.9rem;\n}\n\n.wj-infra-item span{\n    display:block;\n\n    color:#9fb3c2;\n\n    font-size:.7rem;\n}\n\n.wj-infra-item small{\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.06);\n\n    color:#82ceff;\n\n    font-size:.57rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   \u00c9CLAIRAGE PRO\n   ========================================================= *\/\n\n.wj-light{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-light-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-light-media{\n    position:relative;\n\n    min-height:500px;\n}\n\n.wj-light-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-light-content{\n    padding:52px;\n}\n\n.wj-light-content h2{\n    margin-bottom:16px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.25rem);\n}\n\n.wj-light-content > p{\n    color:var(--muted);\n}\n\n.wj-light-points{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:8px;\n\n    margin:26px 0 29px;\n}\n\n.wj-light-points span{\n    padding:11px 12px;\n\n    border:1px solid #d0e5f7;\n    border-radius:11px;\n\n    background:#fff;\n\n    color:#3b586d;\n\n    font-size:.72rem;\n    font-weight:700;\n}\n\n.wj-light-points span::before{\n    content:\"\u2713\";\n\n    margin-right:7px;\n\n    color:var(--blue);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   BESOIN \/ CONTINUIT\u00c9\n   ========================================================= *\/\n\n.wj-continuity{\n    padding:0 0 100px;\n\n    background:#fff;\n}\n\n.wj-continuity-grid{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:14px;\n}\n\n.wj-continuity-card{\n    position:relative;\n\n    min-height:330px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:flex-end;\n\n    overflow:hidden;\n\n    padding:32px;\n\n    border-radius:23px;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-continuity-card:nth-child(2){\n    background:#0e66b3;\n}\n\n.wj-continuity-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:260px;\n    height:260px;\n\n    right:-125px;\n    top:-140px;\n\n    border-radius:50%;\n\n    background:rgba(255,255,255,.07);\n}\n\n.wj-continuity-card > *{\n    position:relative;\n    z-index:2;\n}\n\n.wj-continuity-card span{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:#8bd2ff;\n\n    font-size:.68rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-continuity-card:nth-child(2) span{\n    color:#d9efff;\n}\n\n.wj-continuity-card h2{\n    max-width:520px;\n\n    margin-bottom:12px;\n\n    color:#fff;\n\n    font-size:clamp(1.8rem,3vw,2.65rem);\n}\n\n.wj-continuity-card p{\n    max-width:540px;\n\n    margin-bottom:20px;\n\n    color:#b9cad6;\n\n    font-size:.84rem;\n}\n\n.wj-continuity-card:nth-child(2) p{\n    color:#e0f0fa;\n}\n\n.wj-continuity-card a{\n    width:max-content;\n\n    color:#fff;\n\n    font-size:.8rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   \u00c9VOLUTION DU LOCAL\n   ========================================================= *\/\n\n.wj-evolution{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-evolution-grid{\n    display:grid;\n\n    grid-template-columns:.82fr 1.18fr;\n\n    gap:60px;\n\n    align-items:center;\n}\n\n.wj-evolution-copy h2{\n    margin-bottom:16px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.3rem);\n}\n\n.wj-evolution-copy p{\n    color:var(--muted);\n}\n\n.wj-evolution-list{\n    display:grid;\n    gap:9px;\n}\n\n.wj-evolution-item{\n    display:grid;\n\n    grid-template-columns:44px 1fr;\n\n    gap:13px;\n\n    padding:16px;\n\n    border:1px solid var(--border);\n    border-radius:15px;\n\n    background:#fff;\n}\n\n.wj-evolution-num{\n    width:40px;\n    height:40px;\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:.67rem;\n    font-weight:900;\n}\n\n.wj-evolution-item strong{\n    display:block;\n\n    margin-bottom:3px;\n\n    color:var(--navy);\n\n    font-size:.88rem;\n}\n\n.wj-evolution-item span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.7rem;\n}\n\n\n\/* =========================================================\n   M\u00c9THODE\n   ========================================================= *\/\n\n.wj-process{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-process-grid{\n    display:grid;\n\n    grid-template-columns:repeat(5,1fr);\n\n    gap:10px;\n}\n\n.wj-process-step{\n    position:relative;\n\n    min-height:220px;\n\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.wj-process-step::before{\n    content:attr(data-step);\n\n    position:absolute;\n\n    right:14px;\n    top:9px;\n\n    color:#edf3f7;\n\n    font-size:2.9rem;\n    font-weight:900;\n    line-height:1;\n}\n\n.wj-process-icon{\n    position:relative;\n    z-index:2;\n\n    width:40px;\n    height:40px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:35px;\n\n    border-radius:11px;\n\n    background:var(--navy);\n    color:#fff;\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-process-step h3{\n    position:relative;\n    z-index:2;\n\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:.94rem;\n}\n\n.wj-process-step p{\n    position:relative;\n    z-index:2;\n\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.73rem;\n}\n\n\n\/* =========================================================\n   SERVICES LI\u00c9S\n   ========================================================= *\/\n\n.wj-related{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-related-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:12px;\n}\n\n.wj-related-card{\n    padding:24px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.wj-related-card span{\n    display:block;\n\n    margin-bottom:17px;\n\n    color:var(--blue-dark);\n\n    font-size:.67rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-related-card h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1.03rem;\n}\n\n.wj-related-card p{\n    min-height:46px;\n\n    margin-bottom:16px;\n\n    color:var(--muted);\n\n    font-size:.77rem;\n}\n\n.wj-related-card a{\n    color:var(--blue-dark);\n\n    font-size:.8rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.wj-faq{\n    padding:95px 0;\n\n    background:#fff;\n}\n\n.wj-faq-grid{\n    display:grid;\n\n    grid-template-columns:.72fr 1.28fr;\n\n    gap:70px;\n}\n\n.wj-faq-intro h2{\n    margin-bottom:12px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.1rem);\n}\n\n.wj-faq-intro p{\n    color:var(--muted);\n}\n\n.wj-faq-list{\n    display:grid;\n    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 FINAL\n   ========================================================= *\/\n\n.wj-final{\n    padding:0 0 88px;\n\n    background:#fff;\n}\n\n.wj-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:40px;\n\n    padding:48px 52px;\n\n    border-radius:27px;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:360px;\n    height:360px;\n\n    right:-180px;\n    top:-190px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.22);\n}\n\n.wj-final-content{\n    position:relative;\n    z-index:2;\n}\n\n.wj-final-content span{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:#86d1ff;\n\n    font-size:.7rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-final-content h2{\n    max-width:690px;\n\n    margin-bottom:9px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3rem);\n}\n\n.wj-final-content p{\n    max-width:650px;\n\n    margin:0;\n\n    color:#b5c7d3;\n}\n\n.wj-final-action{\n    position:relative;\n    z-index:2;\n    flex:none;\n}\n\n\n\/* =========================================================\n   NOTE DEMO\n   ========================================================= *\/\n\n.wj-demo-note{\n    padding:18px 20px;\n\n    border-top:1px solid var(--border);\n\n    text-align:center;\n\n    color:#7a8995;\n\n    font-size:.72rem;\n}\n\n.wj-demo-note strong{\n    color:#526878;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .wj-intro-grid,\n    .wj-evolution-grid{\n        grid-template-columns:1fr;\n\n        gap:40px;\n    }\n\n    .wj-intro-copy{\n        max-width:700px;\n    }\n\n    .wj-intro-visual{\n        min-height:500px;\n    }\n\n    .wj-sectors-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-infra-grid{\n        grid-template-columns:1fr;\n\n        gap:35px;\n    }\n\n    .wj-infra-copy{\n        position:static;\n    }\n\n    .wj-light-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-light-media{\n        min-height:350px;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:repeat(3,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:62% center;\n    }\n\n    .wj-hero-media::after{\n        background:\n            linear-gradient(\n                180deg,\n                rgba(4,18,31,.60) 0%,\n                rgba(4,18,31,.88) 47%,\n                rgba(4,18,31,.98) 100%\n            );\n    }\n\n    .wj-hero-content{\n        padding:48px 0 58px;\n    }\n\n    .wj-hero h1{\n        font-size:clamp(2.45rem,12vw,3.8rem);\n    }\n\n    .wj-hero-lead{\n        font-size:.94rem;\n    }\n\n    .wj-hero-actions{\n        display:grid;\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-btn{\n        min-height:47px;\n        padding:0 14px;\n        font-size:.82rem;\n    }\n\n    .wj-hero-trust{\n        gap:9px 14px;\n\n        margin-top:25px;\n\n        font-size:.71rem;\n    }\n\n\n    \/* INTRO *\/\n\n    .wj-intro{\n        padding:64px 0;\n    }\n\n    .wj-intro-grid{\n        gap:32px;\n    }\n\n    .wj-intro-copy h2{\n        font-size:clamp(2rem,9vw,2.9rem);\n    }\n\n    .wj-intro-visual{\n        min-height:390px;\n    }\n\n    .wj-intro-photo{\n        inset:0 35px 45px 0;\n\n        border-radius:21px;\n    }\n\n    .wj-intro-floating{\n        width:215px;\n\n        padding:16px;\n\n        border-radius:16px;\n    }\n\n    .wj-intro-caption{\n        left:14px;\n        bottom:60px;\n\n        padding:7px 9px;\n\n        font-size:.61rem;\n    }\n\n\n    \/* SECTORS *\/\n\n    .wj-sectors{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-sectors-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-sectors-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-sector{\n        min-width:82%;\n        min-height:195px;\n\n        padding:19px;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-sector-num{\n        margin-bottom:20px;\n    }\n\n\n    \/* INFRA *\/\n\n    .wj-infra{\n        padding:64px 0;\n    }\n\n    .wj-infra-grid{\n        gap:28px;\n    }\n\n    .wj-infra-item{\n        grid-template-columns:40px 1fr;\n\n        gap:11px;\n\n        padding:14px;\n    }\n\n    .wj-infra-item small{\n        grid-column:2;\n\n        width:max-content;\n    }\n\n\n    \/* LIGHT *\/\n\n    .wj-light{\n        padding:64px 0;\n    }\n\n    .wj-light-box{\n        border-radius:21px;\n    }\n\n    .wj-light-media{\n        min-height:270px;\n    }\n\n    .wj-light-content{\n        padding:28px 22px;\n    }\n\n    .wj-light-points{\n        grid-template-columns:1fr 1fr;\n\n        gap:7px;\n    }\n\n    .wj-light-points span{\n        padding:9px;\n\n        font-size:.66rem;\n    }\n\n\n    \/* CONTINUITY *\/\n\n    .wj-continuity{\n        padding-bottom:64px;\n    }\n\n    .wj-continuity-grid{\n        grid-template-columns:1fr;\n\n        gap:9px;\n    }\n\n    .wj-continuity-card{\n        min-height:270px;\n\n        padding:24px 22px;\n\n        border-radius:20px;\n    }\n\n\n    \/* EVOLUTION *\/\n\n    .wj-evolution{\n        padding:63px 0;\n    }\n\n    .wj-evolution-grid{\n        gap:28px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .wj-process{\n        padding:64px 0;\n    }\n\n    .wj-process-grid{\n        display:flex;\n\n        gap:9px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n        scrollbar-width:none;\n    }\n\n    .wj-process-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-process-step{\n        min-width:72%;\n        min-height:195px;\n\n        padding:17px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* RELATED *\/\n\n    .wj-related{\n        padding:63px 0;\n    }\n\n    .wj-related-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n        scrollbar-width:none;\n    }\n\n    .wj-related-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-related-card{\n        min-width:82%;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq{\n        padding:63px 0;\n    }\n\n\n    \/* FINAL *\/\n\n    .wj-final{\n        padding-bottom:58px;\n    }\n\n    .wj-final-box{\n        display:block;\n\n        padding:28px 22px;\n\n        border-radius:20px;\n    }\n\n    .wj-final-action{\n        margin-top:22px;\n    }\n\n    .wj-final-action .wj-btn{\n        width:100%;\n    }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-hero-actions{\n        grid-template-columns:1fr;\n    }\n\n    .wj-intro-visual{\n        min-height:355px;\n    }\n\n    .wj-intro-floating{\n        width:190px;\n    }\n\n    .wj-light-points{\n        grid-template-columns:1fr;\n    }\n\n    .wj-sector,\n    .wj-related-card{\n        min-width:88%;\n    }\n\n    .wj-process-step{\n        min-width:82%;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-pro *,\n    .wj-pro *::before,\n    .wj-pro *::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-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n        srcset=\"\n        https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n        https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n        https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?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=\"Locaux professionnels modernes avec installation \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        \u00c9lectricit\u00e9 pour professionnels\n    <\/div>\n\n    <h1>\n        Une installation \u00e9lectrique\n        <span>pens\u00e9e pour votre activit\u00e9.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        Bureaux, commerces, ateliers ou locaux professionnels :\n        l\u2019installation \u00e9lectrique doit suivre les \u00e9quipements,\n        l\u2019organisation du site et les besoins quotidiens de l\u2019entreprise.\n    <\/p>\n\n\n    <div class=\"wj-hero-actions\">\n\n        <a class=\"wj-btn wj-btn-primary\"\n           href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n            \u00c9tudier mon local\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            Bureaux\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Commerces\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Locaux professionnels\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTRO\n     ========================================================= -->\n\n<section class=\"wj-intro\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-intro-grid\">\n\n\n<div class=\"wj-intro-copy\">\n\n    <div class=\"wj-kicker\">\n        Installation professionnelle\n    <\/div>\n\n    <h2>\n        L\u2019\u00e9lectricit\u00e9 doit accompagner le fonctionnement de l\u2019entreprise.\n    <\/h2>\n\n    <p>\n        Un local professionnel n\u2019a pas les m\u00eames contraintes\n        qu\u2019un logement. Les postes de travail, \u00e9quipements,\n        \u00e9clairages et futurs am\u00e9nagements doivent \u00eatre pris\n        en compte d\u00e8s la conception de l\u2019installation.\n    <\/p>\n\n\n    <div class=\"wj-intro-list\">\n\n\n<div class=\"wj-intro-item\">\n\n    <div class=\"wj-intro-item-icon\">\n        01\n    <\/div>\n\n    <div>\n        <strong>Organisation du local<\/strong>\n        <span>Adapter les circuits aux diff\u00e9rentes zones d\u2019activit\u00e9.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-item\">\n\n    <div class=\"wj-intro-item-icon\">\n        02\n    <\/div>\n\n    <div>\n        <strong>\u00c9quipements professionnels<\/strong>\n        <span>Pr\u00e9voir les alimentations n\u00e9cessaires aux usages r\u00e9els.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-item\">\n\n    <div class=\"wj-intro-item-icon\">\n        03\n    <\/div>\n\n    <div>\n        <strong>\u00c9volution de l\u2019activit\u00e9<\/strong>\n        <span>Conserver une installation claire et adaptable.<\/span>\n    <\/div>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-intro-visual\">\n\n    <div class=\"wj-intro-photo\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?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=\"Bureaux modernes avec installation \u00e9lectrique professionnelle\">\n\n        <div class=\"wj-intro-caption\">\n            Bureaux \u2022 \u00e9quipements \u2022 \u00e9clairage\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-intro-floating\">\n\n        <div class=\"wj-intro-floating-head\">\n\n            <div class=\"wj-intro-floating-icon\">\n                \u26a1\n            <\/div>\n\n            <div>\n                <strong>Installation professionnelle<\/strong>\n                <span>Points essentiels<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-intro-floating-list\">\n\n            <div>\n                <span>Distribution<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>\u00c9clairage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>\u00c9quipements<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>\u00c9volutions<\/span>\n                <i><\/i>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SECTEURS\n     ========================================================= -->\n\n<section class=\"wj-sectors\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Types de locaux\n    <\/div>\n\n    <h2>\n        Des besoins diff\u00e9rents selon votre activit\u00e9.\n    <\/h2>\n\n    <p>\n        L\u2019organisation \u00e9lectrique est pens\u00e9e en fonction\n        du fonctionnement r\u00e9el du local.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-sectors-grid\">\n\n\n<article class=\"wj-sector\">\n\n    <div class=\"wj-sector-num\">01<\/div>\n\n    <h3>Bureaux<\/h3>\n\n    <p>\n        Postes de travail, \u00e9clairage, informatique\n        et \u00e9quipements des espaces communs.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-sector\">\n\n    <div class=\"wj-sector-num\">02<\/div>\n\n    <h3>Commerces<\/h3>\n\n    <p>\n        \u00c9clairage de vente, vitrines, caisses\n        et \u00e9quipements li\u00e9s \u00e0 l\u2019activit\u00e9 commerciale.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-sector\">\n\n    <div class=\"wj-sector-num\">03<\/div>\n\n    <h3>Ateliers<\/h3>\n\n    <p>\n        Circuits et alimentations adapt\u00e9s\n        aux \u00e9quipements utilis\u00e9s quotidiennement.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-sector\">\n\n    <div class=\"wj-sector-num\">04<\/div>\n\n    <h3>Locaux professionnels<\/h3>\n\n    <p>\n        Am\u00e9nagement \u00e9lectrique adapt\u00e9\n        aux diff\u00e9rentes zones et usages du site.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INFRASTRUCTURE\n     ========================================================= -->\n\n<section class=\"wj-infra\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-infra-grid\">\n\n\n<div class=\"wj-infra-copy\">\n\n    <div class=\"wj-kicker\">\n        Distribution \u00e9lectrique\n    <\/div>\n\n    <h2>\n        Une installation lisible facilite le fonctionnement du local.\n    <\/h2>\n\n    <p>\n        La distribution doit permettre d\u2019identifier facilement\n        les diff\u00e9rents usages et de faire \u00e9voluer l\u2019installation\n        lorsque l\u2019entreprise change d\u2019organisation.\n    <\/p>\n\n    <div class=\"wj-infra-note\">\n        Chaque projet d\u00e9pend du b\u00e2timent, des \u00e9quipements utilis\u00e9s\n        et des besoins r\u00e9els de l\u2019activit\u00e9.\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-infra-list\">\n\n\n<div class=\"wj-infra-item\">\n\n    <div class=\"wj-infra-icon\">01<\/div>\n\n    <div>\n        <strong>Tableau \u00e9lectrique<\/strong>\n        <span>Organisation claire des diff\u00e9rents circuits.<\/span>\n    <\/div>\n\n    <small>Distribution<\/small>\n\n<\/div>\n\n\n<div class=\"wj-infra-item\">\n\n    <div class=\"wj-infra-icon\">02<\/div>\n\n    <div>\n        <strong>Postes de travail<\/strong>\n        <span>Prises et alimentations adapt\u00e9es \u00e0 l\u2019am\u00e9nagement.<\/span>\n    <\/div>\n\n    <small>Bureaux<\/small>\n\n<\/div>\n\n\n<div class=\"wj-infra-item\">\n\n    <div class=\"wj-infra-icon\">03<\/div>\n\n    <div>\n        <strong>\u00c9quipements d\u00e9di\u00e9s<\/strong>\n        <span>Pr\u00e9voir des circuits sp\u00e9cifiques lorsque cela est n\u00e9cessaire.<\/span>\n    <\/div>\n\n    <small>Mat\u00e9riel<\/small>\n\n<\/div>\n\n\n<div class=\"wj-infra-item\">\n\n    <div class=\"wj-infra-icon\">04<\/div>\n\n    <div>\n        <strong>Zones techniques<\/strong>\n        <span>S\u00e9parer les usages pour faciliter la maintenance.<\/span>\n    <\/div>\n\n    <small>Technique<\/small>\n\n<\/div>\n\n\n<div class=\"wj-infra-item\">\n\n    <div class=\"wj-infra-icon\">05<\/div>\n\n    <div>\n        <strong>\u00c9volutions futures<\/strong>\n        <span>Anticiper les changements d\u2019organisation du local.<\/span>\n    <\/div>\n\n    <small>\u00c9volution<\/small>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     \u00c9CLAIRAGE PRO\n     ========================================================= -->\n\n<section class=\"wj-light\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-light-box\">\n\n\n<div class=\"wj-light-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=1100&#038;q=80\"\n        width=\"1100\"\n        height=\"950\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"\u00c9clairage de bureaux professionnels modernes\">\n\n<\/div>\n\n\n<div class=\"wj-light-content\">\n\n    <div class=\"wj-kicker\">\n        \u00c9clairage professionnel\n    <\/div>\n\n    <h2>\n        Une lumi\u00e8re adapt\u00e9e au travail et \u00e0 l\u2019accueil.\n    <\/h2>\n\n    <p>\n        L\u2019\u00e9clairage influence le confort des \u00e9quipes,\n        la visibilit\u00e9 des zones de travail et l\u2019exp\u00e9rience\n        des visiteurs ou des clients.\n    <\/p>\n\n\n    <div class=\"wj-light-points\">\n\n        <span>Bureaux<\/span>\n        <span>Accueil<\/span>\n        <span>Commerces<\/span>\n        <span>Zones techniques<\/span>\n        <span>Circulations<\/span>\n        <span>\u00c9clairage ext\u00e9rieur<\/span>\n\n    <\/div>\n\n\n    <a class=\"wj-btn wj-btn-primary\"\n       href=\"https:\/\/demo.jouglet-web.fr\/electricien\/eclairage\/\">\n        D\u00e9couvrir l\u2019\u00e9clairage\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CONTINUIT\u00c9 \/ D\u00c9PANNAGE\n     ========================================================= -->\n\n<section class=\"wj-continuity\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-continuity-grid\">\n\n\n<article class=\"wj-continuity-card\">\n\n    <span>\n        D\u00e9pannage\n    <\/span>\n\n    <h2>\n        Une panne peut rapidement perturber l\u2019activit\u00e9.\n    <\/h2>\n\n    <p>\n        Lorsqu\u2019un d\u00e9faut \u00e9lectrique appara\u00eet,\n        l\u2019objectif est d\u2019identifier la zone concern\u00e9e\n        et de r\u00e9tablir une situation normale lorsque cela est possible.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/depannage-electrique\/\">\n        Voir le d\u00e9pannage \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-continuity-card\">\n\n    <span>\n        Modernisation\n    <\/span>\n\n    <h2>\n        Faire \u00e9voluer le local sans repartir de z\u00e9ro.\n    <\/h2>\n\n    <p>\n        Nouveaux bureaux, nouvelles machines ou changement\n        d\u2019am\u00e9nagement : l\u2019installation peut \u00eatre adapt\u00e9e progressivement\n        lorsque sa conception le permet.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        \u00c9tudier une modification \u2192\n    <\/a>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     \u00c9VOLUTION\n     ========================================================= -->\n\n<section class=\"wj-evolution\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-evolution-grid\">\n\n\n<div class=\"wj-evolution-copy\">\n\n    <div class=\"wj-kicker\">\n        \u00c9volution du local\n    <\/div>\n\n    <h2>\n        Votre activit\u00e9 change, l\u2019installation doit pouvoir suivre.\n    <\/h2>\n\n    <p>\n        Une entreprise peut modifier son organisation,\n        ajouter des postes de travail ou installer de nouveaux \u00e9quipements.\n        Une installation claire simplifie ces \u00e9volutions.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-evolution-list\">\n\n\n<div class=\"wj-evolution-item\">\n\n    <div class=\"wj-evolution-num\">01<\/div>\n\n    <div>\n        <strong>Nouveaux postes de travail<\/strong>\n        <span>Adapter prises et alimentations au nouvel am\u00e9nagement.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-evolution-item\">\n\n    <div class=\"wj-evolution-num\">02<\/div>\n\n    <div>\n        <strong>Nouvel \u00e9quipement<\/strong>\n        <span>Cr\u00e9er ou adapter un circuit selon le besoin.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-evolution-item\">\n\n    <div class=\"wj-evolution-num\">03<\/div>\n\n    <div>\n        <strong>R\u00e9organisation des espaces<\/strong>\n        <span>Faire \u00e9voluer l\u2019\u00e9lectricit\u00e9 avec les nouvelles zones.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-evolution-item\">\n\n    <div class=\"wj-evolution-num\">04<\/div>\n\n    <div>\n        <strong>Extension de l\u2019activit\u00e9<\/strong>\n        <span>Pr\u00e9parer l\u2019installation \u00e0 de nouveaux usages.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     M\u00c9THODE\n     ========================================================= -->\n\n<section class=\"wj-process\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Votre projet\n    <\/div>\n\n    <h2>\n        Une installation pr\u00e9par\u00e9e autour de votre activit\u00e9.\n    <\/h2>\n\n    <p>\n        Le projet est \u00e9tudi\u00e9 \u00e0 partir de l\u2019organisation\n        du local et des \u00e9quipements r\u00e9ellement utilis\u00e9s.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-process-grid\">\n\n\n<article class=\"wj-process-step\" data-step=\"01\">\n\n    <div class=\"wj-process-icon\">01<\/div>\n\n    <h3>\n        Besoins\n    <\/h3>\n\n    <p>\n        Comprendre l\u2019activit\u00e9 et l\u2019organisation du local.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\" data-step=\"02\">\n\n    <div class=\"wj-process-icon\">02<\/div>\n\n    <h3>\n        Implantation\n    <\/h3>\n\n    <p>\n        Identifier les zones, postes et \u00e9quipements \u00e0 alimenter.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\" data-step=\"03\">\n\n    <div class=\"wj-process-icon\">03<\/div>\n\n    <h3>\n        Distribution\n    <\/h3>\n\n    <p>\n        Organiser les diff\u00e9rents circuits du site.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\" data-step=\"04\">\n\n    <div class=\"wj-process-icon\">04<\/div>\n\n    <h3>\n        Installation\n    <\/h3>\n\n    <p>\n        R\u00e9aliser les travaux en coh\u00e9rence avec l\u2019am\u00e9nagement.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\" data-step=\"05\">\n\n    <div class=\"wj-process-icon\">05<\/div>\n\n    <h3>\n        V\u00e9rification\n    <\/h3>\n\n    <p>\n        Contr\u00f4ler le fonctionnement des \u00e9quipements install\u00e9s.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SERVICES LI\u00c9S\n     ========================================================= -->\n\n<section class=\"wj-related\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Services associ\u00e9s\n    <\/div>\n\n    <h2>\n        Plusieurs prestations peuvent compl\u00e9ter un projet professionnel.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-related-grid\">\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Distribution\n    <\/span>\n\n    <h3>\n        Tableau \u00e9lectrique\n    <\/h3>\n\n    <p>\n        Organiser et adapter la distribution \u00e9lectrique du local.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/tableau-electrique\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Mobilit\u00e9\n    <\/span>\n\n    <h3>\n        Borne de recharge\n    <\/h3>\n\n    <p>\n        Pr\u00e9voir une solution de recharge sur un site professionnel.\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<article class=\"wj-related-card\">\n\n    <span>\n        Protection\n    <\/span>\n\n    <h3>\n        S\u00e9curit\u00e9 &#038; \u00e9quipements\n    <\/h3>\n\n    <p>\n        Int\u00e9grer certains \u00e9quipements li\u00e9s aux acc\u00e8s et au b\u00e2timent.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/securite\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     FAQ\n     ========================================================= -->\n\n<section class=\"wj-faq\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-faq-grid\">\n\n\n<div class=\"wj-faq-intro\">\n\n    <div class=\"wj-kicker\">\n        Questions fr\u00e9quentes\n    <\/div>\n\n    <h2>\n        \u00c0 propos des locaux professionnels.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses utiles avant une cr\u00e9ation,\n        une r\u00e9novation ou une modification.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Peut-on modifier l\u2019installation sans refaire tout le local ?\n    <\/summary>\n\n    <p>\n        Oui dans de nombreux projets. Cela d\u00e9pend de l\u2019\u00e9tat\n        de l\u2019installation existante et des nouvelles alimentations\n        ou modifications \u00e0 r\u00e9aliser.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on adapter l\u2019\u00e9lectricit\u00e9 lors d\u2019un r\u00e9am\u00e9nagement de bureaux ?\n    <\/summary>\n\n    <p>\n        Oui. Le nouvel agencement permet de repositionner\n        les prises, \u00e9clairages et alimentations selon\n        l\u2019organisation future des postes de travail.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on pr\u00e9voir de futurs \u00e9quipements ?\n    <\/summary>\n\n    <p>\n        Oui. Lorsque les besoins futurs sont connus,\n        certains circuits ou emplacements peuvent \u00eatre anticip\u00e9s\n        afin de faciliter les \u00e9volutions ult\u00e9rieures.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Intervenez-vous aussi sur l\u2019\u00e9clairage professionnel ?\n    <\/summary>\n\n    <p>\n        Oui. L\u2019\u00e9clairage peut \u00eatre \u00e9tudi\u00e9 dans le cadre\n        d\u2019un projet plus global pour les bureaux,\n        commerces, circulations ou zones techniques.\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 local professionnel\n    <\/span>\n\n    <h2>\n        Vous am\u00e9nagez, r\u00e9novez ou faites \u00e9voluer vos locaux ?\n    <\/h2>\n\n    <p>\n        \u00c9tudions l\u2019organisation, les \u00e9quipements et les besoins\n        de votre activit\u00e9 afin de concevoir une installation \u00e9lectrique\n        claire et adapt\u00e9e au site.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-final-action\">\n\n    <a class=\"wj-btn wj-btn-primary\"\n       href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        \u00c9tudier mon projet\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     NOTE D\u00c9MONSTRATION\n     ========================================================= -->\n\n<div class=\"wj-demo-note\">\n\n    <strong>NOVA \u00c9LEC est une entreprise fictive.<\/strong>\n    Site de d\u00e9monstration Web Jouglet \u2013 Web &amp; Informatique.\n\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9lectricit\u00e9 pour professionnels Une installation \u00e9lectrique pens\u00e9e pour votre activit\u00e9. Bureaux, commerces, ateliers ou locaux professionnels : l\u2019installation \u00e9lectrique doit suivre les \u00e9quipements, l\u2019organisation du site et les besoins quotidiens de l\u2019entreprise. \u00c9tudier mon local Voir les services \u2713 Bureaux \u2713 Commerces \u2713 Locaux professionnels Installation professionnelle L\u2019\u00e9lectricit\u00e9 doit accompagner le fonctionnement de l\u2019entreprise. Un [&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-27","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\/27","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=27"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/27\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}