{"id":21,"date":"2026-03-19T14:43:32","date_gmt":"2026-03-19T13:43:32","guid":{"rendered":"https:\/\/dev.letempsdesfleurs.com\/?page_id=21"},"modified":"2026-04-10T10:34:19","modified_gmt":"2026-04-10T08:34:19","slug":"accueil","status":"publish","type":"page","link":"https:\/\/dev.letempsdesfleurs.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e82737 e-con-full e-flex e-con e-parent\" data-id=\"2e82737\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7d718 elementor-widget elementor-widget-html\" data-id=\"5d7d718\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lovable-hero-wrapper\">\n  <section class=\"hero-section\">\n    <div class=\"hero-bg\" style=\"background-image: url('https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/hero-bg.jpg');\"><\/div>\n    \n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"hero-container\">\n      <div class=\"hero-content\">\n        <h1 class=\"hero-title\">Qui conna\u00eet mieux les plantes que celui qui les a fait na\u00eetre ?<\/h1>\n        <p class=\"hero-description\">\n          Depuis des g\u00e9n\u00e9rations, nous cultivons avec passion des plantes\n          d'exception pour embellir votre quotidien.\n        <\/p>\n        \n        <div class=\"hero-buttons\">\n          <a href=\"\/index.php\/promotions\" class=\"btn-hero-primary\">D\u00e9couvrir nos promotions<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"#actu\" class=\"scroll-indicator\">\n      <span class=\"scroll-text\">d\u00e9couvrir<\/span>\n      <svg class=\"scroll-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n    <\/a>\n  <\/section>\n<\/div>\n\n<style>\n\/* --- CONFIGURATION --- *\/\n.lovable-hero-wrapper {\n  --hero-orange: #EA7F0B;\n  --hero-white: #ffffff;\n}\n\n.hero-section {\n  position: relative;\n  height: 90vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n\n\/* Background Image *\/\n.hero-bg {\n  position: absolute;\n  inset: 0;\n  background-size: cover;\n  background-position: center 30%;\n  background-repeat: no-repeat;\n  z-index: 0;\n}\n\n\/* Overlay d\u00e9grad\u00e9 (lisibilit\u00e9 du texte) *\/\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n  z-index: 1;\n}\n\n\/* Container *\/\n.hero-container {\n  position: relative;\n  z-index: 10;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n.hero-content {\n  width: 100%;\n  max-width: 60%;\n  animation: fadeUp 1s ease-out;\n}\n\n@media (max-width: 1024px) {\n  .hero-content { max-width: 80%; }\n}\n\n@media (max-width: 768px) {\n  .hero-content { \n    max-width: 100%; \n    text-align: center;\n  }\n  .hero-overlay {\n    background: rgba(0,0,0,0.6); \/* Overlay plus sombre sur mobile *\/\n  }\n}\n\n\/* Typographies *\/\n.hero-title {\n  color: var(--hero-white);\n  font-size: clamp(32px, 5vw, 56px);\n  font-weight: 500;\n  line-height: 1;\n  margin-bottom: 24px;\n}\n\n.hero-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(18px, 2vw, 24px);\n  font-weight: 300;\n  max-width: 550px;\n  margin-bottom: 40px;\n}\n\n@media (max-width: 768px) {\n  .hero-description { margin-left: auto; margin-right: auto; }\n}\n\n\/* Boutons *\/\n.hero-buttons {\n  display: flex;\n  gap: 16px;\n}\n\n@media (max-width: 640px) {\n  .hero-buttons {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* Bouton Orange Promotion *\/\n.btn-hero-primary {\n  background-color: var(--hero-orange);\n  color: var(--hero-white) !important;\n  padding: 18px 36px;\n  border-radius: 12px;\n  text-decoration: none !important;\n  font-weight: 600;\n  font-size: 18px;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 15px rgba(234, 127, 11, 0.2);\n}\n\n.btn-hero-primary:hover {\n  background-color: #d1710a;\n  transform: translateY(-3px);\n  box-shadow: 0 6px 12px rgba(234, 127, 11, 0.25);\n}\n\n\/* Scroll Indicator *\/\n.scroll-indicator {\n  position: absolute;\n  bottom: 40px;\n  left: 47%;\n  transform: translateX(-10%);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--hero-white);\n  text-decoration: none !important;\n  transition: opacity 0.3s;\n}\n\n.scroll-text {\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n}\n\n.scroll-indicator:hover {\n    color: white;\n}\n\n.scroll-icon {\n  animation: bounce 2s infinite;\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes bounce {\n  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n  40% { transform: translateY(-10px); }\n  60% { transform: translateY(-5px); }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ae2fa1 e-con-full e-flex e-con e-parent\" data-id=\"7ae2fa1\" data-element_type=\"container\" data-e-type=\"container\" id=\"actu\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8f841 elementor-widget elementor-widget-shortcode\" data-id=\"0d8f841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"actu-section\">\n        <div class=\"actu-container\">\n            <div class=\"actu-header ltf-fade-up\">\n                <span class=\"actu-subtitle\">Actualit\u00e9s<\/span>\n                <h2 class=\"actu-main-title\">\u00c0 la une<\/h2>\n                <p class=\"actu-intro\">Retrouvez nos promotions, animations et nouveaut\u00e9s du moment<\/p>\n            <\/div>\n\n            <div class=\"actu-wrapper is-slider\">\n                \n                                    <button class=\"slider-arrow prev\" aria-label=\"Pr\u00e9c\u00e9dent\">\u276e<\/button>\n                    <button class=\"slider-arrow next\" aria-label=\"Suivant\">\u276f<\/button>\n                \n                <div class=\"actu-grid slider-track\">\n                                            <article class=\"actu-card ltf-card-reveal slider-item\">\n                                                        \n                            <div class=\"actu-img-wrapper\">\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"407\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates-768x407.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates-768x407.jpg 768w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates-300x159.jpg 300w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates-1024x543.jpg 1024w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates-1536x815.jpg 1536w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/atelier-tomates.jpg 1885w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                                \n                                <div class=\"actu-badge-pill\">\n                                    <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 12V8H4v4\"><\/path><path d=\"M2 12h20\"><\/path><path d=\"M20 12v8H4v-8\"><\/path><path d=\"M12 2v20\"><\/path><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path><\/svg>                                    <span>Animations<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"actu-content\">\n                                <h3 class=\"actu-card-title\">Atelier de jardinage sur les tomates<\/h3>\n                                <div class=\"actu-card-text\">\n                                    Envie de r\u00e9colter des tomates savoureuses, juteuses et en pleine sant\u00e9 dans votre potager ?Participez \u00e0 notre atelier pratique\u00a0\u201cTout pour\u2026                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"actu-card ltf-card-reveal slider-item\">\n                                                        \n                            <div class=\"actu-img-wrapper\">\n                                <img decoding=\"async\" width=\"768\" height=\"1092\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans-768x1092.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans-768x1092.jpg 768w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans-211x300.jpg 211w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans-720x1024.jpg 720w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans-1080x1536.jpg 1080w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/flyer-70-ans.jpg 1350w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>                                \n                                <div class=\"actu-badge-pill\">\n                                    <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 12V8H4v4\"><\/path><path d=\"M2 12h20\"><\/path><path d=\"M20 12v8H4v-8\"><\/path><path d=\"M12 2v20\"><\/path><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path><\/svg>                                    <span>Animations<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"actu-content\">\n                                <h3 class=\"actu-card-title\">\u00a0Journ\u00e9e 70 ans<\/h3>\n                                <div class=\"actu-card-text\">\n                                    Cette ann\u00e9e, nous c\u00e9l\u00e9brons un cap exceptionnel :&nbsp;70 ans d\u2019histoire, de passion et de savoir-faire&nbsp;\u2728 Pour marquer cet anniversaire comme\u2026                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"actu-card ltf-card-reveal slider-item\">\n                                                        \n                            <div class=\"actu-img-wrapper\">\n                                <img decoding=\"async\" width=\"699\" height=\"395\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/cheque-cadeau-1.png\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/cheque-cadeau-1.png 699w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/cheque-cadeau-1-300x170.png 300w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/>                                \n                                <div class=\"actu-badge-pill\">\n                                    <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle><\/svg>                                    <span>Promotions<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"actu-content\">\n                                <h3 class=\"actu-card-title\">Ch\u00e8que cadeau<\/h3>\n                                <div class=\"actu-card-text\">\n                                    LE CH\u00c8QUE EN BOIS DES ARTISANS DU V\u00c9G\u00c9TAL \u2014 D\u00e9couvrez chez votre Artisan du V\u00e9g\u00e9tal ce moyen de faire plaisir\u2026                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"actu-card is-clickable ltf-card-reveal slider-item\">\n                                                            <a href=\"https:\/\/dev.letempsdesfleurs.com\/index.php\/promotions\/\" class=\"actu-full-link\"><\/a>\n                                                        \n                            <div class=\"actu-img-wrapper\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"512\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/sub-plantes-a-fleurs-CWQpvOFj.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/sub-plantes-a-fleurs-CWQpvOFj.jpg 672w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/sub-plantes-a-fleurs-CWQpvOFj-300x229.jpg 300w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/>                                \n                                <div class=\"actu-badge-pill\">\n                                    <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle><\/svg>                                    <span>Promotions<\/span>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"actu-content\">\n                                <h3 class=\"actu-card-title\">Promotions du printemps<\/h3>\n                                <div class=\"actu-card-text\">\n                                    Profitez de nos offres exceptionnelles sur une large s\u00e9lection de plantes, terreaux et accessoires pour pr\u00e9parer votre jardin.                                <\/div>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n\n                                    <div class=\"slider-dots\"><\/div>\n                            <\/div>\n\n            <div class=\"actu-actions ltf-fade-up\">\n                <a href=\"\/index.php\/promotions\" class=\"cta-btn\">\n                    Voir toutes les promotions de la saison\n                    <svg class=\"arrow-icon\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        :root { \n            --main-orange: #f4810f; \n            --main-green: #39722d;\n            --badge-bg: var(--main-orange);\n            --badge-text: #ffffff;\n        }\n\n        .actu-section { background-color: #fdf2e7; padding: 100px 20px; font-family: 'Apercu Pro', sans-serif; overflow: hidden;}\n        .actu-container { max-width: 1200px; margin: 0 auto; }\n        .actu-header { text-align: center; margin-bottom: 60px; }\n        .actu-subtitle { color: var(--main-orange); font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.85rem; margin-bottom: 15px; display: block; }\n        .actu-main-title { font-size: 3.5rem; color: var(--main-green); font-weight: 800; margin-bottom: 15px; line-height: 1.1; }\n        .actu-intro { color: var(--main-green); opacity: 0.8; font-size: 1.15rem; max-width: 650px; margin: 0 auto; }\n\n        \/* GRID PAR DEFAUT (Moins de 3 actus) *\/\n        .actu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 40px; }\n        \n        \/* MODE SLIDER ACTIF (Plus de 3 actus) *\/\n        .actu-wrapper.is-slider { position: relative; padding: 0 50px; }\n        \n        .actu-wrapper.is-slider .actu-grid {\n            display: flex;\n            grid-template-columns: none;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            scroll-snap-type: x mandatory;\n            gap: 30px;\n            padding-bottom: 20px;\n            scrollbar-width: none; \/* Cache la scrollbar sur Firefox *\/\n        }\n        \n        .actu-wrapper.is-slider .actu-grid::-webkit-scrollbar { display: none; } \/* Cache la scrollbar sur Chrome *\/\n        \n        .slider-item {\n            flex: 0 0 calc(33.333% - 20px); \/* 3 cartes par \u00e9cran *\/\n            scroll-snap-align: start;\n        }\n\n        .actu-card { position: relative; background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 40px rgba(57, 114, 45, 0.08); transition: all 0.4s ease; display: flex; flex-direction: column; }\n        .actu-card.is-clickable:hover { transform: translateY(-12px); box-shadow: 0 20px 50px rgba(57, 114, 45, 0.15); }\n        .actu-full-link { position: absolute; inset: 0; z-index: 5; }\n\n        .actu-img-wrapper { position: relative; height: 240px; overflow: hidden; }\n        .actu-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\n        .actu-card.is-clickable:hover .actu-img-wrapper img { transform: scale(1.08); }\n\n        .actu-badge-pill {\n            position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center; gap: 6px;\n            background-color: var(--badge-bg); color: var(--badge-text); padding: 6px 12px; border-radius: 9999px;\n            font-size: 0.70rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; z-index: 2;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s ease;\n        }\n        .actu-card.is-clickable:hover .actu-badge-pill { transform: scale(1.05); }\n        .badge-icon { width: 14px; height: 14px; }\n        \n        .actu-content { padding: 30px; flex-grow: 1; }\n        .actu-card-title { color: var(--main-green); font-size: 1.4rem; font-weight: 800; margin-bottom: 15px; }\n        .actu-card-text { color: var(--main-green); line-height: 1.6; font-size: 0.98rem; opacity: 0.9; }\n\n        \/* FL\u00c8CHES DU SLIDER *\/\n        .slider-arrow {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            width: 44px; height: 44px; border-radius: 50%; background: white; border: 1px solid #e5e7eb;\n            color: var(--main-green); font-size: 18px; cursor: pointer; z-index: 10;\n            display: flex; align-items: center; justify-content: center;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: all 0.3s ease;\n        }\n        .slider-arrow:hover { background: var(--main-green); color: white; }\n        .slider-arrow.prev { left: 0; }\n        .slider-arrow.next { right: 0; }\n\n        \/* DOTS *\/\n        .slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }\n        .dot { width: 10px; height: 10px; border-radius: 50%; background: #e5e7eb; cursor: pointer; transition: all 0.3s; }\n        .dot.active { background: var(--main-orange); width: 24px; border-radius: 6px; }\n\n        .actu-actions { text-align: center; margin-top: 40px; }\n        .cta-btn {\n            display: inline-flex; align-items: center; background-color: var(--main-orange); color: white !important; \n            padding: 16px 35px; border-radius: 12px; text-decoration: none !important; font-weight: 600; \n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 6px 12px rgba(234, 127, 11, 0.2); border: none;\n        }\n        .cta-btn:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 25px rgba(234, 127, 11, 0.4); }\n        .arrow-icon { margin-left: 12px; transition: transform 0.4s ease; }\n        .cta-btn:hover .arrow-icon { transform: translateX(8px); }\n\n        @media (max-width: 1024px) {\n            .slider-item { flex: 0 0 calc(50% - 15px); } \/* 2 cartes sur tablette *\/\n        }\n        @media (max-width: 768px) {\n            .actu-main-title { font-size: 2.2rem; } \n            .cta-btn { width: 100%; }\n            .actu-wrapper.is-slider { padding: 0; }\n            .slider-item { flex: 0 0 85%; } \/* 1 carte et demi sur mobile pour inviter au swipe *\/\n            .slider-arrow { display: none; } \/* On cache les fl\u00e8ches sur mobile car le swipe au doigt est naturel *\/\n        }\n\n        \/* ANIMATIONS (Conserv\u00e9es) *\/\n        .ltf-fade-up { opacity: 0; transform: translateY(40px); transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1); }\n        .ltf-card-reveal { opacity: 0; transform: translateY(60px) scale(0.95) rotateX(-10deg); transform-style: preserve-3d; perspective: 1000px; transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); }\n        .ltf-animated { opacity: 1 !important; transform: translateY(0) scale(1) rotateX(0) !important; }\n    <\/style>\n\n    <script>\n    (function() {\n        const initActuAnimations = () => {\n            const elementsToFade = document.querySelectorAll('.ltf-fade-up');\n            const cards = document.querySelectorAll('.ltf-card-reveal');\n\n            \/\/ 1. ANIMATIONS D'APPARITION\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('ltf-animated');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.15 });\n\n            elementsToFade.forEach(el => observer.observe(el));\n\n            const cardObserver = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        const cardArray = Array.from(cards);\n                        const index = cardArray.indexOf(entry.target);\n                        setTimeout(() => {\n                            entry.target.classList.add('ltf-animated');\n                        }, index * 150); \n                        cardObserver.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n\n            cards.forEach(card => cardObserver.observe(card));\n\n            \/\/ 2. LOGIQUE DU SLIDER (Si plus de 3 actus)\n            const track = document.querySelector('.slider-track');\n            const wrapper = document.querySelector('.actu-wrapper.is-slider');\n            \n            if (!track || !wrapper) return;\n\n            const items = track.querySelectorAll('.slider-item');\n            const prevBtn = wrapper.querySelector('.slider-arrow.prev');\n            const nextBtn = wrapper.querySelector('.slider-arrow.next');\n            const dotsContainer = wrapper.querySelector('.slider-dots');\n            \n            let autoplayTimer = null;\n\n            \/\/ Cr\u00e9ation des indicateurs (Dots)\n            items.forEach((_, index) => {\n                const dot = document.createElement('div');\n                dot.classList.add('dot');\n                if (index === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => {\n                    track.scrollTo({ left: items[index].offsetLeft - track.offsetLeft, behavior: 'smooth' });\n                });\n                dotsContainer.appendChild(dot);\n            });\n\n            const dots = dotsContainer.querySelectorAll('.dot');\n\n            \/\/ Mise \u00e0 jour de l'\u00e9tat actif des dots au scroll\n            track.addEventListener('scroll', () => {\n                const scrollLeft = track.scrollLeft;\n                items.forEach((item, index) => {\n                    const itemLeft = item.offsetLeft - track.offsetLeft;\n                    if (scrollLeft >= itemLeft - 50 && scrollLeft < itemLeft + item.offsetWidth - 50) {\n                        dots.forEach(d => d.classList.remove('active'));\n                        dots[index].classList.add('active');\n                    }\n                });\n            });\n\n            \/\/ Boutons manuel Pr\u00e9c\u00e9dent \/ Suivant\n            nextBtn.addEventListener('click', () => {\n                const itemWidth = items[0].offsetWidth + 30; \/\/ Largeur + gap\n                if (track.scrollLeft + track.offsetWidth >= track.scrollWidth - 10) {\n                    track.scrollTo({ left: 0, behavior: 'smooth' }); \/\/ Retour au d\u00e9but\n                } else {\n                    track.scrollBy({ left: itemWidth, behavior: 'smooth' });\n                }\n            });\n\n            prevBtn.addEventListener('click', () => {\n                const itemWidth = items[0].offsetWidth + 30;\n                if (track.scrollLeft <= 0) {\n                    track.scrollTo({ left: track.scrollWidth, behavior: 'smooth' }); \/\/ Aller \u00e0 la fin\n                } else {\n                    track.scrollBy({ left: -itemWidth, behavior: 'smooth' });\n                }\n            });\n\n            \/\/ 3. AUTOPLAY (D\u00e9filement Auto toutes les 5 secondes)\n            const startAutoplay = () => {\n                autoplayTimer = setInterval(() => {\n                    nextBtn.click();\n                }, 5000);\n            };\n\n            const stopAutoplay = () => {\n                if (autoplayTimer) clearInterval(autoplayTimer);\n            };\n\n            startAutoplay();\n\n            \/\/ Stopper l'autoplay quand la souris survole pour laisser l'utilisateur lire\n            wrapper.addEventListener('mouseenter', stopAutoplay);\n            wrapper.addEventListener('mouseleave', startAutoplay);\n        };\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initActuAnimations);\n        } else {\n            initActuAnimations();\n        }\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71b821d elementor-widget elementor-widget-html\" data-id=\"71b821d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lovable-wrapper\">\n  <section id=\"about\" class=\"about-section\">\n    <div class=\"about-container\">\n      <div class=\"about-grid\">\n        \n        <div class=\"image-column ltf-reveal-left\">\n          <div class=\"image-wrapper\">\n            <div class=\"image-mask\">\n              <img decoding=\"async\" alt=\"Notre \u00e9quipe passionn\u00e9e\" class=\"team-img\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg\" \/>\n              <div class=\"decorative-circle\"><\/div>\n            <\/div>\n            \n            <!-- AJOUT DE LA CLASSE parallax-move ET data-speed -->\n            <div class=\"experience-badge animate-badge parallax-move\" data-speed=\"-0.15\">\n              <span class=\"exp-number\">70+<\/span>\n              <span class=\"exp-text\">ann\u00e9es d'exp\u00e9rience<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- AJOUT DE LA CLASSE parallax-move ET data-speed SUR LE CONTENU -->\n        <div class=\"content-column ltf-reveal-right parallax-move\" data-speed=\"0.05\">\n          <span class=\"subtitle\">\u00c0 propos de nous<\/span>\n          <h2 class=\"main-title\">Une passion familiale pour l'horticulture<\/h2>\n          <p class=\"description\">\n            Chez Le Temps des Fleurs, nous perp\u00e9tuons un savoir-faire horticole transmis de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration. \n            Notre \u00e9quipe de passionn\u00e9s cultive avec amour et expertise une large vari\u00e9t\u00e9 de plantes.\n          <\/p>\n          <p class=\"description second-p\">\n            Nos serres sont un v\u00e9ritable \u00e9crin de verdure o\u00f9 chaque plante re\u00e7oit l'attention \n            qu'elle m\u00e9rite pour s'\u00e9panouir pleinement avant d'embellir votre jardin.\n          <\/p>\n          <a href=\"\/index.php\/a-propos-de-nous\/\" class=\"cta-btn\">\n            D\u00e9couvrir notre histoire\n            <svg class=\"arrow-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n\/* --- TES STYLES EXISTANTS (Gard\u00e9s tels quels) --- *\/\n.lovable-wrapper { --primary-green: #39722D; --main-orange: #EA7F0B; --text-dark: #39722D; --text-light: #677e67; }\n.about-section { padding: 100px 0; overflow: hidden; } \/* Un peu plus de padding pour appr\u00e9cier le scroll *\/\n.about-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n.about-grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }\n@media (min-width: 1024px) { .about-grid { grid-template-columns: 1fr 1fr; gap: 80px; } }\n\n.ltf-reveal-left { opacity: 0; transform: translateX(-80px); transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1); }\n.ltf-reveal-right { opacity: 0; transform: translateX(80px); transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1); }\n.ltf-visible { opacity: 1 !important; transform: translateX(0) !important; }\n\n.experience-badge { \n    position: absolute; bottom: -15px; left: -15px; \n    background: var(--primary-green); color: white; padding: 20px; \n    border-radius: 18px; z-index: 2; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    cursor: default; user-select: none;\n}\n.experience-badge:hover { transform: scale(1.1) rotate(-5deg) !important; } \/* On force le hover malgr\u00e9 le parallaxe *\/\n\n.exp-number { display: block; font-size: 32px; font-weight: 800; line-height: 1; }\n.exp-text { font-size: 13px; opacity: 0.9; }\n.image-mask { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); z-index: 1; }\n.team-img { width: 100%; height: auto; display: block; aspect-ratio: 4\/3; object-fit: cover; }\n.subtitle { color: var(--main-orange); font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; display: block; margin-bottom: 15px; font-size: 14px; }\n.main-title { font-size: clamp(28px, 4vw, 38px); color: var(--text-dark); font-weight: 700; margin-bottom: 25px; line-height: 1.2; }\n.description { color: var(--text-light); font-size: 16px; line-height: 1.6; margin-bottom: 20px; }\n.cta-btn { display: inline-flex; align-items: center; background: var(--main-orange); color: white !important; padding: 15px 32px; border-radius: 12px; text-decoration: none !important; font-weight: 600; transition: 0.3s; }\n.cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(234,127,11,0.3); }\n.arrow-icon { margin-left: 10px; }\n\n\/* --- AJOUT POUR LE PARALLAXE --- *\/\n.parallax-move {\n    will-change: transform; \/* Optimisation performance *\/\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ 1. Ton script de Reveal existant\n    const initReveal = () => {\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('ltf-visible');\n                }\n            });\n        }, { threshold: 0.15 });\n\n        document.querySelectorAll('.ltf-reveal-left, .ltf-reveal-right').forEach(el => {\n            observer.observe(el);\n        });\n    };\n\n    \/\/ 2. Nouveau script de Parallaxe l\u00e9ger\n    const initParallax = () => {\n        const parallaxItems = document.querySelectorAll('.parallax-move');\n        \n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            \n            parallaxItems.forEach(item => {\n                \/\/ On r\u00e9cup\u00e8re la position de la section pour ne pas animer si hors champ\n                const rect = item.getBoundingClientRect();\n                const speed = item.getAttribute('data-speed');\n                \n                if (rect.top < window.innerHeight && rect.bottom > 0) {\n                    \/\/ Calcul du d\u00e9calage (on multiplie le scroll par la vitesse)\n                    const yPos = (window.innerHeight \/ 2 - rect.top) * speed;\n                    item.style.transform = `translateY(${yPos}px)`;\n                }\n            });\n        });\n    };\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => {\n            initReveal();\n            initParallax();\n        });\n    } else {\n        initReveal();\n        initParallax();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-283c7ce e-con-full e-flex e-con e-parent\" data-id=\"283c7ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72c29b7 elementor-widget elementor-widget-html\" data-id=\"72c29b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"nos-produits\" class=\"rayons-section\">\n  <div class=\"rayons-container\">\n    \n    <div class=\"rayons-header ltf-fade-in-up\">\n      <h2 class=\"rayons-main-title\">Nos Produits<\/h2>\n      <p class=\"rayons-subtitle\">\n        D\u00e9couvrez notre gamme compl\u00e8te de v\u00e9g\u00e9taux et accessoires de jardin, cultiv\u00e9s et s\u00e9lectionn\u00e9s avec passion.\n      <\/p>\n    <\/div>\n\n    <div class=\"rayons-grid\">\n      \n      <a href=\"\/index.php\/rayons\/plantes-dexterieur\/\" class=\"rayon-card ltf-fade-in-up\" style=\"animation-delay: 0.2s;\">\n        <div class=\"rayon-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800\" alt=\"Plantes d'ext\u00e9rieur\">\n        <\/div>\n        <div class=\"rayon-content\">\n          <h3 class=\"rayon-title\">Plantes d'ext\u00e9rieur<\/h3>\n          <p class=\"rayon-desc\">Arbres, arbustes, vivaces, annuelles et tout pour embellir votre jardin.<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/index.php\/rayons\/plantes-dinterieur\/\" class=\"rayon-card ltf-fade-in-up\" style=\"animation-delay: 0.3s;\">\n        <div class=\"rayon-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/plus.unsplash.com\/premium_photo-1683134285765-87d4d565efa1?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Plantes d'int\u00e9rieur\">\n        <\/div>\n        <div class=\"rayon-content\">\n          <h3 class=\"rayon-title\">Plantes d'int\u00e9rieur<\/h3>\n          <p class=\"rayon-desc\">Plantes vertes, fleuries et tropicales pour d\u00e9corer votre int\u00e9rieur.<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/index.php\/rayons\/graines-bulbes\/\" class=\"rayon-card ltf-fade-in-up\" style=\"animation-delay: 0.4s;\">\n        <div class=\"rayon-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523348837708-15d4a09cfac2?auto=format&fit=crop&w=800\" alt=\"Graines & Bulbes\">\n        <\/div>\n        <div class=\"rayon-content\">\n          <h3 class=\"rayon-title\">Graines & Bulbes \u00e0 fleurs<\/h3>\n          <p class=\"rayon-desc\">Semences potag\u00e8res, graines de fleurs et bulbes de saison.<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/index.php\/rayons\/jardinage\/\" class=\"rayon-card ltf-fade-in-up\" style=\"animation-delay: 0.5s;\">\n        <div class=\"rayon-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/plus.unsplash.com\/premium_photo-1678652879435-5d1de0d521d8?q=80&w=987&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Jardinage\">\n        <\/div>\n        <div class=\"rayon-content\">\n          <h3 class=\"rayon-title\">Jardinage<\/h3>\n          <p class=\"rayon-desc\">Outils, terreaux, engrais et tout le n\u00e9cessaire pour jardiner.<\/p>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/index.php\/rayons\/decoration-maison\/\" class=\"rayon-card ltf-fade-in-up\" style=\"animation-delay: 0.6s;\">\n        <div class=\"rayon-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616046229478-9901c5536a45?auto=format&fit=crop&w=800\" alt=\"D\u00e9coration\">\n        <\/div>\n        <div class=\"rayon-content\">\n          <h3 class=\"rayon-title\">D\u00e9coration & maison<\/h3>\n          <p class=\"rayon-desc\">Pots, jardini\u00e8res, objets d\u00e9co et accessoires pour votre int\u00e9rieur et ext\u00e9rieur.<\/p>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* --- CONFIGURATION --- *\/\n.rayons-section {\n  padding: 8rem 0;\n  background-color: rgba(57, 114, 45, 0.03);\n  overflow: hidden;\n}\n\n.rayons-container {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* --- HEADER --- *\/\n.rayons-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.rayons-main-title {\n  font-size: clamp(32px, 4vw, 42px);\n  color: #39722d;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n.rayons-subtitle {\n  color: #556B55;\n  max-width: 700px;\n  margin: 0 auto;\n  font-size: 18px;\n  line-height: 1.6;\n}\n\n\/* --- GRILLE --- *\/\n.rayons-grid {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 24px;\n}\n\n@media (min-width: 640px) { .rayons-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1024px) { .rayons-grid { grid-template-columns: repeat(3, 1fr); } }\n@media (min-width: 1280px) { .rayons-grid { grid-template-columns: repeat(5, 1fr); } }\n\n\/* --- CARTES --- *\/\n.rayon-card {\n  background: #ffffff;\n  border-radius: 20px;\n  border: 1px solid rgba(0,0,0,0.05);\n  overflow: hidden;\n  text-decoration: none !important;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 10px 30px rgba(57, 114, 45, 0.04);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.rayon-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 35px rgba(57, 114, 45, 0.12);\n  border-color: rgba(57, 114, 45, 0.2);\n}\n\n.rayon-img-wrapper {\n  width: 100%;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n}\n\n.rayon-img-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.rayon-card:hover .rayon-img-wrapper img {\n  transform: scale(1.08);\n}\n\n.rayon-content {\n  padding: 24px 15px;\n  text-align: center;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.rayon-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #39722d;\n  margin-bottom: 8px;\n  transition: color 0.3s ease;\n}\n\n.rayon-card:hover .rayon-title {\n  color: #EA7F0B;\n}\n\n.rayon-desc {\n  font-size: 13px;\n  color: #677e67;\n  line-height: 1.5;\n}\n\n\/* ========================================================\n   SYST\u00c8ME D'ANIMATION 100% CSS (Anti-bug Elementor)\n   ======================================================== *\/\n\n.ltf-fade-in-up {\n  opacity: 0;\n  animation: ltfFadeUpAnim 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;\n}\n\n@keyframes ltfFadeUpAnim {\n  0% {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a82521c e-con-full e-flex e-con e-parent\" data-id=\"a82521c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cef598 elementor-widget elementor-widget-shortcode\" data-id=\"9cef598\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"pdm-section\">\n        <div class=\"pdm-container\">\n            <div class=\"pdm-header ltf-reveal-up\">\n                <span class=\"pdm-tag\">S\u00e9lection du moment<\/span>\n                <h2 class=\"pdm-title\">Plantes du mois<\/h2>\n                <p class=\"pdm-intro\">D\u00e9couvrez notre s\u00e9lection de plantes coup de c\u0153ur, choisies par nos experts<\/p>\n            <\/div>\n\n            <div class=\"pdm-grid\">\n                                    <article class=\"pdm-card ltf-card-reveal\">\n                        <div class=\"pdm-image-box\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-rosemary-Y2WdR8_h.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-rosemary-Y2WdR8_h.jpg 512w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-rosemary-Y2WdR8_h-300x300.jpg 300w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-rosemary-Y2WdR8_h-150x150.jpg 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>                                                    <\/div>\n\n                        <div class=\"pdm-content\">\n                            <h3 class=\"pdm-item-title\">Romarin Officinal<\/h3>\n                            <div class=\"pdm-text\">Aromatique et d\u00e9coratif, il parfumera votre cuisine tout au long de l'ann\u00e9e.<\/div>\n                            \n                                                            <div class=\"pdm-care-info\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8a8 8 0 0 1-8 8c-1 0-2 0-2-.5Z\"\/><path d=\"M7 22c0-3 2-5 5-5\"\/><\/svg>\n                                    Plein soleil, peu d&#039;eau                                <\/div>\n                                                    <\/div>\n                    <\/article>\n                                    <article class=\"pdm-card ltf-card-reveal\">\n                        <div class=\"pdm-image-box\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-hydrangea-Bd3UXCzB.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-hydrangea-Bd3UXCzB.jpg 512w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-hydrangea-Bd3UXCzB-300x300.jpg 300w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-hydrangea-Bd3UXCzB-150x150.jpg 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>                                                            <div class=\"pdm-badge\">\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8a8 8 0 0 1-8 8c-1 0-2 0-2-.5Z\"\/><path d=\"M7 22c0-3 2-5 5-5\"\/><\/svg>\n                                    Coup de c\u0153ur\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"pdm-content\">\n                            <h3 class=\"pdm-item-title\">Hortensia Macrophylla<\/h3>\n                            <div class=\"pdm-text\">Floraison g\u00e9n\u00e9reuse aux teintes douces. La star des jardins ombrag\u00e9s.<\/div>\n                            \n                                                            <div class=\"pdm-care-info\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8a8 8 0 0 1-8 8c-1 0-2 0-2-.5Z\"\/><path d=\"M7 22c0-3 2-5 5-5\"\/><\/svg>\n                                    Mi-ombre, sol acide                                <\/div>\n                                                    <\/div>\n                    <\/article>\n                                    <article class=\"pdm-card ltf-card-reveal\">\n                        <div class=\"pdm-image-box\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-lavender-C7KlE5F2.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-lavender-C7KlE5F2.jpg 512w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-lavender-C7KlE5F2-300x300.jpg 300w, https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/plant-lavender-C7KlE5F2-150x150.jpg 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>                                                            <div class=\"pdm-badge\">\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8a8 8 0 0 1-8 8c-1 0-2 0-2-.5Z\"\/><path d=\"M7 22c0-3 2-5 5-5\"\/><\/svg>\n                                    Coup de c\u0153ur\n                                <\/div>\n                                                    <\/div>\n\n                        <div class=\"pdm-content\">\n                            <h3 class=\"pdm-item-title\">Lavande<\/h3>\n                            <div class=\"pdm-text\">Parfum envo\u00fbtant et couleur violette \u00e9clatante. Id\u00e9ale pour les bordures et massifs.<\/div>\n                            \n                                                            <div class=\"pdm-care-info\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8a8 8 0 0 1-8 8c-1 0-2 0-2-.5Z\"\/><path d=\"M7 22c0-3 2-5 5-5\"\/><\/svg>\n                                    Plein soleil, sol drain\u00e9                                <\/div>\n                                                    <\/div>\n                    <\/article>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* --- CONFIGURATION & DESIGN --- *\/\n        .pdm-section { padding: 80px 20px; background: #fff; font-family: sans-serif; overflow: hidden; }\n        .pdm-container { max-width: 1200px; margin: 0 auto; }\n        .pdm-header { text-align: center; margin-bottom: 50px; }\n        \n        \/* Tag Orange - TAILLE AJUST\u00c9E \u00c0 14px *\/\n        .pdm-tag { \n            color: #f4810f; \n            font-weight: 700; \n            text-transform: uppercase; \n            font-size: 14px; \/* Modification demand\u00e9e *\/\n            letter-spacing: 1px; \n            display: block; \n            margin-bottom: 10px; \n        }\n        \n        .pdm-title { font-size: 2.8rem; color: #39722d; font-weight: 800; margin-bottom: 15px; }\n        .pdm-intro { color: #39722d; opacity: 0.8; font-size: 1.05rem; max-width: 600px; margin: 0 auto; }\n\n        .pdm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n        .pdm-card { \n            background: #fff; \n            border-radius: 24px; \n            overflow: hidden; \n            box-shadow: 0 10px 30px rgba(57, 114, 45, 0.05); \n            border: 1px solid rgba(57, 114, 45, 0.08); \n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease; \n        }\n        .pdm-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(57, 114, 45, 0.12); }\n\n        .pdm-image-box { position: relative; aspect-ratio: 1\/1; overflow: hidden; }\n        .pdm-image-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\n        .pdm-card:hover .pdm-image-box img { transform: scale(1.06); }\n        \n        .pdm-badge { \n            position: absolute; top: 15px; left: 15px; background: #39722d; color: #fff; \n            padding: 6px 14px; border-radius: 50px; font-size: 0.7rem; font-weight: 700; \n            display: flex; align-items: center; gap: 5px; text-transform: uppercase; z-index: 2;\n        }\n\n        .pdm-content { padding: 30px; }\n        .pdm-item-title { font-size: 1.5rem; color: #39722d; margin-bottom: 12px; font-weight: 800; }\n        .pdm-text { color: #39722d; opacity: 0.85; font-size: 0.98rem; line-height: 1.6; margin-bottom: 20px; }\n        .pdm-care-info { display: flex; align-items: center; gap: 8px; color: #39722d; font-weight: 700; font-size: 0.85rem; }\n\n        @media (max-width: 768px) { .pdm-title { font-size: 2.2rem; } }\n\n        \/* ========================================================\n           CSS DES ANIMATIONS (\u00c9TATS INITIAUX CACH\u00c9S)\n           ======================================================== *\/\n        \n        \/* Animation du Header (Fade Up) *\/\n        .ltf-reveal-up {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform, opacity;\n        }\n\n        \/* Animation des Cartes (Reveal en cascade) *\/\n        .ltf-card-reveal {\n            opacity: 0;\n            transform: translateY(50px) scale(0.95);\n            transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n            will-change: transform, opacity;\n        }\n\n        \/* Classe active d\u00e9clench\u00e9e par JS *\/\n        .ltf-animated {\n            opacity: 1 !important;\n            transform: translateY(0) scale(1) !important;\n        }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbc7dfb e-con-full e-flex e-con e-parent\" data-id=\"cbc7dfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2de7f64 elementor-widget elementor-widget-html\" data-id=\"2de7f64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"teams-garden-layout\">\n  <div class=\"flower-watermark-left ltf-floating-flower\"><\/div>\n\n  <div class=\"teams-container\">\n    <div class=\"teams-header ltf-fade-up\">\n      <span class=\"teams-subtitle\">Notre \u00e9quipe<\/span>\n      <h2 class=\"teams-main-title\">Des experts \u00e0 votre service<\/h2>\n      <p class=\"teams-intro\">\n        Rencontrez les passionn\u00e9s qui cultivent et vous conseillent au quotidien\n      <\/p>\n    <\/div>\n\n    <div class=\"teams-cards-grid\">\n      \n      <a href=\"index.php\/a-propos\/#expertises\" class=\"garden-team-card group ltf-card-reveal\">\n        <div class=\"image-wrapper-team\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1640800324668-6e1f2657ed5d?q=80&w=1480&auto=format&fit=crop\" alt=\"Production Artisans\" class=\"card-img\">\n          <div class=\"image-overlay gradient-orange\"><\/div>\n          <div class=\"image-content\">\n            <div class=\"badge-row\">\n              <div class=\"badge-icon-box\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M4.44893 17.009C-0.246384 7.83762 7.34051 0.686125 19.5546 3.61245C20.416 3.81881 21.0081 4.60984 20.965 5.49452C20.5862 13.288 17.0341 17.7048 6.13252 17.9857C5.43022 18.0038 4.76908 17.6344 4.44893 17.009Z\"\/>\n                  <path d=\"M3.99999 21C5.50005 15.5 6 12.5 12 9.99997\"\/>\n                <\/svg>\n              <\/div>\n              <h3 class=\"team-card-title\">\u00c9quipe Production<\/h3>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"team-card-description\">\n          Nos producteurs sont de v\u00e9ritables artisans du v\u00e9g\u00e9tal. Avec des ann\u00e9es d'exp\u00e9rience et un amour profond pour leur m\u00e9tier, ils veillent au bon d\u00e9veloppement de chaque plante.\n        <\/p>\n      <\/a>\n\n      <a href=\"index.php\/a-propos\/#expertises\" class=\"garden-team-card group ltf-card-reveal\">\n        <div class=\"image-wrapper-team\">\n          <img decoding=\"async\" src=\"https:\/\/plus.unsplash.com\/premium_photo-1661681958918-f14325073fa3?q=80&w=2070&auto=format&fit=crop\" alt=\"Vente Conseillers\" class=\"card-img\">\n          <div class=\"image-overlay gradient-orange\"><\/div>\n          <div class=\"image-content\">\n            <div class=\"badge-row\">\n              <div class=\"badge-icon-box\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7\"\/><path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"\/><path d=\"M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4\"\/><path d=\"M2 7h20\"\/><path d=\"M22 7v3a2 2 0 0 1-2 2v0a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12v0a2 2 0 0 1-2-2V7Z\"\/><\/svg>\n              <\/div>\n              <h3 class=\"team-card-title\">\u00c9quipe Vente<\/h3>\n            <\/div>\n          <\/div>\n        <\/div>\n        <p class=\"team-card-description\">\n          Nos conseillers sont l\u00e0 pour vous accompagner dans vos choix. Passionn\u00e9s et \u00e0 l'\u00e9coute, ils partagent volontiers leurs connaissances pour vous aider \u00e0 trouver la plante parfaite.\n        <\/p>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* --- CONFIGURATION & DESIGN DE BASE --- *\/\n:root {\n  --gt-green: #39722d;\n  --gt-orange: #f4810f;\n  --gt-white: #ffffff;\n}\n\n.teams-garden-layout {\n  position: relative;\n  padding: 100px 20px;\n  background-color: var(--gt-green);\n  overflow: hidden;\n}\n\n\/* --- DESIGN DE LA FLEUR (\u00c9TAT INITIAL) --- *\/\n.flower-watermark-left {\n  position: absolute;\n  bottom: -4%;\n  left: -5%;\n  width: 20vw;\n  height: 20vw;\n  \/* Transform initial pour le positionnement *\/\n  transform: rotate(25deg); \n  background-image: url('https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/fleur_blanche_2.png');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.3;\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* ========================================================\n   NOUVEAU : ANIMATION DE LA FLEUR\n   ======================================================== *\/\n.ltf-floating-flower {\n  \/* On applique l'animation d\u00e9finie plus bas *\/\n  \/* Dur\u00e9e 15s pour que ce soit tr\u00e8s lent, infinie, et fluide (ease-in-out) *\/\n  animation: ltfFlowerFloat 15s ease-in-out infinite;\n  \n  \/* Optimisation performance pour les animations continues *\/\n  will-change: transform; \n}\n\n\/* D\u00e9finition des \u00e9tapes de l'animation *\/\n@keyframes ltfFlowerFloat {\n  0% {\n    \/* \u00c9tat initial : correspond au transform CSS de base *\/\n    transform: rotate(25deg) translate(0, 0);\n  }\n  25% {\n    \/* L\u00e9g\u00e8re rotation horaire et petit mouvement vers la droite *\/\n    transform: rotate(28deg) translate(15px, 5px);\n  }\n  50% {\n    \/* Reviens \u00e0 la rotation de base mais monte l\u00e9g\u00e8rement *\/\n    transform: rotate(25deg) translate(5px, -15px);\n  }\n  75% {\n    \/* L\u00e9g\u00e8re rotation anti-horaire et mouvement vers la gauche *\/\n    transform: rotate(22deg) translate(-10px, -5px);\n  }\n  100% {\n    \/* Reviens parfaitement au point de d\u00e9part pour boucler proprement *\/\n    transform: rotate(25deg) translate(0, 0);\n  }\n}\n\n\/* --- RESTE DU STYLE (INCHANG\u00c9) --- *\/\n.teams-container { position: relative; max-width: 1200px; margin: 0 auto; z-index: 2; }\n.teams-header { text-align: center; margin-bottom: 70px; }\n.teams-subtitle { display: block; color: var(--gt-orange); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 15px; font-size: 14px; }\n.teams-main-title { font-size: 3rem; color: var(--gt-white); margin-bottom: 20px; font-weight: 700; }\n.teams-intro { color: var(--gt-white); font-size: 1.2rem; max-width: 650px; margin: 0 auto; line-height: 1.6; }\n.teams-cards-grid { display: grid; grid-template-columns: 1fr; gap: 48px; }\n\n@media (min-width: 768px) { .teams-cards-grid { grid-template-columns: repeat(2, 1fr); } }\n\n.garden-team-card { text-decoration: none; display: block; }\n.image-wrapper-team { position: relative; border-radius: 30px; overflow: hidden; height: 420px; margin-bottom: 25px; box-shadow: 0 15px 40px rgba(0,0,0,0.3); }\n.card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }\n.garden-team-card:hover .card-img { transform: scale(1.05); }\n.image-overlay.gradient-orange { position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 119, 15, 0.85) 0%, transparent 60%); z-index: 1; }\n.image-content { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 2; }\n.badge-row { display: flex; align-items: center; gap: 20px; }\n.badge-icon-box { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; }\n.team-card-title { font-size: 1.8rem; font-weight: 600; color: white; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }\n.team-card-description { color: white; font-size: 1.1rem; line-height: 1.6; padding: 0 10px; }\n\n\/* ANIMATIONS D'APPARITION AU SCROLL *\/\n.ltf-fade-up { opacity: 0; transform: translateY(40px); transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform, opacity; }\n.ltf-card-reveal { opacity: 0; transform: translateY(50px) scale(0.98); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform, opacity; }\n.ltf-animated { opacity: 1 !important; transform: translateY(0) scale(1) !important; }\n<\/style>\n\n<script>\n(function() {\n  const initTeamAnimations = () => {\n    const layout = document.querySelector('.teams-garden-layout');\n    if (!layout) return;\n\n    const header = layout.querySelector('.ltf-fade-up');\n    const cards = layout.querySelectorAll('.ltf-card-reveal');\n\n    if (!header && cards.length === 0) return;\n\n    const observerOptions = { threshold: 0.15 };\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('ltf-animated');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, observerOptions);\n\n    if (header) observer.observe(header);\n\n    const cardObserver = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const cardArray = Array.from(cards);\n          const index = cardArray.indexOf(entry.target);\n          setTimeout(() => { entry.target.classList.add('ltf-animated'); }, index * 200);\n          cardObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    cards.forEach(card => cardObserver.observe(card));\n  };\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initTeamAnimations);\n  } else {\n    initTeamAnimations();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4abc254 e-con-full e-flex e-con e-parent\" data-id=\"4abc254\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c2d78 elementor-widget elementor-widget-html\" data-id=\"c6c2d78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"horaires\" class=\"hours-section\">\n    <div class=\"hours-container\">\n        \n        <div class=\"hours-header ltf-fade-up\">\n            <span class=\"hours-subtitle\">Horaires<\/span>\n            <h2 class=\"hours-title\">Nos horaires d'ouverture<\/h2>\n            <p class=\"hours-description\">\n                Nos horaires varient selon les saisons pour mieux vous accompagner pendant les p\u00e9riodes de plantation.\n            <\/p>\n        <\/div>\n\n        <div class=\"hours-grid\">\n            \n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Mars & Juin<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\n                    <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\n                <\/div>\n                <p class=\"note\">Tous les jours, jours f\u00e9ri\u00e9s inclus<\/p>\n            <\/div>\n\n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Avril & Mai<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\n                    <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 19h<\/div>\n                <\/div>\n                <p class=\"note\">Tous les jours, jours f\u00e9ri\u00e9s inclus<\/p>\n            <\/div>\n\n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Juillet & Ao\u00fbt<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 8h - 13h<\/div>\n                <\/div>\n                <p class=\"note\">Ferm\u00e9 les weekends et jours f\u00e9ri\u00e9s<\/p>\n            <\/div>\n\n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Septembre<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\n                    <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\n                <\/div>\n                <p class=\"note\">Ferm\u00e9 les weekends et jours f\u00e9ri\u00e9s<\/p>\n            <\/div>\n\n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Octobre<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\n                    <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\n                <\/div>\n                <p class=\"note\">Ouvert tous les jours y compris dimanche<\/p>\n            <\/div>\n\n            <div class=\"hour-card ltf-hour-reveal\">\n                <div class=\"card-header\">\n                    <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\n                    <h3>Novembre<\/h3>\n                <\/div>\n                <div class=\"time-slots\">\n                    <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\n                    <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\n                <\/div>\n                <p class=\"note\">Jours f\u00e9ri\u00e9s inclus, ferm\u00e9 le dimanche<\/p>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n:root {\n    --green-primary: #39722D;\n    --orange-secondary: #EA7F0B;\n    --bg-muted: #f8faf8;\n    --text-main: #39722d;\n    --text-light: #677e67;\n}\n\n.hours-section {\n    padding: 80px 20px;\n    background-color: var(--bg-muted);\n    overflow: hidden; \/* Emp\u00eache les barres de d\u00e9filement pendant l'animation *\/\n}\n\n.hours-container {\n    max-width: 1300px;\n    margin: 0 auto;\n}\n\n.hours-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.hours-subtitle {\n    color: var(--orange-secondary);\n    font-weight: 700; \/* L\u00e9g\u00e8rement plus gras pour correspondre aux autres sections *\/\n    text-transform: uppercase;\n    font-size: 14px; \/* D\u00e9j\u00e0 \u00e0 14px, parfait ! *\/\n    display: block;\n    margin-bottom: 10px;\n}\n\n.hours-title {\n    font-family: 'Apercu Pro', sans-serif;\n    color: var(--text-main);\n    font-size: 32px;\n    margin-bottom: 15px;\n    font-weight: 800;\n}\n\n.hours-description {\n    color: var(--text-light);\n    max-width: 600px;\n    margin: 0 auto;\n    font-size: 17px;\n}\n\n\/* Grille r\u00e9active *\/\n.hours-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 15px;\n}\n\n.hour-card {\n    background: #ffffff;\n    padding: 24px;\n    border-radius: 16px;\n    border: 1px solid #e5e7eb;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.hour-card:hover {\n    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);\n    transform: translateY(-5px); \/* Un poil plus prononc\u00e9 *\/\n    border-color: var(--green-primary);\n}\n\n.card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 15px;\n}\n\n.card-header h3 {\n    font-family: 'Apercu Pro', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-main);\n    margin: 0;\n}\n\n.time-slots {\n    margin-bottom: 12px;\n    font-family: 'Apercu Pro', sans-serif;\n}\n\n.time-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    color: var(--text-main);\n    font-size: 15px;\n    margin-bottom: 4px;\n}\n\n.icon-calendar { font-size: 18px; color: var(--orange-secondary); }\n.icon-clock { font-size: 14px; color: var(--green-primary); }\n.icon-clock-muted { font-size: 14px; color: var(--green-primary); opacity: 0.4; }\n\n.note {\n    font-size: 13px;\n    color: var(--text-light);\n    line-height: 1.4;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1200px) {\n    .hours-grid { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 768px) {\n    .hours-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 480px) {\n    .hours-grid { grid-template-columns: 1fr; }\n}\n\n\/* ========================================================\n   CSS DES ANIMATIONS (\u00c9L\u00c9MENTS CACH\u00c9S PAR D\u00c9FAUT)\n   ======================================================== *\/\n.ltf-fade-up {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform, opacity;\n}\n\n.ltf-hour-reveal {\n    opacity: 0;\n    transform: translateY(40px) scale(0.96);\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform, opacity;\n}\n\n\/* Classe active d\u00e9clench\u00e9e par le JS *\/\n.ltf-animated {\n    opacity: 1 !important;\n    transform: translateY(0) scale(1) !important;\n}\n<\/style>\n\n<script>\n(function() {\n    const initHoursAnimations = () => {\n        \/\/ Ciblage strict dans la section horaires pour \u00e9viter les conflits\n        const section = document.querySelector('.hours-section');\n        if (!section) return;\n\n        const header = section.querySelector('.ltf-fade-up');\n        const cards = section.querySelectorAll('.ltf-hour-reveal');\n\n        if (!header && cards.length === 0) return;\n\n        const observerOptions = {\n            threshold: 0.15\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('ltf-animated');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        if (header) observer.observe(header);\n\n        \/\/ Observer les 6 cartes avec un effet de cascade l\u00e9ger (100ms par carte)\n        const cardObserver = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    const cardArray = Array.from(cards);\n                    const index = cardArray.indexOf(entry.target);\n                    \n                    setTimeout(() => {\n                        entry.target.classList.add('ltf-animated');\n                    }, index * 100); \n                    \n                    cardObserver.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.1 });\n\n        cards.forEach(card => cardObserver.observe(card));\n    };\n\n    \/\/ Chargement s\u00e9curis\u00e9\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initHoursAnimations);\n    } else {\n        initHoursAnimations();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb60614 e-con-full e-flex e-con e-parent\" data-id=\"bb60614\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc9aef3 elementor-widget elementor-widget-html\" data-id=\"dc9aef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"contact\" class=\"contact-section\">\n    <div class=\"contact-container\">\n        <div class=\"contact-grid\">\n            \n            <div class=\"contact-info ltf-fade-left\">\n                <span class=\"contact-tag\">Contact<\/span>\n                <h2 class=\"contact-title\">Venez nous rendre visite<\/h2>\n                <p class=\"contact-desc\">Notre \u00e9quipe vous accueille dans un cadre verdoyant pour vous conseiller et vous faire d\u00e9couvrir nos plus belles vari\u00e9t\u00e9s.<\/p>\n\n                <div class=\"info-list\">\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\ud83d\udccd<\/div>\n                        <div>\n                            <h4>Adresse<\/h4>\n                            <a href=\"https:\/\/maps.app.goo.gl\/uL6sfWKL22nmbohJ8\" \n                               target=\"_blank\" \n                               rel=\"noopener noreferrer\" \n                               class=\"address-link\">\n                                 1 Rue Molle, 71110 Marcigny\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\ud83d\udcde<\/div>\n                        <div>\n                            <h4>T\u00e9l\u00e9phone<\/h4>\n                            <p><a href=\"tel:0385254170\" class=\"contact-link-large\">03 85 25 41 70<\/a><\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\u2709\ufe0f<\/div>\n                        <div>\n                            <h4>Email<\/h4>\n                            <p><a href=\"mailto:contact@letempsdesfleurs.com\" class=\"contact-link-large\">contact@letempsdesfleurs.com<\/a><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-card ltf-fade-right\">\n                <h3>Envoyez-nous un message<\/h3>\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f198-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"198\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/21#wpcf7-f198-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"198\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f198-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact-form-lovable\">\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>Nom<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre nom\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><label>Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"votre@email.fr\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label>Sujet<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre sujet\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label>Message<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre message...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner btn-submit\" type=\"submit\" value=\"Envoyer le message\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n:root {\n    --green-dark: #39722D;\n    --orange-cta: #EA7F0B;\n}\n\n.contact-section {\n    background-color: var(--green-dark);\n    padding: 80px 20px;\n    color: white;\n    font-family: 'Apercu Pro', sans-serif;\n    overflow: hidden; \/* Important pour \u00e9viter les barres de scroll avec l'arriv\u00e9e lat\u00e9rale *\/\n}\n\n.contact-container { max-width: 1200px; margin: 0 auto; }\n.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; }\n\n\/* Tag Orange - TAILLE AJUST\u00c9E \u00c0 14px *\/\n.contact-tag { \n    color: var(--orange-cta); \n    font-weight: 700; \n    text-transform: uppercase; \n    font-size: 14px; \/* Modification appliqu\u00e9e *\/\n    display: block; \n    margin-bottom: 15px; \n    letter-spacing: 0.05em;\n}\n\n.contact-title { font-size: 36px; margin-bottom: 20px; color: white; font-weight: 800; }\n.contact-desc { opacity: 0.8; font-size: 18px; line-height: 1.6; margin-bottom: 40px; }\n\n.info-item { display: flex; gap: 15px; margin-bottom: 30px; }\n.info-icon { width: 54px; height: 54px; background: rgba(255,255,255,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; }\n.info-item h4 { margin: 0 0 5px 0; font-size: 16px; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1px; }\n\n.address-link, .contact-link-large { \n    font-size: 20px; \n    font-weight: 600; \n    color: #ffffff !important; \n    text-decoration: none; \n    line-height: 1.4;\n    transition: opacity 0.3s;\n}\n.address-link:hover, .contact-link-large:hover { opacity: 0.8; }\n\n\/* Carte Formulaire *\/\n.contact-card { \n    background: white; \n    padding: 40px; \n    border-radius: 24px; \n    color: var(--green-dark); \n    box-shadow: 0 20px 40px rgba(0,0,0,0.2); \n}\n.contact-card h3 { margin-bottom: 25px; font-size: 24px; font-weight: 800; color: var(--green-dark); }\n\n\/* Styling CF7 *\/\n.contact-form-lovable label { \n    display: block; \n    font-size: 15px; \n    font-weight: 600; \n    margin-bottom: 8px; \n    color: var(--green-dark); \n}\n\n.contact-form-lovable input, \n.contact-form-lovable textarea { \n    width: 100%; \n    padding: 14px 18px; \n    border-radius: 12px; \n    border: 1px solid #e2e8f0; \n    background: #f8fafc; \n    color: var(--green-dark); \n    font-size: 16px;\n    transition: 0.3s;\n}\n\n.contact-form-lovable input:focus, \n.contact-form-lovable textarea:focus { \n    border-color: var(--green-dark); \n    outline: none; \n    background: white; \n    box-shadow: 0 0 0 3px rgba(57, 114, 45, 0.1);\n}\n\n.btn-submit { \n    width: 100%; \n    background-color: var(--orange-cta) !important; \n    color: white !important; \n    border: none; \n    padding: 18px; \n    border-radius: 14px; \n    font-weight: 700; \n    font-size: 17px; \n    cursor: pointer; \n    transition: 0.4s; \n    margin-top: 10px;\n}\n.btn-submit:hover { background: #d16f0a !important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(234, 127, 11, 0.3); }\n\n@media (max-width: 900px) {\n    .contact-grid { grid-template-columns: 1fr; gap: 40px; }\n    .contact-card { padding: 30px; }\n    .contact-title { font-size: 28px; }\n}\n\n\/* ========================================================\n   CSS DES ANIMATIONS (\u00c9L\u00c9MENTS CACH\u00c9S PAR D\u00c9FAUT)\n   ======================================================== *\/\n.ltf-fade-left {\n    opacity: 0;\n    transform: translateX(-50px);\n    transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform, opacity;\n}\n\n.ltf-fade-right {\n    opacity: 0;\n    transform: translateX(50px);\n    transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);\n    will-change: transform, opacity;\n}\n\n\/* Classe active d\u00e9clench\u00e9e par le JS *\/\n.ltf-animated {\n    opacity: 1 !important;\n    transform: translateX(0) !important;\n}\n<\/style>\n\n<script>\n(function() {\n    const initContactAnimations = () => {\n        const section = document.querySelector('.contact-section');\n        if (!section) return;\n\n        const leftEl = section.querySelector('.ltf-fade-left');\n        const rightEl = section.querySelector('.ltf-fade-right');\n\n        if (!leftEl && !rightEl) return;\n\n        const observerOptions = {\n            threshold: 0.2 \/\/ Se d\u00e9clenche quand 20% de la section est visible\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    \/\/ On ajoute la classe d'animation\n                    entry.target.classList.add('ltf-animated');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        if (leftEl) observer.observe(leftEl);\n        if (rightEl) observer.observe(rightEl);\n    };\n\n    \/\/ Chargement\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initContactAnimations);\n    } else {\n        initContactAnimations();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qui conna\u00eet mieux les plantes que celui qui les a fait na\u00eetre ? Depuis des g\u00e9n\u00e9rations, nous cultivons avec passion des plantes d&rsquo;exception pour embellir votre quotidien. D\u00e9couvrir nos promotions d\u00e9couvrir 70+ ann\u00e9es d&rsquo;exp\u00e9rience \u00c0 propos de nous Une passion familiale pour l&rsquo;horticulture Chez Le Temps des Fleurs, nous perp\u00e9tuons un savoir-faire horticole transmis de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - Le Temps Des Fleurs<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - Le Temps Des Fleurs\" \/>\n<meta property=\"og:description\" content=\"Qui conna\u00eet mieux les plantes que celui qui les a fait na\u00eetre ? Depuis des g\u00e9n\u00e9rations, nous cultivons avec passion des plantes d&rsquo;exception pour embellir votre quotidien. D\u00e9couvrir nos promotions d\u00e9couvrir 70+ ann\u00e9es d&rsquo;exp\u00e9rience \u00c0 propos de nous Une passion familiale pour l&rsquo;horticulture Chez Le Temps des Fleurs, nous perp\u00e9tuons un savoir-faire horticole transmis de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.letempsdesfleurs.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Le Temps Des Fleurs\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T08:34:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\",\"url\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\",\"name\":\"Accueil - Le Temps Des Fleurs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/famille.jpg\",\"datePublished\":\"2026-03-19T13:43:32+00:00\",\"dateModified\":\"2026-04-10T08:34:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/famille.jpg\",\"contentUrl\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/famille.jpg\",\"width\":1184,\"height\":704},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#website\",\"url\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\",\"name\":\"Le Temps Des Fleurs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - Le Temps Des Fleurs","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Accueil - Le Temps Des Fleurs","og_description":"Qui conna\u00eet mieux les plantes que celui qui les a fait na\u00eetre ? Depuis des g\u00e9n\u00e9rations, nous cultivons avec passion des plantes d&rsquo;exception pour embellir votre quotidien. D\u00e9couvrir nos promotions d\u00e9couvrir 70+ ann\u00e9es d&rsquo;exp\u00e9rience \u00c0 propos de nous Une passion familiale pour l&rsquo;horticulture Chez Le Temps des Fleurs, nous perp\u00e9tuons un savoir-faire horticole transmis de [&hellip;]","og_url":"https:\/\/dev.letempsdesfleurs.com\/","og_site_name":"Le Temps Des Fleurs","article_modified_time":"2026-04-10T08:34:19+00:00","og_image":[{"url":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.letempsdesfleurs.com\/","url":"https:\/\/dev.letempsdesfleurs.com\/","name":"Accueil - Le Temps Des Fleurs","isPartOf":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#primaryimage"},"image":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#primaryimage"},"thumbnailUrl":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg","datePublished":"2026-03-19T13:43:32+00:00","dateModified":"2026-04-10T08:34:19+00:00","breadcrumb":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.letempsdesfleurs.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/dev.letempsdesfleurs.com\/#primaryimage","url":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg","contentUrl":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/famille.jpg","width":1184,"height":704},{"@type":"BreadcrumbList","@id":"https:\/\/dev.letempsdesfleurs.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/dev.letempsdesfleurs.com\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/dev.letempsdesfleurs.com\/#website","url":"https:\/\/dev.letempsdesfleurs.com\/","name":"Le Temps Des Fleurs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev.letempsdesfleurs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":215,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/698"}],"wp:attachment":[{"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}