{"id":29,"date":"2026-08-19T10:20:31","date_gmt":"2026-08-19T08:20:31","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/electricien\/?page_id=29"},"modified":"2026-09-14T14:06:24","modified_gmt":"2026-09-14T12:06:24","slug":"realisations","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/electricien\/realisations\/","title":{"rendered":"R\u00e9alisations"},"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 R\u00c9ALISATIONS\n\n     URL :\n     https:\/\/demo.jouglet-web.fr\/electricien\/realisations\/\n\n     NOVA \u00c9LEC \u2014 entreprise fictive\n     ========================================================= -->\n\n<div class=\"wj-realisations\">\n\n<style>\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n.wj-realisations{\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-realisations *,\n.wj-realisations *::before,\n.wj-realisations *::after{\n    box-sizing:border-box;\n}\n\n.wj-realisations img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.wj-realisations h1,\n.wj-realisations h2,\n.wj-realisations h3,\n.wj-realisations p{\n    margin-top:0;\n}\n\n.wj-realisations h1,\n.wj-realisations h2,\n.wj-realisations h3{\n    line-height:1.08;\n    letter-spacing:-.035em;\n}\n\n.wj-realisations a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.wj-container{\n    width:min(1180px,calc(100% - 40px));\n    margin-inline:auto;\n}\n\n.wj-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-bottom:15px;\n\n    color:var(--blue-dark);\n\n    font-size:.76rem;\n    font-weight:800;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.wj-kicker::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    border-radius:99px;\n    background:var(--blue);\n}\n\n.wj-section-head{\n    max-width:760px;\n    margin-bottom:38px;\n}\n\n.wj-section-head h2{\n    margin-bottom:13px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-section-head p{\n    max-width:650px;\n    margin:0;\n\n    color:var(--muted);\n}\n\n.wj-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    min-height:50px;\n    padding:0 21px;\n\n    border:1px solid transparent;\n    border-radius:13px;\n\n    font-size:.9rem;\n    font-weight:800;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.wj-btn:hover{\n    transform:translateY(-2px);\n}\n\n.wj-btn-primary{\n    background:var(--blue);\n    color:#fff !important;\n\n    box-shadow:0 12px 28px rgba(22,135,255,.23);\n}\n\n.wj-btn-primary:hover{\n    background:var(--blue-dark);\n}\n\n.wj-btn-light{\n    border-color:rgba(255,255,255,.24);\n    background:rgba(255,255,255,.07);\n    color:#fff !important;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.wj-hero{\n    position:relative;\n\n    min-height:610px;\n\n    overflow:hidden;\n\n    background:var(--navy);\n    color:#fff;\n}\n\n.wj-hero-media{\n    position:absolute;\n    inset:0;\n}\n\n.wj-hero-media img{\n    height:100%;\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,.98) 0%,\n            rgba(4,18,31,.91) 42%,\n            rgba(4,18,31,.48) 70%,\n            rgba(4,18,31,.18) 100%\n        );\n}\n\n.wj-hero-inner{\n    position:relative;\n    z-index:2;\n\n    min-height:610px;\n\n    display:flex;\n    align-items:center;\n}\n\n.wj-hero-content{\n    max-width:740px;\n    padding:70px 0;\n}\n\n.wj-hero .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-hero h1{\n    margin-bottom:20px;\n\n    color:#fff;\n\n    font-size:clamp(2.8rem,6vw,5.2rem);\n}\n\n.wj-hero h1 span{\n    color:var(--cyan);\n}\n\n.wj-hero-lead{\n    max-width:640px;\n\n    margin-bottom:28px;\n\n    color:#c8d7e3;\n\n    font-size:1.04rem;\n}\n\n.wj-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:11px;\n}\n\n.wj-hero-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:30px;\n}\n\n.wj-hero-tags 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,.055);\n\n    color:#d6e2ea;\n\n    font-size:.66rem;\n    font-weight:800;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.wj-intro{\n    padding:90px 0 50px;\n    background:#fff;\n}\n\n.wj-intro-grid{\n    display:grid;\n    grid-template-columns:.75fr 1.25fr;\n    gap:65px;\n    align-items:end;\n}\n\n.wj-intro-title h2{\n    margin-bottom:0;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.5rem);\n}\n\n.wj-intro-copy p{\n    margin-bottom:0;\n\n    color:var(--muted);\n    font-size:.94rem;\n}\n\n\n\/* =========================================================\n   GALERIE PRINCIPALE\n   ========================================================= *\/\n\n.wj-gallery{\n    padding:40px 0 100px;\n    background:#fff;\n}\n\n.wj-gallery-grid{\n    display:grid;\n\n    grid-template-columns:1.35fr .65fr;\n\n    grid-template-rows:330px 330px;\n\n    gap:12px;\n}\n\n.wj-project{\n    position:relative;\n\n    overflow:hidden;\n\n    border-radius:22px;\n\n    background:#dbe7ef;\n}\n\n.wj-project.large{\n    grid-row:1 \/ span 2;\n}\n\n.wj-project img{\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 42%,\n            rgba(5,20,34,.76) 100%\n        );\n}\n\n.wj-project-content{\n    position:absolute;\n    z-index:2;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    padding:24px;\n}\n\n.wj-project-type{\n    display:inline-flex;\n\n    margin-bottom:9px;\n\n    padding:6px 8px;\n\n    border-radius:99px;\n\n    background:rgba(255,255,255,.13);\n    color:#d9edfb;\n\n    font-size:.6rem;\n    font-weight:800;\n    text-transform:uppercase;\n\n    backdrop-filter:blur(8px);\n}\n\n.wj-project h3{\n    margin-bottom:5px;\n\n    color:#fff;\n\n    font-size:1.22rem;\n}\n\n.wj-project p{\n    margin:0;\n\n    color:#c6d5df;\n\n    font-size:.75rem;\n}\n\n.wj-project.large h3{\n    font-size:1.55rem;\n}\n\n\n\/* =========================================================\n   CAT\u00c9GORIES\n   ========================================================= *\/\n\n.wj-categories{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-category-grid{\n    display:grid;\n\n    grid-template-columns:repeat(4,1fr);\n\n    gap:12px;\n}\n\n.wj-category{\n    min-height:205px;\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-category:hover{\n    transform:translateY(-4px);\n    box-shadow:var(--shadow);\n}\n\n.wj-category-num{\n    width:42px;\n    height:42px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:24px;\n\n    border-radius:12px;\n\n    background:var(--soft-blue);\n    color:var(--blue);\n\n    font-size:.7rem;\n    font-weight:900;\n}\n\n.wj-category h3{\n    margin-bottom:7px;\n\n    color:var(--navy);\n\n    font-size:1rem;\n}\n\n.wj-category p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.75rem;\n}\n\n\n\/* =========================================================\n   AVANT APR\u00c8S\n   ========================================================= *\/\n\n.wj-beforeafter{\n    padding:100px 0;\n\n    background:var(--navy);\n    color:#fff;\n}\n\n.wj-beforeafter .wj-kicker{\n    color:#8bd1ff;\n}\n\n.wj-ba-head{\n    max-width:740px;\n    margin-bottom:38px;\n}\n\n.wj-ba-head h2{\n    margin-bottom:12px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3.4rem);\n}\n\n.wj-ba-head p{\n    margin:0;\n\n    color:#aec1ce;\n}\n\n.wj-ba-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:14px;\n}\n\n.wj-ba-project{\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:22px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.wj-ba-images{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n}\n\n.wj-ba-image{\n    position:relative;\n    min-height:310px;\n}\n\n.wj-ba-image img{\n    height:100%;\n    object-fit:cover;\n}\n\n.wj-ba-label{\n    position:absolute;\n\n    left:14px;\n    top:14px;\n\n    padding:6px 9px;\n\n    border-radius:99px;\n\n    background:rgba(7,24,40,.78);\n    color:#fff;\n\n    font-size:.6rem;\n    font-weight:800;\n\n    backdrop-filter:blur(7px);\n}\n\n.wj-ba-image.after .wj-ba-label{\n    background:rgba(22,135,255,.88);\n}\n\n.wj-ba-content{\n    padding:22px;\n}\n\n.wj-ba-content span{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#82ceff;\n\n    font-size:.62rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-ba-content h3{\n    margin-bottom:7px;\n\n    color:#fff;\n\n    font-size:1.05rem;\n}\n\n.wj-ba-content p{\n    margin:0;\n\n    color:#aebfcb;\n\n    font-size:.75rem;\n}\n\n\n\/* =========================================================\n   MINI GALERIE\n   ========================================================= *\/\n\n.wj-more{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.wj-more-grid{\n    display:grid;\n\n    grid-template-columns:repeat(3,1fr);\n\n    gap:12px;\n}\n\n.wj-more-card{\n    overflow:hidden;\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-more-card:hover{\n    transform:translateY(-4px);\n    box-shadow:var(--shadow);\n}\n\n.wj-more-media{\n    height:230px;\n\n    overflow:hidden;\n}\n\n.wj-more-media img{\n    height:100%;\n    object-fit:cover;\n\n    transition:transform .4s ease;\n}\n\n.wj-more-card:hover img{\n    transform:scale(1.035);\n}\n\n.wj-more-content{\n    padding:19px;\n}\n\n.wj-more-content span{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--blue-dark);\n\n    font-size:.61rem;\n    font-weight:800;\n    text-transform:uppercase;\n}\n\n.wj-more-content h3{\n    margin-bottom:6px;\n\n    color:var(--navy);\n\n    font-size:.98rem;\n}\n\n.wj-more-content p{\n    margin:0;\n\n    color:var(--muted);\n\n    font-size:.73rem;\n}\n\n\n\/* =========================================================\n   M\u00c9THODE\n   ========================================================= *\/\n\n.wj-method{\n    padding:90px 0;\n\n    background:var(--soft);\n}\n\n.wj-method-grid{\n    display:grid;\n\n    grid-template-columns:.75fr 1.25fr;\n\n    gap:60px;\n\n    align-items:start;\n}\n\n.wj-method-copy h2{\n    margin-bottom:15px;\n\n    color:var(--navy);\n\n    font-size:clamp(2rem,4vw,3.2rem);\n}\n\n.wj-method-copy p{\n    color:var(--muted);\n}\n\n.wj-method-list{\n    display:grid;\n    gap:9px;\n}\n\n.wj-method-item{\n    display:grid;\n\n    grid-template-columns:44px 1fr;\n\n    gap:13px;\n\n    padding:16px;\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    background:#fff;\n}\n\n.wj-method-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    color:#fff;\n\n    font-size:.67rem;\n    font-weight:900;\n}\n\n.wj-method-item strong{\n    display:block;\n\n    margin-bottom:3px;\n\n    color:var(--navy);\n\n    font-size:.87rem;\n}\n\n.wj-method-item span{\n    display:block;\n\n    color:var(--muted);\n\n    font-size:.7rem;\n}\n\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n\n.wj-final{\n    padding:90px 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:27px;\n\n    background:var(--navy);\n    color:#fff;\n}\n\n.wj-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:360px;\n    height:360px;\n\n    right:-180px;\n    top:-190px;\n\n    border-radius:50%;\n\n    background:rgba(22,135,255,.22);\n}\n\n.wj-final-content{\n    position:relative;\n    z-index:2;\n}\n\n.wj-final-content span{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:#86d1ff;\n\n    font-size:.7rem;\n    font-weight:800;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.wj-final-content h2{\n    max-width:690px;\n\n    margin-bottom:9px;\n\n    color:#fff;\n\n    font-size:clamp(2rem,4vw,3rem);\n}\n\n.wj-final-content p{\n    max-width:650px;\n\n    margin:0;\n\n    color:#b5c7d3;\n}\n\n.wj-final-action{\n    position:relative;\n    z-index:2;\n    flex:none;\n}\n\n\n\/* =========================================================\n   DEMO\n   ========================================================= *\/\n\n.wj-demo-note{\n    padding:18px 20px;\n\n    border-top:1px solid var(--border);\n\n    text-align:center;\n\n    color:#7a8995;\n\n    font-size:.72rem;\n}\n\n.wj-demo-note strong{\n    color:#526878;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media(max-width:980px){\n\n    .wj-intro-grid,\n    .wj-method-grid{\n        grid-template-columns:1fr;\n        gap:28px;\n    }\n\n    .wj-category-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-ba-grid{\n        grid-template-columns:1fr;\n    }\n\n    .wj-more-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px){\n\n    .wj-container{\n        width:min(100% - 28px,1180px);\n    }\n\n\n    \/* HERO *\/\n\n    .wj-hero,\n    .wj-hero-inner{\n        min-height:570px;\n    }\n\n    .wj-hero-media img{\n        object-position:60% center;\n    }\n\n    .wj-hero-media::after{\n        background:\n            linear-gradient(\n                180deg,\n                rgba(4,18,31,.55) 0%,\n                rgba(4,18,31,.86) 47%,\n                rgba(4,18,31,.98) 100%\n            );\n    }\n\n    .wj-hero-content{\n        padding:46px 0 55px;\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    .wj-hero-actions{\n        display:grid;\n        grid-template-columns:1fr 1fr;\n    }\n\n    .wj-btn{\n        min-height:47px;\n\n        padding:0 14px;\n\n        font-size:.81rem;\n    }\n\n\n    \/* INTRO *\/\n\n    .wj-intro{\n        padding:62px 0 25px;\n    }\n\n    .wj-intro-grid{\n        gap:18px;\n    }\n\n\n    \/* GALLERY *\/\n\n    .wj-gallery{\n        padding:30px 0 64px;\n    }\n\n    .wj-gallery-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 8px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-gallery-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-project,\n    .wj-project.large{\n        flex:0 0 84%;\n\n        min-height:390px;\n\n        grid-row:auto;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-project-content{\n        padding:20px;\n    }\n\n\n    \/* CAT *\/\n\n    .wj-categories{\n        padding:63px 0;\n    }\n\n    .wj-section-head{\n        margin-bottom:26px;\n    }\n\n    .wj-category-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 8px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-category-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-category{\n        min-width:78%;\n        min-height:180px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* BEFORE AFTER *\/\n\n    .wj-beforeafter{\n        padding:64px 0;\n    }\n\n    .wj-ba-grid{\n        gap:10px;\n    }\n\n    .wj-ba-images{\n        display:flex;\n\n        overflow-x:auto;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-ba-images::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-ba-image{\n        flex:0 0 88%;\n\n        min-height:280px;\n\n        scroll-snap-align:start;\n    }\n\n\n    \/* MORE *\/\n\n    .wj-more{\n        padding:64px 0;\n    }\n\n    .wj-more-grid{\n        display:flex;\n\n        gap:10px;\n\n        overflow-x:auto;\n\n        margin-inline:-14px;\n\n        padding:0 14px 8px;\n\n        scroll-snap-type:x mandatory;\n\n        scrollbar-width:none;\n    }\n\n    .wj-more-grid::-webkit-scrollbar{\n        display:none;\n    }\n\n    .wj-more-card{\n        min-width:82%;\n\n        scroll-snap-align:start;\n    }\n\n    .wj-more-media{\n        height:210px;\n    }\n\n\n    \/* METHOD *\/\n\n    .wj-method{\n        padding:64px 0;\n    }\n\n\n    \/* FINAL *\/\n\n    .wj-final{\n        padding:58px 0;\n    }\n\n    .wj-final-box{\n        display:block;\n\n        padding:28px 22px;\n\n        border-radius:20px;\n    }\n\n    .wj-final-action{\n        margin-top:22px;\n    }\n\n    .wj-final-action .wj-btn{\n        width:100%;\n    }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n   ========================================================= *\/\n\n@media(max-width:420px){\n\n    .wj-hero-actions{\n        grid-template-columns:1fr;\n    }\n\n    .wj-project,\n    .wj-project.large{\n        flex-basis:89%;\n    }\n\n    .wj-category,\n    .wj-more-card{\n        min-width:88%;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .wj-realisations *,\n    .wj-realisations *::before,\n    .wj-realisations *::after{\n        transition:none !important;\n    }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     HERO\n     ========================================================= -->\n\n<section class=\"wj-hero\">\n\n<div class=\"wj-hero-media\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1600&#038;q=82\"\n        srcset=\"\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=800&#038;q=78 800w,\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1200&#038;q=80 1200w,\n        https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?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=\"Installation \u00e9lectrique moderne dans un logement r\u00e9nov\u00e9\">\n\n<\/div>\n\n\n<div class=\"wj-container wj-hero-inner\">\n\n<div class=\"wj-hero-content\">\n\n    <div class=\"wj-kicker\">\n        R\u00e9alisations\n    <\/div>\n\n    <h1>\n        Des installations pens\u00e9es pour\n        <span>les vrais usages.<\/span>\n    <\/h1>\n\n    <p class=\"wj-hero-lead\">\n        R\u00e9novation, tableau \u00e9lectrique, \u00e9clairage, domotique\n        ou recharge : d\u00e9couvrez diff\u00e9rents exemples de projets\n        repr\u00e9sentatifs des prestations propos\u00e9es.\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            Parler de mon projet\n        <\/a>\n\n        <a class=\"wj-btn wj-btn-light\"\n           href=\"https:\/\/demo.jouglet-web.fr\/electricien\/services\/\">\n            Voir les services\n        <\/a>\n\n    <\/div>\n\n\n    <div class=\"wj-hero-tags\">\n\n        <span>R\u00e9novation<\/span>\n        <span>Tableaux \u00e9lectriques<\/span>\n        <span>\u00c9clairage<\/span>\n        <span>Domotique<\/span>\n        <span>Recharge<\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTRO\n     ========================================================= -->\n\n<section class=\"wj-intro\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-intro-grid\">\n\n<div class=\"wj-intro-title\">\n\n    <div class=\"wj-kicker\">\n        Aper\u00e7u des projets\n    <\/div>\n\n    <h2>\n        Chaque installation r\u00e9pond \u00e0 un besoin diff\u00e9rent.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-intro-copy\">\n\n    <p>\n        Les r\u00e9alisations pr\u00e9sent\u00e9es sur ce mod\u00e8le illustrent\n        diff\u00e9rentes situations : r\u00e9novation d\u2019un logement,\n        modernisation d\u2019un tableau, cr\u00e9ation d\u2019un \u00e9clairage,\n        installation d\u2019\u00e9quipements connect\u00e9s ou pr\u00e9paration\n        d\u2019une solution de recharge.\n    <\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     GALERIE PRINCIPALE\n     ========================================================= -->\n\n<section class=\"wj-gallery\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-gallery-grid\">\n\n\n<article class=\"wj-project large\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&#038;fit=crop&#038;w=1200&#038;q=80\"\n        width=\"1200\"\n        height=\"1200\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"R\u00e9novation \u00e9lectrique d'un salon moderne\">\n\n    <div class=\"wj-project-content\">\n\n        <span class=\"wj-project-type\">\n            R\u00e9novation compl\u00e8te\n        <\/span>\n\n        <h3>\n            Installation repens\u00e9e avec le nouvel am\u00e9nagement.\n        <\/h3>\n\n        <p>\n            Prises, \u00e9clairage, nouveaux circuits et anticipation\n            des futurs \u00e9quipements.\n        <\/p>\n\n    <\/div>\n\n<\/article>\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=800&#038;q=80\"\n        width=\"800\"\n        height=\"650\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Intervention sur un tableau \u00e9lectrique\">\n\n    <div class=\"wj-project-content\">\n\n        <span class=\"wj-project-type\">\n            Tableau \u00e9lectrique\n        <\/span>\n\n        <h3>\n            Distribution modernis\u00e9e.\n        <\/h3>\n\n        <p>\n            Circuits organis\u00e9s et installation plus lisible.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-project\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n        width=\"800\"\n        height=\"650\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"\u00c9clairage int\u00e9rieur moderne\">\n\n    <div class=\"wj-project-content\">\n\n        <span class=\"wj-project-type\">\n            \u00c9clairage\n        <\/span>\n\n        <h3>\n            Plusieurs ambiances dans une m\u00eame pi\u00e8ce.\n        <\/h3>\n\n        <p>\n            \u00c9clairage g\u00e9n\u00e9ral, fonctionnel et d\u00e9coratif.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CAT\u00c9GORIES\n     ========================================================= -->\n\n<section class=\"wj-categories\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Types de r\u00e9alisations\n    <\/div>\n\n    <h2>\n        Du d\u00e9pannage ponctuel \u00e0 la r\u00e9novation compl\u00e8te.\n    <\/h2>\n\n<\/div>\n\n\n<div class=\"wj-category-grid\">\n\n\n<article class=\"wj-category\">\n\n    <div class=\"wj-category-num\">\n        01\n    <\/div>\n\n    <h3>\n        R\u00e9novation\n    <\/h3>\n\n    <p>\n        Reprise partielle ou compl\u00e8te de l\u2019\u00e9lectricit\u00e9\n        lors de travaux dans un logement.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-category\">\n\n    <div class=\"wj-category-num\">\n        02\n    <\/div>\n\n    <h3>\n        Tableaux\n    <\/h3>\n\n    <p>\n        R\u00e9organisation et modernisation\n        de la distribution \u00e9lectrique.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-category\">\n\n    <div class=\"wj-category-num\">\n        03\n    <\/div>\n\n    <h3>\n        \u00c9quipements\n    <\/h3>\n\n    <p>\n        \u00c9clairage, automatismes,\n        domotique ou \u00e9quipements sp\u00e9cifiques.\n    <\/p>\n\n<\/article>\n\n\n<article class=\"wj-category\">\n\n    <div class=\"wj-category-num\">\n        04\n    <\/div>\n\n    <h3>\n        Professionnels\n    <\/h3>\n\n    <p>\n        Installations adapt\u00e9es aux bureaux,\n        commerces et autres locaux.\n    <\/p>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     AVANT \/ APR\u00c8S\n     ========================================================= -->\n\n<section class=\"wj-beforeafter\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-ba-head\">\n\n    <div class=\"wj-kicker\">\n        Avant \/ apr\u00e8s\n    <\/div>\n\n    <h2>\n        Moderniser sans perdre de vue l\u2019usage final.\n    <\/h2>\n\n    <p>\n        Deux exemples de transformations repr\u00e9sentatives\n        d\u2019une r\u00e9novation \u00e9lectrique.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-ba-grid\">\n\n\n<article class=\"wj-ba-project\">\n\n    <div class=\"wj-ba-images\">\n\n\n<div class=\"wj-ba-image\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea?auto=format&#038;fit=crop&#038;w=700&#038;q=78\"\n        width=\"700\"\n        height=\"600\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Pi\u00e8ce avant r\u00e9novation\">\n\n    <span class=\"wj-ba-label\">\n        Avant\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-ba-image after\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=700&#038;q=80\"\n        width=\"700\"\n        height=\"600\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Pi\u00e8ce apr\u00e8s r\u00e9novation \u00e9lectrique\">\n\n    <span class=\"wj-ba-label\">\n        Apr\u00e8s\n    <\/span>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <div class=\"wj-ba-content\">\n\n        <span>\n            Projet 01\n        <\/span>\n\n        <h3>\n            R\u00e9novation d\u2019une pi\u00e8ce de vie\n        <\/h3>\n\n        <p>\n            Nouvelle implantation des prises,\n            \u00e9clairage repens\u00e9 et circuits adapt\u00e9s au nouvel am\u00e9nagement.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-ba-project\">\n\n    <div class=\"wj-ba-images\">\n\n\n<div class=\"wj-ba-image\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?auto=format&#038;fit=crop&#038;w=700&#038;q=78\"\n        width=\"700\"\n        height=\"600\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Ancienne installation \u00e9lectrique\">\n\n    <span class=\"wj-ba-label\">\n        Avant\n    <\/span>\n\n<\/div>\n\n\n<div class=\"wj-ba-image after\">\n\n    <img\n        src=\"https:\/\/images.unsplash.com\/photo-1758101755915-462eddc23f57?auto=format&#038;fit=crop&#038;w=700&#038;q=80\"\n        width=\"700\"\n        height=\"600\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        alt=\"Tableau \u00e9lectrique modernis\u00e9\">\n\n    <span class=\"wj-ba-label\">\n        Apr\u00e8s\n    <\/span>\n\n<\/div>\n\n\n    <\/div>\n\n\n    <div class=\"wj-ba-content\">\n\n        <span>\n            Projet 02\n        <\/span>\n\n        <h3>\n            Modernisation de la distribution\n        <\/h3>\n\n        <p>\n            Nouvelle organisation du tableau\n            et identification plus claire des diff\u00e9rents circuits.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     AUTRES R\u00c9ALISATIONS\n     ========================================================= -->\n\n<section class=\"wj-more\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-section-head\">\n\n    <div class=\"wj-kicker\">\n        Autres projets\n    <\/div>\n\n    <h2>\n        Des installations tr\u00e8s diff\u00e9rentes, une m\u00eame logique.\n    <\/h2>\n\n    <p>\n        Adapter l\u2019\u00e9lectricit\u00e9 au b\u00e2timent\n        et aux usages r\u00e9els de ses occupants.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-more-grid\">\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Maison moderne \u00e9quip\u00e9e \u00e9lectriquement\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            Habitat\n        <\/span>\n\n        <h3>\n            Installation \u00e9lectrique d\u2019un logement r\u00e9nov\u00e9\n        <\/h3>\n\n        <p>\n            R\u00e9partition des circuits et anticipation\n            des nouveaux \u00e9quipements.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"\u00c9clairage de bureaux professionnels\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            Professionnels\n        <\/span>\n\n        <h3>\n            Am\u00e9nagement \u00e9lectrique de bureaux\n        <\/h3>\n\n        <p>\n            Postes de travail, \u00e9clairage\n            et r\u00e9partition des alimentations.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1619767886558-efdc259cde1a?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"V\u00e9hicule \u00e9lectrique en recharge\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            Mobilit\u00e9 \u00e9lectrique\n        <\/span>\n\n        <h3>\n            Pr\u00e9paration d\u2019une solution de recharge\n        <\/h3>\n\n        <p>\n            \u00c9tude de l\u2019installation,\n            cr\u00e9ation du circuit et emplacement de recharge.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600566753051-f0b89df2dd90?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"\u00c9clairage ext\u00e9rieur d'une habitation\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            Ext\u00e9rieur\n        <\/span>\n\n        <h3>\n            Mise en lumi\u00e8re des acc\u00e8s\n        <\/h3>\n\n        <p>\n            \u00c9clairage des passages,\n            fa\u00e7ade et zone de stationnement.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Int\u00e9rieur moderne avec \u00e9clairage d'ambiance\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            \u00c9clairage\n        <\/span>\n\n        <h3>\n            Ambiances lumineuses dans un s\u00e9jour\n        <\/h3>\n\n        <p>\n            Plusieurs points lumineux\n            adapt\u00e9s aux diff\u00e9rents moments de la journ\u00e9e.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<article class=\"wj-more-card\">\n\n    <div class=\"wj-more-media\">\n\n        <img\n            src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n            width=\"800\"\n            height=\"600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Maison \u00e9quip\u00e9e de solutions \u00e9lectriques modernes\">\n\n    <\/div>\n\n    <div class=\"wj-more-content\">\n\n        <span>\n            \u00c9quipements\n        <\/span>\n\n        <h3>\n            Int\u00e9gration de nouveaux \u00e9quipements\n        <\/h3>\n\n        <p>\n            Adaptation de l\u2019installation\n            \u00e0 de nouveaux usages du logement.\n        <\/p>\n\n    <\/div>\n\n<\/article>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     M\u00c9THODE\n     ========================================================= -->\n\n<section class=\"wj-method\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-method-grid\">\n\n\n<div class=\"wj-method-copy\">\n\n    <div class=\"wj-kicker\">\n        Notre approche\n    <\/div>\n\n    <h2>\n        Une r\u00e9alisation r\u00e9ussie commence avant les travaux.\n    <\/h2>\n\n    <p>\n        L\u2019installation est pens\u00e9e \u00e0 partir du b\u00e2timent,\n        de son am\u00e9nagement et des \u00e9quipements r\u00e9ellement utilis\u00e9s.\n    <\/p>\n\n<\/div>\n\n\n<div class=\"wj-method-list\">\n\n\n<div class=\"wj-method-item\">\n\n    <div class=\"wj-method-num\">\n        01\n    <\/div>\n\n    <div>\n        <strong>Comprendre le projet<\/strong>\n        <span>Identifier les usages et les contraintes du b\u00e2timent.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-method-item\">\n\n    <div class=\"wj-method-num\">\n        02\n    <\/div>\n\n    <div>\n        <strong>Pr\u00e9parer l\u2019installation<\/strong>\n        <span>Positionner correctement circuits, prises et \u00e9quipements.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-method-item\">\n\n    <div class=\"wj-method-num\">\n        03\n    <\/div>\n\n    <div>\n        <strong>R\u00e9aliser proprement<\/strong>\n        <span>Int\u00e9grer l\u2019\u00e9lectricit\u00e9 en coh\u00e9rence avec le chantier.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<div class=\"wj-method-item\">\n\n    <div class=\"wj-method-num\">\n        04\n    <\/div>\n\n    <div>\n        <strong>Pr\u00e9parer les \u00e9volutions<\/strong>\n        <span>Garder une installation claire et adaptable.<\/span>\n    <\/div>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CTA FINAL\n     ========================================================= -->\n\n<section class=\"wj-final\">\n\n<div class=\"wj-container\">\n\n<div class=\"wj-final-box\">\n\n\n<div class=\"wj-final-content\">\n\n    <span>\n        Votre projet\n    <\/span>\n\n    <h2>\n        Vous avez un projet similaire ou compl\u00e8tement diff\u00e9rent ?\n    <\/h2>\n\n    <p>\n        Chaque installation peut \u00eatre adapt\u00e9e\n        au b\u00e2timent, \u00e0 son am\u00e9nagement et \u00e0 vos futurs \u00e9quipements.\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        Parler de mon projet\n    <\/a>\n\n<\/div>\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     NOTE D\u00c9MONSTRATION\n     ========================================================= -->\n\n<div class=\"wj-demo-note\">\n\n    <strong>NOVA \u00c9LEC est une entreprise fictive.<\/strong>\n    Les r\u00e9alisations pr\u00e9sent\u00e9es sont des visuels de d\u00e9monstration.\n    Site de d\u00e9monstration Web Jouglet \u2013 Web &amp; Informatique.\n\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>R\u00e9alisations Des installations pens\u00e9es pour les vrais usages. R\u00e9novation, tableau \u00e9lectrique, \u00e9clairage, domotique ou recharge : d\u00e9couvrez diff\u00e9rents exemples de projets repr\u00e9sentatifs des prestations propos\u00e9es. Parler de mon projet Voir les services R\u00e9novation Tableaux \u00e9lectriques \u00c9clairage Domotique Recharge Aper\u00e7u des projets Chaque installation r\u00e9pond \u00e0 un besoin diff\u00e9rent. Les r\u00e9alisations pr\u00e9sent\u00e9es sur ce mod\u00e8le illustrent [&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-29","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\/29","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=29"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/pages\/29\/revisions\/139"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/electricien\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}