{"id":21,"date":"2026-09-18T14:16:22","date_gmt":"2026-09-18T12:16:22","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=21"},"modified":"2026-09-18T15:39:11","modified_gmt":"2026-09-18T13:39:11","slug":"taille-haies","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/taille-haies\/","title":{"rendered":"Taille de haies"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjh-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 TAILLE DE HAIES\n   M\u00eame univers que Cr\u00e9ation de jardin\n============================================================ *\/\n\n.tjh-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\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    background:var(--cream);\n    color:var(--black);\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tjh-page *,\n.tjh-page *::before,\n.tjh-page *::after{\n    box-sizing:border-box;\n}\n\n.tjh-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjh-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tjh-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjh-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjh-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.tjh-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjh-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.tjh-title span{\n    color:var(--gold);\n}\n\n.tjh-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.tjh-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tjh-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n\n    text-align:center;\n}\n\n.tjh-heading-center .tjh-kicker{\n    justify-content:center;\n}\n\n.tjh-heading-center .tjh-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjh-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 .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.tjh-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjh-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.tjh-btn-gold:hover{\n    background:var(--gold-light);\n}\n\n.tjh-btn-light{\n    border-color:rgba(255,255,255,.24);\n\n    background:rgba(255,255,255,.07);\n\n    color:#fff;\n\n    backdrop-filter:blur(12px);\n}\n\n.tjh-btn-light:hover{\n    background:#fff;\n    color:var(--deep);\n}\n\n.tjh-btn-dark{\n    border-color:rgba(16,41,31,.18);\n\n    background:transparent;\n\n    color:var(--deep);\n}\n\n.tjh-btn-dark:hover{\n    background:var(--deep);\n    color:#fff;\n}\n\n.tjh-arrow{\n    transition:transform .3s ease;\n}\n\n.tjh-btn:hover .tjh-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjh-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.tjh-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tjh-hero-bg img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tjh-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,.52) 73%,\n            rgba(6,22,15,.28) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.50),\n            transparent 55%\n        );\n}\n\n.tjh-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.tjh-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.tjh-hero-content{\n    max-width:800px;\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-hero h1 span{\n    display:block;\n    color:var(--gold);\n}\n\n.tjh-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.tjh-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-hero-side{\n    position:relative;\n    min-height:500px;\n}\n\n.tjh-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.tjh-hero-main img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tjh-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.tjh-floating{\n    position:absolute;\n    z-index:3;\n\n    min-width:180px;\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,.20);\n}\n\n.tjh-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tjh-floating small{\n    display:block;\n\n    margin-top:4px;\n\n    color:rgba(255,255,255,.60);\n\n    font-size:9px;\n}\n\n.tjh-floating-top{\n    top:0;\n    right:0;\n}\n\n.tjh-floating-bottom{\n    left:0;\n    bottom:5px;\n}\n\n\n\/* ============================================================\n   BENEFITS\n============================================================ *\/\n\n.tjh-benefits{\n    position:relative;\n\n    padding:70px 0;\n\n    overflow:hidden;\n\n    background:var(--deep);\n}\n\n.tjh-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.tjh-benefits-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tjh-benefit{\n    padding:15px 30px;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.tjh-benefit:last-child{\n    border-right:0;\n}\n\n.tjh-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.tjh-benefit-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjh-benefit strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tjh-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.tjh-intro{\n    background:#fff;\n}\n\n.tjh-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjh-intro-visual{\n    position:relative;\n}\n\n.tjh-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.tjh-intro-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjh-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.tjh-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.tjh-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:19px;\n    line-height:1.15;\n}\n\n.tjh-intro-cards{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:13px;\n\n    margin-top:35px;\n}\n\n.tjh-intro-card{\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:var(--cream);\n}\n\n.tjh-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.tjh-intro-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjh-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.tjh-included{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-included-head .tjh-kicker{\n    justify-content:center;\n}\n\n.tjh-included-head .tjh-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.tjh-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.tjh-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        background .45s ease;\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-included-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjh-included-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:30px;\n}\n\n.tjh-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.tjh-included-card:hover\n.tjh-included-icon{\n    transform:\n        translateY(-3px)\n        rotate(-2deg);\n\n    background:var(--gold);\n}\n\n.tjh-included-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjh-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.tjh-included-card:hover\n.tjh-included-number{\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjh-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.tjh-included-card p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tjh-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.tjh-included-meta::before{\n    content:\"\";\n\n    width:18px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n\n\/* ============================================================\n   TYPES DE HAIES\n============================================================ *\/\n\n.tjh-types{\n    background:#fff;\n}\n\n.tjh-types-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjh-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.tjh-type-media{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n}\n\n.tjh-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.tjh-type:hover\n.tjh-type-media img{\n    transform:scale(1.055);\n}\n\n.tjh-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,.53) 47%,\n            rgba(6,22,15,.10) 80%\n        );\n}\n\n.tjh-type-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:24px;\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-transform{\n    background:var(--cream);\n}\n\n.tjh-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.tjh-transform-box > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjh-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,.48) 63%,\n            rgba(6,22,15,.16)\n        );\n}\n\n.tjh-transform-content{\n    position:relative;\n    z-index:2;\n\n    max-width:660px;\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.tjh-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.tjh-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.tjh-transform h2 span{\n    color:var(--gold);\n}\n\n.tjh-transform p{\n    max-width:520px;\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.tjh-transform-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.tjh-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   TIMELINE\n============================================================ *\/\n\n.tjh-process{\n    position:relative;\n\n    background:#fff;\n\n    --tjh-progress:0;\n}\n\n.tjh-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tjh-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.tjh-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(--tjh-progress));\n\n    transform-origin:left center;\n}\n\n.tjh-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:20px;\n}\n\n.tjh-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tjh-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.tjh-process-step.tjh-active\n.tjh-process-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjh-process-step h3{\n    margin:0 0 9px;\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tjh-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.tjh-related{\n    background:var(--cream);\n}\n\n.tjh-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjh-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.tjh-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.tjh-related-card:hover img{\n    transform:scale(1.055);\n}\n\n.tjh-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.tjh-related-content{\n    position:absolute;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.tjh-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.tjh-related-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:21px;\n}\n\n.tjh-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.tjh-faq{\n    background:#fff;\n}\n\n.tjh-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n\n    align-items:start;\n}\n\n.tjh-faq-intro{\n    position:sticky;\n    top:120px;\n}\n\n.tjh-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tjh-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n}\n\n.tjh-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.tjh-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tjh-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.tjh-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tjh-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.tjh-final{\n    padding:105px 0;\n\n    background:var(--cream);\n}\n\n.tjh-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.tjh-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.tjh-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.tjh-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:840px;\n\n    margin:auto;\n}\n\n.tjh-final .tjh-kicker{\n    color:var(--gold);\n}\n\n.tjh-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.tjh-final h2 span{\n    color:var(--gold);\n}\n\n.tjh-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.tjh-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tjh-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.tjh-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.tjh-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjh-page.tjh-motion-ready\n.tjh-reveal:not(.tjh-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjh-page.tjh-motion-ready\n.tjh-reveal.tjh-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.tjh-page.tjh-motion-ready\n.tjh-included-card:nth-child(2),\n.tjh-page.tjh-motion-ready\n.tjh-type:nth-child(2),\n.tjh-page.tjh-motion-ready\n.tjh-related-card:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tjh-page.tjh-motion-ready\n.tjh-included-card:nth-child(3),\n.tjh-page.tjh-motion-ready\n.tjh-type:nth-child(3),\n.tjh-page.tjh-motion-ready\n.tjh-related-card:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tjh-page.tjh-motion-ready\n.tjh-included-card:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tjh-page.tjh-motion-ready\n.tjh-included-card:nth-child(6){\n    transition-delay:.16s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjh-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tjh-hero-side{\n        display:none;\n    }\n\n    .tjh-intro-grid,\n    .tjh-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjh-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tjh-included-grid,\n    .tjh-types-grid,\n    .tjh-related-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjh-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjh-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjh-section{\n        padding:70px 0;\n    }\n\n    .tjh-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjh-kicker::before{\n        width:25px;\n    }\n\n    .tjh-title{\n        font-size:37px;\n        line-height:1;\n        letter-spacing:-.04em;\n    }\n\n    .tjh-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n\n    \/* HERO *\/\n\n    .tjh-hero{\n        min-height:700px;\n\n        align-items:flex-end;\n    }\n\n    .tjh-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    .tjh-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tjh-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjh-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n    }\n\n    .tjh-hero-desc{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjh-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tjh-hero-point{\n        font-size:10px;\n    }\n\n    .tjh-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tjh-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .tjh-benefits{\n        padding:48px 0;\n    }\n\n    .tjh-benefits-grid{\n        grid-template-columns:1fr 1fr;\n        gap:26px 0;\n    }\n\n    .tjh-benefit{\n        padding:8px;\n    }\n\n    .tjh-benefit:nth-child(2){\n        border-right:0;\n    }\n\n    .tjh-benefit strong{\n        font-size:12px;\n    }\n\n    .tjh-benefit span{\n        font-size:8px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjh-intro-grid{\n        gap:40px;\n    }\n\n    .tjh-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tjh-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tjh-intro-badge strong{\n        font-size:15px;\n    }\n\n    .tjh-intro-cards{\n        grid-template-columns:1fr;\n        gap:9px;\n\n        margin-top:25px;\n    }\n\n\n    \/* INCLUDED *\/\n\n    .tjh-included-head{\n        margin-bottom:32px;\n    }\n\n    .tjh-included-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjh-included-card{\n        min-height:auto;\n\n        padding:20px;\n\n        border-radius:19px;\n    }\n\n    .tjh-included-top{\n        margin-bottom:18px;\n    }\n\n    .tjh-included-icon{\n        width:47px;\n        height:47px;\n\n        border-radius:14px;\n    }\n\n    .tjh-included-icon svg{\n        width:20px;\n        height:20px;\n    }\n\n    .tjh-included-number{\n        width:34px;\n        min-width:34px;\n        height:34px;\n    }\n\n    .tjh-included-card h3{\n        font-size:18px;\n    }\n\n    .tjh-included-card p{\n        font-size:11px;\n    }\n\n    .tjh-included-meta{\n        margin-top:17px;\n\n        font-size:8px;\n    }\n\n\n    \/* TYPES *\/\n\n    .tjh-types-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjh-type{\n        min-height:370px;\n\n        border-radius:19px;\n    }\n\n\n    \/* TRANSFORM *\/\n\n    .tjh-transform-box{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tjh-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    .tjh-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tjh-transform h2{\n        font-size:40px;\n    }\n\n    .tjh-transform p{\n        font-size:12px;\n    }\n\n\n    \/* TIMELINE *\/\n\n    .tjh-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjh-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    .tjh-process-progress{\n        transform:\n            scaleY(var(--tjh-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjh-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjh-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    .tjh-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    .tjh-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* RELATED *\/\n\n    .tjh-related-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjh-related-card{\n        min-height:270px;\n\n        border-radius:18px;\n    }\n\n\n    \/* FAQ *\/\n\n    .tjh-faq-grid{\n        gap:35px;\n    }\n\n    .tjh-faq-item summary{\n        padding:18px 54px 18px 18px;\n\n        font-size:12px;\n    }\n\n    .tjh-faq-answer{\n        padding:0 18px 18px;\n\n        font-size:11px;\n    }\n\n\n    \/* CTA *\/\n\n    .tjh-final{\n        padding:65px 0;\n    }\n\n    .tjh-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjh-final h2{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tjh-final p{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tjh-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjh-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    .tjh-page *,\n    .tjh-page *::before,\n    .tjh-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjh-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=\"tjh-hero\">\n\n    <div class=\"tjh-hero-bg\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Professionnel r\u00e9alisant une taille de haies\"\n            fetchpriority=\"high\"\n            onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000';\">\n\n    <\/div>\n\n    <div class=\"tjh-hero-overlay\"><\/div>\n\n\n    <div class=\"tjh-hero-inner\">\n\n        <div class=\"tjh-hero-content\">\n\n            <div class=\"tjh-hero-badge\">\n\n                <span class=\"tjh-hero-badge-dot\"><\/span>\n\n                Taille de haies\n\n            <\/div>\n\n\n            <h1>\n                Des haies nettes.\n                <span>Un jardin parfaitement structur\u00e9.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjh-hero-desc\">\n                Taille d&rsquo;entretien, r\u00e9duction de volume\n                et remise en forme : Terra Jardin prend soin\n                de vos haies pour conserver un ext\u00e9rieur propre,\n                harmonieux et agr\u00e9able.\n            <\/p>\n\n\n            <div class=\"tjh-hero-points\">\n\n                <div class=\"tjh-hero-point\">\n\n                    <span class=\"tjh-check\">\n                        \u2713\n                    <\/span>\n\n                    Taille soign\u00e9e\n\n                <\/div>\n\n\n                <div class=\"tjh-hero-point\">\n\n                    <span class=\"tjh-check\">\n                        \u2713\n                    <\/span>\n\n                    Finitions propres\n\n                <\/div>\n\n\n                <div class=\"tjh-hero-point\">\n\n                    <span class=\"tjh-check\">\n                        \u2713\n                    <\/span>\n\n                    Devis gratuit\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjh-hero-actions\">\n\n                <a\n                    class=\"tjh-btn tjh-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjh-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjh-btn tjh-btn-light\"\n                    href=\"#taille-haies\">\n\n                    D\u00e9couvrir la prestation\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tjh-hero-side\">\n\n            <div class=\"tjh-hero-main\">\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                    alt=\"Taille professionnelle d'une haie\"\n                    onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000';\">\n\n            <\/div>\n\n\n            <div class=\"tjh-floating tjh-floating-top\">\n\n                <strong>\n                    Taille pr\u00e9cise\n                <\/strong>\n\n                <small>\n                    Une forme propre et r\u00e9guli\u00e8re.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tjh-floating tjh-floating-bottom\">\n\n                <strong>\n                    Finitions incluses\n                <\/strong>\n\n                <small>\n                    Un ext\u00e9rieur laiss\u00e9 propre.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BENEFITS\n============================================================ -->\n\n<section class=\"tjh-benefits\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-benefits-grid\">\n\n\n            <div class=\"tjh-benefit tjh-reveal\">\n\n                <div class=\"tjh-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 pr\u00e9cise\n                <\/strong>\n\n                <span>\n                    Une coupe r\u00e9guli\u00e8re et ma\u00eetris\u00e9e.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjh-benefit tjh-reveal\">\n\n                <div class=\"tjh-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=\"M4 12h16\"\/>\n                        <path d=\"M4 8h16\"\/>\n                        <path d=\"M4 16h16\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Forme r\u00e9guli\u00e8re\n                <\/strong>\n\n                <span>\n                    Des lignes propres et harmonieuses.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjh-benefit tjh-reveal\">\n\n                <div class=\"tjh-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 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\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    V\u00e9g\u00e9tation\n                <\/strong>\n\n                <span>\n                    Une taille adapt\u00e9e \u00e0 la haie.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjh-benefit tjh-reveal\">\n\n                <div class=\"tjh-benefit-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Jardin propre\n                <\/strong>\n\n                <span>\n                    Des finitions soign\u00e9es apr\u00e8s intervention.\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=\"tjh-section tjh-intro\"\n    id=\"taille-haies\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-intro-grid\">\n\n\n            <div class=\"tjh-intro-visual tjh-reveal\">\n\n                <div class=\"tjh-intro-image\">\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 haie professionnelle\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200';\">\n\n                <\/div>\n\n\n                <div class=\"tjh-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Des haies propres et ma\u00eetris\u00e9es.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tjh-heading tjh-reveal\">\n\n                    <span class=\"tjh-kicker\">\n                        Taille professionnelle\n                    <\/span>\n\n                    <h2 class=\"tjh-title\">\n                        Structurez votre jardin\n                        <span>jusque dans les d\u00e9tails.<\/span>\n                    <\/h2>\n\n                    <p class=\"tjh-text\">\n                        Une haie bien entretenue structure naturellement\n                        votre ext\u00e9rieur. La taille permet de conserver\n                        une forme r\u00e9guli\u00e8re, de ma\u00eetriser le volume\n                        et de garder un jardin propre et harmonieux.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tjh-intro-cards\">\n\n\n                    <div class=\"tjh-intro-card tjh-reveal\">\n\n                        <span>01<\/span>\n\n                        <strong>\n                            Votre haie\n                        <\/strong>\n\n                        <p>\n                            Type, hauteur et d\u00e9veloppement pris en compte.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjh-intro-card tjh-reveal\">\n\n                        <span>02<\/span>\n\n                        <strong>\n                            Votre objectif\n                        <\/strong>\n\n                        <p>\n                            Entretien, restructuration ou r\u00e9duction.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjh-intro-card tjh-reveal\">\n\n                        <span>03<\/span>\n\n                        <strong>\n                            La forme\n                        <\/strong>\n\n                        <p>\n                            Des lignes nettes et proportionn\u00e9es.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjh-intro-card tjh-reveal\">\n\n                        <span>04<\/span>\n\n                        <strong>\n                            Les finitions\n                        <\/strong>\n\n                        <p>\n                            Un r\u00e9sultat propre apr\u00e8s intervention.\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=\"tjh-section tjh-included\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-included-head tjh-reveal\">\n\n            <span class=\"tjh-kicker\">\n                Une prestation compl\u00e8te\n            <\/span>\n\n            <h2 class=\"tjh-title\">\n                Une taille adapt\u00e9e\n                <span>\u00e0 chaque haie.<\/span>\n            <\/h2>\n\n            <p class=\"tjh-text\">\n                L&rsquo;intervention est adapt\u00e9e \u00e0 la forme,\n                au d\u00e9veloppement et \u00e0 l&rsquo;\u00e9tat actuel\n                de votre v\u00e9g\u00e9tation.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjh-included-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"tjh-included-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Taille d&rsquo;entretien\n                <\/h3>\n\n                <p>\n                    Maintien de la forme existante\n                    et suppression de la pousse r\u00e9cente\n                    pour conserver une haie nette.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    Entretien courant\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"M4 18h16\"\/>\n                            <path d=\"M7 18V7\"\/>\n                            <path d=\"M17 18V7\"\/>\n                            <path d=\"M7 7h10\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjh-included-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Taille de formation\n                <\/h3>\n\n                <p>\n                    Mise en forme d&rsquo;une haie\n                    afin de cr\u00e9er progressivement\n                    une structure \u00e9quilibr\u00e9e.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    Mise en forme\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"M4 6h16\"\/>\n                            <path d=\"M8 3 5 6l3 3\"\/>\n                            <path d=\"m16 3 3 3-3 3\"\/>\n                            <path d=\"M12 10v10\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjh-included-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    R\u00e9duction de volume\n                <\/h3>\n\n                <p>\n                    R\u00e9duction de hauteur\n                    ou de largeur lorsque la v\u00e9g\u00e9tation\n                    devient trop imposante.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    Ma\u00eetrise du volume\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"11\" r=\"6\"\/>\n                            <path d=\"M12 17v4\"\/>\n                            <path d=\"M8 21h8\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjh-included-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Arbustes\n                <\/h3>\n\n                <p>\n                    Taille des arbustes\n                    et v\u00e9g\u00e9taux d\u00e9coratifs pr\u00e9sents\n                    autour de la haie.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    V\u00e9g\u00e9tation\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"M4 7h16\"\/>\n                            <path d=\"M4 12h16\"\/>\n                            <path d=\"M4 17h16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjh-included-number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Finitions\n                <\/h3>\n\n                <p>\n                    Travail des faces,\n                    des sommets et des extr\u00e9mit\u00e9s\n                    pour obtenir une finition r\u00e9guli\u00e8re.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    R\u00e9sultat net\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"tjh-included-card tjh-reveal\">\n\n                <div class=\"tjh-included-top\">\n\n                    <div class=\"tjh-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=\"tjh-included-number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Nettoyage\n                <\/h3>\n\n                <p>\n                    Ramassage des d\u00e9chets de taille\n                    et nettoyage des abords\n                    apr\u00e8s l&rsquo;intervention.\n                <\/p>\n\n                <div class=\"tjh-included-meta\">\n                    Chantier propre\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TYPES DE HAIES\n============================================================ -->\n\n<section class=\"tjh-section tjh-types\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-heading tjh-reveal\">\n\n            <span class=\"tjh-kicker\">\n                Chaque haie est diff\u00e9rente\n            <\/span>\n\n            <h2 class=\"tjh-title\">\n                Une intervention adapt\u00e9e\n                <span>\u00e0 votre v\u00e9g\u00e9tation.<\/span>\n            <\/h2>\n\n            <p class=\"tjh-text\">\n                La m\u00e9thode de taille d\u00e9pend notamment\n                de la forme de la haie,\n                de sa croissance et du r\u00e9sultat recherch\u00e9.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjh-types-grid\">\n\n\n            <article class=\"tjh-type tjh-reveal\">\n\n                <div class=\"tjh-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Haie dense de jardin\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100';\">\n\n                <\/div>\n\n\n                <div class=\"tjh-type-content\">\n\n                    <span>\n                        Type 01\n                    <\/span>\n\n                    <h3>\n                        Haies r\u00e9guli\u00e8res\n                    <\/h3>\n\n                    <p>\n                        Une taille pr\u00e9cise pour conserver\n                        une forme structur\u00e9e et homog\u00e8ne.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjh-type tjh-reveal\">\n\n                <div class=\"tjh-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=\"Haie v\u00e9g\u00e9talis\u00e9e et arbustes\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tjh-type-content\">\n\n                    <span>\n                        Type 02\n                    <\/span>\n\n                    <h3>\n                        Haies arbustives\n                    <\/h3>\n\n                    <p>\n                        Une intervention adapt\u00e9e\n                        \u00e0 une v\u00e9g\u00e9tation plus naturelle\n                        et compos\u00e9e de plusieurs essences.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjh-type tjh-reveal\">\n\n                <div class=\"tjh-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/33821329\/pexels-photo-33821329.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Grande haie et jardin paysager\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100';\">\n\n                <\/div>\n\n\n                <div class=\"tjh-type-content\">\n\n                    <span>\n                        Type 03\n                    <\/span>\n\n                    <h3>\n                        Haies hautes\n                    <\/h3>\n\n                    <p>\n                        Ma\u00eetrisez le volume\n                        d&rsquo;une haie servant de s\u00e9paration,\n                        de brise-vue ou de limite de terrain.\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=\"tjh-section tjh-transform\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-transform-box tjh-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800\"\n                loading=\"lazy\"\n                alt=\"Taille professionnelle d'une haie\"\n                onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800';\">\n\n\n            <div class=\"tjh-transform-content\">\n\n                <span class=\"tjh-transform-tag\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    Une haie ma\u00eetris\u00e9e.\n                    <span>Un jardin transform\u00e9.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section est pr\u00eate \u00e0 recevoir\n                    de vraies photos avant et apr\u00e8s\n                    la taille d&rsquo;une m\u00eame haie.\n                <\/p>\n\n\n                <div class=\"tjh-transform-chips\">\n\n                    <span>\n                        Avant\n                    <\/span>\n\n                    <span>\n                        \u2192\n                    <\/span>\n\n                    <span>\n                        Taille\n                    <\/span>\n\n                    <span>\n                        \u2192\n                    <\/span>\n\n                    <span>\n                        Finition\n                    <\/span>\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=\"tjh-section tjh-process\"\n    data-tjh-process>\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-heading tjh-heading-center tjh-reveal\">\n\n            <span class=\"tjh-kicker\">\n                Votre intervention\n            <\/span>\n\n            <h2 class=\"tjh-title\">\n                Comment se d\u00e9roule\n                <span>une taille de haies ?<\/span>\n            <\/h2>\n\n            <p class=\"tjh-text\">\n                Une intervention organis\u00e9e\n                pour obtenir un r\u00e9sultat propre\n                et coh\u00e9rent avec votre ext\u00e9rieur.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjh-process-wrap\">\n\n            <div class=\"tjh-process-line\">\n\n                <div class=\"tjh-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjh-process-grid\">\n\n\n                <article class=\"tjh-process-step\">\n\n                    <div class=\"tjh-process-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Votre besoin\n                    <\/h3>\n\n                    <p>\n                        Vous pr\u00e9sentez la haie\n                        et le r\u00e9sultat recherch\u00e9.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjh-process-step\">\n\n                    <div class=\"tjh-process-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        \u00c9valuation\n                    <\/h3>\n\n                    <p>\n                        Hauteur, volume\n                        et v\u00e9g\u00e9tation sont observ\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjh-process-step\">\n\n                    <div class=\"tjh-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 pr\u00e9par\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjh-process-step\">\n\n                    <div class=\"tjh-process-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Taille\n                    <\/h3>\n\n                    <p>\n                        La haie est travaill\u00e9e\n                        selon la forme souhait\u00e9e.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjh-process-step\">\n\n                    <div class=\"tjh-process-number\">\n                        05\n                    <\/div>\n\n                    <h3>\n                        Nettoyage\n                    <\/h3>\n\n                    <p>\n                        Les abords sont nettoy\u00e9s\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     RELATED\n============================================================ -->\n\n<section class=\"tjh-section tjh-related\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-heading tjh-reveal\">\n\n            <span class=\"tjh-kicker\">\n                Compl\u00e9ter l&rsquo;intervention\n            <\/span>\n\n            <h2 class=\"tjh-title\">\n                Prenez soin de\n                <span>tout votre jardin.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjh-related-grid\">\n\n\n            <a\n                class=\"tjh-related-card tjh-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=\"tjh-related-content\">\n\n                    <span>\n                        Service compl\u00e9mentaire\n                    <\/span>\n\n                    <strong>\n                        Entretien de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Gardez votre ext\u00e9rieur propre\n                        tout au long de l&rsquo;ann\u00e9e.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjh-related-card tjh-reveal\"\n                href=\"\/paysagiste\/elagage\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1000&#038;q=82\"\n                    loading=\"lazy\"\n                    alt=\"Arbres pour prestation d'\u00e9lagage\"\n                    onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000';\">\n\n                <div class=\"tjh-related-content\">\n\n                    <span>\n                        Pour vos arbres\n                    <\/span>\n\n                    <strong>\n                        \u00c9lagage \u2192\n                    <\/strong>\n\n                    <small>\n                        Entretenez \u00e9galement\n                        les arbres de votre ext\u00e9rieur.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjh-related-card tjh-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=\"tjh-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 ext\u00e9rieur.\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=\"tjh-section tjh-faq\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-faq-grid\">\n\n\n            <div class=\"tjh-faq-intro tjh-reveal\">\n\n                <span class=\"tjh-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tjh-title\">\n                    La taille de haies,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tjh-text\">\n                    Quelques r\u00e9ponses utiles\n                    avant de demander votre intervention.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjh-faq-list\">\n\n\n                <details class=\"tjh-faq-item tjh-reveal\">\n\n                    <summary>\n                        Peut-on simplement r\u00e9duire la hauteur de ma haie ?\n                    <\/summary>\n\n                    <div class=\"tjh-faq-answer\">\n                        Oui. Selon l&rsquo;\u00e9tat et le type de v\u00e9g\u00e9tation,\n                        l&rsquo;intervention peut viser uniquement\n                        une r\u00e9duction de hauteur ou de largeur.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjh-faq-item tjh-reveal\">\n\n                    <summary>\n                        Pouvez-vous remettre en forme une haie irr\u00e9guli\u00e8re ?\n                    <\/summary>\n\n                    <div class=\"tjh-faq-answer\">\n                        Oui. L&rsquo;objectif peut \u00eatre de retrouver\n                        progressivement une forme plus r\u00e9guli\u00e8re\n                        et mieux proportionn\u00e9e.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjh-faq-item tjh-reveal\">\n\n                    <summary>\n                        Taillez-vous aussi les arbustes ?\n                    <\/summary>\n\n                    <div class=\"tjh-faq-answer\">\n                        Oui. Les arbustes pr\u00e9sents \u00e0 proximit\u00e9\n                        peuvent \u00eatre int\u00e9gr\u00e9s \u00e0 l&rsquo;intervention\n                        selon le projet.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjh-faq-item tjh-reveal\">\n\n                    <summary>\n                        Quand faut-il pr\u00e9voir une taille ?\n                    <\/summary>\n\n                    <div class=\"tjh-faq-answer\">\n                        La p\u00e9riode et la fr\u00e9quence d\u00e9pendent\n                        notamment du type de v\u00e9g\u00e9tation,\n                        de sa croissance et du r\u00e9sultat souhait\u00e9.\n                        Terra Jardin peut adapter l&rsquo;intervention\n                        \u00e0 votre haie.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjh-faq-item tjh-reveal\">\n\n                    <summary>\n                        Comment obtenir un devis ?\n                    <\/summary>\n\n                    <div class=\"tjh-faq-answer\">\n                        Pr\u00e9sentez la longueur approximative,\n                        la hauteur et l&rsquo;\u00e9tat de votre haie\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     FINAL CTA\n============================================================ -->\n\n<section class=\"tjh-final\">\n\n    <div class=\"tjh-container\">\n\n        <div class=\"tjh-final-box tjh-reveal\">\n\n            <div class=\"tjh-final-content\">\n\n                <span class=\"tjh-kicker\">\n                    Taille de haies\n                <\/span>\n\n                <h2>\n                    Retrouvez des haies\n                    <span>propres et structur\u00e9es.<\/span>\n                <\/h2>\n\n                <p>\n                    Pr\u00e9sentez-nous votre haie,\n                    sa hauteur et le r\u00e9sultat souhait\u00e9.\n                    Terra Jardin vous propose\n                    une intervention adapt\u00e9e.\n                <\/p>\n\n\n                <div class=\"tjh-final-actions\">\n\n                    <a\n                        class=\"tjh-btn tjh-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjh-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjh-btn tjh-btn-light\"\n                        href=\"\/paysagiste\/services\/\">\n\n                        Voir tous nos services\n                        <span class=\"tjh-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tjh-final-points\">\n\n                    <span class=\"tjh-final-point\">\n\n                        <span class=\"tjh-check\">\u2713<\/span>\n\n                        Devis gratuit\n\n                    <\/span>\n\n\n                    <span class=\"tjh-final-point\">\n\n                        <span class=\"tjh-check\">\u2713<\/span>\n\n                        Taille adapt\u00e9e\n\n                    <\/span>\n\n\n                    <span class=\"tjh-final-point\">\n\n                        <span class=\"tjh-check\">\u2713<\/span>\n\n                        Finitions propres\n\n                    <\/span>\n\n\n                    <span class=\"tjh-final-point\">\n\n                        <span class=\"tjh-check\">\u2713<\/span>\n\n                        Intervention personnalis\u00e9e\n\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 initTerraHaies(){\n\n        var root =\n            document.querySelector(\n                \".tjh-page\"\n            );\n\n\n        if(!root){\n            return;\n        }\n\n\n        var reducedMotion =\n            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 =\n                false;\n\n        }\n\n\n\n        \/* ====================================================\n           REVEAL SECURISE\n        ==================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tjh-reveal\"\n                );\n\n\n            if(\n                reducedMotion ||\n                !(\n                    \"IntersectionObserver\"\n                    in window\n                )\n            ){\n\n                revealItems.forEach(\n                    function(item){\n\n                        item.classList.add(\n                            \"tjh-visible\"\n                        );\n\n                    }\n                );\n\n            }else{\n\n\n                var viewport =\n                    window.innerHeight ||\n                    document.documentElement\n                        .clientHeight;\n\n\n                \/*\n                 * On rend visibles imm\u00e9diatement\n                 * les \u00e9l\u00e9ments d\u00e9j\u00e0 dans la fen\u00eatre.\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                                \"tjh-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                                                \"tjh-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                \/*\n                 * Activation seulement\n                 * une fois l'observer pr\u00eat.\n                 *\/\n\n                root.classList.add(\n                    \"tjh-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            \/*\n             * Si probl\u00e8me JS :\n             * aucun contenu ne reste masqu\u00e9.\n             *\/\n\n            root.classList.remove(\n                \"tjh-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ====================================================\n           TIMELINE\n        ==================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tjh-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tjh-process-step\"\n                );\n\n\n            var ticking =\n                false;\n\n\n            function clamp(\n                value,\n                min,\n                max\n            ){\n\n                return Math.min(\n                    Math.max(\n                        value,\n                        min\n                    ),\n                    max\n                );\n\n            }\n\n\n            function updateProcess(){\n\n                ticking =\n                    false;\n\n\n                var rect =\n                    process.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 * .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\n                    .setProperty(\n                        \"--tjh-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                                \"tjh-active\"\n                            );\n\n                        }else{\n\n                            step.classList.remove(\n                                \"tjh-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 =\n                    true;\n\n\n                requestAnimationFrame(\n                    updateProcess\n                );\n\n            }\n\n\n            if(reducedMotion){\n\n                process.style\n                    .setProperty(\n                        \"--tjh-progress\",\n                        \"1\"\n                    );\n\n\n                steps.forEach(\n                    function(step){\n\n                        step.classList.add(\n                            \"tjh-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 utilisable *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraHaies\n        );\n\n    }else{\n\n        initTerraHaies();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Taille de haies Des haies nettes. Un jardin parfaitement structur\u00e9. Taille d&rsquo;entretien, r\u00e9duction de volume et remise en forme : Terra Jardin prend soin de vos haies pour conserver un ext\u00e9rieur propre, harmonieux et agr\u00e9able. \u2713 Taille soign\u00e9e \u2713 Finitions propres \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir la prestation \u2193 Taille pr\u00e9cise Une [&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-21","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\/21","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=21"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/21\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}