{"id":25,"date":"2026-09-18T14:16:41","date_gmt":"2026-09-18T12:16:41","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=25"},"modified":"2026-09-18T15:47:48","modified_gmt":"2026-09-18T13:47:48","slug":"engazonnement","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/engazonnement\/","title":{"rendered":"Engazonnement"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjg-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 ENGAZONNEMENT\n============================================================ *\/\n\n.tjg-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.tjg-page *,\n.tjg-page *::before,\n.tjg-page *::after{\n    box-sizing:border-box;\n}\n\n.tjg-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjg-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tjg-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjg-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjg-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.tjg-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjg-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.tjg-title span{\n    color:var(--gold);\n}\n\n.tjg-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.tjg-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tjg-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n\n    text-align:center;\n}\n\n.tjg-heading-center .tjg-kicker{\n    justify-content:center;\n}\n\n.tjg-heading-center .tjg-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjg-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.tjg-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjg-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.tjg-btn-gold:hover{\n    background:var(--gold-light);\n}\n\n.tjg-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.tjg-btn-light:hover{\n    background:#fff;\n    color:var(--deep);\n}\n\n.tjg-arrow{\n    transition:transform .3s ease;\n}\n\n.tjg-btn:hover .tjg-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjg-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.tjg-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tjg-hero-bg img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-hero-content{\n    max-width:800px;\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-hero h1 span{\n    display:block;\n    color:var(--gold);\n}\n\n.tjg-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.tjg-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-hero-side{\n    position:relative;\n\n    min-height:500px;\n}\n\n.tjg-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.tjg-hero-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjg-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.tjg-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.tjg-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tjg-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.tjg-floating-top{\n    top:0;\n    right:0;\n}\n\n.tjg-floating-bottom{\n    left:0;\n    bottom:5px;\n}\n\n\n\/* ============================================================\n   BENEFITS\n============================================================ *\/\n\n.tjg-benefits{\n    position:relative;\n\n    padding:70px 0;\n\n    overflow:hidden;\n\n    background:var(--deep);\n}\n\n.tjg-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.tjg-benefits-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tjg-benefit{\n    padding:15px 30px;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.tjg-benefit:last-child{\n    border-right:0;\n}\n\n.tjg-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.tjg-benefit-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjg-benefit strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tjg-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.tjg-intro{\n    background:#fff;\n}\n\n.tjg-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjg-intro-visual{\n    position:relative;\n}\n\n.tjg-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.tjg-intro-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjg-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.tjg-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.tjg-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:19px;\n    line-height:1.15;\n}\n\n.tjg-intro-cards{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:13px;\n\n    margin-top:35px;\n}\n\n.tjg-intro-card{\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:var(--cream);\n}\n\n.tjg-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.tjg-intro-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjg-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.tjg-included{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-included-head .tjg-kicker{\n    justify-content:center;\n}\n\n.tjg-included-head .tjg-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-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.tjg-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.tjg-included-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjg-included-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:30px;\n}\n\n.tjg-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.tjg-included-card:hover\n.tjg-included-icon{\n    transform:\n        translateY(-3px)\n        rotate(-2deg);\n\n    background:var(--gold);\n}\n\n.tjg-included-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjg-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.tjg-included-card:hover\n.tjg-included-number{\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjg-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.tjg-included-card p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tjg-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.tjg-included-meta::before{\n    content:\"\";\n\n    width:18px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n\n\/* ============================================================\n   TYPES\n============================================================ *\/\n\n.tjg-types{\n    background:#fff;\n}\n\n.tjg-types-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjg-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.tjg-type-media{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n}\n\n.tjg-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.tjg-type:hover img{\n    transform:scale(1.055);\n}\n\n.tjg-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.tjg-type-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:24px;\n}\n\n.tjg-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.tjg-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.tjg-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   TRANSFORMATION\n============================================================ *\/\n\n.tjg-transform{\n    background:var(--cream);\n}\n\n.tjg-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.tjg-transform-box > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-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.tjg-transform h2 span{\n    color:var(--gold);\n}\n\n.tjg-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.tjg-transform-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.tjg-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.tjg-process{\n    position:relative;\n\n    background:#fff;\n\n    --tjg-progress:0;\n}\n\n.tjg-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tjg-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.tjg-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(--tjg-progress));\n\n    transform-origin:left center;\n}\n\n.tjg-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:20px;\n}\n\n.tjg-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tjg-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.tjg-process-step.tjg-active\n.tjg-process-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjg-process-step h3{\n    margin:0 0 9px;\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tjg-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.tjg-related{\n    background:var(--cream);\n}\n\n.tjg-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjg-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.tjg-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.tjg-related-card:hover img{\n    transform:scale(1.055);\n}\n\n.tjg-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.tjg-related-content{\n    position:absolute;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.tjg-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.tjg-related-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:21px;\n}\n\n.tjg-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.tjg-faq{\n    background:#fff;\n}\n\n.tjg-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n\n    align-items:start;\n}\n\n.tjg-faq-intro{\n    position:sticky;\n    top:120px;\n}\n\n.tjg-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tjg-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n}\n\n.tjg-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.tjg-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tjg-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.tjg-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tjg-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   FINAL\n============================================================ *\/\n\n.tjg-final{\n    padding:105px 0;\n\n    background:var(--cream);\n}\n\n.tjg-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.tjg-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.tjg-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.tjg-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:840px;\n\n    margin:auto;\n}\n\n.tjg-final .tjg-kicker{\n    color:var(--gold);\n}\n\n.tjg-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.tjg-final h2 span{\n    color:var(--gold);\n}\n\n.tjg-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.tjg-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tjg-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.tjg-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.tjg-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjg-page.tjg-motion-ready\n.tjg-reveal:not(.tjg-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjg-page.tjg-motion-ready\n.tjg-reveal.tjg-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.tjg-page.tjg-motion-ready\n.tjg-included-card:nth-child(2),\n.tjg-page.tjg-motion-ready\n.tjg-type:nth-child(2),\n.tjg-page.tjg-motion-ready\n.tjg-related-card:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tjg-page.tjg-motion-ready\n.tjg-included-card:nth-child(3),\n.tjg-page.tjg-motion-ready\n.tjg-type:nth-child(3),\n.tjg-page.tjg-motion-ready\n.tjg-related-card:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tjg-page.tjg-motion-ready\n.tjg-included-card:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tjg-page.tjg-motion-ready\n.tjg-included-card:nth-child(6){\n    transition-delay:.16s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjg-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tjg-hero-side{\n        display:none;\n    }\n\n    .tjg-intro-grid,\n    .tjg-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjg-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tjg-included-grid,\n    .tjg-types-grid,\n    .tjg-related-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjg-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjg-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjg-section{\n        padding:70px 0;\n    }\n\n    .tjg-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjg-kicker::before{\n        width:25px;\n    }\n\n    .tjg-title{\n        font-size:37px;\n        line-height:1;\n        letter-spacing:-.04em;\n    }\n\n    .tjg-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n\n    \/* HERO *\/\n\n    .tjg-hero{\n        min-height:700px;\n\n        align-items:flex-end;\n    }\n\n    .tjg-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    .tjg-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tjg-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjg-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n    }\n\n    .tjg-hero-desc{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjg-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tjg-hero-point{\n        font-size:10px;\n    }\n\n    .tjg-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tjg-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .tjg-benefits{\n        padding:48px 0;\n    }\n\n    .tjg-benefits-grid{\n        grid-template-columns:1fr 1fr;\n        gap:26px 0;\n    }\n\n    .tjg-benefit{\n        padding:8px;\n    }\n\n    .tjg-benefit:nth-child(2){\n        border-right:0;\n    }\n\n    .tjg-benefit strong{\n        font-size:12px;\n    }\n\n    .tjg-benefit span{\n        font-size:8px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjg-intro-grid{\n        gap:40px;\n    }\n\n    .tjg-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tjg-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tjg-intro-badge strong{\n        font-size:15px;\n    }\n\n    .tjg-intro-cards{\n        grid-template-columns:1fr;\n        gap:9px;\n\n        margin-top:25px;\n    }\n\n\n    \/* INCLUDED *\/\n\n    .tjg-included-head{\n        margin-bottom:32px;\n    }\n\n    .tjg-included-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjg-included-card{\n        min-height:auto;\n\n        padding:20px;\n\n        border-radius:19px;\n    }\n\n    .tjg-included-top{\n        margin-bottom:18px;\n    }\n\n    .tjg-included-icon{\n        width:47px;\n        height:47px;\n\n        border-radius:14px;\n    }\n\n    .tjg-included-icon svg{\n        width:20px;\n        height:20px;\n    }\n\n    .tjg-included-number{\n        width:34px;\n        min-width:34px;\n        height:34px;\n    }\n\n    .tjg-included-card h3{\n        font-size:18px;\n    }\n\n    .tjg-included-card p{\n        font-size:11px;\n    }\n\n    .tjg-included-meta{\n        margin-top:17px;\n\n        font-size:8px;\n    }\n\n\n    \/* TYPES *\/\n\n    .tjg-types-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjg-type{\n        min-height:370px;\n\n        border-radius:19px;\n    }\n\n\n    \/* TRANSFORM *\/\n\n    .tjg-transform-box{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tjg-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    .tjg-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tjg-transform h2{\n        font-size:40px;\n    }\n\n    .tjg-transform p{\n        font-size:12px;\n    }\n\n\n    \/* TIMELINE *\/\n\n    .tjg-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjg-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    .tjg-process-progress{\n        transform:\n            scaleY(var(--tjg-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjg-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjg-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    .tjg-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    .tjg-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* RELATED *\/\n\n    .tjg-related-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjg-related-card{\n        min-height:270px;\n\n        border-radius:18px;\n    }\n\n\n    \/* FAQ *\/\n\n    .tjg-faq-grid{\n        gap:35px;\n    }\n\n    .tjg-faq-item summary{\n        padding:18px 54px 18px 18px;\n\n        font-size:12px;\n    }\n\n    .tjg-faq-answer{\n        padding:0 18px 18px;\n\n        font-size:11px;\n    }\n\n\n    \/* FINAL *\/\n\n    .tjg-final{\n        padding:65px 0;\n    }\n\n    .tjg-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjg-final h2{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tjg-final p{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tjg-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjg-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    .tjg-page *,\n    .tjg-page *::before,\n    .tjg-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjg-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=\"tjg-hero\">\n\n    <div class=\"tjg-hero-bg\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Cr\u00e9ation d'une nouvelle pelouse\"\n            fetchpriority=\"high\">\n\n    <\/div>\n\n    <div class=\"tjg-hero-overlay\"><\/div>\n\n\n    <div class=\"tjg-hero-inner\">\n\n        <div class=\"tjg-hero-content\">\n\n            <div class=\"tjg-hero-badge\">\n\n                <span class=\"tjg-hero-badge-dot\"><\/span>\n\n                Engazonnement\n\n            <\/div>\n\n\n            <h1>\n                Une pelouse uniforme.\n                <span>Un jardin qui change d&rsquo;allure.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjg-hero-desc\">\n                Pr\u00e9paration du terrain, nivellement,\n                semis ou pose de gazon :\n                Terra Jardin cr\u00e9e une pelouse adapt\u00e9e\n                \u00e0 votre ext\u00e9rieur et \u00e0 votre projet.\n            <\/p>\n\n\n            <div class=\"tjg-hero-points\">\n\n                <div class=\"tjg-hero-point\">\n\n                    <span class=\"tjg-check\">\u2713<\/span>\n\n                    Pr\u00e9paration du terrain\n\n                <\/div>\n\n\n                <div class=\"tjg-hero-point\">\n\n                    <span class=\"tjg-check\">\u2713<\/span>\n\n                    Semis ou gazon\n\n                <\/div>\n\n\n                <div class=\"tjg-hero-point\">\n\n                    <span class=\"tjg-check\">\u2713<\/span>\n\n                    Devis gratuit\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjg-hero-actions\">\n\n                <a\n                    class=\"tjg-btn tjg-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjg-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjg-btn tjg-btn-light\"\n                    href=\"#engazonnement\">\n\n                    D\u00e9couvrir la prestation\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tjg-hero-side\">\n\n            <div class=\"tjg-hero-main\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                    alt=\"Pose d'une nouvelle pelouse\">\n\n            <\/div>\n\n\n            <div class=\"tjg-floating tjg-floating-top\">\n\n                <strong>\n                    Terrain pr\u00e9par\u00e9\n                <\/strong>\n\n                <small>\n                    Une base propre avant\n                    la cr\u00e9ation de la pelouse.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tjg-floating tjg-floating-bottom\">\n\n                <strong>\n                    Nouvelle pelouse\n                <\/strong>\n\n                <small>\n                    Une finition qui transforme\n                    imm\u00e9diatement le jardin.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BENEFITS\n============================================================ -->\n\n<section class=\"tjg-benefits\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-benefits-grid\">\n\n\n            <div class=\"tjg-benefit tjg-reveal\">\n\n                <div class=\"tjg-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=\"M3 20h18\"\/>\n                        <path d=\"M6 20c0-5 2-8 4-11 1 4 1 7-1 11\"\/>\n                        <path d=\"M12 20c0-7 3-12 6-16 0 7-1 11-4 16\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Pelouse\n                <\/strong>\n\n                <span>\n                    Un ext\u00e9rieur plus vert\n                    et plus harmonieux.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjg-benefit tjg-reveal\">\n\n                <div class=\"tjg-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=\"M3 17h18\"\/>\n                        <path d=\"M5 13h14\"\/>\n                        <path d=\"M7 9h10\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Terrain pr\u00e9par\u00e9\n                <\/strong>\n\n                <span>\n                    Nivellement et pr\u00e9paration\n                    avant engazonnement.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjg-benefit tjg-reveal\">\n\n                <div class=\"tjg-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=\"13\" r=\"2\"\/>\n                        <circle cx=\"12\" cy=\"8\" r=\"2\"\/>\n                        <circle cx=\"17\" cy=\"13\" r=\"2\"\/>\n                        <path d=\"M7 15v5\"\/>\n                        <path d=\"M12 10v10\"\/>\n                        <path d=\"M17 15v5\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Implantation\n                <\/strong>\n\n                <span>\n                    Une pelouse cr\u00e9\u00e9e\n                    sur toute la zone pr\u00e9vue.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjg-benefit tjg-reveal\">\n\n                <div class=\"tjg-benefit-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Finitions\n                <\/strong>\n\n                <span>\n                    Un r\u00e9sultat propre\n                    et int\u00e9gr\u00e9 au jardin.\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=\"tjg-section tjg-intro\"\n    id=\"engazonnement\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-intro-grid\">\n\n\n            <div class=\"tjg-intro-visual tjg-reveal\">\n\n                <div class=\"tjg-intro-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Pr\u00e9paration d'une nouvelle pelouse\">\n\n                <\/div>\n\n\n                <div class=\"tjg-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Une nouvelle base pour votre jardin.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tjg-heading tjg-reveal\">\n\n                    <span class=\"tjg-kicker\">\n                        Nouvelle pelouse\n                    <\/span>\n\n                    <h2 class=\"tjg-title\">\n                        Un terrain pr\u00e9par\u00e9 pour\n                        <span>une pelouse r\u00e9ussie.<\/span>\n                    <\/h2>\n\n                    <p class=\"tjg-text\">\n                        Un bel engazonnement commence avant la pose\n                        ou le semis. La pr\u00e9paration du terrain,\n                        le nivellement et la qualit\u00e9 de la surface\n                        permettent d&rsquo;obtenir un r\u00e9sultat plus propre,\n                        plus r\u00e9gulier et mieux int\u00e9gr\u00e9 au jardin.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tjg-intro-cards\">\n\n\n                    <div class=\"tjg-intro-card tjg-reveal\">\n\n                        <span>01<\/span>\n\n                        <strong>\n                            Le terrain\n                        <\/strong>\n\n                        <p>\n                            Surface et \u00e9tat du sol observ\u00e9s.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjg-intro-card tjg-reveal\">\n\n                        <span>02<\/span>\n\n                        <strong>\n                            La pr\u00e9paration\n                        <\/strong>\n\n                        <p>\n                            Le sol est travaill\u00e9 avant implantation.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjg-intro-card tjg-reveal\">\n\n                        <span>03<\/span>\n\n                        <strong>\n                            La m\u00e9thode\n                        <\/strong>\n\n                        <p>\n                            Semis ou solution adapt\u00e9e au projet.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjg-intro-card tjg-reveal\">\n\n                        <span>04<\/span>\n\n                        <strong>\n                            La finition\n                        <\/strong>\n\n                        <p>\n                            Une pelouse int\u00e9gr\u00e9e \u00e0 tout l&rsquo;ext\u00e9rieur.\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=\"tjg-section tjg-included\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-included-head tjg-reveal\">\n\n            <span class=\"tjg-kicker\">\n                Une prestation compl\u00e8te\n            <\/span>\n\n            <h2 class=\"tjg-title\">\n                De la terre\n                <span>\u00e0 la nouvelle pelouse.<\/span>\n            <\/h2>\n\n            <p class=\"tjg-text\">\n                Chaque \u00e9tape contribue \u00e0 obtenir\n                une surface plus r\u00e9guli\u00e8re,\n                propre et pr\u00eate \u00e0 \u00e9voluer.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjg-included-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-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=\"M5 14h14\"\/>\n                            <path d=\"M7 10h10\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Pr\u00e9paration du terrain\n                <\/h3>\n\n                <p>\n                    La zone est pr\u00e9par\u00e9e\n                    afin d&rsquo;obtenir une base adapt\u00e9e\n                    \u00e0 la cr\u00e9ation de la nouvelle pelouse.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    Pr\u00e9paration\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-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=\"M3 16h18\"\/>\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"M7 8h10\"\/>\n                            <path d=\"M12 4v16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Nivellement\n                <\/h3>\n\n                <p>\n                    Le terrain est travaill\u00e9\n                    pour am\u00e9liorer la r\u00e9gularit\u00e9\n                    de la future surface engazonn\u00e9e.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    Mise \u00e0 niveau\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-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=\"10\" r=\"1.5\"\/>\n                            <circle cx=\"12\" cy=\"7\" r=\"1.5\"\/>\n                            <circle cx=\"17\" cy=\"11\" r=\"1.5\"\/>\n                            <path d=\"M7 12v8\"\/>\n                            <path d=\"M12 9v11\"\/>\n                            <path d=\"M17 13v7\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Semis\n                <\/h3>\n\n                <p>\n                    Implantation du gazon\n                    sur la surface pr\u00e9par\u00e9e\n                    pour cr\u00e9er progressivement la pelouse.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    Gazon sem\u00e9\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <rect x=\"4\" y=\"7\" width=\"16\" height=\"10\" rx=\"2\"\/>\n                            <path d=\"M4 12h16\"\/>\n                            <path d=\"M9 7v10\"\/>\n                            <path d=\"M15 7v10\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Gazon en rouleaux\n                <\/h3>\n\n                <p>\n                    Selon le projet,\n                    une solution en rouleaux\n                    permet d&rsquo;obtenir rapidement une surface verte.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    R\u00e9sultat imm\u00e9diat\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-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 19h16\"\/>\n                            <path d=\"M7 19c0-5 2-8 4-11\"\/>\n                            <path d=\"M12 19c0-7 3-11 6-15\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Bordures &#038; raccords\n                <\/h3>\n\n                <p>\n                    Les limites de la pelouse\n                    sont int\u00e9gr\u00e9es aux massifs,\n                    all\u00e9es et autres am\u00e9nagements.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    Int\u00e9gration\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"tjg-included-card tjg-reveal\">\n\n                <div class=\"tjg-included-top\">\n\n                    <div class=\"tjg-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.8\">\n\n                            <path d=\"m5 12 4 4L19 6\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjg-included-number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Finitions\n                <\/h3>\n\n                <p>\n                    Derniers ajustements\n                    pour laisser un terrain propre\n                    et une pelouse bien int\u00e9gr\u00e9e.\n                <\/p>\n\n                <div class=\"tjg-included-meta\">\n                    R\u00e9sultat final\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TYPES\n============================================================ -->\n\n<section class=\"tjg-section tjg-types\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-heading tjg-reveal\">\n\n            <span class=\"tjg-kicker\">\n                Quelle solution ?\n            <\/span>\n\n            <h2 class=\"tjg-title\">\n                Une m\u00e9thode adapt\u00e9e\n                <span>\u00e0 votre terrain.<\/span>\n            <\/h2>\n\n            <p class=\"tjg-text\">\n                Le choix d\u00e9pend de l&rsquo;\u00e9tat du terrain,\n                du r\u00e9sultat souhait\u00e9 et du projet global\n                de votre ext\u00e9rieur.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjg-types-grid\">\n\n\n            <article class=\"tjg-type tjg-reveal\">\n\n                <div class=\"tjg-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Cr\u00e9ation de pelouse par semis\">\n\n                <\/div>\n\n                <div class=\"tjg-type-content\">\n\n                    <span>\n                        Solution 01\n                    <\/span>\n\n                    <h3>\n                        Gazon sem\u00e9\n                    <\/h3>\n\n                    <p>\n                        Une solution pour cr\u00e9er progressivement\n                        une nouvelle pelouse\n                        sur un terrain correctement pr\u00e9par\u00e9.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjg-type tjg-reveal\">\n\n                <div class=\"tjg-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Pelouse r\u00e9sidentielle\">\n\n                <\/div>\n\n                <div class=\"tjg-type-content\">\n\n                    <span>\n                        Solution 02\n                    <\/span>\n\n                    <h3>\n                        Gazon en rouleaux\n                    <\/h3>\n\n                    <p>\n                        Une solution permettant\n                        d&rsquo;obtenir rapidement\n                        une surface verte et homog\u00e8ne.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjg-type tjg-reveal\">\n\n                <div class=\"tjg-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Entretien d'une pelouse\">\n\n                <\/div>\n\n                <div class=\"tjg-type-content\">\n\n                    <span>\n                        Solution 03\n                    <\/span>\n\n                    <h3>\n                        R\u00e9novation de pelouse\n                    <\/h3>\n\n                    <p>\n                        Pour reprendre une surface existante\n                        devenue irr\u00e9guli\u00e8re,\n                        clairsem\u00e9e ou d\u00e9grad\u00e9e.\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=\"tjg-section tjg-transform\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-transform-box tjg-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800\"\n                loading=\"lazy\"\n                alt=\"Jardin avec nouvelle pelouse\">\n\n\n            <div class=\"tjg-transform-content\">\n\n                <span class=\"tjg-transform-tag\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    D&rsquo;un terrain nu\n                    \u00e0 <span>un v\u00e9ritable jardin.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section pourra accueillir\n                    de vraies photos avant et apr\u00e8s\n                    un chantier d&rsquo;engazonnement Terra Jardin.\n                <\/p>\n\n\n                <div class=\"tjg-transform-chips\">\n\n                    <span>\n                        Terrain\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        Pr\u00e9paration\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        Pelouse\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=\"tjg-section tjg-process\"\n    data-tjg-process>\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-heading tjg-heading-center tjg-reveal\">\n\n            <span class=\"tjg-kicker\">\n                Votre nouvelle pelouse\n            <\/span>\n\n            <h2 class=\"tjg-title\">\n                Comment se d\u00e9roule\n                <span>un engazonnement ?<\/span>\n            <\/h2>\n\n            <p class=\"tjg-text\">\n                Une pr\u00e9paration progressive\n                pour transformer votre terrain\n                en v\u00e9ritable espace engazonn\u00e9.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjg-process-wrap\">\n\n            <div class=\"tjg-process-line\">\n\n                <div class=\"tjg-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjg-process-grid\">\n\n\n                <article class=\"tjg-process-step\">\n\n                    <div class=\"tjg-process-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Analyse\n                    <\/h3>\n\n                    <p>\n                        Le terrain et la surface\n                        sont observ\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjg-process-step\">\n\n                    <div class=\"tjg-process-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        Pr\u00e9paration\n                    <\/h3>\n\n                    <p>\n                        Le sol est travaill\u00e9\n                        avant l&rsquo;engazonnement.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjg-process-step\">\n\n                    <div class=\"tjg-process-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        Nivellement\n                    <\/h3>\n\n                    <p>\n                        La surface est pr\u00e9par\u00e9e\n                        pour \u00eatre plus r\u00e9guli\u00e8re.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjg-process-step\">\n\n                    <div class=\"tjg-process-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Engazonnement\n                    <\/h3>\n\n                    <p>\n                        La nouvelle pelouse\n                        est mise en place.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjg-process-step\">\n\n                    <div class=\"tjg-process-number\">\n                        05\n                    <\/div>\n\n                    <h3>\n                        Finitions\n                    <\/h3>\n\n                    <p>\n                        Les contours et raccords\n                        sont finalis\u00e9s.\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=\"tjg-section tjg-related\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-heading tjg-reveal\">\n\n            <span class=\"tjg-kicker\">\n                Compl\u00e9ter votre jardin\n            <\/span>\n\n            <h2 class=\"tjg-title\">\n                Une pelouse au c\u0153ur\n                <span>d&rsquo;un projet complet.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjg-related-grid\">\n\n\n            <a\n                class=\"tjg-related-card tjg-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=\"tjg-related-content\">\n\n                    <span>\n                        Projet complet\n                    <\/span>\n\n                    <strong>\n                        Cr\u00e9ation de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Int\u00e9grez votre nouvelle pelouse\n                        dans un am\u00e9nagement complet.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjg-related-card tjg-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=\"tjg-related-content\">\n\n                    <span>\n                        Apr\u00e8s la cr\u00e9ation\n                    <\/span>\n\n                    <strong>\n                        Entretien de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Entretenez votre pelouse\n                        et le reste du jardin.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjg-related-card tjg-reveal\"\n                href=\"\/paysagiste\/amenagement-exterieur\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    loading=\"lazy\"\n                    alt=\"Am\u00e9nagement ext\u00e9rieur\">\n\n                <div class=\"tjg-related-content\">\n\n                    <span>\n                        Transformer l&rsquo;ext\u00e9rieur\n                    <\/span>\n\n                    <strong>\n                        Am\u00e9nagement ext\u00e9rieur \u2192\n                    <\/strong>\n\n                    <small>\n                        Structurez l&rsquo;ensemble\n                        de votre espace 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=\"tjg-section tjg-faq\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-faq-grid\">\n\n\n            <div class=\"tjg-faq-intro tjg-reveal\">\n\n                <span class=\"tjg-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tjg-title\">\n                    Votre future pelouse,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tjg-text\">\n                    Quelques r\u00e9ponses aux questions\n                    courantes avant un projet d&rsquo;engazonnement.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjg-faq-list\">\n\n\n                <details class=\"tjg-faq-item tjg-reveal\">\n\n                    <summary>\n                        Peut-on engazonner un terrain actuellement en terre ?\n                    <\/summary>\n\n                    <div class=\"tjg-faq-answer\">\n                        Oui. Le terrain doit d&rsquo;abord \u00eatre pr\u00e9par\u00e9\n                        et nivel\u00e9 afin de cr\u00e9er une base adapt\u00e9e\n                        \u00e0 la future pelouse.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjg-faq-item tjg-reveal\">\n\n                    <summary>\n                        Peut-on refaire une ancienne pelouse ?\n                    <\/summary>\n\n                    <div class=\"tjg-faq-answer\">\n                        Oui. Une pelouse existante mais fortement d\u00e9grad\u00e9e\n                        peut faire l&rsquo;objet d&rsquo;une reprise\n                        et d&rsquo;un nouvel engazonnement.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjg-faq-item tjg-reveal\">\n\n                    <summary>\n                        Quelle diff\u00e9rence entre semis et gazon en rouleaux ?\n                    <\/summary>\n\n                    <div class=\"tjg-faq-answer\">\n                        Le semis cr\u00e9e progressivement la pelouse,\n                        tandis que le gazon en rouleaux permet\n                        d&rsquo;obtenir beaucoup plus rapidement\n                        une surface d\u00e9j\u00e0 verte.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjg-faq-item tjg-reveal\">\n\n                    <summary>\n                        Peut-on cr\u00e9er la pelouse en m\u00eame temps que le jardin ?\n                    <\/summary>\n\n                    <div class=\"tjg-faq-answer\">\n                        Oui. L&rsquo;engazonnement peut \u00eatre int\u00e9gr\u00e9\n                        \u00e0 un projet complet de cr\u00e9ation\n                        ou d&rsquo;am\u00e9nagement ext\u00e9rieur.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjg-faq-item tjg-reveal\">\n\n                    <summary>\n                        Comment obtenir un devis ?\n                    <\/summary>\n\n                    <div class=\"tjg-faq-answer\">\n                        Pr\u00e9sentez la surface approximative,\n                        l&rsquo;\u00e9tat actuel du terrain\n                        et votre projet via la page contact.\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=\"tjg-final\">\n\n    <div class=\"tjg-container\">\n\n        <div class=\"tjg-final-box tjg-reveal\">\n\n            <div class=\"tjg-final-content\">\n\n                <span class=\"tjg-kicker\">\n                    Engazonnement\n                <\/span>\n\n                <h2>\n                    Envie d&rsquo;une nouvelle\n                    <span>pelouse ?<\/span>\n                <\/h2>\n\n                <p>\n                    Pr\u00e9sentez-nous votre terrain\n                    et la surface \u00e0 engazonner.\n                    Terra Jardin vous propose\n                    une solution adapt\u00e9e \u00e0 votre ext\u00e9rieur.\n                <\/p>\n\n\n                <div class=\"tjg-final-actions\">\n\n                    <a\n                        class=\"tjg-btn tjg-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjg-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjg-btn tjg-btn-light\"\n                        href=\"\/paysagiste\/services\/\">\n\n                        Voir tous nos services\n                        <span class=\"tjg-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tjg-final-points\">\n\n                    <span class=\"tjg-final-point\">\n                        <span class=\"tjg-check\">\u2713<\/span>\n                        Devis gratuit\n                    <\/span>\n\n                    <span class=\"tjg-final-point\">\n                        <span class=\"tjg-check\">\u2713<\/span>\n                        Terrain pr\u00e9par\u00e9\n                    <\/span>\n\n                    <span class=\"tjg-final-point\">\n                        <span class=\"tjg-check\">\u2713<\/span>\n                        Pelouse sur mesure\n                    <\/span>\n\n                    <span class=\"tjg-final-point\">\n                        <span class=\"tjg-check\">\u2713<\/span>\n                        Finitions soign\u00e9es\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 initTerraGazon(){\n\n        var root =\n            document.querySelector(\".tjg-page\");\n\n\n        if(!root){\n            return;\n        }\n\n\n        var reducedMotion = false;\n\n\n        try{\n\n            reducedMotion =\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n        }catch(error){\n\n            reducedMotion = false;\n\n        }\n\n\n\n        \/* ==================================================\n           REVEAL\n        ================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tjg-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                            \"tjg-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                                \"tjg-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                                                \"tjg-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                    \"tjg-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tjg-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ==================================================\n           TIMELINE\n        ================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tjg-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tjg-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                    \"--tjg-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                                \"tjg-active\"\n                            );\n\n                        }else{\n\n                            step.classList.remove(\n                                \"tjg-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                    \"--tjg-progress\",\n                    \"1\"\n                );\n\n\n                steps.forEach(\n                    function(step){\n\n                        step.classList.add(\n                            \"tjg-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            \/* contenu toujours visible *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState === \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraGazon\n        );\n\n    }else{\n\n        initTerraGazon();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Engazonnement Une pelouse uniforme. Un jardin qui change d&rsquo;allure. Pr\u00e9paration du terrain, nivellement, semis ou pose de gazon : Terra Jardin cr\u00e9e une pelouse adapt\u00e9e \u00e0 votre ext\u00e9rieur et \u00e0 votre projet. \u2713 Pr\u00e9paration du terrain \u2713 Semis ou gazon \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir la prestation \u2193 Terrain pr\u00e9par\u00e9 Une base [&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-25","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\/25","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=25"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/25\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}