{"id":27,"date":"2026-09-18T14:16:53","date_gmt":"2026-09-18T12:16:53","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=27"},"modified":"2026-09-18T15:51:38","modified_gmt":"2026-09-18T13:51:38","slug":"amenagement-exterieur","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/amenagement-exterieur\/","title":{"rendered":"Am\u00e9nagement ext\u00e9rieur"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjam-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 AM\u00c9NAGEMENT EXT\u00c9RIEUR\n============================================================ *\/\n\n.tjam-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.tjam-page *,\n.tjam-page *::before,\n.tjam-page *::after{\n    box-sizing:border-box;\n}\n\n.tjam-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjam-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tjam-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjam-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjam-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.tjam-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjam-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.tjam-title span{\n    color:var(--gold);\n}\n\n.tjam-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.tjam-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tjam-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n\n    text-align:center;\n}\n\n.tjam-heading-center .tjam-kicker{\n    justify-content:center;\n}\n\n.tjam-heading-center .tjam-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjam-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.tjam-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjam-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.tjam-btn-gold:hover{\n    background:var(--gold-light);\n}\n\n.tjam-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.tjam-btn-light:hover{\n    background:#fff;\n    color:var(--deep);\n}\n\n.tjam-arrow{\n    transition:transform .3s ease;\n}\n\n.tjam-btn:hover .tjam-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjam-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.tjam-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tjam-hero-bg img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-hero-content{\n    max-width:800px;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-hero h1 span{\n    display:block;\n\n    color:var(--gold);\n}\n\n.tjam-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.tjam-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-hero-side{\n    position:relative;\n\n    min-height:500px;\n}\n\n.tjam-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.tjam-hero-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjam-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.tjam-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.tjam-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:13px;\n}\n\n.tjam-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.tjam-floating-top{\n    top:0;\n    right:0;\n}\n\n.tjam-floating-bottom{\n    left:0;\n    bottom:5px;\n}\n\n\n\/* ============================================================\n   BENEFITS\n============================================================ *\/\n\n.tjam-benefits{\n    position:relative;\n\n    padding:70px 0;\n\n    overflow:hidden;\n\n    background:var(--deep);\n}\n\n.tjam-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.tjam-benefits-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tjam-benefit{\n    padding:15px 30px;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.tjam-benefit:last-child{\n    border-right:0;\n}\n\n.tjam-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.tjam-benefit-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjam-benefit strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n}\n\n.tjam-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.tjam-intro{\n    background:#fff;\n}\n\n.tjam-intro-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tjam-intro-visual{\n    position:relative;\n}\n\n.tjam-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.tjam-intro-image img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjam-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.tjam-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.tjam-intro-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:19px;\n    line-height:1.15;\n}\n\n.tjam-intro-cards{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:13px;\n\n    margin-top:35px;\n}\n\n.tjam-intro-card{\n    padding:22px;\n\n    border:1px solid var(--border);\n    border-radius:19px;\n\n    background:var(--cream);\n}\n\n.tjam-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.tjam-intro-card strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjam-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.tjam-included{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--cream);\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-included-head .tjam-kicker{\n    justify-content:center;\n}\n\n.tjam-included-head .tjam-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-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.tjam-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.tjam-included-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjam-included-top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    margin-bottom:30px;\n}\n\n.tjam-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.tjam-included-card:hover\n.tjam-included-icon{\n    transform:\n        translateY(-3px)\n        rotate(-2deg);\n\n    background:var(--gold);\n}\n\n.tjam-included-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjam-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.tjam-included-card:hover\n.tjam-included-number{\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjam-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.tjam-included-card p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tjam-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.tjam-included-meta::before{\n    content:\"\";\n\n    width:18px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n\n\/* ============================================================\n   STYLES\n============================================================ *\/\n\n.tjam-types{\n    background:#fff;\n}\n\n.tjam-types-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjam-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.tjam-type-media{\n    position:absolute;\n    inset:0;\n    z-index:-2;\n}\n\n.tjam-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.tjam-type:hover img{\n    transform:scale(1.055);\n}\n\n.tjam-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.tjam-type-content{\n    position:absolute;\n\n    left:25px;\n    right:25px;\n    bottom:24px;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-transform{\n    background:var(--cream);\n}\n\n.tjam-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.tjam-transform-box > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-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.tjam-transform h2 span{\n    color:var(--gold);\n}\n\n.tjam-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.tjam-transform-chips{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-top:28px;\n}\n\n.tjam-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.tjam-process{\n    position:relative;\n\n    background:#fff;\n\n    --tjam-progress:0;\n}\n\n.tjam-process-wrap{\n    position:relative;\n\n    margin-top:75px;\n}\n\n.tjam-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.tjam-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(--tjam-progress));\n\n    transform-origin:left center;\n}\n\n.tjam-process-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:20px;\n}\n\n.tjam-process-step{\n    position:relative;\n\n    text-align:center;\n}\n\n.tjam-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.tjam-process-step.tjam-active\n.tjam-process-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjam-process-step h3{\n    margin:0 0 9px;\n\n    color:var(--deep);\n\n    font-size:17px;\n}\n\n.tjam-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.tjam-related{\n    background:var(--cream);\n}\n\n.tjam-related-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:16px;\n}\n\n.tjam-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.tjam-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.tjam-related-card:hover img{\n    transform:scale(1.055);\n}\n\n.tjam-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.tjam-related-content{\n    position:absolute;\n\n    left:24px;\n    right:24px;\n    bottom:22px;\n}\n\n.tjam-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.tjam-related-content strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:21px;\n}\n\n.tjam-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.tjam-faq{\n    background:#fff;\n}\n\n.tjam-faq-grid{\n    display:grid;\n    grid-template-columns:.72fr 1.28fr;\n    gap:70px;\n\n    align-items:start;\n}\n\n.tjam-faq-intro{\n    position:sticky;\n    top:120px;\n}\n\n.tjam-faq-list{\n    display:grid;\n    gap:10px;\n}\n\n.tjam-faq-item{\n    overflow:hidden;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:var(--cream);\n}\n\n.tjam-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.tjam-faq-item summary::-webkit-details-marker{\n    display:none;\n}\n\n.tjam-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.tjam-faq-item[open] summary::after{\n    content:\"\u2212\";\n}\n\n.tjam-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.tjam-final{\n    padding:105px 0;\n\n    background:var(--cream);\n}\n\n.tjam-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.tjam-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.tjam-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.tjam-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:840px;\n\n    margin:auto;\n}\n\n.tjam-final .tjam-kicker{\n    color:var(--gold);\n}\n\n.tjam-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.tjam-final h2 span{\n    color:var(--gold);\n}\n\n.tjam-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.tjam-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tjam-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.tjam-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.tjam-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjam-page.tjam-motion-ready\n.tjam-reveal:not(.tjam-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjam-page.tjam-motion-ready\n.tjam-reveal.tjam-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.tjam-page.tjam-motion-ready\n.tjam-included-card:nth-child(2),\n.tjam-page.tjam-motion-ready\n.tjam-type:nth-child(2),\n.tjam-page.tjam-motion-ready\n.tjam-related-card:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tjam-page.tjam-motion-ready\n.tjam-included-card:nth-child(3),\n.tjam-page.tjam-motion-ready\n.tjam-type:nth-child(3),\n.tjam-page.tjam-motion-ready\n.tjam-related-card:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tjam-page.tjam-motion-ready\n.tjam-included-card:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tjam-page.tjam-motion-ready\n.tjam-included-card:nth-child(6){\n    transition-delay:.16s;\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjam-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tjam-hero-side{\n        display:none;\n    }\n\n    .tjam-intro-grid,\n    .tjam-faq-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjam-intro-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tjam-included-grid,\n    .tjam-types-grid,\n    .tjam-related-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjam-faq-intro{\n        position:static;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjam-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjam-section{\n        padding:70px 0;\n    }\n\n    .tjam-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjam-kicker::before{\n        width:25px;\n    }\n\n    .tjam-title{\n        font-size:37px;\n        line-height:1;\n        letter-spacing:-.04em;\n    }\n\n    .tjam-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n\n    \/* HERO *\/\n\n    .tjam-hero{\n        min-height:700px;\n\n        align-items:flex-end;\n    }\n\n    .tjam-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    .tjam-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tjam-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjam-hero h1{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n    }\n\n    .tjam-hero-desc{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjam-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tjam-hero-point{\n        font-size:10px;\n    }\n\n    .tjam-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tjam-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .tjam-benefits{\n        padding:48px 0;\n    }\n\n    .tjam-benefits-grid{\n        grid-template-columns:1fr 1fr;\n        gap:26px 0;\n    }\n\n    .tjam-benefit{\n        padding:8px;\n    }\n\n    .tjam-benefit:nth-child(2){\n        border-right:0;\n    }\n\n    .tjam-benefit strong{\n        font-size:12px;\n    }\n\n    .tjam-benefit span{\n        font-size:8px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjam-intro-grid{\n        gap:40px;\n    }\n\n    .tjam-intro-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tjam-intro-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tjam-intro-badge strong{\n        font-size:15px;\n    }\n\n    .tjam-intro-cards{\n        grid-template-columns:1fr;\n        gap:9px;\n\n        margin-top:25px;\n    }\n\n\n    \/* INCLUDED *\/\n\n    .tjam-included-head{\n        margin-bottom:32px;\n    }\n\n    .tjam-included-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjam-included-card{\n        min-height:auto;\n\n        padding:20px;\n\n        border-radius:19px;\n    }\n\n    .tjam-included-top{\n        margin-bottom:18px;\n    }\n\n    .tjam-included-icon{\n        width:47px;\n        height:47px;\n\n        border-radius:14px;\n    }\n\n    .tjam-included-icon svg{\n        width:20px;\n        height:20px;\n    }\n\n    .tjam-included-number{\n        width:34px;\n        min-width:34px;\n        height:34px;\n    }\n\n    .tjam-included-card h3{\n        font-size:18px;\n    }\n\n    .tjam-included-card p{\n        font-size:11px;\n    }\n\n    .tjam-included-meta{\n        margin-top:17px;\n\n        font-size:8px;\n    }\n\n\n    \/* TYPES *\/\n\n    .tjam-types-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjam-type{\n        min-height:370px;\n\n        border-radius:19px;\n    }\n\n\n    \/* TRANSFORM *\/\n\n    .tjam-transform-box{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tjam-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    .tjam-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tjam-transform h2{\n        font-size:40px;\n    }\n\n    .tjam-transform p{\n        font-size:12px;\n    }\n\n\n    \/* TIMELINE *\/\n\n    .tjam-process-wrap{\n        margin-top:45px;\n    }\n\n    .tjam-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    .tjam-process-progress{\n        transform:\n            scaleY(var(--tjam-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjam-process-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjam-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    .tjam-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    .tjam-process-step p{\n        max-width:none;\n\n        margin:0;\n    }\n\n\n    \/* RELATED *\/\n\n    .tjam-related-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tjam-related-card{\n        min-height:270px;\n\n        border-radius:18px;\n    }\n\n\n    \/* FAQ *\/\n\n    .tjam-faq-grid{\n        gap:35px;\n    }\n\n    .tjam-faq-item summary{\n        padding:18px 54px 18px 18px;\n\n        font-size:12px;\n    }\n\n    .tjam-faq-answer{\n        padding:0 18px 18px;\n\n        font-size:11px;\n    }\n\n\n    \/* FINAL *\/\n\n    .tjam-final{\n        padding:65px 0;\n    }\n\n    .tjam-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjam-final h2{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tjam-final p{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tjam-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjam-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    .tjam-page *,\n    .tjam-page *::before,\n    .tjam-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjam-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=\"tjam-hero\">\n\n    <div class=\"tjam-hero-bg\">\n\n        <img decoding=\"async\"\n            src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Am\u00e9nagement ext\u00e9rieur paysager\"\n            fetchpriority=\"high\"\n            onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000';\">\n\n    <\/div>\n\n    <div class=\"tjam-hero-overlay\"><\/div>\n\n\n    <div class=\"tjam-hero-inner\">\n\n        <div class=\"tjam-hero-content\">\n\n            <div class=\"tjam-hero-badge\">\n\n                <span class=\"tjam-hero-badge-dot\"><\/span>\n\n                Am\u00e9nagement ext\u00e9rieur\n\n            <\/div>\n\n\n            <h1>\n                Transformez votre ext\u00e9rieur.\n                <span>Profitez pleinement de chaque espace.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjam-hero-desc\">\n                Terrasse, all\u00e9es, v\u00e9g\u00e9tation, pelouse\n                et organisation des diff\u00e9rents espaces :\n                Terra Jardin imagine un am\u00e9nagement coh\u00e9rent,\n                esth\u00e9tique et agr\u00e9able \u00e0 vivre.\n            <\/p>\n\n\n            <div class=\"tjam-hero-points\">\n\n                <div class=\"tjam-hero-point\">\n                    <span class=\"tjam-check\">\u2713<\/span>\n                    Projet sur mesure\n                <\/div>\n\n                <div class=\"tjam-hero-point\">\n                    <span class=\"tjam-check\">\u2713<\/span>\n                    Am\u00e9nagement global\n                <\/div>\n\n                <div class=\"tjam-hero-point\">\n                    <span class=\"tjam-check\">\u2713<\/span>\n                    Devis gratuit\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjam-hero-actions\">\n\n                <a\n                    class=\"tjam-btn tjam-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tjam-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjam-btn tjam-btn-light\"\n                    href=\"#amenagement\">\n\n                    D\u00e9couvrir la prestation\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tjam-hero-side\">\n\n            <div class=\"tjam-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 et jardin am\u00e9nag\u00e9\"\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=\"tjam-floating tjam-floating-top\">\n\n                <strong>\n                    Un projet global\n                <\/strong>\n\n                <small>\n                    Chaque espace est pens\u00e9\n                    dans un m\u00eame ensemble.\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"tjam-floating tjam-floating-bottom\">\n\n                <strong>\n                    Un ext\u00e9rieur \u00e0 vivre\n                <\/strong>\n\n                <small>\n                    Pratique, esth\u00e9tique\n                    et adapt\u00e9 \u00e0 votre quotidien.\n                <\/small>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BENEFITS\n============================================================ -->\n\n<section class=\"tjam-benefits\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-benefits-grid\">\n\n\n            <div class=\"tjam-benefit tjam-reveal\">\n\n                <div class=\"tjam-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=\"M8 4v16\"\/>\n                        <path d=\"M16 4v16\"\/>\n                        <path d=\"M4 11h16\"\/>\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=\"tjam-benefit tjam-reveal\">\n\n                <div class=\"tjam-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 19h18\"\/>\n                        <path d=\"M5 19v-8h6v8\"\/>\n                        <path d=\"M14 19V7h5v12\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    Espace de vie\n                <\/strong>\n\n                <span>\n                    Terrasse et zones\n                    d\u00e9di\u00e9es \u00e0 la d\u00e9tente.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjam-benefit tjam-reveal\">\n\n                <div class=\"tjam-benefit-icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.7\">\n\n                        <path d=\"M12 21V9\"\/>\n                        <path d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n                        <path d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <strong>\n                    V\u00e9g\u00e9tation\n                <\/strong>\n\n                <span>\n                    Le min\u00e9ral et le v\u00e9g\u00e9tal\n                    sont harmonis\u00e9s.\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tjam-benefit tjam-reveal\">\n\n                <div class=\"tjam-benefit-icon\">\n                    \u2713\n                <\/div>\n\n                <strong>\n                    Coh\u00e9rence\n                <\/strong>\n\n                <span>\n                    Un seul projet pour\n                    l&rsquo;ensemble de l&rsquo;ext\u00e9rieur.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     INTRO\n============================================================ -->\n\n<section\n    class=\"tjam-section tjam-intro\"\n    id=\"amenagement\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-intro-grid\">\n\n\n            <div class=\"tjam-intro-visual tjam-reveal\">\n\n                <div class=\"tjam-intro-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Jardin ext\u00e9rieur am\u00e9nag\u00e9\"\n                        onerror=\"this.onerror=null;this.src='https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200';\">\n\n                <\/div>\n\n\n                <div class=\"tjam-intro-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Votre ext\u00e9rieur devient un lieu de vie.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tjam-heading tjam-reveal\">\n\n                    <span class=\"tjam-kicker\">\n                        Am\u00e9nagement sur mesure\n                    <\/span>\n\n                    <h2 class=\"tjam-title\">\n                        Pensez votre ext\u00e9rieur\n                        <span>dans son ensemble.<\/span>\n                    <\/h2>\n\n                    <p class=\"tjam-text\">\n                        Un am\u00e9nagement r\u00e9ussi cr\u00e9e un lien\n                        entre la maison, le jardin et les diff\u00e9rents usages.\n                        Chaque espace est organis\u00e9 pour faciliter\n                        les d\u00e9placements, cr\u00e9er des zones agr\u00e9ables\n                        et donner une v\u00e9ritable identit\u00e9 \u00e0 l&rsquo;ext\u00e9rieur.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tjam-intro-cards\">\n\n                    <div class=\"tjam-intro-card tjam-reveal\">\n\n                        <span>01<\/span>\n\n                        <strong>\n                            Vos usages\n                        <\/strong>\n\n                        <p>\n                            Recevoir, circuler, jouer ou se d\u00e9tendre.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjam-intro-card tjam-reveal\">\n\n                        <span>02<\/span>\n\n                        <strong>\n                            Votre terrain\n                        <\/strong>\n\n                        <p>\n                            Surface et configuration \u00e9tudi\u00e9es.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjam-intro-card tjam-reveal\">\n\n                        <span>03<\/span>\n\n                        <strong>\n                            Votre style\n                        <\/strong>\n\n                        <p>\n                            Moderne, naturel ou plus structur\u00e9.\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"tjam-intro-card tjam-reveal\">\n\n                        <span>04<\/span>\n\n                        <strong>\n                            La coh\u00e9rence\n                        <\/strong>\n\n                        <p>\n                            Tous les espaces sont pens\u00e9s ensemble.\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=\"tjam-section tjam-included\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-included-head tjam-reveal\">\n\n            <span class=\"tjam-kicker\">\n                Am\u00e9nagement complet\n            <\/span>\n\n            <h2 class=\"tjam-title\">\n                Tous les \u00e9l\u00e9ments pour\n                <span>structurer votre ext\u00e9rieur.<\/span>\n            <\/h2>\n\n            <p class=\"tjam-text\">\n                Plusieurs prestations peuvent \u00eatre combin\u00e9es\n                pour cr\u00e9er un ext\u00e9rieur harmonieux\n                et r\u00e9ellement adapt\u00e9 \u00e0 votre quotidien.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjam-included-grid\">\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-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=\"tjam-included-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Organisation des espaces\n                <\/h3>\n\n                <p>\n                    R\u00e9partition des diff\u00e9rentes zones\n                    selon les usages et la configuration\n                    de votre terrain.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    Conception\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-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=\"tjam-included-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Terrasse\n                <\/h3>\n\n                <p>\n                    Cr\u00e9ation d&rsquo;une zone de vie\n                    pour recevoir, manger\n                    et profiter de l&rsquo;ext\u00e9rieur.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    Espace d\u00e9tente\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M4 6h16\"\/>\n                            <path d=\"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                    <span class=\"tjam-included-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    All\u00e9es &#038; cheminements\n                <\/h3>\n\n                <p>\n                    Cr\u00e9ation de circulations\n                    pour relier naturellement\n                    les diff\u00e9rents espaces.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    Circulation\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-included-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M12 21V9\"\/>\n                            <path d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n                            <path d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjam-included-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    V\u00e9g\u00e9talisation\n                <\/h3>\n\n                <p>\n                    Int\u00e9gration de massifs,\n                    plantations et v\u00e9g\u00e9tation\n                    autour des espaces am\u00e9nag\u00e9s.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    Plantations\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-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=\"M6 20c0-5 2-8 4-11\"\/>\n                            <path d=\"M12 20c0-7 3-12 6-16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjam-included-number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Pelouse\n                <\/h3>\n\n                <p>\n                    Int\u00e9gration d&rsquo;espaces engazonn\u00e9s\n                    pour \u00e9quilibrer les zones min\u00e9rales\n                    et v\u00e9g\u00e9tales.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    Engazonnement\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-included-card tjam-reveal\">\n\n                <div class=\"tjam-included-top\">\n\n                    <div class=\"tjam-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=\"tjam-included-number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Finitions\n                <\/h3>\n\n                <p>\n                    Les raccords et diff\u00e9rents \u00e9l\u00e9ments\n                    sont harmonis\u00e9s pour cr\u00e9er\n                    un r\u00e9sultat coh\u00e9rent.\n                <\/p>\n\n                <div class=\"tjam-included-meta\">\n                    R\u00e9sultat final\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     STYLES\n============================================================ -->\n\n<section class=\"tjam-section tjam-types\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-heading tjam-reveal\">\n\n            <span class=\"tjam-kicker\">\n                Votre ext\u00e9rieur\n            <\/span>\n\n            <h2 class=\"tjam-title\">\n                Un am\u00e9nagement adapt\u00e9\n                <span>\u00e0 votre mani\u00e8re de vivre.<\/span>\n            <\/h2>\n\n            <p class=\"tjam-text\">\n                L&rsquo;organisation et le style de l&rsquo;ext\u00e9rieur\n                \u00e9voluent selon vos usages et l&rsquo;ambiance recherch\u00e9e.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjam-types-grid\">\n\n\n            <article class=\"tjam-type tjam-reveal\">\n\n                <div class=\"tjam-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 ext\u00e9rieur contemporain\">\n\n                <\/div>\n\n                <div class=\"tjam-type-content\">\n\n                    <span>\n                        Ambiance 01\n                    <\/span>\n\n                    <h3>\n                        Contemporain\n                    <\/h3>\n\n                    <p>\n                        Des lignes nettes,\n                        une terrasse structur\u00e9e\n                        et une v\u00e9g\u00e9tation ma\u00eetris\u00e9e.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-type tjam-reveal\">\n\n                <div class=\"tjam-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=\"Am\u00e9nagement ext\u00e9rieur v\u00e9g\u00e9talis\u00e9\">\n\n                <\/div>\n\n                <div class=\"tjam-type-content\">\n\n                    <span>\n                        Ambiance 02\n                    <\/span>\n\n                    <h3>\n                        Naturel &#038; v\u00e9g\u00e9tal\n                    <\/h3>\n\n                    <p>\n                        Une place importante\n                        laiss\u00e9e aux plantations\n                        et aux formes plus naturelles.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"tjam-type tjam-reveal\">\n\n                <div class=\"tjam-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 et jardin familial\">\n\n                <\/div>\n\n                <div class=\"tjam-type-content\">\n\n                    <span>\n                        Ambiance 03\n                    <\/span>\n\n                    <h3>\n                        Familial &#038; convivial\n                    <\/h3>\n\n                    <p>\n                        Des espaces pens\u00e9s\n                        pour recevoir, jouer\n                        et profiter du jardin.\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=\"tjam-section tjam-transform\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-transform-box tjam-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800\"\n                loading=\"lazy\"\n                alt=\"Ext\u00e9rieur enti\u00e8rement am\u00e9nag\u00e9\">\n\n\n            <div class=\"tjam-transform-content\">\n\n                <span class=\"tjam-transform-tag\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    Un terrain ordinaire.\n                    <span>Un v\u00e9ritable ext\u00e9rieur \u00e0 vivre.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section pourra accueillir\n                    de vraies photos avant et apr\u00e8s\n                    un am\u00e9nagement ext\u00e9rieur complet.\n                <\/p>\n\n\n                <div class=\"tjam-transform-chips\">\n\n                    <span>\n                        Terrain\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        Am\u00e9nagement\n                    <\/span>\n\n                    <span>\u2192<\/span>\n\n                    <span>\n                        Ext\u00e9rieur 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=\"tjam-section tjam-process\"\n    data-tjam-process>\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-heading tjam-heading-center tjam-reveal\">\n\n            <span class=\"tjam-kicker\">\n                Votre projet\n            <\/span>\n\n            <h2 class=\"tjam-title\">\n                Comment se d\u00e9roule\n                <span>un am\u00e9nagement ext\u00e9rieur ?<\/span>\n            <\/h2>\n\n            <p class=\"tjam-text\">\n                Chaque \u00e9tape permet de transformer progressivement\n                votre terrain en un ext\u00e9rieur structur\u00e9\n                et agr\u00e9able \u00e0 vivre.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjam-process-wrap\">\n\n            <div class=\"tjam-process-line\">\n\n                <div class=\"tjam-process-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjam-process-grid\">\n\n\n                <article class=\"tjam-process-step\">\n\n                    <div class=\"tjam-process-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Vos envies\n                    <\/h3>\n\n                    <p>\n                        Vous pr\u00e9sentez votre terrain\n                        et vos besoins.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjam-process-step\">\n\n                    <div class=\"tjam-process-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        \u00c9tude\n                    <\/h3>\n\n                    <p>\n                        Les espaces et contraintes\n                        sont analys\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjam-process-step\">\n\n                    <div class=\"tjam-process-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        Organisation\n                    <\/h3>\n\n                    <p>\n                        Les diff\u00e9rentes zones\n                        sont d\u00e9finies.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjam-process-step\">\n\n                    <div class=\"tjam-process-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Am\u00e9nagement\n                    <\/h3>\n\n                    <p>\n                        Les espaces prennent\n                        progressivement forme.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjam-process-step\">\n\n                    <div class=\"tjam-process-number\">\n                        05\n                    <\/div>\n\n                    <h3>\n                        Finitions\n                    <\/h3>\n\n                    <p>\n                        L&rsquo;ensemble est harmonis\u00e9\n                        et finalis\u00e9.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     SERVICES COMPLEMENTAIRES\n============================================================ -->\n\n<section class=\"tjam-section tjam-related\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-heading tjam-reveal\">\n\n            <span class=\"tjam-kicker\">\n                Compl\u00e9ter le projet\n            <\/span>\n\n            <h2 class=\"tjam-title\">\n                Chaque d\u00e9tail peut\n                <span>transformer votre ext\u00e9rieur.<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <div class=\"tjam-related-grid\">\n\n\n            <a\n                class=\"tjam-related-card tjam-reveal\"\n                href=\"\/paysagiste\/terrasses-allees\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/7546775\/pexels-photo-7546775.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1000\"\n                    loading=\"lazy\"\n                    alt=\"Terrasse et all\u00e9es\">\n\n                <div class=\"tjam-related-content\">\n\n                    <span>\n                        Structurer l&rsquo;ext\u00e9rieur\n                    <\/span>\n\n                    <strong>\n                        Terrasses &#038; all\u00e9es \u2192\n                    <\/strong>\n\n                    <small>\n                        Cr\u00e9ez des espaces\n                        de circulation et de d\u00e9tente.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjam-related-card tjam-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 am\u00e9nag\u00e9 avec espaces d\u00e9limit\u00e9s\">\n\n                <div class=\"tjam-related-content\">\n\n                    <span>\n                        D\u00e9limiter le terrain\n                    <\/span>\n\n                    <strong>\n                        Cl\u00f4tures \u2192\n                    <\/strong>\n\n                    <small>\n                        Structurez et s\u00e9curisez\n                        les limites de votre ext\u00e9rieur.\n                    <\/small>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tjam-related-card tjam-reveal\"\n                href=\"\/paysagiste\/creation-jardin\/\">\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=\"Cr\u00e9ation de jardin\">\n\n                <div class=\"tjam-related-content\">\n\n                    <span>\n                        Projet v\u00e9g\u00e9tal\n                    <\/span>\n\n                    <strong>\n                        Cr\u00e9ation de jardin \u2192\n                    <\/strong>\n\n                    <small>\n                        Int\u00e9grez plantations,\n                        massifs et v\u00e9g\u00e9tation.\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=\"tjam-section tjam-faq\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-faq-grid\">\n\n\n            <div class=\"tjam-faq-intro tjam-reveal\">\n\n                <span class=\"tjam-kicker\">\n                    Questions fr\u00e9quentes\n                <\/span>\n\n                <h2 class=\"tjam-title\">\n                    Votre am\u00e9nagement,\n                    <span>simplement.<\/span>\n                <\/h2>\n\n                <p class=\"tjam-text\">\n                    Quelques r\u00e9ponses utiles\n                    avant de lancer votre projet ext\u00e9rieur.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjam-faq-list\">\n\n\n                <details class=\"tjam-faq-item tjam-reveal\">\n\n                    <summary>\n                        Peut-on r\u00e9am\u00e9nager un ext\u00e9rieur d\u00e9j\u00e0 existant ?\n                    <\/summary>\n\n                    <div class=\"tjam-faq-answer\">\n                        Oui. Il est possible de conserver\n                        certains \u00e9l\u00e9ments existants\n                        et de restructurer uniquement\n                        les zones qui ne correspondent plus \u00e0 vos besoins.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjam-faq-item tjam-reveal\">\n\n                    <summary>\n                        Peut-on cr\u00e9er une terrasse et la pelouse en m\u00eame temps ?\n                    <\/summary>\n\n                    <div class=\"tjam-faq-answer\">\n                        Oui. Les diff\u00e9rents \u00e9l\u00e9ments peuvent \u00eatre int\u00e9gr\u00e9s\n                        dans un m\u00eame projet afin d&rsquo;obtenir\n                        un r\u00e9sultat plus coh\u00e9rent.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjam-faq-item tjam-reveal\">\n\n                    <summary>\n                        Peut-on ajouter des plantations au projet ?\n                    <\/summary>\n\n                    <div class=\"tjam-faq-answer\">\n                        Oui. Massifs, arbustes et autres plantations\n                        peuvent compl\u00e9ter les zones min\u00e9rales\n                        et renforcer l&rsquo;identit\u00e9 du jardin.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjam-faq-item tjam-reveal\">\n\n                    <summary>\n                        Peut-on am\u00e9nager uniquement une partie du terrain ?\n                    <\/summary>\n\n                    <div class=\"tjam-faq-answer\">\n                        Oui. Le projet peut concerner\n                        l&rsquo;ensemble de l&rsquo;ext\u00e9rieur\n                        ou uniquement une zone pr\u00e9cise.\n                    <\/div>\n\n                <\/details>\n\n\n                <details class=\"tjam-faq-item tjam-reveal\">\n\n                    <summary>\n                        Comment obtenir un devis ?\n                    <\/summary>\n\n                    <div class=\"tjam-faq-answer\">\n                        Pr\u00e9sentez votre terrain,\n                        les am\u00e9nagements souhait\u00e9s\n                        et vos principales attentes\n                        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     FINAL CTA\n============================================================ -->\n\n<section class=\"tjam-final\">\n\n    <div class=\"tjam-container\">\n\n        <div class=\"tjam-final-box tjam-reveal\">\n\n            <div class=\"tjam-final-content\">\n\n                <span class=\"tjam-kicker\">\n                    Am\u00e9nagement ext\u00e9rieur\n                <\/span>\n\n                <h2>\n                    Donnez une nouvelle vie\n                    <span>\u00e0 votre ext\u00e9rieur.<\/span>\n                <\/h2>\n\n                <p>\n                    Pr\u00e9sentez-nous votre terrain,\n                    vos envies et les espaces \u00e0 cr\u00e9er.\n                    Terra Jardin imagine un am\u00e9nagement\n                    adapt\u00e9 \u00e0 votre mani\u00e8re de vivre.\n                <\/p>\n\n\n                <div class=\"tjam-final-actions\">\n\n                    <a\n                        class=\"tjam-btn tjam-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjam-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjam-btn tjam-btn-light\"\n                        href=\"\/paysagiste\/realisations\/\">\n\n                        Voir nos r\u00e9alisations\n                        <span class=\"tjam-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tjam-final-points\">\n\n                    <span class=\"tjam-final-point\">\n                        <span class=\"tjam-check\">\u2713<\/span>\n                        Devis gratuit\n                    <\/span>\n\n                    <span class=\"tjam-final-point\">\n                        <span class=\"tjam-check\">\u2713<\/span>\n                        Projet personnalis\u00e9\n                    <\/span>\n\n                    <span class=\"tjam-final-point\">\n                        <span class=\"tjam-check\">\u2713<\/span>\n                        Am\u00e9nagement complet\n                    <\/span>\n\n                    <span class=\"tjam-final-point\">\n                        <span class=\"tjam-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 initTerraAmenagement(){\n\n        var root =\n            document.querySelector(\n                \".tjam-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 SAFE\n        ================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tjam-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                            \"tjam-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                                \"tjam-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                                                \"tjam-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                    \"tjam-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tjam-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ==================================================\n           TIMELINE\n        ================================================== *\/\n\n        try{\n\n            var process =\n                root.querySelector(\n                    \"[data-tjam-process]\"\n                );\n\n\n            if(!process){\n                return;\n            }\n\n\n            var steps =\n                process.querySelectorAll(\n                    \".tjam-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                    \"--tjam-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                                \"tjam-active\"\n                            );\n\n                        }else{\n\n                            step.classList.remove(\n                                \"tjam-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                    \"--tjam-progress\",\n                    \"1\"\n                );\n\n\n                steps.forEach(\n                    function(step){\n\n                        step.classList.add(\n                            \"tjam-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 ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initTerraAmenagement\n        );\n\n    }else{\n\n        initTerraAmenagement();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Am\u00e9nagement ext\u00e9rieur Transformez votre ext\u00e9rieur. Profitez pleinement de chaque espace. Terrasse, all\u00e9es, v\u00e9g\u00e9tation, pelouse et organisation des diff\u00e9rents espaces : Terra Jardin imagine un am\u00e9nagement coh\u00e9rent, esth\u00e9tique et agr\u00e9able \u00e0 vivre. \u2713 Projet sur mesure \u2713 Am\u00e9nagement global \u2713 Devis gratuit Demander un devis \u2192 D\u00e9couvrir la prestation \u2193 Un projet global Chaque espace est [&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-27","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\/27","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=27"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/27\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}