{"id":101,"date":"2026-09-14T13:15:21","date_gmt":"2026-09-14T11:15:21","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=101"},"modified":"2026-09-14T13:15:21","modified_gmt":"2026-09-14T11:15:21","slug":"accueil","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/","title":{"rendered":"Accueil"},"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 PAGE D'ACCUEIL\n     Site de d\u00e9monstration \/ entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-elec\">\n\n<style>\n\/* =========================================================\n   01 \u2014 VARIABLES \/ RESET LOCAL\n   ========================================================= *\/\n\n.wj-elec{\n    --wj-navy:#071828;\n    --wj-navy-2:#0b2239;\n    --wj-blue:#1687ff;\n    --wj-blue-dark:#0668ce;\n    --wj-cyan:#5dc7ff;\n    --wj-white:#ffffff;\n    --wj-soft:#f4f8fc;\n    --wj-soft-blue:#eaf5ff;\n    --wj-text:#102436;\n    --wj-muted:#5d7183;\n    --wj-border:#dce7f0;\n    --wj-shadow:0 20px 60px rgba(7,24,40,.10);\n    --wj-shadow-soft:0 12px 35px rgba(7,24,40,.08);\n    --wj-radius:24px;\n    --wj-radius-sm:16px;\n\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    overflow:clip;\n    background:#fff;\n    color:var(--wj-text);\n\n    font-family:\n        Inter,\n        ui-sans-serif,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Helvetica,\n        Arial,\n        sans-serif;\n\n    line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n}\n\n.wj-elec *,\n.wj-elec *::before,\n.wj-elec *::after{\n    box-sizing:border-box;\n}\n\n.wj-elec img{\n    display:block;\n    max-width:100%;\n}\n\n.wj-elec a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.wj-elec button,\n.wj-elec a{\n    -webkit-tap-highlight-color:transparent;\n}\n\n.wj-elec h1,\n.wj-elec h2,\n.wj-elec h3,\n.wj-elec p{\n    margin-top:0;\n}\n\n.wj-elec h1,\n.wj-elec h2,\n.wj-elec h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\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:16px;\n\n    color:var(--wj-blue-dark);\n\n    font-size:.78rem;\n    font-weight:800;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.wj-kicker::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    border-radius:99px;\n\n    background:var(--wj-blue);\n}\n\n.wj-section-title{\n    max-width:760px;\n    margin-bottom:38px;\n}\n\n.wj-section-title h2{\n    margin-bottom:14px;\n\n    color:var(--wj-navy);\n\n    font-size:clamp(2rem,4vw,3.5rem);\n}\n\n.wj-section-title p{\n    max-width:650px;\n\n    margin-bottom:0;\n\n    color:var(--wj-muted);\n\n    font-size:1.04rem;\n}\n\n.wj-btn{\n    display:inline-flex;\n\n    min-height:52px;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:10px;\n\n    padding:0 22px;\n\n    border:1px solid transparent;\n    border-radius:13px;\n\n    font-size:.96rem;\n    font-weight:800;\n\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        border-color .2s ease,\n        color .2s ease;\n}\n\n.wj-btn:hover{\n    transform:translateY(-2px);\n}\n\n.wj-btn-primary{\n    background:var(--wj-blue);\n    color:#fff !important;\n\n    box-shadow:0 12px 30px rgba(22,135,255,.25);\n}\n\n.wj-btn-primary:hover{\n    background:var(--wj-blue-dark);\n}\n\n.wj-btn-light{\n    border-color:rgba(255,255,255,.28);\n\n    background:rgba(255,255,255,.08);\n\n    color:#fff !important;\n\n    backdrop-filter:blur(8px);\n}\n\n.wj-btn-light:hover{\n    background:#fff;\n    color:var(--wj-navy) !important;\n}\n\n\n\/* =========================================================\n   02 \u2014 HERO\n   ========================================================= *\/\n\n.wj-hero{\n    position:relative;\n\n    min-height:700px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    background:var(--wj-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\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,.96) 0%,\n            rgba(4,18,31,.90) 38%,\n            rgba(4,18,31,.48) 67%,\n            rgba(4,18,31,.18) 100%\n        );\n}\n\n.wj-hero::before{\n    content:\"\";\n\n    position:absolute;\n    z-index:1;\n\n    width:600px;\n    height:600px;\n\n    left:-240px;\n    bottom:-350px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.22);\n\n    filter:blur(30px);\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    width:min(1180px,calc(100% - 40px));\n\n    margin-inline:auto;\n\n    padding:86px 0;\n}\n\n.wj-hero-content{\n    max-width:750px;\n}\n\n.wj-hero-brand{\n    display:inline-flex;\n    align-items:center;\n\n    gap:12px;\n\n    margin-bottom:36px;\n}\n\n.wj-logo-mark{\n    position:relative;\n\n    width:43px;\n    height:43px;\n\n    border-radius:13px;\n\n    background:var(--wj-blue);\n\n    box-shadow:0 10px 26px rgba(22,135,255,.28);\n}\n\n.wj-logo-mark::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:17px;\n    top:9px;\n\n    width:10px;\n    height:24px;\n\n    background:#fff;\n\n    clip-path:polygon(\n        58% 0,\n        100% 0,\n        65% 42%,\n        100% 42%,\n        24% 100%,\n        43% 55%,\n        0 55%\n    );\n}\n\n.wj-logo-text strong{\n    display:block;\n\n    font-size:1rem;\n    line-height:1;\n    letter-spacing:.09em;\n}\n\n.wj-logo-text span{\n    display:block;\n\n    margin-top:5px;\n\n    color:#94abc0;\n\n    font-size:.68rem;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.wj-hero-kicker{\n    display:flex;\n    align-items:center;\n\n    gap:10px;\n\n    margin-bottom:18px;\n\n    color:#8fd1ff;\n\n    font-size:.82rem;\n    font-weight:800;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n}\n\n.wj-hero-kicker span{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--wj-blue);\n\n    box-shadow:0 0 0 7px rgba(22,135,255,.12);\n}\n\n.wj-hero h1{\n    max-width:740px;\n\n    margin-bottom:22px;\n\n    color:#fff;\n\n    font-size:clamp(2.65rem,6vw,5.3rem);\n    font-weight:800;\n}\n\n.wj-hero h1 em{\n    color:#7dcbff;\n    font-style:normal;\n}\n\n.wj-hero-lead{\n    max-width:650px;\n\n    margin-bottom:31px;\n\n    color:#ccdae7;\n\n    font-size:clamp(1rem,1.6vw,1.18rem);\n}\n\n.wj-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:12px;\n}\n\n.wj-hero-trust{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:22px;\n\n    margin-top:42px;\n\n    color:#d8e5ef;\n\n    font-size:.86rem;\n    font-weight:700;\n}\n\n.wj-hero-trust span{\n    display:flex;\n    align-items:center;\n\n    gap:8px;\n}\n\n.wj-check{\n    width:20px;\n    height:20px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.18);\n\n    color:#81ceff;\n\n    font-size:.72rem;\n}\n\n\n\/* =========================================================\n   03 \u2014 SERVICES\n   ========================================================= *\/\n\n.wj-services{\n    position:relative;\n    z-index:5;\n\n    padding:0 0 86px;\n\n    background:#fff;\n}\n\n.wj-services-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:14px;\n\n    transform:translateY(-42px);\n\n    margin-bottom:-12px;\n}\n\n.wj-service-card{\n    position:relative;\n\n    min-height:220px;\n\n    display:flex;\n    flex-direction:column;\n\n    padding:25px;\n\n    overflow:hidden;\n\n    border:1px solid var(--wj-border);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:var(--wj-shadow-soft);\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease,\n        box-shadow .25s ease;\n}\n\n.wj-service-card:hover{\n    transform:translateY(-5px);\n\n    border-color:#bcdcff;\n\n    box-shadow:var(--wj-shadow);\n}\n\n.wj-service-icon{\n    width:46px;\n    height:46px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:27px;\n\n    border-radius:14px;\n\n    background:var(--wj-soft-blue);\n\n    color:var(--wj-blue);\n}\n\n.wj-service-icon svg{\n    width:24px;\n    height:24px;\n}\n\n.wj-service-card h3{\n    margin-bottom:9px;\n\n    color:var(--wj-navy);\n\n    font-size:1.17rem;\n}\n\n.wj-service-card p{\n    margin-bottom:21px;\n\n    color:var(--wj-muted);\n\n    font-size:.89rem;\n    line-height:1.55;\n}\n\n.wj-service-link{\n    margin-top:auto;\n\n    color:var(--wj-blue-dark) !important;\n\n    font-size:.86rem;\n    font-weight:800;\n}\n\n.wj-service-link::after{\n    content:\" \u2192\";\n}\n\n.wj-services-bottom{\n    display:flex;\n    justify-content:center;\n\n    margin-top:20px;\n}\n\n\n\/* =========================================================\n   04 \u2014 D\u00c9PANNAGE\n   ========================================================= *\/\n\n.wj-emergency{\n    padding:88px 0;\n\n    background:var(--wj-soft);\n}\n\n.wj-emergency-grid{\n    display:grid;\n\n    grid-template-columns:.95fr 1.05fr;\n\n    gap:65px;\n\n    align-items:center;\n}\n\n.wj-emergency-panel{\n    position:relative;\n\n    padding:36px;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    background:var(--wj-navy);\n\n    color:#fff;\n}\n\n.wj-emergency-panel::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:300px;\n    height:300px;\n\n    right:-140px;\n    top:-150px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.30);\n\n    filter:blur(10px);\n}\n\n.wj-emergency-badge{\n    position:relative;\n\n    display:inline-flex;\n    align-items:center;\n\n    gap:8px;\n\n    margin-bottom:26px;\n\n    padding:8px 11px;\n\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:99px;\n\n    background:rgba(255,255,255,.06);\n\n    color:#96d4ff;\n\n    font-size:.74rem;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:.08em;\n}\n\n.wj-emergency-panel h2{\n    position:relative;\n\n    margin-bottom:16px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.3rem);\n}\n\n.wj-emergency-panel > p{\n    position:relative;\n\n    color:#bed0de;\n}\n\n.wj-emergency-list{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:10px;\n\n    margin-top:28px;\n}\n\n.wj-emergency-list span{\n    padding:13px 14px;\n\n    border-radius:12px;\n\n    background:rgba(255,255,255,.06);\n\n    color:#e5eef5;\n\n    font-size:.85rem;\n    font-weight:700;\n}\n\n.wj-emergency-content h2{\n    margin-bottom:17px;\n\n    color:var(--wj-navy);\n\n    font-size:clamp(2rem,4vw,3.1rem);\n}\n\n.wj-emergency-content > p{\n    margin-bottom:26px;\n\n    color:var(--wj-muted);\n}\n\n.wj-diagnostic{\n    display:grid;\n\n    gap:14px;\n}\n\n.wj-diagnostic-item{\n    display:grid;\n\n    grid-template-columns:45px 1fr;\n\n    gap:15px;\n\n    padding:17px 0;\n\n    border-bottom:1px solid var(--wj-border);\n}\n\n.wj-diagnostic-item:last-child{\n    border-bottom:0;\n}\n\n.wj-diagnostic-number{\n    width:45px;\n    height:45px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:#fff;\n\n    color:var(--wj-blue);\n\n    font-weight:900;\n\n    box-shadow:0 5px 20px rgba(7,24,40,.07);\n}\n\n.wj-diagnostic-item h3{\n    margin:2px 0 4px;\n\n    color:var(--wj-navy);\n\n    font-size:1.02rem;\n}\n\n.wj-diagnostic-item p{\n    margin:0;\n\n    color:var(--wj-muted);\n\n    font-size:.88rem;\n}\n\n\n\/* =========================================================\n   05 \u2014 \u00c0 PROPOS\n   ========================================================= *\/\n\n.wj-about{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-about-grid{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:75px;\n\n    align-items:center;\n}\n\n.wj-about-visual{\n    position:relative;\n\n    min-height:560px;\n}\n\n.wj-about-main{\n    position:absolute;\n\n    inset:0 65px 55px 0;\n\n    overflow:hidden;\n\n    border-radius:26px;\n\n    background:#dfeaf2;\n}\n\n.wj-about-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.wj-about-card{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:235px;\n\n    padding:22px;\n\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 20px 55px rgba(7,24,40,.16);\n}\n\n.wj-about-card strong{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:var(--wj-navy);\n\n    font-size:1.02rem;\n}\n\n.wj-about-card span{\n    color:var(--wj-muted);\n\n    font-size:.82rem;\n}\n\n.wj-about-card::before{\n    content:\"\u2713\";\n\n    width:37px;\n    height:37px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:15px;\n\n    border-radius:11px;\n\n    background:var(--wj-soft-blue);\n\n    color:var(--wj-blue);\n\n    font-weight:900;\n}\n\n.wj-about-content h2{\n    margin-bottom:18px;\n\n    color:var(--wj-navy);\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-about-content > p{\n    color:var(--wj-muted);\n}\n\n.wj-about-points{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:13px;\n\n    margin:29px 0 30px;\n}\n\n.wj-about-point{\n    padding:18px;\n\n    border:1px solid var(--wj-border);\n    border-radius:15px;\n\n    background:#fff;\n}\n\n.wj-about-point strong{\n    display:block;\n\n    margin-bottom:4px;\n\n    color:var(--wj-navy);\n\n    font-size:.94rem;\n}\n\n.wj-about-point span{\n    color:var(--wj-muted);\n\n    font-size:.8rem;\n}\n\n\n\/* =========================================================\n   06 \u2014 R\u00c9ALISATIONS\n   ========================================================= *\/\n\n.wj-projects{\n    padding:95px 0;\n\n    background:var(--wj-navy);\n\n    color:#fff;\n}\n\n.wj-projects .wj-kicker{\n    color:#7dcaff;\n}\n\n.wj-projects .wj-section-title h2{\n    color:#fff;\n}\n\n.wj-projects .wj-section-title p{\n    color:#adbecb;\n}\n\n.wj-project-grid{\n    display:grid;\n\n    grid-template-columns:1.18fr .91fr .91fr;\n\n    gap:16px;\n}\n\n.wj-project{\n    position:relative;\n\n    min-height:430px;\n\n    overflow:hidden;\n\n    border-radius:22px;\n\n    background:#102a42;\n}\n\n.wj-project img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:transform .45s ease;\n}\n\n.wj-project:hover img{\n    transform:scale(1.035);\n}\n\n.wj-project::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 35%,\n            rgba(4,17,30,.90) 100%\n        );\n}\n\n.wj-project-info{\n    position:absolute;\n    z-index:2;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.wj-project-info span{\n    display:inline-block;\n\n    margin-bottom:7px;\n\n    color:#88d1ff;\n\n    font-size:.72rem;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:.08em;\n}\n\n.wj-project-info h3{\n    margin:0;\n\n    color:#fff;\n\n    font-size:1.18rem;\n}\n\n.wj-project-more{\n    display:flex;\n    justify-content:flex-end;\n\n    margin-top:24px;\n}\n\n.wj-project-more a{\n    color:#8bd1ff;\n\n    font-size:.9rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   07 \u2014 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(3,1fr);\n\n    gap:22px;\n}\n\n.wj-step{\n    position:relative;\n\n    padding:29px 27px;\n\n    border:1px solid var(--wj-border);\n    border-radius:20px;\n\n    background:#fff;\n}\n\n.wj-step-number{\n    display:flex;\n\n    width:47px;\n    height:47px;\n\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:23px;\n\n    border-radius:14px;\n\n    background:var(--wj-navy);\n\n    color:#fff;\n\n    font-weight:900;\n}\n\n.wj-step h3{\n    margin-bottom:9px;\n\n    color:var(--wj-navy);\n\n    font-size:1.15rem;\n}\n\n.wj-step p{\n    margin:0;\n\n    color:var(--wj-muted);\n\n    font-size:.88rem;\n}\n\n\n\/* =========================================================\n   08 \u2014 ZONE D\u2019INTERVENTION\n   ========================================================= *\/\n\n.wj-zone{\n    padding:0 0 100px;\n\n    background:#fff;\n}\n\n.wj-zone-box{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:1.05fr .95fr;\n\n    min-height:390px;\n\n    overflow:hidden;\n\n    border-radius:28px;\n\n    background:var(--wj-soft-blue);\n}\n\n.wj-zone-content{\n    padding:52px;\n}\n\n.wj-zone-content h2{\n    max-width:540px;\n\n    margin-bottom:16px;\n\n    color:var(--wj-navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-zone-content > p{\n    max-width:560px;\n\n    color:var(--wj-muted);\n}\n\n.wj-zone-tags{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:9px;\n\n    margin:24px 0 29px;\n}\n\n.wj-zone-tags span{\n    padding:9px 12px;\n\n    border:1px solid #cbe1f5;\n    border-radius:99px;\n\n    background:#fff;\n\n    color:#35556e;\n\n    font-size:.8rem;\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   GOOGLE MAPS\n   ========================================================= *\/\n\n.wj-zone-map{\n    position:relative;\n\n    min-height:390px;\n\n    overflow:hidden;\n\n    background:#dceaf5;\n}\n\n.wj-zone-map iframe{\n    position:absolute;\n\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n\n    filter:saturate(.82) contrast(.96);\n}\n\n.wj-zone-map-overlay{\n    position:absolute;\n    z-index:3;\n\n    left:24px;\n    bottom:24px;\n\n    display:flex;\n    align-items:center;\n\n    gap:13px;\n\n    max-width:285px;\n\n    padding:14px 17px;\n\n    border:1px solid rgba(255,255,255,.85);\n    border-radius:16px;\n\n    background:rgba(255,255,255,.95);\n\n    box-shadow:0 15px 40px rgba(7,24,40,.16);\n\n    backdrop-filter:blur(8px);\n    -webkit-backdrop-filter:blur(8px);\n}\n\n.wj-zone-map-icon{\n    flex:none;\n\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:var(--wj-blue);\n\n    color:#fff;\n\n    font-size:1.05rem;\n\n    box-shadow:0 8px 20px rgba(22,135,255,.25);\n}\n\n.wj-zone-map-overlay strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:var(--wj-navy);\n\n    font-size:.88rem;\n    line-height:1.25;\n}\n\n.wj-zone-map-overlay small{\n    display:block;\n\n    color:var(--wj-muted);\n\n    font-size:.72rem;\n    line-height:1.35;\n}\n\n\n\/* =========================================================\n   09 \u2014 FAQ\n   ========================================================= *\/\n\n.wj-faq{\n    padding:95px 0;\n\n    background:var(--wj-soft);\n}\n\n.wj-faq-grid{\n    display:grid;\n\n    grid-template-columns:.72fr 1.28fr;\n\n    gap:70px;\n}\n\n.wj-faq-intro h2{\n    margin-bottom:14px;\n\n    color:var(--wj-navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-faq-intro p{\n    color:var(--wj-muted);\n}\n\n.wj-faq-list{\n    display:grid;\n\n    gap:10px;\n}\n\n.wj-faq details{\n    border:1px solid var(--wj-border);\n    border-radius:15px;\n\n    background:#fff;\n}\n\n.wj-faq summary{\n    position:relative;\n\n    padding:19px 52px 19px 20px;\n\n    cursor:pointer;\n\n    list-style:none;\n\n    color:var(--wj-navy);\n\n    font-size:.95rem;\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:20px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    color:var(--wj-blue);\n\n    font-size:1.35rem;\n}\n\n.wj-faq details[open] summary::after{\n    content:\"\u2212\";\n}\n\n.wj-faq details p{\n    padding:0 20px 19px;\n\n    margin:0;\n\n    color:var(--wj-muted);\n\n    font-size:.87rem;\n}\n\n\n\/* =========================================================\n   10 \u2014 CTA FINAL\n   ========================================================= *\/\n\n.wj-final{\n    padding:88px 0;\n\n    background:#fff;\n}\n\n.wj-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:40px;\n\n    padding:48px 52px;\n\n    border-radius:28px;\n\n    background:var(--wj-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:-180px;\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    max-width:650px;\n}\n\n.wj-final-content span{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:#84ceff;\n\n    font-size:.78rem;\n    font-weight:800;\n    letter-spacing:.09em;\n    text-transform:uppercase;\n}\n\n.wj-final-content h2{\n    margin-bottom:10px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-final-content p{\n    margin:0;\n\n    color:#afc1d0;\n}\n\n.wj-final-action{\n    position:relative;\n    z-index:2;\n\n    flex:none;\n}\n\n\n\/* =========================================================\n   11 \u2014 NOTE D\u00c9MONSTRATION\n   ========================================================= *\/\n\n.wj-demo-note{\n    padding:18px 20px;\n\n    border-top:1px solid var(--wj-border);\n\n    background:#fff;\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   12 \u2014 TABLETTE\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .wj-services-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .wj-emergency-grid,\n    .wj-about-grid,\n    .wj-faq-grid{\n        grid-template-columns:1fr;\n\n        gap:42px;\n    }\n\n    .wj-about-visual{\n        min-height:500px;\n    }\n\n    .wj-project-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-project:first-child{\n        grid-column:1 \/ -1;\n    }\n\n    .wj-process-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-zone-box{\n        grid-template-columns:1fr;\n    }\n\n    .wj-zone-map{\n        min-height:340px;\n    }\n}\n\n\n\/* =========================================================\n   13 \u2014 MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px){\n\n    .wj-container{\n        width:min(100% - 28px,1180px);\n    }\n\n    .wj-hero{\n        min-height:auto;\n    }\n\n    .wj-hero-media::after{\n        background:\n            linear-gradient(\n                180deg,\n                rgba(4,18,31,.70) 0%,\n                rgba(4,18,31,.92) 55%,\n                rgba(4,18,31,.98) 100%\n            );\n    }\n\n    .wj-hero-media img{\n        object-position:60% center;\n    }\n\n    .wj-hero-inner{\n        width:min(100% - 28px,1180px);\n\n        padding:52px 0 58px;\n    }\n\n    .wj-hero-brand{\n        margin-bottom:72px;\n    }\n\n    .wj-hero h1{\n        margin-bottom:16px;\n\n        font-size:clamp(2.45rem,12vw,3.75rem);\n    }\n\n    .wj-hero-lead{\n        font-size:.96rem;\n\n        line-height:1.55;\n    }\n\n    .wj-hero-actions{\n        display:grid;\n\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-btn{\n        min-height:48px;\n\n        padding:0 15px;\n\n        font-size:.86rem;\n    }\n\n    .wj-hero-trust{\n        gap:11px 18px;\n\n        margin-top:27px;\n\n        font-size:.76rem;\n    }\n\n\n    \/* Services swipe *\/\n\n    .wj-services{\n        padding-bottom:58px;\n    }\n\n    .wj-services-grid{\n        display:flex;\n\n        gap:12px;\n\n        overflow-x:auto;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n\n        padding:0 14px 13px;\n\n        margin-inline:-14px;\n\n        transform:translateY(-27px);\n    }\n\n    .wj-services-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-service-card{\n        min-width:82%;\n        min-height:200px;\n\n        scroll-snap-align:start;\n\n        padding:21px;\n    }\n\n    .wj-service-icon{\n        margin-bottom:19px;\n    }\n\n\n    \/* Sections compactes *\/\n\n    .wj-emergency,\n    .wj-about,\n    .wj-projects,\n    .wj-process,\n    .wj-faq,\n    .wj-final{\n        padding:64px 0;\n    }\n\n    .wj-zone{\n        padding-bottom:64px;\n    }\n\n    .wj-section-title{\n        margin-bottom:26px;\n    }\n\n    .wj-emergency-grid,\n    .wj-about-grid,\n    .wj-faq-grid{\n        gap:32px;\n    }\n\n    .wj-emergency-panel{\n        padding:26px 22px;\n\n        border-radius:22px;\n    }\n\n    .wj-emergency-list{\n        grid-template-columns:1fr 1fr;\n\n        gap:8px;\n    }\n\n    .wj-emergency-list span{\n        padding:11px;\n\n        font-size:.75rem;\n    }\n\n    .wj-diagnostic{\n        gap:3px;\n    }\n\n    .wj-diagnostic-item{\n        padding:13px 0;\n    }\n\n\n    \/* \u00c0 propos *\/\n\n    .wj-about-visual{\n        min-height:390px;\n    }\n\n    .wj-about-main{\n        inset:0 38px 42px 0;\n\n        border-radius:20px;\n    }\n\n    .wj-about-card{\n        width:190px;\n\n        padding:17px;\n    }\n\n    .wj-about-points{\n        grid-template-columns:1fr 1fr;\n\n        gap:8px;\n\n        margin:22px 0 25px;\n    }\n\n    .wj-about-point{\n        padding:13px;\n    }\n\n\n    \/* R\u00e9alisations swipe *\/\n\n    .wj-project-grid{\n        display:flex;\n\n        gap:12px;\n\n        overflow-x:auto;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n\n        margin-inline:-14px;\n\n        padding:0 14px 12px;\n    }\n\n    .wj-project-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-project{\n        min-width:82%;\n        min-height:340px;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-project:first-child{\n        grid-column:auto;\n    }\n\n\n    \/* Process *\/\n\n    .wj-process-grid{\n        grid-template-columns:1fr;\n\n        gap:10px;\n    }\n\n    .wj-step{\n        display:grid;\n\n        grid-template-columns:45px 1fr;\n\n        column-gap:14px;\n\n        padding:18px;\n    }\n\n    .wj-step-number{\n        grid-row:1 \/ 3;\n\n        width:43px;\n        height:43px;\n\n        margin:0;\n    }\n\n    .wj-step h3{\n        margin:1px 0 4px;\n    }\n\n\n    \/* Zone *\/\n\n    .wj-zone-box{\n        border-radius:22px;\n    }\n\n    .wj-zone-content{\n        padding:29px 22px;\n    }\n\n    .wj-zone-map{\n        min-height:280px;\n    }\n\n    .wj-zone-map-overlay{\n        left:14px;\n        right:14px;\n        bottom:14px;\n\n        max-width:none;\n\n        padding:11px 13px;\n    }\n\n    .wj-zone-map-icon{\n        width:38px;\n        height:38px;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq summary{\n        padding:17px 48px 17px 17px;\n\n        font-size:.88rem;\n    }\n\n\n    \/* CTA *\/\n\n    .wj-final-box{\n        display:block;\n\n        padding:30px 23px;\n\n        border-radius:22px;\n    }\n\n    .wj-final-action{\n        margin-top:24px;\n    }\n\n    .wj-final-action .wj-btn{\n        width:100%;\n    }\n}\n\n\n\/* =========================================================\n   14 \u2014 PETITS MOBILES\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-hero-actions{\n        grid-template-columns:1fr;\n    }\n\n    .wj-hero-brand{\n        margin-bottom:54px;\n    }\n\n    .wj-emergency-list{\n        grid-template-columns:1fr;\n    }\n\n    .wj-about-points{\n        grid-template-columns:1fr;\n    }\n\n    .wj-service-card,\n    .wj-project{\n        min-width:88%;\n    }\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-elec *,\n    .wj-elec *::before,\n    .wj-elec *::after{\n        scroll-behavior:auto !important;\n        transition:none !important;\n    }\n}\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"wj-hero\">\n\n    <div class=\"wj-hero-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n            srcset=\"\n            https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n            https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n            https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1600&#038;q=82 1600w\"\n            sizes=\"100vw\"\n            width=\"1600\"\n            height=\"1067\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n            alt=\"\u00c9lectricien contr\u00f4lant un tableau \u00e9lectrique\">\n\n    <\/div>\n\n\n    <div class=\"wj-hero-inner\">\n\n        <div class=\"wj-hero-content\">\n\n            <div class=\"wj-hero-brand\">\n\n                <div class=\"wj-logo-mark\"\n                     aria-hidden=\"true\"><\/div>\n\n                <div class=\"wj-logo-text\">\n                    <strong>NOVA \u00c9LEC<\/strong>\n                    <span>\u00c9lectricit\u00e9 g\u00e9n\u00e9rale<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"wj-hero-kicker\">\n                <span><\/span>\n                Installation \u00b7 r\u00e9novation \u00b7 d\u00e9pannage\n            <\/div>\n\n\n            <h1>\n                L\u2019\u00e9lectricit\u00e9 pens\u00e9e pour\n                <em>votre quotidien.<\/em>\n            <\/h1>\n\n\n            <p class=\"wj-hero-lead\">\n                Installation, mise en s\u00e9curit\u00e9, r\u00e9novation et \u00e9quipements\n                \u00e9lectriques pour l\u2019habitat et les professionnels.\n                Des solutions propres, fiables et pens\u00e9es pour durer.\n            <\/p>\n\n\n            <div class=\"wj-hero-actions\">\n\n                <a class=\"wj-btn wj-btn-primary\"\n                   href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n                    Demander un devis\n                <\/a>\n\n                <a class=\"wj-btn wj-btn-light\"\n                   href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n                    D\u00e9couvrir nos services\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"wj-hero-trust\">\n\n                <span>\n                    <i class=\"wj-check\">\u2713<\/i>\n                    Devis clair\n                <\/span>\n\n                <span>\n                    <i class=\"wj-check\">\u2713<\/i>\n                    Travail soign\u00e9\n                <\/span>\n\n                <span>\n                    <i class=\"wj-check\">\u2713<\/i>\n                    Habitat &#038; professionnels\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     SERVICES\n     ========================================================= -->\n\n<section class=\"wj-services\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-services-grid\">\n\n\n        <article class=\"wj-service-card\">\n\n            <div class=\"wj-service-icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     fill=\"none\"\n                     stroke=\"currentColor\"\n                     stroke-width=\"1.8\"\n                     aria-hidden=\"true\">\n\n                    <path d=\"M13 2 5 14h6l-1 8 9-13h-6V2Z\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>D\u00e9pannage \u00e9lectrique<\/h3>\n\n            <p>\n                Panne, circuit d\u00e9faillant, disjonction ou \u00e9quipement\n                \u00e9lectrique \u00e0 diagnostiquer.\n            <\/p>\n\n            <a class=\"wj-service-link\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/depannage-electrique\/\">\n                Voir le d\u00e9pannage\n            <\/a>\n\n        <\/article>\n\n\n        <article class=\"wj-service-card\">\n\n            <div class=\"wj-service-icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     fill=\"none\"\n                     stroke=\"currentColor\"\n                     stroke-width=\"1.8\"\n                     aria-hidden=\"true\">\n\n                    <path d=\"M12 3 4 6v5c0 5 3.4 8.6 8 10 4.6-1.4 8-5 8-10V6l-8-3Z\"\/>\n                    <path d=\"m9 12 2 2 4-5\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Mise en s\u00e9curit\u00e9<\/h3>\n\n            <p>\n                Modernisation des protections et am\u00e9lioration\n                de la s\u00e9curit\u00e9 de l\u2019installation.\n            <\/p>\n\n            <a class=\"wj-service-link\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/mise-aux-normes\/\">\n                D\u00e9couvrir\n            <\/a>\n\n        <\/article>\n\n\n        <article class=\"wj-service-card\">\n\n            <div class=\"wj-service-icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     fill=\"none\"\n                     stroke=\"currentColor\"\n                     stroke-width=\"1.8\"\n                     aria-hidden=\"true\">\n\n                    <rect x=\"4\"\n                          y=\"3\"\n                          width=\"16\"\n                          height=\"18\"\n                          rx=\"2\"\/>\n\n                    <path d=\"M8 7h3M8 11h3M8 15h3M15 7h1M15 11h1M15 15h1\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Tableau \u00e9lectrique<\/h3>\n\n            <p>\n                Remplacement, organisation et modernisation\n                du c\u0153ur de votre installation.\n            <\/p>\n\n            <a class=\"wj-service-link\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/tableau-electrique\/\">\n                Voir la prestation\n            <\/a>\n\n        <\/article>\n\n\n        <article class=\"wj-service-card\">\n\n            <div class=\"wj-service-icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     fill=\"none\"\n                     stroke=\"currentColor\"\n                     stroke-width=\"1.8\"\n                     aria-hidden=\"true\">\n\n                    <rect x=\"5\"\n                          y=\"3\"\n                          width=\"10\"\n                          height=\"18\"\n                          rx=\"2\"\/>\n\n                    <path d=\"M8 7h4M15 8h2l2 2v6a2 2 0 0 0 2 2\"\/>\n                    <path d=\"m10 11-2 3h2l-1 3 3-4h-2l1-2Z\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Borne de recharge<\/h3>\n\n            <p>\n                Une solution pratique pour recharger votre\n                v\u00e9hicule \u00e9lectrique directement chez vous.\n            <\/p>\n\n            <a class=\"wj-service-link\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/borne-recharge\/\">\n                Voir les solutions\n            <\/a>\n\n        <\/article>\n\n    <\/div>\n\n\n    <div class=\"wj-services-bottom\">\n\n        <a class=\"wj-btn wj-btn-primary\"\n           href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n            Voir tous les services\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     D\u00c9PANNAGE\n     ========================================================= -->\n\n<section class=\"wj-emergency\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-emergency-grid\">\n\n\n        <div class=\"wj-emergency-panel\">\n\n            <div class=\"wj-emergency-badge\">\n                Diagnostic \u00e9lectrique\n            <\/div>\n\n            <h2>\n                Une panne n\u2019arrive jamais au bon moment.\n            <\/h2>\n\n            <p>\n                Avant de remplacer au hasard, nous recherchons\n                l\u2019origine du probl\u00e8me pour apporter une solution\n                adapt\u00e9e \u00e0 l\u2019installation.\n            <\/p>\n\n\n            <div class=\"wj-emergency-list\">\n\n                <span>Disjonctions r\u00e9p\u00e9t\u00e9es<\/span>\n                <span>Prise d\u00e9faillante<\/span>\n                <span>Circuit sans courant<\/span>\n                <span>\u00c9clairage en panne<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-emergency-content\">\n\n            <div class=\"wj-kicker\">\n                D\u00e9pannage\n            <\/div>\n\n            <h2>\n                Comprendre le probl\u00e8me avant d\u2019intervenir.\n            <\/h2>\n\n            <p>\n                Un bon d\u00e9pannage ne consiste pas seulement \u00e0 remettre\n                le courant. L\u2019objectif est d\u2019identifier pr\u00e9cis\u00e9ment\n                la cause de la panne et de s\u00e9curiser l\u2019installation.\n            <\/p>\n\n\n            <div class=\"wj-diagnostic\">\n\n                <div class=\"wj-diagnostic-item\">\n\n                    <div class=\"wj-diagnostic-number\">\n                        01\n                    <\/div>\n\n                    <div>\n\n                        <h3>\n                            Analyse de la panne\n                        <\/h3>\n\n                        <p>\n                            Contr\u00f4le des circuits, protections\n                            et \u00e9quipements concern\u00e9s.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wj-diagnostic-item\">\n\n                    <div class=\"wj-diagnostic-number\">\n                        02\n                    <\/div>\n\n                    <div>\n\n                        <h3>\n                            Diagnostic pr\u00e9cis\n                        <\/h3>\n\n                        <p>\n                            Recherche de l\u2019origine du d\u00e9faut avant\n                            toute r\u00e9paration.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"wj-diagnostic-item\">\n\n                    <div class=\"wj-diagnostic-number\">\n                        03\n                    <\/div>\n\n                    <div>\n\n                        <h3>\n                            Solution adapt\u00e9e\n                        <\/h3>\n\n                        <p>\n                            R\u00e9paration ou proposition claire si une\n                            remise \u00e0 niveau plus importante est n\u00e9cessaire.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <a class=\"wj-btn wj-btn-primary\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/depannage-electrique\/\">\n                D\u00e9couvrir le d\u00e9pannage\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     \u00c0 PROPOS\n     ========================================================= -->\n\n<section class=\"wj-about\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-about-grid\">\n\n\n        <div class=\"wj-about-visual\">\n\n            <div class=\"wj-about-main\">\n\n                <img\n                    src=\"https:\/\/images.unsplash.com\/photo-1770992203133-263e3034a367?auto=format&#038;fit=crop&#038;w=1000&#038;q=80\"\n                    width=\"1000\"\n                    height=\"1200\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                    alt=\"Installation \u00e9lectrique dans des locaux professionnels\">\n\n            <\/div>\n\n\n            <div class=\"wj-about-card\">\n\n                <strong>\n                    Une installation claire\n                <\/strong>\n\n                <span>\n                    Des \u00e9quipements pens\u00e9s pour \u00eatre fiables,\n                    pratiques et faciles \u00e0 maintenir.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"wj-about-content\">\n\n            <div class=\"wj-kicker\">\n                Notre approche\n            <\/div>\n\n            <h2>\n                Une \u00e9lectricit\u00e9 propre, moderne et bien pens\u00e9e.\n            <\/h2>\n\n            <p>\n                De la simple modification d\u2019un circuit \u00e0 une r\u00e9novation\n                compl\u00e8te, chaque installation m\u00e9rite la m\u00eame attention.\n                Nous privil\u00e9gions des solutions coh\u00e9rentes avec le b\u00e2timent,\n                les usages et les \u00e9volutions futures.\n            <\/p>\n\n\n            <div class=\"wj-about-points\">\n\n                <div class=\"wj-about-point\">\n                    <strong>Installation soign\u00e9e<\/strong>\n                    <span>Finitions propres et \u00e9quipements int\u00e9gr\u00e9s.<\/span>\n                <\/div>\n\n                <div class=\"wj-about-point\">\n                    <strong>Conseils utiles<\/strong>\n                    <span>Des choix adapt\u00e9s aux vrais besoins.<\/span>\n                <\/div>\n\n                <div class=\"wj-about-point\">\n                    <strong>Projet \u00e9volutif<\/strong>\n                    <span>Anticiper les usages de demain.<\/span>\n                <\/div>\n\n                <div class=\"wj-about-point\">\n                    <strong>Devis lisible<\/strong>\n                    <span>Une prestation clairement expliqu\u00e9e.<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <a class=\"wj-btn wj-btn-primary\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/a-propos\/\">\n                D\u00e9couvrir l\u2019entreprise\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     R\u00c9ALISATIONS\n     ========================================================= -->\n\n<section class=\"wj-projects\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-section-title\">\n\n        <div class=\"wj-kicker\">\n            R\u00e9alisations\n        <\/div>\n\n        <h2>\n            Des installations pens\u00e9es pour leur environnement.\n        <\/h2>\n\n        <p>\n            Habitat, mobilit\u00e9 \u00e9lectrique ou locaux professionnels :\n            chaque projet r\u00e9pond \u00e0 un usage diff\u00e9rent.\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"wj-project-grid\">\n\n\n        <article class=\"wj-project\">\n\n            <img\n                src=\"https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=1100&#038;q=78\"\n                width=\"1100\"\n                height=\"850\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt=\"Contr\u00f4le et r\u00e9novation d'un tableau \u00e9lectrique\">\n\n            <div class=\"wj-project-info\">\n\n                <span>\n                    R\u00e9novation \u00e9lectrique\n                <\/span>\n\n                <h3>\n                    Modernisation d\u2019une installation existante\n                <\/h3>\n\n            <\/div>\n\n        <\/article>\n\n\n        <article class=\"wj-project\">\n\n            <img\n                src=\"https:\/\/images.unsplash.com\/photo-1775259928422-779c18e32007?auto=format&#038;fit=crop&#038;w=900&#038;q=78\"\n                width=\"900\"\n                height=\"1000\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt=\"Recharge d'un v\u00e9hicule \u00e9lectrique \u00e0 domicile\">\n\n            <div class=\"wj-project-info\">\n\n                <span>\n                    Mobilit\u00e9 \u00e9lectrique\n                <\/span>\n\n                <h3>\n                    Solution de recharge \u00e0 domicile\n                <\/h3>\n\n            <\/div>\n\n        <\/article>\n\n\n        <article class=\"wj-project\">\n\n            <img\n                src=\"https:\/\/images.unsplash.com\/photo-1770992203133-263e3034a367?auto=format&#038;fit=crop&#038;w=900&#038;q=78\"\n                width=\"900\"\n                height=\"1000\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt=\"\u00c9clairage et installation \u00e9lectrique de bureaux\">\n\n            <div class=\"wj-project-info\">\n\n                <span>\n                    Professionnels\n                <\/span>\n\n                <h3>\n                    \u00c9lectricit\u00e9 et \u00e9clairage de bureaux\n                <\/h3>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n\n    <div class=\"wj-project-more\">\n\n        <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/realisations\/\">\n            Voir toutes les r\u00e9alisations \u2192\n        <\/a>\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-title\">\n\n        <div class=\"wj-kicker\">\n            Votre projet\n        <\/div>\n\n        <h2>\n            Une m\u00e9thode simple du premier \u00e9change \u00e0 la r\u00e9alisation.\n        <\/h2>\n\n    <\/div>\n\n\n    <div class=\"wj-process-grid\">\n\n\n        <article class=\"wj-step\">\n\n            <div class=\"wj-step-number\">\n                01\n            <\/div>\n\n            <h3>\n                Comprendre\n            <\/h3>\n\n            <p>\n                Nous \u00e9changeons sur votre besoin, le b\u00e2timent,\n                les \u00e9quipements et les contraintes du projet.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"wj-step\">\n\n            <div class=\"wj-step-number\">\n                02\n            <\/div>\n\n            <h3>\n                Proposer\n            <\/h3>\n\n            <p>\n                Une solution coh\u00e9rente est d\u00e9finie avec les travaux\n                n\u00e9cessaires et les options r\u00e9ellement utiles.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"wj-step\">\n\n            <div class=\"wj-step-number\">\n                03\n            <\/div>\n\n            <h3>\n                R\u00e9aliser\n            <\/h3>\n\n            <p>\n                Les travaux sont organis\u00e9s avec attention port\u00e9e\n                \u00e0 la s\u00e9curit\u00e9, aux finitions et \u00e0 la propret\u00e9.\n            <\/p>\n\n        <\/article>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     ZONE D\u2019INTERVENTION\n     ========================================================= -->\n\n<section class=\"wj-zone\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-zone-box\">\n\n\n        <div class=\"wj-zone-content\">\n\n            <div class=\"wj-kicker\">\n                Zone d\u2019intervention\n            <\/div>\n\n            <h2>\n                Une entreprise proche de vos projets.\n            <\/h2>\n\n            <p>\n                NOVA \u00c9LEC est une entreprise fictive utilis\u00e9e pour pr\u00e9senter\n                ce mod\u00e8le. Les communes et la zone d\u2019intervention seront\n                personnalis\u00e9es selon l\u2019activit\u00e9 r\u00e9elle de l\u2019artisan.\n            <\/p>\n\n\n            <div class=\"wj-zone-tags\">\n\n                <span>Ville principale<\/span>\n                <span>Communes voisines<\/span>\n                <span>Secteur r\u00e9sidentiel<\/span>\n                <span>Professionnels<\/span>\n\n            <\/div>\n\n\n            <a class=\"wj-btn wj-btn-primary\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/zones-intervention\/\">\n                Voir les zones\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"wj-zone-map\">\n\n            <iframe\n                src=\"https:\/\/www.google.com\/maps?q=France&#038;z=5&#038;output=embed\"\n                width=\"100%\"\n                height=\"100%\"\n                style=\"border:0;\"\n                loading=\"lazy\"\n                allowfullscreen=\"\"\n                referrerpolicy=\"no-referrer-when-downgrade\"\n                title=\"Carte de la zone d'intervention\">\n            <\/iframe>\n\n\n            <div class=\"wj-zone-map-overlay\">\n\n                <span class=\"wj-zone-map-icon\">\n                    \u26a1\n                <\/span>\n\n                <div>\n\n                    <strong>\n                        Zone d\u2019intervention\n                    <\/strong>\n\n                    <small>\n                        Personnalis\u00e9e selon l\u2019entreprise\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     FAQ\n     ========================================================= -->\n\n<section class=\"wj-faq\">\n\n<div class=\"wj-container\">\n\n    <div class=\"wj-faq-grid\">\n\n\n        <div class=\"wj-faq-intro\">\n\n            <div class=\"wj-kicker\">\n                Questions fr\u00e9quentes\n            <\/div>\n\n            <h2>\n                Avant de d\u00e9marrer.\n            <\/h2>\n\n            <p>\n                Quelques r\u00e9ponses simples aux questions courantes\n                avant des travaux \u00e9lectriques.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"wj-faq-list\">\n\n\n            <details>\n\n                <summary>\n                    Quand faut-il remplacer un tableau \u00e9lectrique ?\n                <\/summary>\n\n                <p>\n                    Un remplacement peut \u00eatre envisag\u00e9 lorsque le tableau\n                    est ancien, mal organis\u00e9, insuffisamment prot\u00e9g\u00e9 ou\n                    lorsqu\u2019une r\u00e9novation importante de l\u2019installation\n                    est pr\u00e9vue.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Peut-on r\u00e9nover l\u2019\u00e9lectricit\u00e9 pi\u00e8ce par pi\u00e8ce ?\n                <\/summary>\n\n                <p>\n                    Oui, selon l\u2019\u00e9tat de l\u2019installation et la configuration\n                    du logement. Une \u00e9tude permet de d\u00e9terminer s\u2019il est\n                    pertinent de travailler progressivement ou globalement.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Installez-vous des bornes de recharge ?\n                <\/summary>\n\n                <p>\n                    Le mod\u00e8le pr\u00e9voit une prestation d\u00e9di\u00e9e aux solutions\n                    de recharge pour v\u00e9hicules \u00e9lectriques, adapt\u00e9e \u00e0\n                    l\u2019installation et aux besoins de l\u2019utilisateur.\n                <\/p>\n\n            <\/details>\n\n\n            <details>\n\n                <summary>\n                    Intervenez-vous aussi pour les professionnels ?\n                <\/summary>\n\n                <p>\n                    Oui. Le site pr\u00e9voit une offre sp\u00e9cifique pour les\n                    commerces, bureaux, locaux professionnels et autres\n                    b\u00e2timents n\u00e9cessitant des installations \u00e9lectriques\n                    adapt\u00e9es \u00e0 leur activit\u00e9.\n                <\/p>\n\n            <\/details>\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                Parlons de votre projet\n            <\/span>\n\n            <h2>\n                Besoin d\u2019un \u00e9lectricien pour votre installation ?\n            <\/h2>\n\n            <p>\n                D\u00e9crivez votre besoin et obtenez une premi\u00e8re r\u00e9ponse\n                pour votre d\u00e9pannage, r\u00e9novation ou nouveau projet.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"wj-final-action\">\n\n            <a class=\"wj-btn wj-btn-primary\"\n               href=\"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\">\n                Demander un devis\n            <\/a>\n\n        <\/div>\n\n    <\/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>\n        NOVA \u00c9LEC est une entreprise fictive.\n    <\/strong>\n\n    Site de d\u00e9monstration Web Jouglet \u2013 Web &amp; Informatique.\n\n<\/div>\n\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>NOVA \u00c9LEC \u00c9lectricit\u00e9 g\u00e9n\u00e9rale Installation \u00b7 r\u00e9novation \u00b7 d\u00e9pannage L\u2019\u00e9lectricit\u00e9 pens\u00e9e pour votre quotidien. Installation, mise en s\u00e9curit\u00e9, r\u00e9novation et \u00e9quipements \u00e9lectriques pour l\u2019habitat et les professionnels. Des solutions propres, fiables et pens\u00e9es pour durer. Demander un devis D\u00e9couvrir nos services \u2713 Devis clair \u2713 Travail soign\u00e9 \u2713 Habitat &#038; professionnels D\u00e9pannage \u00e9lectrique Panne, circuit [&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-101","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\/101","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=101"}],"version-history":[{"count":1,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/101\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}