{"id":35,"date":"2026-08-19T10:21:01","date_gmt":"2026-08-19T08:21:01","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=35"},"modified":"2026-09-14T16:30:18","modified_gmt":"2026-09-14T14:30:18","slug":"contact","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/contact\/","title":{"rendered":"Contact"},"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 CONTACT\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/contact\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-contact\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-contact{\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-contact *,\n.wj-contact *::before,\n.wj-contact *::after{\n    box-sizing:border-box;\n}\n\n.wj-contact h1,\n.wj-contact h2,\n.wj-contact h3,\n.wj-contact p{\n    margin-top:0;\n}\n\n.wj-contact h1,\n.wj-contact h2,\n.wj-contact h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-contact a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.wj-container{\n    width:min(1180px,calc(100% - 40px));\n    margin-inline:auto;\n}\n\n.wj-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-bottom:15px;\n\n    color:var(--blue-dark);\n\n    font-size:.76rem;\n    font-weight:800;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.wj-kicker::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    border-radius:99px;\n    background:var(--blue);\n}\n\n.wj-section-head{\n    max-width:760px;\n    margin-bottom:38px;\n}\n\n.wj-section-head h2{\n    margin-bottom:13px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-section-head p{\n    max-width:650px;\n    margin:0;\n\n    color:var(--muted);\n}\n\n.wj-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    min-height:50px;\n\n    padding:0 21px;\n\n    border:0;\n    border-radius:13px;\n\n    cursor:pointer;\n\n    font-family:inherit;\n    font-size:.9rem;\n    font-weight:800;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.wj-btn:hover{\n    transform:translateY(-2px);\n}\n\n.wj-btn-primary{\n    background:var(--blue);\n    color:#fff !important;\n\n    box-shadow:0 12px 28px rgba(22,135,255,.23);\n}\n\n.wj-btn-primary:hover{\n    background:var(--blue-dark);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.wj-hero{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:95px 0 125px;\n\n    background:\n        radial-gradient(\n            circle at 84% 15%,\n            rgba(22,135,255,.22),\n            transparent 29%\n        ),\n        linear-gradient(\n            135deg,\n            #061521,\n            #0b2239\n        );\n\n    color:#fff;\n}\n\n.wj-hero::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:460px;\n    height:460px;\n\n    right:-180px;\n    bottom:-280px;\n\n    border:1px solid rgba(121,207,255,.14);\n    border-radius:50%;\n\n    box-shadow:\n        0 0 0 70px rgba(121,207,255,.025),\n        0 0 0 140px rgba(121,207,255,.018);\n}\n\n.wj-hero-content{\n    position:relative;\n    z-index:2;\n\n    max-width:800px;\n}\n\n.wj-hero .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-hero h1{\n    max-width:790px;\n\n    margin-bottom:20px;\n\n    color:#fff;\n\n    font-size:clamp(2.8rem,6vw,5.35rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:650px;\n\n    margin-bottom:0;\n\n    color:#c3d4df;\n\n    font-size:1.04rem;\n}\n\n.wj-hero-pills{\n    display:flex;\n    flex-wrap:wrap;\n\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.wj-hero-pills span{\n    padding:7px 10px;\n\n    border:1px solid rgba(255,255,255,.11);\n    border-radius:99px;\n\n    background:rgba(255,255,255,.05);\n\n    color:#dce8ef;\n\n    font-size:.66rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   CONTACT PRINCIPAL\n   ========================================================= *\/\n\n.wj-contact-main{\n    position:relative;\n    z-index:4;\n\n    margin-top:-65px;\n\n    padding-bottom:100px;\n}\n\n.wj-contact-layout{\n    display:grid;\n\n    grid-template-columns:.68fr 1.32fr;\n\n    gap:18px;\n\n    align-items:start;\n}\n\n\n\/* =========================================================\n   COLONNE INFORMATIONS\n   ========================================================= *\/\n\n.wj-contact-sidebar{\n    display:grid;\n\n    gap:12px;\n}\n\n.wj-contact-card{\n    padding:25px;\n\n    border:1px solid var(--border);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 15px 45px rgba(7,24,40,.07);\n}\n\n.wj-contact-card.dark{\n    border-color:transparent;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-contact-card-label{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:var(--blue-dark);\n\n    font-size:.64rem;\n    font-weight:900;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-contact-card.dark .wj-contact-card-label{\n    color:#8bd2ff;\n}\n\n.wj-contact-card h2{\n    margin-bottom:11px;\n\n    color:var(--navy);\n\n    font-size:1.55rem;\n}\n\n.wj-contact-card.dark h2{\n    color:#fff;\n}\n\n.wj-contact-card > p{\n    margin-bottom:0;\n\n    color:var(--muted);\n\n    font-size:.78rem;\n}\n\n.wj-contact-card.dark > p{\n    color:#aebfca;\n}\n\n\n\/* COORDONN\u00c9ES *\/\n\n.wj-coordinates{\n    display:grid;\n\n    gap:8px;\n\n    margin-top:20px;\n}\n\n.wj-coordinate{\n    display:grid;\n\n    grid-template-columns:40px 1fr;\n\n    gap:11px;\n\n    align-items:center;\n\n    padding:11px;\n\n    border:1px solid var(--border);\n    border-radius:12px;\n\n    background:var(--soft);\n}\n\n.wj-coordinate-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\n    color:var(--blue);\n\n    font-size:.68rem;\n    font-weight:900;\n}\n\n.wj-coordinate strong{\n    display:block;\n\n    margin-bottom:1px;\n\n    color:var(--navy);\n\n    font-size:.75rem;\n}\n\n.wj-coordinate span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.66rem;\n}\n\n\n\/* URGENCE *\/\n\n.wj-emergency{\n    display:flex;\n\n    gap:12px;\n\n    margin-top:18px;\n\n    padding:14px;\n\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:13px;\n\n    background:rgba(255,255,255,.05);\n}\n\n.wj-emergency-icon{\n    width:37px;\n    height:37px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:10px;\n\n    background:rgba(22,135,255,.17);\n\n    color:#8bd2ff;\n\n    font-size:.7rem;\n    font-weight:900;\n}\n\n.wj-emergency strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:#fff;\n\n    font-size:.74rem;\n}\n\n.wj-emergency span{\n    display:block;\n\n    color:#9eb2c0;\n\n    font-size:.65rem;\n}\n\n\n\/* LIENS *\/\n\n.wj-quick-links{\n    display:grid;\n\n    gap:7px;\n\n    margin-top:20px;\n}\n\n.wj-quick-links a{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    padding:11px 12px;\n\n    border:1px solid var(--border);\n    border-radius:11px;\n\n    color:#3f5c70;\n\n    font-size:.7rem;\n    font-weight:800;\n\n    transition:\n        border-color .2s ease,\n        background .2s ease;\n}\n\n.wj-quick-links a:hover{\n    border-color:#b9dbf7;\n\n    background:var(--soft-blue);\n}\n\n.wj-quick-links a span{\n    color:var(--blue);\n}\n\n\n\/* =========================================================\n   FORMULAIRE\n   ========================================================= *\/\n\n.wj-form-wrap{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:24px;\n\n    background:#fff;\n\n    box-shadow:0 22px 60px rgba(7,24,40,.10);\n}\n\n.wj-form-head{\n    padding:32px 34px 28px;\n\n    border-bottom:1px solid var(--border);\n\n    background:\n        linear-gradient(\n            135deg,\n            #fff,\n            #f8fbfd\n        );\n}\n\n.wj-form-head-row{\n    display:flex;\n    align-items:flex-start;\n    justify-content:space-between;\n\n    gap:20px;\n}\n\n.wj-form-head h2{\n    margin-bottom:8px;\n\n    color:var(--navy);\n\n    font-size:clamp(1.8rem,3vw,2.55rem);\n}\n\n.wj-form-head p{\n    max-width:600px;\n\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.79rem;\n}\n\n.wj-demo-badge{\n    flex:none;\n\n    padding:7px 10px;\n\n    border-radius:99px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue-dark);\n\n    font-size:.59rem;\n    font-weight:900;\n    letter-spacing:.06em;\n    text-transform:uppercase;\n}\n\n\n\/* FORM *\/\n\n.wj-form{\n    padding:30px 34px 34px;\n}\n\n.wj-form-section{\n    padding-bottom:29px;\n\n    margin-bottom:27px;\n\n    border-bottom:1px solid var(--border);\n}\n\n.wj-form-section:last-of-type{\n    margin-bottom:0;\n}\n\n.wj-form-section-title{\n    display:flex;\n    align-items:center;\n\n    gap:11px;\n\n    margin-bottom:19px;\n}\n\n.wj-form-section-num{\n    width:32px;\n    height:32px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    flex:none;\n\n    border-radius:9px;\n\n    background:var(--navy);\n\n    color:#fff;\n\n    font-size:.62rem;\n    font-weight:900;\n}\n\n.wj-form-section-title h3{\n    margin:0;\n\n    color:var(--navy);\n\n    font-size:.96rem;\n}\n\n.wj-form-section-title span{\n    display:block;\n\n    margin-top:2px;\n\n    color:var(--muted);\n\n    font-size:.63rem;\n}\n\n\n\/* GRID *\/\n\n.wj-form-grid{\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:15px;\n}\n\n.wj-form-grid.three{\n    grid-template-columns:repeat(3,1fr);\n}\n\n.wj-field.full{\n    grid-column:1 \/ -1;\n}\n\n\n\/* FIELDS *\/\n\n.wj-field label{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:#284457;\n\n    font-size:.7rem;\n    font-weight:800;\n}\n\n.wj-required{\n    color:var(--blue);\n}\n\n.wj-field input,\n.wj-field select,\n.wj-field textarea{\n    width:100%;\n\n    min-height:48px;\n\n    padding:0 13px;\n\n    border:1px solid #d7e3eb;\n    border-radius:11px;\n\n    outline:none;\n\n    background:#fff;\n\n    color:var(--text);\n\n    font-family:inherit;\n    font-size:.77rem;\n\n    transition:\n        border-color .2s ease,\n        box-shadow .2s ease,\n        background .2s ease;\n}\n\n.wj-field textarea{\n    min-height:145px;\n\n    padding:13px;\n\n    resize:vertical;\n\n    line-height:1.55;\n}\n\n.wj-field input::placeholder,\n.wj-field textarea::placeholder{\n    color:#98a9b5;\n}\n\n.wj-field input:focus,\n.wj-field select:focus,\n.wj-field textarea:focus{\n    border-color:#7fc2fc;\n\n    box-shadow:0 0 0 4px rgba(22,135,255,.08);\n}\n\n.wj-field-help{\n    display:block;\n\n    margin-top:5px;\n\n    color:#899aa6;\n\n    font-size:.59rem;\n}\n\n\n\/* RADIOS \/ CHECKS *\/\n\n.wj-choice-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:8px;\n}\n\n.wj-choice{\n    position:relative;\n}\n\n.wj-choice input{\n    position:absolute;\n\n    opacity:0;\n    pointer-events:none;\n}\n\n.wj-choice label{\n    min-height:62px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    padding:10px 12px;\n\n    border:1px solid var(--border);\n    border-radius:11px;\n\n    cursor:pointer;\n\n    background:#fff;\n\n    transition:\n        border-color .2s ease,\n        background .2s ease;\n}\n\n.wj-choice label strong{\n    display:block;\n\n    margin-bottom:1px;\n\n    color:var(--navy);\n\n    font-size:.7rem;\n}\n\n.wj-choice label span{\n    color:var(--muted);\n\n    font-size:.59rem;\n}\n\n.wj-choice input:checked + label{\n    border-color:#81c4fb;\n\n    background:var(--soft-blue);\n\n    box-shadow:0 0 0 3px rgba(22,135,255,.06);\n}\n\n\n\/* CHECKBOX CONSENT *\/\n\n.wj-consent{\n    display:flex;\n    align-items:flex-start;\n\n    gap:10px;\n\n    margin-top:21px;\n}\n\n.wj-consent input{\n    width:17px;\n    height:17px;\n\n    flex:none;\n\n    margin-top:2px;\n\n    accent-color:var(--blue);\n}\n\n.wj-consent label{\n    color:#6f8290;\n\n    font-size:.64rem;\n    line-height:1.5;\n}\n\n\n\/* FORM FOOT *\/\n\n.wj-form-footer{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    gap:20px;\n\n    padding-top:27px;\n}\n\n.wj-form-demo-note{\n    display:flex;\n    align-items:flex-start;\n\n    gap:9px;\n\n    max-width:440px;\n\n    color:#82939f;\n\n    font-size:.61rem;\n}\n\n.wj-form-demo-note i{\n    width:22px;\n    height:22px;\n\n    flex:none;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:7px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.6rem;\n    font-style:normal;\n    font-weight:900;\n}\n\n.wj-form-footer .wj-btn{\n    flex:none;\n}\n\n\n\/* =========================================================\n   APR\u00c8S ENVOI\n   ========================================================= *\/\n\n.wj-after{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-after-grid{\n    display:grid;\n\n    grid-template-columns:.75fr 1.25fr;\n\n    gap:65px;\n\n    align-items:start;\n}\n\n.wj-after-copy h2{\n    margin-bottom:13px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-after-copy p{\n    color:var(--muted);\n}\n\n.wj-after-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-after-item{\n    display:grid;\n\n    grid-template-columns:45px 1fr;\n\n    gap:13px;\n\n    padding:16px;\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    background:#fff;\n}\n\n.wj-after-num{\n    width:40px;\n    height:40px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:11px;\n\n    background:var(--navy);\n\n    color:#fff;\n\n    font-size:.66rem;\n    font-weight:900;\n}\n\n.wj-after-item strong{\n    display:block;\n\n    margin-bottom:2px;\n\n    color:var(--navy);\n\n    font-size:.84rem;\n}\n\n.wj-after-item span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.68rem;\n}\n\n\n\/* =========================================================\n   TYPE DEMANDES\n   ========================================================= *\/\n\n.wj-needs{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-needs-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-need{\n    min-height:215px;\n\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.wj-need:hover{\n    transform:translateY(-4px);\n\n    box-shadow:var(--shadow);\n}\n\n.wj-need-icon{\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:26px;\n\n    border-radius:12px;\n\n    background:var(--soft-blue);\n\n    color:var(--blue);\n\n    font-size:.69rem;\n    font-weight:900;\n}\n\n.wj-need h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:.98rem;\n}\n\n.wj-need p{\n    margin-bottom:0;\n\n    color:var(--muted);\n\n    font-size:.74rem;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.wj-faq{\n    padding:90px 0;\n\n    background:var(--navy);\n\n    color:#fff;\n}\n\n.wj-faq .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-faq-grid{\n    display:grid;\n\n    grid-template-columns:.72fr 1.28fr;\n\n    gap:70px;\n}\n\n.wj-faq-intro h2{\n    margin-bottom:12px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.1rem);\n}\n\n.wj-faq-intro p{\n    color:#aebfcb;\n}\n\n.wj-faq-list{\n    display:grid;\n\n    gap:9px;\n}\n\n.wj-faq details{\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:14px;\n\n    background:rgba(255,255,255,.045);\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:#fff;\n\n    font-size:.87rem;\n    font-weight:800;\n}\n\n.wj-faq summary::-webkit-details-marker{\n    display:none;\n}\n\n.wj-faq summary::after{\n    content:\"+\";\n\n    position:absolute;\n\n    right:18px;\n    top:50%;\n\n    transform:translateY(-50%);\n\n    color:#8bd2ff;\n\n    font-size:1.25rem;\n}\n\n.wj-faq details[open] summary::after{\n    content:\"\u2212\";\n}\n\n.wj-faq details p{\n    margin:0;\n\n    padding:0 19px 18px;\n\n    color:#aebfcb;\n\n    font-size:.76rem;\n}\n\n\n\/* =========================================================\n   DEMO NOTE\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\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .wj-contact-layout{\n        grid-template-columns:1fr;\n    }\n\n    .wj-contact-sidebar{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-after-grid{\n        grid-template-columns:1fr;\n\n        gap:30px;\n    }\n\n    .wj-needs-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-faq-grid{\n        grid-template-columns:1fr;\n\n        gap:35px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px){\n\n    .wj-container{\n        width:min(100% - 28px,1180px);\n    }\n\n\n    \/* HERO *\/\n\n    .wj-hero{\n        padding:65px 0 105px;\n    }\n\n    .wj-hero h1{\n        font-size:clamp(2.45rem,12vw,3.8rem);\n    }\n\n    .wj-hero-lead{\n        font-size:.93rem;\n    }\n\n\n    \/* CONTACT *\/\n\n    .wj-contact-main{\n        margin-top:-50px;\n\n        padding-bottom:64px;\n    }\n\n    .wj-contact-sidebar{\n        grid-template-columns:1fr;\n    }\n\n    .wj-contact-card{\n        padding:20px;\n    }\n\n\n    \/* FORM *\/\n\n    .wj-form-head{\n        padding:25px 20px 22px;\n    }\n\n    .wj-form-head-row{\n        display:block;\n    }\n\n    .wj-demo-badge{\n        display:inline-flex;\n\n        margin-top:14px;\n    }\n\n    .wj-form{\n        padding:23px 20px 25px;\n    }\n\n    .wj-form-grid,\n    .wj-form-grid.three{\n        grid-template-columns:1fr;\n    }\n\n    .wj-choice-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-form-footer{\n        display:block;\n    }\n\n    .wj-form-footer .wj-btn{\n        width:100%;\n\n        margin-top:19px;\n    }\n\n\n    \/* AFTER *\/\n\n    .wj-after{\n        padding:64px 0;\n    }\n\n\n    \/* NEEDS *\/\n\n    .wj-needs{\n        padding:64px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:27px;\n    }\n\n    .wj-needs-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 10px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-needs-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-need{\n        min-width:82%;\n        min-height:190px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* FAQ *\/\n\n    .wj-faq{\n        padding:64px 0;\n    }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-choice-grid{\n        grid-template-columns:1fr;\n    }\n\n    .wj-need{\n        min-width:88%;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-contact *,\n    .wj-contact *::before,\n    .wj-contact *::after{\n        transition:none !important;\n    }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"wj-hero\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-hero-content\">\n\n    <div class=\"wj-kicker\">\n        Contact &#038; demande de devis\n    <\/div>\n\n    <h1>\n        Parlez-nous de\n        <span>votre projet \u00e9lectrique.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        D\u00e9pannage, r\u00e9novation, tableau \u00e9lectrique, \u00e9clairage,\n        domotique ou nouveau projet : quelques informations suffisent\n        pour mieux comprendre votre demande.\n    <\/p>\n\n\n    <div class=\"wj-hero-pills\">\n\n        <span>Particuliers<\/span>\n        <span>Professionnels<\/span>\n        <span>Projet neuf<\/span>\n        <span>R\u00e9novation<\/span>\n        <span>D\u00e9pannage<\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CONTACT + FORMULAIRE\n     ========================================================= -->\n\n<section class=\"wj-contact-main\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-contact-layout\">\n\n\n<!-- =========================================================\n     SIDEBAR\n     ========================================================= -->\n\n<aside class=\"wj-contact-sidebar\">\n\n\n<!-- COORDONNEES -->\n\n<div class=\"wj-contact-card\">\n\n    <span class=\"wj-contact-card-label\">\n        Nous contacter\n    <\/span>\n\n    <h2>\n        Choisissez le moyen qui vous convient.\n    <\/h2>\n\n    <p>\n        Les coordonn\u00e9es d\u00e9finitives seront ajout\u00e9es\n        lors de la personnalisation du site.\n    <\/p>\n\n\n    <div class=\"wj-coordinates\">\n\n\n<div class=\"wj-coordinate\">\n\n    <div class=\"wj-coordinate-icon\">\n        TEL\n    <\/div>\n\n    <div>\n        <strong>T\u00e9l\u00e9phone<\/strong>\n        <span>\u00c0 personnaliser<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-coordinate\">\n\n    <div class=\"wj-coordinate-icon\">\n        @\n    <\/div>\n\n    <div>\n        <strong>E-mail<\/strong>\n        <span>\u00c0 personnaliser<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-coordinate\">\n\n    <div class=\"wj-coordinate-icon\">\n        PIN\n    <\/div>\n\n    <div>\n        <strong>Zone d\u2019intervention<\/strong>\n        <span>\u00c0 personnaliser selon l\u2019entreprise<\/span>\n    <\/div>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- URGENCE -->\n\n<div class=\"wj-contact-card dark\">\n\n    <span class=\"wj-contact-card-label\">\n        D\u00e9pannage \u00e9lectrique\n    <\/span>\n\n    <h2>\n        Vous rencontrez une panne ?\n    <\/h2>\n\n    <p>\n        D\u00e9crivez le probl\u00e8me rencontr\u00e9\n        et indiquez si l\u2019\u00e9lectricit\u00e9 est totalement ou partiellement coup\u00e9e.\n    <\/p>\n\n\n    <div class=\"wj-emergency\">\n\n        <div class=\"wj-emergency-icon\">\n            !\n        <\/div>\n\n        <div>\n            <strong>En cas de danger imm\u00e9diat<\/strong>\n            <span>\n                Ne manipulez pas une installation pr\u00e9sentant\n                des signes anormaux ou dangereux.\n            <\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- LIENS -->\n\n<div class=\"wj-contact-card\">\n\n    <span class=\"wj-contact-card-label\">\n        Avant de nous \u00e9crire\n    <\/span>\n\n    <h2>\n        Consultez aussi nos services.\n    <\/h2>\n\n\n    <div class=\"wj-quick-links\">\n\n        <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n            Tous les services\n            <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/realisations\/\">\n            Nos r\u00e9alisations\n            <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/zones-intervention\/\">\n            Zones d\u2019intervention\n            <span>\u2192<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/demo.jouglet-web.fr\/electricien\/a-propos\/\">\n            \u00c0 propos\n            <span>\u2192<\/span>\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n\n<\/aside>\n\n\n<!-- =========================================================\n     FORMULAIRE\n     ========================================================= -->\n\n<div class=\"wj-form-wrap\">\n\n\n<div class=\"wj-form-head\">\n\n    <div class=\"wj-form-head-row\">\n\n        <div>\n\n            <div class=\"wj-kicker\">\n                Votre demande\n            <\/div>\n\n            <h2>\n                D\u00e9crivez-nous votre projet.\n            <\/h2>\n\n            <p>\n                Plus les informations sont pr\u00e9cises,\n                plus il sera facile de comprendre rapidement\n                la nature de votre besoin.\n            <\/p>\n\n        <\/div>\n\n\n        <span class=\"wj-demo-badge\">\n            Formulaire d\u00e9mo\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n\n<form class=\"wj-form\"\n      action=\"#\"\n      method=\"post\">\n\n\n<!-- =========================================================\n     1. COORDONNEES\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            01\n        <\/div>\n\n        <div>\n            <h3>Vos coordonn\u00e9es<\/h3>\n            <span>Pour pouvoir vous recontacter.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid\">\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-prenom\">\n        Pr\u00e9nom\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-prenom\"\n        name=\"prenom\"\n        type=\"text\"\n        autocomplete=\"given-name\"\n        placeholder=\"Votre pr\u00e9nom\">\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-nom\">\n        Nom\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-nom\"\n        name=\"nom\"\n        type=\"text\"\n        autocomplete=\"family-name\"\n        placeholder=\"Votre nom\">\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-email\">\n        Adresse e-mail\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-email\"\n        name=\"email\"\n        type=\"email\"\n        autocomplete=\"email\"\n        placeholder=\"exemple@email.fr\">\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-phone\">\n        T\u00e9l\u00e9phone\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-phone\"\n        name=\"telephone\"\n        type=\"tel\"\n        autocomplete=\"tel\"\n        placeholder=\"06 00 00 00 00\">\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     2. LOCALISATION\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            02\n        <\/div>\n\n        <div>\n            <h3>Lieu de l\u2019intervention<\/h3>\n            <span>Pour v\u00e9rifier le secteur et pr\u00e9parer le projet.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid\">\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-cp\">\n        Code postal\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-cp\"\n        name=\"code_postal\"\n        type=\"text\"\n        inputmode=\"numeric\"\n        autocomplete=\"postal-code\"\n        placeholder=\"00000\">\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-ville\">\n        Commune\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <input\n        id=\"wj-ville\"\n        name=\"ville\"\n        type=\"text\"\n        autocomplete=\"address-level2\"\n        placeholder=\"Votre commune\">\n\n<\/div>\n\n\n<div class=\"wj-field full\">\n\n    <label for=\"wj-adresse\">\n        Adresse du chantier\n    <\/label>\n\n    <input\n        id=\"wj-adresse\"\n        name=\"adresse\"\n        type=\"text\"\n        autocomplete=\"street-address\"\n        placeholder=\"Rue, num\u00e9ro...\">\n\n    <span class=\"wj-field-help\">\n        Facultatif pour une premi\u00e8re demande.\n    <\/span>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     3. PROFIL\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            03\n        <\/div>\n\n        <div>\n            <h3>Votre profil<\/h3>\n            <span>Particulier ou professionnel.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-choice-grid\">\n\n\n<div class=\"wj-choice\">\n\n    <input\n        type=\"radio\"\n        name=\"profil\"\n        id=\"profil-particulier\"\n        value=\"particulier\"\n        checked>\n\n    <label for=\"profil-particulier\">\n\n        <strong>Particulier<\/strong>\n\n        <span>\n            Maison ou appartement\n        <\/span>\n\n    <\/label>\n\n<\/div>\n\n\n<div class=\"wj-choice\">\n\n    <input\n        type=\"radio\"\n        name=\"profil\"\n        id=\"profil-pro\"\n        value=\"professionnel\">\n\n    <label for=\"profil-pro\">\n\n        <strong>Professionnel<\/strong>\n\n        <span>\n            Entreprise ou commerce\n        <\/span>\n\n    <\/label>\n\n<\/div>\n\n\n<div class=\"wj-choice\">\n\n    <input\n        type=\"radio\"\n        name=\"profil\"\n        id=\"profil-autre\"\n        value=\"autre\">\n\n    <label for=\"profil-autre\">\n\n        <strong>Autre<\/strong>\n\n        <span>\n            Autre type de projet\n        <\/span>\n\n    <\/label>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     4. TYPE DE BIEN\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            04\n        <\/div>\n\n        <div>\n            <h3>Le b\u00e2timent concern\u00e9<\/h3>\n            <span>Quelques informations sur le lieu.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid three\">\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-bien\">\n        Type de b\u00e2timent\n    <\/label>\n\n    <select id=\"wj-bien\"\n            name=\"type_bien\">\n\n        <option value=\"\">\n            S\u00e9lectionner\n        <\/option>\n\n        <option>\n            Maison\n        <\/option>\n\n        <option>\n            Appartement\n        <\/option>\n\n        <option>\n            Bureau\n        <\/option>\n\n        <option>\n            Commerce\n        <\/option>\n\n        <option>\n            Atelier\n        <\/option>\n\n        <option>\n            Local professionnel\n        <\/option>\n\n        <option>\n            Autre\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-statut\">\n        Situation\n    <\/label>\n\n    <select id=\"wj-statut\"\n            name=\"situation\">\n\n        <option value=\"\">\n            S\u00e9lectionner\n        <\/option>\n\n        <option>\n            Propri\u00e9taire\n        <\/option>\n\n        <option>\n            Locataire\n        <\/option>\n\n        <option>\n            Professionnel\n        <\/option>\n\n        <option>\n            Syndic \/ gestionnaire\n        <\/option>\n\n        <option>\n            Autre\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-occupation\">\n        B\u00e2timent\n    <\/label>\n\n    <select id=\"wj-occupation\"\n            name=\"occupation\">\n\n        <option value=\"\">\n            S\u00e9lectionner\n        <\/option>\n\n        <option>\n            Occup\u00e9\n        <\/option>\n\n        <option>\n            Vide\n        <\/option>\n\n        <option>\n            En r\u00e9novation\n        <\/option>\n\n        <option>\n            En construction\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     5. TYPE INTERVENTION\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            05\n        <\/div>\n\n        <div>\n            <h3>Votre besoin<\/h3>\n            <span>Quel type de travaux recherchez-vous ?<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid\">\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-service\">\n        Type d\u2019intervention\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <select id=\"wj-service\"\n            name=\"service\">\n\n        <option value=\"\">\n            S\u00e9lectionner une prestation\n        <\/option>\n\n        <option>\n            D\u00e9pannage \u00e9lectrique\n        <\/option>\n\n        <option>\n            Mise aux normes \/ mise en s\u00e9curit\u00e9\n        <\/option>\n\n        <option>\n            Tableau \u00e9lectrique\n        <\/option>\n\n        <option>\n            R\u00e9novation \u00e9lectrique\n        <\/option>\n\n        <option>\n            Domotique\n        <\/option>\n\n        <option>\n            S\u00e9curit\u00e9 \/ \u00e9quipements\n        <\/option>\n\n        <option>\n            Borne de recharge\n        <\/option>\n\n        <option>\n            \u00c9clairage\n        <\/option>\n\n        <option>\n            \u00c9lectricit\u00e9 professionnelle\n        <\/option>\n\n        <option>\n            Autre demande\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-priorite\">\n        Niveau de priorit\u00e9\n    <\/label>\n\n    <select id=\"wj-priorite\"\n            name=\"priorite\">\n\n        <option value=\"\">\n            S\u00e9lectionner\n        <\/option>\n\n        <option>\n            Urgence \/ panne actuelle\n        <\/option>\n\n        <option>\n            D\u00e8s que possible\n        <\/option>\n\n        <option>\n            Travaux programm\u00e9s\n        <\/option>\n\n        <option>\n            Projet \u00e0 venir\n        <\/option>\n\n        <option>\n            Simple demande d\u2019information\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-delai\">\n        Quand souhaitez-vous r\u00e9aliser les travaux ?\n    <\/label>\n\n    <select id=\"wj-delai\"\n            name=\"delai\">\n\n        <option value=\"\">\n            S\u00e9lectionner\n        <\/option>\n\n        <option>\n            Imm\u00e9diatement\n        <\/option>\n\n        <option>\n            Dans les prochaines semaines\n        <\/option>\n\n        <option>\n            Dans 1 \u00e0 3 mois\n        <\/option>\n\n        <option>\n            Plus tard\n        <\/option>\n\n        <option>\n            Je ne sais pas encore\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-budget\">\n        Budget indicatif\n    <\/label>\n\n    <select id=\"wj-budget\"\n            name=\"budget\">\n\n        <option value=\"\">\n            Non d\u00e9fini\n        <\/option>\n\n        <option>\n            Moins de 500 \u20ac\n        <\/option>\n\n        <option>\n            500 \u20ac \u00e0 1 500 \u20ac\n        <\/option>\n\n        <option>\n            1 500 \u20ac \u00e0 3 000 \u20ac\n        <\/option>\n\n        <option>\n            3 000 \u20ac \u00e0 5 000 \u20ac\n        <\/option>\n\n        <option>\n            Plus de 5 000 \u20ac\n        <\/option>\n\n        <option>\n            \u00c0 d\u00e9terminer apr\u00e8s \u00e9tude\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     6. DESCRIPTION\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            06\n        <\/div>\n\n        <div>\n            <h3>D\u00e9crivez votre projet<\/h3>\n            <span>Expliquez simplement ce que vous souhaitez r\u00e9aliser.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid\">\n\n\n<div class=\"wj-field full\">\n\n    <label for=\"wj-message\">\n        Votre message\n        <span class=\"wj-required\">*<\/span>\n    <\/label>\n\n    <textarea\n        id=\"wj-message\"\n        name=\"message\"\n        placeholder=\"Exemple : nous r\u00e9novons une maison et souhaitons refaire le tableau \u00e9lectrique, ajouter des prises dans la cuisine et pr\u00e9voir une future borne de recharge...\"><\/textarea>\n\n    <span class=\"wj-field-help\">\n        Vous pourrez \u00e9galement transmettre des photos lors de la mise en place du v\u00e9ritable formulaire.\n    <\/span>\n\n<\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     7. CONTACT\n     ========================================================= -->\n\n<div class=\"wj-form-section\">\n\n    <div class=\"wj-form-section-title\">\n\n        <div class=\"wj-form-section-num\">\n            07\n        <\/div>\n\n        <div>\n            <h3>Comment vous recontacter ?<\/h3>\n            <span>Choisissez votre pr\u00e9f\u00e9rence.<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"wj-form-grid\">\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-contact-preference\">\n        Moyen de contact pr\u00e9f\u00e9r\u00e9\n    <\/label>\n\n    <select id=\"wj-contact-preference\"\n            name=\"contact_preference\">\n\n        <option>\n            T\u00e9l\u00e9phone\n        <\/option>\n\n        <option>\n            E-mail\n        <\/option>\n\n        <option>\n            Peu importe\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n<div class=\"wj-field\">\n\n    <label for=\"wj-disponibilite\">\n        Meilleur moment pour vous joindre\n    <\/label>\n\n    <select id=\"wj-disponibilite\"\n            name=\"disponibilite\">\n\n        <option value=\"\">\n            Indiff\u00e9rent\n        <\/option>\n\n        <option>\n            Matin\n        <\/option>\n\n        <option>\n            Midi\n        <\/option>\n\n        <option>\n            Apr\u00e8s-midi\n        <\/option>\n\n        <option>\n            Fin de journ\u00e9e\n        <\/option>\n\n    <\/select>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <div class=\"wj-consent\">\n\n        <input\n            type=\"checkbox\"\n            id=\"wj-consent\"\n            name=\"consentement\">\n\n        <label for=\"wj-consent\">\n            J\u2019accepte que les informations renseign\u00e9es soient utilis\u00e9es\n            pour r\u00e9pondre \u00e0 ma demande. Ce formulaire est actuellement\n            un formulaire de d\u00e9monstration et aucune donn\u00e9e n\u2019est transmise.\n        <\/label>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =========================================================\n     FOOT FORM\n     ========================================================= -->\n\n<div class=\"wj-form-footer\">\n\n    <div class=\"wj-form-demo-note\">\n\n        <i>i<\/i>\n\n        <span>\n            <strong>Formulaire de d\u00e9monstration :<\/strong>\n            le bouton n\u2019envoie actuellement aucun message.\n            Le v\u00e9ritable formulaire, les notifications e-mail\n            et la protection anti-spam seront configur\u00e9s lors de la commande du site.\n        <\/span>\n\n    <\/div>\n\n\n    <button\n        class=\"wj-btn wj-btn-primary\"\n        type=\"button\">\n        Envoyer ma demande\n    <\/button>\n\n<\/div>\n\n\n<\/form>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     APR\u00c8S LA DEMANDE\n     ========================================================= -->\n\n<section class=\"wj-after\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-after-grid\">\n\n\n<div class=\"wj-after-copy\">\n\n    <div class=\"wj-kicker\">\n        Et ensuite ?\n    <\/div>\n\n    <h2>\n        Une demande claire permet de gagner du temps.\n    <\/h2>\n\n    <p>\n        Une fois les premi\u00e8res informations re\u00e7ues,\n        le projet peut \u00eatre pr\u00e9cis\u00e9 avant de pr\u00e9voir\n        la suite de l\u2019intervention.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-after-list\">\n\n\n<div class=\"wj-after-item\">\n\n    <div class=\"wj-after-num\">\n        01\n    <\/div>\n\n    <div>\n        <strong>Analyse de la demande<\/strong>\n        <span>Lecture du besoin, du lieu et du type de travaux.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-after-item\">\n\n    <div class=\"wj-after-num\">\n        02\n    <\/div>\n\n    <div>\n        <strong>Premier \u00e9change<\/strong>\n        <span>Quelques questions suppl\u00e9mentaires si n\u00e9cessaire.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-after-item\">\n\n    <div class=\"wj-after-num\">\n        03\n    <\/div>\n\n    <div>\n        <strong>\u00c9tude du projet<\/strong>\n        <span>D\u00e9finition de la solution adapt\u00e9e au b\u00e2timent.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-after-item\">\n\n    <div class=\"wj-after-num\">\n        04\n    <\/div>\n\n    <div>\n        <strong>Organisation des travaux<\/strong>\n        <span>Planification selon le projet et les disponibilit\u00e9s.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     DEMANDES\n     ========================================================= -->\n\n<section class=\"wj-needs\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Vous pouvez nous contacter pour\n    <\/div>\n\n    <h2>\n        Tous types de projets \u00e9lectriques.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-needs-grid\">\n\n\n<article class=\"wj-need\">\n\n    <div class=\"wj-need-icon\">\n        01\n    <\/div>\n\n    <h3>\n        Une panne\n    <\/h3>\n\n    <p>\n        Coupure, disjonction, prise ou \u00e9quipement\n        pr\u00e9sentant un fonctionnement anormal.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-need\">\n\n    <div class=\"wj-need-icon\">\n        02\n    <\/div>\n\n    <h3>\n        Une r\u00e9novation\n    <\/h3>\n\n    <p>\n        Modification partielle ou reprise compl\u00e8te\n        de l\u2019installation \u00e9lectrique.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-need\">\n\n    <div class=\"wj-need-icon\">\n        03\n    <\/div>\n\n    <h3>\n        Un nouvel \u00e9quipement\n    <\/h3>\n\n    <p>\n        Borne de recharge, \u00e9clairage,\n        domotique ou autre besoin sp\u00e9cifique.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-need\">\n\n    <div class=\"wj-need-icon\">\n        04\n    <\/div>\n\n    <h3>\n        Un projet professionnel\n    <\/h3>\n\n    <p>\n        Am\u00e9nagement ou \u00e9volution \u00e9lectrique\n        d\u2019un bureau, commerce ou local.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     FAQ\n     ========================================================= -->\n\n<section class=\"wj-faq\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-faq-grid\">\n\n\n<div class=\"wj-faq-intro\">\n\n    <div class=\"wj-kicker\">\n        Questions fr\u00e9quentes\n    <\/div>\n\n    <h2>\n        Avant de nous contacter.\n    <\/h2>\n\n    <p>\n        Quelques r\u00e9ponses pour pr\u00e9parer\n        votre demande plus facilement.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-faq-list\">\n\n\n<details>\n\n    <summary>\n        Puis-je demander un devis sans conna\u00eetre pr\u00e9cis\u00e9ment les travaux ?\n    <\/summary>\n\n    <p>\n        Oui. Expliquez simplement votre besoin et le contexte.\n        Les \u00e9l\u00e9ments techniques pourront \u00eatre pr\u00e9cis\u00e9s ensuite.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Dois-je conna\u00eetre la puissance ou les caract\u00e9ristiques de mon installation ?\n    <\/summary>\n\n    <p>\n        Non. Si certaines informations techniques sont n\u00e9cessaires,\n        elles pourront \u00eatre demand\u00e9es au cours de l\u2019\u00e9tude du projet.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Puis-je transmettre des photos ?\n    <\/summary>\n\n    <p>\n        Le v\u00e9ritable formulaire pourra inclure un syst\u00e8me\n        permettant d\u2019ajouter des photos de l\u2019installation,\n        du tableau ou de la zone concern\u00e9e.\n    <\/p>\n\n<\/details>\n\n\n<details>\n\n    <summary>\n        Comment savoir si ma commune se trouve dans la zone d\u2019intervention ?\n    <\/summary>\n\n    <p>\n        Indiquez simplement votre code postal et votre commune.\n        La possibilit\u00e9 d\u2019intervention pourra \u00eatre confirm\u00e9e\n        selon le type de projet.\n    <\/p>\n\n<\/details>\n\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    Site de d\u00e9monstration Web Jouglet \u2013 entreprise fictive.\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contact &#038; demande de devis Parlez-nous de votre projet \u00e9lectrique. D\u00e9pannage, r\u00e9novation, tableau \u00e9lectrique, \u00e9clairage, domotique ou nouveau projet : quelques informations suffisent pour mieux comprendre votre demande. Particuliers Professionnels Projet neuf R\u00e9novation D\u00e9pannage Nous contacter Choisissez le moyen qui vous convient. Les coordonn\u00e9es d\u00e9finitives seront ajout\u00e9es lors de la personnalisation du site. TEL T\u00e9l\u00e9phone [&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-35","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\/35","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=35"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/35\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}