{"id":37,"date":"2026-09-18T14:17:44","date_gmt":"2026-09-18T12:17:44","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=37"},"modified":"2026-09-18T16:46:26","modified_gmt":"2026-09-18T14:46:26","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/a-propos\/","title":{"rendered":"\u00c0 propos"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjap-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 \u00c0 PROPOS\n============================================================ *\/\n\n.tjap-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.tjap-page *,\n.tjap-page *::before,\n.tjap-page *::after{\n    box-sizing:border-box;\n}\n\n.tjap-page img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tjap-page a{\n    text-decoration:none;\n}\n\n.tjap-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjap-section{\n    position:relative;\n    padding:110px 0;\n}\n\n\n\/* ============================================================\n   TYPO\n============================================================ *\/\n\n.tjap-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:11px;\n\n    margin-bottom:18px;\n\n    color:var(--green);\n\n    font-size:10px;\n    line-height:1;\n    font-weight:850;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.tjap-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjap-title{\n    margin:0;\n\n    max-width:850px;\n\n    color:var(--deep);\n\n    font-size:clamp(43px,5.3vw,73px);\n    line-height:.97;\n    font-weight:780;\n    letter-spacing:-.055em;\n}\n\n.tjap-title span{\n    color:var(--gold);\n}\n\n.tjap-text{\n    max-width:680px;\n\n    margin:22px 0 0;\n\n    color:var(--text);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   BUTTONS \u2014 PROT\u00c9G\u00c9S CONTRE BLOCKSY\n============================================================ *\/\n\n.tjap-page .tjap-btn{\n    min-height:56px;\n\n    padding:0 26px;\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-family:inherit;\n    font-size:12px;\n    line-height:1;\n    font-weight:850 !important;\n\n    text-decoration:none !important;\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.tjap-page .tjap-btn:hover{\n    transform:translateY(-3px);\n}\n\n\n\/* PRINCIPAL *\/\n\n.tjap-page .tjap-btn-gold,\n.tjap-page .tjap-btn-gold:visited,\n.tjap-page a.tjap-btn-gold,\n.tjap-page a.tjap-btn-gold:visited{\n    background:var(--gold) !important;\n    color:var(--deep) !important;\n\n    border-color:var(--gold) !important;\n\n    box-shadow:\n        0 14px 34px rgba(0,0,0,.17);\n}\n\n.tjap-page .tjap-btn-gold:hover,\n.tjap-page a.tjap-btn-gold:hover{\n    background:var(--gold-light) !important;\n    color:var(--deep) !important;\n\n    border-color:var(--gold-light) !important;\n}\n\n.tjap-page .tjap-btn-gold *,\n.tjap-page .tjap-btn-gold:visited *{\n    color:var(--deep) !important;\n}\n\n\n\/* SECONDAIRE *\/\n\n.tjap-page .tjap-btn-light,\n.tjap-page .tjap-btn-light:visited,\n.tjap-page a.tjap-btn-light,\n.tjap-page a.tjap-btn-light:visited{\n    background:rgba(255,255,255,.12) !important;\n\n    color:#ffffff !important;\n\n    border-color:rgba(255,255,255,.60) !important;\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.14);\n\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n}\n\n.tjap-page .tjap-btn-light:hover,\n.tjap-page a.tjap-btn-light:hover{\n    background:#ffffff !important;\n    color:var(--deep) !important;\n\n    border-color:#ffffff !important;\n}\n\n.tjap-page .tjap-btn-light *,\n.tjap-page .tjap-btn-light:visited *{\n    color:#ffffff !important;\n}\n\n.tjap-page .tjap-btn-light:hover *,\n.tjap-page a.tjap-btn-light:hover *{\n    color:var(--deep) !important;\n}\n\n.tjap-arrow{\n    transition:transform .3s ease;\n}\n\n.tjap-btn:hover .tjap-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjap-hero{\n    position:relative;\n\n    min-height:700px;\n\n    display:flex;\n    align-items:flex-end;\n\n    overflow:hidden;\n    isolation:isolate;\n\n    background:var(--deep);\n}\n\n.tjap-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n}\n\n.tjap-hero-bg img{\n    width:100%;\n    height:110%;\n\n    object-fit:cover;\n\n    transform:\n        translateY(var(--tjap-parallax,0px))\n        scale(1.03);\n}\n\n.tjap-hero::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,20,14,.97) 0%,\n            rgba(5,20,14,.86) 43%,\n            rgba(5,20,14,.50) 74%,\n            rgba(5,20,14,.23) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(5,20,14,.75),\n            transparent 65%\n        );\n}\n\n.tjap-hero::before{\n    content:\"\";\n\n    position:absolute;\n    z-index:-1;\n\n    width:650px;\n    height:650px;\n\n    top:-350px;\n    right:-340px;\n\n    border:1px solid rgba(213,185,133,.15);\n    border-radius:50%;\n}\n\n.tjap-hero-inner{\n    width:min(1240px,calc(100% - 48px));\n    margin:auto;\n\n    padding:145px 0 82px;\n}\n\n.tjap-hero-content{\n    max-width:870px;\n}\n\n.tjap-hero-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:23px;\n    padding:9px 14px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.09);\n\n    backdrop-filter:blur(12px);\n\n    color:#fff;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.tjap-hero-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.tjap-hero h1{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(55px,7vw,96px);\n    line-height:.9;\n    font-weight:780;\n    letter-spacing:-.065em;\n}\n\n.tjap-hero h1 span{\n    display:block;\n\n    color:var(--gold);\n}\n\n.tjap-hero-desc{\n    max-width:650px;\n\n    margin:27px 0 0;\n\n    color:rgba(255,255,255,.76);\n\n    font-size:17px;\n    line-height:1.65;\n}\n\n.tjap-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:14px;\n\n    margin-top:34px;\n}\n\n\n\/* ============================================================\n   PRESENTATION\n============================================================ *\/\n\n.tjap-presentation{\n    background:#fff;\n}\n\n.tjap-presentation-grid{\n    display:grid;\n    grid-template-columns:1.03fr .97fr;\n    gap:85px;\n\n    align-items:center;\n}\n\n\n\/* VISUEL *\/\n\n.tjap-visual{\n    position:relative;\n\n    min-height:630px;\n}\n\n.tjap-visual-main{\n    position:absolute;\n\n    left:0;\n    top:0;\n\n    width:78%;\n    height:560px;\n\n    overflow:hidden;\n\n    border-radius:30px;\n\n    background:var(--forest);\n\n    box-shadow:\n        0 30px 70px rgba(16,41,31,.13);\n}\n\n.tjap-visual-main img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:transform .9s ease;\n}\n\n.tjap-visual-main:hover img{\n    transform:scale(1.04);\n}\n\n.tjap-visual-small{\n    position:absolute;\n\n    right:0;\n    bottom:0;\n\n    width:45%;\n    height:310px;\n\n    overflow:hidden;\n\n    border:8px solid #fff;\n    border-radius:24px;\n\n    background:var(--forest);\n\n    box-shadow:\n        0 25px 55px rgba(16,41,31,.18);\n}\n\n.tjap-visual-small img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjap-visual-badge{\n    position:absolute;\n    z-index:3;\n\n    left:28px;\n    bottom:40px;\n\n    padding:17px 19px;\n\n    border-radius:17px;\n\n    background:var(--gold);\n    color:var(--deep);\n\n    box-shadow:\n        0 17px 40px rgba(16,41,31,.20);\n}\n\n.tjap-visual-badge strong{\n    display:block;\n\n    font-size:17px;\n}\n\n.tjap-visual-badge span{\n    display:block;\n\n    margin-top:4px;\n\n    font-size:8px;\n    font-weight:850;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n\n\/* CONTENU *\/\n\n.tjap-presentation-content{\n    max-width:600px;\n}\n\n.tjap-presentation-lead{\n    margin:0;\n\n    color:var(--deep);\n\n    font-size:clamp(27px,3vw,42px);\n    line-height:1.18;\n    font-weight:680;\n    letter-spacing:-.04em;\n}\n\n.tjap-presentation-lead span{\n    color:var(--green);\n}\n\n.tjap-presentation-copy{\n    margin:24px 0 0;\n\n    color:var(--text);\n\n    font-size:14px;\n    line-height:1.75;\n}\n\n.tjap-signature{\n    display:flex;\n    align-items:center;\n    gap:14px;\n\n    margin-top:30px;\n    padding-top:25px;\n\n    border-top:1px solid var(--border);\n}\n\n.tjap-signature-icon{\n    width:46px;\n    height:46px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n\n    background:#efe4ce;\n    color:var(--deep);\n}\n\n.tjap-signature-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tjap-signature strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:13px;\n}\n\n.tjap-signature span{\n    display:block;\n\n    margin-top:3px;\n\n    color:var(--text);\n\n    font-size:9px;\n}\n\n\n\/* ============================================================\n   PHILOSOPHIE\n============================================================ *\/\n\n.tjap-philosophy{\n    position:relative;\n\n    overflow:hidden;\n\n    background:var(--deep);\n    color:#fff;\n}\n\n.tjap-philosophy::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:700px;\n    height:700px;\n\n    left:-450px;\n    bottom:-430px;\n\n    border:1px solid rgba(213,185,133,.09);\n    border-radius:50%;\n}\n\n.tjap-philosophy-grid{\n    display:grid;\n    grid-template-columns:.75fr 1.25fr;\n    gap:90px;\n\n    align-items:start;\n}\n\n.tjap-philosophy-side{\n    position:sticky;\n    top:110px;\n}\n\n.tjap-philosophy-side .tjap-kicker{\n    color:var(--gold);\n}\n\n.tjap-philosophy-side h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(43px,5vw,68px);\n    line-height:.97;\n    letter-spacing:-.05em;\n}\n\n.tjap-philosophy-side h2 span{\n    color:var(--gold);\n}\n\n.tjap-philosophy-side p{\n    margin:22px 0 0;\n\n    color:rgba(255,255,255,.64);\n\n    font-size:13px;\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   CARTES PHILOSOPHIE\n============================================================ *\/\n\n.tjap-philosophy-list{\n    display:grid;\n    gap:12px;\n}\n\n.tjap-philosophy-card{\n    position:relative;\n\n    min-height:210px;\n\n    padding:28px 30px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:22px;\n\n    background:rgba(255,255,255,.045);\n\n    transition:\n        transform .4s ease,\n        background .4s ease,\n        border-color .4s ease;\n}\n\n.tjap-philosophy-card:hover{\n    transform:translateX(7px);\n\n    background:rgba(255,255,255,.075);\n\n    border-color:rgba(213,185,133,.35);\n}\n\n.tjap-philosophy-number{\n    color:var(--gold);\n\n    font-size:9px;\n    font-weight:900;\n}\n\n.tjap-philosophy-card h3{\n    margin:34px 0 0;\n\n    color:#fff;\n\n    font-size:22px;\n}\n\n.tjap-philosophy-card p{\n    max-width:570px;\n\n    margin:9px 0 0;\n\n    color:rgba(255,255,255,.57);\n\n    font-size:11px;\n    line-height:1.65;\n}\n\n.tjap-philosophy-arrow{\n    position:absolute;\n\n    right:27px;\n    top:27px;\n\n    color:rgba(255,255,255,.25);\n\n    font-size:23px;\n\n    transition:\n        transform .35s ease,\n        color .35s ease;\n}\n\n.tjap-philosophy-card:hover\n.tjap-philosophy-arrow{\n    transform:translateX(4px);\n\n    color:var(--gold);\n}\n\n\n\/* ============================================================\n   VALEURS\n============================================================ *\/\n\n.tjap-values{\n    background:var(--cream);\n}\n\n.tjap-values-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:50px;\n\n    margin-bottom:50px;\n}\n\n.tjap-values-head .tjap-text{\n    max-width:390px;\n}\n\n.tjap-values-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:14px;\n}\n\n.tjap-value{\n    position:relative;\n\n    min-height:315px;\n\n    overflow:hidden;\n\n    padding:27px;\n\n    border:1px solid var(--border);\n    border-radius:23px;\n\n    background:#fff;\n\n    transition:\n        transform .4s ease,\n        box-shadow .4s ease,\n        border-color .4s ease;\n}\n\n.tjap-value::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\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 .4s ease;\n}\n\n.tjap-value:hover{\n    transform:translateY(-7px);\n\n    border-color:rgba(213,185,133,.58);\n\n    box-shadow:\n        0 25px 55px rgba(16,41,31,.08);\n}\n\n.tjap-value:hover::before{\n    transform:scaleX(1);\n}\n\n.tjap-value-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n}\n\n.tjap-value-icon{\n    width:54px;\n    height:54px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:16px;\n\n    background:#efe4ce;\n    color:var(--deep);\n\n    transition:\n        transform .35s ease,\n        background .35s ease;\n}\n\n.tjap-value:hover\n.tjap-value-icon{\n    transform:translateY(-3px);\n\n    background:var(--gold);\n}\n\n.tjap-value-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjap-value-number{\n    color:var(--gold);\n\n    font-size:9px;\n    font-weight:900;\n}\n\n.tjap-value h3{\n    margin:43px 0 0;\n\n    color:var(--deep);\n\n    font-size:19px;\n}\n\n.tjap-value p{\n    margin:9px 0 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.65;\n}\n\n\n\/* ============================================================\n   METHODE\n============================================================ *\/\n\n.tjap-method{\n    background:#fff;\n\n    --tjap-progress:0;\n}\n\n.tjap-method-head{\n    max-width:800px;\n}\n\n.tjap-method-wrap{\n    position:relative;\n\n    margin-top:70px;\n}\n\n.tjap-method-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:999px;\n\n    background:#e2e6e2;\n}\n\n.tjap-method-progress{\n    position:absolute;\n    inset:0;\n\n    transform:\n        scaleX(var(--tjap-progress));\n\n    transform-origin:left center;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            var(--forest)\n        );\n}\n\n.tjap-method-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:25px;\n}\n\n.tjap-method-step{\n    text-align:center;\n}\n\n.tjap-method-number{\n    width:80px;\n    height:80px;\n\n    margin:0 auto 24px;\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:10px;\n    font-weight:900;\n\n    transition:\n        background .4s ease,\n        color .4s ease,\n        transform .4s ease;\n}\n\n.tjap-method-step.tjap-active\n.tjap-method-number{\n    transform:scale(1.08);\n\n    background:var(--deep);\n    color:var(--gold);\n}\n\n.tjap-method-step h3{\n    margin:0;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjap-method-step p{\n    max-width:220px;\n\n    margin:8px auto 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.6;\n}\n\n\n\/* ============================================================\n   PLUSIEURS SAVOIR-FAIRE\n============================================================ *\/\n\n.tjap-craft{\n    position:relative;\n\n    min-height:650px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n    isolation:isolate;\n\n    background:var(--deep);\n}\n\n.tjap-craft-bg{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n}\n\n.tjap-craft-bg img{\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tjap-craft::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,20,14,.95),\n            rgba(5,20,14,.70) 55%,\n            rgba(5,20,14,.30)\n        );\n}\n\n.tjap-craft-content{\n    max-width:720px;\n\n    padding:105px 0;\n}\n\n.tjap-craft .tjap-kicker{\n    color:var(--gold);\n}\n\n.tjap-craft h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(46px,6vw,78px);\n    line-height:.95;\n    letter-spacing:-.055em;\n}\n\n.tjap-craft h2 span{\n    color:var(--gold);\n}\n\n.tjap-craft p{\n    max-width:590px;\n\n    margin:23px 0 0;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:14px;\n    line-height:1.75;\n}\n\n.tjap-craft-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n\n    margin-top:29px;\n}\n\n\n\/* ============================================================\n   CORRECTION LIENS SAVOIR-FAIRE\n   EMP\u00caCHE BLOCKSY DE METTRE LES TEXTES EN BLEU\n============================================================ *\/\n\n.tjap-page .tjap-craft-tag,\n.tjap-page .tjap-craft-tag:visited,\n.tjap-page a.tjap-craft-tag,\n.tjap-page a.tjap-craft-tag:visited{\n    padding:10px 14px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(255,255,255,.25) !important;\n    border-radius:999px;\n\n    background:rgba(255,255,255,.09) !important;\n\n    color:#ffffff !important;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:850 !important;\n    letter-spacing:.01em;\n\n    text-decoration:none !important;\n\n    box-shadow:\n        inset 0 0 0 1px rgba(255,255,255,.02);\n\n    backdrop-filter:blur(10px);\n    -webkit-backdrop-filter:blur(10px);\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.tjap-page .tjap-craft-tag:hover,\n.tjap-page a.tjap-craft-tag:hover{\n    transform:translateY(-2px);\n\n    background:var(--gold) !important;\n\n    color:var(--deep) !important;\n\n    border-color:var(--gold) !important;\n\n    box-shadow:\n        0 10px 25px rgba(0,0,0,.18);\n}\n\n.tjap-page .tjap-craft-tag *,\n.tjap-page .tjap-craft-tag:visited *{\n    color:#ffffff !important;\n}\n\n.tjap-page .tjap-craft-tag:hover *{\n    color:var(--deep) !important;\n}\n\n\n\/* ============================================================\n   CTA FINAL\n============================================================ *\/\n\n.tjap-final{\n    padding:100px 0;\n\n    background:var(--cream);\n}\n\n.tjap-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:88px 55px;\n\n    border-radius:31px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #10291f,\n            #173e2e\n        );\n\n    text-align:center;\n}\n\n.tjap-final-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    top:-310px;\n    right:-250px;\n\n    border:1px solid rgba(213,185,133,.17);\n    border-radius:50%;\n}\n\n.tjap-final-box::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:320px;\n    height:320px;\n\n    left:-180px;\n    bottom:-210px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.07);\n}\n\n.tjap-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:850px;\n\n    margin:auto;\n}\n\n.tjap-final .tjap-kicker{\n    color:var(--gold);\n}\n\n.tjap-final h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(46px,6vw,78px);\n    line-height:.96;\n    letter-spacing:-.055em;\n}\n\n.tjap-final h2 span{\n    color:var(--gold);\n}\n\n.tjap-final p{\n    max-width:630px;\n\n    margin:23px auto 0;\n\n    color:rgba(255,255,255,.69);\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n.tjap-final-actions{\n    display:flex;\n    justify-content:center;\n    flex-wrap:wrap;\n    gap:14px;\n\n    margin-top:31px;\n}\n\n\n\/* ============================================================\n   REVEAL PREMIUM \u2014 SAFE\n============================================================ *\/\n\n.tjap-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjap-page.tjap-motion-ready\n.tjap-reveal:not(.tjap-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tjap-page.tjap-motion-ready\n.tjap-reveal.tjap-visible{\n    opacity:1;\n    transform:translateY(0);\n\n    transition:\n        opacity .78s cubic-bezier(.2,.7,.2,1),\n        transform .78s cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* ============================================================\n   TABLETTE\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tjap-presentation-grid,\n    .tjap-philosophy-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjap-philosophy-side{\n        position:static;\n    }\n\n    .tjap-visual{\n        max-width:700px;\n    }\n\n    .tjap-values-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjap-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjap-section{\n        padding:70px 0;\n    }\n\n    .tjap-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjap-kicker::before{\n        width:25px;\n    }\n\n    .tjap-title{\n        font-size:38px;\n        line-height:.99;\n    }\n\n    .tjap-text{\n        font-size:13px;\n    }\n\n\n    \/* HERO *\/\n\n    .tjap-hero{\n        min-height:700px;\n    }\n\n    .tjap-hero-bg img{\n        height:100%;\n\n        transform:none !important;\n    }\n\n    .tjap-hero::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(5,20,14,.98),\n                rgba(5,20,14,.92) 58%,\n                rgba(5,20,14,.31)\n            );\n    }\n\n    .tjap-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 44px;\n    }\n\n    .tjap-hero-badge{\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tjap-hero h1{\n        font-size:clamp(46px,13vw,61px);\n        line-height:.91;\n    }\n\n    .tjap-hero-desc{\n        margin-top:19px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tjap-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:26px;\n    }\n\n    .tjap-page .tjap-btn{\n        width:100%;\n        min-height:54px;\n    }\n\n\n    \/* PRESENTATION *\/\n\n    .tjap-presentation-grid{\n        gap:45px;\n    }\n\n    .tjap-visual{\n        min-height:500px;\n    }\n\n    .tjap-visual-main{\n        width:88%;\n        height:420px;\n\n        border-radius:21px;\n    }\n\n    .tjap-visual-small{\n        width:47%;\n        height:225px;\n\n        border-width:6px;\n        border-radius:18px;\n    }\n\n    .tjap-visual-badge{\n        left:14px;\n        bottom:28px;\n\n        padding:13px 14px;\n    }\n\n    .tjap-presentation-lead{\n        font-size:26px;\n    }\n\n\n    \/* PHILOSOPHY *\/\n\n    .tjap-philosophy-grid{\n        gap:40px;\n    }\n\n    .tjap-philosophy-side h2{\n        font-size:39px;\n    }\n\n    .tjap-philosophy-card{\n        min-height:auto;\n\n        padding:22px;\n    }\n\n    .tjap-philosophy-card h3{\n        margin-top:28px;\n\n        font-size:19px;\n    }\n\n\n    \/* VALUES *\/\n\n    .tjap-values-head{\n        flex-direction:column;\n        align-items:flex-start;\n\n        gap:20px;\n    }\n\n    .tjap-values-grid{\n        grid-template-columns:1fr;\n        gap:10px;\n    }\n\n    .tjap-value{\n        min-height:245px;\n\n        padding:22px;\n    }\n\n    .tjap-value h3{\n        margin-top:30px;\n    }\n\n\n    \/* METHOD *\/\n\n    .tjap-method-wrap{\n        margin-top:45px;\n    }\n\n    .tjap-method-line{\n        top:39px;\n        bottom:30px;\n\n        left:39px;\n        right:auto;\n\n        width:3px;\n        height:auto;\n    }\n\n    .tjap-method-progress{\n        transform:\n            scaleY(var(--tjap-progress));\n\n        transform-origin:center top;\n    }\n\n    .tjap-method-grid{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tjap-method-step{\n        position:relative;\n\n        min-height:150px;\n\n        padding:\n            0\n            0\n            30px\n            98px;\n\n        text-align:left;\n    }\n\n    .tjap-method-number{\n        position:absolute;\n\n        left:0;\n        top:0;\n\n        margin:0;\n    }\n\n    .tjap-method-step p{\n        margin:8px 0 0;\n\n        max-width:none;\n    }\n\n\n    \/* CRAFT *\/\n\n    .tjap-craft{\n        min-height:560px;\n    }\n\n    .tjap-craft::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(5,20,14,.97),\n                rgba(5,20,14,.51)\n            );\n    }\n\n    .tjap-craft-content{\n        padding:75px 0;\n    }\n\n    .tjap-craft h2{\n        font-size:41px;\n    }\n\n    .tjap-craft p{\n        font-size:12px;\n    }\n\n    .tjap-craft-tags{\n        gap:7px;\n    }\n\n    .tjap-page .tjap-craft-tag{\n        padding:9px 11px;\n\n        font-size:8px;\n    }\n\n\n    \/* FINAL *\/\n\n    .tjap-final{\n        padding:65px 0;\n    }\n\n    .tjap-final-box{\n        padding:56px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjap-final h2{\n        font-size:41px;\n    }\n\n    .tjap-final p{\n        font-size:12px;\n    }\n\n    .tjap-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .tjap-page *,\n    .tjap-page *::before,\n    .tjap-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjap-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=\"tjap-hero\">\n\n    <div class=\"tjap-hero-bg\">\n\n        <img\n            src=\"https:\/\/images.pexels.com\/photos\/4920282\/pexels-photo-4920282.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Paysagiste travaillant dans un jardin\"\n            fetchpriority=\"high\"\n            decoding=\"async\">\n\n    <\/div>\n\n\n    <div class=\"tjap-hero-inner\">\n\n        <div class=\"tjap-hero-content\">\n\n            <div class=\"tjap-hero-badge\">\n\n                <span class=\"tjap-hero-dot\"><\/span>\n\n                \u00c0 propos de Terra Jardin\n\n            <\/div>\n\n\n            <h1>\n                Le jardin est un m\u00e9tier.\n                <span>Mais surtout une passion.<\/span>\n            <\/h1>\n\n\n            <p class=\"tjap-hero-desc\">\n\n                Terra Jardin accompagne particuliers\n                et propri\u00e9taires dans la cr\u00e9ation,\n                l&rsquo;entretien et l&rsquo;am\u00e9nagement\n                de leurs espaces ext\u00e9rieurs.\n\n            <\/p>\n\n\n            <div class=\"tjap-hero-actions\">\n\n                <a\n                    class=\"tjap-btn tjap-btn-gold\"\n                    href=\"#notre-approche\">\n\n                    D\u00e9couvrir notre approche\n                    <span>\u2193<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-btn tjap-btn-light\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Parler de mon projet\n                    <span class=\"tjap-arrow\">\u2192<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PRESENTATION\n============================================================ -->\n\n<section\n    class=\"tjap-section tjap-presentation\"\n    id=\"notre-approche\">\n\n    <div class=\"tjap-container\">\n\n        <div class=\"tjap-presentation-grid\">\n\n\n            <div class=\"tjap-visual tjap-reveal\">\n\n\n                <div class=\"tjap-visual-main\">\n\n                    <img\n                        src=\"https:\/\/images.pexels.com\/photos\/5230933\/pexels-photo-5230933.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                        alt=\"Paysagiste transportant un v\u00e9g\u00e9tal pour un am\u00e9nagement\">\n\n                <\/div>\n\n\n                <div class=\"tjap-visual-small\">\n\n                    <img\n                        src=\"https:\/\/images.pexels.com\/photos\/4920282\/pexels-photo-4920282.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=800\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                        alt=\"Travail du sol par un paysagiste\">\n\n                <\/div>\n\n\n                <div class=\"tjap-visual-badge\">\n\n                    <strong>\n                        Terra Jardin\n                    <\/strong>\n\n                    <span>\n                        Donnons vie \u00e0 vos ext\u00e9rieurs\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tjap-presentation-content tjap-reveal\">\n\n                <span class=\"tjap-kicker\">\n                    Notre approche\n                <\/span>\n\n\n                <p class=\"tjap-presentation-lead\">\n\n                    Un jardin r\u00e9ussi commence\n                    par une bonne compr\u00e9hension\n                    du terrain.\n\n                    <span>\n                        Et surtout de la mani\u00e8re\n                        dont vous souhaitez y vivre.\n                    <\/span>\n\n                <\/p>\n\n\n                <p class=\"tjap-presentation-copy\">\n\n                    Chaque ext\u00e9rieur poss\u00e8de\n                    ses propres contraintes,\n                    ses volumes et ses possibilit\u00e9s.\n                    L&rsquo;objectif est de cr\u00e9er\n                    un ensemble coh\u00e9rent entre\n                    v\u00e9g\u00e9tation, circulation,\n                    d\u00e9tente et entretien.\n\n                <\/p>\n\n\n                <p class=\"tjap-presentation-copy\">\n\n                    Qu&rsquo;il s&rsquo;agisse d&rsquo;une transformation compl\u00e8te\n                    ou d&rsquo;une intervention plus cibl\u00e9e,\n                    chaque projet est abord\u00e9\n                    avec la m\u00eame attention port\u00e9e\n                    au r\u00e9sultat final.\n\n                <\/p>\n\n\n                <div class=\"tjap-signature\">\n\n                    <div class=\"tjap-signature-icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\">\n\n                            <path d=\"M12 21V9\"\/>\n\n                            <path\n                                d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n\n                            <path\n                                d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <strong>\n                            Une approche paysag\u00e8re globale\n                        <\/strong>\n\n                        <span>\n                            De l&rsquo;id\u00e9e jusqu&rsquo;aux finitions\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PHILOSOPHIE\n============================================================ -->\n\n<section class=\"tjap-section tjap-philosophy\">\n\n    <div class=\"tjap-container\">\n\n        <div class=\"tjap-philosophy-grid\">\n\n\n            <div class=\"tjap-philosophy-side tjap-reveal\">\n\n                <span class=\"tjap-kicker\">\n                    Notre philosophie\n                <\/span>\n\n                <h2>\n                    Concevoir un jardin\n                    <span>fait pour vous.<\/span>\n                <\/h2>\n\n                <p>\n                    Un ext\u00e9rieur ne doit pas seulement\n                    \u00eatre agr\u00e9able \u00e0 regarder.\n                    Il doit aussi correspondre\n                    \u00e0 vos usages et \u00e0 votre quotidien.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tjap-philosophy-list\">\n\n\n                <article class=\"tjap-philosophy-card tjap-reveal\">\n\n                    <span class=\"tjap-philosophy-number\">\n                        01\n                    <\/span>\n\n                    <span class=\"tjap-philosophy-arrow\">\n                        \u2192\n                    <\/span>\n\n                    <h3>\n                        Comprendre le terrain\n                    <\/h3>\n\n                    <p>\n                        Observer la configuration,\n                        les circulations et les espaces\n                        d\u00e9j\u00e0 pr\u00e9sents avant d&rsquo;imaginer\n                        une transformation.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-philosophy-card tjap-reveal\">\n\n                    <span class=\"tjap-philosophy-number\">\n                        02\n                    <\/span>\n\n                    <span class=\"tjap-philosophy-arrow\">\n                        \u2192\n                    <\/span>\n\n                    <h3>\n                        Comprendre vos usages\n                    <\/h3>\n\n                    <p>\n                        Un jardin familial,\n                        un espace de d\u00e9tente\n                        ou un ext\u00e9rieur facile \u00e0 entretenir\n                        ne se con\u00e7oivent pas de la m\u00eame mani\u00e8re.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-philosophy-card tjap-reveal\">\n\n                    <span class=\"tjap-philosophy-number\">\n                        03\n                    <\/span>\n\n                    <span class=\"tjap-philosophy-arrow\">\n                        \u2192\n                    <\/span>\n\n                    <h3>\n                        Cr\u00e9er une coh\u00e9rence\n                    <\/h3>\n\n                    <p>\n                        Pelouse, terrasse, plantations,\n                        all\u00e9es et cl\u00f4tures doivent fonctionner\n                        ensemble plut\u00f4t que s\u00e9par\u00e9ment.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-philosophy-card tjap-reveal\">\n\n                    <span class=\"tjap-philosophy-number\">\n                        04\n                    <\/span>\n\n                    <span class=\"tjap-philosophy-arrow\">\n                        \u2192\n                    <\/span>\n\n                    <h3>\n                        Soigner les d\u00e9tails\n                    <\/h3>\n\n                    <p>\n                        Ce sont souvent les raccords,\n                        les alignements et les finitions\n                        qui donnent toute sa qualit\u00e9\n                        \u00e0 un am\u00e9nagement ext\u00e9rieur.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     VALEURS\n============================================================ -->\n\n<section class=\"tjap-section tjap-values\">\n\n    <div class=\"tjap-container\">\n\n\n        <div class=\"tjap-values-head\">\n\n\n            <div class=\"tjap-reveal\">\n\n                <span class=\"tjap-kicker\">\n                    Nos valeurs\n                <\/span>\n\n                <h2 class=\"tjap-title\">\n                    Une mani\u00e8re simple\n                    <span>de travailler.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"tjap-text tjap-reveal\">\n\n                Un projet ext\u00e9rieur repose\n                autant sur le travail r\u00e9alis\u00e9\n                que sur la compr\u00e9hension\n                de votre besoin.\n\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjap-values-grid\">\n\n\n            <article class=\"tjap-value tjap-reveal\">\n\n                <div class=\"tjap-value-top\">\n\n                    <div class=\"tjap-value-icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\">\n\n                            <path d=\"M4 12h16\"\/>\n                            <path d=\"M12 4v16\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjap-value-number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    \u00c9coute\n                <\/h3>\n\n                <p>\n                    Comprendre vos attentes,\n                    vos usages et les contraintes\n                    de votre terrain.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tjap-value tjap-reveal\">\n\n                <div class=\"tjap-value-top\">\n\n                    <div class=\"tjap-value-icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\">\n\n                            <path d=\"M12 21V9\"\/>\n\n                            <path\n                                d=\"M12 13C8 13 5 10 5 6c4 0 7 3 7 7Z\"\/>\n\n                            <path\n                                d=\"M12 10c0-4 3-7 7-7 0 4-3 7-7 7Z\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjap-value-number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Respect du v\u00e9g\u00e9tal\n                <\/h3>\n\n                <p>\n                    Adapter les interventions\n                    aux v\u00e9g\u00e9taux et \u00e0 l&rsquo;\u00e9volution\n                    du jardin.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tjap-value tjap-reveal\">\n\n                <div class=\"tjap-value-top\">\n\n                    <div class=\"tjap-value-icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.7\">\n\n                            <path d=\"M4 19h16\"\/>\n                            <path d=\"M6 15h12\"\/>\n                            <path d=\"M8 11h8\"\/>\n                            <path d=\"M10 7h4\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"tjap-value-number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Organisation\n                <\/h3>\n\n                <p>\n                    Penser chaque zone\n                    pour faciliter les d\u00e9placements\n                    et les usages.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tjap-value tjap-reveal\">\n\n                <div class=\"tjap-value-top\">\n\n                    <div class=\"tjap-value-icon\">\n\n                        <svg\n                            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=\"tjap-value-number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Finitions\n                <\/h3>\n\n                <p>\n                    Soigner le r\u00e9sultat\n                    jusque dans les derniers d\u00e9tails\n                    de l&rsquo;am\u00e9nagement.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     METHODE\n============================================================ -->\n\n<section\n    class=\"tjap-section tjap-method\"\n    data-tjap-method>\n\n    <div class=\"tjap-container\">\n\n\n        <div class=\"tjap-method-head tjap-reveal\">\n\n            <span class=\"tjap-kicker\">\n                Notre fa\u00e7on de travailler\n            <\/span>\n\n            <h2 class=\"tjap-title\">\n                De votre id\u00e9e\n                <span>au jardin.<\/span>\n            <\/h2>\n\n            <p class=\"tjap-text\">\n                Une m\u00e9thode simple pour comprendre\n                votre projet et organiser\n                les diff\u00e9rentes \u00e9tapes.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tjap-method-wrap\">\n\n            <div class=\"tjap-method-line\">\n\n                <div class=\"tjap-method-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tjap-method-grid\">\n\n\n                <article class=\"tjap-method-step\">\n\n                    <div class=\"tjap-method-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        \u00c9change\n                    <\/h3>\n\n                    <p>\n                        Comprendre vos envies\n                        et vos besoins.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-method-step\">\n\n                    <div class=\"tjap-method-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        Observation\n                    <\/h3>\n\n                    <p>\n                        \u00c9tudier le terrain\n                        et ses possibilit\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-method-step\">\n\n                    <div class=\"tjap-method-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        R\u00e9alisation\n                    <\/h3>\n\n                    <p>\n                        Mettre en \u0153uvre\n                        les interventions pr\u00e9vues.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tjap-method-step\">\n\n                    <div class=\"tjap-method-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Finitions\n                    <\/h3>\n\n                    <p>\n                        Finaliser et harmoniser\n                        l&rsquo;ensemble du jardin.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     PLUSIEURS SAVOIR-FAIRE\n============================================================ -->\n\n<section class=\"tjap-craft\">\n\n    <div class=\"tjap-craft-bg\">\n\n        <img\n            src=\"https:\/\/images.pexels.com\/photos\/4920282\/pexels-photo-4920282.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            alt=\"Paysagiste travaillant dans un espace ext\u00e9rieur\">\n\n    <\/div>\n\n\n    <div class=\"tjap-container\">\n\n        <div class=\"tjap-craft-content tjap-reveal\">\n\n            <span class=\"tjap-kicker\">\n                Plusieurs savoir-faire\n            <\/span>\n\n\n            <h2>\n                Un seul objectif :\n                <span>valoriser votre ext\u00e9rieur.<\/span>\n            <\/h2>\n\n\n            <p>\n\n                Terra Jardin r\u00e9unit plusieurs interventions\n                compl\u00e9mentaires afin de pouvoir accompagner\n                aussi bien l&rsquo;entretien courant\n                qu&rsquo;une transformation compl\u00e8te.\n\n            <\/p>\n\n\n            <div class=\"tjap-craft-tags\">\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/creation-jardin\/\">\n\n                    Cr\u00e9ation de jardin\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/entretien-jardin\/\">\n\n                    Entretien\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/taille-haies\/\">\n\n                    Taille de haies\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/elagage\/\">\n\n                    \u00c9lagage\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/engazonnement\/\">\n\n                    Engazonnement\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/amenagement-exterieur\/\">\n\n                    Am\u00e9nagement ext\u00e9rieur\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/terrasses-allees\/\">\n\n                    Terrasses &#038; all\u00e9es\n\n                <\/a>\n\n\n                <a\n                    class=\"tjap-craft-tag\"\n                    href=\"\/paysagiste\/clotures\/\">\n\n                    Cl\u00f4tures\n\n                <\/a>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CTA FINAL\n============================================================ -->\n\n<section class=\"tjap-final\">\n\n    <div class=\"tjap-container\">\n\n        <div class=\"tjap-final-box tjap-reveal\">\n\n            <div class=\"tjap-final-content\">\n\n                <span class=\"tjap-kicker\">\n                    Votre projet\n                <\/span>\n\n\n                <h2>\n                    Parlons de votre\n                    <span>futur ext\u00e9rieur.<\/span>\n                <\/h2>\n\n\n                <p>\n\n                    Pr\u00e9sentez-nous votre terrain,\n                    vos besoins et vos envies.\n                    Nous pourrons ensuite d\u00e9finir\n                    la solution adapt\u00e9e \u00e0 votre projet.\n\n                <\/p>\n\n\n                <div class=\"tjap-final-actions\">\n\n                    <a\n                        class=\"tjap-btn tjap-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tjap-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjap-btn tjap-btn-light\"\n                        href=\"\/paysagiste\/realisations\/\">\n\n                        Voir les r\u00e9alisations\n                        <span class=\"tjap-arrow\">\u2192<\/span>\n\n                    <\/a>\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\nfunction initTerraAbout(){\n\n    var root =\n        document.querySelector(\n            \".tjap-page\"\n        );\n\n\n    if(!root){\n        return;\n    }\n\n\n    var reduced = false;\n\n\n    try{\n\n        reduced =\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches;\n\n    }catch(error){\n\n        reduced = false;\n\n    }\n\n\n\n    \/* ========================================================\n       REVEAL SAFE\n    ======================================================== *\/\n\n    try{\n\n        var items =\n            root.querySelectorAll(\n                \".tjap-reveal\"\n            );\n\n\n        if(\n            reduced ||\n            !(\"IntersectionObserver\" in window)\n        ){\n\n            items.forEach(\n                function(item){\n\n                    item.classList.add(\n                        \"tjap-visible\"\n                    );\n\n                }\n            );\n\n        }else{\n\n\n            var vh =\n                window.innerHeight ||\n                document.documentElement.clientHeight;\n\n\n            items.forEach(\n                function(item){\n\n                    if(\n                        item\n                            .getBoundingClientRect()\n                            .top\n                        <\n                        vh * .94\n                    ){\n\n                        item.classList.add(\n                            \"tjap-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                                            \"tjap-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 -40px 0px\"\n                    }\n\n                );\n\n\n            items.forEach(\n                function(item){\n\n                    observer.observe(\n                        item\n                    );\n\n                }\n            );\n\n\n            root.classList.add(\n                \"tjap-motion-ready\"\n            );\n\n        }\n\n    }catch(error){\n\n        root.classList.remove(\n            \"tjap-motion-ready\"\n        );\n\n    }\n\n\n\n    \/* ========================================================\n       HERO PARALLAX\n    ======================================================== *\/\n\n    try{\n\n        var hero =\n            root.querySelector(\n                \".tjap-hero\"\n            );\n\n\n        var heroTick =\n            false;\n\n\n        function updateHero(){\n\n            heroTick =\n                false;\n\n\n            if(\n                reduced ||\n                window.innerWidth <= 700 ||\n                !hero\n            ){\n\n                return;\n            }\n\n\n            var rect =\n                hero.getBoundingClientRect();\n\n\n            if(\n                rect.bottom < 0 ||\n                rect.top >\n                window.innerHeight\n            ){\n\n                return;\n            }\n\n\n            var shift =\n                Math.max(\n                    -45,\n\n                    Math.min(\n                        45,\n                        -rect.top * .075\n                    )\n                );\n\n\n            hero.style.setProperty(\n                \"--tjap-parallax\",\n                shift.toFixed(1) + \"px\"\n            );\n\n        }\n\n\n        window.addEventListener(\n            \"scroll\",\n            function(){\n\n                if(heroTick){\n                    return;\n                }\n\n\n                heroTick = true;\n\n\n                requestAnimationFrame(\n                    updateHero\n                );\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        updateHero();\n\n    }catch(error){\n\n        \/* aucun effet critique *\/\n\n    }\n\n\n\n    \/* ========================================================\n       TIMELINE\n    ======================================================== *\/\n\n    try{\n\n        var method =\n            root.querySelector(\n                \"[data-tjap-method]\"\n            );\n\n\n        if(!method){\n            return;\n        }\n\n\n        var steps =\n            method.querySelectorAll(\n                \".tjap-method-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 updateMethod(){\n\n            ticking =\n                false;\n\n\n            var rect =\n                method.getBoundingClientRect();\n\n\n            var vh =\n                window.innerHeight ||\n                document.documentElement.clientHeight;\n\n\n            var progress =\n                (\n                    vh * .78 -\n                    rect.top\n                )\n                \/\n                Math.max(\n                    rect.height +\n                    vh * .2,\n                    1\n                );\n\n\n            progress =\n                clamp(\n                    progress,\n                    0,\n                    1\n                );\n\n\n            method.style.setProperty(\n                \"--tjap-progress\",\n                progress.toFixed(4)\n            );\n\n\n            var thresholds =\n                [\n                    .03,\n                    .32,\n                    .62,\n                    .88\n                ];\n\n\n            steps.forEach(\n                function(step,index){\n\n                    step.classList.toggle(\n                        \"tjap-active\",\n                        progress >=\n                        thresholds[index]\n                    );\n\n                }\n            );\n\n        }\n\n\n        function requestMethod(){\n\n            if(ticking){\n                return;\n            }\n\n\n            ticking = true;\n\n\n            requestAnimationFrame(\n                updateMethod\n            );\n\n        }\n\n\n        if(reduced){\n\n            method.style.setProperty(\n                \"--tjap-progress\",\n                \"1\"\n            );\n\n\n            steps.forEach(\n                function(step){\n\n                    step.classList.add(\n                        \"tjap-active\"\n                    );\n\n                }\n            );\n\n        }else{\n\n            window.addEventListener(\n                \"scroll\",\n                requestMethod,\n                {\n                    passive:true\n                }\n            );\n\n\n            window.addEventListener(\n                \"resize\",\n                requestMethod\n            );\n\n\n            updateMethod();\n\n        }\n\n    }catch(error){\n\n        \/* page toujours visible *\/\n\n    }\n\n}\n\n\n\nif(\n    document.readyState ===\n    \"loading\"\n){\n\n    document.addEventListener(\n        \"DOMContentLoaded\",\n        initTerraAbout\n    );\n\n}else{\n\n    initTerraAbout();\n\n}\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de Terra Jardin Le jardin est un m\u00e9tier. Mais surtout une passion. Terra Jardin accompagne particuliers et propri\u00e9taires dans la cr\u00e9ation, l&rsquo;entretien et l&rsquo;am\u00e9nagement de leurs espaces ext\u00e9rieurs. D\u00e9couvrir notre approche \u2193 Parler de mon projet \u2192 Terra Jardin Donnons vie \u00e0 vos ext\u00e9rieurs Notre approche Un jardin r\u00e9ussi commence par une bonne [&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-37","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\/37","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=37"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/37\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}