{"id":113,"date":"2026-09-14T13:43:43","date_gmt":"2026-09-14T11:43:43","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=113"},"modified":"2026-09-14T13:43:43","modified_gmt":"2026-09-14T11:43:43","slug":"securite","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/securite\/","title":{"rendered":"S\u00e9curit\u00e9"},"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 S\u00c9CURIT\u00c9 & \u00c9QUIPEMENTS\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/securite\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-securite\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-securite{\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-securite *,\n.wj-securite *::before,\n.wj-securite *::after{\n    box-sizing:border-box;\n}\n\n.wj-securite img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-securite h1,\n.wj-securite h2,\n.wj-securite h3,\n.wj-securite p{\n    margin-top:0;\n}\n\n.wj-securite h1,\n.wj-securite h2,\n.wj-securite h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-securite 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    width:28px;\n    height:2px;\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    color:var(--navy);\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-section-head p{\n    max-width:650px;\n    margin:0;\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    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    min-height:680px;\n    overflow:hidden;\n    background:var(--navy);\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    object-fit:cover;\n    object-position:center;\n}\n\n.wj-hero-media::after{\n    content:\"\";\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) 40%,\n            rgba(4,18,31,.51) 69%,\n            rgba(4,18,31,.18) 100%\n        );\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    min-height:680px;\n\n    display:flex;\n    align-items:center;\n}\n\n.wj-hero-content{\n    max-width:730px;\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    color:#fff;\n    font-size:clamp(2.8rem,6vw,5.3rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:650px;\n    margin-bottom:29px;\n\n    color:#c8d7e3;\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    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 PROTECTION\n   ========================================================= *\/\n\n.wj-protect{\n    padding:100px 0;\n    background:#fff;\n}\n\n.wj-protect-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:72px;\n    align-items:center;\n}\n\n.wj-protect-copy{\n    max-width:520px;\n}\n\n.wj-protect-copy h2{\n    margin-bottom:18px;\n    color:var(--navy);\n    font-size:clamp(2.1rem,4vw,3.55rem);\n}\n\n.wj-protect-copy > p{\n    color:var(--muted);\n    font-size:.96rem;\n}\n\n.wj-protect-list{\n    display:grid;\n    gap:10px;\n    margin-top:27px;\n}\n\n.wj-protect-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-protect-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-protect-item strong{\n    display:block;\n    margin-bottom:2px;\n    color:var(--navy);\n    font-size:.83rem;\n}\n\n.wj-protect-item span{\n    display:block;\n    color:var(--muted);\n    font-size:.71rem;\n}\n\n\n\/* VISUEL *\/\n\n.wj-protect-visual{\n    position:relative;\n    min-height:560px;\n}\n\n.wj-protect-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-protect-photo img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.wj-protect-photo::after{\n    content:\"\";\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-protect-caption{\n    position:absolute;\n    z-index:3;\n\n    left:22px;\n    bottom:22px;\n\n    padding:9px 12px;\n\n    border:1px solid rgba(255,255,255,.55);\n    border-radius:10px;\n\n    background:rgba(255,255,255,.92);\n\n    color:var(--navy);\n\n    font-size:.7rem;\n    font-weight:800;\n\n    box-shadow:0 9px 25px rgba(7,24,40,.15);\n}\n\n\n\/* CARTE FLOTTANTE *\/\n\n.wj-protect-floating{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:260px;\n\n    padding:20px;\n\n    border-radius:20px;\n\n    background:var(--navy);\n    color:#fff;\n\n    box-shadow:0 22px 55px rgba(7,24,40,.24);\n}\n\n.wj-protect-floating-head{\n    display:flex;\n    align-items:center;\n    gap:11px;\n\n    margin-bottom:15px;\n}\n\n.wj-protect-floating-icon{\n    width:41px;\n    height:41px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:var(--blue);\n\n    color:#fff;\n}\n\n.wj-protect-floating-head strong{\n    display:block;\n    font-size:.86rem;\n}\n\n.wj-protect-floating-head span{\n    display:block;\n    color:#94abba;\n    font-size:.65rem;\n}\n\n.wj-protect-floating-list{\n    display:grid;\n    gap:7px;\n}\n\n.wj-protect-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-protect-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   SOLUTIONS\n   ========================================================= *\/\n\n.wj-solutions{\n    padding:90px 0;\n    background:var(--soft);\n}\n\n.wj-solutions-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:12px;\n}\n\n.wj-solution{\n    min-height:235px;\n\n    display:flex;\n    flex-direction:column;\n\n    padding:23px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n.wj-solution:hover{\n    transform:translateY(-4px);\n    border-color:#bdddFA;\n    box-shadow:var(--shadow);\n}\n\n.wj-solution-icon{\n    width:43px;\n    height:43px;\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-solution h3{\n    margin-bottom:7px;\n    color:var(--navy);\n    font-size:1rem;\n}\n\n.wj-solution p{\n    margin-bottom:17px;\n    color:var(--muted);\n    font-size:.78rem;\n}\n\n.wj-solution small{\n    margin-top:auto;\n    color:var(--blue-dark);\n    font-size:.67rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   PROTECTION EN PLUSIEURS NIVEAUX\n   ========================================================= *\/\n\n.wj-layers{\n    padding:100px 0;\n    background:var(--navy);\n    color:#fff;\n}\n\n.wj-layers .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-layers-grid{\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:70px;\n    align-items:start;\n}\n\n.wj-layers-copy{\n    position:sticky;\n    top:30px;\n}\n\n.wj-layers-copy h2{\n    margin-bottom:16px;\n    color:#fff;\n    font-size:clamp(2rem,4vw,3.35rem);\n}\n\n.wj-layers-copy p{\n    color:#b8cad7;\n}\n\n.wj-layers-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-layer-list{\n    display:grid;\n    gap:10px;\n}\n\n.wj-layer{\n    position:relative;\n\n    padding:22px;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:18px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-layer-top{\n    display:grid;\n    grid-template-columns:45px 1fr auto;\n    gap:13px;\n    align-items:center;\n}\n\n.wj-layer-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:rgba(22,135,255,.18);\n    color:#8bd2ff;\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-layer h3{\n    margin:0 0 2px;\n    color:#fff;\n    font-size:1rem;\n}\n\n.wj-layer-title span{\n    display:block;\n    color:#9eb2c1;\n    font-size:.68rem;\n}\n\n.wj-layer-tag{\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.07);\n    color:#9ed8fc;\n\n    font-size:.6rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-layer p{\n    margin:12px 0 0 58px;\n    color:#aec0cd;\n    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   \u00c9CLAIRAGE EXT\u00c9RIEUR\n   ========================================================= *\/\n\n.wj-exterior{\n    padding:95px 0;\n    background:#fff;\n}\n\n.wj-exterior-box{\n    display:grid;\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-exterior-media{\n    position:relative;\n    min-height:500px;\n}\n\n.wj-exterior-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-exterior-content{\n    padding:52px;\n}\n\n.wj-exterior-content h2{\n    margin-bottom:16px;\n    color:var(--navy);\n    font-size:clamp(2rem,4vw,3.25rem);\n}\n\n.wj-exterior-content > p{\n    color:var(--muted);\n}\n\n.wj-exterior-points{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:8px;\n\n    margin:26px 0 29px;\n}\n\n.wj-exterior-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-exterior-points span::before{\n    content:\"\u2713\";\n    margin-right:7px;\n    color:var(--blue);\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   HABITAT \/ PRO\n   ========================================================= *\/\n\n.wj-audiences{\n    padding:100px 0;\n    background:#fff;\n}\n\n.wj-audience-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:14px;\n}\n\n.wj-audience{\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:33px;\n\n    border-radius:23px;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-audience:nth-child(2){\n    background:#0e66b3;\n}\n\n.wj-audience::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:250px;\n    height:250px;\n\n    right:-120px;\n    top:-130px;\n\n    border-radius:50%;\n\n    background:rgba(255,255,255,.07);\n}\n\n.wj-audience > *{\n    position:relative;\n    z-index:2;\n}\n\n.wj-audience 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-audience:nth-child(2) span{\n    color:#d9efff;\n}\n\n.wj-audience h2{\n    max-width:500px;\n\n    margin-bottom:12px;\n\n    color:#fff;\n\n    font-size:clamp(1.8rem,3vw,2.7rem);\n}\n\n.wj-audience p{\n    max-width:540px;\n\n    margin-bottom:20px;\n\n    color:#b9cad6;\n\n    font-size:.84rem;\n}\n\n.wj-audience:nth-child(2) p{\n    color:#e0f0fa;\n}\n\n.wj-audience a{\n    width:max-content;\n\n    color:#fff;\n\n    font-size:.8rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   PROCESS\n   ========================================================= *\/\n\n.wj-process{\n    padding:90px 0;\n    background:var(--soft);\n}\n\n.wj-process-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\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    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    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    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   SERVICES LI\u00c9S\n   ========================================================= *\/\n\n.wj-related{\n    padding:90px 0;\n    background:#fff;\n}\n\n.wj-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\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    color:var(--navy);\n    font-size:1.03rem;\n}\n\n.wj-related-card p{\n    min-height:46px;\n    margin-bottom:16px;\n\n    color:var(--muted);\n    font-size:.77rem;\n}\n\n.wj-related-card a{\n    color:var(--blue-dark);\n    font-size:.8rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.wj-faq{\n    padding:95px 0;\n    background:var(--soft);\n}\n\n.wj-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n}\n\n.wj-faq-intro h2{\n    margin-bottom:12px;\n    color:var(--navy);\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    background:#fff;\n}\n\n.wj-faq summary{\n    position:relative;\n\n    padding:18px 48px 18px 19px;\n\n    cursor:pointer;\n    list-style:none;\n\n    color:var(--navy);\n\n    font-size:.9rem;\n    font-weight:800;\n}\n\n.wj-faq summary::-webkit-details-marker{\n    display:none;\n}\n\n.wj-faq summary::after{\n    content:\"+\";\n\n    position:absolute;\n    right:18px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    color:var(--blue);\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    padding:0 19px 18px;\n\n    color:var(--muted);\n    font-size:.8rem;\n}\n\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n\n.wj-final{\n    padding:85px 0;\n    background:#fff;\n}\n\n.wj-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:40px;\n\n    padding:47px 50px;\n\n    border-radius:26px;\n\n    background:var(--navy);\n    color:#fff;\n}\n\n.wj-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:350px;\n    height:350px;\n\n    right:-170px;\n    top:-185px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.22);\n}\n\n.wj-final-content{\n    position:relative;\n    z-index:2;\n}\n\n.wj-final-content span{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:#86d1ff;\n\n    font-size:.7rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-final-content h2{\n    max-width:690px;\n    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    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-protect-grid{\n        grid-template-columns:1fr;\n        gap:40px;\n    }\n\n    .wj-protect-copy{\n        max-width:700px;\n    }\n\n    .wj-protect-visual{\n        min-height:500px;\n    }\n\n    .wj-solutions-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-layers-grid{\n        grid-template-columns:1fr;\n        gap:35px;\n    }\n\n    .wj-layers-copy{\n        position:static;\n    }\n\n    .wj-exterior-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-exterior-media{\n        min-height:350px;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-related-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-faq-grid{\n        grid-template-columns:1fr;\n        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        margin-top:25px;\n        font-size:.71rem;\n    }\n\n\n    \/* INTRO *\/\n\n    .wj-protect{\n        padding:64px 0;\n    }\n\n    .wj-protect-grid{\n        gap:32px;\n    }\n\n    .wj-protect-copy h2{\n        font-size:clamp(2rem,9vw,2.9rem);\n    }\n\n    .wj-protect-visual{\n        min-height:390px;\n    }\n\n    .wj-protect-photo{\n        inset:0 35px 45px 0;\n        border-radius:21px;\n    }\n\n    .wj-protect-floating{\n        width:215px;\n        padding:16px;\n        border-radius:16px;\n    }\n\n    .wj-protect-caption{\n        left:14px;\n        bottom:60px;\n\n        padding:7px 9px;\n\n        font-size:.61rem;\n    }\n\n\n    \/* SOLUTIONS *\/\n\n    .wj-solutions{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-solutions-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-solutions-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-solution{\n        min-width:82%;\n        min-height:195px;\n\n        padding:19px;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-solution-icon{\n        margin-bottom:20px;\n    }\n\n\n    \/* LAYERS *\/\n\n    .wj-layers{\n        padding:64px 0;\n    }\n\n    .wj-layers-grid{\n        gap:28px;\n    }\n\n    .wj-layer{\n        padding:17px;\n    }\n\n    .wj-layer-top{\n        grid-template-columns:40px 1fr;\n    }\n\n    .wj-layer-tag{\n        grid-column:2;\n        width:max-content;\n    }\n\n    .wj-layer p{\n        margin-left:0;\n    }\n\n\n    \/* EXTERIOR *\/\n\n    .wj-exterior{\n        padding:64px 0;\n    }\n\n    .wj-exterior-box{\n        border-radius:21px;\n    }\n\n    .wj-exterior-media{\n        min-height:270px;\n    }\n\n    .wj-exterior-content{\n        padding:28px 22px;\n    }\n\n    .wj-exterior-points{\n        grid-template-columns:1fr 1fr;\n        gap:7px;\n    }\n\n    .wj-exterior-points span{\n        padding:9px;\n        font-size:.66rem;\n    }\n\n\n    \/* AUDIENCES *\/\n\n    .wj-audiences{\n        padding:64px 0;\n    }\n\n    .wj-audience-grid{\n        grid-template-columns:1fr;\n        gap:9px;\n    }\n\n    .wj-audience{\n        min-height:265px;\n        padding:24px 22px;\n        border-radius:20px;\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        gap:8px;\n    }\n\n    .wj-process-step{\n        min-height:205px;\n        padding:17px;\n    }\n\n\n    \/* RELATED *\/\n\n    .wj-related{\n        padding:63px 0;\n    }\n\n    .wj-related-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n        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        scroll-snap-align:start;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq{\n        padding:63px 0;\n    }\n\n\n    \/* FINAL *\/\n\n    .wj-final{\n        padding:58px 0;\n    }\n\n    .wj-final-box{\n        display:block;\n\n        padding:28px 22px;\n\n        border-radius:20px;\n    }\n\n    .wj-final-action{\n        margin-top:22px;\n    }\n\n    .wj-final-action .wj-btn{\n        width:100%;\n    }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-hero-actions{\n        grid-template-columns:1fr;\n    }\n\n    .wj-protect-visual{\n        min-height:355px;\n    }\n\n    .wj-protect-floating{\n        width:190px;\n    }\n\n    .wj-exterior-points,\n    .wj-process-grid{\n        grid-template-columns:1fr;\n    }\n\n    .wj-solution,\n    .wj-related-card{\n        min-width:88%;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-securite *,\n    .wj-securite *::before,\n    .wj-securite *::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-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n        srcset=\"\n        https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n        https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n        https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=1600&#038;q=82 1600w\"\n        sizes=\"100vw\"\n        width=\"1600\"\n        height=\"1067\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n        alt=\"Maison moderne \u00e9quip\u00e9e de solutions de s\u00e9curit\u00e9\">\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        S\u00e9curit\u00e9 &#038; \u00e9quipements\n    <\/div>\n\n    <h1>\n        Des \u00e9quipements pens\u00e9s pour\n        <span>mieux prot\u00e9ger.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        Alarmes, d\u00e9tecteurs, contr\u00f4le des acc\u00e8s et \u00e9clairage ext\u00e9rieur :\n        les \u00e9quipements de s\u00e9curit\u00e9 peuvent \u00eatre int\u00e9gr\u00e9s proprement\n        \u00e0 l\u2019installation \u00e9lectrique d\u2019un logement ou d\u2019un local professionnel.\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 installation\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            Habitat\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Professionnels\n        <\/span>\n\n        <span>\n            <i>\u2713<\/i>\n            Installation \u00e9volutive\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTRO\n     ========================================================= -->\n\n<section class=\"wj-protect\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-protect-grid\">\n\n\n<div class=\"wj-protect-copy\">\n\n    <div class=\"wj-kicker\">\n        Protection du b\u00e2timent\n    <\/div>\n\n    <h2>\n        S\u00e9curiser les points qui comptent r\u00e9ellement.\n    <\/h2>\n\n    <p>\n        Une solution efficace ne consiste pas \u00e0 multiplier les \u00e9quipements.\n        Il faut d\u2019abord identifier les acc\u00e8s, les zones sensibles\n        et les usages du b\u00e2timent afin d\u2019installer les dispositifs\n        l\u00e0 o\u00f9 ils apportent une r\u00e9elle utilit\u00e9.\n    <\/p>\n\n\n    <div class=\"wj-protect-list\">\n\n        <div class=\"wj-protect-item\">\n\n            <div class=\"wj-protect-icon\">\n                01\n            <\/div>\n\n            <div>\n                <strong>Acc\u00e8s principaux<\/strong>\n                <span>Entr\u00e9es, portail et zones de passage.<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-protect-item\">\n\n            <div class=\"wj-protect-icon\">\n                02\n            <\/div>\n\n            <div>\n                <strong>Zones ext\u00e9rieures<\/strong>\n                <span>\u00c9clairage et d\u00e9tection selon les besoins.<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-protect-item\">\n\n            <div class=\"wj-protect-icon\">\n                03\n            <\/div>\n\n            <div>\n                <strong>\u00c9quipements adapt\u00e9s<\/strong>\n                <span>Choisir des solutions coh\u00e9rentes avec le b\u00e2timent.<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-protect-visual\">\n\n    <div class=\"wj-protect-photo\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=1100&#038;q=80\"\n            width=\"1100\"\n            height=\"1000\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Maison moderne avec \u00e9clairage ext\u00e9rieur\">\n\n        <div class=\"wj-protect-caption\">\n            Protection \u2022 acc\u00e8s \u2022 \u00e9clairage\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-protect-floating\">\n\n        <div class=\"wj-protect-floating-head\">\n\n            <div class=\"wj-protect-floating-icon\">\n                \u25c7\n            <\/div>\n\n            <div>\n                <strong>Points prot\u00e9g\u00e9s<\/strong>\n                <span>Exemple d\u2019installation<\/span>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-protect-floating-list\">\n\n            <div>\n                <span>Entr\u00e9e principale<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Garage<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Ext\u00e9rieur<\/span>\n                <i><\/i>\n            <\/div>\n\n            <div>\n                <span>Acc\u00e8s secondaire<\/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     SOLUTIONS\n     ========================================================= -->\n\n<section class=\"wj-solutions\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Les \u00e9quipements\n    <\/div>\n\n    <h2>\n        Plusieurs solutions pour diff\u00e9rents besoins de s\u00e9curit\u00e9.\n    <\/h2>\n\n    <p>\n        Les \u00e9quipements peuvent \u00eatre combin\u00e9s selon la configuration\n        du b\u00e2timent et les fonctions r\u00e9ellement recherch\u00e9es.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-solutions-grid\">\n\n\n<article class=\"wj-solution\">\n\n    <div class=\"wj-solution-icon\">\n        01\n    <\/div>\n\n    <h3>\n        Alarme\n    <\/h3>\n\n    <p>\n        Pr\u00e9voir l\u2019alimentation et l\u2019int\u00e9gration des \u00e9quipements\n        n\u00e9cessaires \u00e0 une solution d\u2019alarme.\n    <\/p>\n\n    <small>\n        Protection\n    <\/small>\n\n<\/article>\n\n\n<article class=\"wj-solution\">\n\n    <div class=\"wj-solution-icon\">\n        02\n    <\/div>\n\n    <h3>\n        D\u00e9tecteurs\n    <\/h3>\n\n    <p>\n        D\u00e9tection de pr\u00e9sence ou \u00e9quipements compl\u00e9mentaires\n        selon les zones \u00e0 surveiller.\n    <\/p>\n\n    <small>\n        D\u00e9tection\n    <\/small>\n\n<\/article>\n\n\n<article class=\"wj-solution\">\n\n    <div class=\"wj-solution-icon\">\n        03\n    <\/div>\n\n    <h3>\n        Interphone &#038; visiophone\n    <\/h3>\n\n    <p>\n        Identifier et g\u00e9rer plus facilement les visiteurs\n        aux principaux acc\u00e8s du b\u00e2timent.\n    <\/p>\n\n    <small>\n        Acc\u00e8s\n    <\/small>\n\n<\/article>\n\n\n<article class=\"wj-solution\">\n\n    <div class=\"wj-solution-icon\">\n        04\n    <\/div>\n\n    <h3>\n        \u00c9clairage ext\u00e9rieur\n    <\/h3>\n\n    <p>\n        \u00c9clairer les passages et am\u00e9liorer la visibilit\u00e9\n        autour des entr\u00e9es et zones ext\u00e9rieures.\n    <\/p>\n\n    <small>\n        Ext\u00e9rieur\n    <\/small>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     PROTECTION PAR NIVEAUX\n     ========================================================= -->\n\n<section class=\"wj-layers\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-layers-grid\">\n\n\n<div class=\"wj-layers-copy\">\n\n    <div class=\"wj-kicker\">\n        Penser globalement\n    <\/div>\n\n    <h2>\n        La protection commence avant m\u00eame d\u2019entrer dans le b\u00e2timent.\n    <\/h2>\n\n    <p>\n        L\u2019objectif est de travailler sur plusieurs points coh\u00e9rents :\n        visibilit\u00e9 ext\u00e9rieure, contr\u00f4le des acc\u00e8s et \u00e9quipements\n        compl\u00e9mentaires \u00e0 l\u2019int\u00e9rieur.\n    <\/p>\n\n    <div class=\"wj-layers-note\">\n        Une installation bien pens\u00e9e privil\u00e9gie quelques \u00e9quipements\n        correctement plac\u00e9s plut\u00f4t qu\u2019une accumulation de dispositifs inutiles.\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-layer-list\">\n\n\n<article class=\"wj-layer\">\n\n    <div class=\"wj-layer-top\">\n\n        <div class=\"wj-layer-num\">\n            01\n        <\/div>\n\n        <div class=\"wj-layer-title\">\n            <h3>P\u00e9riph\u00e9rie<\/h3>\n            <span>Abords et acc\u00e8s ext\u00e9rieurs<\/span>\n        <\/div>\n\n        <span class=\"wj-layer-tag\">\n            Ext\u00e9rieur\n        <\/span>\n\n    <\/div>\n\n    <p>\n        \u00c9clairage des passages, acc\u00e8s visibles et \u00e9quipements\n        adapt\u00e9s aux zones ext\u00e9rieures du b\u00e2timent.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-layer\">\n\n    <div class=\"wj-layer-top\">\n\n        <div class=\"wj-layer-num\">\n            02\n        <\/div>\n\n        <div class=\"wj-layer-title\">\n            <h3>Acc\u00e8s<\/h3>\n            <span>Entr\u00e9es et visiteurs<\/span>\n        <\/div>\n\n        <span class=\"wj-layer-tag\">\n            Contr\u00f4le\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Interphone, visiophone ou autres \u00e9quipements permettant\n        de mieux g\u00e9rer l\u2019entr\u00e9e principale.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-layer\">\n\n    <div class=\"wj-layer-top\">\n\n        <div class=\"wj-layer-num\">\n            03\n        <\/div>\n\n        <div class=\"wj-layer-title\">\n            <h3>D\u00e9tection<\/h3>\n            <span>Zones s\u00e9lectionn\u00e9es<\/span>\n        <\/div>\n\n        <span class=\"wj-layer-tag\">\n            Int\u00e9rieur\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Installer les \u00e9quipements de d\u00e9tection selon les zones\n        r\u00e9ellement importantes pour le b\u00e2timent.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-layer\">\n\n    <div class=\"wj-layer-top\">\n\n        <div class=\"wj-layer-num\">\n            04\n        <\/div>\n\n        <div class=\"wj-layer-title\">\n            <h3>\u00c9volution<\/h3>\n            <span>Pr\u00e9parer les futurs besoins<\/span>\n        <\/div>\n\n        <span class=\"wj-layer-tag\">\n            Projet\n        <\/span>\n\n    <\/div>\n\n    <p>\n        Pr\u00e9voir une installation suffisamment claire pour pouvoir\n        ajouter ou modifier certains \u00e9quipements plus tard.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     \u00c9CLAIRAGE EXT\u00c9RIEUR\n     ========================================================= -->\n\n<section class=\"wj-exterior\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-exterior-box\">\n\n\n<div class=\"wj-exterior-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600566753051-f0b89df2dd90?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 ext\u00e9rieur d'une maison moderne\">\n\n<\/div>\n\n\n<div class=\"wj-exterior-content\">\n\n    <div class=\"wj-kicker\">\n        \u00c9clairage ext\u00e9rieur\n    <\/div>\n\n    <h2>\n        Voir clairement les acc\u00e8s et les zones de passage.\n    <\/h2>\n\n    <p>\n        Un bon \u00e9clairage ext\u00e9rieur am\u00e9liore le confort,\n        la visibilit\u00e9 et la lecture des diff\u00e9rents acc\u00e8s du b\u00e2timent.\n        Il peut \u00eatre associ\u00e9 \u00e0 des automatismes ou \u00e0 une d\u00e9tection\n        selon les besoins.\n    <\/p>\n\n\n    <div class=\"wj-exterior-points\">\n\n        <span>Entr\u00e9e<\/span>\n        <span>Garage<\/span>\n        <span>All\u00e9es<\/span>\n        <span>Terrasse<\/span>\n        <span>D\u00e9tection<\/span>\n        <span>Automatismes<\/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     PARTICULIER \/ PRO\n     ========================================================= -->\n\n<section class=\"wj-audiences\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-audience-grid\">\n\n\n<article class=\"wj-audience\">\n\n    <span>\n        Habitat\n    <\/span>\n\n    <h2>\n        Des \u00e9quipements adapt\u00e9s \u00e0 votre maison.\n    <\/h2>\n\n    <p>\n        Entr\u00e9e, garage, ext\u00e9rieur ou zones de passage :\n        les solutions sont s\u00e9lectionn\u00e9es selon la configuration\n        r\u00e9elle du logement et les habitudes de ses occupants.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n        \u00c9tudier mon logement \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-audience\">\n\n    <span>\n        Professionnels\n    <\/span>\n\n    <h2>\n        Prot\u00e9ger les acc\u00e8s d\u2019un local professionnel.\n    <\/h2>\n\n    <p>\n        Bureaux, commerces et autres locaux peuvent n\u00e9cessiter\n        des \u00e9quipements sp\u00e9cifiques pour les acc\u00e8s,\n        l\u2019\u00e9clairage ou certaines zones sensibles.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/electricite-professionnels\/\">\n        Voir les solutions professionnelles \u2192\n    <\/a>\n\n<\/article>\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 installation\n    <\/div>\n\n    <h2>\n        Une solution construite autour du b\u00e2timent.\n    <\/h2>\n\n    <p>\n        Les \u00e9quipements sont choisis apr\u00e8s avoir identifi\u00e9\n        les acc\u00e8s, les zones importantes et les usages r\u00e9els.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-process-grid\">\n\n\n<article class=\"wj-process-step\"\n         data-step=\"01\">\n\n    <div class=\"wj-process-icon\">\n        01\n    <\/div>\n\n    <h3>\n        Identifier\n    <\/h3>\n\n    <p>\n        Rep\u00e9rer les acc\u00e8s et les zones n\u00e9cessitant une protection.\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        Choisir\n    <\/h3>\n\n    <p>\n        S\u00e9lectionner les \u00e9quipements adapt\u00e9s au b\u00e2timent.\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        Installer\n    <\/h3>\n\n    <p>\n        Int\u00e9grer proprement les alimentations et \u00e9quipements.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-process-step\"\n         data-step=\"04\">\n\n    <div class=\"wj-process-icon\">\n        04\n    <\/div>\n\n    <h3>\n        V\u00e9rifier\n    <\/h3>\n\n    <p>\n        Contr\u00f4ler le fonctionnement et expliquer leur utilisation.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SERVICES LI\u00c9S\n     ========================================================= -->\n\n<section class=\"wj-related\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Services associ\u00e9s\n    <\/div>\n\n    <h2>\n        La s\u00e9curit\u00e9 s\u2019int\u00e8gre \u00e0 l\u2019ensemble de l\u2019installation.\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        Connect\u00e9\n    <\/span>\n\n    <h3>\n        Domotique\n    <\/h3>\n\n    <p>\n        Centraliser certains \u00e9quipements et cr\u00e9er des automatismes.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/domotique\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Lumi\u00e8re\n    <\/span>\n\n    <h3>\n        \u00c9clairage\n    <\/h3>\n\n    <p>\n        Concevoir un \u00e9clairage int\u00e9rieur et ext\u00e9rieur adapt\u00e9.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/eclairage\/\">\n        D\u00e9couvrir \u2192\n    <\/a>\n\n<\/article>\n\n\n<article class=\"wj-related-card\">\n\n    <span>\n        Entreprise\n    <\/span>\n\n    <h3>\n        \u00c9lectricit\u00e9 professionnelle\n    <\/h3>\n\n    <p>\n        Installer des \u00e9quipements adapt\u00e9s aux locaux professionnels.\n    <\/p>\n\n    <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/electricite-professionnels\/\">\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 \u00e9quipements de s\u00e9curit\u00e9.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses avant de pr\u00e9voir\n        une installation ou une r\u00e9novation.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Faut-il \u00e9quiper toutes les pi\u00e8ces ?\n    <\/summary>\n\n    <p>\n        Non. Le choix des \u00e9quipements d\u00e9pend des acc\u00e8s,\n        de la configuration du b\u00e2timent et des zones que vous souhaitez prot\u00e9ger.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on pr\u00e9voir ces \u00e9quipements lors d\u2019une r\u00e9novation \u00e9lectrique ?\n    <\/summary>\n\n    <p>\n        Oui. Une r\u00e9novation est souvent un bon moment\n        pour anticiper les alimentations et c\u00e2blages n\u00e9cessaires\n        aux \u00e9quipements futurs.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Peut-on associer s\u00e9curit\u00e9 et domotique ?\n    <\/summary>\n\n    <p>\n        Certaines solutions peuvent \u00eatre int\u00e9gr\u00e9es dans un projet\n        domotique plus global, selon les \u00e9quipements retenus\n        et leur compatibilit\u00e9.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        L\u2019\u00e9clairage ext\u00e9rieur peut-il fonctionner automatiquement ?\n    <\/summary>\n\n    <p>\n        Oui. Selon l\u2019installation choisie, l\u2019\u00e9clairage peut\n        notamment \u00eatre associ\u00e9 \u00e0 des commandes, horaires\n        ou dispositifs de d\u00e9tection adapt\u00e9s.\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        S\u00e9curit\u00e9 &#038; \u00e9quipements\n    <\/span>\n\n    <h2>\n        Vous souhaitez mieux \u00e9quiper votre logement ou votre local ?\n    <\/h2>\n\n    <p>\n        Identifions les acc\u00e8s, les zones importantes et les \u00e9quipements\n        r\u00e9ellement utiles afin de construire une installation coh\u00e9rente.\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>S\u00e9curit\u00e9 &#038; \u00e9quipements Des \u00e9quipements pens\u00e9s pour mieux prot\u00e9ger. Alarmes, d\u00e9tecteurs, contr\u00f4le des acc\u00e8s et \u00e9clairage ext\u00e9rieur : les \u00e9quipements de s\u00e9curit\u00e9 peuvent \u00eatre int\u00e9gr\u00e9s proprement \u00e0 l\u2019installation \u00e9lectrique d\u2019un logement ou d\u2019un local professionnel. \u00c9tudier mon installation Voir les services \u2713 Habitat \u2713 Professionnels \u2713 Installation \u00e9volutive Protection du b\u00e2timent S\u00e9curiser les points qui [&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-113","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\/113","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=113"}],"version-history":[{"count":1,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/113\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}