{"id":12672,"date":"2026-10-16T00:08:57","date_gmt":"2026-10-15T22:08:57","guid":{"rendered":"https:\/\/carrouselleclercq.fr\/?page_id=12672"},"modified":"2026-11-06T15:22:52","modified_gmt":"2026-11-06T14:22:52","slug":"new-accueil","status":"publish","type":"page","link":"https:\/\/carrouselleclercq.fr\/","title":{"rendered":"New Accueil"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&family=Mrs+Saint+Delafield&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,500&display=swap');\n\n\n\/* ================================\n   VARIABLES\n================================ *\/\n\n.cl-site {\n  --cream: #F3E7D7;\n\n  --coral: #FF4D5A;\n  --coral-dark: #D93A47;\n  --coral-light: #FF8A92;\n\n  --ink: #332F28;\n  --line: rgba(51, 47, 40, .13);\n  --muted: #786E65;\n\n  --white-glass: rgba(255, 255, 255, .88);\n  --white-glass-hover: rgba(255, 255, 255, .96);\n\n  width: 100%;\n\n  color: var(--ink);\n  background: var(--cream);\n\n  font-family: 'Lora', serif;\n}\n\n\n.cl-site *,\n.cl-site *::before,\n.cl-site *::after {\n  box-sizing: border-box;\n}\n\n\n.cl-site h1,\n.cl-site h2,\n.cl-site h3 {\n  font-family: 'Playfair Display', serif;\n}\n\n\n.cl-site a {\n  color: inherit;\n  text-decoration: none;\n}\n\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n\n\n\/* ================================\n   TEXTES\n================================ *\/\n\n.eyebrow {\n  font-family: 'Jost', sans-serif;\n\n  font-weight: 500;\n  font-size: 12.5px;\n\n  text-transform: uppercase;\n  letter-spacing: .18em;\n\n  color: var(--coral-dark);\n}\n\n\n\n\/* ================================\n   BOUTONS\n================================ *\/\n\n.btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  font-family: 'Jost', sans-serif;\n\n  font-weight: 500;\n  font-size: 13px;\n\n  text-transform: uppercase;\n  letter-spacing: .1em;\n\n  cursor: pointer;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    background .25s ease,\n    color .25s ease,\n    border-color .25s ease;\n}\n\n\n.btn:hover {\n  transform: translateY(-2px);\n}\n\n\n.btn-pill {\n  padding: 15px 34px;\n\n  border-radius: 999px;\n\n  border: 1.5px solid;\n}\n\n\n.btn-pill-white {\n  border-color: rgba(255,255,255,.9);\n\n  color: #fff;\n\n  background: rgba(255,255,255,.06);\n\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n}\n\n\n.btn-pill-white:hover {\n  background: #fff;\n\n  color: var(--coral-dark);\n\n  box-shadow:\n    0 10px 30px rgba(110, 20, 28, .16);\n}\n\n\n.btn-rect {\n  padding: 13px 22px;\n\n  border-radius: 6px;\n\n  border: 1.5px solid var(--ink);\n\n  color: var(--ink);\n\n  background: rgba(255,255,255,.18);\n}\n\n\n.btn-rect:hover {\n  background: var(--ink);\n\n  color: #fff;\n}\n\n\n.btn-rect-fill {\n  min-width: 260px;\n\n  padding: 14px 25px;\n\n  border: 1.5px solid var(--coral-dark);\n\n  border-radius: 6px;\n\n  color: #fff;\n\n  background: var(--coral-dark);\n\n  box-shadow:\n    0 8px 20px rgba(217, 58, 71, .15);\n}\n\n\n.btn-rect-fill:hover {\n  background: var(--coral);\n\n  border-color: var(--coral);\n\n  box-shadow:\n    0 12px 28px rgba(217, 58, 71, .25);\n}\n\n\n\n\/* ================================\n   HEADER\n================================ *\/\n\n.cl-header {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 20px 60px;\n\n  background: rgba(243, 231, 215, .94);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  border-bottom: 1px solid rgba(51,47,40,.10);\n\n  position: relative;\n\n  z-index: 100;\n}\n\n\n.logo-chip {\n  width: 108px;\n  height: 72px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background: var(--ink);\n\n  border-radius: 8px;\n\n  overflow: hidden;\n}\n\n\n.logo-chip img {\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n}\n\n\n.cl-nav ul {\n  display: flex;\n\n  gap: 38px;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n\n.cl-nav a {\n  position: relative;\n\n  padding-bottom: 6px;\n\n  font-family: 'Jost', sans-serif;\n\n  font-size: 13px;\n\n  letter-spacing: .12em;\n\n  text-transform: uppercase;\n\n  color: var(--ink);\n}\n\n\n.cl-nav a::after {\n  content: '';\n\n  position: absolute;\n\n  left: 50%;\n  bottom: 0;\n\n  width: 0;\n  height: 2px;\n\n  background: var(--coral);\n\n  transform: translateX(-50%);\n\n  transition: width .25s ease;\n}\n\n\n.cl-nav a:hover::after,\n.cl-nav li.active a::after {\n  width: 100%;\n}\n\n\n\n\/* ================================\n   HERO\n================================ *\/\n\n.hero {\n  position: relative;\n\n  width: 100%;\n  height: 640px;\n\n  overflow: hidden;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n}\n\n\n.hero video {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  z-index: 0;\n}\n\n\n.hero-overlay {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(55, 20, 22, .62),\n      rgba(255, 77, 90, .18) 55%,\n      rgba(35, 20, 18, .10)\n    );\n}\n\n\n.hero-content {\n  position: relative;\n\n  z-index: 2;\n\n  padding: 20px;\n}\n\n\n.hero .eyebrow {\n  color: rgba(255,255,255,.88);\n\n  letter-spacing: .22em;\n\n  margin-bottom: 18px;\n}\n\n\n.hero h1 {\n  margin: 0;\n\n  font-family: 'Mrs Saint Delafield', cursive;\n\n  font-size: 108px;\n\n  line-height: 1;\n\n  font-weight: 400;\n\n  color: #fff;\n\n  text-shadow:\n    0 8px 30px rgba(0,0,0,.16);\n}\n\n\n.hero .sub {\n  margin: 22px 0 34px;\n\n  font-style: italic;\n\n  font-size: 17px;\n\n  color: rgba(255,255,255,.88);\n}\n\n\n.hero .sub span {\n  margin: 0 14px;\n\n  opacity: .6;\n}\n\n\n.chevron {\n  position: absolute;\n\n  z-index: 3;\n\n  bottom: 26px;\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  color: #fff;\n\n  font-size: 22px;\n\n  animation: bounce 2.2s ease-in-out infinite;\n}\n\n\n\n\/* ================================\n   SECTIONS\n================================ *\/\n\n.section {\n  width: 100%;\n\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  padding: 100px 60px;\n}\n\n\n.section-head {\n  max-width: 640px;\n\n  margin: 0 auto 56px;\n\n  text-align: center;\n}\n\n\n.section-head h2 {\n  margin: 8px 0 14px;\n\n  font-size: 38px;\n\n  font-weight: 500;\n}\n\n\n.section-head p {\n  font-size: 16px;\n\n  line-height: 1.6;\n\n  color: var(--muted);\n}\n\n\n\n\/* ================================\n   HISTOIRE\n================================ *\/\n\n.story-grid {\n  display: grid;\n\n  grid-template-columns: .95fr 1.05fr;\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n\n.story-grid > h2 {\n  grid-column: 1 \/ -1;\n\n  margin: 0 0 14px;\n\n  text-align: center;\n\n  font-size: 38px;\n\n  font-weight: 500;\n}\n\n\n.story-text p {\n  margin: 0 0 22px;\n\n  font-size: 16px;\n\n  line-height: 1.85;\n}\n\n\n.story-text p:last-child {\n  margin-bottom: 0;\n\n  font-weight: 600;\n}\n\n\n.story-photo {\n  width: 100%;\n\n  height: 460px;\n\n  background-position: center;\n  background-size: cover;\n\n  border-radius: 8px;\n\n  box-shadow:\n    0 18px 35px rgba(51,47,40,.08);\n\n  transition:\n    transform .5s ease,\n    box-shadow .5s ease;\n}\n\n\n.story-photo:hover {\n  transform: scale(1.015);\n\n  box-shadow:\n    0 22px 42px rgba(51,47,40,.12);\n}\n\n\n\n\/* ================================\n   CATALOGUE\n================================ *\/\n\n.catalogue {\n  width: 100%;\n\n  position: relative;\n\n  overflow: hidden;\n\n  background-image:\n    linear-gradient(\n      rgba(255, 77, 90, .86),\n      rgba(255, 77, 90, .86)\n    ),\n    url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/Carrousel-feerique-au-coucher-du-soleil.png');\n\n  background-size: cover;\n\n  background-position: center;\n\n  background-repeat: no-repeat;\n\n  background-attachment: scroll;\n}\n\n\n\/* l\u00e9ger effet lumineux au-dessus du fond *\/\n.catalogue::before {\n  content: '';\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    radial-gradient(\n      circle at 20% 20%,\n      rgba(255,255,255,.18),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 85% 75%,\n      rgba(255,255,255,.12),\n      transparent 35%\n    );\n\n  pointer-events: none;\n\n  z-index: 1;\n}\n\n\n\/* contenu au-dessus du fond *\/\n.catalogue .section {\n  position: relative;\n\n  z-index: 2;\n}\n\n\n\/* titres *\/\n.catalogue .eyebrow {\n  color: rgba(255,255,255,.92);\n}\n\n\n.catalogue .section-head h2 {\n  color: #fff;\n}\n\n\n.catalogue .section-head p {\n  color: rgba(255,255,255,.90);\n}\n\n\n\/* grille *\/\n.cat-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 26px;\n}\n\n\n\/* cartes *\/\n.cat-card {\n  padding: 16px 18px 24px;\n\n  background: rgba(255,255,255,.88);\n\n  border:\n    1px solid rgba(255,255,255,.45);\n\n  border-radius: 10px;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  box-shadow:\n    0 14px 30px rgba(80, 20, 25, .16);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    background .3s ease;\n}\n\n\n.cat-card:hover {\n  transform: translateY(-6px);\n\n  background: rgba(255,255,255,.96);\n\n  box-shadow:\n    0 20px 40px rgba(80, 20, 25, .22);\n}\n\n\n\/* images *\/\n.cat-photo {\n  width: 100%;\n\n  height: 170px;\n\n  margin-bottom: 20px;\n\n  background-size: cover;\n\n  background-position: center;\n\n  border-radius: 7px;\n\n  border:\n    1px solid rgba(51,47,40,.10);\n}\n\n\n\/* titres des cartes *\/\n.cat-card h3 {\n  margin: 0 0 10px;\n\n  font-size: 19px;\n\n  font-weight: 500;\n\n  color: #332F28;\n}\n\n\n\/* descriptions *\/\n.cat-card p {\n  margin: 0;\n\n  color: #786E65;\n\n  font-size: 14px;\n\n  line-height: 1.6;\n}\n\n\n\/* on masque les anciennes petites infos *\/\n.cat-detail {\n  display: none;\n}\n\n\n\/* bouton catalogue *\/\n.catalogue-button {\n  margin-top: 44px;\n\n  text-align: center;\n}\n\n\n.catalogue-button .btn-pill-white {\n  color: #fff;\n\n  border-color: rgba(255,255,255,.95);\n\n  background: rgba(255,255,255,.06);\n\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n}\n\n\n.catalogue-button .btn-pill-white:hover {\n  background: #fff;\n\n  color: #D93A47;\n}\n\n\n\n\/* ================================\n   CONTACT\n================================ *\/\n\n.contact {\n  max-width: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.93),\n      rgba(243,231,215,.98)\n    );\n\n  border-top:\n    1px solid rgba(51,47,40,.08);\n}\n\n\n.contact-inner {\n  max-width: 760px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n\n.contact-inner h2 {\n  margin: 8px 0 12px;\n\n  font-size: 38px;\n\n  font-weight: 500;\n}\n\n\n.contact-inner > p {\n  margin: 0 0 8px;\n\n  color: var(--muted);\n\n  font-size: 15.5px;\n}\n\n\n.deadline {\n  margin-bottom: 44px;\n\n  font-style: italic;\n\n  font-size: 15px;\n\n  color: var(--coral-dark);\n}\n\n\n#carrousel-form {\n  text-align: left;\n}\n\n\n.frow {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 22px;\n\n  margin-bottom: 24px;\n}\n\n\n.field label {\n  display: block;\n\n  margin-bottom: 8px;\n\n  font-family: 'Jost', sans-serif;\n\n  font-size: 13px;\n\n  letter-spacing: .04em;\n}\n\n\n.field input,\n.field textarea {\n  width: 100%;\n\n  padding: 12px 14px;\n\n  border:\n    1.5px solid rgba(51,47,40,.12);\n\n  border-radius: 7px;\n\n  background:\n    rgba(255,255,255,.74);\n\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n\n  font-family: 'Lora', serif;\n\n  font-size: 15px;\n\n  color: var(--ink);\n\n  outline: none;\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease,\n    background .25s ease;\n}\n\n\n.field input:hover,\n.field textarea:hover {\n  background:\n    rgba(255,255,255,.90);\n}\n\n\n.field input:focus,\n.field textarea:focus {\n  border-color: var(--coral);\n\n  background: #fff;\n\n  box-shadow:\n    0 0 0 3px rgba(255, 77, 90, .14);\n}\n\n\n.field textarea {\n  min-height: 110px;\n\n  resize: vertical;\n}\n\n\n.commune-field {\n  margin-bottom: 24px;\n}\n\n\n.event-field {\n  margin-bottom: 16px;\n}\n\n\n.message-field {\n  margin-bottom: 26px;\n}\n\n\n.radios {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 34px;\n\n  margin-top: 12px;\n}\n\n\n.radios label {\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  cursor: pointer;\n}\n\n\n.radios input {\n  width: auto;\n\n  accent-color: var(--coral);\n}\n\n\n.submit-row {\n  margin-top: 8px;\n\n  text-align: center;\n}\n\n\n\n\/* ================================\n   FOOTER\n================================ *\/\n\n.cl-footer {\n  padding: 46px 60px;\n\n  background: var(--cream);\n\n  border-top:\n    1px solid rgba(51,47,40,.08);\n}\n\n\n.footer-inner {\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n\n.footer-inner div {\n  font-family: 'Jost', sans-serif;\n\n  font-size: 13px;\n\n  line-height: 1.6;\n\n  color: var(--muted);\n}\n\n\n.footer-inner b {\n  color: var(--ink);\n\n  font-weight: 600;\n}\n\n\n.footer-inner a {\n  transition: color .2s ease;\n}\n\n\n.footer-inner a:hover {\n  color: var(--coral);\n}\n\n\n\n\/* ================================\n   APPARITION AU SCROLL\n================================ *\/\n\n.reveal {\n  opacity: 0;\n\n  transform: translateY(28px);\n\n  transition:\n    opacity .7s ease,\n    transform .7s ease;\n}\n\n\n.reveal.in-view {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\n\/* ================================\n   ANIMATIONS\n================================ *\/\n\n@keyframes bounce {\n\n  0%,\n  100% {\n    transform:\n      translateX(-50%)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateX(-50%)\n      translateY(6px);\n  }\n\n}\n\n\n\n\/* ================================\n   TABLETTE\n================================ *\/\n\n@media (max-width: 1024px) {\n\n  .cl-header {\n    padding: 18px 30px;\n  }\n\n\n  .cl-nav ul {\n    gap: 20px;\n  }\n\n\n  .cl-header > .btn {\n    display: none;\n  }\n\n\n  .story-grid {\n    gap: 40px;\n  }\n\n\n  .cat-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\n\/* ================================\n   MOBILE\n================================ *\/\n\n@media (max-width: 767px) {\n\n  .cl-header {\n    flex-direction: column;\n\n    gap: 20px;\n\n    padding: 18px 20px;\n  }\n\n\n  .cl-nav ul {\n    flex-wrap: wrap;\n\n    justify-content: center;\n\n    gap: 15px 20px;\n  }\n\n\n  .hero {\n    height: 650px;\n  }\n\n\n  .hero h1 {\n    font-size: 70px;\n  }\n\n\n  .hero .sub {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 5px;\n  }\n\n\n  .hero .sub span {\n    display: none;\n  }\n\n\n  .section {\n    padding: 65px 22px;\n  }\n\n\n  .story-grid {\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n  }\n\n\n  .story-photo {\n    height: 350px;\n  }\n\n\n  .cat-grid {\n    grid-template-columns: 1fr;\n  }\n\n\n  .frow {\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n  }\n\n\n  .radios {\n    flex-direction: column;\n\n    gap: 15px;\n  }\n\n\n  .footer-inner {\n    flex-direction: column;\n  }\n\n}\n\n\n\n\/* ================================\n   ACCESSIBILIT\u00c9\n================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cl-site *,\n  .cl-site *::before,\n  .cl-site *::after {\n    animation: none !important;\n\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n\n\n  \/* =========================\n     ANIMATIONS AU SCROLL\n  ========================== *\/\n\n  const targets = document.querySelectorAll(\n    '.section-head, .cat-card, .story-photo, .story-text, .contact-inner'\n  );\n\n\n  targets.forEach(function (element) {\n\n    element.classList.add('reveal');\n\n  });\n\n\n  if ('IntersectionObserver' in window) {\n\n    const observer = new IntersectionObserver(\n\n      function (entries) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n\n            entry.target.classList.add('in-view');\n\n            observer.unobserve(entry.target);\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold: 0.15\n      }\n\n    );\n\n\n    targets.forEach(function (element) {\n\n      observer.observe(element);\n\n    });\n\n  } else {\n\n    targets.forEach(function (element) {\n\n      element.classList.add('in-view');\n\n    });\n\n  }\n\n\n\n  \/* =========================\n     SCROLL DOUX DES ANCRES\n  ========================== *\/\n\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\n\n    link.addEventListener('click', function (event) {\n\n      const targetID = this.getAttribute('href');\n\n\n      if (!targetID || targetID === '#') {\n\n        return;\n\n      }\n\n\n      const target = document.querySelector(targetID);\n\n\n      if (!target) {\n\n        return;\n\n      }\n\n\n      event.preventDefault();\n\n\n      target.scrollIntoView({\n\n        behavior: 'smooth',\n\n        block: 'start'\n\n      });\n\n    });\n\n  });\n\n\n\n  \/* =========================\n     FORMULAIRE\n  ========================== *\/\n\n  const form = document.getElementById('carrousel-form');\n\n\n  if (form) {\n\n    form.addEventListener('submit', function () {\n\n      const button = form.querySelector(\n        'button[type=\"submit\"]'\n      );\n\n\n      if (button) {\n\n        button.disabled = true;\n\n        button.textContent = 'Envoi en cours...';\n\n      }\n\n      \/*\n       IMPORTANT :\n\n       On ne met PAS event.preventDefault() ici.\n\n       Le navigateur doit envoyer le formulaire vers :\n\n       \/wp-admin\/admin-post.php\n\n       WordPress ex\u00e9cutera ensuite :\n\n       carrousel_send_devis()\n\n      *\/\n\n    });\n\n  }\n\n});\n<\/script>\n\n<div class=\"cl-site\">\n\n  <!-- =========================\n       HEADER\n  ========================== -->\n  <header class=\"cl-header\">\n\n    <a href=\"#accueil\" class=\"logo-chip\">\n      <img decoding=\"async\" src=\"http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-17-a-18.45.30.png\" alt=\"Carrousel Leclercq\">\n    <\/a>\n\n    <nav class=\"cl-nav\">\n      <ul>\n\n        <li class=\"active\">\n          <a href=\"#accueil\">\n            Accueil\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-maneges\/\">\n            Nos man\u00e8ges\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-contact\/\">\n            Contact\n          <\/a>\n        <\/li>\n\n        <li>\n          <a href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-actualite\/\">\n            Actualit\u00e9\n          <\/a>\n        <\/li>\n\n      <\/ul>\n    <\/nav>\n\n    <a class=\"btn btn-rect\" href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-contact\/\">\n      Demander un devis\n    <\/a>\n\n  <\/header>\n\n\n  <!-- =========================\n       HERO\n  ========================== -->\n  <section class=\"hero\" id=\"accueil\">\n\n    <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\">\n\n      <source src=\"http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/Carrousel-LECRERCQ-HD-1080p.mp4\" type=\"video\/mp4\">\n\n    <\/video>\n\n    <div class=\"hero-overlay\"><\/div>\n\n    <div class=\"hero-content\">\n\n      <div class=\"eyebrow\">\n        Trois g\u00e9n\u00e9rations \u00b7 Hauts-de-France\n      <\/div>\n\n      <h1>\n        Carrousel Leclercq\n      <\/h1>\n\n      <div class=\"sub\">\n\n        Locations de man\u00e8ges &amp; attractions foraines\n\n        <span>|<\/span>\n\n        F\u00eates communales\n\n      <\/div>\n\n      <a href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-contact\/\" class=\"btn btn-pill btn-pill-white\">\n        Demander un devis\n      <\/a>\n\n    <\/div>\n\n    <a href=\"#histoire\" class=\"chevron\">\n      \u2193\n    <\/a>\n\n  <\/section>\n\n\n  <!-- =========================\n       NOTRE HISTOIRE\n  ========================== -->\n  <section class=\"section\" id=\"histoire\">\n\n    <div class=\"story-grid\">\n\n      <h2>\n        Notre histoire\n      <\/h2>\n\n      <div class=\"story-text\">\n\n        <p>\n          Tout commence avec la premi\u00e8re g\u00e9n\u00e9ration, qui parcourt les\n          foires et march\u00e9s du Nord de la France avec un unique man\u00e8ge\n          de chevaux de bois, remont\u00e9 \u00e0 la main devant chaque \u00e9glise\n          de village.\n        <\/p>\n\n        <p>\n          La deuxi\u00e8me g\u00e9n\u00e9ration reprend le flambeau et fait grandir\n          l&#8217;entreprise : de nouveaux carrousels rejoignent la famille,\n          la zone d&#8217;intervention s&#8217;\u00e9largit, et le nom Leclercq devient\n          une r\u00e9f\u00e9rence pour les comit\u00e9s des f\u00eates de la r\u00e9gion.\n        <\/p>\n\n        <p>\n          Aujourd&#8217;hui, c&#8217;est la troisi\u00e8me g\u00e9n\u00e9ration qui installe\n          man\u00e8ges, chalets et attractions pour vos f\u00eates de village,\n          vos march\u00e9s de No\u00ebl et vos \u00e9v\u00e9nements communaux.\n        <\/p>\n\n        <p>\n          Nous sommes pr\u00eats \u00e0 faire vivre la f\u00eate foraine dans votre commune.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"story-photo\" style=\"background-image:url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-21-a-13.44.47.png');\">\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n <!-- =========================\n     CATALOGUE\n========================== -->\n<section class=\"catalogue\" id=\"maneges\">\n\n  <div class=\"section\">\n\n    <div class=\"section-head\">\n\n      <span class=\"eyebrow\">\n        Notre catalogue\n      <\/span>\n\n      <h2>\n        Nos man\u00e8ges\n      <\/h2>\n\n      <p>\n        Un aper\u00e7u de nos attractions les plus demand\u00e9es par les communes.\n        Le catalogue complet compte plus de quinze mod\u00e8les.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"cat-grid\">\n\n      <!-- 1 -->\n      <article class=\"cat-card\">\n\n        <div class=\"cat-photo\" style=\"background-image:url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-21-a-13.44.47.png');\">\n        <\/div>\n\n        <h3>\n          Grande roue\n        <\/h3>\n\n        <p>\n          Illumin\u00e9e \u00e0 la tomb\u00e9e de la nuit, elle devient\n          le point de rep\u00e8re de votre \u00e9v\u00e9nement.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 2 -->\n      <article class=\"cat-card\">\n\n        <div class=\"cat-photo\" style=\"background-image:url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/IMG_3679-e1738936941323-1.png');\">\n        <\/div>\n\n        <h3>\n          Carrousel \u00e0 \u00e9tages\n        <\/h3>\n\n        <p>\n          Un carrousel imposant sur plusieurs niveaux,\n          parfait pour donner une vraie pr\u00e9sence \u00e0 votre f\u00eate.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 3 -->\n      <article class=\"cat-card\">\n\n        <div class=\"cat-photo\" style=\"background-image:url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/IMG-20230918-WA0002.jpg');\">\n        <\/div>\n\n        <h3>\n          Carrousel 1900\n        <\/h3>\n\n        <p>\n          Un carrousel au style ancien inspir\u00e9 des f\u00eates\n          foraines traditionnelles et de l\u2019\u00e9l\u00e9gance d\u2019\u00e9poque.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- 4 -->\n      <article class=\"cat-card\">\n\n        <div class=\"cat-photo\" style=\"background-image:url('http:\/\/carrouselleclercq.fr\/wp-content\/uploads\/2026\/10\/belle-epoque.png');\">\n        <\/div>\n\n        <h3>\n          Carrousel Belle \u00c9poque\n        <\/h3>\n\n        <p>\n          Le grand classique \u00e0 deux \u00e9tages, pi\u00e8ce ma\u00eetresse\n          de toute f\u00eate de village.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n\n    <div class=\"catalogue-button\">\n\n      <a class=\"btn btn-pill btn-pill-white\" href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-maneges\/\">\n        Voir tout le catalogue\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n      <div class=\"catalogue-button\">\n\n        <a class=\"btn btn-pill btn-pill-white\" href=\"https:\/\/carrouselleclercq.fr\/index.php\/new-maneges\/\">\n          Voir tout le catalogue\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  \n\n\n  <!-- =========================\n       CONTACT\n  ========================== -->\n  <section class=\"section contact\" id=\"contact\">\n\n    <div class=\"contact-inner\">\n\n      <span class=\"eyebrow\">\n        Contact\n      <\/span>\n\n      <h2>\n        Demandez votre devis\n      <\/h2>\n\n      <p>\n        Laissez-nous vos coordonn\u00e9es, nous revenons vers vous\n        avec une proposition adapt\u00e9e.\n      <\/p>\n\n      <div class=\"deadline\">\n        R\u00e9ponse sous 72 heures\n      <\/div>\n\n\n      <!-- FORMULAIRE WORDPRESS -->\n      <form id=\"carrousel-form\" method=\"post\" action=\"\/wp-admin\/admin-post.php\">\n\n        <input type=\"hidden\" name=\"action\" value=\"carrousel_send_devis\">\n\n\n        <div class=\"frow\">\n\n          <div class=\"field\">\n\n            <label for=\"prenom\">\n              Pr\u00e9nom *\n            <\/label>\n\n            <input id=\"prenom\" name=\"prenom\" type=\"text\" placeholder=\"Jean\" required=\"\">\n\n          <\/div>\n\n\n          <div class=\"field\">\n\n            <label for=\"nom\">\n              Nom *\n            <\/label>\n\n            <input id=\"nom\" name=\"nom\" type=\"text\" placeholder=\"Dupont\" required=\"\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"frow\">\n\n          <div class=\"field\">\n\n            <label for=\"email\">\n              Email *\n            <\/label>\n\n            <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"mairie@commune.fr\" required=\"\">\n\n          <\/div>\n\n\n          <div class=\"field\">\n\n            <label for=\"telephone\">\n              T\u00e9l\u00e9phone\n            <\/label>\n\n            <input id=\"telephone\" name=\"telephone\" type=\"tel\" placeholder=\"06 00 00 00 00\">\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"field commune-field\">\n\n          <label for=\"commune\">\n            Commune *\n          <\/label>\n\n          <input id=\"commune\" name=\"commune\" type=\"text\" placeholder=\"Nom de la commune\" required=\"\">\n\n        <\/div>\n\n\n        <div class=\"field event-field\">\n\n          <label>\n            Type d&#8217;\u00e9v\u00e9nement *\n          <\/label>\n\n          <div class=\"radios\">\n\n            <label>\n\n              <input type=\"radio\" name=\"event\" value=\"F\u00eate de village\" required=\"\">\n\n              F\u00eate de village\n\n            <\/label>\n\n\n            <label>\n\n              <input type=\"radio\" name=\"event\" value=\"March\u00e9 de No\u00ebl\">\n\n              March\u00e9 de No\u00ebl\n\n            <\/label>\n\n\n            <label>\n\n              <input type=\"radio\" name=\"event\" value=\"Autre \u00e9v\u00e9nement\">\n\n              Autre \u00e9v\u00e9nement\n\n            <\/label>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"field message-field\">\n\n          <label for=\"message\">\n            Message\n          <\/label>\n\n          <textarea id=\"message\" name=\"message\" placeholder=\"D\u00e9crivez votre projet, les dates envisag\u00e9es, le nombre de visiteurs attendu...\"><\/textarea>\n\n        <\/div>\n\n\n        <div class=\"submit-row\">\n\n          <button class=\"btn btn-rect-fill\" type=\"submit\">\n            Envoyer ma demande\n          <\/button>\n\n        <\/div>\n\n      <\/form>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =========================\n       FOOTER\n  ========================== -->\n  <footer class=\"cl-footer\">\n\n    <div class=\"footer-inner\">\n\n      <div>\n\n        <b>\n          Carrousel Leclercq\n        <\/b>\n\n        <br>\n\n        56 Route Nationale, 80200 Estr\u00e9es-Mons\n\n      <\/div>\n\n\n      <div>\n\n        <a href=\"tel:+33607517217\">\n          06 07 51 72 17\n        <\/a>\n\n        <br>\n\n        <a href=\"mailto:carrousel.leclercq@gmail.com\">\n          carrousel.leclercq@gmail.com\n        <\/a>\n\n      <\/div>\n\n\n      <div>\n\n        \u00a9 Carrousel Leclercq\n\n        <br>\n\n        Trois g\u00e9n\u00e9rations de savoir-faire\n\n      <\/div>\n\n    <\/div>\n\n  <\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Accueil Nos man\u00e8ges Contact Actualit\u00e9 Demander un devis Trois g\u00e9n\u00e9rations \u00b7 Hauts-de-France Carrousel Leclercq Locations de man\u00e8ges &amp; attractions foraines | F\u00eates communales Demander un devis \u2193 Notre histoire Tout commence avec la premi\u00e8re g\u00e9n\u00e9ration, qui parcourt les foires et march\u00e9s du Nord de la France avec un unique man\u00e8ge de chevaux de bois, remont\u00e9 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-12672","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/pages\/12672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/comments?post=12672"}],"version-history":[{"count":9,"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/pages\/12672\/revisions"}],"predecessor-version":[{"id":12864,"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/pages\/12672\/revisions\/12864"}],"wp:attachment":[{"href":"https:\/\/carrouselleclercq.fr\/index.php\/wp-json\/wp\/v2\/media?parent=12672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}