{"id":23,"date":"2026-09-18T14:16:32","date_gmt":"2026-09-18T12:16:32","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=23"},"modified":"2026-09-18T15:42:54","modified_gmt":"2026-09-18T13:42:54","slug":"elagage","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/elagage\/","title":{"rendered":"\u00c9lagage"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tja-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 \u00c9LAGAGE\n============================================================ *\/\n\n.tja-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    --black:#161a17;\n    --text:#6f776f;\n    --border:rgba(24,57,43,.12);\n\n    width:100vw;\n    max-width:none;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n    overflow:hidden;\n\n    background:var(--cream);\n    color:var(--black);\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tja-page *,\n.tja-page *::before,\n.tja-page *::after{\n    box-sizing:border-box;\n}\n\n.tja-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tja-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tja-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tja-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tja-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n\n    margin:0 0 18px;\n\n    color:var(--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.tja-kicker::before{\n    content:\"\";\n    width:34px;\n    height:1px;\n    background:var(--gold);\n}\n\n.tja-title{\n    margin:0;\n\n    color:var(--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.tja-title span{\n    color:var(--gold);\n}\n\n.tja-text{\n    max-width:660px;\n\n    margin:22px 0 0;\n\n    color:var(--text);\n\n    font-size:16px;\n    line-height:1.75;\n}\n\n.tja-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tja-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n    text-align:center;\n}\n\n.tja-heading-center .tja-kicker{\n    justify-content:center;\n}\n\n.tja-heading-center .tja-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tja-btn{\n    min-height:56px;\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 .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.tja-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tja-btn-gold{\n    background:var(--gold);\n    color:var(--deep);\n\n    box-shadow:\n        0 14px 35px rgba(213,185,133,.2);\n}\n\n.tja-btn-gold:hover{\n    background:var(--gold-light);\n}\n\n.tja-btn-light{\n    border-color:rgba(255,255,255,.24);\n    background:rgba(255,255,255,.07);\n    color:#fff;\n\n    backdrop-filter:blur(12px);\n}\n\n.tja-btn-light:hover{\n    background:#fff;\n    color:var(--deep);\n}\n\n.tja-btn-dark{\n    border-color:rgba(16,41,31,.18);\n    background:transparent;\n    color:var(--deep);\n}\n\n.tja-btn-dark:hover{\n    background:var(--deep);\n    color:#fff;\n}\n\n.tja-arrow{\n    transition:transform .3s ease;\n}\n\n.tja-btn:hover .tja-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tja-hero{\n    position:relative;\n\n    min-height:800px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n    isolation:isolate;\n\n    background:var(--deep);\n    color:#fff;\n}\n\n.tja-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tja-hero-bg img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tja-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,.97) 0%,\n            rgba(6,22,15,.85) 43%,\n            rgba(6,22,15,.50) 73%,\n            rgba(6,22,15,.27) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.52),\n            transparent 55%\n        );\n}\n\n.tja-hero::after{\n    content:\"\";\n\n    position:absolute;\n    z-index:-2;\n\n    width:650px;\n    height:650px;\n\n    left:-350px;\n    bottom:-370px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.13);\n\n    filter:blur(80px);\n}\n\n.tja-hero-inner{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n\n    padding:115px 0 85px;\n\n    display:grid;\n    grid-template-columns:1.15fr .65fr;\n    gap:70px;\n\n    align-items:center;\n}\n\n.tja-hero-content{\n    max-width:800px;\n}\n\n.tja-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.tja-hero-badge-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.tja-hero h1{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(52px,6vw,88px);\n    line-height:.92;\n    font-weight:780;\n    letter-spacing:-.057em;\n}\n\n.tja-hero h1 span{\n    display:block;\n    color:var(--gold);\n}\n\n.tja-hero-desc{\n    max-width:650px;\n\n    margin:28px 0 0;\n\n    color:rgba(255,255,255,.74);\n\n    font-size:18px;\n    line-height:1.65;\n}\n\n.tja-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tja-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.tja-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(--gold);\n    color:var(--deep);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tja-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:34px;\n}\n\n\n\/* HERO RIGHT *\/\n\n.tja-hero-side{\n    position:relative;\n    min-height:500px;\n}\n\n.tja-hero-main{\n    position:absolute;\n\n    inset:30px 10px 40px 45px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:30px;\n\n    background:#315b45;\n\n    box-shadow:\n        0 35px 90px rgba(0,0,0,.34);\n}\n\n.tja-hero-main img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tja-hero-main::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.tja-floating{\n    position:absolute;\n    z-index:3;\n\n    min-width:185px;\n\n    padding:16px 17px;\n\n    border:1px solid rgba(255,255,255,.17);\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,.2);\n}\n\n.tja-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tja-floating small{\n    display:block;\n\n    margin-top:4px;\n\n    color:rgba(255,255,255,.60);\n\n    font-size:9px;\n    line-height:1.45;\n}\n\n.tja-floating-top{\n    top:0;\n    right:0;\n}\n\n.tja-floating-bottom{\n    left:0;\n    bottom:5px;\n}\n\n\n\/* ============================================================\n   BENEFITS\n============================================================ *\/\n\n.tja-benefits{\n    position:relative;\n\n    padding:70px 0;\n\n    overflow:hidden;\n\n    background:var(--deep);\n}\n\n.tja-benefits::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    opacity:.07;\n\n    background-image:\n        radial-gradient(\n            circle at 1px 1px,\n            #fff 1px,\n            transparent 0\n        );\n\n    background-size:24px 24px;\n}\n\n.tja-benefits-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tja-benefit{\n    padding:15px 30px;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.tja-benefit:last-child{\n    border-right:0;\n}\n\n.tja-benefit-icon{\n    width:45px;\n    height:45px;\n\n    margin:0 auto 16px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:14px;\n\n    background:rgba(213,185,133,.16);\n    color:var(--gold);\n}\n\n.tja-benefit-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tja-benefit strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tja-benefit span{\n    display:block;\n\n    margin-top:6px;\n\n    color:rgba(255,255,255,.58);\n\n    font-size:10px;\n    line-height:1.5;\n}\n\n\n\/* ============================================================\n   INTRO\n============================================================ *\/\n\n.tja-intro{\n    background:#fff;\n}\n\n.tja-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tja-intro-visual{\n    position:relative;\n}\n\n.tja-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.tja-intro-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tja-intro-badge{\n    position:absolute;\n\n    right:-28px;\n    bottom:40px;\n\n    width:195px;\n\n    padding:20px;\n\n    border-radius:18px;\n\n    background:var(--gold);\n    color:var(--deep);\n\n    box-shadow:\n        0 18px 45px rgba(16,41,31,.17);\n}\n\n.tja-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.tja-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:19px;\n    line-height:1.15;\n}\n\n.tja-intro-cards{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:13px;\n\n    margin-top:35px;\n}\n\n.tja-intro-card{\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:var(--cream);\n}\n\n.tja-intro-card span{\n    display:block;\n\n    margin-bottom:14px;\n\n    color:var(--gold);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tja-intro-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tja-intro-card p{\n    margin:7px 0 0;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   PRESTATIONS PREMIUM\n============================================================ *\/\n\n.tja-included{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.tja-included::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:650px;\n    height:650px;\n\n    right:-390px;\n    top:-380px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(213,185,133,.14),\n            transparent 68%\n        );\n}\n\n.tja-included::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:430px;\n    height:430px;\n\n    left:-300px;\n    bottom:-270px;\n\n    border:1px solid rgba(24,57,43,.06);\n    border-radius:50%;\n}\n\n.tja-included-head{\n    position:relative;\n    z-index:2;\n\n    max-width:850px;\n\n    margin:0 auto 55px;\n\n    text-align:center;\n}\n\n.tja-included-head .tja-kicker{\n    justify-content:center;\n}\n\n.tja-included-head .tja-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.tja-included-grid{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:17px;\n}\n\n.tja-included-card{\n    position:relative;\n\n    min-height:285px;\n\n    overflow:hidden;\n\n    padding:28px;\n\n    border:1px solid rgba(24,57,43,.11);\n    border-radius:24px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.98),\n            rgba(255,255,255,.88)\n        );\n\n    box-shadow:\n        0 8px 30px rgba(16,41,31,.035);\n\n    transition:\n        transform .45s cubic-bezier(.2,.7,.2,1),\n        border-color .4s ease,\n        box-shadow .45s ease;\n}\n\n.tja-included-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n    right:0;\n\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 .45s ease;\n}\n\n.tja-included-card::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:180px;\n    height:180px;\n\n    right:-95px;\n    bottom:-100px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(213,185,133,.13),\n            transparent 70%\n        );\n\n    pointer-events:none;\n}\n\n.tja-included-card:hover{\n    transform:translateY(-8px);\n\n    border-color:rgba(213,185,133,.65);\n\n    background:#fff;\n\n    box-shadow:\n        0 28px 65px rgba(16,41,31,.09);\n}\n\n.tja-included-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tja-included-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:30px;\n}\n\n.tja-included-icon{\n    width:54px;\n    height:54px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:16px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f1e7d2,\n            #f8f2e7\n        );\n\n    color:var(--deep);\n\n    box-shadow:\n        inset 0 0 0 1px rgba(213,185,133,.18);\n\n    transition:\n        transform .35s ease,\n        background .35s ease;\n}\n\n.tja-included-card:hover\n.tja-included-icon{\n    transform:\n        translateY(-3px)\n        rotate(-2deg);\n\n    background:var(--gold);\n}\n\n.tja-included-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tja-included-number{\n    min-width:38px;\n    height:38px;\n\n    display:grid;\n    place-items:center;\n\n    border:1px solid rgba(24,57,43,.08);\n    border-radius:50%;\n\n    background:var(--cream);\n\n    color:rgba(16,41,31,.40);\n\n    font-size:9px;\n    font-weight:900;\n\n    transition:\n        background .35s ease,\n        color .35s ease;\n}\n\n.tja-included-card:hover\n.tja-included-number{\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tja-included-card h3{\n    margin:0 0 11px;\n\n    color:var(--deep);\n\n    font-size:21px;\n    line-height:1.15;\n    letter-spacing:-.02em;\n}\n\n.tja-included-card p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tja-included-meta{\n    margin-top:23px;\n\n    display:flex;\n    align-items:center;\n    gap:7px;\n\n    color:var(--green);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.06em;\n    text-transform:uppercase;\n}\n\n.tja-included-meta::before{\n    content:\"\";\n\n    width:18px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n\n\/* ============================================================\n   TYPES INTERVENTION\n============================================================ *\/\n\n.tja-types{\n    background:#fff;\n}\n\n.tja-types-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tja-type{\n    position:relative;\n\n    min-height:430px;\n\n    overflow:hidden;\n\n    border-radius:24px;\n\n    background:var(--deep);\n\n    isolation:isolate;\n}\n\n.tja-type-media{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n}\n\n.tja-type-media img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:\n        transform .75s cubic-bezier(.2,.7,.2,1);\n}\n\n.tja-type:hover img{\n    transform:scale(1.055);\n}\n\n.tja-type::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,.95) 0%,\n            rgba(6,22,15,.55) 46%,\n            rgba(6,22,15,.12) 80%\n        );\n}\n\n.tja-type-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:24px;\n}\n\n.tja-type-content span{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--gold);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.tja-type-content h3{\n    margin:0 0 10px;\n\n    color:#fff;\n\n    font-size:24px;\n    line-height:1.1;\n}\n\n.tja-type-content p{\n    margin:0;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:11px;\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   AVANT APRES\n============================================================ *\/\n\n.tja-transform{\n    background:var(--cream);\n}\n\n.tja-transform-box{\n    position:relative;\n\n    min-height:620px;\n\n    overflow:hidden;\n\n    border-radius:32px;\n\n    background:var(--deep);\n}\n\n.tja-transform-box > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tja-transform-box::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(6,22,15,.93),\n            rgba(6,22,15,.50) 63%,\n            rgba(6,22,15,.16)\n        );\n}\n\n.tja-transform-content{\n    position:relative;\n    z-index:2;\n\n    max-width:670px;\n    min-height:620px;\n\n    padding:70px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    color:#fff;\n}\n\n.tja-transform-tag{\n    width:max-content;\n\n    margin-bottom:22px;\n    padding:8px 12px;\n\n    border:1px solid rgba(255,255,255,.2);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.08);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.tja-transform h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(44px,6vw,75px);\n    line-height:.95;\n    letter-spacing:-.05em;\n}\n\n.tja-transform h2 span{\n    color:var(--gold);\n}\n\n.tja-transform p{\n    max-width:530px;\n\n    margin:24px 0 0;\n\n    color:rgba(255,255,255,.70);\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n.tja-transform-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.tja-transform-chips span{\n    padding:8px 11px;\n\n    border:1px solid rgba(255,255,255,.11);\n    border-radius:10px;\n\n    background:rgba(255,255,255,.08);\n\n    font-size:10px;\n}\n\n\n\/* ============================================================\n   PROCESS\n============================================================ *\/\n\n.tja-process{\n    position:relative;\n\n    background:#fff;\n\n    --tja-progress:0;\n}\n\n.tja-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tja-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:100px;\n\n    background:#e0e5e1;\n}\n\n.tja-process-progress{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            var(--forest)\n        );\n\n    transform:\n        scaleX(var(--tja-progress));\n\n    transform-origin:left center;\n}\n\n.tja-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:20px;\n}\n\n.tja-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tja-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 #fff;\n    border-radius:50%;\n\n    background:#e4e8e4;\n    color:#839087;\n\n    font-size:11px;\n    font-weight:900;\n\n    transition:\n        transform .4s ease,\n        background .4s ease,\n        color .4s ease;\n}\n\n.tja-process-step.tja-active\n.tja-process-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tja-process-step h3{\n    margin:0 0 9px;\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tja-process-step p{\n    max-width:205px;\n\n    margin:0 auto;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.65;\n}\n\n\n\/* ============================================================\n   RELATED\n============================================================ *\/\n\n.tja-related{\n    background:var(--cream);\n}\n\n.tja-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tja-related-card{\n    position:relative;\n\n    min-height:330px;\n\n    overflow:hidden;\n\n    border-radius:23px;\n\n    background:var(--deep);\n\n    isolation:isolate;\n}\n\n.tja-related-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.tja-related-card:hover img{\n    transform:scale(1.055);\n}\n\n.tja-related-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,.94),\n            rgba(6,22,15,.15)\n        );\n}\n\n.tja-related-content{\n    position:absolute;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.tja-related-content span{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:850;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n}\n\n.tja-related-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:21px;\n}\n\n.tja-related-content small{\n    display:block;\n\n    margin-top:7px;\n\n    color:rgba(255,255,255,.63);\n\n    font-size:10px;\n}\n\n\n\/* ============================================================\n   FAQ\n============================================================ *\/\n\n.tja-faq{\n    background:#fff;\n}\n\n.tja-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n\n    align-items:start;\n}\n\n.tja-faq-intro{\n    position:sticky;\n    top:120px;\n}\n\n.tja-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tja-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n}\n\n.tja-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:14px;\n    font-weight:800;\n}\n\n.tja-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tja-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:rgba(213,185,133,.22);\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tja-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tja-faq-answer{\n    padding:0 22px 21px;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   CTA\n============================================================ *\/\n\n.tja-final{\n    padding:105px 0;\n\n    background:var(--cream);\n}\n\n.tja-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:88px 60px;\n\n    border-radius:32px;\n\n    background:var(--deep);\n    color:#fff;\n\n    text-align:center;\n}\n\n.tja-final-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    right:-260px;\n    top:-280px;\n\n    border:1px solid rgba(213,185,133,.16);\n    border-radius:50%;\n}\n\n.tja-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:370px;\n    height:370px;\n\n    left:-220px;\n    bottom:-230px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.07);\n}\n\n.tja-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:840px;\n\n    margin:auto;\n}\n\n.tja-final .tja-kicker{\n    color:var(--gold);\n}\n\n.tja-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.tja-final h2 span{\n    color:var(--gold);\n}\n\n.tja-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.tja-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tja-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.tja-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}\n\n\n\/* ============================================================\n   SCROLL SAFE\n============================================================ *\/\n\n.tja-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tja-page.tja-motion-ready\n.tja-reveal:not(.tja-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tja-page.tja-motion-ready\n.tja-reveal.tja-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.tja-page.tja-motion-ready\n.tja-included-card:nth-child(2),\n.tja-page.tja-motion-ready\n.tja-type:nth-child(2),\n.tja-page.tja-motion-ready\n.tja-related-card:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tja-page.tja-motion-ready\n.tja-included-card:nth-child(3),\n.tja-page.tja-motion-ready\n.tja-type:nth-child(3),\n.tja-page.tja-motion-ready\n.tja-related-card:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tja-page.tja-motion-ready\n.tja-included-card:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tja-page.tja-motion-ready\n.tja-included-card:nth-child(6){\n    transition-delay:.16s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tja-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tja-hero-side{\n        display:none;\n    }\n\n    .tja-intro-grid,\n    .tja-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tja-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tja-included-grid,\n    .tja-types-grid,\n    .tja-related-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tja-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tja-container{\n        width:calc(100% - 28px);\n    }\n\n    .tja-section{\n        padding:70px 0;\n    }\n\n\n    .tja-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tja-kicker::before{\n        width:25px;\n    }\n\n    .tja-title{\n        font-size:37px;\n        line-height:1;\n    }\n\n    .tja-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n\n    \/* HERO *\/\n\n    .tja-hero{\n        min-height:700px;\n\n        align-items:flex-end;\n    }\n\n    .tja-hero-overlay{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(6,22,15,.98) 0%,\n                rgba(6,22,15,.90) 56%,\n                rgba(6,22,15,.31) 100%\n            );\n    }\n\n    .tja-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tja-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tja-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n    }\n\n    .tja-hero-desc{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tja-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tja-hero-point{\n        font-size:10px;\n    }\n\n    .tja-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tja-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .tja-benefits{\n        padding:48px 0;\n    }\n\n    .tja-benefits-grid{\n        grid-template-columns:1fr 1fr;\n        gap:26px 0;\n    }\n\n    .tja-benefit{\n        padding:8px;\n    }\n\n    .tja-benefit:nth-child(2){\n        border-right:0;\n    }\n\n    .tja-benefit strong{\n        font-size:12px;\n    }\n\n    .tja-benefit span{\n        font-size:8px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tja-intro-grid{\n        gap:40px;\n    }\n\n    .tja-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tja-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tja-intro-badge strong{\n        font-size:15px;\n    }\n\n    .tja-intro-cards{\n        grid-template-columns:1fr;\n        gap:9px;\n\n        margin-top:25px;\n    }\n\n\n    \/* INCLUDED *\/\n\n    .tja-included-head{\n        margin-bottom:32px;\n    }\n\n    .tja-included-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tja-included-card{\n        min-height:auto;\n\n        padding:20px;\n\n        border-radius:19px;\n    }\n\n    .tja-included-top{\n        margin-bottom:18px;\n    }\n\n    .tja-included-icon{\n        width:47px;\n        height:47px;\n\n        border-radius:14px;\n    }\n\n    .tja-included-icon svg{\n        width:20px;\n        height:20px;\n    }\n\n    .tja-included-number{\n        width:34px;\n        min-width:34px;\n        height:34px;\n    }\n\n    .tja-included-card h3{\n        font-size:18px;\n    }\n\n    .tja-included-card p{\n        font-size:11px;\n    }\n\n    .tja-included-meta{\n        margin-top:17px;\n\n        font-size:8px;\n    }\n\n\n    \/* TYPES *\/\n\n    .tja-types-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tja-type{\n        min-height:370px;\n\n        border-radius:19px;\n    }\n\n\n    \/* TRANSFORM *\/\n\n    .tja-transform-box{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tja-transform-box::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(6,22,15,.96),\n                rgba(6,22,15,.28)\n            );\n    }\n\n    .tja-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tja-transform h2{\n        font-size:40px;\n    }\n\n    .tja-transform p{\n        font-size:12px;\n    }\n\n\n    \/* TIMELINE *\/\n\n    .tja-process-wrap{\n        margin-top:45px;\n    }\n\n    .tja-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    .tja-process-progress{\n        transform:\n            scaleY(var(--tja-progress));\n\n        transform-origin:center top;\n    }\n\n    .tja-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tja-process-step{\n        min-height:160px;\n\n        padding:\n            0\n            0\n            32px\n            98px;\n\n        text-align:left;\n    }\n\n    .tja-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    .tja-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* RELATED *\/\n\n    .tja-related-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tja-related-card{\n        min-height:270px;\n\n        border-radius:18px;\n    }\n\n\n    \/* FAQ *\/\n\n    .tja-faq-grid{\n        gap:35px;\n    }\n\n    .tja-faq-item summary{\n        padding:18px 54px 18px 18px;\n\n        font-size:12px;\n    }\n\n    .tja-faq-answer{\n        padding:0 18px 18px;\n\n        font-size:11px;\n    }\n\n\n    \/* CTA *\/\n\n    .tja-final{\n        padding:65px 0;\n    }\n\n    .tja-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tja-final h2{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tja-final p{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tja-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tja-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    .tja-page *,\n    .tja-page *::before,\n    .tja-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tja-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=\"tja-hero\">\n\n    <div class=\"tja-hero-bg\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=2000&#038;q=85\"\n            alt=\"Arbres pour prestation d'\u00e9lagage\"\n            fetchpriority=\"high\">\n\n    <\/div>\n\n    <div class=\"tja-hero-overlay\"><\/div>\n\n\n    <div class=\"tja-hero-inner\">\n\n        <div class=\"tja-hero-content\">\n\n            <div class=\"tja-hero-badge\">\n\n                <span class=\"tja-hero-badge-dot\"><\/span>\n\n                \u00c9lagage\n\n            <\/div>\n\n\n            <h1>\n                Prenez soin de vos arbres.\n                <span>Pr\u00e9servez votre ext\u00e9rieur.<\/span>\n            <\/h1>\n\n\n            <p class=\"tja-hero-desc\">\n                Taille d&rsquo;entretien, suppression de branches\n                g\u00eanantes ou mortes et ma\u00eetrise du d\u00e9veloppement :\n                Terra Jardin adapte l&rsquo;intervention \u00e0 vos arbres\n                et \u00e0 leur environnement.\n            <\/p>\n\n\n            <div class=\"tja-hero-points\">\n\n                <div class=\"tja-hero-point\">\n                    <span class=\"tja-check\">\u2713<\/span>\n                    Intervention adapt\u00e9e\n                <\/div>\n\n                <div class=\"tja-hero-point\">\n                    <span class=\"tja-check\">\u2713<\/span>\n                    Arbres ma\u00eetris\u00e9s\n                <\/div>\n\n                <div class=\"tja-hero-point\">\n                    <span class=\"tja-check\">\u2713<\/span>\n                    Devis gratuit\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tja-hero-actions\">\n\n                <a\n                    class=\"tja-btn tja-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tja-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tja-btn tja-btn-light\"\n                    href=\"#elagage\">\n\n                    D\u00e9couvrir la prestation\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tja-hero-side\">\n\n            <div class=\"tja-hero-main\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&#038;fit=crop&#038;w=1100&#038;q=82\"\n                    alt=\"Arbre dans un environnement paysager\"\n                    onerror=\"this.onerror=null;this.src='https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1100&#038;q=82';\">\n\n            <\/div>\n\n\n            <div class=\"tja-floating tja-floating-top\">\n\n                <strong>\n                    Taille ma\u00eetris\u00e9e\n                <\/strong>\n\n                <small>\n                    Une intervention adapt\u00e9e\n                    au d\u00e9veloppement de l&rsquo;arbre.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tja-floating tja-floating-bottom\">\n\n                <strong>\n                    Ext\u00e9rieur s\u00e9curis\u00e9\n                <\/strong>\n\n                <small>\n                    Suppression des branches\n                    g\u00eanantes ou fragilis\u00e9es.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BENEFITS\n============================================================ -->\n\n<section class=\"tja-benefits\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-benefits-grid\">\n\n\n            <div class=\"tja-benefit tja-reveal\">\n\n                <div class=\"tja-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.7\">\n\n                        <path d=\"M12 22V9\"\/>\n                        <path d=\"M7 14c-3 0-5-2-5-5 3 0 5 2 5 5Z\"\/>\n                        <path d=\"M16 10c0-4 2-6 6-6 0 4-2 6-6 6Z\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Arbres\n                <\/strong>\n\n                <span>\n                    Une intervention adapt\u00e9e\n                    \u00e0 leur d\u00e9veloppement.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tja-benefit tja-reveal\">\n\n                <div class=\"tja-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.7\">\n\n                        <circle cx=\"7\" cy=\"8\" r=\"3\"\/>\n                        <circle cx=\"7\" cy=\"16\" r=\"3\"\/>\n                        <path d=\"m9.5 9.5 11 7\"\/>\n                        <path d=\"m9.5 14.5 11-7\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Taille\n                <\/strong>\n\n                <span>\n                    Une coupe r\u00e9fl\u00e9chie\n                    selon l&rsquo;objectif recherch\u00e9.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tja-benefit tja-reveal\">\n\n                <div class=\"tja-benefit-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 12 4 4L19 6\"\/>\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    S\u00e9curisation\n                <\/strong>\n\n                <span>\n                    Suppression des branches\n                    probl\u00e9matiques.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tja-benefit tja-reveal\">\n\n                <div class=\"tja-benefit-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Finitions\n                <\/strong>\n\n                <span>\n                    Une intervention propre\n                    dans votre ext\u00e9rieur.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     INTRO\n============================================================ -->\n\n<section\n    class=\"tja-section tja-intro\"\n    id=\"elagage\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-intro-grid\">\n\n\n            <div class=\"tja-intro-visual tja-reveal\">\n\n                <div class=\"tja-intro-image\">\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=\"Arbre mature \u00e0 entretenir\">\n\n                <\/div>\n\n\n                <div class=\"tja-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Vos arbres restent ma\u00eetris\u00e9s.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tja-heading tja-reveal\">\n\n                    <span class=\"tja-kicker\">\n                        Entretien des arbres\n                    <\/span>\n\n                    <h2 class=\"tja-title\">\n                        Intervenir au bon endroit.\n                        <span>Au bon moment.<\/span>\n                    <\/h2>\n\n                    <p class=\"tja-text\">\n                        L&rsquo;\u00e9lagage permet de ma\u00eetriser le d\u00e9veloppement\n                        d&rsquo;un arbre, de supprimer certaines branches\n                        et d&rsquo;adapter sa pr\u00e9sence \u00e0 son environnement.\n                        Chaque intervention doit rester proportionn\u00e9e\n                        au besoin r\u00e9el de l&rsquo;arbre et du jardin.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tja-intro-cards\">\n\n\n                    <div class=\"tja-intro-card tja-reveal\">\n\n                        <span>01<\/span>\n\n                        <strong>\n                            L&rsquo;arbre\n                        <\/strong>\n\n                        <p>\n                            Dimensions et d\u00e9veloppement pris en compte.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tja-intro-card tja-reveal\">\n\n                        <span>02<\/span>\n\n                        <strong>\n                            Son environnement\n                        <\/strong>\n\n                        <p>\n                            Maison, cl\u00f4ture et espace disponible.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tja-intro-card tja-reveal\">\n\n                        <span>03<\/span>\n\n                        <strong>\n                            Votre besoin\n                        <\/strong>\n\n                        <p>\n                            Entretien, r\u00e9duction ou s\u00e9curisation.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tja-intro-card tja-reveal\">\n\n                        <span>04<\/span>\n\n                        <strong>\n                            Le r\u00e9sultat\n                        <\/strong>\n\n                        <p>\n                            Une intervention coh\u00e9rente et ma\u00eetris\u00e9e.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PRESTATIONS\n============================================================ -->\n\n<section class=\"tja-section tja-included\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-included-head tja-reveal\">\n\n            <span class=\"tja-kicker\">\n                Une intervention compl\u00e8te\n            <\/span>\n\n            <h2 class=\"tja-title\">\n                Chaque arbre n\u00e9cessite\n                <span>la bonne intervention.<\/span>\n            <\/h2>\n\n            <p class=\"tja-text\">\n                La taille est adapt\u00e9e au d\u00e9veloppement de l&rsquo;arbre,\n                \u00e0 son emplacement et \u00e0 l&rsquo;objectif recherch\u00e9.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tja-included-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-icon\">\n\n                        <svg 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                    <span class=\"tja-included-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Analyse de l&rsquo;arbre\n                <\/h3>\n\n                <p>\n                    Observation de son d\u00e9veloppement,\n                    de son emplacement et des branches\n                    concern\u00e9es par l&rsquo;intervention.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    Diagnostic visuel\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <circle cx=\"7\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"7\" cy=\"16\" r=\"3\"\/>\n                            <path d=\"m9.5 9.5 11 7\"\/>\n                            <path d=\"m9.5 14.5 11-7\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tja-included-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Taille d&rsquo;entretien\n                <\/h3>\n\n                <p>\n                    Intervention cibl\u00e9e afin de ma\u00eetriser\n                    certaines branches sans modifier inutilement\n                    toute la structure de l&rsquo;arbre.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    Entretien\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M12 3v18\"\/>\n                            <path d=\"M6 8h12\"\/>\n                            <path d=\"m8 5-3 3 3 3\"\/>\n                            <path d=\"m16 5 3 3-3 3\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tja-included-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    R\u00e9duction cibl\u00e9e\n                <\/h3>\n\n                <p>\n                    R\u00e9duction de certaines branches\n                    lorsque l&rsquo;arbre prend trop de place\n                    dans son environnement.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    Ma\u00eetrise du volume\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-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 19 19 5\"\/>\n                            <path d=\"m6 7 11 11\"\/>\n                            <path d=\"M4 20h5\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tja-included-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Branches mortes\n                <\/h3>\n\n                <p>\n                    Suppression des branches mortes,\n                    fragilis\u00e9es ou devenues g\u00eanantes\n                    dans l&rsquo;environnement imm\u00e9diat.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    Nettoyage de l&rsquo;arbre\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-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 12 4 4L19 6\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tja-included-number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Mise en s\u00e9curit\u00e9\n                <\/h3>\n\n                <p>\n                    Intervention sur les branches\n                    qui pr\u00e9sentent une g\u00eane particuli\u00e8re\n                    pour les abords du jardin.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    S\u00e9curisation\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"tja-included-card tja-reveal\">\n\n                <div class=\"tja-included-top\">\n\n                    <div class=\"tja-included-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 6h14\"\/>\n                            <path d=\"M8 6V4h8v2\"\/>\n                            <path d=\"M7 6l1 14h8l1-14\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tja-included-number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Nettoyage\n                <\/h3>\n\n                <p>\n                    Ramassage et nettoyage\n                    de la zone apr\u00e8s l&rsquo;intervention\n                    pour laisser votre ext\u00e9rieur propre.\n                <\/p>\n\n                <div class=\"tja-included-meta\">\n                    Finitions\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TYPES\n============================================================ -->\n\n<section class=\"tja-section tja-types\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-heading tja-reveal\">\n\n            <span class=\"tja-kicker\">\n                Selon votre besoin\n            <\/span>\n\n            <h2 class=\"tja-title\">\n                Une intervention adapt\u00e9e\n                <span>\u00e0 la situation.<\/span>\n            <\/h2>\n\n            <p class=\"tja-text\">\n                Tous les arbres ne n\u00e9cessitent pas\n                le m\u00eame type d&rsquo;intervention.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tja-types-grid\">\n\n\n            <article class=\"tja-type tja-reveal\">\n\n                <div class=\"tja-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1100&#038;q=82\"\n                        loading=\"lazy\"\n                        alt=\"Arbre mature\">\n\n                <\/div>\n\n\n                <div class=\"tja-type-content\">\n\n                    <span>\n                        Intervention 01\n                    <\/span>\n\n                    <h3>\n                        Entretien courant\n                    <\/h3>\n\n                    <p>\n                        Pour ma\u00eetriser progressivement\n                        le d\u00e9veloppement d&rsquo;un arbre\n                        et conserver une structure coh\u00e9rente.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tja-type tja-reveal\">\n\n                <div class=\"tja-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&#038;fit=crop&#038;w=1100&#038;q=82\"\n                        loading=\"lazy\"\n                        alt=\"Arbre proche d'un espace ext\u00e9rieur\">\n\n                <\/div>\n\n\n                <div class=\"tja-type-content\">\n\n                    <span>\n                        Intervention 02\n                    <\/span>\n\n                    <h3>\n                        Mise en s\u00e9curit\u00e9\n                    <\/h3>\n\n                    <p>\n                        Pour intervenir sur les branches\n                        g\u00eanantes ou fragilis\u00e9es\n                        \u00e0 proximit\u00e9 des espaces de vie.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tja-type tja-reveal\">\n\n                <div class=\"tja-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Arbres dans un jardin paysager\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tja-type-content\">\n\n                    <span>\n                        Intervention 03\n                    <\/span>\n\n                    <h3>\n                        R\u00e9duction ma\u00eetris\u00e9e\n                    <\/h3>\n\n                    <p>\n                        Lorsque certaines parties de l&rsquo;arbre\n                        deviennent trop imposantes\n                        pour l&rsquo;espace disponible.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     AVANT \/ APRES\n============================================================ -->\n\n<section class=\"tja-section tja-transform\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-transform-box tja-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1800&#038;q=85\"\n                loading=\"lazy\"\n                alt=\"Arbre apr\u00e8s entretien\">\n\n\n            <div class=\"tja-transform-content\">\n\n                <span class=\"tja-transform-tag\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    Une intervention cibl\u00e9e.\n                    <span>Un ext\u00e9rieur plus ma\u00eetris\u00e9.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section est pr\u00eate \u00e0 recevoir\n                    de vraies photos avant et apr\u00e8s\n                    une intervention sur le m\u00eame arbre.\n                <\/p>\n\n\n                <div class=\"tja-transform-chips\">\n\n                    <span>\n                        Analyse\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        Taille\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        R\u00e9sultat\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TIMELINE\n============================================================ -->\n\n<section\n    class=\"tja-section tja-process\"\n    data-tja-process>\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-heading tja-heading-center tja-reveal\">\n\n            <span class=\"tja-kicker\">\n                Votre intervention\n            <\/span>\n\n            <h2 class=\"tja-title\">\n                Comment se d\u00e9roule\n                <span>un \u00e9lagage ?<\/span>\n            <\/h2>\n\n            <p class=\"tja-text\">\n                Une intervention organis\u00e9e\n                selon l&rsquo;arbre, son environnement\n                et le r\u00e9sultat recherch\u00e9.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tja-process-wrap\">\n\n            <div class=\"tja-process-line\">\n\n                <div class=\"tja-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tja-process-grid\">\n\n\n                <article class=\"tja-process-step\">\n\n                    <div class=\"tja-process-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Votre besoin\n                    <\/h3>\n\n                    <p>\n                        Vous pr\u00e9sentez l&rsquo;arbre\n                        et la situation.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tja-process-step\">\n\n                    <div class=\"tja-process-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        Observation\n                    <\/h3>\n\n                    <p>\n                        La structure de l&rsquo;arbre\n                        est \u00e9valu\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tja-process-step\">\n\n                    <div class=\"tja-process-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        Pr\u00e9paration\n                    <\/h3>\n\n                    <p>\n                        La zone d&rsquo;intervention\n                        est organis\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tja-process-step\">\n\n                    <div class=\"tja-process-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        \u00c9lagage\n                    <\/h3>\n\n                    <p>\n                        Les branches concern\u00e9es\n                        sont travaill\u00e9es.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tja-process-step\">\n\n                    <div class=\"tja-process-number\">\n                        05\n                    <\/div>\n\n                    <h3>\n                        Nettoyage\n                    <\/h3>\n\n                    <p>\n                        La zone est nettoy\u00e9e\n                        apr\u00e8s intervention.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     SERVICES COMPLEMENTAIRES\n============================================================ -->\n\n<section class=\"tja-section tja-related\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-heading tja-reveal\">\n\n            <span class=\"tja-kicker\">\n                Compl\u00e9ter l&rsquo;intervention\n            <\/span>\n\n            <h2 class=\"tja-title\">\n                Prenez soin de\n                <span>tout votre ext\u00e9rieur.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tja-related-grid\">\n\n\n            <a\n                class=\"tja-related-card tja-reveal\"\n                href=\"\/paysagiste\/taille-haies\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    loading=\"lazy\"\n                    alt=\"Taille de haies\">\n\n                <div class=\"tja-related-content\">\n\n                    <span>\n                        Service compl\u00e9mentaire\n                    <\/span>\n\n                    <strong>\n                        Taille de haies \u2192\n                    <\/strong>\n\n                    <small>\n                        Structurez \u00e9galement\n                        vos haies et arbustes.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tja-related-card tja-reveal\"\n                href=\"\/paysagiste\/entretien-jardin\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    loading=\"lazy\"\n                    alt=\"Entretien de jardin\">\n\n                <div class=\"tja-related-content\">\n\n                    <span>\n                        Entretien global\n                    <\/span>\n\n                    <strong>\n                        Entretien de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Conservez un ext\u00e9rieur\n                        propre et entretenu.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tja-related-card tja-reveal\"\n                href=\"\/paysagiste\/creation-jardin\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    loading=\"lazy\"\n                    alt=\"Cr\u00e9ation de jardin\">\n\n                <div class=\"tja-related-content\">\n\n                    <span>\n                        Transformer votre ext\u00e9rieur\n                    <\/span>\n\n                    <strong>\n                        Cr\u00e9ation de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Repensez compl\u00e8tement\n                        votre am\u00e9nagement.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     FAQ\n============================================================ -->\n\n<section class=\"tja-section tja-faq\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-faq-grid\">\n\n\n            <div class=\"tja-faq-intro tja-reveal\">\n\n                <span class=\"tja-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tja-title\">\n                    L&rsquo;\u00e9lagage,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tja-text\">\n                    Quelques r\u00e9ponses utiles\n                    avant de pr\u00e9senter votre projet.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tja-faq-list\">\n\n\n                <details class=\"tja-faq-item tja-reveal\">\n\n                    <summary>\n                        Est-il n\u00e9cessaire de tailler compl\u00e8tement un arbre ?\n                    <\/summary>\n\n                    <div class=\"tja-faq-answer\">\n                        Pas n\u00e9cessairement. Une intervention\n                        peut \u00eatre cibl\u00e9e uniquement\n                        sur certaines branches selon le besoin.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tja-faq-item tja-reveal\">\n\n                    <summary>\n                        Peut-on r\u00e9duire les branches proches de la maison ?\n                    <\/summary>\n\n                    <div class=\"tja-faq-answer\">\n                        Oui, selon la configuration de l&rsquo;arbre\n                        et l&rsquo;intervention possible,\n                        certaines branches g\u00eanantes peuvent \u00eatre r\u00e9duites.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tja-faq-item tja-reveal\">\n\n                    <summary>\n                        Peut-on retirer les branches mortes ?\n                    <\/summary>\n\n                    <div class=\"tja-faq-answer\">\n                        Oui. La suppression des branches mortes\n                        ou fragilis\u00e9es peut faire partie\n                        de l&rsquo;intervention.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tja-faq-item tja-reveal\">\n\n                    <summary>\n                        Quand faut-il faire \u00e9laguer un arbre ?\n                    <\/summary>\n\n                    <div class=\"tja-faq-answer\">\n                        Cela d\u00e9pend du type d&rsquo;arbre,\n                        de son d\u00e9veloppement,\n                        de son \u00e9tat et de l&rsquo;objectif recherch\u00e9.\n                        Une \u00e9valuation du besoin permet\n                        de d\u00e9terminer l&rsquo;intervention adapt\u00e9e.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tja-faq-item tja-reveal\">\n\n                    <summary>\n                        Comment obtenir un devis ?\n                    <\/summary>\n\n                    <div class=\"tja-faq-answer\">\n                        Pr\u00e9sentez l&rsquo;arbre, sa taille approximative\n                        et la raison de l&rsquo;intervention\n                        via la page contact afin d&rsquo;obtenir\n                        une proposition adapt\u00e9e.\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=\"tja-final\">\n\n    <div class=\"tja-container\">\n\n        <div class=\"tja-final-box tja-reveal\">\n\n            <div class=\"tja-final-content\">\n\n                <span class=\"tja-kicker\">\n                    \u00c9lagage\n                <\/span>\n\n                <h2>\n                    Un arbre \u00e0 entretenir ?\n                    <span>Parlons de votre besoin.<\/span>\n                <\/h2>\n\n                <p>\n                    Pr\u00e9sentez-nous l&rsquo;arbre,\n                    son environnement et l&rsquo;intervention souhait\u00e9e.\n                    Terra Jardin vous propose\n                    une solution adapt\u00e9e.\n                <\/p>\n\n\n                <div class=\"tja-final-actions\">\n\n                    <a\n                        class=\"tja-btn tja-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tja-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tja-btn tja-btn-light\"\n                        href=\"\/paysagiste\/services\/\">\n\n                        Voir tous nos services\n                        <span class=\"tja-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tja-final-points\">\n\n                    <span class=\"tja-final-point\">\n                        <span class=\"tja-check\">\u2713<\/span>\n                        Devis gratuit\n                    <\/span>\n\n                    <span class=\"tja-final-point\">\n                        <span class=\"tja-check\">\u2713<\/span>\n                        Intervention adapt\u00e9e\n                    <\/span>\n\n                    <span class=\"tja-final-point\">\n                        <span class=\"tja-check\">\u2713<\/span>\n                        Taille cibl\u00e9e\n                    <\/span>\n\n                    <span class=\"tja-final-point\">\n                        <span class=\"tja-check\">\u2713<\/span>\n                        Nettoyage final\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 initTerraElagage(){\n\n        var root =\n            document.querySelector(\n                \".tja-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 SECURISE\n        ================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tja-reveal\"\n                );\n\n\n            if(\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ){\n\n                revealItems.forEach(\n                    function(item){\n\n                        item.classList.add(\n                            \"tja-visible\"\n                        );\n\n                    }\n                );\n\n            }else{\n\n\n                var viewport =\n                    window.innerHeight ||\n                    document.documentElement.clientHeight;\n\n\n                revealItems.forEach(\n                    function(item){\n\n                        var rect =\n                            item.getBoundingClientRect();\n\n\n                        if(\n                            rect.top <\n                            viewport * .94\n                        ){\n\n                            item.classList.add(\n                                \"tja-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                                                \"tja-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 -45px 0px\"\n                        }\n\n                    );\n\n\n                revealItems.forEach(\n                    function(item){\n\n                        observer.observe(\n                            item\n                        );\n\n                    }\n                );\n\n\n                root.classList.add(\n                    \"tja-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tja-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ==================================================\n           TIMELINE ACTIVE AU SCROLL\n        ================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tja-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tja-process-step\"\n                );\n\n\n            var ticking = 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 updateProcess(){\n\n                ticking = false;\n\n\n                var rect =\n                    process.getBoundingClientRect();\n\n\n                var viewport =\n                    window.innerHeight ||\n                    document.documentElement.clientHeight;\n\n\n                var start =\n                    viewport * .78;\n\n\n                var distance =\n                    Math.max(\n                        rect.height +\n                        viewport * .20,\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.setProperty(\n                    \"--tja-progress\",\n                    progress.toFixed(4)\n                );\n\n\n                var thresholds =\n                    [\n                        .03,\n                        .24,\n                        .45,\n                        .67,\n                        .88\n                    ];\n\n\n                steps.forEach(\n                    function(step,index){\n\n                        if(\n                            progress >=\n                            thresholds[index]\n                        ){\n\n                            step.classList.add(\n                                \"tja-active\"\n                            );\n\n                        }else{\n\n                            step.classList.remove(\n                                \"tja-active\"\n                            );\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.setProperty(\n                    \"--tja-progress\",\n                    \"1\"\n                );\n\n\n                steps.forEach(\n                    function(step){\n\n                        step.classList.add(\n                            \"tja-active\"\n                        );\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            \/* La page reste enti\u00e8rement visible *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraElagage\n        );\n\n    }else{\n\n        initTerraElagage();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c9lagage Prenez soin de vos arbres. Pr\u00e9servez votre ext\u00e9rieur. Taille d&rsquo;entretien, suppression de branches g\u00eanantes ou mortes et ma\u00eetrise du d\u00e9veloppement : Terra Jardin adapte l&rsquo;intervention \u00e0 vos arbres et \u00e0 leur environnement. \u2713 Intervention adapt\u00e9e \u2713 Arbres ma\u00eetris\u00e9s \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir la prestation \u2193 Taille ma\u00eetris\u00e9e Une intervention adapt\u00e9e [&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-23","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\/23","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=23"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/23\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}