{"id":41,"date":"2026-09-18T14:18:44","date_gmt":"2026-09-18T12:18:44","guid":{"rendered":"https:\/\/demo.jouglet-web.fr\/paysagiste\/?page_id=41"},"modified":"2026-09-18T16:55:28","modified_gmt":"2026-09-18T14:55:28","slug":"mentions-legales","status":"publish","type":"page","link":"https:\/\/demo.jouglet-web.fr\/paysagiste\/mentions-legales\/","title":{"rendered":"Mentions l\u00e9gales"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"tjml-page\">\n\n<style>\n\n\/* ============================================================\n   TERRA JARDIN \u2014 MENTIONS L\u00c9GALES\n============================================================ *\/\n\n.tjml-page{\n    --deep:#10291f;\n    --forest:#18392b;\n    --green:#54745d;\n    --sage:#90a98d;\n    --gold:#d5b985;\n    --gold-light:#ead7ad;\n    --cream:#f7f4ed;\n    --white:#ffffff;\n    --black:#161a17;\n    --text:#6f776f;\n    --border:rgba(24,57,43,.12);\n\n    width:100vw;\n    max-width:none;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n\n    overflow:hidden;\n\n    background:var(--cream);\n    color:var(--black);\n\n    font-family:inherit;\n    -webkit-font-smoothing:antialiased;\n}\n\n.tjml-page *,\n.tjml-page *::before,\n.tjml-page *::after{\n    box-sizing:border-box;\n}\n\n.tjml-page a{\n    text-decoration:none;\n}\n\n.tjml-container{\n    width:min(1180px,calc(100% - 48px));\n    margin-inline:auto;\n}\n\n.tjml-section{\n    position:relative;\n    padding:100px 0;\n}\n\n\n\/* ============================================================\n   TYPOGRAPHIE\n============================================================ *\/\n\n.tjml-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:11px;\n\n    margin-bottom:18px;\n\n    color:var(--green);\n\n    font-size:10px;\n    line-height:1;\n    font-weight:850;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.tjml-kicker::before{\n    content:\"\";\n\n    width:34px;\n    height:1px;\n\n    background:var(--gold);\n}\n\n.tjml-title{\n    margin:0;\n\n    color:var(--deep);\n\n    font-size:clamp(42px,5vw,70px);\n    line-height:.98;\n    font-weight:780;\n    letter-spacing:-.055em;\n}\n\n.tjml-title span{\n    color:var(--gold);\n}\n\n.tjml-text{\n    margin:20px 0 0;\n\n    color:var(--text);\n\n    font-size:14px;\n    line-height:1.75;\n}\n\n\n\/* ============================================================\n   BUTTONS\n============================================================ *\/\n\n.tjml-page .tjml-btn{\n    min-height:54px;\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-family:inherit;\n    font-size:12px;\n    font-weight:850 !important;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease;\n}\n\n.tjml-page .tjml-btn:hover{\n    transform:translateY(-3px);\n}\n\n.tjml-page .tjml-btn-gold,\n.tjml-page .tjml-btn-gold:visited{\n    background:var(--gold) !important;\n    color:var(--deep) !important;\n\n    border-color:var(--gold) !important;\n}\n\n.tjml-page .tjml-btn-gold:hover{\n    background:var(--gold-light) !important;\n    color:var(--deep) !important;\n}\n\n.tjml-page .tjml-btn-light,\n.tjml-page .tjml-btn-light:visited{\n    background:rgba(255,255,255,.10) !important;\n    color:#ffffff !important;\n\n    border-color:rgba(255,255,255,.55) !important;\n}\n\n.tjml-page .tjml-btn-light:hover{\n    background:#fff !important;\n    color:var(--deep) !important;\n}\n\n.tjml-page .tjml-btn-light *{\n    color:#fff !important;\n}\n\n.tjml-page .tjml-btn-light:hover *{\n    color:var(--deep) !important;\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.tjml-hero{\n    position:relative;\n\n    min-height:510px;\n\n    display:flex;\n    align-items:flex-end;\n\n    overflow:hidden;\n    isolation:isolate;\n\n    background:var(--deep);\n}\n\n.tjml-hero-bg{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n}\n\n.tjml-hero-bg img{\n    width:100%;\n    height:110%;\n\n    object-fit:cover;\n\n    transform:\n        translateY(var(--tjml-parallax,0px))\n        scale(1.03);\n}\n\n.tjml-hero::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-2;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5,20,14,.98),\n            rgba(5,20,14,.88) 48%,\n            rgba(5,20,14,.56) 75%,\n            rgba(5,20,14,.32)\n        ),\n        linear-gradient(\n            0deg,\n            rgba(5,20,14,.78),\n            transparent 60%\n        );\n}\n\n.tjml-hero::before{\n    content:\"\";\n\n    position:absolute;\n    z-index:-1;\n\n    width:520px;\n    height:520px;\n\n    right:-290px;\n    top:-330px;\n\n    border:1px solid rgba(213,185,133,.16);\n    border-radius:50%;\n}\n\n.tjml-hero-inner{\n    width:min(1180px,calc(100% - 48px));\n    margin:auto;\n\n    padding:140px 0 70px;\n}\n\n.tjml-hero-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-bottom:22px;\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,.08);\n\n    color:#fff;\n\n    backdrop-filter:blur(12px);\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.tjml-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n\n    box-shadow:\n        0 0 0 5px rgba(213,185,133,.12);\n}\n\n.tjml-hero h1{\n    margin:0;\n\n    max-width:850px;\n\n    color:#fff;\n\n    font-size:clamp(52px,7vw,90px);\n    line-height:.91;\n    font-weight:780;\n    letter-spacing:-.06em;\n}\n\n.tjml-hero h1 span{\n    display:block;\n\n    color:var(--gold);\n}\n\n.tjml-hero p{\n    max-width:650px;\n\n    margin:25px 0 0;\n\n    color:rgba(255,255,255,.72);\n\n    font-size:15px;\n    line-height:1.7;\n}\n\n\n\/* ============================================================\n   INTRO NOTICE\n============================================================ *\/\n\n.tjml-intro{\n    background:#fff;\n}\n\n.tjml-intro-box{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:65px 1fr;\n    gap:22px;\n\n    padding:28px;\n\n    border:1px solid rgba(213,185,133,.40);\n    border-radius:22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #faf7f0,\n            #fff\n        );\n}\n\n.tjml-intro-icon{\n    width:55px;\n    height:55px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:16px;\n\n    background:#efe4ce;\n    color:var(--deep);\n}\n\n.tjml-intro-icon svg{\n    width:23px;\n    height:23px;\n}\n\n.tjml-intro-box strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:16px;\n}\n\n.tjml-intro-box p{\n    margin:7px 0 0;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.65;\n}\n\n\n\/* ============================================================\n   LEGAL LAYOUT\n============================================================ *\/\n\n.tjml-legal{\n    background:var(--cream);\n}\n\n.tjml-grid{\n    display:grid;\n    grid-template-columns:280px 1fr;\n    gap:55px;\n\n    align-items:start;\n}\n\n\n\/* ============================================================\n   NAVIGATION\n============================================================ *\/\n\n.tjml-nav{\n    position:sticky;\n    top:110px;\n\n    padding:20px;\n\n    border:1px solid var(--border);\n    border-radius:20px;\n\n    background:#fff;\n}\n\n.tjml-nav-title{\n    margin-bottom:15px;\n\n    color:var(--deep);\n\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.tjml-nav-list{\n    display:grid;\n    gap:5px;\n}\n\n.tjml-page .tjml-nav-link,\n.tjml-page .tjml-nav-link:visited{\n    position:relative;\n\n    padding:11px 12px 11px 30px;\n\n    border-radius:10px;\n\n    color:var(--text) !important;\n\n    font-size:10px;\n    font-weight:700;\n\n    transition:\n        background .25s ease,\n        color .25s ease;\n}\n\n.tjml-nav-link::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:12px;\n    top:50%;\n\n    width:6px;\n    height:6px;\n\n    transform:translateY(-50%);\n\n    border-radius:50%;\n\n    background:#d7ddd7;\n}\n\n.tjml-page .tjml-nav-link:hover{\n    background:var(--cream);\n\n    color:var(--deep) !important;\n}\n\n.tjml-page .tjml-nav-link:hover::before{\n    background:var(--gold);\n}\n\n\n\/* ============================================================\n   CONTENT\n============================================================ *\/\n\n.tjml-content{\n    display:grid;\n    gap:15px;\n}\n\n.tjml-card{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:32px;\n\n    border:1px solid var(--border);\n    border-radius:22px;\n\n    background:#fff;\n\n    transition:\n        transform .35s ease,\n        border-color .35s ease,\n        box-shadow .35s ease;\n}\n\n.tjml-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n\n    width:100%;\n    height:3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            var(--green)\n        );\n\n    transform:scaleX(0);\n    transform-origin:left;\n\n    transition:transform .4s ease;\n}\n\n.tjml-card:hover{\n    transform:translateY(-4px);\n\n    border-color:rgba(213,185,133,.50);\n\n    box-shadow:\n        0 22px 50px rgba(16,41,31,.06);\n}\n\n.tjml-card:hover::before{\n    transform:scaleX(1);\n}\n\n.tjml-card-head{\n    display:flex;\n    align-items:flex-start;\n    gap:16px;\n}\n\n.tjml-card-number{\n    width:42px;\n    height:42px;\n\n    display:grid;\n    place-items:center;\n\n    flex:0 0 auto;\n\n    border-radius:13px;\n\n    background:#efe4ce;\n    color:var(--deep);\n\n    font-size:9px;\n    font-weight:900;\n}\n\n.tjml-card h2{\n    margin:4px 0 0;\n\n    color:var(--deep);\n\n    font-size:25px;\n    line-height:1.1;\n    letter-spacing:-.025em;\n}\n\n.tjml-card-body{\n    margin-top:24px;\n\n    padding-top:22px;\n\n    border-top:1px solid var(--border);\n}\n\n.tjml-card-body p{\n    margin:0 0 14px;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.75;\n}\n\n.tjml-card-body p:last-child{\n    margin-bottom:0;\n}\n\n.tjml-card-body strong{\n    color:var(--deep);\n}\n\n\n\/* ============================================================\n   DATA ROWS\n============================================================ *\/\n\n.tjml-data{\n    display:grid;\n    gap:8px;\n\n    margin-top:17px;\n}\n\n.tjml-data-row{\n    display:grid;\n    grid-template-columns:180px 1fr;\n\n    gap:18px;\n\n    padding:13px 15px;\n\n    border-radius:12px;\n\n    background:var(--cream);\n}\n\n.tjml-data-label{\n    color:var(--green);\n\n    font-size:9px;\n    font-weight:850;\n    text-transform:uppercase;\n    letter-spacing:.05em;\n}\n\n.tjml-data-value{\n    color:var(--deep);\n\n    font-size:10px;\n    line-height:1.55;\n}\n\n.tjml-placeholder{\n    display:inline-block;\n\n    padding:4px 8px;\n\n    border:1px dashed rgba(84,116,93,.32);\n    border-radius:7px;\n\n    background:rgba(144,169,141,.08);\n\n    color:var(--green);\n\n    font-size:9px;\n    font-weight:800;\n}\n\n\n\/* ============================================================\n   PRIVACY DARK BLOCK\n============================================================ *\/\n\n.tjml-privacy{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:40px;\n\n    border-radius:22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--deep),\n            #173e2e\n        );\n\n    color:#fff;\n}\n\n.tjml-privacy::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:330px;\n    height:330px;\n\n    right:-210px;\n    top:-220px;\n\n    border:1px solid rgba(213,185,133,.14);\n    border-radius:50%;\n}\n\n.tjml-privacy .tjml-kicker{\n    color:var(--gold);\n}\n\n.tjml-privacy h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:32px;\n    line-height:1.05;\n    letter-spacing:-.035em;\n}\n\n.tjml-privacy h2 span{\n    color:var(--gold);\n}\n\n.tjml-privacy p{\n    max-width:720px;\n\n    margin:17px 0 0;\n\n    color:rgba(255,255,255,.64);\n\n    font-size:11px;\n    line-height:1.75;\n}\n\n.tjml-privacy-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:10px;\n\n    margin-top:27px;\n}\n\n.tjml-privacy-item{\n    padding:17px;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:14px;\n\n    background:rgba(255,255,255,.045);\n}\n\n.tjml-privacy-item strong{\n    display:block;\n\n    color:#fff;\n\n    font-size:11px;\n}\n\n.tjml-privacy-item span{\n    display:block;\n\n    margin-top:5px;\n\n    color:rgba(255,255,255,.52);\n\n    font-size:9px;\n    line-height:1.5;\n}\n\n\n\/* ============================================================\n   UPDATE\n============================================================ *\/\n\n.tjml-update{\n    padding:22px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:20px;\n\n    border:1px solid var(--border);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.tjml-update strong{\n    display:block;\n\n    color:var(--deep);\n\n    font-size:11px;\n}\n\n.tjml-update span{\n    display:block;\n\n    margin-top:4px;\n\n    color:var(--text);\n\n    font-size:9px;\n}\n\n.tjml-update-badge{\n    padding:8px 11px;\n\n    border-radius:999px;\n\n    background:#efe4ce;\n    color:var(--deep);\n\n    font-size:8px;\n    font-weight:850;\n    white-space:nowrap;\n}\n\n\n\/* ============================================================\n   CTA\n============================================================ *\/\n\n.tjml-final{\n    padding:90px 0;\n\n    background:#fff;\n}\n\n.tjml-final-box{\n    position:relative;\n\n    overflow:hidden;\n\n    padding:75px 45px;\n\n    border-radius:30px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--deep),\n            #173e2e\n        );\n\n    text-align:center;\n}\n\n.tjml-final-box::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:440px;\n    height:440px;\n\n    right:-260px;\n    top:-280px;\n\n    border:1px solid rgba(213,185,133,.15);\n    border-radius:50%;\n}\n\n.tjml-final-content{\n    position:relative;\n    z-index:2;\n\n    max-width:760px;\n\n    margin:auto;\n}\n\n.tjml-final .tjml-kicker{\n    color:var(--gold);\n}\n\n.tjml-final h2{\n    margin:0;\n\n    color:#fff;\n\n    font-size:clamp(40px,5vw,66px);\n    line-height:.97;\n    letter-spacing:-.05em;\n}\n\n.tjml-final h2 span{\n    color:var(--gold);\n}\n\n.tjml-final p{\n    max-width:590px;\n\n    margin:20px auto 0;\n\n    color:rgba(255,255,255,.67);\n\n    font-size:12px;\n    line-height:1.7;\n}\n\n.tjml-final-actions{\n    display:flex;\n    justify-content:center;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:28px;\n}\n\n\n\/* ============================================================\n   REVEAL SAFE\n============================================================ *\/\n\n.tjml-reveal{\n    opacity:1;\n    transform:none;\n}\n\n.tjml-page.tjml-motion-ready\n.tjml-reveal:not(.tjml-visible){\n    opacity:0;\n    transform:translateY(38px);\n}\n\n.tjml-page.tjml-motion-ready\n.tjml-reveal.tjml-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\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media(max-width:950px){\n\n    .tjml-grid{\n        grid-template-columns:1fr;\n    }\n\n    .tjml-nav{\n        position:static;\n    }\n\n    .tjml-nav-list{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tjml-privacy-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media(max-width:700px){\n\n    .tjml-container{\n        width:calc(100% - 28px);\n    }\n\n    .tjml-section{\n        padding:68px 0;\n    }\n\n    .tjml-kicker{\n        margin-bottom:13px;\n\n        font-size:8px;\n    }\n\n    .tjml-kicker::before{\n        width:25px;\n    }\n\n    .tjml-title{\n        font-size:37px;\n    }\n\n\n    \/* HERO *\/\n\n    .tjml-hero{\n        min-height:570px;\n    }\n\n    .tjml-hero-bg img{\n        height:100%;\n\n        transform:none !important;\n    }\n\n    .tjml-hero::after{\n        background:\n            linear-gradient(\n                0deg,\n                rgba(5,20,14,.98),\n                rgba(5,20,14,.92) 60%,\n                rgba(5,20,14,.32)\n            );\n    }\n\n    .tjml-hero-inner{\n        width:calc(100% - 28px);\n\n        padding:135px 0 45px;\n    }\n\n    .tjml-hero h1{\n        font-size:clamp(46px,13vw,60px);\n    }\n\n    .tjml-hero p{\n        font-size:13px;\n    }\n\n\n    \/* INTRO *\/\n\n    .tjml-intro-box{\n        grid-template-columns:1fr;\n\n        padding:22px;\n    }\n\n\n    \/* NAV *\/\n\n    .tjml-nav{\n        padding:16px;\n    }\n\n    .tjml-nav-list{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .tjml-page .tjml-nav-link{\n        padding:\n            10px\n            8px\n            10px\n            25px;\n\n        font-size:8px;\n    }\n\n    .tjml-nav-link::before{\n        left:9px;\n    }\n\n\n    \/* CARDS *\/\n\n    .tjml-content{\n        gap:10px;\n    }\n\n    .tjml-card{\n        padding:22px;\n\n        border-radius:18px;\n    }\n\n    .tjml-card-head{\n        gap:12px;\n    }\n\n    .tjml-card-number{\n        width:37px;\n        height:37px;\n    }\n\n    .tjml-card h2{\n        font-size:21px;\n    }\n\n    .tjml-card-body{\n        margin-top:18px;\n        padding-top:17px;\n    }\n\n    .tjml-card-body p{\n        font-size:10px;\n    }\n\n\n    \/* DATA *\/\n\n    .tjml-data-row{\n        grid-template-columns:1fr;\n        gap:5px;\n    }\n\n\n    \/* PRIVACY *\/\n\n    .tjml-privacy{\n        padding:27px 20px;\n    }\n\n    .tjml-privacy h2{\n        font-size:27px;\n    }\n\n    .tjml-privacy-grid{\n        grid-template-columns:1fr;\n    }\n\n\n    \/* UPDATE *\/\n\n    .tjml-update{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n\n\n    \/* FINAL *\/\n\n    .tjml-final{\n        padding:65px 0;\n    }\n\n    .tjml-final-box{\n        padding:55px 20px;\n\n        border-radius:22px;\n    }\n\n    .tjml-final h2{\n        font-size:39px;\n    }\n\n    .tjml-final-actions{\n        display:grid;\n        grid-template-columns:1fr;\n    }\n\n    .tjml-page .tjml-btn{\n        width:100%;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .tjml-page *,\n    .tjml-page *::before,\n    .tjml-page *::after{\n        animation:none !important;\n        transition:none !important;\n    }\n\n    .tjml-reveal{\n        opacity:1 !important;\n        transform:none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- ============================================================\n     HERO\n============================================================ -->\n\n<section class=\"tjml-hero\">\n\n    <div class=\"tjml-hero-bg\">\n\n        <img\n            src=\"https:\/\/images.pexels.com\/photos\/30130899\/pexels-photo-30130899.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=2000\"\n            alt=\"Jardin paysager Terra Jardin\"\n            fetchpriority=\"high\"\n            decoding=\"async\">\n\n    <\/div>\n\n\n    <div class=\"tjml-hero-inner\">\n\n        <div class=\"tjml-hero-badge\">\n\n            <span class=\"tjml-dot\"><\/span>\n\n            Informations l\u00e9gales\n\n        <\/div>\n\n\n        <h1>\n            Mentions\n            <span>l\u00e9gales.<\/span>\n        <\/h1>\n\n\n        <p>\n            Retrouvez sur cette page\n            les informations relatives \u00e0 l&rsquo;\u00e9diteur,\n            \u00e0 l&rsquo;h\u00e9bergement et \u00e0 l&rsquo;utilisation\n            du site Terra Jardin.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     NOTICE DEMO\n============================================================ -->\n\n<section class=\"tjml-section tjml-intro\">\n\n    <div class=\"tjml-container\">\n\n        <div class=\"tjml-intro-box tjml-reveal\">\n\n\n            <div class=\"tjml-intro-icon\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\">\n\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                    <path d=\"M12 11v6\"\/>\n                    <path d=\"M12 7h.01\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div>\n\n                <strong>\n                    Site de d\u00e9monstration pr\u00eat \u00e0 l&#8217;emploi\n                <\/strong>\n\n                <p>\n                    Certaines informations l\u00e9gales ci-dessous\n                    sont volontairement laiss\u00e9es \u00e0 personnaliser.\n                    Elles devront \u00eatre remplac\u00e9es\n                    par les informations r\u00e9elles\n                    du professionnel avant la mise en ligne\n                    d\u00e9finitive du site.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     LEGAL\n============================================================ -->\n\n<section class=\"tjml-section tjml-legal\">\n\n    <div class=\"tjml-container\">\n\n        <div class=\"tjml-grid\">\n\n\n            <!-- NAV -->\n\n            <aside class=\"tjml-nav tjml-reveal\">\n\n                <div class=\"tjml-nav-title\">\n                    Sommaire\n                <\/div>\n\n                <nav class=\"tjml-nav-list\">\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#editeur\">\n                        \u00c9diteur du site\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#publication\">\n                        Publication\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#hebergement\">\n                        H\u00e9bergement\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#propriete\">\n                        Propri\u00e9t\u00e9 intellectuelle\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#responsabilite\">\n                        Responsabilit\u00e9\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#donnees\">\n                        Donn\u00e9es personnelles\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#cookies\">\n                        Cookies\n                    <\/a>\n\n                    <a\n                        class=\"tjml-nav-link\"\n                        href=\"#droit\">\n                        Droit applicable\n                    <\/a>\n\n                <\/nav>\n\n            <\/aside>\n\n\n            <!-- CONTENT -->\n\n            <div class=\"tjml-content\">\n\n\n                <!-- 01 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"editeur\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            01\n                        <\/div>\n\n                        <h2>\n                            \u00c9diteur du site\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Le pr\u00e9sent site est \u00e9dit\u00e9\n                            par l&rsquo;entreprise exploitant\n                            la marque Terra Jardin.\n                        <\/p>\n\n\n                        <div class=\"tjml-data\">\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    Nom \/ raison sociale\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    Forme juridique\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    Adresse\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    SIREN \/ SIRET\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    T\u00e9l\u00e9phone\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    E-mail\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- 02 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"publication\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            02\n                        <\/div>\n\n                        <h2>\n                            Directeur de la publication\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Le responsable de la publication\n                            du site est :\n                        <\/p>\n\n                        <p>\n                            <span class=\"tjml-placeholder\">\n                                Nom du responsable \u00e0 personnaliser\n                            <\/span>\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- 03 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"hebergement\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            03\n                        <\/div>\n\n                        <h2>\n                            H\u00e9bergement\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Le site est h\u00e9berg\u00e9\n                            par un prestataire technique.\n                            Les coordonn\u00e9es ci-dessous\n                            devront correspondre\n                            \u00e0 l&rsquo;h\u00e9bergeur utilis\u00e9\n                            lors de la mise en ligne d\u00e9finitive.\n                        <\/p>\n\n\n                        <div class=\"tjml-data\">\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    H\u00e9bergeur\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    Adresse\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"tjml-data-row\">\n\n                                <div class=\"tjml-data-label\">\n                                    Site internet\n                                <\/div>\n\n                                <div class=\"tjml-data-value\">\n                                    <span class=\"tjml-placeholder\">\n                                        \u00c0 personnaliser\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- 04 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"propriete\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            04\n                        <\/div>\n\n                        <h2>\n                            Propri\u00e9t\u00e9 intellectuelle\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Les \u00e9l\u00e9ments pr\u00e9sents sur ce site,\n                            notamment les textes,\n                            \u00e9l\u00e9ments graphiques,\n                            logos, ic\u00f4nes,\n                            mises en page\n                            et autres contenus,\n                            peuvent \u00eatre prot\u00e9g\u00e9s\n                            par les r\u00e8gles applicables\n                            en mati\u00e8re de propri\u00e9t\u00e9 intellectuelle.\n                        <\/p>\n\n                        <p>\n                            Toute utilisation ou reproduction\n                            d&rsquo;un contenu appartenant\n                            \u00e0 Terra Jardin\n                            doit respecter les droits\n                            de son propri\u00e9taire.\n                        <\/p>\n\n                        <p>\n                            Certaines photographies utilis\u00e9es\n                            dans cette d\u00e9monstration\n                            proviennent de banques d&rsquo;images\n                            et sont destin\u00e9es \u00e0 illustrer\n                            la pr\u00e9sentation du site.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- 05 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"responsabilite\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            05\n                        <\/div>\n\n                        <h2>\n                            Responsabilit\u00e9\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Les informations pr\u00e9sent\u00e9es\n                            sur le site ont pour objectif\n                            de pr\u00e9senter les services\n                            et activit\u00e9s de Terra Jardin.\n                        <\/p>\n\n                        <p>\n                            Elles peuvent \u00eatre modifi\u00e9es\n                            ou mises \u00e0 jour\n                            afin de refl\u00e9ter l&rsquo;\u00e9volution\n                            des prestations\n                            et de l&rsquo;entreprise.\n                        <\/p>\n\n                        <p>\n                            Les informations relatives\n                            \u00e0 un chantier, un tarif,\n                            une disponibilit\u00e9\n                            ou une possibilit\u00e9 d&rsquo;intervention\n                            doivent \u00eatre confirm\u00e9es\n                            directement avec le professionnel.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- DATA -->\n\n                <section\n                    class=\"tjml-privacy tjml-reveal\"\n                    id=\"donnees\">\n\n                    <span class=\"tjml-kicker\">\n                        Vie priv\u00e9e\n                    <\/span>\n\n                    <h2>\n                        Donn\u00e9es\n                        <span>personnelles.<\/span>\n                    <\/h2>\n\n                    <p>\n                        Lorsqu&rsquo;un visiteur utilise\n                        un formulaire de contact,\n                        certaines informations peuvent \u00eatre\n                        transmises afin de permettre\n                        au professionnel de r\u00e9pondre\n                        \u00e0 sa demande.\n                    <\/p>\n\n\n                    <div class=\"tjml-privacy-grid\">\n\n\n                        <div class=\"tjml-privacy-item\">\n\n                            <strong>\n                                Donn\u00e9es concern\u00e9es\n                            <\/strong>\n\n                            <span>\n                                Nom, t\u00e9l\u00e9phone,\n                                e-mail, commune\n                                et contenu du message.\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"tjml-privacy-item\">\n\n                            <strong>\n                                Finalit\u00e9\n                            <\/strong>\n\n                            <span>\n                                R\u00e9pondre aux demandes\n                                de contact ou de devis.\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"tjml-privacy-item\">\n\n                            <strong>\n                                Contact\n                            <\/strong>\n\n                            <span>\n                                L&rsquo;adresse de contact\n                                sera celle du futur professionnel.\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/section>\n\n\n                <!-- 07 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"cookies\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            07\n                        <\/div>\n\n                        <h2>\n                            Cookies\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Le site peut utiliser\n                            des cookies ou technologies similaires\n                            n\u00e9cessaires \u00e0 son fonctionnement\n                            ou li\u00e9s \u00e0 certains services int\u00e9gr\u00e9s.\n                        <\/p>\n\n                        <p>\n                            Lorsqu&rsquo;un outil de mesure d&rsquo;audience,\n                            une carte, une vid\u00e9o\n                            ou un service tiers\n                            n\u00e9cessite un consentement,\n                            son utilisation doit \u00eatre configur\u00e9e\n                            avec la solution de gestion\n                            des cookies retenue pour le site.\n                        <\/p>\n\n                        <p>\n                            La configuration d\u00e9finitive\n                            pourra \u00eatre r\u00e9alis\u00e9e\n                            avec l&rsquo;outil de consentement\n                            install\u00e9 sur WordPress.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- 08 -->\n\n                <article\n                    class=\"tjml-card tjml-reveal\"\n                    id=\"droit\">\n\n                    <div class=\"tjml-card-head\">\n\n                        <div class=\"tjml-card-number\">\n                            08\n                        <\/div>\n\n                        <h2>\n                            Droit applicable\n                        <\/h2>\n\n                    <\/div>\n\n\n                    <div class=\"tjml-card-body\">\n\n                        <p>\n                            Le site est destin\u00e9\n                            \u00e0 une activit\u00e9 professionnelle\n                            exerc\u00e9e en France.\n                        <\/p>\n\n                        <p>\n                            Les r\u00e8gles applicables\n                            \u00e0 l&rsquo;entreprise,\n                            \u00e0 ses clients\n                            et aux \u00e9ventuels litiges\n                            d\u00e9pendront notamment\n                            de son statut,\n                            de ses prestations\n                            et de la situation concern\u00e9e.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- UPDATE -->\n\n                <div class=\"tjml-update tjml-reveal\">\n\n                    <div>\n\n                        <strong>\n                            Mise \u00e0 jour des mentions l\u00e9gales\n                        <\/strong>\n\n                        <span>\n                            \u00c0 compl\u00e9ter lors de la personnalisation\n                            finale du site.\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"tjml-update-badge\">\n                        Terra Jardin\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     CTA FINAL\n============================================================ -->\n\n<section class=\"tjml-final\">\n\n    <div class=\"tjml-container\">\n\n        <div class=\"tjml-final-box tjml-reveal\">\n\n            <div class=\"tjml-final-content\">\n\n                <span class=\"tjml-kicker\">\n                    Une question ?\n                <\/span>\n\n                <h2>\n                    Besoin d&rsquo;une information\n                    <span>sur Terra Jardin ?<\/span>\n                <\/h2>\n\n                <p>\n                    Utilisez la page contact\n                    pour toute question\n                    concernant l&rsquo;entreprise,\n                    ses prestations\n                    ou votre futur projet ext\u00e9rieur.\n                <\/p>\n\n\n                <div class=\"tjml-final-actions\">\n\n                    <a\n                        class=\"tjml-btn tjml-btn-gold\"\n                        href=\"\/paysagiste\/contact\/\">\n\n                        Nous contacter\n                        <span>\u2192<\/span>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"tjml-btn tjml-btn-light\"\n                        href=\"\/paysagiste\/\">\n\n                        Retour \u00e0 l&rsquo;accueil\n                        <span>\u2192<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n\"use strict\";\n\n\nfunction initTerraLegal(){\n\n    var root =\n        document.querySelector(\n            \".tjml-page\"\n        );\n\n\n    if(!root){\n        return;\n    }\n\n\n    var reduced =\n        false;\n\n\n    try{\n\n        reduced =\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches;\n\n    }catch(error){\n\n        reduced = false;\n\n    }\n\n\n\n    \/* ========================================================\n       REVEAL SAFE\n    ======================================================== *\/\n\n    try{\n\n        var items =\n            root.querySelectorAll(\n                \".tjml-reveal\"\n            );\n\n\n        if(\n            reduced ||\n            !(\"IntersectionObserver\" in window)\n        ){\n\n            items.forEach(\n                function(item){\n\n                    item.classList.add(\n                        \"tjml-visible\"\n                    );\n\n                }\n            );\n\n        }else{\n\n\n            var viewport =\n                window.innerHeight ||\n                document.documentElement.clientHeight;\n\n\n            items.forEach(\n                function(item){\n\n                    var rect =\n                        item.getBoundingClientRect();\n\n\n                    if(\n                        rect.top <\n                        viewport * .94\n                    ){\n\n                        item.classList.add(\n                            \"tjml-visible\"\n                        );\n\n                    }\n\n                }\n            );\n\n\n            var observer =\n                new IntersectionObserver(\n\n                    function(entries){\n\n                        entries.forEach(\n                            function(entry){\n\n                                if(\n                                    entry.isIntersecting\n                                ){\n\n                                    entry.target\n                                        .classList\n                                        .add(\n                                            \"tjml-visible\"\n                                        );\n\n\n                                    observer.unobserve(\n                                        entry.target\n                                    );\n\n                                }\n\n                            }\n                        );\n\n                    },\n\n                    {\n                        threshold:.10,\n\n                        rootMargin:\n                            \"0px 0px -35px 0px\"\n                    }\n\n                );\n\n\n            items.forEach(\n                function(item){\n\n                    observer.observe(\n                        item\n                    );\n\n                }\n            );\n\n\n            root.classList.add(\n                \"tjml-motion-ready\"\n            );\n\n        }\n\n    }catch(error){\n\n        root.classList.remove(\n            \"tjml-motion-ready\"\n        );\n\n    }\n\n\n\n    \/* ========================================================\n       HERO PARALLAX\n    ======================================================== *\/\n\n    try{\n\n        var hero =\n            root.querySelector(\n                \".tjml-hero\"\n            );\n\n\n        var ticking =\n            false;\n\n\n        function updateHero(){\n\n            ticking =\n                false;\n\n\n            if(\n                reduced ||\n                window.innerWidth <= 700 ||\n                !hero\n            ){\n\n                return;\n            }\n\n\n            var rect =\n                hero.getBoundingClientRect();\n\n\n            if(\n                rect.bottom < 0 ||\n                rect.top >\n                window.innerHeight\n            ){\n\n                return;\n            }\n\n\n            var shift =\n                Math.max(\n                    -35,\n\n                    Math.min(\n                        35,\n                        -rect.top * .065\n                    )\n                );\n\n\n            hero.style.setProperty(\n                \"--tjml-parallax\",\n                shift.toFixed(1) + \"px\"\n            );\n\n        }\n\n\n        window.addEventListener(\n            \"scroll\",\n            function(){\n\n                if(ticking){\n                    return;\n                }\n\n\n                ticking = true;\n\n\n                requestAnimationFrame(\n                    updateHero\n                );\n\n            },\n            {\n                passive:true\n            }\n        );\n\n\n        updateHero();\n\n    }catch(error){\n\n        \/* aucun impact critique *\/\n\n    }\n\n\n\n    \/* ========================================================\n       SMOOTH INTERNAL NAV\n    ======================================================== *\/\n\n    try{\n\n        var links =\n            root.querySelectorAll(\n                \".tjml-nav-link\"\n            );\n\n\n        links.forEach(\n            function(link){\n\n                link.addEventListener(\n                    \"click\",\n                    function(event){\n\n                        var href =\n                            link.getAttribute(\n                                \"href\"\n                            );\n\n\n                        if(\n                            !href ||\n                            href.charAt(0) !== \"#\"\n                        ){\n                            return;\n                        }\n\n\n                        var target =\n                            root.querySelector(\n                                href\n                            );\n\n\n                        if(!target){\n                            return;\n                        }\n\n\n                        event.preventDefault();\n\n\n                        target.scrollIntoView(\n                            {\n                                behavior:\n                                    reduced\n                                    ? \"auto\"\n                                    : \"smooth\",\n\n                                block:\"start\"\n                            }\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n    }catch(error){\n\n        \/* ancres HTML toujours fonctionnelles *\/\n\n    }\n\n}\n\n\n\nif(\n    document.readyState ===\n    \"loading\"\n){\n\n    document.addEventListener(\n        \"DOMContentLoaded\",\n        initTerraLegal\n    );\n\n}else{\n\n    initTerraLegal();\n\n}\n\n})();\n<\/script>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Informations l\u00e9gales Mentions l\u00e9gales. Retrouvez sur cette page les informations relatives \u00e0 l&rsquo;\u00e9diteur, \u00e0 l&rsquo;h\u00e9bergement et \u00e0 l&rsquo;utilisation du site Terra Jardin. Site de d\u00e9monstration pr\u00eat \u00e0 l&#8217;emploi Certaines informations l\u00e9gales ci-dessous sont volontairement laiss\u00e9es \u00e0 personnaliser. Elles devront \u00eatre remplac\u00e9es par les informations r\u00e9elles du professionnel avant la mise en ligne d\u00e9finitive du site. [&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-41","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\/41","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=41"}],"version-history":[{"count":2,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/pages\/41\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/demo.jouglet-web.fr\/paysagiste\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}