{"id":35,"date":"2026-09-18T14:17:32","date_gmt":"2026-09-18T12:17:32","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=35"},"modified":"2026-09-18T16:39:01","modified_gmt":"2026-09-18T14:39:01","slug":"zones-dintervention","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/zones-dintervention\/","title":{"rendered":"Zones d\u2019intervention"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjz-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 ZONES D'INTERVENTION\n============================================================ *\/\n\n.tjz-page{\n    --deep:#10291f;\n    --forest:#18392b;\n    --green:#54745d;\n    --sage:#90a98d;\n    --gold:#d5b985;\n    --gold-light:#ead7ad;\n    --cream:#f7f4ed;\n    --white:#ffffff;\n    --text:#6f776f;\n    --border:rgba(24,57,43,.12);\n\n    width:100vw;\n    max-width:none;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    background:var(--cream);\n    color:#161a17;\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tjz-page *,\n.tjz-page *::before,\n.tjz-page *::after{\n    box-sizing:border-box;\n}\n\n.tjz-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjz-page a{\n    text-decoration:none;\n}\n\n.tjz-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjz-section{\n    position:relative;\n    padding:110px 0;\n}\n\n\n\/* ============================================================\n   TYPOGRAPHIE\n============================================================ *\/\n\n.tjz-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:11px;\n\n    margin-bottom:18px;\n\n    color:var(--green);\n\n    font-size:10px;\n    line-height:1;\n    font-weight:850;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.tjz-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjz-title{\n    margin:0;\n\n    max-width:850px;\n\n    color:var(--deep);\n\n    font-size:clamp(43px,5.3vw,73px);\n    line-height:.97;\n    font-weight:780;\n    letter-spacing:-.055em;\n}\n\n.tjz-title span{\n    color:var(--gold);\n}\n\n.tjz-text{\n    max-width:680px;\n\n    margin:22px 0 0;\n\n    color:var(--text);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   BOUTONS \u2014 CONTRASTE RENFORC\u00c9\n============================================================ *\/\n\n.tjz-page .tjz-btn{\n    min-height:56px;\n\n    padding:0 26px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n\n    border:1px solid transparent;\n    border-radius:999px;\n\n    font-family:inherit;\n    font-size:12px;\n    line-height:1;\n    font-weight:850 !important;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.tjz-page .tjz-btn:hover{\n    transform:translateY(-3px);\n}\n\n\n\/* PRINCIPAL *\/\n\n.tjz-page .tjz-btn-gold,\n.tjz-page .tjz-btn-gold:visited,\n.tjz-page a.tjz-btn-gold,\n.tjz-page a.tjz-btn-gold:visited{\n    background:var(--gold) !important;\n    color:var(--deep) !important;\n\n    border-color:var(--gold) !important;\n\n    box-shadow:\n        0 14px 34px rgba(0,0,0,.18),\n        inset 0 0 0 1px rgba(255,255,255,.08);\n}\n\n.tjz-page .tjz-btn-gold:hover,\n.tjz-page a.tjz-btn-gold:hover{\n    background:var(--gold-light) !important;\n    color:var(--deep) !important;\n\n    border-color:var(--gold-light) !important;\n\n    box-shadow:\n        0 18px 40px rgba(0,0,0,.22);\n}\n\n.tjz-page .tjz-btn-gold *,\n.tjz-page .tjz-btn-gold:visited *{\n    color:var(--deep) !important;\n}\n\n\n\/* SECONDAIRE *\/\n\n.tjz-page .tjz-btn-light,\n.tjz-page .tjz-btn-light:visited,\n.tjz-page a.tjz-btn-light,\n.tjz-page a.tjz-btn-light:visited{\n    background:rgba(255,255,255,.12) !important;\n\n    color:#ffffff !important;\n\n    border:1px solid rgba(255,255,255,.62) !important;\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.16),\n        inset 0 0 0 1px rgba(255,255,255,.04);\n\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n}\n\n.tjz-page .tjz-btn-light:hover,\n.tjz-page a.tjz-btn-light:hover{\n    background:#ffffff !important;\n    color:var(--deep) !important;\n\n    border-color:#ffffff !important;\n\n    box-shadow:\n        0 18px 40px rgba(0,0,0,.22);\n}\n\n.tjz-page .tjz-btn-light *,\n.tjz-page .tjz-btn-light:visited *{\n    color:#ffffff !important;\n}\n\n.tjz-page .tjz-btn-light:hover *,\n.tjz-page a.tjz-btn-light:hover *{\n    color:var(--deep) !important;\n}\n\n.tjz-arrow{\n    font-size:15px;\n    font-weight:900;\n\n    transition:transform .3s ease;\n}\n\n.tjz-btn:hover .tjz-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjz-hero{\n    position:relative;\n\n    min-height:680px;\n\n    display:flex;\n    align-items:flex-end;\n\n    overflow:hidden;\n    isolation:isolate;\n\n    background:var(--deep);\n}\n\n.tjz-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n}\n\n.tjz-hero-bg img{\n    width:100%;\n    height:110%;\n\n    object-fit:cover;\n\n    transform:\n        translateY(var(--tjz-parallax,0px))\n        scale(1.03);\n}\n\n.tjz-hero::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,20,14,.97) 0%,\n            rgba(5,20,14,.86) 45%,\n            rgba(5,20,14,.54) 73%,\n            rgba(5,20,14,.28) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(5,20,14,.76),\n            transparent 65%\n        );\n}\n\n.tjz-hero::before{\n    content:\"\";\n\n    position:absolute;\n    z-index:-1;\n\n    width:650px;\n    height:650px;\n\n    right:-350px;\n    top:-360px;\n\n    border:1px solid rgba(213,185,133,.15);\n    border-radius:50%;\n}\n\n.tjz-hero-inner{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n\n    padding:145px 0 82px;\n}\n\n.tjz-hero-content{\n    max-width:860px;\n}\n\n.tjz-hero-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:23px;\n    padding:9px 14px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.09);\n\n    backdrop-filter:blur(12px);\n\n    color:#ffffff;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.tjz-hero-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n\n    box-shadow:\n        0 0 0 5px rgba(213,185,133,.12);\n}\n\n.tjz-hero h1{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(55px,7vw,95px);\n    line-height:.9;\n    font-weight:780;\n    letter-spacing:-.065em;\n}\n\n.tjz-hero h1 span{\n    display:block;\n\n    color:var(--gold);\n}\n\n.tjz-hero-desc{\n    max-width:650px;\n\n    margin:27px 0 0;\n\n    color:rgba(255,255,255,.78);\n\n    font-size:17px;\n    line-height:1.65;\n}\n\n.tjz-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:14px;\n\n    margin-top:34px;\n}\n\n\n\/* ============================================================\n   CARTE + ZONE\n============================================================ *\/\n\n.tjz-map-section{\n    background:#fff;\n}\n\n.tjz-map-grid{\n    display:grid;\n    grid-template-columns:1.08fr .92fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjz-map-wrap{\n    position:relative;\n\n    min-height:650px;\n\n    overflow:hidden;\n\n    border-radius:30px;\n\n    background:var(--forest);\n\n    box-shadow:\n        0 30px 70px rgba(16,41,31,.12);\n}\n\n.tjz-map-wrap iframe{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n\n    filter:\n        saturate(.78)\n        contrast(.96);\n}\n\n.tjz-map-overlay{\n    position:absolute;\n\n    left:22px;\n    right:22px;\n    bottom:22px;\n\n    padding:20px;\n\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:18px;\n\n    background:rgba(7,26,18,.86);\n\n    backdrop-filter:blur(15px);\n\n    color:#fff;\n\n    box-shadow:\n        0 18px 45px rgba(0,0,0,.18);\n}\n\n.tjz-map-overlay span{\n    display:block;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:850;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.tjz-map-overlay strong{\n    display:block;\n\n    margin-top:6px;\n\n    font-size:17px;\n}\n\n.tjz-map-overlay p{\n    margin:7px 0 0;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:10px;\n    line-height:1.55;\n}\n\n\n\/* ============================================================\n   ZONE CONTENT\n============================================================ *\/\n\n.tjz-map-content{\n    max-width:600px;\n}\n\n.tjz-zone-cards{\n    display:grid;\n    gap:10px;\n\n    margin-top:34px;\n}\n\n.tjz-zone-card{\n    position:relative;\n\n    padding:20px 22px 20px 69px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n\n    transition:\n        transform .35s ease,\n        background .35s ease,\n        box-shadow .35s ease;\n}\n\n.tjz-zone-card:hover{\n    transform:translateX(5px);\n\n    background:#fff;\n\n    box-shadow:\n        0 18px 40px rgba(16,41,31,.07);\n}\n\n.tjz-zone-icon{\n    position:absolute;\n\n    left:18px;\n    top:18px;\n\n    width:36px;\n    height:36px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:11px;\n\n    background:#efe4ce;\n    color:var(--deep);\n}\n\n.tjz-zone-icon svg{\n    width:18px;\n    height:18px;\n}\n\n.tjz-zone-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:14px;\n}\n\n.tjz-zone-card p{\n    margin:5px 0 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.55;\n}\n\n\n\/* ============================================================\n   CHECKER\n============================================================ *\/\n\n.tjz-checker{\n    background:var(--cream);\n}\n\n.tjz-checker-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:70px;\n\n    border-radius:31px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #10291f,\n            #173e2e\n        );\n\n    color:#fff;\n\n    display:grid;\n    grid-template-columns:.95fr 1.05fr;\n    gap:70px;\n\n    align-items:center;\n}\n\n.tjz-checker-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:430px;\n    height:430px;\n\n    right:-240px;\n    top:-260px;\n\n    border:1px solid rgba(213,185,133,.15);\n    border-radius:50%;\n}\n\n.tjz-checker-title{\n    position:relative;\n    z-index:2;\n}\n\n.tjz-checker .tjz-kicker{\n    color:var(--gold);\n}\n\n.tjz-checker h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(38px,4.6vw,63px);\n    line-height:.98;\n    letter-spacing:-.05em;\n}\n\n.tjz-checker h2 span{\n    color:var(--gold);\n}\n\n.tjz-checker p{\n    max-width:520px;\n\n    margin:19px 0 0;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:13px;\n    line-height:1.7;\n}\n\n.tjz-checker-form{\n    position:relative;\n    z-index:2;\n\n    padding:25px;\n\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:22px;\n\n    background:rgba(255,255,255,.06);\n\n    backdrop-filter:blur(10px);\n}\n\n.tjz-checker-label{\n    display:block;\n\n    margin-bottom:10px;\n\n    color:rgba(255,255,255,.78);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.tjz-checker-row{\n    display:grid;\n    grid-template-columns:1fr auto;\n    gap:8px;\n}\n\n.tjz-checker-input{\n    width:100%;\n    min-width:0;\n    height:54px;\n\n    padding:0 17px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    outline:none;\n\n    background:rgba(255,255,255,.09);\n    color:#fff;\n\n    font:inherit;\n    font-size:12px;\n}\n\n.tjz-checker-input:focus{\n    border-color:var(--gold);\n\n    box-shadow:\n        0 0 0 3px rgba(213,185,133,.10);\n}\n\n.tjz-checker-input::placeholder{\n    color:rgba(255,255,255,.48);\n}\n\n.tjz-checker-submit{\n    height:54px;\n\n    padding:0 21px;\n\n    border:1px solid var(--gold);\n    border-radius:999px;\n\n    background:var(--gold);\n    color:var(--deep);\n\n    cursor:pointer;\n\n    font-family:inherit;\n    font-size:11px;\n    font-weight:850;\n\n    transition:\n        transform .3s ease,\n        background .3s ease;\n}\n\n.tjz-checker-submit:hover{\n    transform:translateY(-2px);\n\n    background:var(--gold-light);\n}\n\n.tjz-checker-result{\n    display:none;\n\n    margin-top:13px;\n    padding:13px 15px;\n\n    border:1px solid rgba(213,185,133,.13);\n    border-radius:13px;\n\n    background:rgba(213,185,133,.10);\n\n    color:rgba(255,255,255,.80);\n\n    font-size:10px;\n    line-height:1.55;\n}\n\n.tjz-checker-result.tjz-show{\n    display:block;\n}\n\n\n\/* ============================================================\n   PROXIMIT\u00c9\n============================================================ *\/\n\n.tjz-local{\n    background:#fff;\n}\n\n.tjz-local-head{\n    max-width:800px;\n\n    margin-bottom:50px;\n}\n\n.tjz-local-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:15px;\n}\n\n.tjz-local-card{\n    position:relative;\n\n    min-height:330px;\n\n    overflow:hidden;\n\n    padding:28px;\n\n    border:1px solid var(--border);\n    border-radius:23px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fff,\n            var(--cream)\n        );\n\n    transition:\n        transform .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n.tjz-local-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\n    height:3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            var(--green)\n        );\n\n    transform:scaleX(0);\n    transform-origin:left;\n\n    transition:transform .4s ease;\n}\n\n.tjz-local-card:hover{\n    transform:translateY(-7px);\n\n    border-color:rgba(213,185,133,.58);\n\n    box-shadow:\n        0 25px 55px rgba(16,41,31,.08);\n}\n\n.tjz-local-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjz-local-number{\n    color:var(--gold);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tjz-local-icon{\n    width:55px;\n    height:55px;\n\n    margin-top:38px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:16px;\n\n    background:#efe4ce;\n    color:var(--deep);\n}\n\n.tjz-local-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjz-local-card h3{\n    margin:28px 0 0;\n\n    color:var(--deep);\n\n    font-size:20px;\n}\n\n.tjz-local-card p{\n    margin:10px 0 0;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.65;\n}\n\n\n\/* ============================================================\n   PROCESS\n============================================================ *\/\n\n.tjz-process{\n    background:var(--deep);\n    color:#fff;\n\n    --tjz-progress:0;\n}\n\n.tjz-process .tjz-kicker{\n    color:var(--gold);\n}\n\n.tjz-process .tjz-title{\n    color:#fff;\n}\n\n.tjz-process .tjz-text{\n    color:rgba(255,255,255,.64);\n}\n\n.tjz-process-wrap{\n    position:relative;\n\n    margin-top:65px;\n}\n\n.tjz-process-line{\n    position:absolute;\n\n    top:39px;\n    left:10%;\n    right:10%;\n\n    height:3px;\n\n    overflow:hidden;\n\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n}\n\n.tjz-process-progress{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            var(--sage)\n        );\n\n    transform:\n        scaleX(var(--tjz-progress));\n\n    transform-origin:left center;\n}\n\n.tjz-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:28px;\n}\n\n.tjz-step{\n    text-align:center;\n}\n\n.tjz-step-number{\n    width:80px;\n    height:80px;\n\n    margin:0 auto 23px;\n\n    display:grid;\n    place-items:center;\n\n    border:9px solid var(--deep);\n    border-radius:50%;\n\n    background:#29483a;\n    color:rgba(255,255,255,.54);\n\n    font-size:10px;\n    font-weight:900;\n\n    transition:\n        transform .4s ease,\n        background .4s ease,\n        color .4s ease;\n}\n\n.tjz-step.tjz-active\n.tjz-step-number{\n    transform:scale(1.08);\n\n    background:var(--gold);\n    color:var(--deep);\n}\n\n.tjz-step h3{\n    margin:0;\n\n    color:#fff;\n\n    font-size:16px;\n}\n\n.tjz-step p{\n    max-width:220px;\n\n    margin:8px auto 0;\n\n    color:rgba(255,255,255,.55);\n\n    font-size:10px;\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   FAQ\n============================================================ *\/\n\n.tjz-faq{\n    background:var(--cream);\n}\n\n.tjz-faq-grid{\n    display:grid;\n    grid-template-columns:.75fr 1.25fr;\n    gap:75px;\n\n    align-items:start;\n}\n\n.tjz-faq-intro{\n    position:sticky;\n    top:110px;\n}\n\n.tjz-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tjz-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.tjz-faq-item summary{\n    position:relative;\n\n    padding:21px 58px 21px 22px;\n\n    cursor:pointer;\n    list-style:none;\n\n    color:var(--deep);\n\n    font-size:13px;\n    font-weight:800;\n}\n\n.tjz-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tjz-faq-item summary::after{\n    content:\"+\";\n\n    position:absolute;\n\n    right:20px;\n    top:50%;\n\n    width:28px;\n    height:28px;\n\n    display:grid;\n    place-items:center;\n\n    transform:translateY(-50%);\n\n    border-radius:50%;\n\n    background:#efe4ce;\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tjz-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tjz-faq-answer{\n    padding:0 22px 21px;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   CTA FINAL\n============================================================ *\/\n\n.tjz-final{\n    padding:100px 0;\n\n    background:#fff;\n}\n\n.tjz-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:88px 55px;\n\n    border-radius:31px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #10291f,\n            #173e2e\n        );\n\n    text-align:center;\n}\n\n.tjz-final-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    top:-310px;\n    right:-250px;\n\n    border:1px solid rgba(213,185,133,.17);\n    border-radius:50%;\n}\n\n.tjz-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:320px;\n    height:320px;\n\n    left:-180px;\n    bottom:-210px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.07);\n}\n\n.tjz-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:850px;\n\n    margin:auto;\n}\n\n.tjz-final .tjz-kicker{\n    color:var(--gold);\n}\n\n.tjz-final h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(46px,6vw,78px);\n    line-height:.96;\n    letter-spacing:-.055em;\n}\n\n.tjz-final h2 span{\n    color:var(--gold);\n}\n\n.tjz-final p{\n    max-width:640px;\n\n    margin:23px auto 0;\n\n    color:rgba(255,255,255,.70);\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n.tjz-final-actions{\n    display:flex;\n    justify-content:center;\n    flex-wrap:wrap;\n    gap:14px;\n\n    margin-top:31px;\n}\n\n\n\/* ============================================================\n   PREMIUM REVEAL SAFE\n============================================================ *\/\n\n.tjz-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjz-page.tjz-motion-ready\n.tjz-reveal:not(.tjz-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjz-page.tjz-motion-ready\n.tjz-reveal.tjz-visible{\n    opacity:1;\n    transform:translateY(0);\n\n    transition:\n        opacity .78s cubic-bezier(.2,.7,.2,1),\n        transform .78s cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjz-map-grid,\n    .tjz-checker-box,\n    .tjz-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjz-map-wrap{\n        min-height:520px;\n    }\n\n    .tjz-local-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjz-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjz-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjz-section{\n        padding:70px 0;\n    }\n\n    .tjz-title{\n        font-size:38px;\n        line-height:.99;\n    }\n\n    .tjz-text{\n        font-size:13px;\n    }\n\n    .tjz-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjz-kicker::before{\n        width:25px;\n    }\n\n\n    \/* HERO *\/\n\n    .tjz-hero{\n        min-height:700px;\n    }\n\n    .tjz-hero-bg img{\n        height:100%;\n\n        transform:none !important;\n    }\n\n    .tjz-hero::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(5,20,14,.98),\n                rgba(5,20,14,.92) 58%,\n                rgba(5,20,14,.31)\n            );\n    }\n\n    .tjz-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 44px;\n    }\n\n    .tjz-hero-badge{\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjz-hero h1{\n        font-size:clamp(46px,13vw,61px);\n        line-height:.92;\n    }\n\n    .tjz-hero-desc{\n        margin-top:20px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjz-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:27px;\n    }\n\n    .tjz-page .tjz-btn{\n        width:100%;\n        min-height:54px;\n\n        font-size:12px;\n    }\n\n\n    \/* MAP *\/\n\n    .tjz-map-grid{\n        gap:42px;\n    }\n\n    .tjz-map-wrap{\n        min-height:460px;\n\n        border-radius:21px;\n    }\n\n    .tjz-map-overlay{\n        left:12px;\n        right:12px;\n        bottom:12px;\n\n        padding:16px;\n    }\n\n    .tjz-map-overlay strong{\n        font-size:14px;\n    }\n\n\n    \/* CHECKER *\/\n\n    .tjz-checker-box{\n        gap:35px;\n\n        padding:40px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjz-checker h2{\n        font-size:38px;\n    }\n\n    .tjz-checker-row{\n        grid-template-columns:1fr;\n    }\n\n    .tjz-checker-submit{\n        width:100%;\n    }\n\n\n    \/* LOCAL *\/\n\n    .tjz-local-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjz-local-card{\n        min-height:auto;\n\n        padding:22px;\n    }\n\n    .tjz-local-icon{\n        margin-top:28px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .tjz-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjz-process-line{\n        top:39px;\n        bottom:30px;\n\n        left:39px;\n        right:auto;\n\n        width:3px;\n        height:auto;\n    }\n\n    .tjz-process-progress{\n        transform:\n            scaleY(var(--tjz-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjz-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjz-step{\n        position:relative;\n\n        min-height:150px;\n\n        padding:\n            0\n            0\n            30px\n            98px;\n\n        text-align:left;\n    }\n\n    .tjz-step-number{\n        position:absolute;\n\n        left:0;\n        top:0;\n\n        margin:0;\n    }\n\n    .tjz-step p{\n        margin:8px 0 0;\n\n        max-width:none;\n    }\n\n\n    \/* FAQ *\/\n\n    .tjz-faq-grid{\n        gap:35px;\n    }\n\n    .tjz-faq-item summary{\n        font-size:12px;\n    }\n\n\n    \/* CTA FINAL *\/\n\n    .tjz-final{\n        padding:65px 0;\n    }\n\n    .tjz-final-box{\n        padding:56px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjz-final h2{\n        font-size:41px;\n    }\n\n    .tjz-final p{\n        font-size:12px;\n    }\n\n    .tjz-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .tjz-page *,\n    .tjz-page *::before,\n    .tjz-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjz-reveal{\n        opacity:1 !important;\n        transform:none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- ============================================================\n     HERO\n============================================================ -->\n\n<section class=\"tjz-hero\">\n\n    <div class=\"tjz-hero-bg\">\n\n        <img\n            src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Jardin paysager et espace ext\u00e9rieur am\u00e9nag\u00e9\"\n            fetchpriority=\"high\"\n            decoding=\"async\">\n\n    <\/div>\n\n\n    <div class=\"tjz-hero-inner\">\n\n        <div class=\"tjz-hero-content\">\n\n            <div class=\"tjz-hero-badge\">\n\n                <span class=\"tjz-hero-dot\"><\/span>\n\n                Zones d&rsquo;intervention\n\n            <\/div>\n\n\n            <h1>\n                Votre paysagiste\n                <span>pr\u00e8s de chez vous.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjz-hero-desc\">\n\n                Terra Jardin intervient dans son secteur\n                pour vos projets de cr\u00e9ation,\n                d&rsquo;entretien et d&rsquo;am\u00e9nagement ext\u00e9rieur.\n                V\u00e9rifiez simplement si votre commune\n                fait partie de la zone de d\u00e9placement.\n\n            <\/p>\n\n\n            <div class=\"tjz-hero-actions\">\n\n                <a\n                    class=\"tjz-btn tjz-btn-gold\"\n                    href=\"#zone\">\n\n                    Voir la zone\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjz-btn tjz-btn-light\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjz-arrow\">\u2192<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CARTE\n============================================================ -->\n\n<section\n    class=\"tjz-section tjz-map-section\"\n    id=\"zone\">\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-map-grid\">\n\n\n            <div class=\"tjz-map-wrap tjz-reveal\">\n\n                <iframe\n                    src=\"https:\/\/www.google.com\/maps?q=France&#038;z=5&#038;output=embed\"\n                    loading=\"lazy\"\n                    referrerpolicy=\"no-referrer-when-downgrade\"\n                    title=\"Carte de la zone d'intervention Terra Jardin\">\n                <\/iframe>\n\n\n                <div class=\"tjz-map-overlay\">\n\n                    <span>\n                        Zone personnalisable\n                    <\/span>\n\n                    <strong>\n                        Le secteur sera adapt\u00e9 au futur paysagiste\n                    <\/strong>\n\n                    <p>\n                        Cette carte pourra \u00eatre centr\u00e9e\n                        sur la ville principale de l&rsquo;entreprise\n                        et sa v\u00e9ritable zone d&rsquo;intervention.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjz-map-content tjz-reveal\">\n\n                <span class=\"tjz-kicker\">\n                    Un service local\n                <\/span>\n\n\n                <h2 class=\"tjz-title\">\n                    Nous nous d\u00e9pla\u00e7ons\n                    <span>dans votre secteur.<\/span>\n                <\/h2>\n\n\n                <p class=\"tjz-text\">\n\n                    La zone d&rsquo;intervention peut couvrir\n                    une ville principale,\n                    les communes environnantes\n                    et certains secteurs plus \u00e9loign\u00e9s\n                    selon la nature du chantier.\n\n                <\/p>\n\n\n                <div class=\"tjz-zone-cards\">\n\n\n                    <div class=\"tjz-zone-card\">\n\n                        <div class=\"tjz-zone-icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\">\n\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n\n                                <path\n                                    d=\"M12 21s7-6 7-12a7 7 0 1 0-14 0c0 6 7 12 7 12Z\"\/>\n\n                            <\/svg>\n\n                        <\/div>\n\n                        <strong>\n                            Secteur principal\n                        <\/strong>\n\n                        <p>\n                            Ville principale\n                            et communes proches.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjz-zone-card\">\n\n                        <div class=\"tjz-zone-icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\">\n\n                                <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n\n                            <\/svg>\n\n                        <\/div>\n\n                        <strong>\n                            Zone \u00e9largie\n                        <\/strong>\n\n                        <p>\n                            D\u00e9placements possibles\n                            autour du secteur principal.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjz-zone-card\">\n\n                        <div class=\"tjz-zone-icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\">\n\n                                <path d=\"M4 12h16\"\/>\n                                <path d=\"m15 7 5 5-5 5\"\/>\n\n                            <\/svg>\n\n                        <\/div>\n\n                        <strong>\n                            Projet plus \u00e9loign\u00e9\n                        <\/strong>\n\n                        <p>\n                            Certaines demandes peuvent\n                            \u00eatre \u00e9tudi\u00e9es selon le chantier.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CHECKER\n============================================================ -->\n\n<section class=\"tjz-section tjz-checker\">\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-checker-box tjz-reveal\">\n\n\n            <div class=\"tjz-checker-title\">\n\n                <span class=\"tjz-kicker\">\n                    Votre commune\n                <\/span>\n\n                <h2>\n                    Vous \u00eates dans\n                    <span>notre secteur ?<\/span>\n                <\/h2>\n\n                <p>\n                    Entrez simplement votre commune\n                    ou votre code postal.\n                    La zone exacte sera confirm\u00e9e\n                    lors de votre demande.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjz-checker-form\">\n\n                <label\n                    class=\"tjz-checker-label\"\n                    for=\"tjz-zone-input\">\n\n                    Commune ou code postal\n\n                <\/label>\n\n\n                <div class=\"tjz-checker-row\">\n\n                    <input\n                        class=\"tjz-checker-input\"\n                        id=\"tjz-zone-input\"\n                        type=\"text\"\n                        autocomplete=\"postal-code\"\n                        placeholder=\"Ex. 62000 ou nom de votre commune\">\n\n\n                    <button\n                        class=\"tjz-checker-submit\"\n                        type=\"button\"\n                        data-tjz-check>\n\n                        V\u00e9rifier\n\n                    <\/button>\n\n                <\/div>\n\n\n                <div\n                    class=\"tjz-checker-result\"\n                    data-tjz-result>\n\n                    Merci. Pour confirmer pr\u00e9cis\u00e9ment\n                    le d\u00e9placement dans votre commune,\n                    envoyez-nous votre demande\n                    avec la localisation du chantier.\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PROXIMIT\u00c9\n============================================================ -->\n\n<section class=\"tjz-section tjz-local\">\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-local-head tjz-reveal\">\n\n            <span class=\"tjz-kicker\">\n                Proximit\u00e9\n            <\/span>\n\n            <h2 class=\"tjz-title\">\n                Un paysagiste proche\n                <span>de votre projet.<\/span>\n            <\/h2>\n\n            <p class=\"tjz-text\">\n\n                Travailler dans un secteur d\u00e9fini\n                facilite l&rsquo;organisation des interventions\n                et le suivi des diff\u00e9rents travaux ext\u00e9rieurs.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjz-local-grid\">\n\n\n            <article class=\"tjz-local-card tjz-reveal\">\n\n                <span class=\"tjz-local-number\">\n                    01\n                <\/span>\n\n\n                <div class=\"tjz-local-icon\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\">\n\n                        <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n                        <path d=\"M12 8v4l3 2\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <h3>\n                    D\u00e9placements organis\u00e9s\n                <\/h3>\n\n                <p>\n                    Une zone d\u00e9finie permet\n                    de mieux organiser\n                    les rendez-vous et interventions.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tjz-local-card tjz-reveal\">\n\n                <span class=\"tjz-local-number\">\n                    02\n                <\/span>\n\n\n                <div class=\"tjz-local-icon\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\">\n\n                        <path d=\"M12 21V9\"\/>\n\n                        <path\n                            d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n\n                        <path\n                            d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <h3>\n                    Connaissance du secteur\n                <\/h3>\n\n                <p>\n                    Chaque projet est \u00e9tudi\u00e9\n                    en tenant compte du terrain\n                    et de son environnement.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tjz-local-card tjz-reveal\">\n\n                <span class=\"tjz-local-number\">\n                    03\n                <\/span>\n\n\n                <div class=\"tjz-local-icon\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\">\n\n                        <path d=\"m5 12 4 4L19 6\"\/>\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <h3>\n                    Suivi simplifi\u00e9\n                <\/h3>\n\n                <p>\n                    Entretien et interventions compl\u00e9mentaires\n                    peuvent \u00eatre organis\u00e9s\n                    dans le m\u00eame secteur.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PROCESS\n============================================================ -->\n\n<section\n    class=\"tjz-section tjz-process\"\n    data-tjz-process>\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-reveal\">\n\n            <span class=\"tjz-kicker\">\n                Votre demande\n            <\/span>\n\n            <h2 class=\"tjz-title\">\n                V\u00e9rifier une intervention\n                <span>en quelques \u00e9tapes.<\/span>\n            <\/h2>\n\n            <p class=\"tjz-text\">\n                M\u00eame si votre commune se trouve\n                en limite de secteur,\n                votre projet peut \u00eatre \u00e9tudi\u00e9.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjz-process-wrap\">\n\n            <div class=\"tjz-process-line\">\n\n                <div class=\"tjz-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjz-process-grid\">\n\n\n                <article class=\"tjz-step\">\n\n                    <div class=\"tjz-step-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Votre commune\n                    <\/h3>\n\n                    <p>\n                        Indiquez le lieu\n                        du chantier.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjz-step\">\n\n                    <div class=\"tjz-step-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        Votre projet\n                    <\/h3>\n\n                    <p>\n                        Pr\u00e9cisez le type\n                        d&rsquo;intervention souhait\u00e9.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjz-step\">\n\n                    <div class=\"tjz-step-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        V\u00e9rification\n                    <\/h3>\n\n                    <p>\n                        Le d\u00e9placement\n                        est confirm\u00e9 selon le secteur.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjz-step\">\n\n                    <div class=\"tjz-step-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Votre devis\n                    <\/h3>\n\n                    <p>\n                        Le projet peut ensuite\n                        \u00eatre \u00e9tudi\u00e9 plus pr\u00e9cis\u00e9ment.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     FAQ\n============================================================ -->\n\n<section class=\"tjz-section tjz-faq\">\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-faq-grid\">\n\n\n            <div class=\"tjz-faq-intro tjz-reveal\">\n\n                <span class=\"tjz-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tjz-title\">\n                    Votre secteur,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tjz-text\">\n                    Quelques r\u00e9ponses\n                    avant de nous transmettre\n                    votre demande.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjz-faq-list\">\n\n\n                <details class=\"tjz-faq-item tjz-reveal\">\n\n                    <summary>\n                        Comment savoir si vous intervenez dans ma commune ?\n                    <\/summary>\n\n                    <div class=\"tjz-faq-answer\">\n                        Indiquez votre commune\n                        ou votre code postal\n                        lors de la demande de devis.\n                        La possibilit\u00e9 de d\u00e9placement\n                        sera confirm\u00e9e selon\n                        l&#8217;emplacement et le projet.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjz-faq-item tjz-reveal\">\n\n                    <summary>\n                        Intervenez-vous en dehors de votre secteur principal ?\n                    <\/summary>\n\n                    <div class=\"tjz-faq-answer\">\n                        Certaines demandes situ\u00e9es plus loin\n                        peuvent \u00eatre \u00e9tudi\u00e9es\n                        selon la nature et l&rsquo;importance du chantier.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjz-faq-item tjz-reveal\">\n\n                    <summary>\n                        Tous les services sont-ils disponibles dans la m\u00eame zone ?\n                    <\/summary>\n\n                    <div class=\"tjz-faq-answer\">\n                        La faisabilit\u00e9 d\u00e9pend du lieu\n                        et du type d&rsquo;intervention.\n                        Ces \u00e9l\u00e9ments sont v\u00e9rifi\u00e9s\n                        au moment de la demande.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjz-faq-item tjz-reveal\">\n\n                    <summary>\n                        Dois-je indiquer l&rsquo;adresse exacte imm\u00e9diatement ?\n                    <\/summary>\n\n                    <div class=\"tjz-faq-answer\">\n                        Une commune ou un code postal suffit\n                        pour une premi\u00e8re prise de contact.\n                        L&rsquo;adresse pr\u00e9cise peut ensuite \u00eatre communiqu\u00e9e\n                        pour l&rsquo;\u00e9tude du projet.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjz-faq-item tjz-reveal\">\n\n                    <summary>\n                        Comment demander un devis ?\n                    <\/summary>\n\n                    <div class=\"tjz-faq-answer\">\n                        Rendez-vous sur la page contact\n                        et indiquez votre commune,\n                        le type de travaux souhait\u00e9\n                        ainsi que quelques informations\n                        sur votre ext\u00e9rieur.\n                    <\/div>\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=\"tjz-final\">\n\n    <div class=\"tjz-container\">\n\n        <div class=\"tjz-final-box tjz-reveal\">\n\n            <div class=\"tjz-final-content\">\n\n                <span class=\"tjz-kicker\">\n                    Votre commune\n                <\/span>\n\n                <h2>\n                    Votre jardin se trouve\n                    <span>dans notre secteur ?<\/span>\n                <\/h2>\n\n                <p>\n                    Envoyez-nous simplement\n                    votre localisation et votre projet.\n                    Nous vous confirmerons\n                    la possibilit\u00e9 d&rsquo;intervention.\n                <\/p>\n\n\n                <div class=\"tjz-final-actions\">\n\n                    <a\n                        class=\"tjz-btn tjz-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        V\u00e9rifier mon secteur\n                        <span class=\"tjz-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjz-btn tjz-btn-light\"\n                        href=\"\/paysagiste\/services\/\">\n\n                        Voir nos services\n                        <span class=\"tjz-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n\"use strict\";\n\n\nfunction initTerraZones(){\n\n    var root =\n        document.querySelector(\n            \".tjz-page\"\n        );\n\n\n    if(!root){\n        return;\n    }\n\n\n    var reduced =\n        false;\n\n\n    try{\n\n        reduced =\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches;\n\n    }catch(error){\n\n        reduced = false;\n\n    }\n\n\n\n    \/* ========================================================\n       APPARITIONS AU SCROLL \u2014 SAFE\n    ======================================================== *\/\n\n    try{\n\n        var items =\n            root.querySelectorAll(\n                \".tjz-reveal\"\n            );\n\n\n        if(\n            reduced ||\n            !(\"IntersectionObserver\" in window)\n        ){\n\n            items.forEach(\n                function(item){\n\n                    item.classList.add(\n                        \"tjz-visible\"\n                    );\n\n                }\n            );\n\n        }else{\n\n\n            var vh =\n                window.innerHeight ||\n                document.documentElement.clientHeight;\n\n\n            items.forEach(\n                function(item){\n\n                    if(\n                        item\n                            .getBoundingClientRect()\n                            .top\n                        <\n                        vh * .94\n                    ){\n\n                        item.classList.add(\n                            \"tjz-visible\"\n                        );\n\n                    }\n\n                }\n            );\n\n\n            var observer =\n                new IntersectionObserver(\n\n                    function(entries){\n\n                        entries.forEach(\n                            function(entry){\n\n                                if(\n                                    entry.isIntersecting\n                                ){\n\n                                    entry.target\n                                        .classList\n                                        .add(\n                                            \"tjz-visible\"\n                                        );\n\n\n                                    observer.unobserve(\n                                        entry.target\n                                    );\n\n                                }\n\n                            }\n                        );\n\n                    },\n\n                    {\n                        threshold:.12,\n\n                        rootMargin:\n                            \"0px 0px -40px 0px\"\n                    }\n\n                );\n\n\n            items.forEach(\n                function(item){\n\n                    observer.observe(\n                        item\n                    );\n\n                }\n            );\n\n\n            root.classList.add(\n                \"tjz-motion-ready\"\n            );\n\n        }\n\n    }catch(error){\n\n        root.classList.remove(\n            \"tjz-motion-ready\"\n        );\n\n    }\n\n\n\n    \/* ========================================================\n       HERO PARALLAX\n    ======================================================== *\/\n\n    try{\n\n        var hero =\n            root.querySelector(\n                \".tjz-hero\"\n            );\n\n\n        var ticking =\n            false;\n\n\n        function updateHero(){\n\n            ticking =\n                false;\n\n\n            if(\n                reduced ||\n                window.innerWidth <= 700 ||\n                !hero\n            ){\n\n                return;\n\n            }\n\n\n            var rect =\n                hero.getBoundingClientRect();\n\n\n            if(\n                rect.bottom < 0 ||\n                rect.top >\n                window.innerHeight\n            ){\n\n                return;\n\n            }\n\n\n            var shift =\n                Math.max(\n                    -45,\n\n                    Math.min(\n                        45,\n                        -rect.top * .075\n                    )\n                );\n\n\n            hero.style.setProperty(\n                \"--tjz-parallax\",\n                shift.toFixed(1) + \"px\"\n            );\n\n        }\n\n\n        window.addEventListener(\n            \"scroll\",\n            function(){\n\n                if(ticking){\n                    return;\n                }\n\n\n                ticking = true;\n\n\n                requestAnimationFrame(\n                    updateHero\n                );\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        updateHero();\n\n    }catch(error){\n\n        \/* aucun impact critique *\/\n\n    }\n\n\n\n    \/* ========================================================\n       VERIFICATEUR COMMUNE\n    ======================================================== *\/\n\n    try{\n\n        var button =\n            root.querySelector(\n                \"[data-tjz-check]\"\n            );\n\n\n        var input =\n            root.querySelector(\n                \"#tjz-zone-input\"\n            );\n\n\n        var result =\n            root.querySelector(\n                \"[data-tjz-result]\"\n            );\n\n\n        function showResult(){\n\n            if(!result){\n                return;\n            }\n\n\n            result.classList.add(\n                \"tjz-show\"\n            );\n\n        }\n\n\n        if(button){\n\n            button.addEventListener(\n                \"click\",\n                showResult\n            );\n\n        }\n\n\n        if(input){\n\n            input.addEventListener(\n                \"keydown\",\n                function(event){\n\n                    if(\n                        event.key ===\n                        \"Enter\"\n                    ){\n\n                        event.preventDefault();\n\n                        showResult();\n\n                    }\n\n                }\n            );\n\n        }\n\n    }catch(error){\n\n        \/* aucun impact critique *\/\n\n    }\n\n\n\n    \/* ========================================================\n       TIMELINE\n    ======================================================== *\/\n\n    try{\n\n        var process =\n            root.querySelector(\n                \"[data-tjz-process]\"\n            );\n\n\n        if(!process){\n            return;\n        }\n\n\n        var steps =\n            process.querySelectorAll(\n                \".tjz-step\"\n            );\n\n\n        var timelineTick =\n            false;\n\n\n        function clamp(\n            value,\n            min,\n            max\n        ){\n\n            return Math.min(\n                Math.max(\n                    value,\n                    min\n                ),\n                max\n            );\n\n        }\n\n\n        function updateTimeline(){\n\n            timelineTick =\n                false;\n\n\n            var rect =\n                process.getBoundingClientRect();\n\n\n            var vh =\n                window.innerHeight ||\n                document.documentElement.clientHeight;\n\n\n            var progress =\n                (\n                    vh * .78 -\n                    rect.top\n                )\n                \/\n                Math.max(\n                    rect.height +\n                    vh * .2,\n                    1\n                );\n\n\n            progress =\n                clamp(\n                    progress,\n                    0,\n                    1\n                );\n\n\n            process.style.setProperty(\n                \"--tjz-progress\",\n                progress.toFixed(4)\n            );\n\n\n            var thresholds =\n                [\n                    .03,\n                    .32,\n                    .62,\n                    .88\n                ];\n\n\n            steps.forEach(\n                function(step,index){\n\n                    step.classList.toggle(\n                        \"tjz-active\",\n                        progress >=\n                        thresholds[index]\n                    );\n\n                }\n            );\n\n        }\n\n\n        function requestTimeline(){\n\n            if(timelineTick){\n                return;\n            }\n\n\n            timelineTick =\n                true;\n\n\n            requestAnimationFrame(\n                updateTimeline\n            );\n\n        }\n\n\n        if(reduced){\n\n            process.style.setProperty(\n                \"--tjz-progress\",\n                \"1\"\n            );\n\n\n            steps.forEach(\n                function(step){\n\n                    step.classList.add(\n                        \"tjz-active\"\n                    );\n\n                }\n            );\n\n        }else{\n\n            window.addEventListener(\n                \"scroll\",\n                requestTimeline,\n                {\n                    passive:true\n                }\n            );\n\n\n            window.addEventListener(\n                \"resize\",\n                requestTimeline\n            );\n\n\n            updateTimeline();\n\n        }\n\n    }catch(error){\n\n        \/* page toujours visible *\/\n\n    }\n\n}\n\n\n\nif(\n    document.readyState ===\n    \"loading\"\n){\n\n    document.addEventListener(\n        \"DOMContentLoaded\",\n        initTerraZones\n    );\n\n}else{\n\n    initTerraZones();\n\n}\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Zones d&rsquo;intervention Votre paysagiste pr\u00e8s de chez vous. Terra Jardin intervient dans son secteur pour vos projets de cr\u00e9ation, d&rsquo;entretien et d&rsquo;am\u00e9nagement ext\u00e9rieur. V\u00e9rifiez simplement si votre commune fait partie de la zone de d\u00e9placement. Voir la zone \u2193 Demander un devis \u2192 Zone personnalisable Le secteur sera adapt\u00e9 au futur paysagiste Cette carte pourra [&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\/paysagiste\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/35\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}