{"id":29,"date":"2026-09-18T14:17:05","date_gmt":"2026-09-18T12:17:05","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=29"},"modified":"2026-09-18T15:55:07","modified_gmt":"2026-09-18T13:55:07","slug":"terrasses-allees","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/terrasses-allees\/","title":{"rendered":"Terrasses &amp; all\u00e9es"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjta-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 TERRASSES & ALL\u00c9ES\n============================================================ *\/\n\n.tjta-page{\n    --deep:#10291f;\n    --forest:#18392b;\n    --green:#54745d;\n    --sage:#90a98d;\n    --gold:#d5b985;\n    --gold-light:#ead7ad;\n    --cream:#f7f4ed;\n    --white:#ffffff;\n    --black:#161a17;\n    --text:#6f776f;\n    --border:rgba(24,57,43,.12);\n\n    width:100vw;\n    max-width:none;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n    overflow:hidden;\n\n    background:var(--cream);\n    color:var(--black);\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tjta-page *,\n.tjta-page *::before,\n.tjta-page *::after{\n    box-sizing:border-box;\n}\n\n.tjta-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjta-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tjta-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjta-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjta-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.tjta-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjta-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.tjta-title span{\n    color:var(--gold);\n}\n\n.tjta-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.tjta-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tjta-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n    text-align:center;\n}\n\n.tjta-heading-center .tjta-kicker{\n    justify-content:center;\n}\n\n.tjta-heading-center .tjta-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjta-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.tjta-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjta-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.tjta-btn-gold:hover{\n    background:var(--gold-light);\n}\n\n.tjta-btn-light{\n    border-color:rgba(255,255,255,.24);\n    background:rgba(255,255,255,.07);\n    color:#fff;\n    backdrop-filter:blur(12px);\n}\n\n.tjta-btn-light:hover{\n    background:#fff;\n    color:var(--deep);\n}\n\n.tjta-arrow{\n    transition:transform .3s ease;\n}\n\n.tjta-btn:hover .tjta-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjta-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.tjta-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tjta-hero-bg img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-hero-content{\n    max-width:800px;\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-hero h1 span{\n    display:block;\n\n    color:var(--gold);\n}\n\n.tjta-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.tjta-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tjta-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.tjta-check{\n    width:20px;\n    height:20px;\n\n    display:grid;\n    place-items:center;\n\n    flex:0 0 auto;\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.tjta-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:34px;\n}\n\n\n\/* HERO SIDE *\/\n\n.tjta-hero-side{\n    position:relative;\n\n    min-height:500px;\n}\n\n.tjta-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.tjta-hero-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjta-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.tjta-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.tjta-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tjta-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.tjta-floating-top{\n    top:0;\n    right:0;\n}\n\n.tjta-floating-bottom{\n    left:0;\n    bottom:5px;\n}\n\n\n\/* ============================================================\n   BENEFITS\n============================================================ *\/\n\n.tjta-benefits{\n    position:relative;\n\n    padding:70px 0;\n\n    overflow:hidden;\n\n    background:var(--deep);\n}\n\n.tjta-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.tjta-benefits-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tjta-benefit{\n    padding:15px 30px;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.tjta-benefit:last-child{\n    border-right:0;\n}\n\n.tjta-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.tjta-benefit-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjta-benefit strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tjta-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.tjta-intro{\n    background:#fff;\n}\n\n.tjta-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjta-intro-visual{\n    position:relative;\n}\n\n.tjta-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.tjta-intro-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjta-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.tjta-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.tjta-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:19px;\n    line-height:1.15;\n}\n\n.tjta-intro-cards{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:13px;\n\n    margin-top:35px;\n}\n\n.tjta-intro-card{\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:var(--cream);\n}\n\n.tjta-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.tjta-intro-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjta-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\n============================================================ *\/\n\n.tjta-included{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-included-head .tjta-kicker{\n    justify-content:center;\n}\n\n.tjta-included-head .tjta-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-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.tjta-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.tjta-included-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjta-included-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:30px;\n}\n\n.tjta-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.tjta-included-card:hover\n.tjta-included-icon{\n    transform:\n        translateY(-3px)\n        rotate(-2deg);\n\n    background:var(--gold);\n}\n\n.tjta-included-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjta-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.tjta-included-card:hover\n.tjta-included-number{\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjta-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.tjta-included-card p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tjta-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.tjta-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.tjta-types{\n    background:#fff;\n}\n\n.tjta-types-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjta-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.tjta-type-media{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n}\n\n.tjta-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.tjta-type:hover img{\n    transform:scale(1.055);\n}\n\n.tjta-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,.54) 46%,\n            rgba(6,22,15,.10) 80%\n        );\n}\n\n.tjta-type-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:24px;\n}\n\n.tjta-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.tjta-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.tjta-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 \/ APR\u00c8S\n============================================================ *\/\n\n.tjta-transform{\n    background:var(--cream);\n}\n\n.tjta-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.tjta-transform-box > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjta-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,.15)\n        );\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-transform h2 span{\n    color:var(--gold);\n}\n\n.tjta-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.tjta-transform-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.tjta-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.tjta-process{\n    position:relative;\n\n    background:#fff;\n\n    --tjta-progress:0;\n}\n\n.tjta-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tjta-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.tjta-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(--tjta-progress));\n\n    transform-origin:left center;\n}\n\n.tjta-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:20px;\n}\n\n.tjta-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tjta-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.tjta-process-step.tjta-active\n.tjta-process-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjta-process-step h3{\n    margin:0 0 9px;\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tjta-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.tjta-related{\n    background:var(--cream);\n}\n\n.tjta-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjta-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.tjta-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.tjta-related-card:hover img{\n    transform:scale(1.055);\n}\n\n.tjta-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.tjta-related-content{\n    position:absolute;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.tjta-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.tjta-related-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:21px;\n}\n\n.tjta-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.tjta-faq{\n    background:#fff;\n}\n\n.tjta-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n\n    align-items:start;\n}\n\n.tjta-faq-intro{\n    position:sticky;\n    top:120px;\n}\n\n.tjta-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tjta-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n}\n\n.tjta-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.tjta-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tjta-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.tjta-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tjta-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 CTA\n============================================================ *\/\n\n.tjta-final{\n    padding:105px 0;\n\n    background:var(--cream);\n}\n\n.tjta-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.tjta-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.tjta-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.tjta-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:840px;\n\n    margin:auto;\n}\n\n.tjta-final .tjta-kicker{\n    color:var(--gold);\n}\n\n.tjta-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.tjta-final h2 span{\n    color:var(--gold);\n}\n\n.tjta-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.tjta-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tjta-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.tjta-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   SAFE SCROLL\n============================================================ *\/\n\n.tjta-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjta-page.tjta-motion-ready\n.tjta-reveal:not(.tjta-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjta-page.tjta-motion-ready\n.tjta-reveal.tjta-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.tjta-page.tjta-motion-ready\n.tjta-included-card:nth-child(2),\n.tjta-page.tjta-motion-ready\n.tjta-type:nth-child(2),\n.tjta-page.tjta-motion-ready\n.tjta-related-card:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tjta-page.tjta-motion-ready\n.tjta-included-card:nth-child(3),\n.tjta-page.tjta-motion-ready\n.tjta-type:nth-child(3),\n.tjta-page.tjta-motion-ready\n.tjta-related-card:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tjta-page.tjta-motion-ready\n.tjta-included-card:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tjta-page.tjta-motion-ready\n.tjta-included-card:nth-child(6){\n    transition-delay:.16s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjta-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tjta-hero-side{\n        display:none;\n    }\n\n    .tjta-intro-grid,\n    .tjta-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjta-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tjta-included-grid,\n    .tjta-types-grid,\n    .tjta-related-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjta-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjta-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjta-section{\n        padding:70px 0;\n    }\n\n    .tjta-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjta-kicker::before{\n        width:25px;\n    }\n\n    .tjta-title{\n        font-size:37px;\n        line-height:1;\n    }\n\n    .tjta-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n\n    \/* HERO *\/\n\n    .tjta-hero{\n        min-height:700px;\n\n        align-items:flex-end;\n    }\n\n    .tjta-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    .tjta-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tjta-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n    }\n\n    .tjta-hero-desc{\n        font-size:14px;\n    }\n\n    .tjta-hero-points{\n        display:grid;\n        gap:8px;\n    }\n\n    .tjta-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjta-btn{\n        width:100%;\n        min-height:50px;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .tjta-benefits{\n        padding:48px 0;\n    }\n\n    .tjta-benefits-grid{\n        grid-template-columns:1fr 1fr;\n        gap:26px 0;\n    }\n\n    .tjta-benefit{\n        padding:8px;\n    }\n\n    .tjta-benefit:nth-child(2){\n        border-right:0;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjta-intro-grid{\n        gap:40px;\n    }\n\n    .tjta-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tjta-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tjta-intro-cards{\n        grid-template-columns:1fr;\n        gap:9px;\n    }\n\n\n    \/* PRESTATIONS *\/\n\n    .tjta-included-head{\n        margin-bottom:32px;\n    }\n\n    .tjta-included-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjta-included-card{\n        min-height:auto;\n\n        padding:20px;\n\n        border-radius:19px;\n    }\n\n    .tjta-included-top{\n        margin-bottom:18px;\n    }\n\n    .tjta-included-icon{\n        width:47px;\n        height:47px;\n    }\n\n    .tjta-included-card h3{\n        font-size:18px;\n    }\n\n    .tjta-included-card p{\n        font-size:11px;\n    }\n\n\n    \/* TYPES *\/\n\n    .tjta-types-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjta-type{\n        min-height:370px;\n\n        border-radius:19px;\n    }\n\n\n    \/* TRANSFORM *\/\n\n    .tjta-transform-box{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tjta-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    .tjta-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tjta-transform h2{\n        font-size:40px;\n    }\n\n\n    \/* PROCESS *\/\n\n    .tjta-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjta-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    .tjta-process-progress{\n        transform:\n            scaleY(var(--tjta-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjta-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjta-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    .tjta-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    .tjta-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* RELATED *\/\n\n    .tjta-related-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjta-related-card{\n        min-height:270px;\n    }\n\n\n    \/* FAQ *\/\n\n    .tjta-faq-grid{\n        gap:35px;\n    }\n\n    .tjta-faq-item summary{\n        padding:18px 54px 18px 18px;\n\n        font-size:12px;\n    }\n\n    .tjta-faq-answer{\n        padding:0 18px 18px;\n\n        font-size:11px;\n    }\n\n\n    \/* CTA *\/\n\n    .tjta-final{\n        padding:65px 0;\n    }\n\n    .tjta-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjta-final h2{\n        font-size:40px;\n    }\n\n    .tjta-final p{\n        font-size:12px;\n    }\n\n    .tjta-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjta-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    .tjta-page *,\n    .tjta-page *::before,\n    .tjta-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjta-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=\"tjta-hero\">\n\n    <div class=\"tjta-hero-bg\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Terrasse ext\u00e9rieure am\u00e9nag\u00e9e dans un jardin\"\n            fetchpriority=\"high\"\n            onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000';\">\n\n    <\/div>\n\n    <div class=\"tjta-hero-overlay\"><\/div>\n\n\n    <div class=\"tjta-hero-inner\">\n\n\n        <div class=\"tjta-hero-content\">\n\n            <div class=\"tjta-hero-badge\">\n\n                <span class=\"tjta-hero-badge-dot\"><\/span>\n\n                Terrasses &#038; all\u00e9es\n\n            <\/div>\n\n\n            <h1>\n                Structurez votre ext\u00e9rieur.\n                <span>Cr\u00e9ez de v\u00e9ritables espaces de vie.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjta-hero-desc\">\n                Terrasse, cheminements et all\u00e9es :\n                Terra Jardin organise les circulations\n                et les zones de d\u00e9tente pour cr\u00e9er\n                un ext\u00e9rieur pratique, harmonieux et agr\u00e9able \u00e0 vivre.\n            <\/p>\n\n\n            <div class=\"tjta-hero-points\">\n\n                <div class=\"tjta-hero-point\">\n\n                    <span class=\"tjta-check\">\u2713<\/span>\n\n                    Projet sur mesure\n\n                <\/div>\n\n\n                <div class=\"tjta-hero-point\">\n\n                    <span class=\"tjta-check\">\u2713<\/span>\n\n                    Terrasse &#038; circulation\n\n                <\/div>\n\n\n                <div class=\"tjta-hero-point\">\n\n                    <span class=\"tjta-check\">\u2713<\/span>\n\n                    Devis gratuit\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjta-hero-actions\">\n\n                <a\n                    class=\"tjta-btn tjta-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjta-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjta-btn tjta-btn-light\"\n                    href=\"#terrasses-allees\">\n\n                    D\u00e9couvrir la prestation\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tjta-hero-side\">\n\n            <div class=\"tjta-hero-main\">\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                    alt=\"Terrasse avec jardin\"\n                    onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100';\">\n\n            <\/div>\n\n\n            <div class=\"tjta-floating tjta-floating-top\">\n\n                <strong>\n                    Terrasse sur mesure\n                <\/strong>\n\n                <small>\n                    Un nouvel espace\n                    pour profiter du jardin.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tjta-floating tjta-floating-bottom\">\n\n                <strong>\n                    Circulation fluide\n                <\/strong>\n\n                <small>\n                    Des all\u00e9es qui relient\n                    naturellement vos espaces.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BENEFITS\n============================================================ -->\n\n<section class=\"tjta-benefits\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-benefits-grid\">\n\n\n            <div class=\"tjta-benefit tjta-reveal\">\n\n                <div class=\"tjta-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=\"M5 20v-8h6v8\"\/>\n                        <path d=\"M14 20V8h5v12\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Terrasse\n                <\/strong>\n\n                <span>\n                    Un v\u00e9ritable espace\n                    de vie ext\u00e9rieur.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjta-benefit tjta-reveal\">\n\n                <div class=\"tjta-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 6h16\"\/>\n                        <path d=\"M4 12h16\"\/>\n                        <path d=\"M4 18h16\"\/>\n                        <path d=\"M8 3v18\"\/>\n                        <path d=\"M16 3v18\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    All\u00e9es\n                <\/strong>\n\n                <span>\n                    Des circulations pratiques\n                    et bien int\u00e9gr\u00e9es.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjta-benefit tjta-reveal\">\n\n                <div class=\"tjta-benefit-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=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                        <path d=\"M4 12h16\"\/>\n                        <path d=\"M12 4v16\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Organisation\n                <\/strong>\n\n                <span>\n                    Chaque zone trouve\n                    naturellement sa place.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjta-benefit tjta-reveal\">\n\n                <div class=\"tjta-benefit-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Finitions\n                <\/strong>\n\n                <span>\n                    Un r\u00e9sultat coh\u00e9rent\n                    avec l&rsquo;ensemble du 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=\"tjta-section tjta-intro\"\n    id=\"terrasses-allees\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-intro-grid\">\n\n\n            <div class=\"tjta-intro-visual tjta-reveal\">\n\n                <div class=\"tjta-intro-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Terrasse ext\u00e9rieure dans un jardin\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200';\">\n\n                <\/div>\n\n\n                <div class=\"tjta-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Des espaces faits pour \u00eatre v\u00e9cus.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tjta-heading tjta-reveal\">\n\n                    <span class=\"tjta-kicker\">\n                        Am\u00e9nagement ext\u00e9rieur\n                    <\/span>\n\n                    <h2 class=\"tjta-title\">\n                        Reliez les espaces.\n                        <span>Profitez davantage du jardin.<\/span>\n                    <\/h2>\n\n                    <p class=\"tjta-text\">\n                        Une terrasse cr\u00e9e un v\u00e9ritable prolongement\n                        de la maison tandis que les all\u00e9es organisent\n                        naturellement les d\u00e9placements.\n                        Ensemble, elles structurent l&rsquo;ext\u00e9rieur\n                        et donnent davantage de coh\u00e9rence au jardin.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tjta-intro-cards\">\n\n                    <div class=\"tjta-intro-card tjta-reveal\">\n\n                        <span>01<\/span>\n\n                        <strong>\n                            Les usages\n                        <\/strong>\n\n                        <p>\n                            Repas, d\u00e9tente, acc\u00e8s et circulation.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjta-intro-card tjta-reveal\">\n\n                        <span>02<\/span>\n\n                        <strong>\n                            Le terrain\n                        <\/strong>\n\n                        <p>\n                            Configuration et niveaux pris en compte.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjta-intro-card tjta-reveal\">\n\n                        <span>03<\/span>\n\n                        <strong>\n                            Le style\n                        <\/strong>\n\n                        <p>\n                            Des lignes adapt\u00e9es \u00e0 votre ext\u00e9rieur.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjta-intro-card tjta-reveal\">\n\n                        <span>04<\/span>\n\n                        <strong>\n                            Les raccords\n                        <\/strong>\n\n                        <p>\n                            Une transition soign\u00e9e avec le jardin.\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=\"tjta-section tjta-included\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-included-head tjta-reveal\">\n\n            <span class=\"tjta-kicker\">\n                Une prestation compl\u00e8te\n            <\/span>\n\n            <h2 class=\"tjta-title\">\n                De la pr\u00e9paration\n                <span>jusqu&rsquo;aux finitions.<\/span>\n            <\/h2>\n\n            <p class=\"tjta-text\">\n                Chaque terrasse ou all\u00e9e est pens\u00e9e\n                comme une partie int\u00e9grante du jardin.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjta-included-grid\">\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n                            <path d=\"M8 4v16\"\/>\n                            <path d=\"M16 4v16\"\/>\n                            <path d=\"M4 11h16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjta-included-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Conception des espaces\n                <\/h3>\n\n                <p>\n                    Implantation de la terrasse\n                    et des circulations selon\n                    la configuration du terrain.\n                <\/p>\n\n                <div class=\"tjta-included-meta\">\n                    Organisation\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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 17h18\"\/>\n                            <path d=\"M5 13h14\"\/>\n                            <path d=\"M7 9h10\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjta-included-number\">\n                        02\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                    avant la mise en place\n                    du nouvel am\u00e9nagement.\n                <\/p>\n\n                <div class=\"tjta-included-meta\">\n                    Pr\u00e9paration\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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 20h18\"\/>\n                            <path d=\"M5 20v-8h6v8\"\/>\n                            <path d=\"M14 20V8h5v12\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjta-included-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Cr\u00e9ation de terrasse\n                <\/h3>\n\n                <p>\n                    Cr\u00e9ation d&rsquo;un espace\n                    destin\u00e9 aux repas,\n                    \u00e0 la d\u00e9tente et aux moments conviviaux.\n                <\/p>\n\n                <div class=\"tjta-included-meta\">\n                    Espace de vie\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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 5h16\"\/>\n                            <path d=\"M4 11h16\"\/>\n                            <path d=\"M4 17h16\"\/>\n                            <path d=\"M8 2v20\"\/>\n                            <path d=\"M16 2v20\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjta-included-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Cr\u00e9ation d&rsquo;all\u00e9es\n                <\/h3>\n\n                <p>\n                    Des cheminements pratiques\n                    pour relier maison, jardin\n                    et diff\u00e9rents espaces.\n                <\/p>\n\n                <div class=\"tjta-included-meta\">\n                    Circulation\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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 5v14\"\/>\n                            <path d=\"M19 5v14\"\/>\n                            <path d=\"M5 12h14\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjta-included-number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Bordures &#038; d\u00e9limitations\n                <\/h3>\n\n                <p>\n                    Des limites nettes\n                    entre terrasse, pelouse,\n                    all\u00e9es et zones v\u00e9g\u00e9talis\u00e9es.\n                <\/p>\n\n                <div class=\"tjta-included-meta\">\n                    D\u00e9limitation\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-included-card tjta-reveal\">\n\n                <div class=\"tjta-included-top\">\n\n                    <div class=\"tjta-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=\"tjta-included-number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Finitions\n                <\/h3>\n\n                <p>\n                    Les raccords sont finalis\u00e9s\n                    afin d&rsquo;int\u00e9grer l&rsquo;am\u00e9nagement\n                    naturellement au jardin.\n                <\/p>\n\n                <div class=\"tjta-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=\"tjta-section tjta-types\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-heading tjta-reveal\">\n\n            <span class=\"tjta-kicker\">\n                Votre projet\n            <\/span>\n\n            <h2 class=\"tjta-title\">\n                Des espaces adapt\u00e9s\n                <span>\u00e0 chaque usage.<\/span>\n            <\/h2>\n\n            <p class=\"tjta-text\">\n                Terrasse, cheminements ou projet combin\u00e9 :\n                l&rsquo;am\u00e9nagement s&rsquo;adapte \u00e0 votre fa\u00e7on\n                d&rsquo;utiliser l&rsquo;ext\u00e9rieur.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjta-types-grid\">\n\n\n            <article class=\"tjta-type tjta-reveal\">\n\n                <div class=\"tjta-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=\"Terrasse ext\u00e9rieure am\u00e9nag\u00e9e\">\n\n                <\/div>\n\n                <div class=\"tjta-type-content\">\n\n                    <span>\n                        Projet 01\n                    <\/span>\n\n                    <h3>\n                        Terrasse ext\u00e9rieure\n                    <\/h3>\n\n                    <p>\n                        Un v\u00e9ritable espace\n                        pour recevoir, d\u00e9jeuner\n                        et profiter du jardin.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-type tjta-reveal\">\n\n                <div class=\"tjta-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=\"Cheminement paysager dans un jardin\">\n\n                <\/div>\n\n                <div class=\"tjta-type-content\">\n\n                    <span>\n                        Projet 02\n                    <\/span>\n\n                    <h3>\n                        All\u00e9es paysag\u00e8res\n                    <\/h3>\n\n                    <p>\n                        Des circulations int\u00e9gr\u00e9es\n                        entre v\u00e9g\u00e9tation,\n                        pelouse et espaces de vie.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjta-type tjta-reveal\">\n\n                <div class=\"tjta-type-media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1100\"\n                        loading=\"lazy\"\n                        alt=\"Am\u00e9nagement complet terrasse et jardin\">\n\n                <\/div>\n\n                <div class=\"tjta-type-content\">\n\n                    <span>\n                        Projet 03\n                    <\/span>\n\n                    <h3>\n                        Projet complet\n                    <\/h3>\n\n                    <p>\n                        Terrasse, all\u00e9es et v\u00e9g\u00e9tation\n                        con\u00e7ues ensemble\n                        pour un r\u00e9sultat coh\u00e9rent.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TRANSFORMATION\n============================================================ -->\n\n<section class=\"tjta-section tjta-transform\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-transform-box tjta-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=\"Terrasse int\u00e9gr\u00e9e dans un jardin\"\n                onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800';\">\n\n\n            <div class=\"tjta-transform-content\">\n\n                <span class=\"tjta-transform-tag\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    Un espace inutilis\u00e9.\n                    <span>Un nouvel endroit \u00e0 vivre.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section pourra accueillir\n                    les photos avant et apr\u00e8s\n                    d&rsquo;une v\u00e9ritable cr\u00e9ation de terrasse\n                    ou d&rsquo;all\u00e9es Terra Jardin.\n                <\/p>\n\n\n                <div class=\"tjta-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                        Am\u00e9nagement termin\u00e9\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=\"tjta-section tjta-process\"\n    data-tjta-process>\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-heading tjta-heading-center tjta-reveal\">\n\n            <span class=\"tjta-kicker\">\n                Votre projet\n            <\/span>\n\n            <h2 class=\"tjta-title\">\n                Comment se d\u00e9roule\n                <span>l&rsquo;am\u00e9nagement ?<\/span>\n            <\/h2>\n\n            <p class=\"tjta-text\">\n                Un projet progressif,\n                de la d\u00e9finition des espaces\n                jusqu&rsquo;aux derni\u00e8res finitions.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjta-process-wrap\">\n\n            <div class=\"tjta-process-line\">\n\n                <div class=\"tjta-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjta-process-grid\">\n\n\n                <article class=\"tjta-process-step\">\n\n                    <div class=\"tjta-process-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Vos besoins\n                    <\/h3>\n\n                    <p>\n                        Terrasse, acc\u00e8s\n                        et usages sont d\u00e9finis.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjta-process-step\">\n\n                    <div class=\"tjta-process-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        \u00c9tude\n                    <\/h3>\n\n                    <p>\n                        Le terrain\n                        et les niveaux sont observ\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjta-process-step\">\n\n                    <div class=\"tjta-process-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        Pr\u00e9paration\n                    <\/h3>\n\n                    <p>\n                        Les zones concern\u00e9es\n                        sont pr\u00e9par\u00e9es.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjta-process-step\">\n\n                    <div class=\"tjta-process-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        R\u00e9alisation\n                    <\/h3>\n\n                    <p>\n                        Terrasse et all\u00e9es\n                        prennent forme.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjta-process-step\">\n\n                    <div class=\"tjta-process-number\">\n                        05\n                    <\/div>\n\n                    <h3>\n                        Finitions\n                    <\/h3>\n\n                    <p>\n                        Les raccords avec le jardin\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=\"tjta-section tjta-related\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-heading tjta-reveal\">\n\n            <span class=\"tjta-kicker\">\n                Compl\u00e9ter le projet\n            <\/span>\n\n            <h2 class=\"tjta-title\">\n                Cr\u00e9ez un ext\u00e9rieur\n                <span>enti\u00e8rement coh\u00e9rent.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjta-related-grid\">\n\n\n            <a\n                class=\"tjta-related-card tjta-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=\"tjta-related-content\">\n\n                    <span>\n                        Projet global\n                    <\/span>\n\n                    <strong>\n                        Am\u00e9nagement ext\u00e9rieur \u2192\n                    <\/strong>\n\n                    <small>\n                        Repensez l&rsquo;ensemble\n                        de votre terrain.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjta-related-card tjta-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=\"tjta-related-content\">\n\n                    <span>\n                        V\u00e9g\u00e9taliser les abords\n                    <\/span>\n\n                    <strong>\n                        Cr\u00e9ation de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Int\u00e9grez massifs\n                        et plantations autour des espaces.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjta-related-card tjta-reveal\"\n                href=\"\/paysagiste\/clotures\/\">\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=\"Jardin ext\u00e9rieur d\u00e9limit\u00e9\">\n\n                <div class=\"tjta-related-content\">\n\n                    <span>\n                        D\u00e9limiter votre terrain\n                    <\/span>\n\n                    <strong>\n                        Cl\u00f4tures \u2192\n                    <\/strong>\n\n                    <small>\n                        Compl\u00e9tez votre projet\n                        en structurant ses limites.\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=\"tjta-section tjta-faq\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-faq-grid\">\n\n\n            <div class=\"tjta-faq-intro tjta-reveal\">\n\n                <span class=\"tjta-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tjta-title\">\n                    Votre projet,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tjta-text\">\n                    Quelques r\u00e9ponses utiles\n                    avant de cr\u00e9er votre terrasse\n                    ou vos all\u00e9es.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjta-faq-list\">\n\n\n                <details class=\"tjta-faq-item tjta-reveal\">\n\n                    <summary>\n                        Peut-on cr\u00e9er une terrasse dans un jardin existant ?\n                    <\/summary>\n\n                    <div class=\"tjta-faq-answer\">\n                        Oui. La terrasse peut \u00eatre int\u00e9gr\u00e9e\n                        dans un jardin d\u00e9j\u00e0 am\u00e9nag\u00e9,\n                        en adaptant sa position et ses raccords\n                        aux espaces existants.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjta-faq-item tjta-reveal\">\n\n                    <summary>\n                        Peut-on cr\u00e9er plusieurs all\u00e9es ?\n                    <\/summary>\n\n                    <div class=\"tjta-faq-answer\">\n                        Oui. Plusieurs cheminements peuvent \u00eatre pr\u00e9vus\n                        pour relier la maison,\n                        la terrasse et les diff\u00e9rentes zones du jardin.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjta-faq-item tjta-reveal\">\n\n                    <summary>\n                        Peut-on refaire les plantations autour de la terrasse ?\n                    <\/summary>\n\n                    <div class=\"tjta-faq-answer\">\n                        Oui. Les abords peuvent \u00eatre v\u00e9g\u00e9talis\u00e9s\n                        afin d&rsquo;int\u00e9grer plus naturellement\n                        la terrasse dans le jardin.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjta-faq-item tjta-reveal\">\n\n                    <summary>\n                        Peut-on int\u00e9grer le projet dans un am\u00e9nagement complet ?\n                    <\/summary>\n\n                    <div class=\"tjta-faq-answer\">\n                        Oui. Terrasse, all\u00e9es, pelouse,\n                        plantations et autres am\u00e9nagements\n                        peuvent \u00eatre pens\u00e9s ensemble.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjta-faq-item tjta-reveal\">\n\n                    <summary>\n                        Comment demander un devis ?\n                    <\/summary>\n\n                    <div class=\"tjta-faq-answer\">\n                        Pr\u00e9sentez les dimensions approximatives\n                        de la zone et votre projet\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=\"tjta-final\">\n\n    <div class=\"tjta-container\">\n\n        <div class=\"tjta-final-box tjta-reveal\">\n\n            <div class=\"tjta-final-content\">\n\n                <span class=\"tjta-kicker\">\n                    Terrasses &#038; all\u00e9es\n                <\/span>\n\n                <h2>\n                    Cr\u00e9ez des espaces\n                    <span>faits pour \u00eatre v\u00e9cus.<\/span>\n                <\/h2>\n\n                <p>\n                    Pr\u00e9sentez-nous votre terrain,\n                    votre future terrasse ou les circulations\n                    que vous souhaitez cr\u00e9er.\n                    Terra Jardin imagine un am\u00e9nagement\n                    adapt\u00e9 \u00e0 votre ext\u00e9rieur.\n                <\/p>\n\n\n                <div class=\"tjta-final-actions\">\n\n                    <a\n                        class=\"tjta-btn tjta-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjta-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjta-btn tjta-btn-light\"\n                        href=\"\/paysagiste\/realisations\/\">\n\n                        Voir nos r\u00e9alisations\n                        <span class=\"tjta-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tjta-final-points\">\n\n                    <span class=\"tjta-final-point\">\n                        <span class=\"tjta-check\">\u2713<\/span>\n                        Devis gratuit\n                    <\/span>\n\n                    <span class=\"tjta-final-point\">\n                        <span class=\"tjta-check\">\u2713<\/span>\n                        Projet sur mesure\n                    <\/span>\n\n                    <span class=\"tjta-final-point\">\n                        <span class=\"tjta-check\">\u2713<\/span>\n                        Terrasse &#038; all\u00e9es\n                    <\/span>\n\n                    <span class=\"tjta-final-point\">\n                        <span class=\"tjta-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 initTerraTerrasses(){\n\n        var root =\n            document.querySelector(\n                \".tjta-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                    \".tjta-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                            \"tjta-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                                \"tjta-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                                                \"tjta-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                    \"tjta-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tjta-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ====================================================\n           TIMELINE\n        ==================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tjta-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tjta-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.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                    \"--tjta-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                                \"tjta-active\"\n                            );\n\n                        }else{\n\n                            step.classList.remove(\n                                \"tjta-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.setProperty(\n                    \"--tjta-progress\",\n                    \"1\"\n                );\n\n\n                steps.forEach(\n                    function(step){\n\n                        step.classList.add(\n                            \"tjta-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 visible *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraTerrasses\n        );\n\n    }else{\n\n        initTerraTerrasses();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Terrasses &#038; all\u00e9es Structurez votre ext\u00e9rieur. Cr\u00e9ez de v\u00e9ritables espaces de vie. Terrasse, cheminements et all\u00e9es : Terra Jardin organise les circulations et les zones de d\u00e9tente pour cr\u00e9er un ext\u00e9rieur pratique, harmonieux et agr\u00e9able \u00e0 vivre. \u2713 Projet sur mesure \u2713 Terrasse &#038; circulation \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir la prestation [&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-29","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\/29","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=29"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/29\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}