{"id":12,"date":"2026-09-18T14:15:18","date_gmt":"2026-09-18T12:15:18","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=12"},"modified":"2026-09-18T14:45:47","modified_gmt":"2026-09-18T12:45:47","slug":"accueil","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tj-home\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 ACCUEIL PREMIUM\n   VERSION WORDPRESS \/ BLOCKSY S\u00c9CURIS\u00c9E\n============================================================ *\/\n\n.tj-home{\n    --tj-deep:#10291f;\n    --tj-forest:#18392b;\n    --tj-green:#54745d;\n    --tj-sage:#90a98d;\n    --tj-gold:#d5b985;\n    --tj-gold-light:#ead7ad;\n    --tj-cream:#f7f4ed;\n    --tj-white:#ffffff;\n    --tj-black:#161a17;\n    --tj-text:#6f776f;\n    --tj-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(--tj-cream);\n    color:var(--tj-black);\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tj-home *,\n.tj-home *::before,\n.tj-home *::after{\n    box-sizing:border-box;\n}\n\n.tj-home img{\n    display:block;\n    width:100%;\n    max-width:100%;\n}\n\n.tj-home a{\n    color:inherit;\n    text-decoration:none;\n}\n\n.tj-container{\n    width:min(1240px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tj-section{\n    position:relative;\n    padding:115px 0;\n}\n\n\n\/* ============================================================\n   TYPOGRAPHIE\n============================================================ *\/\n\n.tj-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n\n    margin:0 0 18px;\n\n    color:var(--tj-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.tj-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--tj-gold);\n}\n\n.tj-title{\n    margin:0;\n\n    color:var(--tj-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.tj-title span{\n    color:var(--tj-gold);\n}\n\n.tj-text{\n    max-width:650px;\n\n    margin:22px 0 0;\n\n    color:var(--tj-text);\n\n    font-size:16px;\n    line-height:1.75;\n}\n\n.tj-heading{\n    max-width:790px;\n    margin-bottom:54px;\n}\n\n.tj-heading-center{\n    margin-left:auto;\n    margin-right:auto;\n    text-align:center;\n}\n\n.tj-heading-center .tj-kicker{\n    justify-content:center;\n}\n\n.tj-heading-center .tj-text{\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* ============================================================\n   BOUTONS\n============================================================ *\/\n\n.tj-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-color .3s ease,\n        border-color .3s ease,\n        color .3s ease,\n        box-shadow .3s ease;\n}\n\n.tj-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tj-btn-gold{\n    background:var(--tj-gold);\n    color:var(--tj-deep);\n\n    box-shadow:\n        0 14px 35px rgba(213,185,133,.20);\n}\n\n.tj-btn-gold:hover{\n    background:var(--tj-gold-light);\n}\n\n.tj-btn-outline-light{\n    color:#fff;\n\n    border-color:rgba(255,255,255,.25);\n\n    background:rgba(255,255,255,.07);\n\n    backdrop-filter:blur(12px);\n}\n\n.tj-btn-outline-light:hover{\n    background:#fff;\n    border-color:#fff;\n    color:var(--tj-deep);\n}\n\n.tj-btn-outline-dark{\n    color:var(--tj-deep);\n\n    border-color:rgba(16,41,31,.18);\n\n    background:transparent;\n}\n\n.tj-btn-outline-dark:hover{\n    background:var(--tj-deep);\n    color:#fff;\n}\n\n.tj-arrow{\n    transition:transform .3s ease;\n}\n\n.tj-btn:hover .tj-arrow,\n.tj-service-link:hover .tj-arrow{\n    transform:translateX(5px);\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tj-hero{\n    position:relative;\n\n    min-height:850px;\n\n    display:flex;\n    align-items:center;\n\n    overflow:hidden;\n\n    background:var(--tj-deep);\n    color:#fff;\n\n    isolation:isolate;\n}\n\n.tj-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n}\n\n.tj-hero-slide{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    opacity:0;\n    transform:scale(1.04);\n\n    transition:\n        opacity 1s ease,\n        transform 7s linear;\n}\n\n.tj-hero-slide.tj-active{\n    opacity:1;\n    transform:scale(1);\n}\n\n.tj-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,.95) 0%,\n            rgba(6,22,15,.83) 43%,\n            rgba(6,22,15,.48) 73%,\n            rgba(6,22,15,.28) 100%\n        ),\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.48),\n            rgba(6,22,15,.02) 58%\n        );\n}\n\n.tj-hero::after{\n    content:\"\";\n\n    position:absolute;\n    z-index:-2;\n\n    width:650px;\n    height:650px;\n\n    left:-360px;\n    bottom:-370px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.13);\n\n    filter:blur(85px);\n}\n\n.tj-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:minmax(0,1.15fr) minmax(330px,.65fr);\n    gap:70px;\n\n    align-items:center;\n}\n\n.tj-hero-content{\n    max-width:790px;\n}\n\n.tj-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,.90);\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.tj-hero-badge-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--tj-gold);\n\n    box-shadow:\n        0 0 0 5px rgba(213,185,133,.12);\n}\n\n.tj-hero-title{\n    max-width:790px;\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(52px,6vw,87px);\n    line-height:.92;\n    font-weight:780;\n    letter-spacing:-.057em;\n}\n\n.tj-hero-title span{\n    display:block;\n    color:var(--tj-gold);\n}\n\n.tj-hero-description{\n    max-width:610px;\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.tj-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px 22px;\n\n    margin-top:28px;\n}\n\n.tj-hero-point{\n    display:flex;\n    align-items:center;\n    gap:9px;\n\n    color:rgba(255,255,255,.90);\n\n    font-size:12px;\n    font-weight:700;\n}\n\n.tj-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(--tj-gold);\n    color:var(--tj-deep);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tj-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:34px;\n}\n\n.tj-hero-dots{\n    display:flex;\n    gap:8px;\n\n    margin-top:38px;\n}\n\n.tj-hero-dot{\n    position:relative;\n\n    width:34px;\n    height:4px;\n\n    padding:0;\n\n    overflow:hidden;\n\n    border:0;\n    border-radius:100px;\n\n    background:rgba(255,255,255,.23);\n\n    cursor:pointer;\n}\n\n.tj-hero-dot::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:var(--tj-gold);\n\n    transform:scaleX(0);\n    transform-origin:left;\n}\n\n.tj-hero-dot.tj-active::after{\n    animation:tjHeroProgress 6s linear forwards;\n}\n\n@keyframes tjHeroProgress{\n    from{\n        transform:scaleX(0);\n    }\n\n    to{\n        transform:scaleX(1);\n    }\n}\n\n\n\/* HERO DROITE *\/\n\n.tj-hero-showcase{\n    position:relative;\n    min-height:530px;\n}\n\n.tj-hero-main-image{\n    position:absolute;\n\n    inset:35px 10px 45px 45px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.16);\n    border-radius:30px;\n\n    background:#284b38;\n\n    box-shadow:\n        0 35px 90px rgba(0,0,0,.35);\n}\n\n.tj-hero-main-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tj-hero-main-image::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.55),\n            transparent 55%\n        );\n}\n\n.tj-floating{\n    position:absolute;\n    z-index:3;\n\n    min-width:170px;\n\n    padding:15px 17px;\n\n    display:flex;\n    align-items:center;\n    gap:11px;\n\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:17px;\n\n    background:rgba(7,26,18,.80);\n\n    backdrop-filter:blur(15px);\n\n    box-shadow:\n        0 18px 42px rgba(0,0,0,.22);\n}\n\n.tj-floating-icon{\n    width:40px;\n    height:40px;\n\n    flex:0 0 auto;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:12px;\n\n    background:var(--tj-gold);\n    color:var(--tj-deep);\n\n    font-size:17px;\n    font-weight:900;\n}\n\n.tj-floating strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:12px;\n}\n\n.tj-floating small{\n    display:block;\n\n    margin-top:3px;\n\n    color:rgba(255,255,255,.60);\n\n    font-size:9px;\n}\n\n.tj-floating-1{\n    top:0;\n    right:0;\n}\n\n.tj-floating-2{\n    bottom:10px;\n    left:0;\n}\n\n.tj-floating-3{\n    right:-4px;\n    bottom:110px;\n}\n\n\n\/* ============================================================\n   BANDEAU\n============================================================ *\/\n\n.tj-marquee{\n    overflow:hidden;\n\n    border-top:1px solid rgba(255,255,255,.06);\n    border-bottom:1px solid rgba(255,255,255,.06);\n\n    background:var(--tj-deep);\n    color:#fff;\n}\n\n.tj-marquee-track{\n    width:max-content;\n\n    display:flex;\n\n    animation:tjMarquee 34s linear infinite;\n}\n\n.tj-marquee-group{\n    display:flex;\n    flex-shrink:0;\n}\n\n.tj-marquee-item{\n    padding:21px 20px;\n\n    display:flex;\n    align-items:center;\n    gap:20px;\n\n    white-space:nowrap;\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.tj-marquee-item::after{\n    content:\"\u2726\";\n\n    color:var(--tj-gold);\n}\n\n@keyframes tjMarquee{\n    to{\n        transform:translateX(-50%);\n    }\n}\n\n\n\/* ============================================================\n   PRESTATIONS\n============================================================ *\/\n\n.tj-services{\n    position:relative;\n\n    padding:115px 0;\n\n    overflow:hidden;\n\n    background:var(--tj-cream);\n}\n\n.tj-services::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    right:-280px;\n    top:-270px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.09);\n\n    pointer-events:none;\n}\n\n.tj-services-head{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:1fr .65fr;\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:55px;\n}\n\n.tj-services-title{\n    max-width:760px;\n\n    margin:0;\n\n    color:var(--tj-deep);\n\n    font-size:clamp(43px,5.1vw,69px);\n    line-height:.97;\n    font-weight:780;\n    letter-spacing:-.05em;\n}\n\n.tj-services-title span{\n    color:var(--tj-gold);\n}\n\n.tj-services-intro{\n    max-width:480px;\n\n    margin:0 0 5px auto;\n\n    color:var(--tj-text);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n.tj-services-grid{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:20px;\n}\n\n.tj-service{\n    position:relative;\n\n    min-height:500px;\n\n    overflow:hidden;\n\n    display:flex;\n    align-items:flex-end;\n\n    border-radius:26px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #315b45,\n            #10291f\n        );\n\n    isolation:isolate;\n\n    box-shadow:\n        0 12px 35px rgba(16,41,31,.08);\n\n    transition:\n        transform .45s cubic-bezier(.2,.7,.2,1),\n        box-shadow .45s ease;\n}\n\n.tj-service:hover{\n    transform:translateY(-9px);\n\n    box-shadow:\n        0 30px 70px rgba(16,41,31,.18);\n}\n\n.tj-service-media{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n\n    overflow:hidden;\n}\n\n.tj-service-fallback{\n    position:absolute;\n    inset:0;\n\n    display:grid;\n    place-items:center;\n\n    background:\n        radial-gradient(\n            circle at 70% 20%,\n            rgba(213,185,133,.22),\n            transparent 38%\n        ),\n        linear-gradient(\n            145deg,\n            #315b45,\n            #10291f\n        );\n\n    color:rgba(255,255,255,.10);\n\n    font-size:90px;\n}\n\n.tj-service-media img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.tj-service:hover .tj-service-media img{\n    transform:scale(1.065);\n}\n\n.tj-service-shade{\n    position:absolute;\n    inset:0;\n    z-index:-1;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.97) 0%,\n            rgba(6,22,15,.70) 43%,\n            rgba(6,22,15,.11) 78%\n        );\n}\n\n.tj-service-number{\n    position:absolute;\n\n    top:20px;\n    right:20px;\n\n    width:47px;\n    height:47px;\n\n    display:grid;\n    place-items:center;\n\n    border:1px solid rgba(255,255,255,.22);\n    border-radius:50%;\n\n    background:rgba(247,244,237,.94);\n\n    backdrop-filter:blur(10px);\n\n    color:var(--tj-deep);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tj-service-content{\n    width:100%;\n\n    padding:30px;\n\n    color:#fff;\n}\n\n.tj-service-icon{\n    width:46px;\n    height:46px;\n\n    margin-bottom:19px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:14px;\n\n    background:var(--tj-gold);\n    color:var(--tj-deep);\n}\n\n.tj-service-icon svg{\n    width:21px;\n    height:21px;\n}\n\n.tj-service h3{\n    margin:0;\n\n    color:#fff;\n\n    font-size:25px;\n    line-height:1.1;\n    letter-spacing:-.025em;\n}\n\n.tj-service p{\n    max-width:330px;\n\n    margin:12px 0 22px;\n\n    color:rgba(255,255,255,.71);\n\n    font-size:13px;\n    line-height:1.65;\n}\n\n.tj-service-link{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    color:var(--tj-gold) !important;\n\n    font-size:11px;\n    font-weight:850;\n}\n\n\n\/* ============================================================\n   STATS ANIM\u00c9ES\n============================================================ *\/\n\n.tj-stats{\n    position:relative;\n\n    padding:82px 0;\n\n    overflow:hidden;\n\n    background:var(--tj-deep);\n}\n\n.tj-stats::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            #ffffff 1px,\n            transparent 0\n        );\n\n    background-size:24px 24px;\n}\n\n.tj-stats::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:420px;\n    height:420px;\n\n    right:-210px;\n    top:-260px;\n\n    border-radius:50%;\n\n    background:rgba(213,185,133,.07);\n}\n\n.tj-stats-grid{\n    position:relative;\n    z-index:2;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n}\n\n.tj-stat{\n    position:relative;\n\n    min-height:130px;\n\n    padding:15px 25px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    align-items:center;\n\n    text-align:center;\n\n    border-right:1px solid rgba(255,255,255,.12);\n\n    transition:\n        opacity .7s cubic-bezier(.2,.7,.2,1),\n        transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n.tj-stat:last-child{\n    border-right:0;\n}\n\n.tj-stat::after{\n    content:\"\";\n\n    position:absolute;\n\n    left:50%;\n    bottom:0;\n\n    width:34px;\n    height:2px;\n\n    border-radius:100px;\n\n    background:var(--tj-gold);\n\n    transform:\n        translateX(-50%)\n        scaleX(0);\n\n    transition:\n        transform .6s ease .35s;\n}\n\n.tj-stats.tj-stats-visible .tj-stat::after{\n    transform:\n        translateX(-50%)\n        scaleX(1);\n}\n\n.tj-stat-number{\n    display:block;\n\n    color:var(--tj-gold);\n\n    font-size:clamp(40px,5vw,59px);\n    line-height:1;\n    font-weight:780;\n    letter-spacing:-.055em;\n}\n\n.tj-stat-label{\n    display:block;\n\n    margin-top:11px;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   A PROPOS\n============================================================ *\/\n\n.tj-about{\n    background:#fff;\n}\n\n.tj-about-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:80px;\n\n    align-items:center;\n}\n\n.tj-about-visual{\n    position:relative;\n}\n\n.tj-about-image{\n    overflow:hidden;\n\n    aspect-ratio:4\/5;\n\n    border-radius:30px;\n\n    background:#dbe4dc;\n\n    box-shadow:\n        0 25px 65px rgba(16,41,31,.12);\n}\n\n.tj-about-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.tj-about-badge{\n    position:absolute;\n\n    right:-30px;\n    bottom:45px;\n\n    width:195px;\n\n    padding:20px;\n\n    border-radius:18px;\n\n    background:var(--tj-gold);\n    color:var(--tj-deep);\n\n    box-shadow:\n        0 20px 50px rgba(16,41,31,.17);\n}\n\n.tj-about-badge small{\n    display:block;\n\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.tj-about-badge strong{\n    display:block;\n\n    margin-top:7px;\n\n    font-size:20px;\n    line-height:1.15;\n}\n\n.tj-values{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:14px;\n\n    margin-top:35px;\n}\n\n.tj-value{\n    min-height:170px;\n\n    padding:23px;\n\n    border:1px solid var(--tj-border);\n    border-radius:20px;\n\n    background:var(--tj-cream);\n\n    transition:\n        transform .35s ease,\n        background .35s ease,\n        border-color .35s ease;\n}\n\n.tj-value:hover{\n    transform:translateY(-5px);\n\n    background:#fff;\n    border-color:rgba(213,185,133,.55);\n}\n\n.tj-value-number{\n    display:block;\n\n    margin-bottom:22px;\n\n    color:var(--tj-gold);\n\n    font-size:10px;\n    font-weight:900;\n}\n\n.tj-value h3{\n    margin:0 0 8px;\n\n    color:var(--tj-deep);\n\n    font-size:18px;\n}\n\n.tj-value p{\n    margin:0;\n\n    color:var(--tj-text);\n\n    font-size:12px;\n    line-height:1.65;\n}\n\n\n\/* ============================================================\n   AVANT \/ APR\u00c8S\n============================================================ *\/\n\n.tj-transform{\n    background:var(--tj-cream);\n}\n\n.tj-transform-card{\n    position:relative;\n\n    min-height:590px;\n\n    overflow:hidden;\n\n    border-radius:32px;\n\n    background:var(--tj-deep);\n\n    box-shadow:\n        0 25px 70px rgba(16,41,31,.12);\n}\n\n.tj-transform-card > img{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n}\n\n.tj-transform-card::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(6,22,15,.90),\n            rgba(6,22,15,.43) 65%,\n            rgba(6,22,15,.17)\n        );\n}\n\n.tj-transform-content{\n    position:relative;\n    z-index:2;\n\n    max-width:650px;\n    min-height:590px;\n\n    padding:70px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    color:#fff;\n}\n\n.tj-transform-label{\n    width:max-content;\n\n    margin-bottom:22px;\n    padding:8px 12px;\n\n    border:1px solid rgba(255,255,255,.20);\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.tj-transform h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(44px,6vw,76px);\n    line-height:.95;\n    letter-spacing:-.05em;\n}\n\n.tj-transform h2 span{\n    color:var(--tj-gold);\n}\n\n.tj-transform p{\n    max-width:530px;\n\n    margin:24px 0 0;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:14px;\n    line-height:1.7;\n}\n\n.tj-transform-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n\n    margin-top:28px;\n}\n\n.tj-transform-tags span{\n    padding:9px 12px;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:10px;\n\n    background:rgba(255,255,255,.09);\n\n    font-size:10px;\n    font-weight:700;\n}\n\n\n\/* ============================================================\n   REALISATIONS\n============================================================ *\/\n\n.tj-projects{\n    background:#fff;\n}\n\n.tj-project-grid{\n    display:grid;\n\n    grid-template-columns:1.25fr .75fr .75fr;\n    grid-template-rows:275px 275px;\n\n    gap:16px;\n}\n\n.tj-project{\n    position:relative;\n\n    overflow:hidden;\n\n    border-radius:23px;\n\n    background:#dce3dc;\n}\n\n.tj-project:first-child{\n    grid-row:span 2;\n}\n\n.tj-project 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.tj-project:hover img{\n    transform:scale(1.06);\n}\n\n.tj-project::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            0deg,\n            rgba(6,22,15,.82),\n            transparent 60%\n        );\n}\n\n.tj-project-info{\n    position:absolute;\n    z-index:2;\n\n    left:22px;\n    right:22px;\n    bottom:20px;\n}\n\n.tj-project-info span{\n    display:block;\n\n    margin-bottom:5px;\n\n    color:var(--tj-gold);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.tj-project-info strong{\n    color:#fff;\n    font-size:17px;\n}\n\n.tj-project-action{\n    margin-top:32px;\n    text-align:center;\n}\n\n\n\/* ============================================================\n   TIMELINE\n============================================================ *\/\n\n.tj-process{\n    position:relative;\n\n    padding:115px 0 130px;\n\n    overflow:hidden;\n\n    background:var(--tj-cream);\n}\n\n.tj-process-head{\n    max-width:790px;\n\n    margin:0 auto 82px;\n\n    text-align:center;\n}\n\n.tj-process-head .tj-kicker{\n    justify-content:center;\n}\n\n.tj-process-title{\n    margin:0;\n\n    color:var(--tj-deep);\n\n    font-size:clamp(43px,5.1vw,69px);\n    line-height:.97;\n    font-weight:780;\n    letter-spacing:-.05em;\n}\n\n.tj-process-title span{\n    color:var(--tj-gold);\n}\n\n.tj-process-text{\n    max-width:590px;\n\n    margin:22px auto 0;\n\n    color:var(--tj-text);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n.tj-timeline{\n    position:relative;\n\n    --tj-progress:0;\n}\n\n.tj-timeline-line{\n    position:absolute;\n\n    top:39px;\n    left:12.5%;\n    right:12.5%;\n\n    height:3px;\n\n    overflow:hidden;\n\n    border-radius:100px;\n\n    background:#dfe5df;\n}\n\n.tj-timeline-progress{\n    position:absolute;\n    inset:0;\n\n    border-radius:100px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--tj-gold),\n            var(--tj-forest)\n        );\n\n    transform:\n        scaleX(var(--tj-progress));\n\n    transform-origin:left center;\n\n    will-change:transform;\n}\n\n.tj-steps{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:30px;\n}\n\n.tj-step{\n    position:relative;\n    text-align:center;\n}\n\n.tj-step-number{\n    position:relative;\n    z-index:4;\n\n    width:80px;\n    height:80px;\n\n    margin:0 auto 26px;\n\n    display:grid;\n    place-items:center;\n\n    border:9px solid var(--tj-cream);\n    border-radius:50%;\n\n    background:#e3e8e4;\n    color:#839087;\n\n    box-shadow:\n        0 0 0 1px rgba(16,41,31,.09);\n\n    font-size:11px;\n    font-weight:900;\n\n    transition:\n        background .4s ease,\n        color .4s ease,\n        transform .4s ease,\n        box-shadow .4s ease;\n}\n\n.tj-step.tj-active .tj-step-number{\n    transform:scale(1.08);\n\n    background:var(--tj-deep);\n    color:var(--tj-gold);\n\n    box-shadow:\n        0 12px 35px rgba(16,41,31,.18);\n}\n\n.tj-step-icon{\n    width:54px;\n    height:54px;\n\n    margin:0 auto 18px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:17px;\n\n    background:#fff;\n    color:var(--tj-green);\n\n    box-shadow:\n        0 8px 25px rgba(16,41,31,.06);\n\n    transition:\n        background .4s ease,\n        color .4s ease,\n        transform .4s ease;\n}\n\n.tj-step-icon svg{\n    width:22px;\n    height:22px;\n}\n\n.tj-step.tj-active .tj-step-icon{\n    transform:translateY(-3px);\n\n    background:rgba(213,185,133,.27);\n    color:var(--tj-deep);\n}\n\n.tj-step h3{\n    margin:0 0 10px;\n\n    color:var(--tj-deep);\n\n    font-size:19px;\n}\n\n.tj-step p{\n    max-width:245px;\n\n    margin:0 auto;\n\n    color:var(--tj-text);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   GOOGLE MAP\n============================================================ *\/\n\n.tj-zones{\n    position:relative;\n\n    padding:115px 0;\n\n    overflow:hidden;\n\n    background:var(--tj-deep);\n    color:#fff;\n}\n\n.tj-zones::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:650px;\n    height:650px;\n\n    left:-400px;\n    top:-340px;\n\n    border:1px solid rgba(213,185,133,.10);\n    border-radius:50%;\n}\n\n.tj-zones-grid{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:.82fr 1.18fr;\n    gap:70px;\n\n    align-items:center;\n}\n\n.tj-zones .tj-kicker{\n    color:var(--tj-gold);\n}\n\n.tj-zones-title{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(42px,5vw,67px);\n    line-height:.98;\n    letter-spacing:-.05em;\n}\n\n.tj-zones-title span{\n    color:var(--tj-gold);\n}\n\n.tj-zones-text{\n    max-width:520px;\n\n    margin:23px 0 0;\n\n    color:rgba(255,255,255,.68);\n\n    font-size:15px;\n    line-height:1.75;\n}\n\n.tj-zones-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n\n    margin:28px 0 32px;\n}\n\n.tj-zones-tags span{\n    padding:9px 13px;\n\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.055);\n\n    color:rgba(255,255,255,.82);\n\n    font-size:10px;\n}\n\n.tj-map{\n    position:relative;\n\n    min-height:570px;\n\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.13);\n    border-radius:30px;\n\n    background:var(--tj-cream);\n\n    box-shadow:\n        0 30px 80px rgba(0,0,0,.22);\n}\n\n.tj-map iframe{\n    position:absolute;\n    inset:0;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n}\n\n.tj-map-card{\n    position:absolute;\n    z-index:5;\n\n    left:24px;\n    bottom:24px;\n\n    max-width:320px;\n\n    padding:18px 20px;\n\n    border:1px solid rgba(255,255,255,.16);\n    border-radius:17px;\n\n    background:rgba(6,22,15,.88);\n\n    backdrop-filter:blur(15px);\n\n    pointer-events:none;\n}\n\n.tj-map-card small{\n    display:block;\n\n    margin-bottom:6px;\n\n    color:var(--tj-gold);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.tj-map-card strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:14px;\n    line-height:1.45;\n}\n\n\n\/* ============================================================\n   AVIS\n============================================================ *\/\n\n.tj-reviews{\n    background:#fff;\n}\n\n.tj-reviews-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n}\n\n.tj-review{\n    padding:29px;\n\n    border:1px solid var(--tj-border);\n    border-radius:22px;\n\n    background:var(--tj-cream);\n}\n\n.tj-review-label{\n    display:inline-flex;\n\n    padding:6px 9px;\n    margin-bottom:18px;\n\n    border-radius:999px;\n\n    background:rgba(213,185,133,.27);\n    color:var(--tj-deep);\n\n    font-size:8px;\n    font-weight:900;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n}\n\n.tj-stars{\n    color:var(--tj-gold);\n    letter-spacing:3px;\n}\n\n.tj-review p{\n    min-height:92px;\n\n    margin:18px 0 23px;\n\n    color:var(--tj-text);\n\n    font-size:13px;\n    line-height:1.7;\n}\n\n.tj-review strong{\n    display:block;\n\n    color:var(--tj-deep);\n\n    font-size:13px;\n}\n\n.tj-review small{\n    display:block;\n\n    margin-top:3px;\n\n    color:var(--tj-text);\n\n    font-size:10px;\n}\n\n\n\/* ============================================================\n   CTA FINAL\n============================================================ *\/\n\n.tj-final{\n    padding:105px 0;\n\n    background:var(--tj-cream);\n}\n\n.tj-final-card{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:88px 60px;\n\n    border-radius:32px;\n\n    background:var(--tj-deep);\n    color:#fff;\n\n    text-align:center;\n}\n\n.tj-final-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    right:-260px;\n    top:-270px;\n\n    border:1px solid rgba(213,185,133,.15);\n    border-radius:50%;\n}\n\n.tj-final-card::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.tj-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:830px;\n    margin:auto;\n}\n\n.tj-final .tj-kicker{\n    color:var(--tj-gold);\n}\n\n.tj-final-title{\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.tj-final-title span{\n    color:var(--tj-gold);\n}\n\n.tj-final-text{\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.tj-final-actions{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n.tj-final-benefits{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:13px 24px;\n\n    margin-top:34px;\n}\n\n.tj-final-benefit{\n    display:flex;\n    align-items:center;\n    gap:8px;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:10px;\n    font-weight:700;\n}\n\n\n\/* ============================================================\n   ANIMATIONS AU SCROLL\n============================================================ *\/\n\n\/*\n * Sans JavaScript :\n * tout reste visible.\n *\/\n\n.tj-reveal{\n    opacity:1;\n    transform:none;\n}\n\n\n\/*\n * Cette classe est ajout\u00e9e uniquement si\n * IntersectionObserver fonctionne correctement.\n *\/\n\n.tj-home.tj-motion-ready .tj-reveal:not(.tj-visible){\n    opacity:0;\n    transform:translateY(42px);\n}\n\n.tj-home.tj-motion-ready .tj-reveal.tj-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\n\/* stagger *\/\n\n.tj-home.tj-motion-ready\n.tj-services-grid\n.tj-service:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tj-home.tj-motion-ready\n.tj-services-grid\n.tj-service:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tj-home.tj-motion-ready\n.tj-services-grid\n.tj-service:nth-child(5){\n    transition-delay:.08s;\n}\n\n.tj-home.tj-motion-ready\n.tj-services-grid\n.tj-service:nth-child(6){\n    transition-delay:.16s;\n}\n\n.tj-home.tj-motion-ready\n.tj-values\n.tj-value:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tj-home.tj-motion-ready\n.tj-values\n.tj-value:nth-child(3){\n    transition-delay:.16s;\n}\n\n.tj-home.tj-motion-ready\n.tj-values\n.tj-value:nth-child(4){\n    transition-delay:.24s;\n}\n\n.tj-home.tj-motion-ready\n.tj-reviews-grid\n.tj-review:nth-child(2){\n    transition-delay:.08s;\n}\n\n.tj-home.tj-motion-ready\n.tj-reviews-grid\n.tj-review:nth-child(3){\n    transition-delay:.16s;\n}\n\n\n\/* stats *\/\n\n.tj-home.tj-motion-ready .tj-stat{\n    opacity:0;\n    transform:translateY(36px) scale(.97);\n}\n\n.tj-home.tj-motion-ready\n.tj-stats.tj-stats-visible\n.tj-stat{\n    opacity:1;\n    transform:translateY(0) scale(1);\n}\n\n.tj-home.tj-motion-ready\n.tj-stats.tj-stats-visible\n.tj-stat:nth-child(2){\n    transition-delay:.10s;\n}\n\n.tj-home.tj-motion-ready\n.tj-stats.tj-stats-visible\n.tj-stat:nth-child(3){\n    transition-delay:.20s;\n}\n\n.tj-home.tj-motion-ready\n.tj-stats.tj-stats-visible\n.tj-stat:nth-child(4){\n    transition-delay:.30s;\n}\n\n\n\/* ============================================================\n   TABLETTE\n============================================================ *\/\n\n@media(max-width:1050px){\n\n    .tj-hero-inner{\n        grid-template-columns:1fr;\n    }\n\n    .tj-hero-showcase{\n        display:none;\n    }\n\n    .tj-services-head{\n        grid-template-columns:1fr;\n        gap:20px;\n    }\n\n    .tj-services-intro{\n        margin:0;\n    }\n\n    .tj-services-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tj-stats-grid{\n        grid-template-columns:repeat(2,1fr);\n        gap:35px 0;\n    }\n\n    .tj-stat:nth-child(2){\n        border-right:0;\n    }\n\n    .tj-about-grid,\n    .tj-zones-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tj-about-visual{\n        max-width:720px;\n    }\n\n    .tj-about-image{\n        aspect-ratio:16\/10;\n    }\n\n    .tj-about-badge{\n        right:20px;\n    }\n\n    .tj-project-grid{\n        grid-template-columns:1fr 1fr;\n        grid-template-rows:360px 250px 250px;\n    }\n\n    .tj-project:first-child{\n        grid-column:span 2;\n        grid-row:auto;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE OPTIMIS\u00c9\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tj-home{\n        overflow-x:hidden;\n    }\n\n    .tj-container{\n        width:calc(100% - 28px);\n    }\n\n    .tj-section,\n    .tj-services,\n    .tj-process,\n    .tj-zones{\n        padding:70px 0;\n    }\n\n\n    \/* TYPO *\/\n\n    .tj-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n        letter-spacing:.13em;\n    }\n\n    .tj-kicker::before{\n        width:25px;\n    }\n\n    .tj-title,\n    .tj-services-title,\n    .tj-process-title,\n    .tj-zones-title{\n        font-size:37px;\n        line-height:1;\n        letter-spacing:-.042em;\n    }\n\n    .tj-text,\n    .tj-services-intro,\n    .tj-process-text,\n    .tj-zones-text{\n        margin-top:16px;\n\n        font-size:13px;\n        line-height:1.68;\n    }\n\n    .tj-heading{\n        margin-bottom:32px;\n    }\n\n\n    \/* HERO *\/\n\n    .tj-hero{\n        min-height:690px;\n\n        align-items:flex-end;\n    }\n\n    .tj-hero-overlay{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(6,22,15,.98) 0%,\n                rgba(6,22,15,.90) 55%,\n                rgba(6,22,15,.31) 100%\n            );\n    }\n\n    .tj-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n\n        display:block;\n    }\n\n    .tj-hero-badge{\n        margin-bottom:16px;\n        padding:7px 10px;\n\n        font-size:8px;\n    }\n\n    .tj-hero-title{\n        font-size:clamp(40px,11.7vw,53px);\n        line-height:.95;\n        letter-spacing:-.045em;\n    }\n\n    .tj-hero-description{\n        margin-top:18px;\n\n        font-size:14px;\n        line-height:1.55;\n    }\n\n    .tj-hero-points{\n        display:grid;\n        gap:8px;\n\n        margin-top:19px;\n    }\n\n    .tj-hero-point{\n        font-size:10px;\n    }\n\n    .tj-check{\n        width:18px;\n        height:18px;\n\n        font-size:9px;\n    }\n\n    .tj-hero-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:24px;\n    }\n\n    .tj-btn{\n        width:100%;\n        min-height:50px;\n\n        font-size:12px;\n    }\n\n    .tj-hero-dots{\n        margin-top:25px;\n    }\n\n\n    \/* MARQUEE *\/\n\n    .tj-marquee-item{\n        padding:16px 14px;\n\n        gap:14px;\n\n        font-size:8px;\n    }\n\n\n    \/* SERVICES *\/\n\n    .tj-services-head{\n        margin-bottom:32px;\n    }\n\n    .tj-services-grid{\n        grid-template-columns:1fr;\n        gap:14px;\n    }\n\n    .tj-service{\n        min-height:430px;\n\n        border-radius:21px;\n    }\n\n    .tj-service-number{\n        top:14px;\n        right:14px;\n\n        width:42px;\n        height:42px;\n    }\n\n    .tj-service-content{\n        padding:23px;\n    }\n\n    .tj-service-icon{\n        width:42px;\n        height:42px;\n\n        margin-bottom:15px;\n    }\n\n    .tj-service h3{\n        font-size:22px;\n    }\n\n    .tj-service p{\n        margin:10px 0 17px;\n\n        font-size:12px;\n    }\n\n\n    \/* STATS *\/\n\n    .tj-stats{\n        padding:52px 0;\n    }\n\n    .tj-stats-grid{\n        grid-template-columns:1fr 1fr;\n        gap:28px 0;\n    }\n\n    .tj-stat{\n        min-height:100px;\n\n        padding:10px 7px;\n    }\n\n    .tj-stat:nth-child(2){\n        border-right:0;\n    }\n\n    .tj-stat-number{\n        font-size:34px;\n    }\n\n    .tj-stat-label{\n        margin-top:8px;\n\n        font-size:7px;\n        line-height:1.4;\n    }\n\n\n    \/* A PROPOS *\/\n\n    .tj-about-grid{\n        gap:40px;\n    }\n\n    .tj-about-image{\n        aspect-ratio:4\/5;\n\n        border-radius:21px;\n    }\n\n    .tj-about-badge{\n        right:10px;\n        bottom:10px;\n\n        width:155px;\n\n        padding:15px;\n    }\n\n    .tj-about-badge strong{\n        font-size:15px;\n    }\n\n    .tj-values{\n        grid-template-columns:1fr;\n        gap:10px;\n\n        margin-top:25px;\n    }\n\n    .tj-value{\n        min-height:auto;\n\n        padding:19px;\n    }\n\n    .tj-value-number{\n        margin-bottom:11px;\n    }\n\n\n    \/* AVANT APRES *\/\n\n    .tj-transform-card{\n        min-height:540px;\n\n        border-radius:21px;\n    }\n\n    .tj-transform-card::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(6,22,15,.96),\n                rgba(6,22,15,.31)\n            );\n    }\n\n    .tj-transform-content{\n        min-height:540px;\n\n        padding:30px 22px;\n\n        justify-content:flex-end;\n    }\n\n    .tj-transform h2{\n        font-size:40px;\n    }\n\n    .tj-transform p{\n        font-size:12px;\n    }\n\n    .tj-transform-tags{\n        gap:6px;\n    }\n\n    .tj-transform-tags span{\n        padding:7px 9px;\n\n        font-size:9px;\n    }\n\n\n    \/* PROJETS *\/\n\n    .tj-project-grid{\n        grid-template-columns:1fr;\n        grid-template-rows:none;\n        gap:11px;\n    }\n\n    .tj-project,\n    .tj-project:first-child{\n        grid-column:auto;\n        grid-row:auto;\n\n        aspect-ratio:4\/3;\n\n        border-radius:18px;\n    }\n\n    .tj-project:first-child{\n        aspect-ratio:4\/5;\n    }\n\n    .tj-project-info{\n        left:17px;\n        right:17px;\n        bottom:16px;\n    }\n\n\n    \/* TIMELINE MOBILE *\/\n\n    .tj-process-head{\n        margin-bottom:45px;\n    }\n\n    .tj-timeline-line{\n        top:39px;\n        bottom:38px;\n\n        left:39px;\n        right:auto;\n\n        width:3px;\n        height:auto;\n    }\n\n    .tj-timeline-progress{\n        transform:\n            scaleY(var(--tj-progress));\n\n        transform-origin:center top;\n    }\n\n    .tj-steps{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .tj-step{\n        min-height:170px;\n\n        padding:\n            0\n            0\n            35px\n            98px;\n\n        text-align:left;\n    }\n\n    .tj-step-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    .tj-step-icon{\n        width:48px;\n        height:48px;\n\n        margin:0 0 13px;\n    }\n\n    .tj-step h3{\n        margin-bottom:7px;\n\n        font-size:18px;\n    }\n\n    .tj-step p{\n        max-width:none;\n\n        margin:0;\n\n        font-size:11px;\n    }\n\n\n    \/* MAP *\/\n\n    .tj-zones-grid{\n        gap:35px;\n    }\n\n    .tj-zones-tags{\n        margin:22px 0 25px;\n    }\n\n    .tj-zones-tags span{\n        padding:8px 10px;\n\n        font-size:9px;\n    }\n\n    .tj-map{\n        min-height:390px;\n\n        border-radius:21px;\n    }\n\n    .tj-map-card{\n        left:12px;\n        right:12px;\n        bottom:12px;\n\n        max-width:none;\n\n        padding:14px 15px;\n    }\n\n    .tj-map-card strong{\n        font-size:12px;\n    }\n\n\n    \/* AVIS *\/\n\n    .tj-reviews-grid{\n        grid-template-columns:1fr;\n        gap:11px;\n    }\n\n    .tj-review{\n        padding:22px;\n\n        border-radius:18px;\n    }\n\n    .tj-review p{\n        min-height:0;\n    }\n\n\n    \/* CTA *\/\n\n    .tj-final{\n        padding:65px 0;\n    }\n\n    .tj-final-card{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tj-final-title{\n        font-size:40px;\n        line-height:.98;\n    }\n\n    .tj-final-text{\n        margin-top:18px;\n\n        font-size:12px;\n    }\n\n    .tj-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n\n        margin-top:25px;\n    }\n\n    .tj-final-benefits{\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   ACCESSIBILIT\u00c9\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .tj-home *,\n    .tj-home *::before,\n    .tj-home *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tj-home .tj-reveal,\n    .tj-home .tj-stat{\n        opacity:1 !important;\n        transform:none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- ============================================================\n     HERO\n============================================================ -->\n\n<section class=\"tj-hero\">\n\n    <div class=\"tj-hero-bg\">\n\n        <img decoding=\"async\"\n            class=\"tj-hero-slide tj-active\"\n            src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Jardin paysager moderne Terra Jardin\"\n            fetchpriority=\"high\">\n\n        <img\n            class=\"tj-hero-slide\"\n            data-src=\"https:\/\/images.pexels.com\/photos\/33821329\/pexels-photo-33821329.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Am\u00e9nagement paysager contemporain\">\n\n        <img\n            class=\"tj-hero-slide\"\n            data-src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Paysagiste entretenant un jardin\">\n\n    <\/div>\n\n\n    <div class=\"tj-hero-overlay\"><\/div>\n\n\n    <div class=\"tj-hero-inner\">\n\n        <div class=\"tj-hero-content\">\n\n            <div class=\"tj-hero-badge\">\n\n                <span class=\"tj-hero-badge-dot\"><\/span>\n\n                Terra Jardin \u2022 Paysagiste\n\n            <\/div>\n\n\n            <h1 class=\"tj-hero-title\">\n\n                <span class=\"tj-hero-title-one\">\n                    Transformez votre ext\u00e9rieur\n                <\/span>\n\n                <span class=\"tj-hero-title-two\">\n                    en v\u00e9ritable espace de vie.\n                <\/span>\n\n            <\/h1>\n\n\n            <p class=\"tj-hero-description\">\n                Cr\u00e9ation, am\u00e9nagement et entretien de jardins\n                pour particuliers et professionnels.\n                Donnons vie \u00e0 vos ext\u00e9rieurs.\n            <\/p>\n\n\n            <div class=\"tj-hero-points\">\n\n                <div class=\"tj-hero-point\">\n                    <span class=\"tj-check\">\u2713<\/span>\n                    \u00c9tude personnalis\u00e9e\n                <\/div>\n\n                <div class=\"tj-hero-point\">\n                    <span class=\"tj-check\">\u2713<\/span>\n                    Projet sur mesure\n                <\/div>\n\n                <div class=\"tj-hero-point\">\n                    <span class=\"tj-check\">\u2713<\/span>\n                    Devis gratuit\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tj-hero-actions\">\n\n                <a\n                    class=\"tj-btn tj-btn-gold\"\n                    href=\"\/paysagiste\/contact\/\">\n\n                    Demander un devis\n                    <span class=\"tj-arrow\">\u2192<\/span>\n\n                <\/a>\n\n\n                <a\n                    class=\"tj-btn tj-btn-outline-light\"\n                    href=\"\/paysagiste\/realisations\/\">\n\n                    Voir nos r\u00e9alisations\n                    <span class=\"tj-arrow\">\u2192<\/span>\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"tj-hero-dots\">\n\n                <button\n                    type=\"button\"\n                    class=\"tj-hero-dot tj-active\"\n                    aria-label=\"Image 1\">\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"tj-hero-dot\"\n                    aria-label=\"Image 2\">\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"tj-hero-dot\"\n                    aria-label=\"Image 3\">\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tj-hero-showcase\">\n\n            <div class=\"tj-hero-main-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=1000\"\n                    alt=\"Am\u00e9nagement ext\u00e9rieur Terra Jardin\">\n\n            <\/div>\n\n\n            <div class=\"tj-floating tj-floating-1\">\n\n                <div class=\"tj-floating-icon\">\n                    \u2726\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Projet sur mesure\n                    <\/strong>\n\n                    <small>\n                        Adapt\u00e9 \u00e0 votre terrain\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tj-floating tj-floating-2\">\n\n                <div class=\"tj-floating-icon\">\n                    \u2713\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Devis gratuit\n                    <\/strong>\n\n                    <small>\n                        \u00c9tude personnalis\u00e9e\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tj-floating tj-floating-3\">\n\n                <div class=\"tj-floating-icon\">\n                    \u2301\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Cr\u00e9ation &#038; entretien\n                    <\/strong>\n\n                    <small>\n                        Un seul interlocuteur\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     BANDEAU\n============================================================ -->\n\n<div class=\"tj-marquee\">\n\n    <div class=\"tj-marquee-track\">\n\n        <div class=\"tj-marquee-group\">\n\n            <span class=\"tj-marquee-item\">Cr\u00e9ation de jardin<\/span>\n            <span class=\"tj-marquee-item\">Entretien<\/span>\n            <span class=\"tj-marquee-item\">\u00c9lagage<\/span>\n            <span class=\"tj-marquee-item\">Taille de haies<\/span>\n            <span class=\"tj-marquee-item\">Engazonnement<\/span>\n            <span class=\"tj-marquee-item\">Terrasses<\/span>\n            <span class=\"tj-marquee-item\">Cl\u00f4tures<\/span>\n            <span class=\"tj-marquee-item\">Devis gratuit<\/span>\n\n        <\/div>\n\n\n        <div\n            class=\"tj-marquee-group\"\n            aria-hidden=\"true\">\n\n            <span class=\"tj-marquee-item\">Cr\u00e9ation de jardin<\/span>\n            <span class=\"tj-marquee-item\">Entretien<\/span>\n            <span class=\"tj-marquee-item\">\u00c9lagage<\/span>\n            <span class=\"tj-marquee-item\">Taille de haies<\/span>\n            <span class=\"tj-marquee-item\">Engazonnement<\/span>\n            <span class=\"tj-marquee-item\">Terrasses<\/span>\n            <span class=\"tj-marquee-item\">Cl\u00f4tures<\/span>\n            <span class=\"tj-marquee-item\">Devis gratuit<\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- ============================================================\n     SERVICES\n============================================================ -->\n\n<section class=\"tj-services\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-services-head\">\n\n            <div class=\"tj-reveal\">\n\n                <span class=\"tj-kicker\">\n                    Nos prestations\n                <\/span>\n\n                <h2 class=\"tj-services-title\">\n                    Tout notre savoir-faire\n                    pour <span>votre ext\u00e9rieur.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"tj-services-intro tj-reveal\">\n                Cr\u00e9ation, entretien ou transformation compl\u00e8te :\n                Terra Jardin prend en charge chaque \u00e9tape afin\n                de cr\u00e9er un ext\u00e9rieur harmonieux et agr\u00e9able \u00e0 vivre.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tj-services-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \ud83c\udf3f\n                    <\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Cr\u00e9ation de jardin paysager\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    01\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-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                    <h3>\n                        Cr\u00e9ation de jardin\n                    <\/h3>\n\n                    <p>\n                        Un jardin pens\u00e9 selon votre terrain,\n                        vos envies et votre mani\u00e8re de profiter\n                        de votre ext\u00e9rieur.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/creation-jardin\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \u2618\n                    <\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Paysagiste r\u00e9alisant l'entretien d'une pelouse\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    02\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <circle cx=\"8\" cy=\"18\" r=\"2\"\/>\n                            <circle cx=\"17\" cy=\"18\" r=\"2\"\/>\n                            <path d=\"M5 16V8h8l5 5v3\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Entretien de jardin\n                    <\/h3>\n\n                    <p>\n                        Tonte, entretien des v\u00e9g\u00e9taux et nettoyage\n                        pour conserver un jardin impeccable.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/entretien-jardin\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \u2702\n                    <\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/24595771\/pexels-photo-24595771.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Paysagiste utilisant un taille-haie\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    03\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <circle cx=\"7\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"7\" cy=\"16\" r=\"3\"\/>\n                            <path d=\"m9.5 9.5 11 7\"\/>\n                            <path d=\"m9.5 14.5 11-7\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Taille de haies\n                    <\/h3>\n\n                    <p>\n                        Une taille pr\u00e9cise pour structurer\n                        votre ext\u00e9rieur et conserver des haies nettes.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/taille-haies\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \ud83c\udf33\n                    <\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.unsplash.com\/photo-1513836279014-a89f7a76ae86?auto=format&#038;fit=crop&#038;w=1200&#038;q=82\"\n                        loading=\"lazy\"\n                        alt=\"\u00c9lagage et entretien d'arbres\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    04\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-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 22V9\"\/>\n                            <path d=\"M7 14c-3 0-5-2-5-5 3 0 5 2 5 5Z\"\/>\n                            <path d=\"M16 10c0-4 2-6 6-6 0 4-2 6-6 6Z\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        \u00c9lagage\n                    <\/h3>\n\n                    <p>\n                        Des interventions adapt\u00e9es pour entretenir,\n                        s\u00e9curiser et pr\u00e9server vos arbres.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/elagage\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \u2618\n                    <\/div>\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Pose de gazon en rouleau\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    05\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"M3 20h18\"\/>\n                            <path d=\"M6 20c0-5 2-8 4-11 1 4 1 7-1 11\"\/>\n                            <path d=\"M12 20c0-7 3-12 6-16 0 7-1 11-4 16\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Engazonnement\n                    <\/h3>\n\n                    <p>\n                        Pr\u00e9paration du terrain et cr\u00e9ation\n                        d&rsquo;une nouvelle pelouse uniforme.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/engazonnement\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"tj-service tj-reveal\">\n\n                <div class=\"tj-service-media\">\n\n                    <div class=\"tj-service-fallback\">\n                        \u2302\n                    <\/div>\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=\"Terrasse et am\u00e9nagement paysager\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-service-shade\"><\/div>\n\n                <span class=\"tj-service-number\">\n                    06\n                <\/span>\n\n\n                <div class=\"tj-service-content\">\n\n                    <div class=\"tj-service-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-7h6v7\"\/>\n                            <path d=\"M14 20V8h5v12\"\/>\n                            <path d=\"m14 8 5-4\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <h3>\n                        Am\u00e9nagement ext\u00e9rieur\n                    <\/h3>\n\n                    <p>\n                        Terrasses, all\u00e9es et v\u00e9g\u00e9tation\n                        pour cr\u00e9er un v\u00e9ritable espace de vie.\n                    <\/p>\n\n                    <a\n                        class=\"tj-service-link\"\n                        href=\"\/paysagiste\/amenagement-exterieur\/\">\n\n                        D\u00e9couvrir la prestation\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     STATS\n============================================================ -->\n\n<section\n    class=\"tj-stats\"\n    id=\"tj-stats\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-stats-grid\">\n\n            <div class=\"tj-stat\">\n\n                <strong\n                    class=\"tj-stat-number\"\n                    data-count=\"100\"\n                    data-suffix=\"%\">\n\n                    100%\n\n                <\/strong>\n\n                <span class=\"tj-stat-label\">\n                    Responsive\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tj-stat\">\n\n                <strong\n                    class=\"tj-stat-number\"\n                    data-count=\"1\">\n\n                    1\n\n                <\/strong>\n\n                <span class=\"tj-stat-label\">\n                    Interlocuteur\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tj-stat\">\n\n                <strong\n                    class=\"tj-stat-number\"\n                    data-count=\"6\">\n\n                    6\n\n                <\/strong>\n\n                <span class=\"tj-stat-label\">\n                    Prestations principales\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tj-stat\">\n\n                <strong class=\"tj-stat-number\">\n                    Gratuit\n                <\/strong>\n\n                <span class=\"tj-stat-label\">\n                    Devis personnalis\u00e9\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     A PROPOS\n============================================================ -->\n\n<section class=\"tj-section tj-about\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-about-grid\">\n\n            <div class=\"tj-about-visual tj-reveal\">\n\n                <div class=\"tj-about-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/images.pexels.com\/photos\/33821329\/pexels-photo-33821329.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1200\"\n                        loading=\"lazy\"\n                        alt=\"Jardin paysager Terra Jardin\"\n                        onerror=\"this.remove()\">\n\n                <\/div>\n\n\n                <div class=\"tj-about-badge\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Donnons vie \u00e0 vos ext\u00e9rieurs.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div>\n\n                <div class=\"tj-heading tj-reveal\">\n\n                    <span class=\"tj-kicker\">\n                        Un accompagnement complet\n                    <\/span>\n\n                    <h2 class=\"tj-title\">\n                        Un seul professionnel<br>\n                        pour <span>votre ext\u00e9rieur.<\/span>\n                    <\/h2>\n\n                    <p class=\"tj-text\">\n                        De la premi\u00e8re id\u00e9e jusqu&rsquo;\u00e0 l&rsquo;entretien,\n                        Terra Jardin imagine des ext\u00e9rieurs coh\u00e9rents,\n                        fonctionnels et adapt\u00e9s \u00e0 votre mode de vie.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tj-values\">\n\n                    <article class=\"tj-value tj-reveal\">\n\n                        <span class=\"tj-value-number\">\n                            01\n                        <\/span>\n\n                        <h3>\n                            Conception\n                        <\/h3>\n\n                        <p>\n                            Un projet pens\u00e9 selon votre terrain,\n                            vos envies et votre budget.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"tj-value tj-reveal\">\n\n                        <span class=\"tj-value-number\">\n                            02\n                        <\/span>\n\n                        <h3>\n                            R\u00e9alisation\n                        <\/h3>\n\n                        <p>\n                            Une mise en \u0153uvre soign\u00e9e avec\n                            des solutions adapt\u00e9es.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"tj-value tj-reveal\">\n\n                        <span class=\"tj-value-number\">\n                            03\n                        <\/span>\n\n                        <h3>\n                            Entretien\n                        <\/h3>\n\n                        <p>\n                            Un accompagnement possible\n                            apr\u00e8s la r\u00e9alisation du jardin.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"tj-value tj-reveal\">\n\n                        <span class=\"tj-value-number\">\n                            04\n                        <\/span>\n\n                        <h3>\n                            Conseils\n                        <\/h3>\n\n                        <p>\n                            Des solutions adapt\u00e9es au terrain,\n                            aux v\u00e9g\u00e9taux et \u00e0 vos contraintes.\n                        <\/p>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     AVANT APR\u00c8S\n============================================================ -->\n\n<section class=\"tj-section tj-transform\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-transform-card tj-reveal\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1800\"\n                loading=\"lazy\"\n                alt=\"Transformation d'un jardin\"\n                onerror=\"this.remove()\">\n\n\n            <div class=\"tj-transform-content\">\n\n                <span class=\"tj-transform-label\">\n                    Avant \/ Apr\u00e8s\n                <\/span>\n\n                <h2>\n                    Avant. Apr\u00e8s.<br>\n                    <span>Voyez la transformation.<\/span>\n                <\/h2>\n\n                <p>\n                    Cette section est pr\u00eate \u00e0 accueillir\n                    les v\u00e9ritables photos avant et apr\u00e8s\n                    d&rsquo;un m\u00eame chantier.\n                <\/p>\n\n\n                <div class=\"tj-transform-tags\">\n\n                    <span>Photo avant<\/span>\n                    <span>\u2192<\/span>\n                    <span>Photo apr\u00e8s<\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     REALISATIONS\n============================================================ -->\n\n<section class=\"tj-section tj-projects\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-heading tj-heading-center tj-reveal\">\n\n            <span class=\"tj-kicker\">\n                Nos r\u00e9alisations\n            <\/span>\n\n            <h2 class=\"tj-title\">\n                Des ext\u00e9rieurs con\u00e7us<br>\n                pour \u00eatre <span>v\u00e9cus.<\/span>\n            <\/h2>\n\n            <p class=\"tj-text\">\n                D\u00e9couvrez diff\u00e9rentes inspirations\n                de jardins et am\u00e9nagements ext\u00e9rieurs.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tj-project-grid\">\n\n            <a\n                class=\"tj-project tj-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/34360409\/pexels-photo-34360409.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1300\"\n                    loading=\"lazy\"\n                    alt=\"Jardin et terrasse\"\n                    onerror=\"this.remove()\">\n\n                <div class=\"tj-project-info\">\n\n                    <span>\n                        Cr\u00e9ation compl\u00e8te\n                    <\/span>\n\n                    <strong>\n                        Jardin &#038; terrasse\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tj-project tj-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Massifs paysagers\"\n                    onerror=\"this.remove()\">\n\n                <div class=\"tj-project-info\">\n\n                    <span>\n                        Plantations\n                    <\/span>\n\n                    <strong>\n                        Massifs paysagers\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tj-project tj-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/5231232\/pexels-photo-5231232.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Engazonnement\"\n                    onerror=\"this.remove()\">\n\n                <div class=\"tj-project-info\">\n\n                    <span>\n                        Pelouse\n                    <\/span>\n\n                    <strong>\n                        Engazonnement\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tj-project tj-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/35070095\/pexels-photo-35070095.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Terrasse ext\u00e9rieure\"\n                    onerror=\"this.remove()\">\n\n                <div class=\"tj-project-info\">\n\n                    <span>\n                        Terrasse\n                    <\/span>\n\n                    <strong>\n                        Ext\u00e9rieur contemporain\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n\n            <a\n                class=\"tj-project tj-reveal\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.pexels.com\/photos\/14505857\/pexels-photo-14505857.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=900\"\n                    loading=\"lazy\"\n                    alt=\"Entretien de jardin\"\n                    onerror=\"this.remove()\">\n\n                <div class=\"tj-project-info\">\n\n                    <span>\n                        Entretien\n                    <\/span>\n\n                    <strong>\n                        Jardin entretenu\n                    <\/strong>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"tj-project-action tj-reveal\">\n\n            <a\n                class=\"tj-btn tj-btn-outline-dark\"\n                href=\"\/paysagiste\/realisations\/\">\n\n                Voir toutes nos r\u00e9alisations\n                <span class=\"tj-arrow\">\u2192<\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     TIMELINE\n============================================================ -->\n\n<section class=\"tj-process\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-process-head tj-reveal\">\n\n            <span class=\"tj-kicker\">\n                Votre projet\n            <\/span>\n\n            <h2 class=\"tj-process-title\">\n                De votre premi\u00e8re id\u00e9e<br>\n                jusqu&rsquo;\u00e0 <span>votre nouveau jardin.<\/span>\n            <\/h2>\n\n            <p class=\"tj-process-text\">\n                Une m\u00e9thode simple et claire pour transformer\n                votre ext\u00e9rieur sans compliquer votre projet.\n            <\/p>\n\n        <\/div>\n\n\n        <div\n            class=\"tj-timeline\"\n            data-tj-timeline>\n\n\n            <div class=\"tj-timeline-line\">\n\n                <div class=\"tj-timeline-progress\"><\/div>\n\n            <\/div>\n\n\n            <div class=\"tj-steps\">\n\n\n                <article class=\"tj-step\">\n\n                    <div class=\"tj-step-number\">\n                        01\n                    <\/div>\n\n\n                    <div class=\"tj-step-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 4h16v12H8l-4 4V4Z\"\/>\n                            <path d=\"M8 8h8\"\/>\n                            <path d=\"M8 12h5\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <h3>\n                        Premier \u00e9change\n                    <\/h3>\n\n                    <p>\n                        Vous nous pr\u00e9sentez votre terrain,\n                        votre besoin et vos envies.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tj-step\">\n\n                    <div class=\"tj-step-number\">\n                        02\n                    <\/div>\n\n\n                    <div class=\"tj-step-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 20 20 4\"\/>\n                            <path d=\"M14 4h6v6\"\/>\n                            <path d=\"M5 14v6h6\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <h3>\n                        \u00c9tude du projet\n                    <\/h3>\n\n                    <p>\n                        Nous d\u00e9finissons les solutions,\n                        v\u00e9g\u00e9taux et am\u00e9nagements adapt\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tj-step\">\n\n                    <div class=\"tj-step-number\">\n                        03\n                    <\/div>\n\n\n                    <div class=\"tj-step-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"m14 6 4 4\"\/>\n                            <path d=\"M4 20 15 9\"\/>\n                            <path d=\"m16 3 5 5-3 3-5-5 3-3Z\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <h3>\n                        R\u00e9alisation\n                    <\/h3>\n\n                    <p>\n                        Votre ext\u00e9rieur prend forme\n                        selon le projet d\u00e9fini.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"tj-step\">\n\n                    <div class=\"tj-step-number\">\n                        04\n                    <\/div>\n\n\n                    <div class=\"tj-step-icon\">\n\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke=\"currentColor\"\n                             stroke-width=\"1.7\">\n\n                            <path d=\"m5 12 4 4L19 6\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <h3>\n                        Livraison &#038; suivi\n                    <\/h3>\n\n                    <p>\n                        Profitez de votre nouvel ext\u00e9rieur\n                        et poursuivez son entretien si n\u00e9cessaire.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     ZONES\n============================================================ -->\n\n<section class=\"tj-zones\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-zones-grid\">\n\n\n            <div class=\"tj-reveal\">\n\n                <span class=\"tj-kicker\">\n                    Intervention locale\n                <\/span>\n\n                <h2 class=\"tj-zones-title\">\n                    Terra Jardin intervient<br>\n                    <span>pr\u00e8s de chez vous.<\/span>\n                <\/h2>\n\n                <p class=\"tj-zones-text\">\n                    Cette d\u00e9monstration est pr\u00eate \u00e0 \u00eatre personnalis\u00e9e\n                    avec la ville principale du paysagiste\n                    et ses v\u00e9ritables communes d&rsquo;intervention.\n                <\/p>\n\n\n                <div class=\"tj-zones-tags\">\n\n                    <span>Cr\u00e9ation de jardin<\/span>\n                    <span>Entretien<\/span>\n                    <span>\u00c9lagage<\/span>\n                    <span>Taille de haies<\/span>\n                    <span>Terrasses<\/span>\n\n                <\/div>\n\n\n                <a\n                    class=\"tj-btn tj-btn-gold\"\n                    href=\"\/paysagiste\/zones-intervention\/\">\n\n                    Voir les zones d&rsquo;intervention\n                    <span class=\"tj-arrow\">\u2192<\/span>\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"tj-map tj-reveal\">\n\n                <iframe\n                    src=\"https:\/\/www.google.com\/maps?q=France&#038;z=5&#038;output=embed\"\n                    loading=\"lazy\"\n                    allowfullscreen\n                    referrerpolicy=\"no-referrer-when-downgrade\"\n                    title=\"Carte de France Terra Jardin\">\n                <\/iframe>\n\n\n                <div class=\"tj-map-card\">\n\n                    <small>\n                        Terra Jardin\n                    <\/small>\n\n                    <strong>\n                        Zone d&rsquo;intervention \u00e0 personnaliser\n                        selon la localisation du professionnel.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     AVIS\n============================================================ -->\n\n<section class=\"tj-section tj-reviews\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-heading tj-heading-center tj-reveal\">\n\n            <span class=\"tj-kicker\">\n                Avis clients\n            <\/span>\n\n            <h2 class=\"tj-title\">\n                Votre satisfaction,<br>\n                notre plus belle <span>r\u00e9alisation.<\/span>\n            <\/h2>\n\n            <p class=\"tj-text\">\n                Ces emplacements sont pr\u00eats \u00e0 recevoir\n                les v\u00e9ritables avis Google du futur client.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tj-reviews-grid\">\n\n            <article class=\"tj-review tj-reveal\">\n\n                <span class=\"tj-review-label\">\n                    Exemple d&rsquo;avis\n                <\/span>\n\n                <div class=\"tj-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    Ajoutez ici un v\u00e9ritable avis concernant\n                    une cr\u00e9ation de jardin.\n                <\/p>\n\n                <strong>\n                    Avis r\u00e9el \u00e0 ajouter\n                <\/strong>\n\n                <small>\n                    Cr\u00e9ation de jardin\n                <\/small>\n\n            <\/article>\n\n\n            <article class=\"tj-review tj-reveal\">\n\n                <span class=\"tj-review-label\">\n                    Exemple d&rsquo;avis\n                <\/span>\n\n                <div class=\"tj-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    Ajoutez ici un v\u00e9ritable avis concernant\n                    l&rsquo;entretien du jardin.\n                <\/p>\n\n                <strong>\n                    Avis r\u00e9el \u00e0 ajouter\n                <\/strong>\n\n                <small>\n                    Entretien ext\u00e9rieur\n                <\/small>\n\n            <\/article>\n\n\n            <article class=\"tj-review tj-reveal\">\n\n                <span class=\"tj-review-label\">\n                    Exemple d&rsquo;avis\n                <\/span>\n\n                <div class=\"tj-stars\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n\n                <p>\n                    Ajoutez ici un v\u00e9ritable avis concernant\n                    une terrasse ou un am\u00e9nagement ext\u00e9rieur.\n                <\/p>\n\n                <strong>\n                    Avis r\u00e9el \u00e0 ajouter\n                <\/strong>\n\n                <small>\n                    Am\u00e9nagement ext\u00e9rieur\n                <\/small>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CTA FINAL\n============================================================ -->\n\n<section class=\"tj-final\">\n\n    <div class=\"tj-container\">\n\n        <div class=\"tj-final-card tj-reveal\">\n\n            <div class=\"tj-final-content\">\n\n                <span class=\"tj-kicker\">\n                    Terra Jardin\n                <\/span>\n\n                <h2 class=\"tj-final-title\">\n                    Vous avez un projet<br>\n                    pour votre ext\u00e9rieur ?<br>\n                    <span>Parlons-en.<\/span>\n                <\/h2>\n\n                <p class=\"tj-final-text\">\n                    Cr\u00e9ation, r\u00e9novation ou entretien :\n                    pr\u00e9sentez-nous votre projet et recevez\n                    une solution adapt\u00e9e \u00e0 votre ext\u00e9rieur.\n                <\/p>\n\n\n                <div class=\"tj-final-actions\">\n\n                    <a\n                        class=\"tj-btn tj-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Demander un devis\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tj-btn tj-btn-outline-light\"\n                        href=\"\/paysagiste\/realisations\/\">\n\n                        Voir nos r\u00e9alisations\n                        <span class=\"tj-arrow\">\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"tj-final-benefits\">\n\n                    <span class=\"tj-final-benefit\">\n\n                        <span class=\"tj-check\">\n                            \u2713\n                        <\/span>\n\n                        Devis gratuit\n\n                    <\/span>\n\n\n                    <span class=\"tj-final-benefit\">\n\n                        <span class=\"tj-check\">\n                            \u2713\n                        <\/span>\n\n                        Projet personnalis\u00e9\n\n                    <\/span>\n\n\n                    <span class=\"tj-final-benefit\">\n\n                        <span class=\"tj-check\">\n                            \u2713\n                        <\/span>\n\n                        Intervention locale\n\n                    <\/span>\n\n\n                    <span class=\"tj-final-benefit\">\n\n                        <span class=\"tj-check\">\n                            \u2713\n                        <\/span>\n\n                        Accompagnement\n\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n    \"use strict\";\n\n\n    function tjInit(){\n\n        var root =\n            document.querySelector(\".tj-home\");\n\n        if(!root){\n            return;\n        }\n\n\n        var reducedMotion = false;\n\n\n        try{\n\n            reducedMotion =\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n        }catch(error){\n\n            reducedMotion = false;\n\n        }\n\n\n\n        \/* ====================================================\n           HERO\n        ==================================================== *\/\n\n        try{\n\n            var slides =\n                root.querySelectorAll(\n                    \".tj-hero-slide\"\n                );\n\n            var dots =\n                root.querySelectorAll(\n                    \".tj-hero-dot\"\n                );\n\n            var titleOne =\n                root.querySelector(\n                    \".tj-hero-title-one\"\n                );\n\n            var titleTwo =\n                root.querySelector(\n                    \".tj-hero-title-two\"\n                );\n\n\n            var titles = [\n\n                [\n                    \"Transformez votre ext\u00e9rieur\",\n                    \"en v\u00e9ritable espace de vie.\"\n                ],\n\n                [\n                    \"Un jardin pens\u00e9,\",\n                    \"cr\u00e9\u00e9 et entretenu pour vous.\"\n                ],\n\n                [\n                    \"Donnons une nouvelle vie\",\n                    \"\u00e0 votre ext\u00e9rieur.\"\n                ]\n\n            ];\n\n\n            var currentSlide = 0;\n            var heroTimer = null;\n\n\n            function tjLoadSlide(index){\n\n                if(!slides[index]){\n                    return;\n                }\n\n\n                var lazySrc =\n                    slides[index]\n                        .getAttribute(\n                            \"data-src\"\n                        );\n\n\n                if(lazySrc){\n\n                    slides[index]\n                        .setAttribute(\n                            \"src\",\n                            lazySrc\n                        );\n\n                    slides[index]\n                        .removeAttribute(\n                            \"data-src\"\n                        );\n\n                }\n\n            }\n\n\n            function tjShowSlide(index){\n\n                tjLoadSlide(index);\n\n\n                for(\n                    var i = 0;\n                    i < slides.length;\n                    i++\n                ){\n\n                    if(i === index){\n\n                        slides[i]\n                            .classList\n                            .add(\n                                \"tj-active\"\n                            );\n\n                    }else{\n\n                        slides[i]\n                            .classList\n                            .remove(\n                                \"tj-active\"\n                            );\n\n                    }\n\n                }\n\n\n                for(\n                    var j = 0;\n                    j < dots.length;\n                    j++\n                ){\n\n                    if(j === index){\n\n                        dots[j]\n                            .classList\n                            .add(\n                                \"tj-active\"\n                            );\n\n                    }else{\n\n                        dots[j]\n                            .classList\n                            .remove(\n                                \"tj-active\"\n                            );\n\n                    }\n\n                }\n\n\n                if(titles[index]){\n\n                    if(titleOne){\n\n                        titleOne.textContent =\n                            titles[index][0];\n\n                    }\n\n\n                    if(titleTwo){\n\n                        titleTwo.textContent =\n                            titles[index][1];\n\n                    }\n\n                }\n\n\n                currentSlide = index;\n\n\n                if(slides.length){\n\n                    tjLoadSlide(\n                        (\n                            index + 1\n                        ) %\n                        slides.length\n                    );\n\n                }\n\n            }\n\n\n            function tjStartHero(){\n\n                if(\n                    reducedMotion ||\n                    slides.length < 2\n                ){\n                    return;\n                }\n\n\n                if(heroTimer){\n\n                    clearInterval(\n                        heroTimer\n                    );\n\n                }\n\n\n                heroTimer =\n                    setInterval(\n                        function(){\n\n                            tjShowSlide(\n                                (\n                                    currentSlide + 1\n                                ) %\n                                slides.length\n                            );\n\n                        },\n                        6000\n                    );\n\n            }\n\n\n            for(\n                let i = 0;\n                i < dots.length;\n                i++\n            ){\n\n                dots[i]\n                    .addEventListener(\n                        \"click\",\n                        function(){\n\n                            tjShowSlide(i);\n                            tjStartHero();\n\n                        }\n                    );\n\n            }\n\n\n            if(slides.length){\n\n                tjShowSlide(0);\n\n                tjStartHero();\n\n            }\n\n        }catch(error){\n\n            \/* Hero reste visible *\/\n\n        }\n\n\n\n        \/* ====================================================\n           ANIMATIONS REVEAL\n        ==================================================== *\/\n\n        try{\n\n            var revealItems =\n                root.querySelectorAll(\n                    \".tj-reveal\"\n                );\n\n\n            if(\n                reducedMotion ||\n                !(\n                    \"IntersectionObserver\"\n                    in window\n                )\n            ){\n\n                for(\n                    var r = 0;\n                    r < revealItems.length;\n                    r++\n                ){\n\n                    revealItems[r]\n                        .classList\n                        .add(\n                            \"tj-visible\"\n                        );\n\n                }\n\n            }else{\n\n\n                \/*\n                 * Avant de cacher quoi que ce soit,\n                 * on marque les \u00e9l\u00e9ments d\u00e9j\u00e0 visibles.\n                 *\/\n\n                var viewportHeight =\n                    window.innerHeight ||\n                    document.documentElement.clientHeight;\n\n\n                for(\n                    var p = 0;\n                    p < revealItems.length;\n                    p++\n                ){\n\n                    var initialRect =\n                        revealItems[p]\n                            .getBoundingClientRect();\n\n\n                    if(\n                        initialRect.top <\n                        viewportHeight * .92\n                    ){\n\n                        revealItems[p]\n                            .classList\n                            .add(\n                                \"tj-visible\"\n                            );\n\n                    }\n\n                }\n\n\n                var revealObserver =\n                    new IntersectionObserver(\n\n                        function(entries){\n\n                            for(\n                                var e = 0;\n                                e < entries.length;\n                                e++\n                            ){\n\n                                if(\n                                    entries[e]\n                                        .isIntersecting\n                                ){\n\n                                    entries[e]\n                                        .target\n                                        .classList\n                                        .add(\n                                            \"tj-visible\"\n                                        );\n\n\n                                    revealObserver\n                                        .unobserve(\n                                            entries[e]\n                                                .target\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                for(\n                    var o = 0;\n                    o < revealItems.length;\n                    o++\n                ){\n\n                    revealObserver\n                        .observe(\n                            revealItems[o]\n                        );\n\n                }\n\n\n                \/*\n                 * On active seulement apr\u00e8s\n                 * avoir pr\u00e9par\u00e9 tous les \u00e9l\u00e9ments.\n                 *\/\n\n                root.classList.add(\n                    \"tj-motion-ready\"\n                );\n\n            }\n\n        }catch(error){\n\n            root.classList.remove(\n                \"tj-motion-ready\"\n            );\n\n        }\n\n\n\n        \/* ====================================================\n           STATS\n        ==================================================== *\/\n\n        try{\n\n            var statsSection =\n                root.querySelector(\n                    \"#tj-stats\"\n                );\n\n\n            if(statsSection){\n\n                var counterElements =\n                    statsSection\n                        .querySelectorAll(\n                            \"[data-count]\"\n                        );\n\n\n                var statsAlreadyPlayed =\n                    false;\n\n\n                function tjAnimateCounter(\n                    element\n                ){\n\n                    var target =\n                        parseInt(\n                            element\n                                .getAttribute(\n                                    \"data-count\"\n                                ),\n                            10\n                        );\n\n\n                    var suffix =\n                        element\n                            .getAttribute(\n                                \"data-suffix\"\n                            ) || \"\";\n\n\n                    if(\n                        isNaN(target)\n                    ){\n                        return;\n                    }\n\n\n                    var duration =\n                        1150;\n\n\n                    var start =\n                        performance.now();\n\n\n                    element.textContent =\n                        \"0\" + suffix;\n\n\n                    function counterFrame(\n                        now\n                    ){\n\n                        var progress =\n                            Math.min(\n                                (\n                                    now -\n                                    start\n                                ) \/\n                                duration,\n                                1\n                            );\n\n\n                        var eased =\n                            1 -\n                            Math.pow(\n                                1 -\n                                progress,\n                                3\n                            );\n\n\n                        element.textContent =\n                            Math.round(\n                                target *\n                                eased\n                            ) +\n                            suffix;\n\n\n                        if(\n                            progress < 1\n                        ){\n\n                            requestAnimationFrame(\n                                counterFrame\n                            );\n\n                        }\n\n                    }\n\n\n                    requestAnimationFrame(\n                        counterFrame\n                    );\n\n                }\n\n\n                function tjStartStats(){\n\n                    if(\n                        statsAlreadyPlayed\n                    ){\n                        return;\n                    }\n\n\n                    statsAlreadyPlayed =\n                        true;\n\n\n                    statsSection\n                        .classList\n                        .add(\n                            \"tj-stats-visible\"\n                        );\n\n\n                    if(!reducedMotion){\n\n                        for(\n                            let c = 0;\n                            c < counterElements.length;\n                            c++\n                        ){\n\n                            setTimeout(\n                                function(){\n\n                                    tjAnimateCounter(\n                                        counterElements[c]\n                                    );\n\n                                },\n                                c * 120\n                            );\n\n                        }\n\n                    }\n\n                }\n\n\n                if(\n                    reducedMotion ||\n                    !(\n                        \"IntersectionObserver\"\n                        in window\n                    )\n                ){\n\n                    tjStartStats();\n\n                }else{\n\n                    var statsObserver =\n                        new IntersectionObserver(\n\n                            function(entries){\n\n                                for(\n                                    var s = 0;\n                                    s < entries.length;\n                                    s++\n                                ){\n\n                                    if(\n                                        entries[s]\n                                            .isIntersecting\n                                    ){\n\n                                        tjStartStats();\n\n                                        statsObserver\n                                            .disconnect();\n\n                                        break;\n\n                                    }\n\n                                }\n\n                            },\n\n                            {\n                                threshold:.30\n                            }\n\n                        );\n\n\n                    statsObserver\n                        .observe(\n                            statsSection\n                        );\n\n                }\n\n            }\n\n        }catch(error){\n\n            \/*\n             * En cas d'erreur,\n             * valeurs finales d\u00e9j\u00e0 pr\u00e9sentes.\n             *\/\n\n        }\n\n\n\n        \/* ====================================================\n           TIMELINE\n        ==================================================== *\/\n\n        try{\n\n            var timeline =\n                root.querySelector(\n                    \"[data-tj-timeline]\"\n                );\n\n\n            if(timeline){\n\n                var steps =\n                    timeline\n                        .querySelectorAll(\n                            \".tj-step\"\n                        );\n\n\n                var ticking =\n                    false;\n\n\n                function tjClamp(\n                    number,\n                    min,\n                    max\n                ){\n\n                    return Math.min(\n                        Math.max(\n                            number,\n                            min\n                        ),\n                        max\n                    );\n\n                }\n\n\n                function tjUpdateTimeline(){\n\n                    ticking =\n                        false;\n\n\n                    var rect =\n                        timeline\n                            .getBoundingClientRect();\n\n\n                    var viewport =\n                        window.innerHeight ||\n                        document.documentElement\n                            .clientHeight;\n\n\n                    var startPoint =\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                            startPoint -\n                            rect.top\n                        ) \/\n                        distance;\n\n\n                    progress =\n                        tjClamp(\n                            progress,\n                            0,\n                            1\n                        );\n\n\n                    timeline.style\n                        .setProperty(\n                            \"--tj-progress\",\n                            progress.toFixed(4)\n                        );\n\n\n                    var thresholds =\n                        [\n                            .03,\n                            .32,\n                            .61,\n                            .87\n                        ];\n\n\n                    for(\n                        var i = 0;\n                        i < steps.length;\n                        i++\n                    ){\n\n                        var threshold =\n                            thresholds[i] !==\n                            undefined\n                            ?\n                            thresholds[i]\n                            :\n                            i \/\n                            Math.max(\n                                steps.length - 1,\n                                1\n                            );\n\n\n                        if(\n                            progress >=\n                            threshold\n                        ){\n\n                            steps[i]\n                                .classList\n                                .add(\n                                    \"tj-active\"\n                                );\n\n                        }else{\n\n                            steps[i]\n                                .classList\n                                .remove(\n                                    \"tj-active\"\n                                );\n\n                        }\n\n                    }\n\n                }\n\n\n                function tjRequestTimeline(){\n\n                    if(ticking){\n                        return;\n                    }\n\n\n                    ticking =\n                        true;\n\n\n                    requestAnimationFrame(\n                        tjUpdateTimeline\n                    );\n\n                }\n\n\n                if(reducedMotion){\n\n                    timeline.style\n                        .setProperty(\n                            \"--tj-progress\",\n                            \"1\"\n                        );\n\n\n                    for(\n                        var t = 0;\n                        t < steps.length;\n                        t++\n                    ){\n\n                        steps[t]\n                            .classList\n                            .add(\n                                \"tj-active\"\n                            );\n\n                    }\n\n                }else{\n\n                    window.addEventListener(\n                        \"scroll\",\n                        tjRequestTimeline,\n                        {\n                            passive:true\n                        }\n                    );\n\n\n                    window.addEventListener(\n                        \"resize\",\n                        tjRequestTimeline\n                    );\n\n\n                    tjUpdateTimeline();\n\n                }\n\n            }\n\n        }catch(error){\n\n            \/*\n             * Timeline reste visible.\n             *\/\n\n        }\n\n    }\n\n\n\n    if(\n        document.readyState ===\n        \"loading\"\n    ){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            tjInit\n        );\n\n    }else{\n\n        tjInit();\n\n    }\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Terra Jardin \u2022 Paysagiste Transformez votre ext\u00e9rieur en v\u00e9ritable espace de vie. Cr\u00e9ation, am\u00e9nagement et entretien de jardins pour particuliers et professionnels. Donnons vie \u00e0 vos ext\u00e9rieurs. \u2713 \u00c9tude personnalis\u00e9e \u2713 Projet sur mesure \u2713 Devis gratuit Demander un devis \u2192 Voir nos r\u00e9alisations \u2192 \u2726 Projet sur mesure Adapt\u00e9 \u00e0 votre terrain \u2713 Devis [&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-12","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\/12","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=12"}],"version-history":[{"count":5,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/12\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}