{"id":15,"date":"2026-09-18T14:15:27","date_gmt":"2026-09-18T12:15:27","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=15"},"modified":"2026-09-18T15:18:47","modified_gmt":"2026-09-18T13:18:47","slug":"services","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjs-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 PAGE SERVICES\n   WordPress + Blocksy\n============================================================ *\/\n\n.tjs-page{\n    --tjs-deep:#10291f;\n    --tjs-forest:#18392b;\n    --tjs-green:#54745d;\n    --tjs-sage:#90a98d;\n    --tjs-gold:#d5b985;\n    --tjs-gold-light:#ead7ad;\n    --tjs-cream:#f7f4ed;\n    --tjs-white:#ffffff;\n    --tjs-black:#161a17;\n    --tjs-text:#6f776f;\n    --tjs-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(--tjs-cream);\n    color:var(--tjs-black);\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tjs-page *,\n.tjs-page *::before,\n.tjs-page *::after{\n    box-sizing:border-box;\n}\n\n.tjs-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjs-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tjs-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjs-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjs-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n\n    margin:0 0 18px;\n\n    color:var(--tjs-green);\n\n    font-size:11px;\n    line-height:1;\n    font-weight:850;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.tjs-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--tjs-gold);\n}\n\n.tjs-title{\n    margin:0;\n\n    color:var(--tjs-deep);\n\n    font-size:clamp(42px,5.1vw,70px);\n    line-height:.98;\n    font-weight:780;\n    letter-spacing:-.05em;\n}\n\n.tjs-title span{\n    color:var(--tjs-gold);\n}\n\n.tjs-text{\n    max-width:650px;\n\n    margin:22px 0 0;\n\n    color:var(--tjs-text);\n\n    font-size:16px;\n    line-height:1.75;\n}\n\n.tjs-heading{\n    max-width:790px;\n    margin-bottom:55px;\n}\n\n.tjs-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n\n    text-align:center;\n}\n\n.tjs-heading-center .tjs-kicker{\n    justify-content:center;\n}\n\n.tjs-heading-center .tjs-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjs-btn{\n    min-height:56px;\n\n    padding:0 25px;\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-size:13px;\n    font-weight:800;\n\n    transition:\n        transform .3s ease,\n        background-color .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.tjs-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjs-btn-gold{\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n\n    box-shadow:\n        0 14px 35px rgba(213,185,133,.20);\n}\n\n.tjs-btn-gold:hover{\n    background:var(--tjs-gold-light);\n}\n\n.tjs-btn-light{\n    border-color:rgba(255,255,255,.25);\n\n    background:rgba(255,255,255,.07);\n\n    color:#fff;\n\n    backdrop-filter:blur(12px);\n}\n\n.tjs-btn-light:hover{\n    background:#fff;\n    border-color:#fff;\n\n    color:var(--tjs-deep);\n}\n\n.tjs-btn-dark{\n    border-color:rgba(16,41,31,.18);\n\n    background:transparent;\n\n    color:var(--tjs-deep);\n}\n\n.tjs-btn-dark:hover{\n    background:var(--tjs-deep);\n    color:#fff;\n}\n\n.tjs-arrow{\n    transition:transform .3s ease;\n}\n\n.tjs-btn:hover .tjs-arrow,\n.tjs-service-link:hover .tjs-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjs-hero{\n    position:relative;\n\n    min-height:760px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    background:var(--tjs-deep);\n    color:#fff;\n\n    isolation:isolate;\n}\n\n.tjs-hero-image{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tjs-hero-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjs-hero-overlay{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(6,22,15,.96) 0%,\n            rgba(6,22,15,.84) 45%,\n            rgba(6,22,15,.48) 75%,\n            rgba(6,22,15,.30) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.48),\n            transparent 55%\n        );\n}\n\n.tjs-hero::after{\n    content:\"\";\n\n    position:absolute;\n    z-index:-2;\n\n    width:650px;\n    height:650px;\n\n    right:-340px;\n    bottom:-370px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.13);\n\n    filter:blur(80px);\n}\n\n.tjs-hero-inner{\n    width:min(1240px,calc(100% - 48px));\n\n    margin:auto;\n\n    padding:110px 0 80px;\n\n    display:grid;\n    grid-template-columns:1.1fr .65fr;\n    gap:70px;\n\n    align-items:center;\n}\n\n.tjs-hero-content{\n    max-width:790px;\n}\n\n.tjs-hero-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:24px;\n    padding:9px 14px;\n\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.07);\n\n    backdrop-filter:blur(12px);\n\n    color:rgba(255,255,255,.9);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.tjs-hero-badge span{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--tjs-gold);\n\n    box-shadow:\n        0 0 0 5px rgba(213,185,133,.12);\n}\n\n.tjs-hero h1{\n    margin:0;\n\n    max-width:820px;\n\n    color:#fff;\n\n    font-size:clamp(52px,6vw,88px);\n    line-height:.92;\n    letter-spacing:-.058em;\n    font-weight:780;\n}\n\n.tjs-hero h1 span{\n    display:block;\n    color:var(--tjs-gold);\n}\n\n.tjs-hero-desc{\n    max-width:640px;\n\n    margin:28px 0 0;\n\n    color:rgba(255,255,255,.75);\n\n    font-size:18px;\n    line-height:1.65;\n}\n\n.tjs-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tjs-hero-point{\n    display:flex;\n    align-items:center;\n    gap:9px;\n\n    color:rgba(255,255,255,.9);\n\n    font-size:12px;\n    font-weight:700;\n}\n\n.tjs-check{\n    width:20px;\n    height:20px;\n\n    flex:0 0 auto;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tjs-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:34px;\n}\n\n\n\/* HERO SIDE *\/\n\n.tjs-hero-side{\n    position:relative;\n\n    min-height:470px;\n}\n\n.tjs-hero-side-main{\n    position:absolute;\n\n    inset:30px 20px 20px 35px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:29px;\n\n    background:#315b45;\n\n    box-shadow:\n        0 35px 90px rgba(0,0,0,.34);\n}\n\n.tjs-hero-side-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjs-hero-side-main::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.50),\n            transparent 55%\n        );\n}\n\n.tjs-hero-small-card{\n    position:absolute;\n    z-index:3;\n\n    width:190px;\n\n    padding:17px;\n\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:18px;\n\n    background:rgba(7,26,18,.84);\n\n    backdrop-filter:blur(15px);\n\n    box-shadow:\n        0 20px 45px rgba(0,0,0,.20);\n}\n\n.tjs-hero-small-card strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tjs-hero-small-card small{\n    display:block;\n\n    margin-top:5px;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:9px;\n    line-height:1.45;\n}\n\n.tjs-hero-card-one{\n    top:0;\n    right:0;\n}\n\n.tjs-hero-card-two{\n    left:0;\n    bottom:0;\n}\n\n.tjs-hero-card-icon{\n    width:40px;\n    height:40px;\n\n    margin-bottom:12px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:12px;\n\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n}\n\n\n\/* ============================================================\n   INTRO\n============================================================ *\/\n\n.tjs-intro{\n    background:#fff;\n}\n\n.tjs-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjs-intro-visual{\n    position:relative;\n}\n\n.tjs-intro-image{\n    overflow:hidden;\n\n    aspect-ratio:4\/5;\n\n    border-radius:30px;\n\n    background:#dce4dc;\n\n    box-shadow:\n        0 25px 65px rgba(16,41,31,.11);\n}\n\n.tjs-intro-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tjs-intro-badge{\n    position:absolute;\n\n    right:-25px;\n    bottom:35px;\n\n    width:190px;\n\n    padding:20px;\n\n    border-radius:18px;\n\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n\n    box-shadow:\n        0 18px 45px rgba(16,41,31,.17);\n}\n\n.tjs-intro-badge small{\n    display:block;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.tjs-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:20px;\n    line-height:1.15;\n}\n\n.tjs-intro-list{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:12px;\n\n    margin-top:35px;\n}\n\n.tjs-intro-item{\n    min-height:120px;\n\n    padding:20px;\n\n    border:1px solid var(--tjs-border);\n    border-radius:18px;\n\n    background:var(--tjs-cream);\n}\n\n.tjs-intro-item span{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--tjs-gold);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tjs-intro-item strong{\n    display:block;\n\n    color:var(--tjs-deep);\n\n    font-size:15px;\n}\n\n.tjs-intro-item p{\n    margin:7px 0 0;\n\n    color:var(--tjs-text);\n\n    font-size:11px;\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   SERVICES\n============================================================ *\/\n\n.tjs-services{\n    position:relative;\n\n    background:var(--tjs-cream);\n}\n\n.tjs-services::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:520px;\n    height:520px;\n\n    right:-300px;\n    top:-280px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.08);\n}\n\n.tjs-services-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:20px;\n}\n\n.tjs-service{\n    position:relative;\n\n    min-height:470px;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:flex-end;\n\n    border-radius:27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #315b45,\n            #10291f\n        );\n\n    isolation:isolate;\n\n    box-shadow:\n        0 12px 35px rgba(16,41,31,.07);\n\n    transition:\n        transform .45s cubic-bezier(.2,.7,.2,1),\n        box-shadow .45s ease;\n}\n\n.tjs-service:hover{\n    transform:translateY(-8px);\n\n    box-shadow:\n        0 28px 65px rgba(16,41,31,.18);\n}\n\n.tjs-service-media{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n\n    overflow:hidden;\n}\n\n.tjs-service-fallback{\n    position:absolute;\n    inset:0;\n\n    display:grid;\n    place-items:center;\n\n    background:\n        radial-gradient(\n            circle at 70% 20%,\n            rgba(213,185,133,.18),\n            transparent 38%\n        ),\n        linear-gradient(\n            145deg,\n            #315b45,\n            #10291f\n        );\n\n    color:rgba(255,255,255,.10);\n\n    font-size:90px;\n}\n\n.tjs-service-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.tjs-service:hover .tjs-service-media img{\n    transform:scale(1.055);\n}\n\n.tjs-service-shade{\n    position:absolute;\n    inset:0;\n    z-index:-1;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.97) 0%,\n            rgba(6,22,15,.70) 43%,\n            rgba(6,22,15,.08) 78%\n        );\n}\n\n.tjs-service-number{\n    position:absolute;\n\n    top:20px;\n    right:20px;\n\n    width:48px;\n    height:48px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n\n    background:rgba(247,244,237,.93);\n    color:var(--tjs-deep);\n\n    backdrop-filter:blur(10px);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tjs-service-content{\n    width:100%;\n\n    padding:31px;\n}\n\n.tjs-service-icon{\n    width:46px;\n    height:46px;\n\n    margin-bottom:18px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:14px;\n\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n}\n\n.tjs-service-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjs-service h3{\n    margin:0;\n\n    color:#fff;\n\n    font-size:27px;\n    line-height:1.1;\n    letter-spacing:-.03em;\n}\n\n.tjs-service p{\n    max-width:440px;\n\n    margin:12px 0 21px;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:13px;\n    line-height:1.65;\n}\n\n.tjs-service-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n\n    margin-bottom:20px;\n}\n\n.tjs-service-tags span{\n    padding:6px 9px;\n\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.08);\n\n    color:rgba(255,255,255,.75);\n\n    font-size:8px;\n    font-weight:700;\n}\n\n.tjs-service-link{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    color:var(--tjs-gold) !important;\n\n    font-size:11px;\n    font-weight:850;\n}\n\n\n\/* ============================================================\n   NEEDS\n============================================================ *\/\n\n.tjs-needs{\n    background:#fff;\n}\n\n.tjs-needs-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:15px;\n}\n\n.tjs-need{\n    position:relative;\n\n    min-height:260px;\n\n    padding:28px;\n\n    overflow:hidden;\n\n    border:1px solid var(--tjs-border);\n    border-radius:22px;\n\n    background:var(--tjs-cream);\n\n    transition:\n        transform .4s ease,\n        background .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n.tjs-need:hover{\n    transform:translateY(-6px);\n\n    background:#fff;\n\n    border-color:rgba(213,185,133,.55);\n\n    box-shadow:\n        0 22px 55px rgba(16,41,31,.09);\n}\n\n.tjs-need-number{\n    display:block;\n\n    margin-bottom:42px;\n\n    color:var(--tjs-gold);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.tjs-need h3{\n    margin:0 0 10px;\n\n    color:var(--tjs-deep);\n\n    font-size:20px;\n}\n\n.tjs-need p{\n    margin:0;\n\n    color:var(--tjs-text);\n\n    font-size:12px;\n    line-height:1.65;\n}\n\n.tjs-need-arrow{\n    position:absolute;\n\n    right:22px;\n    bottom:20px;\n\n    width:36px;\n    height:36px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n\n    background:var(--tjs-gold);\n    color:var(--tjs-deep);\n}\n\n\n\/* ============================================================\n   FEATURE\n============================================================ *\/\n\n.tjs-feature{\n    background:var(--tjs-deep);\n    color:#fff;\n}\n\n.tjs-feature-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:70px;\n\n    align-items:center;\n}\n\n.tjs-feature-image{\n    position:relative;\n\n    overflow:hidden;\n\n    min-height:570px;\n\n    border-radius:30px;\n\n    background:#315b45;\n\n    box-shadow:\n        0 30px 70px rgba(0,0,0,.22);\n}\n\n.tjs-feature-image img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjs-feature-image::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.52),\n            transparent 55%\n        );\n}\n\n.tjs-feature .tjs-kicker{\n    color:var(--tjs-gold);\n}\n\n.tjs-feature .tjs-title{\n    color:#fff;\n}\n\n.tjs-feature .tjs-text{\n    color:rgba(255,255,255,.68);\n}\n\n.tjs-feature-list{\n    display:grid;\n    gap:10px;\n\n    margin-top:30px;\n}\n\n.tjs-feature-item{\n    display:flex;\n    gap:13px;\n\n    padding:16px 0;\n\n    border-bottom:1px solid rgba(255,255,255,.11);\n}\n\n.tjs-feature-item:last-child{\n    border-bottom:0;\n}\n\n.tjs-feature-check{\n    width:30px;\n    height:30px;\n\n    flex:0 0 auto;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:10px;\n\n    background:rgba(213,185,133,.18);\n    color:var(--tjs-gold);\n}\n\n.tjs-feature-item strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tjs-feature-item p{\n    margin:4px 0 0;\n\n    color:rgba(255,255,255,.58);\n\n    font-size:11px;\n    line-height:1.55;\n}\n\n\n\/* ============================================================\n   PROCESS\n============================================================ *\/\n\n.tjs-process{\n    position:relative;\n\n    background:var(--tjs-cream);\n\n    --tjs-progress:0;\n}\n\n.tjs-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tjs-process-line{\n    position:absolute;\n\n    top:39px;\n    left:12.5%;\n    right:12.5%;\n\n    height:3px;\n\n    overflow:hidden;\n\n    border-radius:99px;\n\n    background:#dfe5df;\n}\n\n.tjs-process-progress{\n    position:absolute;\n    inset:0;\n\n    border-radius:99px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--tjs-gold),\n            var(--tjs-forest)\n        );\n\n    transform:\n        scaleX(var(--tjs-progress));\n\n    transform-origin:left center;\n}\n\n.tjs-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:30px;\n}\n\n.tjs-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tjs-process-number{\n    position:relative;\n    z-index:2;\n\n    width:80px;\n    height:80px;\n\n    margin:0 auto 25px;\n\n    display:grid;\n    place-items:center;\n\n    border:9px solid var(--tjs-cream);\n    border-radius:50%;\n\n    background:#e3e8e4;\n    color:#839087;\n\n    font-size:11px;\n    font-weight:900;\n\n    transition:\n        background .4s ease,\n        color .4s ease,\n        transform .4s ease;\n}\n\n.tjs-process-step.tjs-active\n.tjs-process-number{\n    transform:scale(1.08);\n\n    background:var(--tjs-deep);\n    color:var(--tjs-gold);\n}\n\n.tjs-process-step h3{\n    margin:0 0 10px;\n\n    color:var(--tjs-deep);\n\n    font-size:19px;\n}\n\n.tjs-process-step p{\n    max-width:245px;\n\n    margin:0 auto;\n\n    color:var(--tjs-text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   CROSS LINKS\n============================================================ *\/\n\n.tjs-links{\n    background:#fff;\n}\n\n.tjs-links-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjs-link-card{\n    position:relative;\n\n    min-height:310px;\n\n    overflow:hidden;\n\n    border-radius:23px;\n\n    background:var(--tjs-deep);\n\n    isolation:isolate;\n}\n\n.tjs-link-card img{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:\n        transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.tjs-link-card:hover img{\n    transform:scale(1.06);\n}\n\n.tjs-link-card::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-1;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.92),\n            rgba(6,22,15,.15)\n        );\n}\n\n.tjs-link-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:23px;\n}\n\n.tjs-link-content span{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:var(--tjs-gold);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n}\n\n.tjs-link-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:22px;\n}\n\n\n\/* ============================================================\n   CTA\n============================================================ *\/\n\n.tjs-final{\n    padding:105px 0;\n\n    background:var(--tjs-cream);\n}\n\n.tjs-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:88px 60px;\n\n    border-radius:32px;\n\n    background:var(--tjs-deep);\n    color:#fff;\n\n    text-align:center;\n}\n\n.tjs-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:830px;\n\n    margin:auto;\n}\n\n.tjs-final .tjs-kicker{\n    color:var(--tjs-gold);\n}\n\n.tjs-final h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(46px,6vw,79px);\n    line-height:.95;\n    letter-spacing:-.052em;\n}\n\n.tjs-final h2 span{\n    color:var(--tjs-gold);\n}\n\n.tjs-final p{\n    max-width:670px;\n\n    margin:24px auto 0;\n\n    color:rgba(255,255,255,.70);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n.tjs-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tjs-final-points{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:13px 24px;\n\n    margin-top:34px;\n}\n\n.tjs-final-point{\n    display:flex;\n    align-items:center;\n    gap:8px;\n\n    color:rgba(255,255,255,.70);\n\n    font-size:10px;\n    font-weight:700;\n}\n\n\n\/* ============================================================\n   ANIMATIONS S\u00c9CURIS\u00c9ES\n============================================================ *\/\n\n.tjs-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-reveal:not(.tjs-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-reveal.tjs-visible{\n    opacity:1;\n    transform:translateY(0);\n\n    transition:\n        opacity .75s cubic-bezier(.2,.7,.2,1),\n        transform .75s cubic-bezier(.2,.7,.2,1);\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-services-grid\n.tjs-service:nth-child(even){\n    transition-delay:.08s;\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-needs-grid\n.tjs-need:nth-child(2){\n    transition-delay:.07s;\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-needs-grid\n.tjs-need:nth-child(3){\n    transition-delay:.14s;\n}\n\n.tjs-page.tjs-motion-ready\n.tjs-needs-grid\n.tjs-need:nth-child(4){\n    transition-delay:.21s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjs-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tjs-hero-side{\n        display:none;\n    }\n\n    .tjs-intro-grid,\n    .tjs-feature-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjs-intro-visual{\n        max-width:720px;\n    }\n\n    .tjs-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tjs-services-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjs-needs-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .tjs-links-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjs-page{\n        overflow-x:hidden;\n    }\n\n    .tjs-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjs-section{\n        padding:70px 0;\n    }\n\n    .tjs-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjs-kicker::before{\n        width:25px;\n    }\n\n    .tjs-title{\n        font-size:37px;\n        line-height:1;\n        letter-spacing:-.04em;\n    }\n\n    .tjs-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n    .tjs-heading{\n        margin-bottom:32px;\n    }\n\n\n    \/* HERO *\/\n\n    .tjs-hero{\n        min-height:680px;\n\n        align-items:flex-end;\n    }\n\n    .tjs-hero-overlay{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(6,22,15,.98) 0%,\n                rgba(6,22,15,.90) 55%,\n                rgba(6,22,15,.30) 100%\n            );\n    }\n\n    .tjs-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tjs-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjs-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n    }\n\n    .tjs-hero-desc{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjs-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tjs-hero-point{\n        font-size:10px;\n    }\n\n    .tjs-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tjs-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjs-intro-grid{\n        gap:40px;\n    }\n\n    .tjs-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tjs-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tjs-intro-badge strong{\n        font-size:15px;\n    }\n\n    .tjs-intro-list{\n        grid-template-columns:1fr;\n        gap:9px;\n\n        margin-top:25px;\n    }\n\n\n    \/* SERVICES *\/\n\n    .tjs-services-grid{\n        gap:14px;\n    }\n\n    .tjs-service{\n        min-height:430px;\n\n        border-radius:21px;\n    }\n\n    .tjs-service-number{\n        top:14px;\n        right:14px;\n\n        width:42px;\n        height:42px;\n    }\n\n    .tjs-service-content{\n        padding:23px;\n    }\n\n    .tjs-service-icon{\n        width:42px;\n        height:42px;\n\n        margin-bottom:15px;\n    }\n\n    .tjs-service h3{\n        font-size:22px;\n    }\n\n    .tjs-service p{\n        margin:10px 0 16px;\n\n        font-size:12px;\n    }\n\n\n    \/* NEED *\/\n\n    .tjs-needs-grid{\n        grid-template-columns:1fr;\n        gap:10px;\n    }\n\n    .tjs-need{\n        min-height:210px;\n\n        padding:22px;\n\n        border-radius:18px;\n    }\n\n\n    \/* FEATURE *\/\n\n    .tjs-feature-grid{\n        gap:35px;\n    }\n\n    .tjs-feature-image{\n        min-height:440px;\n\n        border-radius:21px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .tjs-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjs-process-line{\n        top:39px;\n        bottom:40px;\n\n        left:39px;\n        right:auto;\n\n        width:3px;\n        height:auto;\n    }\n\n    .tjs-process-progress{\n        transform:\n            scaleY(var(--tjs-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjs-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjs-process-step{\n        min-height:170px;\n\n        padding:\n            0\n            0\n            35px\n            98px;\n\n        text-align:left;\n    }\n\n    .tjs-process-number{\n        position:absolute;\n\n        left:0;\n        top:0;\n\n        width:78px;\n        height:78px;\n\n        margin:0;\n    }\n\n    .tjs-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* LINKS *\/\n\n    .tjs-links-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjs-link-card{\n        min-height:260px;\n\n        border-radius:18px;\n    }\n\n\n    \/* CTA *\/\n\n    .tjs-final{\n        padding:65px 0;\n    }\n\n    .tjs-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjs-final h2{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tjs-final p{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tjs-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:25px;\n    }\n\n    .tjs-final-points{\n        width:max-content;\n        max-width:100%;\n\n        margin:25px auto 0;\n\n        flex-direction:column;\n        align-items:flex-start;\n        gap:8px;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .tjs-page *,\n    .tjs-page *::before,\n    .tjs-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjs-page .tjs-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=\"tjs-hero\">\n\n    <div class=\"tjs-hero-image\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Am\u00e9nagement paysager Terra Jardin\"\n            fetchpriority=\"high\">\n\n    <\/div>\n\n    <div class=\"tjs-hero-overlay\"><\/div>\n\n\n    <div class=\"tjs-hero-inner\">\n\n        <div class=\"tjs-hero-content\">\n\n            <div class=\"tjs-hero-badge\">\n\n                <span><\/span>\n\n                Les services Terra Jardin\n\n            <\/div>\n\n\n            <h1>\n                Tous les services pour\n                <span>prendre soin de votre ext\u00e9rieur.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjs-hero-desc\">\n                Cr\u00e9ation de jardin, entretien, taille,\n                \u00e9lagage, engazonnement ou am\u00e9nagement :\n                Terra Jardin vous accompagne de la premi\u00e8re id\u00e9e\n                jusqu&rsquo;\u00e0 l&rsquo;entretien de votre ext\u00e9rieur.\n            <\/p>\n\n\n            <div class=\"tjs-hero-points\">\n\n                <div class=\"tjs-hero-point\">\n                    <span class=\"tjs-check\">\u2713<\/span>\n                    Projet personnalis\u00e9\n                <\/div>\n\n                <div class=\"tjs-hero-point\">\n                    <span class=\"tjs-check\">\u2713<\/span>\n                    Prestations adapt\u00e9es\n                <\/div>\n\n                <div class=\"tjs-hero-point\">\n                    <span class=\"tjs-check\">\u2713<\/span>\n                    Devis gratuit\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjs-hero-actions\">\n\n                <a\n                    class=\"tjs-btn tjs-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjs-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjs-btn tjs-btn-light\"\n                    href=\"#prestations\">\n\n                    D\u00e9couvrir les services\n                    <span class=\"tjs-arrow\">\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tjs-hero-side\">\n\n            <div class=\"tjs-hero-side-main\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/33821329\/pexels-photo-33821329.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    alt=\"Jardin moderne\">\n\n            <\/div>\n\n\n            <div class=\"tjs-hero-small-card tjs-hero-card-one\">\n\n                <div class=\"tjs-hero-card-icon\">\n                    \u2726\n                <\/div>\n\n                <strong>\n                    De A \u00e0 Z\n                <\/strong>\n\n                <small>\n                    Cr\u00e9ation, am\u00e9nagement et entretien\n                    avec un seul interlocuteur.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tjs-hero-small-card tjs-hero-card-two\">\n\n                <div class=\"tjs-hero-card-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Sur mesure\n                <\/strong>\n\n                <small>\n                    Chaque prestation s&rsquo;adapte\n                    \u00e0 votre terrain.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     INTRO\n============================================================ -->\n\n<section class=\"tjs-section tjs-intro\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-intro-grid\">\n\n\n            <div class=\"tjs-intro-visual tjs-reveal\">\n\n                <div class=\"tjs-intro-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Jardin paysager\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tjs-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Votre ext\u00e9rieur, dans sa globalit\u00e9.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tjs-heading tjs-reveal\">\n\n                    <span class=\"tjs-kicker\">\n                        Notre savoir-faire\n                    <\/span>\n\n                    <h2 class=\"tjs-title\">\n                        Un seul professionnel\n                        pour <span>tout votre jardin.<\/span>\n                    <\/h2>\n\n                    <p class=\"tjs-text\">\n                        Terra Jardin vous accompagne sur l&rsquo;ensemble\n                        de votre projet ext\u00e9rieur, de la conception\n                        jusqu&rsquo;\u00e0 son entretien dans le temps.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tjs-intro-list\">\n\n                    <div class=\"tjs-intro-item tjs-reveal\">\n                        <span>01<\/span>\n                        <strong>Cr\u00e9er<\/strong>\n                        <p>Imaginer et r\u00e9aliser un nouvel ext\u00e9rieur.<\/p>\n                    <\/div>\n\n                    <div class=\"tjs-intro-item tjs-reveal\">\n                        <span>02<\/span>\n                        <strong>Am\u00e9nager<\/strong>\n                        <p>Structurer le jardin avec terrasses et all\u00e9es.<\/p>\n                    <\/div>\n\n                    <div class=\"tjs-intro-item tjs-reveal\">\n                        <span>03<\/span>\n                        <strong>Entretenir<\/strong>\n                        <p>Pr\u00e9server un ext\u00e9rieur propre toute l&rsquo;ann\u00e9e.<\/p>\n                    <\/div>\n\n                    <div class=\"tjs-intro-item tjs-reveal\">\n                        <span>04<\/span>\n                        <strong>Faire \u00e9voluer<\/strong>\n                        <p>Adapter le jardin \u00e0 vos nouveaux besoins.<\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     SERVICES\n============================================================ -->\n\n<section\n    class=\"tjs-section tjs-services\"\n    id=\"prestations\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-heading tjs-heading-center tjs-reveal\">\n\n            <span class=\"tjs-kicker\">\n                8 prestations\n            <\/span>\n\n            <h2 class=\"tjs-title\">\n                Tout ce qu&rsquo;il faut pour\n                <span>votre ext\u00e9rieur.<\/span>\n            <\/h2>\n\n            <p class=\"tjs-text\">\n                D\u00e9couvrez les principales prestations Terra Jardin.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjs-services-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\ud83c\udf3f<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Cr\u00e9ation de jardin\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">01<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\">\n                            <path d=\"M12 21V9\"\/>\n                            <path d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n                            <path d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Cr\u00e9ation de jardin<\/h3>\n\n                    <p>\n                        Conception compl\u00e8te de votre ext\u00e9rieur,\n                        plantations et organisation des espaces.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Conception<\/span>\n                        <span>Plantations<\/span>\n                        <span>Massifs<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/creation-jardin\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u2618<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Entretien de jardin\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">02<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\">\n                            <circle cx=\"8\" cy=\"18\" r=\"2\"\/>\n                            <circle cx=\"17\" cy=\"18\" r=\"2\"\/>\n                            <path d=\"M5 16V8h8l5 5v3\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>Entretien de jardin<\/h3>\n\n                    <p>\n                        Tonte, nettoyage et entretien r\u00e9gulier\n                        de vos espaces verts.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Tonte<\/span>\n                        <span>Nettoyage<\/span>\n                        <span>Entretien<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/entretien-jardin\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u2702<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Taille de haies\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">03<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\u2702<\/div>\n\n                    <h3>Taille de haies<\/h3>\n\n                    <p>\n                        Une taille propre et pr\u00e9cise\n                        pour structurer votre jardin.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Haies<\/span>\n                        <span>Arbustes<\/span>\n                        <span>Finitions<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/taille-haies\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\ud83c\udf33<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1200&#038;q=82\"\n                        loading=\"lazy\"\n                        alt=\"\u00c9lagage\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">04<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\ud83c\udf33<\/div>\n\n                    <h3>\u00c9lagage<\/h3>\n\n                    <p>\n                        Entretien et taille des arbres\n                        pour pr\u00e9server leur d\u00e9veloppement.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Arbres<\/span>\n                        <span>Taille<\/span>\n                        <span>S\u00e9curisation<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/elagage\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u2618<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Engazonnement\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">05<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\u2618<\/div>\n\n                    <h3>Engazonnement<\/h3>\n\n                    <p>\n                        Pr\u00e9paration du terrain et cr\u00e9ation\n                        d&rsquo;une pelouse uniforme.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Pelouse<\/span>\n                        <span>Pr\u00e9paration terrain<\/span>\n                        <span>Gazon<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/engazonnement\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u2302<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Am\u00e9nagement ext\u00e9rieur\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">06<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\u2302<\/div>\n\n                    <h3>Am\u00e9nagement ext\u00e9rieur<\/h3>\n\n                    <p>\n                        Organisation compl\u00e8te de votre ext\u00e9rieur\n                        pour cr\u00e9er un espace agr\u00e9able \u00e0 vivre.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Am\u00e9nagement<\/span>\n                        <span>Ext\u00e9rieurs<\/span>\n                        <span>Sur mesure<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/amenagement-exterieur\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 07 TERRASSES & ALL\u00c9ES\n                 IMAGE CORRIG\u00c9E\n            ================================================= -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u25b0<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1400\"\n                        loading=\"lazy\"\n                        alt=\"Terrasse r\u00e9sidentielle avec pelouse et jardin\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/8288955\/pexels-photo-8288955.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1400';\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">07<\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M3 7h18\"\/>\n                            <path d=\"M3 12h18\"\/>\n                            <path d=\"M3 17h18\"\/>\n                            <path d=\"M7 4v16\"\/>\n                            <path d=\"M17 4v16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Terrasses &#038; all\u00e9es\n                    <\/h3>\n\n                    <p>\n                        Cr\u00e9ation d&rsquo;espaces de circulation\n                        et de d\u00e9tente pour structurer\n                        et valoriser votre ext\u00e9rieur.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n                        <span>Terrasse<\/span>\n                        <span>All\u00e9e<\/span>\n                        <span>Circulation<\/span>\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/terrasses-allees\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =================================================\n                 08 CL\u00d4TURES\n                 IMAGE CORRIG\u00c9E + FALLBACK\n            ================================================= -->\n\n            <article class=\"tjs-service tjs-reveal\">\n\n                <div class=\"tjs-service-media\">\n\n                    <div class=\"tjs-service-fallback\">\u2551<\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/18832449\/pexels-photo-18832449.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1400\"\n                        loading=\"lazy\"\n                        alt=\"Cl\u00f4ture en bois dans un jardin paysager\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/8121950\/pexels-photo-8121950.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1400';\">\n\n                <\/div>\n\n                <div class=\"tjs-service-shade\"><\/div>\n\n                <span class=\"tjs-service-number\">\n                    08\n                <\/span>\n\n\n                <div class=\"tjs-service-content\">\n\n                    <div class=\"tjs-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M5 3v18\"\/>\n                            <path d=\"M12 3v18\"\/>\n                            <path d=\"M19 3v18\"\/>\n                            <path d=\"M3 8h18\"\/>\n                            <path d=\"M3 16h18\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Cl\u00f4tures\n                    <\/h3>\n\n                    <p>\n                        D\u00e9limitez, s\u00e9curisez et habillez votre terrain\n                        avec une cl\u00f4ture adapt\u00e9e \u00e0 votre ext\u00e9rieur.\n                    <\/p>\n\n                    <div class=\"tjs-service-tags\">\n\n                        <span>D\u00e9limitation<\/span>\n                        <span>Intimit\u00e9<\/span>\n                        <span>Ext\u00e9rieur<\/span>\n\n                    <\/div>\n\n                    <a\n                        class=\"tjs-service-link\"\n                        href=\"\/paysagiste\/clotures\/\">\n\n                        Voir la prestation\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BESOIN\n============================================================ -->\n\n<section class=\"tjs-section tjs-needs\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-heading tjs-heading-center tjs-reveal\">\n\n            <span class=\"tjs-kicker\">\n                Votre besoin\n            <\/span>\n\n            <h2 class=\"tjs-title\">\n                Vous savez ce que vous voulez\n                <span>obtenir ?<\/span>\n            <\/h2>\n\n            <p class=\"tjs-text\">\n                Choisissez votre objectif et d\u00e9couvrez\n                la prestation la plus adapt\u00e9e.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjs-needs-grid\">\n\n            <a\n                class=\"tjs-need tjs-reveal\"\n                href=\"\/paysagiste\/creation-jardin\/\">\n\n                <span class=\"tjs-need-number\">01<\/span>\n\n                <h3>Cr\u00e9er un jardin<\/h3>\n\n                <p>\n                    Transformer enti\u00e8rement votre terrain\n                    et cr\u00e9er un nouvel ext\u00e9rieur.\n                <\/p>\n\n                <span class=\"tjs-need-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <a\n                class=\"tjs-need tjs-reveal\"\n                href=\"\/paysagiste\/entretien-jardin\/\">\n\n                <span class=\"tjs-need-number\">02<\/span>\n\n                <h3>Entretenir l&rsquo;existant<\/h3>\n\n                <p>\n                    Conserver un jardin propre et entretenu\n                    au fil des saisons.\n                <\/p>\n\n                <span class=\"tjs-need-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <a\n                class=\"tjs-need tjs-reveal\"\n                href=\"\/paysagiste\/amenagement-exterieur\/\">\n\n                <span class=\"tjs-need-number\">03<\/span>\n\n                <h3>R\u00e9am\u00e9nager l&rsquo;ext\u00e9rieur<\/h3>\n\n                <p>\n                    Restructurer et moderniser\n                    les diff\u00e9rents espaces.\n                <\/p>\n\n                <span class=\"tjs-need-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <a\n                class=\"tjs-need tjs-reveal\"\n                href=\"\/paysagiste\/contact\/\">\n\n                <span class=\"tjs-need-number\">04<\/span>\n\n                <h3>\u00catre conseill\u00e9<\/h3>\n\n                <p>\n                    Pr\u00e9sentez votre id\u00e9e et trouvez\n                    les solutions adapt\u00e9es.\n                <\/p>\n\n                <span class=\"tjs-need-arrow\">\u2192<\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     FEATURE\n============================================================ -->\n\n<section class=\"tjs-section tjs-feature\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-feature-grid\">\n\n\n            <div class=\"tjs-feature-image tjs-reveal\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/33821329\/pexels-photo-33821329.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1400\"\n                    loading=\"lazy\"\n                    alt=\"Jardin paysager\"\n                    onerror=\"this.remove()\">\n\n            <\/div>\n\n\n            <div class=\"tjs-reveal\">\n\n                <span class=\"tjs-kicker\">\n                    Une vision globale\n                <\/span>\n\n                <h2 class=\"tjs-title\">\n                    Cr\u00e9er aujourd&rsquo;hui.\n                    <span>Entretenir demain.<\/span>\n                <\/h2>\n\n                <p class=\"tjs-text\">\n                    Terra Jardin peut vous accompagner\n                    pour cr\u00e9er votre ext\u00e9rieur puis pr\u00e9server\n                    son aspect au fil du temps.\n                <\/p>\n\n\n                <div class=\"tjs-feature-list\">\n\n                    <div class=\"tjs-feature-item\">\n\n                        <div class=\"tjs-feature-check\">\u2713<\/div>\n\n                        <div>\n\n                            <strong>\n                                Un projet coh\u00e9rent\n                            <\/strong>\n\n                            <p>\n                                Les prestations sont pens\u00e9es ensemble.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tjs-feature-item\">\n\n                        <div class=\"tjs-feature-check\">\u2713<\/div>\n\n                        <div>\n\n                            <strong>\n                                Un seul interlocuteur\n                            <\/strong>\n\n                            <p>\n                                Plus simple pour suivre votre projet.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tjs-feature-item\">\n\n                        <div class=\"tjs-feature-check\">\u2713<\/div>\n\n                        <div>\n\n                            <strong>\n                                Des solutions adapt\u00e9es\n                            <\/strong>\n\n                            <p>\n                                Chaque terrain n\u00e9cessite une approche diff\u00e9rente.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div style=\"margin-top:28px;\">\n\n                    <a\n                        class=\"tjs-btn tjs-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Pr\u00e9senter mon projet\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PROCESS\n============================================================ -->\n\n<section\n    class=\"tjs-section tjs-process\"\n    data-tjs-process>\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-heading tjs-heading-center tjs-reveal\">\n\n            <span class=\"tjs-kicker\">\n                Comment \u00e7a fonctionne ?\n            <\/span>\n\n            <h2 class=\"tjs-title\">\n                Une prestation adapt\u00e9e\n                \u00e0 <span>votre projet.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjs-process-wrap\">\n\n            <div class=\"tjs-process-line\">\n                <div class=\"tjs-process-progress\"><\/div>\n            <\/div>\n\n\n            <div class=\"tjs-process-grid\">\n\n                <article class=\"tjs-process-step\">\n\n                    <div class=\"tjs-process-number\">01<\/div>\n\n                    <h3>Votre besoin<\/h3>\n\n                    <p>\n                        Vous nous expliquez\n                        votre projet ext\u00e9rieur.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjs-process-step\">\n\n                    <div class=\"tjs-process-number\">02<\/div>\n\n                    <h3>Analyse<\/h3>\n\n                    <p>\n                        Nous identifions\n                        les solutions adapt\u00e9es.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjs-process-step\">\n\n                    <div class=\"tjs-process-number\">03<\/div>\n\n                    <h3>Proposition<\/h3>\n\n                    <p>\n                        Une solution claire\n                        vous est propos\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjs-process-step\">\n\n                    <div class=\"tjs-process-number\">04<\/div>\n\n                    <h3>Intervention<\/h3>\n\n                    <p>\n                        La prestation\n                        est ensuite r\u00e9alis\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     LINKS\n============================================================ -->\n\n<section class=\"tjs-section tjs-links\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-heading tjs-heading-center tjs-reveal\">\n\n            <span class=\"tjs-kicker\">\n                Aller plus loin\n            <\/span>\n\n            <h2 class=\"tjs-title\">\n                D\u00e9couvrez aussi\n                <span>Terra Jardin.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjs-links-grid\">\n\n\n            <a\n                class=\"tjs-link-card tjs-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"R\u00e9alisations\">\n\n                <div class=\"tjs-link-content\">\n\n                    <span>Inspiration<\/span>\n\n                    <strong>\n                        Voir nos r\u00e9alisations \u2192\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjs-link-card tjs-reveal\"\n                href=\"\/paysagiste\/zones-intervention\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Zones\">\n\n                <div class=\"tjs-link-content\">\n\n                    <span>Intervention<\/span>\n\n                    <strong>\n                        D\u00e9couvrir nos zones \u2192\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjs-link-card tjs-reveal\"\n                href=\"\/paysagiste\/a-propos\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Terra Jardin\">\n\n                <div class=\"tjs-link-content\">\n\n                    <span>Terra Jardin<\/span>\n\n                    <strong>\n                        En savoir plus \u2192\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CTA FINAL\n============================================================ -->\n\n<section class=\"tjs-final\">\n\n    <div class=\"tjs-container\">\n\n        <div class=\"tjs-final-box tjs-reveal\">\n\n            <div class=\"tjs-final-content\">\n\n                <span class=\"tjs-kicker\">\n                    Votre ext\u00e9rieur\n                <\/span>\n\n                <h2>\n                    Une prestation \u00e0 r\u00e9aliser ?\n                    <span>Parlons de votre projet.<\/span>\n                <\/h2>\n\n                <p>\n                    Expliquez-nous votre besoin et recevez\n                    une solution adapt\u00e9e \u00e0 votre ext\u00e9rieur.\n                <\/p>\n\n\n                <div class=\"tjs-final-actions\">\n\n                    <a\n                        class=\"tjs-btn tjs-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjs-btn tjs-btn-light\"\n                        href=\"\/paysagiste\/realisations\/\">\n\n                        Voir nos r\u00e9alisations\n                        <span class=\"tjs-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tjs-final-points\">\n\n                    <span class=\"tjs-final-point\">\n                        <span class=\"tjs-check\">\u2713<\/span>\n                        Devis gratuit\n                    <\/span>\n\n                    <span class=\"tjs-final-point\">\n                        <span class=\"tjs-check\">\u2713<\/span>\n                        Projet personnalis\u00e9\n                    <\/span>\n\n                    <span class=\"tjs-final-point\">\n                        <span class=\"tjs-check\">\u2713<\/span>\n                        Plusieurs prestations\n                    <\/span>\n\n                    <span class=\"tjs-final-point\">\n                        <span class=\"tjs-check\">\u2713<\/span>\n                        Accompagnement\n                    <\/span>\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\n    function initTerraServices(){\n\n        var root =\n            document.querySelector(\n                \".tjs-page\"\n            );\n\n\n        if(!root){\n            return;\n        }\n\n\n        var reducedMotion = false;\n\n\n        try{\n\n            reducedMotion =\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n        }catch(error){\n\n            reducedMotion = false;\n\n        }\n\n\n\n        \/* ==================================================\n           REVEAL\n        ================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tjs-reveal\"\n                );\n\n\n            if(\n                reducedMotion ||\n                !(\n                    \"IntersectionObserver\"\n                    in window\n                )\n            ){\n\n                for(\n                    var r = 0;\n                    r < revealItems.length;\n                    r++\n                ){\n\n                    revealItems[r]\n                        .classList\n                        .add(\n                            \"tjs-visible\"\n                        );\n\n                }\n\n            }else{\n\n\n                var viewportHeight =\n                    window.innerHeight ||\n                    document.documentElement.clientHeight;\n\n\n                for(\n                    var i = 0;\n                    i < revealItems.length;\n                    i++\n                ){\n\n                    var rect =\n                        revealItems[i]\n                            .getBoundingClientRect();\n\n\n                    if(\n                        rect.top <\n                        viewportHeight * .94\n                    ){\n\n                        revealItems[i]\n                            .classList\n                            .add(\n                                \"tjs-visible\"\n                            );\n\n                    }\n\n                }\n\n\n                var observer =\n                    new IntersectionObserver(\n\n                        function(entries){\n\n                            for(\n                                var e = 0;\n                                e < entries.length;\n                                e++\n                            ){\n\n                                if(\n                                    entries[e]\n                                        .isIntersecting\n                                ){\n\n                                    entries[e]\n                                        .target\n                                        .classList\n                                        .add(\n                                            \"tjs-visible\"\n                                        );\n\n\n                                    observer\n                                        .unobserve(\n                                            entries[e]\n                                                .target\n                                        );\n\n                                }\n\n                            }\n\n                        },\n\n                        {\n                            threshold:.12,\n\n                            rootMargin:\n                                \"0px 0px -45px 0px\"\n                        }\n\n                    );\n\n\n                for(\n                    var o = 0;\n                    o < revealItems.length;\n                    o++\n                ){\n\n                    observer.observe(\n                        revealItems[o]\n                    );\n\n                }\n\n\n                root.classList.add(\n                    \"tjs-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tjs-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ==================================================\n           PROCESS\n        ================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tjs-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tjs-process-step\"\n                );\n\n\n            var ticking = false;\n\n\n            function clamp(\n                number,\n                min,\n                max\n            ){\n\n                return Math.min(\n                    Math.max(\n                        number,\n                        min\n                    ),\n                    max\n                );\n\n            }\n\n\n            function updateProcess(){\n\n                ticking = false;\n\n\n                var rect =\n                    process\n                        .getBoundingClientRect();\n\n\n                var viewport =\n                    window.innerHeight ||\n                    document.documentElement\n                        .clientHeight;\n\n\n                var start =\n                    viewport * .78;\n\n\n                var distance =\n                    Math.max(\n                        rect.height +\n                        viewport * .18,\n                        1\n                    );\n\n\n                var progress =\n                    (\n                        start -\n                        rect.top\n                    ) \/\n                    distance;\n\n\n                progress =\n                    clamp(\n                        progress,\n                        0,\n                        1\n                    );\n\n\n                process.style\n                    .setProperty(\n                        \"--tjs-progress\",\n                        progress.toFixed(4)\n                    );\n\n\n                var thresholds =\n                    [\n                        .03,\n                        .32,\n                        .61,\n                        .87\n                    ];\n\n\n                for(\n                    var s = 0;\n                    s < steps.length;\n                    s++\n                ){\n\n                    var threshold =\n                        thresholds[s] !== undefined\n                        ?\n                        thresholds[s]\n                        :\n                        s \/\n                        Math.max(\n                            steps.length - 1,\n                            1\n                        );\n\n\n                    if(\n                        progress >=\n                        threshold\n                    ){\n\n                        steps[s]\n                            .classList\n                            .add(\n                                \"tjs-active\"\n                            );\n\n                    }else{\n\n                        steps[s]\n                            .classList\n                            .remove(\n                                \"tjs-active\"\n                            );\n\n                    }\n\n                }\n\n            }\n\n\n            function requestProcess(){\n\n                if(ticking){\n                    return;\n                }\n\n\n                ticking = true;\n\n\n                requestAnimationFrame(\n                    updateProcess\n                );\n\n            }\n\n\n            if(reducedMotion){\n\n                process.style\n                    .setProperty(\n                        \"--tjs-progress\",\n                        \"1\"\n                    );\n\n\n                for(\n                    var p = 0;\n                    p < steps.length;\n                    p++\n                ){\n\n                    steps[p]\n                        .classList\n                        .add(\n                            \"tjs-active\"\n                        );\n\n                }\n\n            }else{\n\n                window.addEventListener(\n                    \"scroll\",\n                    requestProcess,\n                    {\n                        passive:true\n                    }\n                );\n\n\n                window.addEventListener(\n                    \"resize\",\n                    requestProcess\n                );\n\n\n                updateProcess();\n\n            }\n\n        }catch(error){\n\n            \/* contenu toujours visible *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraServices\n        );\n\n    }else{\n\n        initTerraServices();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les services Terra Jardin Tous les services pour prendre soin de votre ext\u00e9rieur. Cr\u00e9ation de jardin, entretien, taille, \u00e9lagage, engazonnement ou am\u00e9nagement : Terra Jardin vous accompagne de la premi\u00e8re id\u00e9e jusqu&rsquo;\u00e0 l&rsquo;entretien de votre ext\u00e9rieur. \u2713 Projet personnalis\u00e9 \u2713 Prestations adapt\u00e9es \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir les services \u2193 \u2726 De [&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-15","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\/15","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=15"}],"version-history":[{"count":3,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/15\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}