{"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-09-17T13:03:29","modified_gmt":"2026-09-17T11:03:29","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-0d983ad e-con e-atomic-element e-flexbox-base e-default-div e-6752c26 \" data-id=\"0d983ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0d983ad\">\n    \t\t<div class=\"elementor-element elementor-element-bcf1ec9 elementor-widget elementor-widget-html\" data-id=\"bcf1ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"accueil\" class=\"hero-main\">\r\n  <!-- IMAGE DE FOND -->\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/07\/Photo-equipe-production-1.jpg\"\r\n    alt=\"Serre lumineuse du Temps des Fleurs remplie de plantes vertes\"\r\n    class=\"hero-image\"\r\n  \/>\r\n\r\n  <!-- GRADIENT OVERLAY -->\r\n  <div class=\"hero-gradient\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- BLOBS ANIM\u00c9S -->\r\n  <div class=\"blob blob-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"blob blob-2\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- CONTENU -->\r\n  <div class=\"hero-content\">\r\n    <!-- BADGE -->\r\n    <span class=\"hero-badge\">\r\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\" aria-hidden=\"true\">\r\n        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n        <path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path>\r\n        <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n      <\/svg>\r\n      Maison familiale depuis 1956\r\n    <\/span>\r\n\r\n    <!-- TITRE -->\r\n    <h1 class=\"hero-title\">\r\n      Trois g\u00e9n\u00e9rations de passion du v\u00e9g\u00e9tal\r\n    <\/h1>\r\n\r\n    <!-- DESCRIPTION -->\r\n    <p class=\"hero-description\">\r\n      Depuis 1956, nous cultivons l'excellence : des plantes robustes, \u00e9lev\u00e9es avec soin dans nos serres familiales et choisies pour durer dans vos jardins.\r\n    <\/p>\r\n\r\n    <!-- BOUTONS -->\r\n    <div class=\"hero-buttons\">\r\n      <a href=\"https:\/\/dev.letempsdesfleurs.com\/index.php\/nos-produits\/\" class=\"btn btn-primary\">\r\n        D\u00e9couvrir nos plantes\r\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\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14\"><\/path>\r\n          <path d=\"m12 5 7 7-7 7\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/dev.letempsdesfleurs.com\/index.php\/a-propos-de-nous\/#expertises\" class=\"btn btn-secondary\">\r\n        Conna\u00eetre l'\u00e9quipe\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- STATS CARDS -->\r\n    <dl class=\"hero-stats\">\r\n      <div class=\"stat-card\">\r\n        <dt class=\"sr-only\">ann\u00e9es d'exp\u00e9rience<\/dt>\r\n        <dd>\r\n          <span class=\"stat-value\">70+<\/span>\r\n          <span class=\"stat-label\">ann\u00e9es d'exp\u00e9rience<\/span>\r\n        <\/dd>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <dt class=\"sr-only\">g\u00e9n\u00e9rations<\/dt>\r\n        <dd>\r\n          <span class=\"stat-value\">3<\/span>\r\n          <span class=\"stat-label\">g\u00e9n\u00e9rations<\/span>\r\n        <\/dd>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <dt class=\"sr-only\">passion<\/dt>\r\n        <dd>\r\n          <span class=\"stat-value\">100%<\/span>\r\n          <span class=\"stat-label\">passion<\/span>\r\n        <\/dd>\r\n      <\/div>\r\n    <\/dl>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========================================================\r\n   IMPORT FONT\r\n   ======================================================== *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* ========================================================\r\n   CSS VARIABLES\r\n   ======================================================== *\/\r\n\r\n:root {\r\n  --container-4xl: 56rem;\r\n}\r\n\r\n\/* ========================================================\r\n   HERO SECTION\r\n   ======================================================== *\/\r\n\r\n.hero-main {\r\n  position: relative;\r\n  isolation: isolate;\r\n  min-height: 80dvh;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n\/* IMAGE DE FOND *\/\r\n.hero-image {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -20;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* GRADIENT OVERLAY *\/\r\n.hero-gradient {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -10;\r\n  background: linear-gradient(\r\n    120deg,\r\n    rgba(57, 114, 45, 0.94) 0%,\r\n    rgba(79, 126, 45, 0.78) 45%,\r\n    rgba(57, 114, 45, 0.45) 100%\r\n  );\r\n}\r\n\r\n\/* BLOBS ANIM\u00c9S *\/\r\n.blob {\r\n  position: absolute;\r\n  z-index: -10;\r\n  border-radius: 50%;\r\n}\r\n\r\n.blob-1 {\r\n  width: 448px;\r\n  height: 448px;\r\n  top: 96px;\r\n  right: -128px;\r\n  background: rgba(244, 129, 15, 0.25);\r\n  filter: blur(80px);\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.blob-2 {\r\n  width: 416px;\r\n  height: 416px;\r\n  bottom: -160px;\r\n  left: -96px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  filter: blur(70px);\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% { transform: translateY(0px); }\r\n  50% { transform: translateY(-20px); }\r\n}\r\n\r\n\/* ========================================================\r\n   CONTENU PRINCIPAL\r\n   ======================================================== *\/\r\n\r\n.hero-content {\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  max-width: 1280px;\r\n  padding: 0 20px;\r\n  padding-bottom: 64px;\r\n  padding-top: 128px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  min-height: 90dvh;\r\n}\r\n\r\n\/* ========================================================\r\n   BADGE\r\n   ======================================================== *\/\r\n\r\n.hero-badge {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 24px;\r\n  border-radius: 9999px;\r\n  border: 1px solid rgba(255, 255, 255, 0.25);\r\n  background: rgba(255, 255, 255, 0.1);\r\n  padding: 8px 16px;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.2em;\r\n  color: #fff;\r\n  backdrop-filter: blur(12px);\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n.hero-badge svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  color: currentColor;\r\n}\r\n\r\n\/* ========================================================\r\n   TITRE (max-w-4xl)\r\n   ======================================================== *\/\r\n\r\n.hero-title {\r\n  max-width: var(--container-4xl);\r\n  font-size: clamp(2.6rem, 6.4vw, 4.6rem);\r\n  font-weight: 900;\r\n  line-height: 1.1;\r\n  color: #fff;\r\n  margin: 0;\r\n  letter-spacing: -0.02em;\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n\/* ========================================================\r\n   DESCRIPTION\r\n   ======================================================== *\/\r\n\r\n.hero-description {\r\n  margin-top: 24px;\r\n  max-width: 448px;\r\n  font-size: 18px;\r\n  line-height: 1.65;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n\/* ========================================================\r\n   BOUTONS\r\n   ======================================================== *\/\r\n\r\n.hero-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 28px;\r\n  border-radius: 9999px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n.btn svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n\/* PRIMARY BUTTON *\/\r\n.btn-primary {\r\n  background: #f4810f;\r\n  color: #fff;\r\n  box-shadow: 0 10px 25px rgba(244, 129, 15, 0.3);\r\n}\r\n\r\n.btn-primary:hover {\r\n  transform: translateY(-4px);\r\n  color: #fff;\r\n  box-shadow: none;\r\n  filter: brightness(1.1);\r\n}\r\n\r\n\/* SECONDARY BUTTON *\/\r\n.btn-secondary {\r\n  border: 1px solid rgba(255, 255, 255, 0.4);\r\n  background: rgba(255, 255, 255, 0.1);\r\n  color: #fff;\r\n  backdrop-filter: blur(12px);\r\n}\r\n\r\n.btn-secondary:hover {\r\n  transform: translateY(-4px);\r\n  background: rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n}\r\n\r\n\/* ========================================================\r\n   STATS\r\n   ======================================================== *\/\r\n\r\n.hero-stats {\r\n  margin-top: 64px;\r\n  max-width: 640px;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 12px;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* STAT CARD - AVEC HOVER EFFECT *\/\r\n.stat-card {\r\n    display: none;\r\n  border-radius: 16px;\r\n  padding: 20px 24px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  backdrop-filter: blur(12px);\r\n  color: #fff;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.stat-card:hover {\r\n  transform: translateY(-4px);\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-color: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.stat-card dd {\r\n  margin: 0;\r\n}\r\n\r\n.stat-value {\r\n  display: block;\r\n  font-size: 32px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n.stat-label {\r\n  display: block;\r\n  margin-top: 4px;\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  font-family: \"Bricolage Grotesque\", ui-sans-serif, system-ui, sans-serif;\r\n}\r\n\r\n.sr-only {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  white-space: nowrap;\r\n  border-width: 0;\r\n}\r\n\r\n\/* ========================================================\r\n   RESPONSIVE\r\n   ======================================================== *\/\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  .hero-content {\r\n    padding: 0 32px;\r\n    padding-bottom: 64px;\r\n    padding-top: 128px;\r\n  }\r\n\r\n  .hero-description {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .hero-stats {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n  .hero-content {\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .hero-stats {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .hero-content {\r\n    padding: 0 16px;\r\n    padding-bottom: 40px;\r\n    padding-top: 80px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .hero-description {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .hero-buttons {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .blob-1 {\r\n    width: 300px;\r\n    height: 300px;\r\n    top: 50px;\r\n    right: -100px;\r\n  }\r\n\r\n  .blob-2 {\r\n    width: 250px;\r\n    height: 250px;\r\n    bottom: -100px;\r\n    left: -80px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .hero-badge {\r\n    font-size: 11px;\r\n    gap: 4px;\r\n  }\r\n\r\n  .hero-badge svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .hero-description {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .btn {\r\n    padding: 14px 20px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .stat-value {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<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 salades<\/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 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>\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        \/* 1. SECTIONS ET HIERARCHIE *\/\n        .actu-section { \n            background-color: #fdf2e7; \n            padding: 100px 20px; \n            font-family: 'Apercu Pro', sans-serif; \n            overflow: visible;\n        }\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: 1rem; 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 STANDARD *\/\n        .actu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-bottom: 40px; }\n        \n        \/* MODE SLIDER ACTIF *\/\n        .actu-wrapper.is-slider { position: relative; padding: 0 60px; }\n        \n        \/* 2. PISTE DU SLIDER & GESTION CL\u00c9 DU SHADOW-BOX *\/\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            margin: 0;\n            padding: 20px 0 35px 0;\n            scrollbar-width: none;\n            scroll-padding-left: 0px;\n        }\n        \n        .actu-wrapper.is-slider .actu-grid::-webkit-scrollbar { display: none; }\n        \n        .slider-item {\n            flex: 0 0 calc(33.333% - 20px);\n            scroll-snap-align: start;\n        }\n\n        \/* 3. DESIGN CARTES ET SHADOW-BOX *\/\n        .actu-card { \n            position: relative; \n            background: white; \n            border-radius: 24px; \n            overflow: hidden; \n            box-shadow: 0 10px 25px rgba(57, 114, 45, 0.08); \n            transition: transform 0.3s ease, box-shadow 0.3s ease; \n            display: flex; \n            flex-direction: column; \n            height: 100%;\n        }\n\n        .actu-card.is-clickable:hover { \n            transform: translateY(-6px); \n            box-shadow: 0 18px 35px rgba(57, 114, 45, 0.18); \n        }\n\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; min-height: 3.2rem; line-height: 1.2; }\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:focus,\n        .slider-arrow:active { \n            background: white !important; \n            color: var(--main-green) !important;\n        }\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: 10px; }\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        \/* BOUTON D'ACTION *\/\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); }\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%; }\n            .slider-arrow { display: none; }\n        }\n\n        \/* ANIMATIONS SOUPLES *\/\n        .ltf-fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }\n        .ltf-card-reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }\n        .ltf-animated { opacity: 1 !important; transform: translateY(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 * 100); \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 DYNAMIQUE\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            const getVisibleCount = () => {\n                const width = window.innerWidth;\n                if (width <= 768) return 1;\n                if (width <= 1024) return 2;\n                return 3;\n            };\n\n            const buildDots = () => {\n                dotsContainer.innerHTML = '';\n                const visibleCount = getVisibleCount();\n                const totalPages = Math.max(1, items.length - visibleCount + 1);\n\n                for (let i = 0; i < totalPages; i++) {\n                    const dot = document.createElement('div');\n                    dot.classList.add('dot');\n                    if (i === 0) dot.classList.add('active');\n                    \n                    dot.addEventListener('click', () => {\n                        const itemWidth = items[0].offsetWidth + 30;\n                        track.scrollTo({ left: i * itemWidth, behavior: 'smooth' });\n                    });\n\n                    dotsContainer.appendChild(dot);\n                }\n            };\n\n            buildDots();\n            window.addEventListener('resize', buildDots);\n\n            track.addEventListener('scroll', () => {\n                const itemWidth = items[0].offsetWidth + 30;\n                const visibleCount = getVisibleCount();\n                const totalPages = Math.max(1, items.length - visibleCount + 1);\n                \n                let pageIndex = Math.round(track.scrollLeft \/ itemWidth);\n                pageIndex = Math.min(pageIndex, totalPages - 1);\n\n                const dots = dotsContainer.querySelectorAll('.dot');\n                dots.forEach((d, idx) => {\n                    d.classList.toggle('active', idx === pageIndex);\n                });\n            });\n\n            nextBtn.addEventListener('click', () => {\n                const itemWidth = items[0].offsetWidth + 30;\n                const maxScroll = track.scrollWidth - track.clientWidth;\n\n                if (track.scrollLeft >= maxScroll - 15) {\n                    track.scrollTo({ left: 0, behavior: 'smooth' });\n                } else {\n                    track.scrollBy({ left: itemWidth, behavior: 'smooth' });\n                }\n            });\n\n            prevBtn.addEventListener('click', () => {\n                const itemWidth = items[0].offsetWidth + 30;\n\n                if (track.scrollLeft <= 15) {\n                    track.scrollTo({ left: track.scrollWidth, behavior: 'smooth' });\n                } else {\n                    track.scrollBy({ left: -itemWidth, behavior: 'smooth' });\n                }\n            });\n\n            \/\/ 3. AUTOPLAY\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            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<!-- CODE HTML, CSS & JS WORDPRESS MIS \u00c0 JOUR -->\n<style>\n  \/* Importation de la typographie Google Font \"Bricolage Grotesque\" *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&display=swap');\n\n  .tdf-story-section {\n    --tdf-green: #39722d;\n    --tdf-orange: #EA7F0B;\n    --tdf-orange-hover: #d16f08;\n    --tdf-secondary: #eaf2e8;\n    --tdf-border: #e2e8f0;\n    --tdf-bg-card: #ffffff;\n    --tdf-radius-xl: 1rem;\n    --tdf-radius-photo: 2.5rem;\n    \n    position: relative;\n    overflow: hidden;\n    padding: 4rem 1.25rem 6rem 1.25rem;\n    font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;\n    background-color: transparent;\n  }\n\n  @media (min-width: 640px) {\n    .tdf-story-section {\n      padding: 6rem 1.25rem 8rem 1.25rem;\n    }\n  }\n\n  \/* Conteneur principal Grille *\/\n  .tdf-container {\n    max-width: 80rem;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3.5rem;\n    align-items: center;\n  }\n\n  @media (min-width: 1024px) {\n    .tdf-container {\n      grid-template-columns: 1.05fr 0.95fr;\n      padding-left: 2rem;\n      padding-right: 2rem;\n    }\n  }\n\n  \/* Blob vert d'arri\u00e8re-plan *\/\n  .tdf-blob-bg {\n    position: absolute;\n    right: -6rem;\n    top: 25%;\n    height: 24rem;\n    width: 24rem;\n    background-color: rgba(57, 114, 45, 0.05);\n    border-radius: 9999px;\n    filter: blur(30px);\n    pointer-events: none;\n  }\n\n  \/* Rond Orange net avec support Parallax *\/\n  .tdf-circle-orange {\n    position: absolute;\n    left: -1.5rem;\n    top: -3.5rem;\n    height: 8rem;\n    width: 8rem;\n    background-color: var(--tdf-orange);\n    opacity: 0.3;\n    border-radius: 9999px;\n    pointer-events: none;\n    z-index: 1;\n    will-change: transform;\n    transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);\n  }\n\n  \/* Sous-titre en ORANGE *\/\n  .tdf-subtitle {\n    display: block;\n    font-size: 1rem !important;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n    color: var(--tdf-orange) !important;\n  }\n\n  \/* Titre principal en VERT *\/\n  .tdf-title {\n    margin-top: 0.75rem;\n    margin-bottom: 0;\n    font-size: clamp(1.75rem, 3vw, 2.5rem);\n    font-weight: 800;\n    line-height: 1.2;\n    color: var(--tdf-green) !important;\n  }\n\n  \/* Paragraphes de description en VERT *\/\n  .tdf-description {\n    margin-top: 1.25rem;\n    font-size: 1.05rem;\n    line-height: 1.6;\n    font-weight: 500;\n    color: var(--tdf-green) !important;\n  }\n\n  .tdf-description p {\n    margin-bottom: 1rem;\n    color: var(--tdf-green) !important;\n  }\n\n  .tdf-description p:last-child {\n    margin-bottom: 0;\n  }\n\n  \/* Bouton Apprendre Plus (Orange) *\/\n  .tdf-btn-wrapper {\n    margin-top: 1.75rem;\n  }\n\n  .tdf-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    background-color: var(--tdf-orange);\n    color: #ffffff !important;\n    font-weight: 700;\n    font-size: 1rem;\n    padding: 0.875rem 1.75rem;\n    border-radius: 9999px;\n    text-decoration: none !important;\n    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n    box-shadow: 0 10px 25px rgba(244, 129, 15, 0.3);\n  }\n\n  .tdf-btn:hover {\n    background-color: var(--tdf-orange-hover);\n    transform: translateY(-4px);\n    color: #fff;\n    box-shadow: none;\n    filter: brightness(1.1);\n  }\n\n  .tdf-btn svg {\n    width: 1.25rem;\n    height: 1.25rem;\n    transition: transform 0.2s ease;\n  }\n\n  .tdf-btn:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* Liste des 3 cartes \/ valeurs en LIGNE *\/\n  .tdf-values-list-bottom {\n    max-width: 80rem;\n    margin: 3.5rem auto 0 auto;\n    padding: 0;\n    list-style: none;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n\n  @media (min-width: 768px) {\n    .tdf-values-list-bottom {\n      grid-template-columns: repeat(3, 1fr);\n      padding-left: 2rem;\n      padding-right: 2rem;\n    }\n  }\n\n  .tdf-card {\n    display: flex;\n    gap: 1.25rem;\n    align-items: flex-start;\n    border-radius: var(--tdf-radius-xl);\n    border: 1px solid var(--tdf-border);\n    background-color: var(--tdf-bg-card);\n    padding: 1.5rem;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .tdf-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 20px -3px rgba(0, 0, 0, 0.08);\n  }\n\n  \/* Conteneur de l'ic\u00f4ne *\/\n  .tdf-icon-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 3rem;\n    width: 3rem;\n    min-width: 3rem;\n    flex-shrink: 0;\n    border-radius: 0.75rem;\n    background-color: var(--tdf-secondary);\n    color: var(--tdf-green);\n  }\n\n  .tdf-icon-wrapper svg {\n    width: 1.5rem;\n    height: 1.5rem;\n    display: block;\n  }\n\n  \/* Textes des cartes en VERT *\/\n  .tdf-card-content h3 {\n    margin: 0;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--tdf-green) !important;\n  }\n\n  .tdf-card-content p {\n    margin: 0.35rem 0 0 0;\n    font-size: 1rem;\n    font-weight: 500;\n    color: var(--tdf-green) !important;\n    opacity: 0.9;\n    line-height: 1.45;\n  }\n\n  \/* Section Image & Overlay *\/\n  .tdf-image-column {\n    position: relative;\n    padding-bottom: 2rem;\n  }\n\n  .tdf-image-wrapper {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    border-radius: var(--tdf-radius-photo);\n    overflow: hidden;\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  }\n\n  .tdf-image {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n    border-radius: var(--tdf-radius-photo);\n  }\n\n  @media (max-width: 640px) {\n    .tdf-image {\n      height: 380px;\n    }\n  }\n\n  \/* Encadr\u00e9 Light Glass *\/\n  .tdf-glass-card {\n    position: absolute;\n    z-index: 3;\n    bottom: -0.5rem;\n    left: 1rem;\n    right: 1rem;\n    border-radius: var(--tdf-radius-xl);\n    padding: 1.25rem;\n    -webkit-backdrop-filter: blur(14px);\n    backdrop-filter: blur(14px);\n    box-shadow: var(--shadow-soft, 0 10px 30px rgba(0, 0, 0, 0.08));\n    background: oklab(100% 0 5.96046e-8 \/ .7);\n    border: 1px solid oklab(100% 0 5.96046e-8 \/ .9);\n  }\n\n  @media (min-width: 640px) {\n    .tdf-glass-card {\n      left: 2rem;\n      right: 2rem;\n      bottom: -1rem;\n    }\n  }\n\n  \/* Texte de citation en VERT *\/\n  .tdf-quote {\n    margin: 0;\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--tdf-green) !important;\n    line-height: 1.35;\n  }\n\n  .tdf-quote-caption {\n    margin: 0.35rem 0 0 0;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--tdf-green) !important;\n    opacity: 0.85;\n  }\n<\/style>\n\n<section id=\"histoire\" class=\"tdf-story-section\">\n  <!-- Blob vert d'arri\u00e8re-plan -->\n  <div aria-hidden=\"true\" class=\"tdf-blob-bg\"><\/div>\n\n  <div class=\"tdf-container\">\n    <!-- Colonne Gauche : Texte & Bouton -->\n    <div>\n      <span class=\"tdf-subtitle\">Une famille, une mission<\/span>\n      <h2 class=\"tdf-title\">\n        L'histoire commence par une serre et beaucoup d'obstination\n      <\/h2>\n      \n      <div class=\"tdf-description\">\n        <p>\n          En 1956, Georges plante ses premiers rosiers sur un hectare de terre argileuse. Son fils Pascal y ajoute les vivaces, puis les plantes d'int\u00e9rieur. Aujourd'hui,\n          St\u00e9phane poursuit avec les m\u00eames gestes et de nouvelles exigences \u00e9cologiques.\n        <\/p>\n        <p>\n          Sept d\u00e9cennies plus tard, nous sommes toujours horticulteurs avant d'\u00eatre\n          commer\u00e7ants : la plante que vous rapportez chez vous, quelqu'un ici l'a sem\u00e9e,\n          rempot\u00e9e et surveill\u00e9e pendant des mois.\n        <\/p>\n      <\/div>\n\n      <!-- Bouton Apprendre Plus -->\n      <div class=\"tdf-btn-wrapper\">\n        <a href=\"https:\/\/dev.letempsdesfleurs.com\/index.php\/a-propos-de-nous\/\" class=\"tdf-btn\">\n          <span>En apprendre plus<\/span>\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Colonne Droite : Image Bords Arrondis & Light Glass -->\n    <div class=\"tdf-image-column\">\n      <!-- Cercle orange net remont\u00e9 avec Parallax -->\n      <div aria-hidden=\"true\" class=\"tdf-circle-orange\"><\/div>\n      \n      <div class=\"tdf-image-wrapper\">\n        <img decoding=\"async\"\n          src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/08\/Photo-de-nous-4-3-1.jpg\"\n          alt=\"La famille du Temps des Fleurs r\u00e9unie dans la serre\"\n          loading=\"lazy\"\n          class=\"tdf-image\"\n        \/>\n      <\/div>\n\n      <!-- Encadr\u00e9 Light Glass avec texte en vert -->\n      <div class=\"tdf-glass-card\">\n        <p class=\"tdf-quote\">\n          \u00ab Cultiver avec passion, partager l'excellence \u00bb\n        <\/p>\n        <p class=\"tdf-quote-caption\">\n          La devise transmise par Geroges, qui guide encore aujourd'hui l'esprit des serres.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Liste des 3 cartes \/ valeurs en ligne sous la section principale -->\n  <ul class=\"tdf-values-list-bottom\">\n    <!-- Valeur 1 : Ic\u00f4ne Pousse (Sprout) -->\n    <li class=\"tdf-card\">\n      <span class=\"tdf-icon-wrapper\">\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\" class=\"lucide lucide-sprout h-5 w-5 text-primary\" aria-hidden=\"true\"><path d=\"M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3\"><\/path><path d=\"M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4\"><\/path><path d=\"M5 21h14\"><\/path><\/svg>\n      <\/span>\n      <div class=\"tdf-card-content\">\n        <h3>Cultiv\u00e9 chez nous<\/h3>\n        <p>90 % de nos v\u00e9g\u00e9taux naissent et grandissent dans nos serres, du semis \u00e0 la vente.<\/p>\n      <\/div>\n    <\/li>\n\n    <!-- Valeur 2 : Ic\u00f4ne Recyclage (Recycle) -->\n    <li class=\"tdf-card\">\n      <span class=\"tdf-icon-wrapper\">\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\" class=\"lucide lucide-recycle h-5 w-5 text-primary\" aria-hidden=\"true\"><path d=\"M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5\"><\/path><path d=\"M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12\"><\/path><path d=\"m14 16-3 3 3 3\"><\/path><path d=\"M8.293 13.596 7.196 9.5 3.1 10.598\"><\/path><path d=\"m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843\"><\/path><path d=\"m13.378 9.633 4.096 1.098 1.097-4.096\"><\/path><\/svg>\n      <\/span>\n      <div class=\"tdf-card-content\">\n        <h3>Culture responsable<\/h3>\n        <p>R\u00e9cup\u00e9ration d'eau de pluie, lutte biologique et substrats sans tourbe ajout\u00e9e.<\/p>\n      <\/div>\n    <\/li>\n\n    <!-- Valeur 3 : Ic\u00f4ne C\u0153ur Mains (Heart Handshake) -->\n    <li class=\"tdf-card\">\n      <span class=\"tdf-icon-wrapper\">\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\" class=\"lucide lucide-heart-handshake h-5 w-5 text-primary\" aria-hidden=\"true\"><path d=\"M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762\"><\/path><\/svg>\n      <\/span>\n      <div class=\"tdf-card-content\">\n        <h3>Conseil sinc\u00e8re<\/h3>\n        <p>On pr\u00e9f\u00e8re vous dire qu'une plante ne conviendra pas plut\u00f4t que de vous la vendre.<\/p>\n      <\/div>\n    <\/li>\n  <\/ul>\n<\/section>\n\n<!-- SCRIPT DE PARALLAX HIGH-PERFORMANCE -->\n<script>\n(function() {\n  const initCircleParallax = () => {\n    const section = document.getElementById('histoire');\n    const circle = section ? section.querySelector('.tdf-circle-orange') : null;\n\n    if (!section || !circle) return;\n\n    let isVisible = false;\n    let ticking = false;\n    \n    \/\/ Sensibilit\u00e9 de l'effet parallax (0.15 = fluide et discret, augmenter si besoin)\n    const speed = 0.18; \n\n    const updateParallax = () => {\n      const rect = section.getBoundingClientRect();\n      \/\/ Calcule le d\u00e9calage \u00e0 partir du centre de l'\u00e9cran\n      const translateY = (rect.top - window.innerHeight \/ 2) * speed;\n      circle.style.transform = `translate3d(0, ${translateY.toFixed(2)}px, 0)`;\n      ticking = false;\n    };\n\n    const onScroll = () => {\n      if (isVisible && !ticking) {\n        requestAnimationFrame(updateParallax);\n        ticking = true;\n      }\n    };\n\n    \/\/ Optimisation : le parallax ne s'ex\u00e9cute que lorsque la section est dans le viewport\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        isVisible = entry.isIntersecting;\n        if (isVisible) {\n          updateParallax();\n        }\n      });\n    }, { threshold: 0 });\n\n    observer.observe(section);\n    window.addEventListener('scroll', onScroll, { passive: true });\n  };\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCircleParallax);\n  } else {\n    initCircleParallax();\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  <!-- FORMES DE FOND -->\n  <div class=\"shape-bg shape-1\"><\/div>\n  <div class=\"shape-bg shape-2\"><\/div>\n  <div class=\"shape-bg shape-3\"><\/div>\n\n  <div class=\"rayons-container\">\n    \n    <div class=\"rayons-header ltf-fade-in-up\">\n      <span class=\"tdf-subtitle\">NOTRE UNIVERS<\/span>\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\/* --- IMPORT GOOGLE FONT : BRICOLAGE GROTESQUE --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');\n\n:root {\n  --tdf-orange: #EA7F0B;\n}\n\n\/* --- CONFIGURATION --- *\/\n.rayons-section {\n  padding: 8rem 0;\n  background: linear-gradient(135deg, #39722d 0%, #2d5a23 100%);\n  position: relative;\n  overflow: hidden;\n  font-family: 'Bricolage Grotesque', sans-serif;\n}\n\n\/* === FORMES CIRCULAIRES DE FOND === *\/\n.shape-bg {\n  position: absolute;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.shape-1 {\n  width: 500px;\n  height: 500px;\n  top: -150px;\n  right: -100px;\n  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 40%, transparent 70%);\n}\n\n.shape-2 {\n  width: 450px;\n  height: 450px;\n  bottom: 10%;\n  left: 5%;\n  background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 40%, transparent 70%);\n}\n\n.shape-3 {\n  width: 350px;\n  height: 350px;\n  top: 30%;\n  right: 15%;\n  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 70%);\n}\n\n.rayons-container {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 20px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* --- HEADER --- *\/\n.rayons-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.tdf-subtitle {\n  color: var(--tdf-orange);\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  font-size: 1rem !important;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.rayons-main-title {\n  font-size: clamp(32px, 4vw, 42px);\n  color: #ffffff;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n.rayons-subtitle {\n  color: rgba(255, 255, 255, 0.9);\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 TRANSPARENTES === *\/\n.rayon-card {\n  background: rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 20px;\n  overflow: hidden;\n  text-decoration: none !important;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  position: relative;\n  z-index: 2;\n}\n\n.rayon-card:hover {\n  transform: translateY(-12px);\n  background: rgba(255, 255, 255, 0.12);\n  border-color: rgba(255, 255, 255, 0.3);\n  box-shadow: 0 16px 48px rgba(0, 0, 0, 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: #ffffff;\n  margin-bottom: 8px;\n  transition: color 0.3s ease;\n}\n\n.rayon-desc {\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.85);\n  line-height: 1.5;\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\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 768px) {\n  .rayons-section {\n    padding: 6rem 0;\n  }\n  \n  .rayons-main-title {\n    font-size: 28px;\n  }\n  \n  .rayons-subtitle {\n    font-size: 16px;\n  }\n  \n  .shape-1 { width: 350px; height: 350px; }\n  .shape-2 { width: 300px; height: 300px; }\n  .shape-3 { width: 250px; height: 250px; }\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: 1rem;\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\">Les visages de la maison<\/span>\n      <h2 class=\"teams-main-title\">Deux \u00e9quipes, une m\u00eame passion<\/h2>\n      <p class=\"teams-intro\">\n        De la culture dans nos serres jusqu'\u00e0 vos conseils en magasin, chacun partage la m\u00eame exigence de qualit\u00e9 et de proximit\u00e9.\n      <\/p>\n    <\/div>\n\n    <div class=\"teams-cards-grid\">\n      \n      <a href=\"index.php\/a-propos\/#expertises\" class=\"garden-team-card ltf-card-reveal\">\n        <div class=\"image-wrapper-team\">\n          <img decoding=\"async\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/07\/Photo-equipe-production-1.jpg\" 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      <\/a>\n\n      <a href=\"index.php\/a-propos\/#expertises\" class=\"garden-team-card ltf-card-reveal\">\n        <div class=\"image-wrapper-team\">\n          <img decoding=\"async\" src=\"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/07\/Photo-equipe-vente-1.jpg\" 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      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* --- IMPORT GOOGLE FONT : BRICOLAGE GROTESQUE --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');\n\n:root {\n  --gt-green-start: #2a5220;\n  --gt-green-end: #39722d;\n  --tdf-orange: #EA7F0B;\n  --gt-white: #ffffff;\n}\n\n.teams-garden-layout {\n  position: relative;\n  padding: 100px 20px;\n  background: linear-gradient(135deg, var(--gt-green-start) 0%, var(--gt-green-end) 50%);\n  overflow: hidden;\n  font-family: 'Bricolage Grotesque', sans-serif;\n}\n\n.flower-watermark-left {\n  position: absolute;\n  bottom: -4%;\n  left: -5%;\n  width: 20vw;\n  height: 20vw;\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.ltf-floating-flower {\n  animation: ltfFlowerFloat 15s ease-in-out infinite;\n  will-change: transform; \n}\n\n@keyframes ltfFlowerFloat {\n  0% { transform: rotate(25deg) translate(0, 0); }\n  25% { transform: rotate(28deg) translate(15px, 5px); }\n  50% { transform: rotate(25deg) translate(5px, -15px); }\n  75% { transform: rotate(22deg) translate(-10px, -5px); }\n  100% { transform: rotate(25deg) translate(0, 0); }\n}\n\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(--tdf-orange); font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 12px; font-size: 1rem; }\n.teams-main-title { font-size: 3rem; color: var(--gt-white); margin-bottom: 20px; font-weight: 800; }\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\n.image-wrapper-team { \n  position: relative; \n  border-radius: 30px; \n  overflow: hidden; \n  width: 100% !important;\n  height: 420px !important; \n  box-shadow: 0 15px 40px rgba(0,0,0,0.3); \n  display: block !important;\n  max-width: 100% !important;\n}\n\n.card-img { \n  width: 100% !important; \n  height: 100% !important; \n  object-fit: cover !important; \n  object-position: center !important;\n  display: block !important;\n  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); \n  margin: 0 !important;\n  padding: 0 !important;\n}\n\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; flex-shrink: 0; }\n.team-card-title { font-size: 1.8rem; font-weight: 700; color: white; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }\n\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\">\r\n    <div class=\"hours-container\">\r\n        \r\n        <div class=\"hours-header ltf-fade-up\">\r\n            <span class=\"hours-subtitle\">Horaires<\/span>\r\n            <p class=\"hours-description\">\r\n                Nos horaires varient selon les saisons pour mieux vous accompagner pendant les p\u00e9riodes de plantation.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- SECTION MARCIGNY -->\r\n        <div class=\"location-group\">\r\n            <h2 class=\"hours-title location-title ltf-fade-up\">Nos horaires d'ouverture \u00e0 Marcigny<\/h2>\r\n            \r\n            <div class=\"hours-grid\">\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Mars & Juin<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Tous les jours, jours f\u00e9ri\u00e9s inclus<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Avril & Mai<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 19h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Tous les jours, jours f\u00e9ri\u00e9s inclus<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Juillet & Ao\u00fbt<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 8h - 13h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ferm\u00e9 les weekends et jours f\u00e9ri\u00e9s<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Septembre<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ferm\u00e9 les weekends et jours f\u00e9ri\u00e9s<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Octobre<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ouvert tous les jours y compris dimanche<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Novembre<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Jours f\u00e9ri\u00e9s inclus, ferm\u00e9 le dimanche<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SECTION YZEURE -->\r\n        <div class=\"location-group\">\r\n            <h2 class=\"hours-title location-title ltf-fade-up\">Nos horaires d'ouverture \u00e0 Yzeure<\/h2>\r\n            \r\n            <div class=\"hours-grid\">\r\n                <!-- Janvier & F\u00e9vrier -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Janvier & F\u00e9vrier<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Du lun. au sam. <br> ferm\u00e9 le dimanche<\/p>\r\n                <\/div>\r\n\r\n                <!-- Mars \u00e0 Juin -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Mars \u00e0 Juin<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> Lun-Sam: <br> 9h-12h \/ 14h-19h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> Dimanche:<br> 10h-12h \/ 14h-18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ouvert 7j\/7<\/p>\r\n                <\/div>\r\n\r\n                <!-- Juillet & Ao\u00fbt -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Juillet & Ao\u00fbt<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 8h - 13h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Du lun. au sam.<br> ferm\u00e9 le dimanche<\/p>\r\n                <\/div>\r\n\r\n                <!-- Septembre -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Septembre<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> 9h - 12h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> 14h - 18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Du lun. au sam. <br>ferm\u00e9 le dimanche<\/p>\r\n                <\/div>\r\n\r\n                <!-- Octobre & Novembre -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>Octobre & Nov.<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> Lun-Sam: <br>9h-12h \/ 14h-19h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> Dimanche: <br>10h-12h \/ 14h-18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ouvert 7j\/7<\/p>\r\n                <\/div>\r\n\r\n                <!-- D\u00e9cembre -->\r\n                <div class=\"hour-card ltf-hour-reveal\">\r\n                    <div class=\"card-header\">\r\n                        <span class=\"icon-calendar\">\ud83d\udcc5<\/span>\r\n                        <h3>D\u00e9cembre<\/h3>\r\n                    <\/div>\r\n                    <div class=\"time-slots\">\r\n                        <div class=\"time-row\"><span class=\"icon-clock\">\ud83d\udd52<\/span> Lun-Sam: <br>9h-12h \/ 14h-18h<\/div>\r\n                        <div class=\"time-row\"><span class=\"icon-clock-muted\">\ud83d\udd52<\/span> Dimanche: <br>10h-12h \/ 14h-18h<\/div>\r\n                    <\/div>\r\n                    <p class=\"note\">Ouvert 7j\/7<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n    --green-primary: #39722D;\r\n    --orange-secondary: #EA7F0B;\r\n    --bg-muted: #f8faf8;\r\n    --text-main: #39722d;\r\n    --text-light: #677e67;\r\n}\r\n\r\n.hours-section {\r\n    padding: 80px 20px;\r\n    background-color: var(--bg-muted);\r\n    overflow: hidden;\r\n}\r\n\r\n.hours-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.hours-header {\r\n    text-align: left;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.hours-subtitle {\r\n    color: var(--orange-secondary);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    font-size: 1rem; \r\n    display: block;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.hours-title {\r\n    font-family: 'Apercu Pro', sans-serif;\r\n    color: var(--text-main);\r\n    font-size: 32px;\r\n    margin-bottom: 15px;\r\n    font-weight: 800;\r\n}\r\n\r\n.location-group {\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.location-group:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.location-title {\r\n    text-align: left;\r\n    margin-bottom: 25px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 2px solid rgba(57, 114, 45, 0.15);\r\n}\r\n\r\n.hours-description {\r\n    color: var(--text-light);\r\n    max-width: 600px;\r\n    margin: 0 0 0 0;\r\n    font-size: 18px;\r\n}\r\n\r\n\/* Grille r\u00e9active *\/\r\n.hours-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 15px;\r\n}\r\n\r\n.hour-card {\r\n    background: #ffffff;\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    border: 1px solid #e5e7eb;\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\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;\r\n}\r\n\r\n.hour-card:hover {\r\n    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);\r\n    transform: translateY(-5px); \r\n    border-color: var(--green-primary);\r\n}\r\n\r\n.card-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.card-header h3 {\r\n    font-family: 'Apercu Pro', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: var(--text-main);\r\n    margin: 0;\r\n}\r\n\r\n.time-slots {\r\n    margin-bottom: 12px;\r\n    font-family: 'Apercu Pro', sans-serif;\r\n}\r\n\r\n.time-row {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n    font-weight: 500;\r\n    color: var(--text-main);\r\n    font-size: 15px; \/* Ajust\u00e9 l\u00e9g\u00e8rement pour la lisibilit\u00e9 avec les d\u00e9tails du dimanche *\/\r\n    margin-bottom: 4px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.icon-calendar { font-size: 18px; color: var(--orange-secondary); }\r\n.icon-clock { font-size: 14px; color: var(--green-primary); margin-top: 2px; }\r\n.icon-clock-muted { font-size: 14px; color: var(--green-primary); opacity: 0.6; margin-top: 2px; }\r\n\r\n.note {\r\n    font-size: 14px;\r\n    color: var(--text-light);\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n    .hours-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hours-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .location-title { text-align: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hours-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n.ltf-fade-up {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 1s ease, transform 1s cubic-bezier(0.25, 1, 0.5, 1);\r\n    will-change: transform, opacity;\r\n}\r\n\r\n.ltf-hour-reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px) scale(0.96);\r\n    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);\r\n    will-change: transform, opacity;\r\n}\r\n\r\n.ltf-animated {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) scale(1) !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initHoursAnimations = () => {\r\n        const section = document.querySelector('.hours-section');\r\n        if (!section) return;\r\n\r\n        const fadeUpElements = section.querySelectorAll('.ltf-fade-up');\r\n        const groups = section.querySelectorAll('.location-group');\r\n\r\n        const observerOptions = {\r\n            threshold: 0.15\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry) => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('ltf-animated');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        fadeUpElements.forEach(el => observer.observe(el));\r\n\r\n        \/\/ Observer chaque groupe d'heures s\u00e9par\u00e9ment pour l'effet de cascade\r\n        groups.forEach(group => {\r\n            const cards = group.querySelectorAll('.ltf-hour-reveal');\r\n            \r\n            const cardObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        const cardArray = Array.from(cards);\r\n                        const index = cardArray.indexOf(entry.target);\r\n                        \r\n                        setTimeout(() => {\r\n                            entry.target.classList.add('ltf-animated');\r\n                        }, index * 100); \r\n                        \r\n                        cardObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            cards.forEach(card => cardObserver.observe(card));\r\n        });\r\n    };\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initHoursAnimations);\r\n    } else {\r\n        initHoursAnimations();\r\n    }\r\n})();\r\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.7\" \/><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.contact-tag { \n    color: var(--orange-cta); \n    font-weight: 700; \n    text-transform: uppercase; \n    font-size: 1rem;\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>Maison familiale depuis 1956 Trois g\u00e9n\u00e9rations de passion du v\u00e9g\u00e9tal Depuis 1956, nous cultivons l&rsquo;excellence : des plantes robustes, \u00e9lev\u00e9es avec soin dans nos serres familiales et choisies pour durer dans vos jardins. D\u00e9couvrir nos plantes Conna\u00eetre l&rsquo;\u00e9quipe ann\u00e9es d&rsquo;exp\u00e9rience 70+ ann\u00e9es d&rsquo;exp\u00e9rience g\u00e9n\u00e9rations 3 g\u00e9n\u00e9rations passion 100% passion Une famille, une mission L&rsquo;histoire commence [&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 v28.6 - 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=\"Maison familiale depuis 1956 Trois g\u00e9n\u00e9rations de passion du v\u00e9g\u00e9tal Depuis 1956, nous cultivons l&rsquo;excellence : des plantes robustes, \u00e9lev\u00e9es avec soin dans nos serres familiales et choisies pour durer dans vos jardins. D\u00e9couvrir nos plantes Conna\u00eetre l&rsquo;\u00e9quipe ann\u00e9es d&rsquo;exp\u00e9rience 70+ ann\u00e9es d&rsquo;exp\u00e9rience g\u00e9n\u00e9rations 3 g\u00e9n\u00e9rations passion 100% passion Une famille, une mission L&rsquo;histoire commence [&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-09-17T11:03:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800\" \/>\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=\"12 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:\\\/\\\/images.unsplash.com\\\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800\",\"datePublished\":\"2026-03-19T13:43:32+00:00\",\"dateModified\":\"2026-09-17T11:03:29+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:\\\/\\\/images.unsplash.com\\\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800\"},{\"@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\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#organization\"},\"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\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#organization\",\"name\":\"Le Temps Des Fleurs\",\"url\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo.png\",\"width\":350,\"height\":100,\"caption\":\"Le Temps Des Fleurs\"},\"image\":{\"@id\":\"https:\\\/\\\/dev.letempsdesfleurs.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/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":"Maison familiale depuis 1956 Trois g\u00e9n\u00e9rations de passion du v\u00e9g\u00e9tal Depuis 1956, nous cultivons l&rsquo;excellence : des plantes robustes, \u00e9lev\u00e9es avec soin dans nos serres familiales et choisies pour durer dans vos jardins. D\u00e9couvrir nos plantes Conna\u00eetre l&rsquo;\u00e9quipe ann\u00e9es d&rsquo;exp\u00e9rience 70+ ann\u00e9es d&rsquo;exp\u00e9rience g\u00e9n\u00e9rations 3 g\u00e9n\u00e9rations passion 100% passion Une famille, une mission L&rsquo;histoire commence [&hellip;]","og_url":"https:\/\/dev.letempsdesfleurs.com\/","og_site_name":"Le Temps Des Fleurs","article_modified_time":"2026-09-17T11:03:29+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"12 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:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800","datePublished":"2026-03-19T13:43:32+00:00","dateModified":"2026-09-17T11:03:29+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:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800","contentUrl":"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=800"},{"@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":"","publisher":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#organization"},"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"},{"@type":"Organization","@id":"https:\/\/dev.letempsdesfleurs.com\/#organization","name":"Le Temps Des Fleurs","url":"https:\/\/dev.letempsdesfleurs.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/dev.letempsdesfleurs.com\/#\/schema\/logo\/image\/","url":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/logo.png","contentUrl":"https:\/\/dev.letempsdesfleurs.com\/wp-content\/uploads\/2026\/03\/logo.png","width":350,"height":100,"caption":"Le Temps Des Fleurs"},"image":{"@id":"https:\/\/dev.letempsdesfleurs.com\/#\/schema\/logo\/image\/"}}]}},"_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":396,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":1126,"href":"https:\/\/dev.letempsdesfleurs.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/1126"}],"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}]}}