{"id":716,"date":"2026-07-27T19:23:31","date_gmt":"2026-07-27T19:23:31","guid":{"rendered":"https:\/\/www.cleanmycar69.com\/?page_id=716"},"modified":"2026-09-10T18:39:48","modified_gmt":"2026-09-10T18:39:48","slug":"accueil-2026","status":"publish","type":"page","link":"https:\/\/www.cleanmycar69.com\/","title":{"rendered":"Accueil 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"716\" class=\"elementor elementor-716\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f830756 e-con-full e-flex e-con e-parent\" data-id=\"f830756\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6127400 elementor-widget elementor-widget-html\" data-id=\"6127400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cmc-hero\" id=\"cmc-hero\">\n\n  <div class=\"cmc-hero__media\" aria-hidden=\"true\">\n    <video class=\"cmc-hero__video is-active\" muted playsinline preload=\"auto\">\n      <source src=\"https:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/hf_20260727_184659_f233b4b3-8e85-4a8f-bc13-80997f4a8194.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <video class=\"cmc-hero__video\" muted playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/hf_20260727_185000_c99bbf35-9c29-40fc-b1a4-61ae2f9e3382.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <video class=\"cmc-hero__video\" muted playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/hf_20260727_185053_bf116efe-3ab0-4c61-8a2b-edb188e0bd7b.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <div class=\"cmc-hero__overlay\"><\/div>\n  <div class=\"cmc-hero__gradient\"><\/div>\n  <div class=\"cmc-hero__glow\"><\/div>\n  <div class=\"cmc-hero__noise\"><\/div>\n\n  <div class=\"cmc-hero__content\">\n    <div class=\"cmc-hero__eyebrow\">\n      <span class=\"cmc-hero__eyebrow-line\"><\/span>\n      <span>DETAILING AUTOMOBILE PREMIUM<\/span>\n    <\/div>\n\n    <h1 class=\"cmc-hero__title\">\n      R\u00e9v\u00e9lez le vrai potentiel\n      <span>de votre v\u00e9hicule.<\/span>\n    <\/h1>\n\n    <p class=\"cmc-hero__description\">\n      Nettoyage, r\u00e9novation et protection automobile r\u00e9alis\u00e9s avec exigence\n      pour offrir \u00e0 votre v\u00e9hicule une finition irr\u00e9prochable.\n    <\/p>\n\n    <div class=\"cmc-hero__actions\">\n      <a class=\"cmc-btn cmc-btn--primary\" href=\"\/index.php\/prendre-un-rdv\">\n        <span>R\u00e9server maintenant<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <a class=\"cmc-btn cmc-btn--secondary\" href=\"\/index.php\/nettoyage-de-vehicules-2026\">\n        <span>D\u00e9couvrir nos prestations<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"cmc-hero__features\">\n      <div class=\"cmc-hero__feature\">\n        <strong>01<\/strong>\n        <span>Nettoyage<br>professionnel<\/span>\n      <\/div>\n\n      <div class=\"cmc-hero__feature\">\n        <strong>02<\/strong>\n        <span>Produits<br>haut de gamme<\/span>\n      <\/div>\n\n      <div class=\"cmc-hero__feature\">\n        <strong>03<\/strong>\n        <span>Finition<br>sur mesure<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cmc-hero__pagination\" aria-hidden=\"true\">\n    <button class=\"cmc-hero__dot is-active\" data-video=\"0\"><span><\/span><\/button>\n    <button class=\"cmc-hero__dot\" data-video=\"1\"><span><\/span><\/button>\n    <button class=\"cmc-hero__dot\" data-video=\"2\"><span><\/span><\/button>\n  <\/div>\n\n  <a class=\"cmc-hero__scroll\" href=\"#cmc-next-section\" aria-label=\"Faire d\u00e9filer\">\n    <span>D\u00e9couvrir<\/span>\n    <div class=\"cmc-hero__mouse\"><i><\/i><\/div>\n  <\/a>\n<\/section>\n\n<style>\n.cmc-hero,\n.cmc-hero * {\n  box-sizing: border-box;\n}\n\n.cmc-hero {\n  --cmc-gold: #d5a83d;\n  --cmc-gold-light: #f2d27b;\n  --cmc-black: #050505;\n  --cmc-white: #ffffff;\n  --cmc-muted: rgba(255,255,255,.72);\n\n  position: relative;\n  width: 100vw;\n  min-height: calc(100vh - 90px);\n  min-height: calc(100svh - 90px);\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  isolation: isolate;\n  background: var(--cmc-black);\n  color: var(--cmc-white);\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n.cmc-hero__media {\n  position: absolute;\n  inset: 0;\n  z-index: -6;\n  overflow: hidden;\n  background: #050505;\n}\n\n.cmc-hero__video {\n  position: absolute;\n  inset: -3%;\n  width: 106%;\n  height: 106%;\n  object-fit: cover;\n  opacity: 0;\n  transform: scale(1.04);\n  filter: saturate(.9) contrast(1.06) brightness(.8);\n  transition:\n    opacity 1.35s cubic-bezier(.22,1,.36,1),\n    transform 9s linear;\n  will-change: opacity, transform;\n}\n\n.cmc-hero__video.is-active {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n.cmc-hero__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: -5;\n  background: linear-gradient(\n    90deg,\n    rgba(0,0,0,.86) 0%,\n    rgba(0,0,0,.66) 37%,\n    rgba(0,0,0,.22) 72%,\n    rgba(0,0,0,.36) 100%\n  );\n  pointer-events: none;\n}\n\n.cmc-hero__gradient {\n  position: absolute;\n  inset: 0;\n  z-index: -4;\n  background: linear-gradient(\n    180deg,\n    rgba(0,0,0,.25) 0%,\n    transparent 28%,\n    transparent 65%,\n    rgba(0,0,0,.94) 100%\n  );\n  pointer-events: none;\n}\n\n.cmc-hero_glow{\n    display:none;\n}\n\n.cmc-hero__noise {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  opacity: .045;\n  pointer-events: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'\/%3E%3C\/svg%3E\");\n}\n\n.cmc-hero__content {\n  position: relative;\n  z-index: 5;\n  width: min(100%,1440px);\n  min-height: calc(100vh - 90px);\n  min-height: calc(100svh - 90px);\n  margin: 0 auto;\n  padding:\n    clamp(100px,13vh,170px)\n    clamp(24px,6vw,90px)\n    clamp(150px,18vh,210px);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n}\n\n.cmc-hero__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 25px;\n  color: var(--cmc-gold-light);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  opacity: 0;\n  transform: translateY(18px);\n  animation: cmcReveal .9s .2s forwards;\n}\n\n.cmc-hero__eyebrow-line {\n  display: block;\n  width: 48px;\n  height: 1px;\n  background: linear-gradient(90deg,transparent,var(--cmc-gold));\n}\n\n.cmc-hero__title {\n  max-width: 880px;\n  margin: 0;\n  color: #fff;\n  font-size: clamp(46px,6.2vw,104px);\n  font-weight: 800;\n  line-height: .98;\n  letter-spacing: -.055em;\n  text-wrap: balance;\n  opacity: 0;\n  transform: translateY(34px);\n  animation: cmcReveal 1.1s .35s forwards;\n}\n\n.cmc-hero__title span {\n  display: block;\n  margin-top: 11px;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(255,255,255,.58);\n}\n\n.cmc-hero__description {\n  max-width: 660px;\n  margin: 32px 0 0;\n  color: var(--cmc-muted);\n  font-size: clamp(16px,1.35vw,20px);\n  line-height: 1.75;\n  opacity: 0;\n  transform: translateY(25px);\n  animation: cmcReveal 1s .55s forwards;\n}\n\n.cmc-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 40px;\n  opacity: 0;\n  transform: translateY(25px);\n  animation: cmcReveal 1s .72s forwards;\n}\n\n.cmc-btn {\n  position: relative;\n  min-height: 58px;\n  padding: 0 27px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  overflow: hidden;\n  text-decoration: none !important;\n  font-size: 13px;\n  font-weight: 750;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  transition:\n    transform .3s ease,\n    background-color .3s ease,\n    border-color .3s ease,\n    color .3s ease,\n    box-shadow .3s ease;\n}\n\n.cmc-btn span,\n.cmc-btn svg {\n  position: relative;\n  z-index: 2;\n}\n\n.cmc-btn svg {\n  width: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  transition: transform .3s ease;\n}\n\n.cmc-btn::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  transform: translateX(-105%);\n  background: linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);\n  transition: transform .65s ease;\n}\n\n.cmc-btn:hover::before {\n  transform: translateX(105%);\n}\n\n.cmc-btn:hover {\n  transform: translateY(-3px);\n}\n\n.cmc-btn:hover svg {\n  transform: translateX(4px);\n}\n\n.cmc-btn--primary {\n  color: #090909 !important;\n  background: linear-gradient(135deg,var(--cmc-gold-light),var(--cmc-gold));\n  box-shadow: 0 15px 40px rgba(213,168,61,.2);\n}\n\n.cmc-btn--primary:hover {\n  color: #090909 !important;\n  box-shadow: 0 18px 50px rgba(213,168,61,.36);\n}\n\n.cmc-btn--secondary {\n  color: #fff !important;\n  border-color: rgba(255,255,255,.25);\n  background: rgba(255,255,255,.045);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.cmc-btn--secondary:hover {\n  color: #fff !important;\n  border-color: rgba(213,168,61,.65);\n  background: rgba(213,168,61,.08);\n}\n\n.cmc-hero__features {\n  position: absolute;\n  left: clamp(24px,6vw,90px);\n  bottom: 42px;\n  display: flex;\n  gap: clamp(24px,4vw,60px);\n  opacity: 0;\n  animation: cmcReveal 1s .95s forwards;\n}\n\n.cmc-hero__feature {\n  display: flex;\n  align-items: flex-start;\n  gap: 13px;\n}\n\n.cmc-hero__feature strong {\n  color: var(--cmc-gold);\n  font-size: 11px;\n  letter-spacing: .14em;\n}\n\n.cmc-hero__feature span {\n  color: rgba(255,255,255,.7);\n  font-size: 12px;\n  line-height: 1.45;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.cmc-hero__pagination {\n  position: absolute;\n  z-index: 8;\n  right: clamp(25px,4vw,65px);\n  top: 50%;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  transform: translateY(-50%);\n}\n\n.cmc-hero__dot {\n  position: relative;\n  width: 3px;\n  height: 48px;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  background: rgba(255,255,255,.2);\n  cursor: pointer;\n}\n\n.cmc-hero__dot span {\n  position: absolute;\n  inset: 0;\n  transform: scaleY(0);\n  transform-origin: top;\n  background: var(--cmc-gold);\n}\n\n.cmc-hero__dot.is-active span {\n  animation: cmcProgress 7.2s linear forwards;\n}\n\n.cmc-hero__scroll {\n  position: absolute;\n  z-index: 8;\n  right: clamp(25px,4vw,65px);\n  bottom: 38px;\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  color: rgba(255,255,255,.65) !important;\n  text-decoration: none !important;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}\n\n.cmc-hero__mouse {\n  position: relative;\n  width: 22px;\n  height: 35px;\n  border: 1px solid rgba(255,255,255,.4);\n  border-radius: 20px;\n}\n\n.cmc-hero__mouse i {\n  position: absolute;\n  top: 7px;\n  left: 50%;\n  width: 3px;\n  height: 6px;\n  border-radius: 5px;\n  background: var(--cmc-gold);\n  transform: translateX(-50%);\n  animation: cmcScroll 1.8s infinite;\n}\n\n@keyframes cmcReveal {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes cmcProgress {\n  from { transform: scaleY(0); }\n  to { transform: scaleY(1); }\n}\n\n@keyframes cmcScroll {\n  0% {\n    opacity: 0;\n    transform: translate(-50%,0);\n  }\n  30% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%,12px);\n  }\n}\n\n@media (max-width: 1024px) {\n  .cmc-hero,\n  .cmc-hero__content {\n    min-height: calc(100svh - 75px);\n  }\n\n  .cmc-hero__overlay {\n    background: rgba(0,0,0,.63);\n  }\n\n  .cmc-hero__pagination {\n    display: none;\n  }\n\n  .cmc-hero__scroll {\n    right: 28px;\n  }\n}\n\n@media (max-width: 767px) {\n  .cmc-hero,\n  .cmc-hero__content {\n    min-height: calc(100svh - 68px);\n  }\n\n  .cmc-hero__content {\n    padding: 90px 22px 160px;\n  }\n\n  .cmc-hero__video {\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-position: center;\n  }\n\n  .cmc-hero__overlay {\n    background: linear-gradient(\n      180deg,\n      rgba(0,0,0,.5) 0%,\n      rgba(0,0,0,.64) 35%,\n      rgba(0,0,0,.9) 100%\n    );\n  }\n\n  .cmc-hero__eyebrow {\n    gap: 11px;\n    margin-bottom: 20px;\n    font-size: 9px;\n    letter-spacing: .17em;\n  }\n\n  .cmc-hero__eyebrow-line {\n    width: 28px;\n  }\n\n  .cmc-hero__title {\n    font-size: clamp(42px,13vw,61px);\n    line-height: .98;\n    letter-spacing: -.05em;\n  }\n\n  .cmc-hero__description {\n    margin-top: 25px;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .cmc-hero__actions {\n    width: 100%;\n    margin-top: 30px;\n    flex-direction: column;\n  }\n\n  .cmc-btn {\n    width: 100%;\n    min-height: 56px;\n  }\n\n  .cmc-hero__features {\n    left: 22px;\n    right: 22px;\n    bottom: 29px;\n    gap: 0;\n    justify-content: space-between;\n  }\n\n  .cmc-hero__feature {\n    gap: 6px;\n  }\n\n  .cmc-hero__feature strong {\n    display: none;\n  }\n\n  .cmc-hero__feature span {\n    font-size: 8px;\n    letter-spacing: .055em;\n  }\n\n  .cmc-hero__scroll {\n    display: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cmc-hero *,\n  .cmc-hero *::before,\n  .cmc-hero *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: .01ms !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  function initCleanMyCarHero() {\n    const hero = document.querySelector(\"#cmc-hero\");\n\n    if (!hero || hero.dataset.initialized === \"true\") return;\n\n    hero.dataset.initialized = \"true\";\n\n    const videos = Array.from(hero.querySelectorAll(\".cmc-hero__video\"));\n    const dots = Array.from(hero.querySelectorAll(\".cmc-hero__dot\"));\n\n    if (!videos.length) return;\n\n    let activeIndex = 0;\n    let timer = null;\n\n    const displayDuration = 7200;\n    const transitionDuration = 1350;\n\n    function safelyPlay(video) {\n      if (!video) return;\n\n      video.muted = true;\n      video.playsInline = true;\n\n      const promise = video.play();\n      if (promise && typeof promise.catch === \"function\") {\n        promise.catch(function () {});\n      }\n    }\n\n    function restartProgress(index) {\n      dots.forEach(function (dot, dotIndex) {\n        dot.classList.toggle(\"is-active\", dotIndex === index);\n\n        const bar = dot.querySelector(\"span\");\n\n        if (bar && dotIndex === index) {\n          bar.style.animation = \"none\";\n          void bar.offsetWidth;\n          bar.style.animation = \"\";\n        }\n      });\n    }\n\n    function scheduleNext() {\n      window.clearTimeout(timer);\n\n      timer = window.setTimeout(function () {\n        showVideo((activeIndex + 1) % videos.length);\n      }, displayDuration);\n    }\n\n    function showVideo(nextIndex) {\n      if (!videos[nextIndex] || nextIndex === activeIndex) return;\n\n      const previousVideo = videos[activeIndex];\n      const nextVideo = videos[nextIndex];\n\n      try {\n        nextVideo.currentTime = 0;\n      } catch (error) {}\n\n      safelyPlay(nextVideo);\n\n      nextVideo.classList.add(\"is-active\");\n      previousVideo.classList.remove(\"is-active\");\n\n      window.setTimeout(function () {\n        previousVideo.pause();\n      }, transitionDuration);\n\n      activeIndex = nextIndex;\n      restartProgress(activeIndex);\n      scheduleNext();\n    }\n\n    videos.forEach(function (video, index) {\n      video.addEventListener(\"ended\", function () {\n        if (index === activeIndex) {\n          showVideo((activeIndex + 1) % videos.length);\n        }\n      });\n    });\n\n    dots.forEach(function (dot, index) {\n      dot.addEventListener(\"click\", function () {\n        showVideo(index);\n      });\n    });\n\n    safelyPlay(videos[0]);\n    restartProgress(0);\n    scheduleNext();\n\n    if (\n      window.matchMedia(\"(pointer: fine)\").matches &&\n      !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    ) {\n      hero.addEventListener(\"mousemove\", function (event) {\n        const activeVideo = videos[activeIndex];\n        if (!activeVideo) return;\n\n        const rect = hero.getBoundingClientRect();\n        const x = (event.clientX - rect.left) \/ rect.width - .5;\n        const y = (event.clientY - rect.top) \/ rect.height - .5;\n\n        activeVideo.style.translate = (x * -9) + \"px \" + (y * -6) + \"px\";\n      });\n\n      hero.addEventListener(\"mouseleave\", function () {\n        videos.forEach(function (video) {\n          video.style.translate = \"0 0\";\n        });\n      });\n    }\n\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            safelyPlay(videos[activeIndex]);\n            scheduleNext();\n          } else {\n            window.clearTimeout(timer);\n            videos.forEach(function (video) {\n              video.pause();\n            });\n          }\n        });\n      }, { threshold: .1 });\n\n      observer.observe(hero);\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initCleanMyCarHero);\n  } else {\n    initCleanMyCarHero();\n  }\n})();\n<\/script>\n\n<section id=\"cmc-premium-story\">\n\n<style>\n#cmc-premium-story,\n#cmc-premium-story *{\n  box-sizing:border-box;\n}\n\n#cmc-premium-story{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  background:#070707;\n  color:#fff;\n  padding:130px 4vw;\n  font-family:Inter,Arial,sans-serif;\n}\n\n#cmc-premium-story::before{\n  display:none;\n}\n\n.cmc-premium-wrap{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n.cmc-premium-head{\n  max-width:1050px;\n  margin-bottom:65px;\n}\n\n.cmc-premium-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-premium-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-premium-title{\n  margin:0;\n  font-size:clamp(44px,6vw,92px);\n  line-height:.98;\n  letter-spacing:-3px;\n  font-weight:850;\n}\n\n.cmc-premium-title span{\n  color:#cda145;\n}\n\n.cmc-premium-intro{\n  max-width:850px;\n  margin-top:28px;\n  color:#aaa;\n  font-size:18px;\n  line-height:1.8;\n}\n\n.cmc-premium-media{\n  position:relative;\n  min-height:720px;\n  overflow:hidden;\n  border-radius:32px 32px 0 0;\n  border:1px solid rgba(255,255,255,.08);\n  border-bottom:0;\n  box-shadow:0 40px 120px rgba(0,0,0,.55);\n  isolation:isolate;\n}\n\n.cmc-premium-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:2;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,0,0,.90) 0%,\n      rgba(0,0,0,.56) 42%,\n      rgba(0,0,0,.10) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(0,0,0,.80) 0%,\n      transparent 55%\n    );\n}\n\n.cmc-premium-media img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  transform:scale(1.04);\n  transition:transform 1.4s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-premium-media:hover img{\n  transform:scale(1.1);\n}\n\n.cmc-premium-content{\n  position:relative;\n  z-index:4;\n  min-height:720px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  max-width:720px;\n  padding:80px;\n}\n\n.cmc-premium-content h3{\n  margin:0 0 24px;\n  font-size:clamp(38px,4.5vw,70px);\n  line-height:1.02;\n  letter-spacing:-2px;\n}\n\n.cmc-premium-content p{\n  max-width:640px;\n  margin:0;\n  color:#d0d0d0;\n  font-size:18px;\n  line-height:1.8;\n}\n\n.cmc-premium-stats{\n  position:relative;\n  z-index:5;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:1px;\n  margin-top:-1px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:0 0 28px 28px;\n  background:rgba(255,255,255,.08);\n}\n\n.cmc-premium-stat{\n  min-height:180px;\n  padding:38px 28px;\n  background:#0d0d0d;\n  transition:\n    background .35s ease,\n    transform .35s ease;\n}\n\n.cmc-premium-stat:hover{\n  background:#131313;\n  transform:translateY(-5px);\n}\n\n.cmc-premium-number{\n  color:#cda145;\n  font-size:44px;\n  line-height:1;\n  font-weight:850;\n  letter-spacing:-2px;\n}\n\n.cmc-premium-label{\n  margin-top:15px;\n  color:#b7b7b7;\n  font-size:14px;\n  line-height:1.5;\n  text-transform:uppercase;\n  letter-spacing:1.5px;\n}\n\n.cmc-reveal{\n  opacity:0;\n  transform:translateY(35px);\n  transition:\n    opacity .9s ease,\n    transform .9s ease;\n}\n\n.cmc-reveal.cmc-visible{\n  opacity:1;\n  transform:none;\n}\n\n@media(max-width:1200px){\n  #cmc-premium-story{\n    padding:110px 35px;\n  }\n\n  .cmc-premium-media,\n  .cmc-premium-content{\n    min-height:650px;\n  }\n\n  .cmc-premium-content{\n    padding:60px;\n  }\n}\n\n@media(max-width:1000px){\n  .cmc-premium-stats{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .cmc-premium-content{\n    padding:48px;\n  }\n}\n\n@media(max-width:650px){\n  #cmc-premium-story{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px;\n  }\n\n  .cmc-premium-title{\n    font-size:44px;\n    letter-spacing:-2px;\n  }\n\n  .cmc-premium-intro{\n    font-size:16px;\n  }\n\n  .cmc-premium-media,\n  .cmc-premium-content{\n    min-height:590px;\n  }\n\n  .cmc-premium-content{\n    padding:32px 24px;\n  }\n\n  .cmc-premium-content h3{\n    font-size:42px;\n  }\n\n  .cmc-premium-content p{\n    font-size:16px;\n  }\n\n  .cmc-premium-media::after{\n    background:\n      linear-gradient(\n        0deg,\n        rgba(0,0,0,.94) 0%,\n        rgba(0,0,0,.52) 68%,\n        rgba(0,0,0,.15) 100%\n      );\n  }\n\n  .cmc-premium-stats{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .cmc-premium-stat{\n    min-height:150px;\n    padding:28px 20px;\n  }\n\n  .cmc-premium-number{\n    font-size:36px;\n  }\n\n  .cmc-premium-label{\n    font-size:12px;\n  }\n}\n<\/style>\n\n<div class=\"cmc-premium-wrap\">\n\n  <div class=\"cmc-premium-head cmc-reveal\">\n\n    <div class=\"cmc-premium-kicker\">\n      Detailing automobile premium\n    <\/div>\n\n    <h2 class=\"cmc-premium-title\">\n      Chaque v\u00e9hicule m\u00e9rite<br>\n      une finition <span>exceptionnelle.<\/span>\n    <\/h2>\n\n    <p class=\"cmc-premium-intro\">\n      Chez CleanMyCar69, nous allons bien plus loin qu\u2019un simple lavage.\n      Chaque intervention est pens\u00e9e pour r\u00e9v\u00e9ler l\u2019\u00e9clat, prot\u00e9ger les surfaces\n      et redonner \u00e0 votre v\u00e9hicule une pr\u00e9sentation haut de gamme.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"cmc-premium-media cmc-reveal\">\n\n    <img decoding=\"async\"\n      src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2025\/12\/erik-mclean-aJaSRL4nYzA-unsplash-1.jpg\"\n      alt=\"Detailing automobile premium CleanMyCar69\"\n    >\n\n    <div class=\"cmc-premium-content\">\n\n      <h3>\n        Le detailing<br>\n        qui change<br>\n        vraiment tout.\n      <\/h3>\n\n      <p>\n        Nous utilisons des m\u00e9thodes professionnelles, des produits premium\n        et une attention port\u00e9e au moindre d\u00e9tail afin d\u2019obtenir une finition\n        irr\u00e9prochable.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"cmc-premium-stats\">\n\n    <div class=\"cmc-premium-stat cmc-reveal\">\n\n      <div\n        class=\"cmc-premium-number\"\n        data-count=\"500\"\n        data-suffix=\"+\"\n      >\n        0\n      <\/div>\n\n      <div class=\"cmc-premium-label\">\n        V\u00e9hicules<br>\n        trait\u00e9s\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cmc-premium-stat cmc-reveal\">\n\n      <div\n        class=\"cmc-premium-number\"\n        data-count=\"100\"\n        data-suffix=\"%\"\n      >\n        0\n      <\/div>\n\n      <div class=\"cmc-premium-label\">\n        Produits<br>\n        premium\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cmc-premium-stat cmc-reveal\">\n\n      <div class=\"cmc-premium-number\">\n        \u2605\u2605\u2605\u2605\u2605\n      <\/div>\n\n      <div class=\"cmc-premium-label\">\n        Satisfaction<br>\n        client\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cmc-premium-stat cmc-reveal\">\n\n      <div\n        class=\"cmc-premium-number\"\n        data-count=\"2025\"\n        data-suffix=\"\"\n      >\n        0\n      <\/div>\n\n      <div class=\"cmc-premium-label\">\n        Depuis<br>\n        2025\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-premium-story\");\n\n  if(!section){\n    return;\n  }\n\n  const revealElements =\n    section.querySelectorAll(\".cmc-reveal\");\n\n  if(\"IntersectionObserver\" in window){\n\n    const revealObserver =\n      new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n          if(!entry.isIntersecting){\n            return;\n          }\n\n          entry.target.classList.add(\"cmc-visible\");\n          revealObserver.unobserve(entry.target);\n\n        });\n\n      },{\n        threshold:0.15\n      });\n\n    revealElements.forEach(function(element){\n      revealObserver.observe(element);\n    });\n\n  }else{\n\n    revealElements.forEach(function(element){\n      element.classList.add(\"cmc-visible\");\n    });\n\n  }\n\n  const counters =\n    section.querySelectorAll(\"[data-count]\");\n\n  function animateCounter(element){\n\n    if(element.dataset.animated === \"true\"){\n      return;\n    }\n\n    element.dataset.animated = \"true\";\n\n    const target =\n      parseInt(element.dataset.count,10);\n\n    const suffix =\n      element.dataset.suffix || \"\";\n\n    const duration = 1400;\n    const startTime = performance.now();\n\n    function updateCounter(currentTime){\n\n      const elapsed =\n        currentTime - startTime;\n\n      const progress =\n        Math.min(elapsed \/ duration,1);\n\n      const easedProgress =\n        1 - Math.pow(1 - progress,3);\n\n      const currentValue =\n        Math.floor(target * easedProgress);\n\n      element.textContent =\n        currentValue + suffix;\n\n      if(progress < 1){\n\n        requestAnimationFrame(updateCounter);\n\n      }else{\n\n        element.textContent =\n          target + suffix;\n\n      }\n\n    }\n\n    requestAnimationFrame(updateCounter);\n\n  }\n\n  if(\"IntersectionObserver\" in window){\n\n    const counterObserver =\n      new IntersectionObserver(function(entries){\n\n        entries.forEach(function(entry){\n\n          if(!entry.isIntersecting){\n            return;\n          }\n\n          animateCounter(entry.target);\n          counterObserver.unobserve(entry.target);\n\n        });\n\n      },{\n        threshold:0.4\n      });\n\n    counters.forEach(function(counter){\n      counterObserver.observe(counter);\n    });\n\n  }else{\n\n    counters.forEach(function(counter){\n      animateCounter(counter);\n    });\n\n  }\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-services\">\n\n<style>\n\/* =========================================================\n   CLEANMYCAR69 \u2014 NOS SERVICES\n========================================================= *\/\n\n#cmc-services,\n#cmc-services *{\n  box-sizing:border-box;\n}\n\n#cmc-services{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:125px 4vw 140px;\n  background:#070707;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n.cmc-services-wrap{\n  position:relative;\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.cmc-services-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-services-heading-left{\n  max-width:950px;\n}\n\n.cmc-services-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-services-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-services-title{\n  margin:0;\n  color:#ffffff;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-services-title span{\n  color:#cda145;\n}\n\n.cmc-services-intro{\n  max-width:470px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n\/* =========================================================\n   GRILLE\n========================================================= *\/\n\n.cmc-services-grid{\n  display:grid;\n  grid-template-columns:repeat(6,minmax(0,1fr));\n  gap:22px;\n}\n\n\/* Premi\u00e8re ligne : 3 cartes *\/\n\n.cmc-service-card:nth-child(1),\n.cmc-service-card:nth-child(2),\n.cmc-service-card:nth-child(3){\n  grid-column:span 2;\n}\n\n\/* Deuxi\u00e8me ligne : 2 cartes centr\u00e9es *\/\n\n.cmc-service-card:nth-child(4){\n  grid-column:2 \/ span 2;\n}\n\n.cmc-service-card:nth-child(5){\n  grid-column:4 \/ span 2;\n}\n\n\/* =========================================================\n   CARTE\n========================================================= *\/\n\n.cmc-service-card{\n  position:relative;\n  display:block;\n  min-height:520px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:26px;\n  background:#111111;\n  color:#ffffff;\n  text-decoration:none !important;\n  isolation:isolate;\n  box-shadow:0 24px 70px rgba(0,0,0,.35);\n  transition:\n    transform .55s cubic-bezier(.2,.8,.2,1),\n    border-color .4s ease,\n    box-shadow .55s ease;\n}\n\n.cmc-service-card:hover{\n  transform:translateY(-10px);\n  border-color:rgba(205,161,69,.55);\n  box-shadow:\n    0 38px 90px rgba(0,0,0,.55),\n    0 0 0 1px rgba(205,161,69,.08);\n}\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.cmc-service-image{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  transform:scale(1.03);\n  filter:saturate(.9) contrast(1.04);\n  transition:\n    transform 1s cubic-bezier(.2,.8,.2,1),\n    filter .7s ease;\n}\n\n.cmc-service-card:hover .cmc-service-image{\n  transform:scale(1.11);\n  filter:saturate(1.05) contrast(1.08);\n}\n\n\/* =========================================================\n   VOILE\n========================================================= *\/\n\n.cmc-service-overlay{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.05) 0%,\n      rgba(0,0,0,.12) 35%,\n      rgba(0,0,0,.88) 100%\n    );\n  transition:background .5s ease;\n}\n\n.cmc-service-card:hover .cmc-service-overlay{\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.02) 0%,\n      rgba(0,0,0,.08) 30%,\n      rgba(0,0,0,.94) 100%\n    );\n}\n\n\/* =========================================================\n   LUMI\u00c8RE DOR\u00c9E\n========================================================= *\/\n\n.cmc-service-glow{\n  position:absolute;\n  z-index:3;\n  right:-140px;\n  bottom:-140px;\n  width:330px;\n  height:330px;\n  border-radius:50%;\n  background:rgba(205,161,69,.16);\n  filter:blur(90px);\n  opacity:0;\n  transition:opacity .6s ease;\n  pointer-events:none;\n}\n\n.cmc-service-card:hover .cmc-service-glow{\n  opacity:1;\n}\n\n\/* =========================================================\n   NUM\u00c9RO\n========================================================= *\/\n\n.cmc-service-number{\n  position:absolute;\n  z-index:5;\n  top:28px;\n  left:30px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:44px;\n  height:44px;\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:50%;\n  background:rgba(0,0,0,.25);\n  color:#ffffff;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1px;\n  backdrop-filter:blur(12px);\n  transition:\n    color .4s ease,\n    border-color .4s ease,\n    background .4s ease;\n}\n\n.cmc-service-card:hover .cmc-service-number{\n  border-color:rgba(205,161,69,.75);\n  background:rgba(205,161,69,.12);\n  color:#cda145;\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.cmc-service-content{\n  position:absolute;\n  z-index:6;\n  right:0;\n  bottom:0;\n  left:0;\n  padding:38px 34px;\n  transform:translateY(10px);\n  transition:transform .5s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-service-card:hover .cmc-service-content{\n  transform:translateY(0);\n}\n\n.cmc-service-category{\n  margin-bottom:12px;\n  color:#cda145;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:3px;\n  text-transform:uppercase;\n}\n\n.cmc-service-title{\n  margin:0;\n  color:#ffffff;\n  font-size:clamp(27px,2.3vw,38px);\n  font-weight:800;\n  line-height:1.08;\n  letter-spacing:-1.3px;\n}\n\n.cmc-service-description{\n  max-width:450px;\n  max-height:0;\n  margin:0;\n  overflow:hidden;\n  opacity:0;\n  color:#c6c6c6;\n  font-size:14px;\n  line-height:1.7;\n  transform:translateY(15px);\n  transition:\n    max-height .55s ease,\n    margin .55s ease,\n    opacity .45s ease,\n    transform .55s ease;\n}\n\n.cmc-service-card:hover .cmc-service-description{\n  max-height:120px;\n  margin-top:15px;\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* =========================================================\n   FL\u00c8CHE\n========================================================= *\/\n\n.cmc-service-arrow{\n  position:absolute;\n  z-index:7;\n  right:28px;\n  top:28px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:52px;\n  height:52px;\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:50%;\n  background:rgba(0,0,0,.28);\n  color:#ffffff;\n  font-size:22px;\n  line-height:1;\n  backdrop-filter:blur(12px);\n  transform:rotate(-35deg);\n  transition:\n    transform .45s cubic-bezier(.2,.8,.2,1),\n    color .4s ease,\n    border-color .4s ease,\n    background .4s ease;\n}\n\n.cmc-service-card:hover .cmc-service-arrow{\n  transform:rotate(0deg);\n  border-color:#cda145;\n  background:#cda145;\n  color:#070707;\n}\n\n\/* =========================================================\n   LIGNE INF\u00c9RIEURE\n========================================================= *\/\n\n.cmc-service-line{\n  position:absolute;\n  z-index:8;\n  right:0;\n  bottom:0;\n  left:0;\n  height:3px;\n  background:#cda145;\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .6s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-service-card:hover .cmc-service-line{\n  transform:scaleX(1);\n}\n\n\/* =========================================================\n   ANIMATIONS D\u2019APPARITION\n========================================================= *\/\n\n.cmc-services-reveal{\n  opacity:0;\n  transform:translateY(40px);\n  transition:\n    opacity .85s ease,\n    transform .85s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-services-reveal.cmc-services-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.cmc-service-card:nth-child(2){\n  transition-delay:.08s;\n}\n\n.cmc-service-card:nth-child(3){\n  transition-delay:.16s;\n}\n\n.cmc-service-card:nth-child(4){\n  transition-delay:.08s;\n}\n\n.cmc-service-card:nth-child(5){\n  transition-delay:.16s;\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cmc-services{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-services-heading{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:25px;\n  }\n\n  .cmc-services-intro{\n    max-width:700px;\n  }\n\n  .cmc-services-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .cmc-service-card:nth-child(1),\n  .cmc-service-card:nth-child(2),\n  .cmc-service-card:nth-child(3),\n  .cmc-service-card:nth-child(4),\n  .cmc-service-card:nth-child(5){\n    grid-column:auto;\n  }\n\n  .cmc-service-card:nth-child(5){\n    grid-column:1 \/ -1;\n    width:calc(50% - 11px);\n    justify-self:center;\n  }\n\n  .cmc-service-card{\n    min-height:470px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  #cmc-services{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-services-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-services-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-services-intro{\n    font-size:16px;\n  }\n\n  .cmc-services-grid{\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n\n  .cmc-service-card:nth-child(1),\n  .cmc-service-card:nth-child(2),\n  .cmc-service-card:nth-child(3),\n  .cmc-service-card:nth-child(4),\n  .cmc-service-card:nth-child(5){\n    grid-column:auto;\n    width:100%;\n  }\n\n  .cmc-service-card{\n    min-height:420px;\n    border-radius:22px;\n  }\n\n  .cmc-service-content{\n    padding:30px 24px;\n    transform:none;\n  }\n\n  .cmc-service-description{\n    max-height:120px;\n    margin-top:12px;\n    opacity:1;\n    transform:none;\n  }\n\n  .cmc-service-arrow{\n    top:22px;\n    right:22px;\n    width:46px;\n    height:46px;\n  }\n\n  .cmc-service-number{\n    top:22px;\n    left:22px;\n  }\n\n  .cmc-service-title{\n    font-size:31px;\n  }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9 : ANIMATIONS R\u00c9DUITES\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .cmc-services-reveal{\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n  .cmc-service-card,\n  .cmc-service-image,\n  .cmc-service-content,\n  .cmc-service-description,\n  .cmc-service-arrow,\n  .cmc-service-line{\n    transition:none;\n  }\n}\n<\/style>\n\n<div class=\"cmc-services-wrap\">\n\n  <div class=\"cmc-services-heading cmc-services-reveal\">\n\n    <div class=\"cmc-services-heading-left\">\n\n      <div class=\"cmc-services-kicker\">\n        Nos services\n      <\/div>\n\n      <h2 class=\"cmc-services-title\">\n        Une expertise adapt\u00e9e<br>\n        \u00e0 <span>chaque besoin.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-services-intro\">\n      D\u00e9couvrez nos diff\u00e9rentes prestations et s\u00e9lectionnez le service\n      adapt\u00e9 \u00e0 votre v\u00e9hicule. Chaque carte vous dirigera prochainement\n      vers une page d\u00e9di\u00e9e.\n    <\/p>\n\n  <\/div>\n\n<style>\n\n\/* =========================================================\n   SOUS-SECTIONS SERVICES\n========================================================= *\/\n\n.cmc-services-group{\n  margin-top:70px;\n}\n\n.cmc-services-group:first-of-type{\n  margin-top:0;\n}\n\n.cmc-services-group-title{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin:0 0 30px;\n  color:#ffffff;\n  font-size:clamp(27px,3vw,40px);\n  font-weight:800;\n  line-height:1.1;\n  letter-spacing:-1.2px;\n}\n\n.cmc-services-group-title::before{\n  content:\"\";\n  width:42px;\n  height:1px;\n  flex:0 0 auto;\n  background:#cda145;\n}\n\n.cmc-services-group-title span{\n  color:#cda145;\n}\n\n\n\/* =========================================================\n   GRILLE LAVAGES CLASSIQUES\n========================================================= *\/\n\n.cmc-classic-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:22px;\n}\n\n\/* Emp\u00eache les r\u00e8gles nth-child de la grille Detailing\n   de modifier les 2 cartes classiques *\/\n.cmc-classic-grid .cmc-service-card{\n  grid-column:auto !important;\n  width:100% !important;\n  justify-self:stretch !important;\n}\n\n\n\/* =========================================================\n   ESPACEMENT AVANT DETAILING\n========================================================= *\/\n\n.cmc-services-group-detailing{\n  margin-top:85px;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  .cmc-classic-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .cmc-services-group{\n    margin-top:60px;\n  }\n\n  .cmc-services-group-detailing{\n    margin-top:70px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  .cmc-classic-grid{\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n\n  .cmc-services-group{\n    margin-top:50px;\n  }\n\n  .cmc-services-group-detailing{\n    margin-top:60px;\n  }\n\n  .cmc-services-group-title{\n    margin-bottom:24px;\n    font-size:29px;\n  }\n\n}\n\n<\/style>\n\n\n<!-- ======================================================\n     NETTOYAGE CLASSIQUE\n======================================================= -->\n\n<div class=\"cmc-services-group\">\n\n  <h3 class=\"cmc-services-group-title\">\n    Nettoyage <span>Classique<\/span>\n  <\/h3>\n\n  <div class=\"cmc-classic-grid\">\n\n\n    <!-- LAVAGE INTERIEUR CLASSIQUE -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"\/index.php\/prendre-un-rdv\"\n      aria-label=\"R\u00e9server un lavage int\u00e9rieur classique\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/09\/istockphoto-1800033825-612x612-1.jpg\"\n        alt=\"Lavage int\u00e9rieur classique automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        01\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Lavage classique\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Lavage int\u00e9rieur classique\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Aspiration compl\u00e8te de l\u2019habitacle, d\u00e9poussi\u00e9rage du tableau\n          de bord, nettoyage des plastiques, contre-portes, vitres\n          int\u00e9rieures et finitions.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n\n    <!-- LAVAGE EXTERIEUR CLASSIQUE -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"\/index.php\/prendre-un-rdv\"\n      aria-label=\"R\u00e9server un lavage ext\u00e9rieur classique\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/09\/360_F_515182992_JvIv6wSd1JDV20RSjVaoU0adCraaLg9P.jpg\"\n        alt=\"Lavage ext\u00e9rieur classique automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        02\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Lavage classique\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Lavage ext\u00e9rieur classique\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Pr\u00e9lavage, lavage manuel, rin\u00e7age complet, nettoyage des\n          jantes et pneus, s\u00e9chage, vitres ext\u00e9rieures et finition.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n\n<!-- ======================================================\n     NETTOYAGE DETAILING\n======================================================= -->\n\n<div class=\"cmc-services-group cmc-services-group-detailing\">\n\n  <h3 class=\"cmc-services-group-title\">\n    Nettoyage <span>Detailing<\/span>\n  <\/h3>\n\n<\/div>\n\n  <div class=\"cmc-services-grid\">\n\n    <!-- NETTOYAGE INT\u00c9RIEUR -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"#\"\n      aria-label=\"D\u00e9couvrir le nettoyage int\u00e9rieur\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2025\/12\/Detailing.jpg\"\n        alt=\"Nettoyage int\u00e9rieur automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        01\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Habitacle\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Nettoyage int\u00e9rieur\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Aspiration, nettoyage des surfaces, textiles et finitions\n          pour retrouver un habitacle propre et agr\u00e9able.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n    <!-- NETTOYAGE EXT\u00c9RIEUR -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"#\"\n      aria-label=\"D\u00e9couvrir le nettoyage ext\u00e9rieur\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/lavageexterieurcadregauche1webp_642064d9dbb742.39274094.webp\"\n        alt=\"Nettoyage ext\u00e9rieur automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        02\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Carrosserie\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Nettoyage ext\u00e9rieur\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Lavage pr\u00e9cis de la carrosserie, des jantes et des \u00e9l\u00e9ments\n          ext\u00e9rieurs pour une finition nette et brillante.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n    <!-- DETAILING PRESTIGE -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"#\"\n      aria-label=\"D\u00e9couvrir le Detailing Prestige\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"https:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2025\/12\/jackson-eaves-mIWqZ3LsdCc-unsplash-scaled.jpg\"\n        alt=\"Detailing Prestige automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        03\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Excellence\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Detailing Prestige\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Une pr\u00e9paration haut de gamme compl\u00e8te, pens\u00e9e pour restaurer,\n          prot\u00e9ger et sublimer chaque d\u00e9tail du v\u00e9hicule.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n    <!-- CLEANING SERVICE -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"#\"\n      aria-label=\"D\u00e9couvrir le Cleaning Service\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/Logo-C-Pro-Clean-Nettoyage-automobile-domicile-professionnel-lavage-net-bravo-Clean-Auto-Pur-C-Pro-Automobile-voiture-terrasse-canape.webp\"\n        alt=\"Cleaning Service automobile\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        04\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Entretien\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          Cleaning Service\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Une solution de nettoyage et d'entretien pour redonner \u00e9clat, hygi\u00e8ne et fra\u00eecheur \u00e0 vos matelas, canap\u00e9s, fauteuils et autres textiles d'ameublement.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n    <!-- R\u00c9NOVATION OPTIQUE -->\n\n    <a\n      class=\"cmc-service-card cmc-services-reveal\"\n      href=\"#\"\n      aria-label=\"D\u00e9couvrir la r\u00e9novation optique\"\n    >\n\n      <img decoding=\"async\"\n        class=\"cmc-service-image\"\n        src=\"https:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2025\/12\/How-to-Clean-Foggy-Headlights_.jpg\"\n        alt=\"R\u00e9novation des optiques de phares\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"cmc-service-overlay\"><\/div>\n      <div class=\"cmc-service-glow\"><\/div>\n\n      <div class=\"cmc-service-number\">\n        05\n      <\/div>\n\n      <div class=\"cmc-service-arrow\">\n        \u2192\n      <\/div>\n\n      <div class=\"cmc-service-content\">\n\n        <div class=\"cmc-service-category\">\n          Visibilit\u00e9\n        <\/div>\n\n        <h3 class=\"cmc-service-title\">\n          R\u00e9novation optique\n        <\/h3>\n\n        <p class=\"cmc-service-description\">\n          Restauration des phares ternis ou jaunis pour am\u00e9liorer\n          leur transparence, leur esth\u00e9tique et leur efficacit\u00e9.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"cmc-service-line\"><\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const servicesSection =\n    document.querySelector(\"#cmc-services\");\n\n  if(!servicesSection){\n    return;\n  }\n\n  const revealElements =\n    servicesSection.querySelectorAll(\".cmc-services-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    revealElements.forEach(function(element){\n      element.classList.add(\"cmc-services-visible\");\n    });\n\n    return;\n  }\n\n  const servicesObserver =\n    new IntersectionObserver(function(entries){\n\n      entries.forEach(function(entry){\n\n        if(!entry.isIntersecting){\n          return;\n        }\n\n        entry.target.classList.add(\"cmc-services-visible\");\n        servicesObserver.unobserve(entry.target);\n\n      });\n\n    },{\n      threshold:.12\n    });\n\n  revealElements.forEach(function(element){\n    servicesObserver.observe(element);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-before-after\">\n\n<style>\n\/* =========================================================\n   CLEANMYCAR69 \u2014 AVANT \/ APR\u00c8S\n========================================================= *\/\n\n#cmc-before-after,\n#cmc-before-after *{\n  box-sizing:border-box;\n}\n\n#cmc-before-after{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:130px 4vw 145px;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n.cmc-ba-wrap{\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.cmc-ba-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-ba-heading-left{\n  max-width:1000px;\n}\n\n.cmc-ba-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-ba-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-ba-title{\n  margin:0;\n  color:#ffffff;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-ba-title span{\n  color:#cda145;\n}\n\n.cmc-ba-intro{\n  max-width:480px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n\/* =========================================================\n   CARTE PRINCIPALE\n========================================================= *\/\n\n.cmc-ba-card{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:30px;\n  background:#0b0b0b;\n  box-shadow:0 35px 100px rgba(0,0,0,.55);\n}\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n.cmc-ba-slider{\n  --cmc-ba-position:50%;\n\n  position:relative;\n  width:100%;\n  height:clamp(520px,62vw,850px);\n  overflow:hidden;\n  cursor:ew-resize;\n  user-select:none;\n  -webkit-user-select:none;\n  touch-action:none;\n  -webkit-tap-highlight-color:transparent;\n  contain:layout paint;\n}\n\n.cmc-ba-image{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  pointer-events:none;\n  user-select:none;\n  -webkit-user-drag:none;\n}\n\n.cmc-ba-before{\n  z-index:1;\n  filter:saturate(.8) brightness(.78) contrast(1.08);\n}\n\n.cmc-ba-after-wrap{\n  position:absolute;\n  z-index:2;\n  inset:0;\n  width:100%;\n  height:100%;\n  overflow:hidden;\n\n  clip-path:inset(\n    0\n    calc(100% - var(--cmc-ba-position))\n    0\n    0\n  );\n\n  -webkit-clip-path:inset(\n    0\n    calc(100% - var(--cmc-ba-position))\n    0\n    0\n  );\n\n  will-change:clip-path;\n}\n\n.cmc-ba-after{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  filter:saturate(1.05) contrast(1.03);\n}\n\n\/* Ligne centrale *\/\n\n.cmc-ba-divider{\n  position:absolute;\n  z-index:6;\n  top:0;\n  bottom:0;\n  left:var(--cmc-ba-position);\n  width:2px;\n  background:#ffffff;\n  transform:translateX(-50%);\n  pointer-events:none;\n\n  \/* Important : aucune transition pendant le d\u00e9placement *\/\n  transition:none !important;\n  will-change:left;\n\n  box-shadow:\n    0 0 25px rgba(0,0,0,.5),\n    0 0 15px rgba(255,255,255,.18);\n}\n\n\/* Poign\u00e9e *\/\n\n.cmc-ba-handle{\n  position:absolute;\n  z-index:7;\n  top:50%;\n  left:var(--cmc-ba-position);\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:82px;\n  height:82px;\n\n  border:2px solid #ffffff;\n  border-radius:50%;\n\n  background:rgba(8,8,8,.78);\n  color:#ffffff;\n\n  transform:translate3d(-50%,-50%,0);\n  pointer-events:none;\n\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n\n  \/* Important : aucune transition pendant le d\u00e9placement *\/\n  transition:none !important;\n  will-change:left;\n\n  box-shadow:\n    0 20px 55px rgba(0,0,0,.55),\n    0 0 0 8px rgba(255,255,255,.06);\n}\n\n.cmc-ba-handle-inner{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n}\n\n.cmc-ba-handle-arrow{\n  font-size:22px;\n  font-weight:700;\n  line-height:1;\n}\n\n.cmc-ba-handle-dot{\n  width:5px;\n  height:5px;\n  border-radius:50%;\n  background:#cda145;\n  box-shadow:0 0 12px rgba(205,161,69,.9);\n}\n\n\/* =========================================================\n   LABELS AVANT \/ APR\u00c8S\n========================================================= *\/\n\n.cmc-ba-label{\n  position:absolute;\n  z-index:8;\n  top:32px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  min-width:112px;\n  height:43px;\n  padding:0 20px;\n  border:1px solid rgba(255,255,255,.20);\n  border-radius:999px;\n  background:rgba(0,0,0,.48);\n  color:#ffffff;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:2.5px;\n  text-transform:uppercase;\n  backdrop-filter:blur(12px);\n  pointer-events:none;\n}\n\n.cmc-ba-label-before{\n  left:32px;\n}\n\n.cmc-ba-label-after{\n  right:32px;\n  border-color:rgba(205,161,69,.65);\n  background:rgba(205,161,69,.13);\n  color:#e3b654;\n}\n\n\/* =========================================================\n   TEXTE BAS DE CARTE\n========================================================= *\/\n\n.cmc-ba-footer{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:40px;\n  padding:32px 38px;\n  border-top:1px solid rgba(255,255,255,.08);\n  background:#0a0a0a;\n}\n\n.cmc-ba-footer-left{\n  display:flex;\n  align-items:center;\n  gap:18px;\n}\n\n.cmc-ba-footer-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  width:48px;\n  height:48px;\n  border:1px solid rgba(205,161,69,.45);\n  border-radius:50%;\n  color:#cda145;\n  font-size:20px;\n}\n\n.cmc-ba-footer-title{\n  margin:0 0 5px;\n  color:#ffffff;\n  font-size:18px;\n  font-weight:750;\n}\n\n.cmc-ba-footer-text{\n  margin:0;\n  color:#8f8f8f;\n  font-size:14px;\n  line-height:1.6;\n}\n\n.cmc-ba-instruction{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  color:#cda145;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n\n.cmc-ba-instruction-arrow{\n  font-size:20px;\n}\n\n\/* =========================================================\n   APPARITION\n========================================================= *\/\n\n.cmc-ba-reveal{\n  opacity:0;\n  transform:translateY(45px);\n  transition:\n    opacity .9s ease,\n    transform .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-ba-reveal.cmc-ba-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cmc-before-after{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-ba-heading{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:25px;\n  }\n\n  .cmc-ba-intro{\n    max-width:750px;\n  }\n\n  .cmc-ba-slider{\n    height:650px;\n  }\n\n  .cmc-ba-footer{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:20px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  #cmc-before-after{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-ba-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-ba-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-ba-intro{\n    font-size:16px;\n  }\n\n  .cmc-ba-card{\n    border-radius:22px;\n  }\n\n  .cmc-ba-slider{\n    height:auto;\n    aspect-ratio:4 \/ 3;\n    min-height:0;\n  }\n\n  .cmc-ba-image,\n  .cmc-ba-after{\n    object-position:center top;\n    transform:scale(1.34);\n    transform-origin:center top;\n  }\n\n  .cmc-ba-label{\n    top:18px;\n    min-width:90px;\n    height:38px;\n    padding:0 14px;\n    font-size:9px;\n  }\n\n  .cmc-ba-label-before{\n    left:18px;\n  }\n\n  .cmc-ba-label-after{\n    right:18px;\n  }\n\n  .cmc-ba-handle{\n    width:68px;\n    height:68px;\n  }\n\n  .cmc-ba-handle-arrow{\n    font-size:18px;\n  }\n\n  .cmc-ba-footer{\n    padding:26px 22px;\n  }\n\n  .cmc-ba-footer-left{\n    align-items:flex-start;\n  }\n\n  .cmc-ba-instruction{\n    white-space:normal;\n    line-height:1.5;\n  }\n}\n\n@media(max-width:420px){\n\n  .cmc-ba-slider{\n    aspect-ratio:1 \/ 1;\n  }\n\n  .cmc-ba-image,\n  .cmc-ba-after{\n    transform:scale(1.42);\n  }\n\n  .cmc-ba-handle{\n    width:62px;\n    height:62px;\n  }\n}\n\n\/* =========================================================\n   ANIMATIONS R\u00c9DUITES\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .cmc-ba-reveal{\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n}\n<\/style>\n\n<div class=\"cmc-ba-wrap\">\n\n  <div class=\"cmc-ba-heading cmc-ba-reveal\">\n\n    <div class=\"cmc-ba-heading-left\">\n\n      <div class=\"cmc-ba-kicker\">\n        Avant \/ Apr\u00e8s\n      <\/div>\n\n      <h2 class=\"cmc-ba-title\">\n        Chaque d\u00e9tail fait<br>\n        <span>la diff\u00e9rence.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-ba-intro\">\n      Faites glisser le curseur pour d\u00e9couvrir la transformation\n      et constater le niveau de finition obtenu apr\u00e8s notre intervention.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"cmc-ba-card cmc-ba-reveal\">\n\n    <div class=\"cmc-ba-slider\">\n\n      <!-- IMAGE AVANT -->\n      <img decoding=\"async\"\n        class=\"cmc-ba-image cmc-ba-before\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/8495e4c5-e18d-4627-807b-f227e233ea03.png\"\n        alt=\"V\u00e9hicule avant le nettoyage\"\n        draggable=\"false\"\n      >\n\n      <!-- IMAGE APR\u00c8S -->\n      <div class=\"cmc-ba-after-wrap\">\n\n        <img decoding=\"async\"\n          class=\"cmc-ba-image cmc-ba-after\"\n          src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/image-1.png\"\n          alt=\"V\u00e9hicule apr\u00e8s le nettoyage\"\n          draggable=\"false\"\n        >\n\n      <\/div>\n\n      <div class=\"cmc-ba-dark-overlay\"><\/div>\n\n      <div class=\"cmc-ba-label cmc-ba-label-before\">\n        Avant\n      <\/div>\n\n      <div class=\"cmc-ba-label cmc-ba-label-after\">\n        Apr\u00e8s\n      <\/div>\n\n      <div class=\"cmc-ba-divider\"><\/div>\n\n      <div class=\"cmc-ba-handle\">\n\n        <div class=\"cmc-ba-handle-inner\">\n          <span class=\"cmc-ba-handle-arrow\">\u2039<\/span>\n          <span class=\"cmc-ba-handle-dot\"><\/span>\n          <span class=\"cmc-ba-handle-arrow\">\u203a<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cmc-ba-footer\">\n\n      <div class=\"cmc-ba-footer-left\">\n\n        <div class=\"cmc-ba-footer-icon\">\n          \u2726\n        <\/div>\n\n        <div>\n\n          <p class=\"cmc-ba-footer-title\">\n            Une transformation visible\n          <\/p>\n\n          <p class=\"cmc-ba-footer-text\">\n            Nettoyage approfondi, finitions pr\u00e9cises et r\u00e9sultat professionnel.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cmc-ba-instruction\">\n        <span class=\"cmc-ba-instruction-arrow\">\u2194<\/span>\n        Faites glisser pour comparer\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-before-after\");\n\n  if(!section || section.dataset.sliderInitialized === \"true\"){\n    return;\n  }\n\n  section.dataset.sliderInitialized = \"true\";\n\n  const slider = section.querySelector(\".cmc-ba-slider\");\n\n  if(!slider){\n    return;\n  }\n\n  let dragging = false;\n  let pointerId = null;\n  let pendingClientX = null;\n  let animationFrame = null;\n\n  function applyPosition(){\n\n    animationFrame = null;\n\n    if(pendingClientX === null){\n      return;\n    }\n\n    const rect = slider.getBoundingClientRect();\n\n    if(!rect.width){\n      return;\n    }\n\n    let position =\n      ((pendingClientX - rect.left) \/ rect.width) * 100;\n\n    position = Math.max(3, Math.min(97, position));\n\n    \/*\n     * Une seule modification CSS au lieu de modifier\n     * s\u00e9par\u00e9ment l\u2019image, la ligne et la poign\u00e9e.\n     *\/\n    slider.style.setProperty(\n      \"--cmc-ba-position\",\n      position + \"%\"\n    );\n  }\n\n  function requestPosition(clientX){\n\n    pendingClientX = clientX;\n\n    if(animationFrame !== null){\n      return;\n    }\n\n    animationFrame =\n      window.requestAnimationFrame(applyPosition);\n  }\n\n  function startDragging(event){\n\n    if(event.pointerType === \"mouse\" && event.button !== 0){\n      return;\n    }\n\n    dragging = true;\n    pointerId = event.pointerId;\n\n    slider.classList.add(\"is-dragging\");\n\n    try{\n      slider.setPointerCapture(pointerId);\n    }catch(error){}\n\n    requestPosition(event.clientX);\n\n    if(event.cancelable){\n      event.preventDefault();\n    }\n  }\n\n  function moveDragging(event){\n\n    if(!dragging || event.pointerId !== pointerId){\n      return;\n    }\n\n    requestPosition(event.clientX);\n\n    if(event.cancelable){\n      event.preventDefault();\n    }\n  }\n\n  function stopDragging(event){\n\n    if(\n      pointerId !== null &&\n      event.pointerId !== undefined &&\n      event.pointerId !== pointerId\n    ){\n      return;\n    }\n\n    dragging = false;\n    slider.classList.remove(\"is-dragging\");\n\n    try{\n      if(\n        pointerId !== null &&\n        slider.hasPointerCapture(pointerId)\n      ){\n        slider.releasePointerCapture(pointerId);\n      }\n    }catch(error){}\n\n    pointerId = null;\n  }\n\n  slider.addEventListener(\n    \"pointerdown\",\n    startDragging,\n    { passive:false }\n  );\n\n  slider.addEventListener(\n    \"pointermove\",\n    moveDragging,\n    { passive:false }\n  );\n\n  slider.addEventListener(\n    \"pointerup\",\n    stopDragging\n  );\n\n  slider.addEventListener(\n    \"pointercancel\",\n    stopDragging\n  );\n\n  slider.addEventListener(\n    \"lostpointercapture\",\n    stopDragging\n  );\n\n  slider.addEventListener(\"click\", function(event){\n\n    if(event.pointerType === \"touch\"){\n      return;\n    }\n\n    requestPosition(event.clientX);\n  });\n\n  \/*\n   * Animation d\u2019apparition de la section\n   *\/\n\n  const revealElements =\n    section.querySelectorAll(\".cmc-ba-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    revealElements.forEach(function(element){\n      element.classList.add(\"cmc-ba-visible\");\n    });\n\n    return;\n  }\n\n  const observer =\n    new IntersectionObserver(function(entries){\n\n      entries.forEach(function(entry){\n\n        if(!entry.isIntersecting){\n          return;\n        }\n\n        entry.target.classList.add(\"cmc-ba-visible\");\n        observer.unobserve(entry.target);\n\n      });\n\n    },{\n      threshold:.12\n    });\n\n  revealElements.forEach(function(element){\n    observer.observe(element);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-process\">\n\n<style>\n\/* =========================================================\n   CLEANMYCAR69 \u2014 COMMENT \u00c7A SE PASSE\n========================================================= *\/\n\n#cmc-process,\n#cmc-process *{\n  box-sizing:border-box;\n}\n\n#cmc-process{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:130px 4vw 145px;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n#cmc-process::before{\n  display:none;\n}\n\n.cmc-process-wrap{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.cmc-process-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-process-heading-left{\n  max-width:1050px;\n}\n\n.cmc-process-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-process-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-process-title{\n  margin:0;\n  color:#ffffff;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-process-title span{\n  color:#cda145;\n}\n\n.cmc-process-intro{\n  max-width:490px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n\/* =========================================================\n   GRILLE\n========================================================= *\/\n\n.cmc-process-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:24px;\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n.cmc-process-card{\n  position:relative;\n  min-height:500px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:28px;\n  background:#111111;\n  box-shadow:0 30px 80px rgba(0,0,0,.45);\n  transition:\n    transform .55s cubic-bezier(.2,.8,.2,1),\n    border-color .55s ease,\n    box-shadow .55s ease;\n}\n\n.cmc-process-card:hover{\n  transform:translateY(-10px);\n  border-color:rgba(205,161,69,.55);\n  box-shadow:\n    0 40px 100px rgba(0,0,0,.65),\n    0 0 45px rgba(205,161,69,.10);\n}\n\n.cmc-process-image{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  transition:transform 1s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-process-card:hover .cmc-process-image{\n  transform:scale(1.08);\n}\n\n.cmc-process-overlay{\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.10) 0%,\n      rgba(0,0,0,.25) 35%,\n      rgba(0,0,0,.94) 100%\n    );\n}\n\n.cmc-process-card::after{\n  content:\"\";\n  position:absolute;\n  inset:auto 0 0;\n  height:3px;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    #cda145,\n    transparent\n  );\n  opacity:0;\n  transform:scaleX(.3);\n  transition:\n    opacity .5s ease,\n    transform .5s ease;\n}\n\n.cmc-process-card:hover::after{\n  opacity:1;\n  transform:scaleX(1);\n}\n\n\/* =========================================================\n   NUM\u00c9RO\n========================================================= *\/\n\n.cmc-process-number{\n  position:absolute;\n  z-index:3;\n  top:24px;\n  right:30px;\n  color:transparent;\n  font-size:100px;\n  font-weight:900;\n  line-height:1;\n  letter-spacing:-8px;\n  -webkit-text-stroke:1px rgba(255,255,255,.22);\n  transition:\n    transform .5s ease,\n    -webkit-text-stroke .5s ease;\n}\n\n.cmc-process-card:hover .cmc-process-number{\n  transform:translateY(-4px);\n  -webkit-text-stroke:1px rgba(205,161,69,.75);\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.cmc-process-content{\n  position:absolute;\n  z-index:4;\n  right:0;\n  bottom:0;\n  left:0;\n  padding:42px;\n}\n\n.cmc-process-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:58px;\n  height:58px;\n  margin-bottom:24px;\n  border:1px solid rgba(205,161,69,.55);\n  border-radius:50%;\n  background:rgba(0,0,0,.45);\n  color:#cda145;\n  font-size:25px;\n  backdrop-filter:blur(12px);\n  transition:\n    transform .5s cubic-bezier(.2,.8,.2,1),\n    background .5s ease;\n}\n\n.cmc-process-card:hover .cmc-process-icon{\n  transform:scale(1.08) rotate(-6deg);\n  background:rgba(205,161,69,.16);\n}\n\n.cmc-process-step{\n  margin-bottom:12px;\n  color:#cda145;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:3px;\n  text-transform:uppercase;\n}\n\n.cmc-process-card-title{\n  margin:0 0 16px;\n  color:#ffffff;\n  font-size:clamp(27px,2.3vw,38px);\n  font-weight:800;\n  line-height:1.08;\n  letter-spacing:-1.2px;\n}\n\n.cmc-process-text{\n  max-width:600px;\n  margin:0;\n  color:#b4b4b4;\n  font-size:15px;\n  line-height:1.75;\n}\n\n\/* =========================================================\n   LIGNE DE PROGRESSION\n========================================================= *\/\n\n.cmc-process-progress{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:0;\n  margin-top:58px;\n}\n\n.cmc-process-progress-item{\n  position:relative;\n  padding-top:28px;\n  text-align:center;\n  color:#777777;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.cmc-process-progress-item::before{\n  content:\"\";\n  position:absolute;\n  top:5px;\n  left:50%;\n  width:13px;\n  height:13px;\n  border:2px solid #cda145;\n  border-radius:50%;\n  background:#080808;\n  transform:translateX(-50%);\n  z-index:2;\n}\n\n.cmc-process-progress-item:not(:last-child)::after{\n  content:\"\";\n  position:absolute;\n  top:11px;\n  left:50%;\n  width:100%;\n  height:1px;\n  background:linear-gradient(\n    90deg,\n    #cda145,\n    rgba(205,161,69,.25)\n  );\n}\n\n\/* =========================================================\n   APPARITION\n========================================================= *\/\n\n.cmc-process-reveal{\n  opacity:0;\n  transform:translateY(45px);\n  transition:\n    opacity .9s ease,\n    transform .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-process-reveal.cmc-process-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.cmc-process-card:nth-child(2){\n  transition-delay:.08s;\n}\n\n.cmc-process-card:nth-child(3){\n  transition-delay:.16s;\n}\n\n.cmc-process-card:nth-child(4){\n  transition-delay:.24s;\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cmc-process{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-process-heading{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:25px;\n  }\n\n  .cmc-process-intro{\n    max-width:750px;\n  }\n\n  .cmc-process-card{\n    min-height:460px;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  #cmc-process{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-process-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-process-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-process-intro{\n    font-size:16px;\n  }\n\n  .cmc-process-grid{\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .cmc-process-card{\n    min-height:470px;\n    border-radius:22px;\n  }\n\n  .cmc-process-content{\n    padding:28px;\n  }\n\n  .cmc-process-number{\n    top:20px;\n    right:24px;\n    font-size:78px;\n  }\n\n  .cmc-process-card-title{\n    font-size:29px;\n  }\n\n  .cmc-process-progress{\n    display:none;\n  }\n}\n\n\/* =========================================================\n   ANIMATIONS R\u00c9DUITES\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .cmc-process-reveal{\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n  .cmc-process-card,\n  .cmc-process-image,\n  .cmc-process-icon{\n    transition:none;\n  }\n}\n<\/style>\n\n<div class=\"cmc-process-wrap\">\n\n  <div class=\"cmc-process-heading cmc-process-reveal\">\n\n    <div class=\"cmc-process-heading-left\">\n\n      <div class=\"cmc-process-kicker\">\n        Comment \u00e7a se passe ?\n      <\/div>\n\n      <h2 class=\"cmc-process-title\">\n        Un r\u00e9sultat premium<br>\n        <span>en seulement 4 \u00e9tapes.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-process-intro\">\n      Un processus simple, rapide et transparent, pens\u00e9 pour vous garantir\n      une prestation irr\u00e9prochable du premier contact jusqu\u2019\u00e0 la restitution.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"cmc-process-grid\">\n\n    <!-- \u00c9TAPE 01 -->\n    <article class=\"cmc-process-card cmc-process-reveal\">\n\n      <img decoding=\"async\"\n        class=\"cmc-process-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/aider-autres-vient-naturellement-photo-recadree-jolie-jeune-femme-travaillant-dans-centre-appels-1024x650-1.jpg\"\n        alt=\"Prise de contact avec CleanMyCar69\"\n      >\n\n      <div class=\"cmc-process-overlay\"><\/div>\n\n      <div class=\"cmc-process-number\">01<\/div>\n\n      <div class=\"cmc-process-content\">\n\n        <div class=\"cmc-process-icon\">\u260e<\/div>\n\n        <div class=\"cmc-process-step\">\n          Premi\u00e8re \u00e9tape\n        <\/div>\n\n        <h3 class=\"cmc-process-card-title\">\n          Prise de contact\n        <\/h3>\n\n        <p class=\"cmc-process-text\">\n          Vous nous pr\u00e9sentez votre v\u00e9hicule, votre mobilier ou vos besoins\n          afin que nous puissions vous conseiller pr\u00e9cis\u00e9ment.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- \u00c9TAPE 02 -->\n    <article class=\"cmc-process-card cmc-process-reveal\">\n\n      <img decoding=\"async\"\n        class=\"cmc-process-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/Poignee-de-main-3.jpg\"\n        alt=\"Choix de la prestation et prise de rendez-vous\"\n      >\n\n      <div class=\"cmc-process-overlay\"><\/div>\n\n      <div class=\"cmc-process-number\">02<\/div>\n\n      <div class=\"cmc-process-content\">\n\n        <div class=\"cmc-process-icon\">\u2713<\/div>\n\n        <div class=\"cmc-process-step\">\n          Deuxi\u00e8me \u00e9tape\n        <\/div>\n\n        <h3 class=\"cmc-process-card-title\">\n          Devis et rendez-vous\n        <\/h3>\n\n        <p class=\"cmc-process-text\">\n          Nous s\u00e9lectionnons ensemble la prestation la plus adapt\u00e9e,\n          puis nous fixons une date d\u2019intervention selon vos disponibilit\u00e9s.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- \u00c9TAPE 03 -->\n    <article class=\"cmc-process-card cmc-process-reveal\">\n\n      <img decoding=\"async\"\n        class=\"cmc-process-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/car-cleaning-and-detailing-concept-dry-wash-2022-11-09-03-10-49-utc.webp\"\n        alt=\"Nettoyage professionnel r\u00e9alis\u00e9 par CleanMyCar69\"\n      >\n\n      <div class=\"cmc-process-overlay\"><\/div>\n\n      <div class=\"cmc-process-number\">03<\/div>\n\n      <div class=\"cmc-process-content\">\n\n        <div class=\"cmc-process-icon\">\u2726<\/div>\n\n        <div class=\"cmc-process-step\">\n          Troisi\u00e8me \u00e9tape\n        <\/div>\n\n        <h3 class=\"cmc-process-card-title\">\n          Intervention premium\n        <\/h3>\n\n        <p class=\"cmc-process-text\">\n          Nous r\u00e9alisons un nettoyage minutieux avec des produits\n          professionnels et une attention port\u00e9e au moindre d\u00e9tail.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- \u00c9TAPE 04 -->\n    <article class=\"cmc-process-card cmc-process-reveal\">\n\n      <img decoding=\"async\"\n        class=\"cmc-process-image\"\n        src=\"http:\/\/www.cleanmycar69.com\/wp-content\/uploads\/2026\/07\/car-key.jpg\"\n        alt=\"R\u00e9sultat final apr\u00e8s intervention CleanMyCar69\"\n      >\n\n      <div class=\"cmc-process-overlay\"><\/div>\n\n      <div class=\"cmc-process-number\">04<\/div>\n\n      <div class=\"cmc-process-content\">\n\n        <div class=\"cmc-process-icon\">\u2605<\/div>\n\n        <div class=\"cmc-process-step\">\n          Derni\u00e8re \u00e9tape\n        <\/div>\n\n        <h3 class=\"cmc-process-card-title\">\n          Restitution impeccable\n        <\/h3>\n\n        <p class=\"cmc-process-text\">\n          Vous d\u00e9couvrez un v\u00e9hicule ou un mobilier propre, frais et soign\u00e9,\n          avec une finition professionnelle imm\u00e9diatement visible.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n  <div class=\"cmc-process-progress cmc-process-reveal\">\n\n    <div class=\"cmc-process-progress-item\">\n      Contact\n    <\/div>\n\n    <div class=\"cmc-process-progress-item\">\n      Rendez-vous\n    <\/div>\n\n    <div class=\"cmc-process-progress-item\">\n      Intervention\n    <\/div>\n\n    <div class=\"cmc-process-progress-item\">\n      R\u00e9sultat\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-process\");\n\n  if(!section){\n    return;\n  }\n\n  const revealElements =\n    section.querySelectorAll(\".cmc-process-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    revealElements.forEach(function(element){\n      element.classList.add(\"cmc-process-visible\");\n    });\n\n    return;\n  }\n\n  const observer =\n    new IntersectionObserver(function(entries){\n\n      entries.forEach(function(entry){\n\n        if(!entry.isIntersecting){\n          return;\n        }\n\n        entry.target.classList.add(\"cmc-process-visible\");\n        observer.unobserve(entry.target);\n\n      });\n\n    },{\n      threshold:.12\n    });\n\n  revealElements.forEach(function(element){\n    observer.observe(element);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-reviews\">\n\n<style>\n\/* =========================================================\n   CLEANMYCAR69 \u2014 AVIS CLIENTS\n========================================================= *\/\n\n#cmc-reviews,\n#cmc-reviews *{\n  box-sizing:border-box;\n}\n\n#cmc-reviews{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:130px 4vw 145px;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n#cmc-reviews::before{\n  content:\"\";\n  position:absolute;\n  top:80px;\n  right:-250px;\n  width:650px;\n  height:650px;\n  border-radius:50%;\n  background:rgba(205,161,69,.07);\n  filter:blur(150px);\n  pointer-events:none;\n}\n\n.cmc-reviews-wrap{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.cmc-reviews-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-reviews-heading-left{\n  max-width:1050px;\n}\n\n.cmc-reviews-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-reviews-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-reviews-title{\n  margin:0;\n  color:#ffffff;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-reviews-title span{\n  color:#cda145;\n}\n\n.cmc-reviews-intro{\n  max-width:490px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n\/* =========================================================\n   BLOC NOTE\n========================================================= *\/\n\n.cmc-reviews-summary{\n  display:grid;\n  grid-template-columns:360px 1fr;\n  gap:24px;\n  margin-bottom:24px;\n}\n\n.cmc-reviews-score{\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  min-height:320px;\n  padding:45px;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:28px;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(205,161,69,.12),\n      rgba(255,255,255,.02)\n    );\n  box-shadow:0 30px 80px rgba(0,0,0,.45);\n}\n\n.cmc-reviews-score-number{\n  margin-bottom:12px;\n  color:#ffffff;\n  font-size:92px;\n  font-weight:900;\n  line-height:.9;\n  letter-spacing:-7px;\n}\n\n.cmc-reviews-stars{\n  display:flex;\n  gap:7px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:24px;\n}\n\n.cmc-reviews-score-text{\n  margin:0;\n  color:#a5a5a5;\n  font-size:15px;\n  line-height:1.7;\n}\n\n.cmc-reviews-highlight{\n  position:relative;\n  min-height:320px;\n  overflow:hidden;\n  padding:50px;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:28px;\n  background:#0b0b0b;\n  box-shadow:0 30px 80px rgba(0,0,0,.45);\n}\n\n.cmc-reviews-highlight::before{\n  content:\"\u201c\";\n  position:absolute;\n  top:-35px;\n  right:35px;\n  color:rgba(205,161,69,.12);\n  font-family:Georgia,serif;\n  font-size:250px;\n  line-height:1;\n}\n\n.cmc-reviews-highlight-label{\n  margin-bottom:28px;\n  color:#cda145;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:3px;\n  text-transform:uppercase;\n}\n\n.cmc-reviews-highlight-text{\n  position:relative;\n  z-index:2;\n  max-width:950px;\n  margin:0 0 35px;\n  color:#ffffff;\n  font-size:clamp(25px,2.5vw,38px);\n  font-weight:650;\n  line-height:1.35;\n  letter-spacing:-1px;\n}\n\n.cmc-reviews-highlight-author{\n  display:flex;\n  align-items:center;\n  gap:16px;\n}\n\n.cmc-reviews-avatar{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:50px;\n  height:50px;\n  border:1px solid rgba(205,161,69,.45);\n  border-radius:50%;\n  background:rgba(205,161,69,.10);\n  color:#cda145;\n  font-size:15px;\n  font-weight:850;\n}\n\n.cmc-reviews-author-name{\n  margin:0 0 4px;\n  color:#ffffff;\n  font-size:15px;\n  font-weight:750;\n}\n\n.cmc-reviews-author-service{\n  margin:0;\n  color:#777777;\n  font-size:13px;\n}\n\n\/* =========================================================\n   CARTES AVIS\n========================================================= *\/\n\n.cmc-reviews-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.cmc-review-card{\n  position:relative;\n  min-height:330px;\n  padding:36px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:26px;\n  background:#0a0a0a;\n  box-shadow:0 25px 70px rgba(0,0,0,.38);\n  transition:\n    transform .5s cubic-bezier(.2,.8,.2,1),\n    border-color .5s ease,\n    box-shadow .5s ease;\n}\n\n.cmc-review-card:hover{\n  transform:translateY(-9px);\n  border-color:rgba(205,161,69,.45);\n  box-shadow:\n    0 35px 85px rgba(0,0,0,.55),\n    0 0 35px rgba(205,161,69,.08);\n}\n\n.cmc-review-card::after{\n  content:\"\";\n  position:absolute;\n  right:0;\n  bottom:0;\n  left:0;\n  height:2px;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    #cda145,\n    transparent\n  );\n  opacity:0;\n  transform:scaleX(.25);\n  transition:\n    opacity .5s ease,\n    transform .5s ease;\n}\n\n.cmc-review-card:hover::after{\n  opacity:1;\n  transform:scaleX(1);\n}\n\n.cmc-review-card-stars{\n  display:flex;\n  gap:5px;\n  margin-bottom:28px;\n  color:#cda145;\n  font-size:17px;\n}\n\n.cmc-review-card-text{\n  margin:0 0 35px;\n  color:#c5c5c5;\n  font-size:16px;\n  line-height:1.8;\n}\n\n.cmc-review-card-footer{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:auto;\n}\n\n.cmc-review-client{\n  display:flex;\n  align-items:center;\n  gap:14px;\n}\n\n.cmc-review-client-avatar{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:44px;\n  height:44px;\n  border-radius:50%;\n  background:#141414;\n  color:#cda145;\n  font-size:13px;\n  font-weight:850;\n}\n\n.cmc-review-client-name{\n  margin:0 0 4px;\n  color:#ffffff;\n  font-size:14px;\n  font-weight:750;\n}\n\n.cmc-review-client-info{\n  margin:0;\n  color:#737373;\n  font-size:12px;\n}\n\n.cmc-review-badge{\n  padding:8px 12px;\n  border:1px solid rgba(205,161,69,.25);\n  border-radius:999px;\n  color:#cda145;\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   BAS DE SECTION\n========================================================= *\/\n\n.cmc-reviews-bottom{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:30px;\n  margin-top:36px;\n  padding:30px 34px;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:22px;\n  background:#090909;\n}\n\n.cmc-reviews-bottom-text{\n  margin:0;\n  color:#989898;\n  font-size:15px;\n  line-height:1.6;\n}\n\n.cmc-reviews-button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:54px;\n  padding:0 27px;\n  border:1px solid #cda145;\n  border-radius:999px;\n  background:#cda145;\n  color:#050505;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:2px;\n  text-decoration:none;\n  text-transform:uppercase;\n  white-space:nowrap;\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n.cmc-reviews-button:hover{\n  transform:translateY(-3px);\n  background:transparent;\n  color:#cda145;\n}\n\n\/* =========================================================\n   APPARITION\n========================================================= *\/\n\n.cmc-reviews-reveal{\n  opacity:0;\n  transform:translateY(45px);\n  transition:\n    opacity .9s ease,\n    transform .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-reviews-reveal.cmc-reviews-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.cmc-review-card:nth-child(2){\n  transition-delay:.08s;\n}\n\n.cmc-review-card:nth-child(3){\n  transition-delay:.16s;\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #cmc-reviews{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-reviews-heading{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:25px;\n  }\n\n  .cmc-reviews-intro{\n    max-width:750px;\n  }\n\n  .cmc-reviews-summary{\n    grid-template-columns:1fr;\n  }\n\n  .cmc-reviews-score{\n    min-height:auto;\n  }\n\n  .cmc-reviews-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .cmc-review-card:last-child{\n    grid-column:1 \/ -1;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:700px){\n\n  #cmc-reviews{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-reviews-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-reviews-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-reviews-intro{\n    font-size:16px;\n  }\n\n  .cmc-reviews-score,\n  .cmc-reviews-highlight{\n    padding:30px 25px;\n    border-radius:22px;\n  }\n\n  .cmc-reviews-score-number{\n    font-size:75px;\n  }\n\n  .cmc-reviews-highlight-text{\n    font-size:25px;\n  }\n\n  .cmc-reviews-grid{\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .cmc-review-card:last-child{\n    grid-column:auto;\n  }\n\n  .cmc-review-card{\n    min-height:auto;\n    padding:28px 24px;\n    border-radius:22px;\n  }\n\n  .cmc-reviews-bottom{\n    flex-direction:column;\n    align-items:flex-start;\n    padding:26px 23px;\n  }\n\n  .cmc-reviews-button{\n    width:100%;\n  }\n}\n\n\/* =========================================================\n   ANIMATIONS R\u00c9DUITES\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .cmc-reviews-reveal{\n    opacity:1;\n    transform:none;\n    transition:none;\n  }\n\n  .cmc-review-card{\n    transition:none;\n  }\n}\n<\/style>\n\n<div class=\"cmc-reviews-wrap\">\n\n  <div class=\"cmc-reviews-heading cmc-reviews-reveal\">\n\n    <div class=\"cmc-reviews-heading-left\">\n\n      <div class=\"cmc-reviews-kicker\">\n        Avis clients\n      <\/div>\n\n      <h2 class=\"cmc-reviews-title\">\n        Leur satisfaction,<br>\n        <span>notre meilleure publicit\u00e9.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-reviews-intro\">\n      D\u00e9couvrez les retours de celles et ceux qui nous ont confi\u00e9\n      leur v\u00e9hicule, leur mobilier ou leurs textiles.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"cmc-reviews-summary\">\n\n    <div class=\"cmc-reviews-score cmc-reviews-reveal\">\n\n      <div class=\"cmc-reviews-score-number\">\n        5.0\n      <\/div>\n\n      <div class=\"cmc-reviews-stars\">\n        <span>\u2605<\/span>\n        <span>\u2605<\/span>\n        <span>\u2605<\/span>\n        <span>\u2605<\/span>\n        <span>\u2605<\/span>\n      <\/div>\n\n      <p class=\"cmc-reviews-score-text\">\n        Une qualit\u00e9 de service reconnue par nos clients\n        et une attention constante port\u00e9e aux moindres d\u00e9tails.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"cmc-reviews-highlight cmc-reviews-reveal\">\n\n      <div class=\"cmc-reviews-highlight-label\">\n        Avis mis en avant\n      <\/div>\n\n      <p class=\"cmc-reviews-highlight-text\">\n        Travail tr\u00e8s professionnel, r\u00e9sultat impressionnant et v\u00e9hicule\n        r\u00e9cup\u00e9r\u00e9 dans un \u00e9tat irr\u00e9prochable. Je recommande sans h\u00e9siter.\n      <\/p>\n\n      <div class=\"cmc-reviews-highlight-author\">\n\n        <div class=\"cmc-reviews-avatar\">\n          ML\n        <\/div>\n\n        <div>\n\n          <p class=\"cmc-reviews-author-name\">\n            Maxime L.\n          <\/p>\n\n          <p class=\"cmc-reviews-author-service\">\n            Nettoyage int\u00e9rieur complet\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div class=\"cmc-reviews-grid\">\n\n    <article class=\"cmc-review-card cmc-reviews-reveal\">\n\n      <div class=\"cmc-review-card-stars\">\n        \u2605 \u2605 \u2605 \u2605 \u2605\n      <\/div>\n\n      <p class=\"cmc-review-card-text\">\n        Mon v\u00e9hicule \u00e9tait tr\u00e8s sale et le r\u00e9sultat est bluffant.\n        L\u2019int\u00e9rieur est comme neuf, les finitions sont propres\n        et le service est vraiment s\u00e9rieux.\n      <\/p>\n\n      <div class=\"cmc-review-card-footer\">\n\n        <div class=\"cmc-review-client\">\n\n          <div class=\"cmc-review-client-avatar\">\n            CD\n          <\/div>\n\n          <div>\n\n            <p class=\"cmc-review-client-name\">\n              Camille D.\n            <\/p>\n\n            <p class=\"cmc-review-client-info\">\n              Detailing Prestige\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"cmc-review-badge\">\n          V\u00e9rifi\u00e9\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <article class=\"cmc-review-card cmc-reviews-reveal\">\n\n      <div class=\"cmc-review-card-stars\">\n        \u2605 \u2605 \u2605 \u2605 \u2605\n      <\/div>\n\n      <p class=\"cmc-review-card-text\">\n        Mon canap\u00e9 et mon matelas ont retrouv\u00e9 leur fra\u00eecheur.\n        Les taches ont disparu et l\u2019odeur est vraiment agr\u00e9able.\n        Service ponctuel et tr\u00e8s efficace.\n      <\/p>\n\n      <div class=\"cmc-review-card-footer\">\n\n        <div class=\"cmc-review-client\">\n\n          <div class=\"cmc-review-client-avatar\">\n            SB\n          <\/div>\n\n          <div>\n\n            <p class=\"cmc-review-client-name\">\n              Sarah B.\n            <\/p>\n\n            <p class=\"cmc-review-client-info\">\n              Nettoyage mobilier\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"cmc-review-badge\">\n          V\u00e9rifi\u00e9\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n    <article class=\"cmc-review-card cmc-reviews-reveal\">\n\n      <div class=\"cmc-review-card-stars\">\n        \u2605 \u2605 \u2605 \u2605 \u2605\n      <\/div>\n\n      <p class=\"cmc-review-card-text\">\n        Tr\u00e8s bonne prise en charge du d\u00e9but \u00e0 la fin.\n        Les phares ont retrouv\u00e9 une vraie transparence\n        et la diff\u00e9rence avant apr\u00e8s est incroyable.\n      <\/p>\n\n      <div class=\"cmc-review-card-footer\">\n\n        <div class=\"cmc-review-client\">\n\n          <div class=\"cmc-review-client-avatar\">\n            JR\n          <\/div>\n\n          <div>\n\n            <p class=\"cmc-review-client-name\">\n              Julien R.\n            <\/p>\n\n            <p class=\"cmc-review-client-info\">\n              R\u00e9novation optique\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"cmc-review-badge\">\n          V\u00e9rifi\u00e9\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n  <div class=\"cmc-reviews-bottom cmc-reviews-reveal\">\n\n    <p class=\"cmc-reviews-bottom-text\">\n      Vous avez d\u00e9j\u00e0 fait appel \u00e0 CleanMyCar69 ?\n      Partagez votre exp\u00e9rience et aidez-nous \u00e0 continuer de nous am\u00e9liorer.\n    <\/p>\n\n<a\n  class=\"cmc-reviews-button\"\n  href=\"https:\/\/g.page\/r\/CWlv4scP2mR-EBM\/review\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n  aria-label=\"Laisser un avis Google sur CleanMyCar69\"\n>\n  Laisser un avis\n<\/a>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-reviews\");\n\n  if(!section){\n    return;\n  }\n\n  const revealElements =\n    section.querySelectorAll(\".cmc-reviews-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    revealElements.forEach(function(element){\n      element.classList.add(\"cmc-reviews-visible\");\n    });\n\n    return;\n  }\n\n  const observer =\n    new IntersectionObserver(function(entries){\n\n      entries.forEach(function(entry){\n\n        if(!entry.isIntersecting){\n          return;\n        }\n\n        entry.target.classList.add(\"cmc-reviews-visible\");\n        observer.unobserve(entry.target);\n\n      });\n\n    },{\n      threshold:.12\n    });\n\n  revealElements.forEach(function(element){\n    observer.observe(element);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-zone\">\n\n<style>\n#cmc-zone,\n#cmc-zone *{\n  box-sizing:border-box;\n}\n\n#cmc-zone{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:130px 4vw 145px;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n.cmc-zone-wrap{\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n.cmc-zone-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-zone-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-zone-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-zone-title{\n  margin:0;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-zone-title span{\n  color:#cda145;\n}\n\n.cmc-zone-intro{\n  max-width:490px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n.cmc-zone-grid{\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:24px;\n}\n\n.cmc-zone-map{\n  position:relative;\n  min-height:560px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:28px;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(205,161,69,.10),transparent 45%),\n    #0a0a0a;\n  box-shadow:0 30px 80px rgba(0,0,0,.45);\n}\n\n.cmc-zone-map::before,\n.cmc-zone-map::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n}\n\n.cmc-zone-map::before{\n  background-image:\n    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);\n  background-size:55px 55px;\n}\n\n.cmc-zone-map::after{\n  background:\n    radial-gradient(circle at center,transparent 0 35%,rgba(0,0,0,.55) 100%);\n}\n\n.cmc-zone-map-content{\n  position:absolute;\n  z-index:2;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:40px;\n}\n\n.cmc-zone-circle{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:320px;\n  height:320px;\n  border:1px solid rgba(205,161,69,.45);\n  border-radius:50%;\n}\n\n.cmc-zone-circle::before,\n.cmc-zone-circle::after{\n  content:\"\";\n  position:absolute;\n  border:1px solid rgba(205,161,69,.18);\n  border-radius:50%;\n}\n\n.cmc-zone-circle::before{\n  width:430px;\n  height:430px;\n}\n\n.cmc-zone-circle::after{\n  width:540px;\n  height:540px;\n}\n\n.cmc-zone-center{\n  position:relative;\n  z-index:3;\n  text-align:center;\n}\n\n.cmc-zone-pin{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:74px;\n  height:74px;\n  margin:0 auto 20px;\n  border:1px solid rgba(205,161,69,.55);\n  border-radius:50%;\n  background:rgba(205,161,69,.12);\n  color:#cda145;\n  font-size:30px;\n}\n\n.cmc-zone-city{\n  margin:0 0 8px;\n  color:#ffffff;\n  font-size:32px;\n  font-weight:800;\n  letter-spacing:-1px;\n}\n\n.cmc-zone-area{\n  margin:0;\n  color:#949494;\n  font-size:14px;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n.cmc-zone-info{\n  display:flex;\n  flex-direction:column;\n  gap:18px;\n}\n\n.cmc-zone-card{\n  padding:30px;\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:24px;\n  background:#0a0a0a;\n  transition:\n    transform .4s ease,\n    border-color .4s ease;\n}\n\n.cmc-zone-card:hover{\n  transform:translateY(-5px);\n  border-color:rgba(205,161,69,.45);\n}\n\n.cmc-zone-card-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:48px;\n  height:48px;\n  margin-bottom:18px;\n  border:1px solid rgba(205,161,69,.45);\n  border-radius:50%;\n  color:#cda145;\n  font-size:20px;\n}\n\n.cmc-zone-card-title{\n  margin:0 0 10px;\n  color:#ffffff;\n  font-size:21px;\n  font-weight:750;\n}\n\n.cmc-zone-card-text{\n  margin:0;\n  color:#969696;\n  font-size:14px;\n  line-height:1.7;\n}\n\n.cmc-zone-cities{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:22px;\n}\n\n.cmc-zone-city-tag{\n  padding:9px 13px;\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:999px;\n  background:#111111;\n  color:#b6b6b6;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.cmc-zone-reveal{\n  opacity:0;\n  transform:translateY(45px);\n  transition:\n    opacity .9s ease,\n    transform .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-zone-reveal.cmc-zone-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n@media(max-width:1100px){\n\n  #cmc-zone{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-zone-heading{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:25px;\n  }\n\n  .cmc-zone-grid{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:700px){\n\n  #cmc-zone{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-zone-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-zone-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-zone-map{\n    min-height:450px;\n    border-radius:22px;\n  }\n\n  .cmc-zone-circle{\n    width:220px;\n    height:220px;\n  }\n\n  .cmc-zone-circle::before{\n    width:300px;\n    height:300px;\n  }\n\n  .cmc-zone-circle::after{\n    width:380px;\n    height:380px;\n  }\n}\n<\/style>\n\n<div class=\"cmc-zone-wrap\">\n\n  <div class=\"cmc-zone-heading cmc-zone-reveal\">\n\n    <div>\n\n      <div class=\"cmc-zone-kicker\">\n        Zone d\u2019intervention\n      <\/div>\n\n      <h2 class=\"cmc-zone-title\">\n        Nous intervenons<br>\n        <span>pr\u00e8s de chez vous.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-zone-intro\">\n      CleanMyCar69 se d\u00e9place \u00e0 domicile, sur votre lieu de travail\n      ou directement sur le site de votre choix.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"cmc-zone-grid\">\n\n    <div class=\"cmc-zone-map cmc-zone-reveal\">\n\n      <div class=\"cmc-zone-map-content\">\n\n        <div class=\"cmc-zone-circle\">\n\n          <div class=\"cmc-zone-center\">\n\n            <div class=\"cmc-zone-pin\">\u2316<\/div>\n\n<p class=\"cmc-zone-city\">\n  Villefranche-sur-Sa\u00f4ne\n<\/p>\n\n<p class=\"cmc-zone-area\">\n  Rh\u00f4ne \u2022 Lyon \u2022 Beaujolais\n<\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cmc-zone-info\">\n\n      <article class=\"cmc-zone-card cmc-zone-reveal\">\n\n        <div class=\"cmc-zone-card-icon\">\u2302<\/div>\n\n        <h3 class=\"cmc-zone-card-title\">\n          Intervention \u00e0 domicile\n        <\/h3>\n\n        <p class=\"cmc-zone-card-text\">\n          Nous nous d\u00e9pla\u00e7ons directement chez vous pour vous offrir\n          un service pratique, flexible et sans perte de temps.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"cmc-zone-card cmc-zone-reveal\">\n\n        <div class=\"cmc-zone-card-icon\">\u2713<\/div>\n\n        <h3 class=\"cmc-zone-card-title\">\n          D\u00e9placement sur rendez-vous\n        <\/h3>\n\n        <p class=\"cmc-zone-card-text\">\n          Chaque intervention est organis\u00e9e selon vos disponibilit\u00e9s,\n          avec un devis clair et personnalis\u00e9.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"cmc-zone-card cmc-zone-reveal\">\n\n        <div class=\"cmc-zone-card-icon\">\u2197<\/div>\n\n        <h3 class=\"cmc-zone-card-title\">\n          Secteurs desservis\n        <\/h3>\n\n        <p class=\"cmc-zone-card-text\">\n  Notre zone d'intervention s'\u00e9tend autour de Villefranche-sur-Sa\u00f4ne,\n  avec des d\u00e9placements r\u00e9guliers sur Lyon, le Beaujolais et les communes voisines.\n        <\/p>\n\n        <div class=\"cmc-zone-cities\">\n          <span class=\"cmc-zone-city-tag\">Lyon<\/span>\n          <span class=\"cmc-zone-city-tag\">Villefranche<\/span>\n          <span class=\"cmc-zone-city-tag\">Beaujolais<\/span>\n          <span class=\"cmc-zone-city-tag\">Rh\u00f4ne 69<\/span>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-zone\");\n\n  if(!section){\n    return;\n  }\n\n  const items = section.querySelectorAll(\".cmc-zone-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    items.forEach(function(item){\n      item.classList.add(\"cmc-zone-visible\");\n    });\n\n    return;\n  }\n\n  const observer = new IntersectionObserver(function(entries){\n\n    entries.forEach(function(entry){\n\n      if(!entry.isIntersecting){\n        return;\n      }\n\n      entry.target.classList.add(\"cmc-zone-visible\");\n      observer.unobserve(entry.target);\n\n    });\n\n  },{\n    threshold:.12\n  });\n\n  items.forEach(function(item){\n    observer.observe(item);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-faq\">\n\n<style>\n#cmc-faq,\n#cmc-faq *{\n  box-sizing:border-box;\n}\n\n#cmc-faq{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:130px 4vw 145px;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n}\n\n.cmc-faq-wrap{\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n.cmc-faq-heading{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:60px;\n  margin-bottom:65px;\n}\n\n.cmc-faq-kicker{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-bottom:22px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-faq-kicker::before{\n  content:\"\";\n  width:55px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-faq-title{\n  margin:0;\n  font-size:clamp(48px,6vw,88px);\n  font-weight:850;\n  line-height:.96;\n  letter-spacing:-4px;\n}\n\n.cmc-faq-title span{\n  color:#cda145;\n}\n\n.cmc-faq-intro{\n  max-width:500px;\n  margin:0 0 5px;\n  color:#999999;\n  font-size:17px;\n  line-height:1.8;\n}\n\n.cmc-faq-list{\n  display:flex;\n  flex-direction:column;\n  gap:16px;\n}\n\n.cmc-faq-item{\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:22px;\n  background:#0a0a0a;\n  transition:\n    border-color .35s ease,\n    background .35s ease,\n    transform .35s ease;\n}\n\n.cmc-faq-item:hover{\n  border-color:rgba(205,161,69,.35);\n}\n\n.cmc-faq-item.is-open{\n  border-color:rgba(205,161,69,.55);\n  background:#0d0d0d;\n}\n\n.cmc-faq-question{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:30px;\n  width:100%;\n  padding:28px 30px;\n  border:0;\n  background:transparent;\n  color:#ffffff;\n  text-align:left;\n  cursor:pointer;\n  outline:none;\n  box-shadow:none;\n  user-select:none;\n  -webkit-user-select:none;\n  -webkit-tap-highlight-color:transparent;\n}\n\n.cmc-faq-question:hover,\n.cmc-faq-question:focus,\n.cmc-faq-question:focus-visible,\n.cmc-faq-question:active{\n  background:transparent;\n  background-color:transparent;\n  color:#ffffff;\n  outline:none;\n  box-shadow:none;\n}\n\n.cmc-faq-question-text{\n  display:flex;\n  align-items:center;\n  gap:20px;\n  color:#ffffff;\n  font-size:18px;\n  font-weight:750;\n  line-height:1.4;\n}\n\n.cmc-faq-number{\n  flex:0 0 auto;\n  color:#cda145;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:2px;\n}\n\n.cmc-faq-icon{\n  position:relative;\n  flex:0 0 auto;\n  width:42px;\n  height:42px;\n  border:1px solid rgba(205,161,69,.35);\n  border-radius:50%;\n  background:transparent;\n  transition:\n    border-color .35s ease,\n    transform .35s ease;\n}\n\n.cmc-faq-question:hover .cmc-faq-icon{\n  border-color:rgba(205,161,69,.75);\n}\n\n.cmc-faq-icon::before,\n.cmc-faq-icon::after{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  left:50%;\n  width:14px;\n  height:1px;\n  background:#cda145;\n  transform:translate(-50%,-50%);\n  transition:transform .35s ease;\n}\n\n.cmc-faq-icon::after{\n  transform:translate(-50%,-50%) rotate(90deg);\n}\n\n.cmc-faq-item.is-open .cmc-faq-icon::after{\n  transform:translate(-50%,-50%) rotate(0deg);\n}\n\n.cmc-faq-item.is-open .cmc-faq-icon{\n  border-color:rgba(205,161,69,.75);\n}\n\n.cmc-faq-answer{\n  max-height:0;\n  overflow:hidden;\n  transition:max-height .5s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-faq-answer-inner{\n  padding:0 30px 30px 81px;\n  color:#a7a7a7;\n  font-size:15px;\n  line-height:1.8;\n}\n\n.cmc-faq-answer-inner p{\n  margin:0;\n}\n\n.cmc-faq-reveal{\n  opacity:0;\n  transform:translateY(45px);\n  transition:\n    opacity .9s ease,\n    transform .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-faq-reveal.cmc-faq-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n#cmc-faq ::selection{\n  background:#cda145;\n  color:#050505;\n}\n\n#cmc-faq ::-moz-selection{\n  background:#cda145;\n  color:#050505;\n}\n\n@media(max-width:1100px){\n\n  #cmc-faq{\n    padding:110px 32px 120px;\n  }\n\n  .cmc-faq-heading{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:25px;\n  }\n}\n\n@media(max-width:700px){\n\n  #cmc-faq{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:85px 16px 95px;\n  }\n\n  .cmc-faq-heading{\n    margin-bottom:42px;\n  }\n\n  .cmc-faq-title{\n    font-size:48px;\n    letter-spacing:-3px;\n  }\n\n  .cmc-faq-intro{\n    font-size:16px;\n  }\n\n  .cmc-faq-question{\n    gap:15px;\n    padding:22px 20px;\n  }\n\n  .cmc-faq-question-text{\n    gap:13px;\n    font-size:16px;\n  }\n\n  .cmc-faq-icon{\n    width:36px;\n    height:36px;\n  }\n\n  .cmc-faq-answer-inner{\n    padding:0 20px 24px 20px;\n  }\n}\n<\/style>\n\n<div class=\"cmc-faq-wrap\">\n\n  <div class=\"cmc-faq-heading cmc-faq-reveal\">\n\n    <div>\n\n      <div class=\"cmc-faq-kicker\">\n        Questions fr\u00e9quentes\n      <\/div>\n\n      <h2 class=\"cmc-faq-title\">\n        Tout ce qu\u2019il faut savoir<br>\n        <span>avant votre rendez-vous.<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <p class=\"cmc-faq-intro\">\n      Retrouvez les r\u00e9ponses aux questions les plus courantes concernant\n      nos prestations, nos d\u00e9placements et notre fonctionnement.\n    <\/p>\n\n  <\/div>\n\n<div class=\"cmc-faq-list\">\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-01\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">01<\/span>\n        O\u00f9 se trouve CleanMyCar69 ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-01\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          CleanMyCar69 est bas\u00e9 au 206 rue Alexandre Richetta,\n          69400 Villefranche-sur-Sa\u00f4ne. Nous sommes ouverts du lundi\n          au vendredi, de 8 h \u00e0 12 h et de 13 h \u00e0 19 h.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-02\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">02<\/span>\n        Est-il possible de b\u00e9n\u00e9ficier de vos prestations \u00e0 domicile ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-02\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Oui. Pour le nettoyage automobile \u00e0 domicile, un suppl\u00e9ment\n          minimum de 20 \u20ac, variable selon la distance, est appliqu\u00e9 afin\n          de couvrir le d\u00e9placement et l\u2019installation du mat\u00e9riel.\n          Aucun suppl\u00e9ment n\u2019est factur\u00e9 pour les prestations \u00e0 domicile\n          concernant les matelas, canap\u00e9s et textiles d\u2019int\u00e9rieur.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-03\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">03<\/span>\n        Comment effectuer une demande de rendez-vous ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-03\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Pour prendre rendez-vous, vous pouvez remplir le formulaire\n          de contact disponible sur la page Contact ou directement sur\n          la page d\u2019accueil. Vous pouvez \u00e9galement nous joindre par\n          t\u00e9l\u00e9phone afin de fixer une date rapidement et d\u2019obtenir\n          des informations compl\u00e9mentaires.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-04\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">04<\/span>\n        Quels v\u00e9hicules sont \u00e9ligibles \u00e0 vos prestations ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-04\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Nous prenons en charge tous les types de v\u00e9hicules :\n          citadines, berlines, sportives, utilitaires, 4\u00d74 et SUV.\n          Un suppl\u00e9ment de 15 \u20ac est appliqu\u00e9 pour les 4\u00d74 et SUV\n          en raison de leur gabarit plus important. Chaque v\u00e9hicule\n          b\u00e9n\u00e9ficie n\u00e9anmoins du m\u00eame niveau de soin et d\u2019exigence.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-05\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">05<\/span>\n        Combien de temps dure un nettoyage int\u00e9rieur et ext\u00e9rieur ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-05\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Un nettoyage int\u00e9rieur et ext\u00e9rieur dure en moyenne entre\n          5 et 7 heures, selon le type de v\u00e9hicule et son \u00e9tat g\u00e9n\u00e9ral.\n          Nous prenons le temps n\u00e9cessaire afin de garantir un r\u00e9sultat\n          propre, complet et soigneusement r\u00e9alis\u00e9.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-06\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">06<\/span>\n        Combien de temps dure le nettoyage d\u2019un canap\u00e9 ou d\u2019un matelas ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-06\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Le nettoyage et la d\u00e9sinfection d\u2019un canap\u00e9 ou d\u2019un matelas\n          peuvent demander entre 1 et 4 heures, selon la taille, l\u2019\u00e9tat\n          g\u00e9n\u00e9ral et le nombre d\u2019\u00e9l\u00e9ments \u00e0 traiter.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-07\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">07<\/span>\n        Combien de temps dure une r\u00e9novation d\u2019optiques ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-07\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          La r\u00e9novation des optiques de phares demande g\u00e9n\u00e9ralement\n          entre 2 et 3 heures de travail, selon leur \u00e9tat d\u2019usure.\n          Cette dur\u00e9e permet de retrouver une meilleure transparence\n          ainsi qu\u2019un \u00e9clairage plus clair.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-08\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">08<\/span>\n        Quelle est la dur\u00e9e de vie d\u2019un traitement c\u00e9ramique ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-08\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Un traitement c\u00e9ramique peut prot\u00e9ger la carrosserie pendant\n          environ 1 \u00e0 5 ans, selon le produit appliqu\u00e9 et l\u2019entretien\n          r\u00e9alis\u00e9 par la suite. Des lavages r\u00e9guliers et adapt\u00e9s permettent\n          d\u2019en pr\u00e9server l\u2019efficacit\u00e9 et la long\u00e9vit\u00e9.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-09\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">09<\/span>\n        Combien de temps demande un polissage et un lustrage ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-09\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Un polissage suivi d\u2019un lustrage demande g\u00e9n\u00e9ralement entre\n          4 et 7 jours de travail, selon la taille du v\u00e9hicule et l\u2019\u00e9tat\n          initial de la carrosserie. Ce d\u00e9lai permet d\u2019assurer une pr\u00e9paration\n          minutieuse et un r\u00e9sultat durable, profond et brillant.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-10\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">10<\/span>\n        Quels produits utilisez-vous pendant le nettoyage ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-10\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          Nous utilisons des produits biod\u00e9gradables, respectueux de\n          l\u2019environnement et adapt\u00e9s \u00e0 chaque surface. Nos prestations\n          sont principalement r\u00e9alis\u00e9es \u00e0 la vapeur, permettant un\n          nettoyage efficace, sain et limitant le gaspillage d\u2019eau.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n  <article class=\"cmc-faq-item cmc-faq-reveal\">\n\n    <div\n      class=\"cmc-faq-question\"\n      role=\"button\"\n      tabindex=\"0\"\n      aria-expanded=\"false\"\n      aria-controls=\"cmc-faq-answer-11\"\n    >\n      <span class=\"cmc-faq-question-text\">\n        <span class=\"cmc-faq-number\">11<\/span>\n        Quelles r\u00e8gles s\u2019appliquent en cas d\u2019annulation ?\n      <\/span>\n\n      <span class=\"cmc-faq-icon\" aria-hidden=\"true\"><\/span>\n    <\/div>\n\n    <div id=\"cmc-faq-answer-11\" class=\"cmc-faq-answer\">\n      <div class=\"cmc-faq-answer-inner\">\n        <p>\n          En cas d\u2019annulation, nous vous demandons de nous pr\u00e9venir\n          au minimum 24 heures \u00e0 l\u2019avance. Cela nous permet de r\u00e9organiser\n          le planning, d\u2019\u00e9viter les cr\u00e9neaux perdus et de satisfaire\n          le plus grand nombre de clients.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/article>\n\n<\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  const section = document.querySelector(\"#cmc-faq\");\n\n  if(!section){\n    return;\n  }\n\n  const items = section.querySelectorAll(\".cmc-faq-item\");\n\n  function closeItem(item){\n\n    const question = item.querySelector(\".cmc-faq-question\");\n    const answer = item.querySelector(\".cmc-faq-answer\");\n\n    item.classList.remove(\"is-open\");\n    question.setAttribute(\"aria-expanded\",\"false\");\n    answer.style.maxHeight = null;\n\n  }\n\n  function openItem(item){\n\n    const question = item.querySelector(\".cmc-faq-question\");\n    const answer = item.querySelector(\".cmc-faq-answer\");\n\n    item.classList.add(\"is-open\");\n    question.setAttribute(\"aria-expanded\",\"true\");\n    answer.style.maxHeight = answer.scrollHeight + \"px\";\n\n  }\n\n  function toggleItem(item){\n\n    const isOpen = item.classList.contains(\"is-open\");\n\n    items.forEach(function(otherItem){\n      closeItem(otherItem);\n    });\n\n    if(!isOpen){\n      openItem(item);\n    }\n\n  }\n\n  items.forEach(function(item){\n\n    const question = item.querySelector(\".cmc-faq-question\");\n\n    question.addEventListener(\"click\",function(){\n      toggleItem(item);\n    });\n\n    question.addEventListener(\"keydown\",function(event){\n\n      if(event.key === \"Enter\" || event.key === \" \"){\n\n        event.preventDefault();\n        toggleItem(item);\n\n      }\n\n    });\n\n  });\n\n  window.addEventListener(\"resize\",function(){\n\n    const openItemElement =\n      section.querySelector(\".cmc-faq-item.is-open\");\n\n    if(!openItemElement){\n      return;\n    }\n\n    const answer =\n      openItemElement.querySelector(\".cmc-faq-answer\");\n\n    answer.style.maxHeight = answer.scrollHeight + \"px\";\n\n  });\n\n  const revealItems =\n    section.querySelectorAll(\".cmc-faq-reveal\");\n\n  if(!(\"IntersectionObserver\" in window)){\n\n    revealItems.forEach(function(item){\n      item.classList.add(\"cmc-faq-visible\");\n    });\n\n    return;\n  }\n\n  const observer =\n    new IntersectionObserver(function(entries){\n\n      entries.forEach(function(entry){\n\n        if(!entry.isIntersecting){\n          return;\n        }\n\n        entry.target.classList.add(\"cmc-faq-visible\");\n        observer.unobserve(entry.target);\n\n      });\n\n    },{\n      threshold:.12\n    });\n\n  revealItems.forEach(function(item){\n    observer.observe(item);\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<section id=\"cmc-final-cta\">\n\n<style>\n#cmc-final-cta,\n#cmc-final-cta *{\n  box-sizing:border-box;\n}\n\n#cmc-final-cta{\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n  padding:80px 4vw;\n  background:#050505;\n  color:#ffffff;\n  font-family:Inter,Arial,sans-serif;\n  isolation:isolate;\n}\n\n#cmc-final-cta::before{\n    display:none;\n}\n\n#cmc-final-cta::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.018) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      rgba(255,255,255,.018) 1px,\n      transparent 1px\n    );\n  background-size:80px 80px;\n  mask-image:linear-gradient(\n    to bottom,\n    transparent,\n    rgba(0,0,0,.6),\n    transparent\n  );\n  -webkit-mask-image:linear-gradient(\n    to bottom,\n    transparent,\n    rgba(0,0,0,.6),\n    transparent\n  );\n  pointer-events:none;\n  z-index:-1;\n}\n\n.cmc-final-wrap{\n  position:relative;\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n}\n\n.cmc-final-card{\n  position:relative;\n  overflow:hidden;\n  min-height:650px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:90px 70px 70px;\n  border:1px solid rgba(205,161,69,.25);\n  border-radius:34px;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(205,161,69,.05),\n      transparent 35%\n    ),\n    #090909;\n  box-shadow:\n    0 30px 90px rgba(0,0,0,.6),\n    inset 0 1px 0 rgba(255,255,255,.04);\n}\n\n.cmc-final-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(\n      circle at 50% 20%,\n      rgba(205,161,69,.12),\n      transparent 34%\n    ),\n    linear-gradient(\n      to bottom,\n      transparent 35%,\n      rgba(0,0,0,.65)\n    );\n  pointer-events:none;\n}\n\n.cmc-final-card::after{\n  content:\"CLEANMYCAR69\";\n  position:absolute;\n  left:50%;\n  bottom:-30px;\n  color:transparent;\n  font-size:clamp(80px,12vw,210px);\n  font-weight:900;\n  letter-spacing:-10px;\n  line-height:.8;\n  white-space:nowrap;\n  -webkit-text-stroke:1px rgba(255,255,255,.035);\n  transform:translateX(-50%);\n  pointer-events:none;\n}\n\n.cmc-final-border{\n  position:absolute;\n  inset:14px;\n  border:1px solid rgba(255,255,255,.04);\n  border-radius:25px;\n  pointer-events:none;\n}\n\n.cmc-final-glow{\n  position:absolute;\n  top:0;\n  left:0;\n  width:520px;\n  height:520px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(205,161,69,.15) 0%,\n    rgba(205,161,69,.08) 30%,\n    rgba(205,161,69,.025) 52%,\n    transparent 72%\n  );\n  transform:translate3d(-50%,-50%,0);\n  pointer-events:none;\n  will-change:transform;\n  opacity:.9;\n  filter:blur(2px);\n}\n\n.cmc-final-content{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1050px;\n  margin:0 auto;\n  text-align:center;\n}\n\n.cmc-final-kicker{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:16px;\n  margin-bottom:28px;\n  color:#cda145;\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.cmc-final-kicker::before,\n.cmc-final-kicker::after{\n  content:\"\";\n  width:45px;\n  height:1px;\n  background:#cda145;\n}\n\n.cmc-final-title{\n  max-width:1100px;\n  margin:0 auto;\n  color:#ffffff;\n  font-size:clamp(52px,6vw,96px);\n  font-weight:900;\n  line-height:1.05;\n  letter-spacing:-3px;\n  text-wrap:balance;\n}\n\n.cmc-final-title span{\n  display:block;\n  color:#cda145;\n}\n\n.cmc-final-description{\n  max-width:760px;\n  margin:35px auto 0;\n  color:#a2a2a2;\n  font-size:18px;\n  line-height:1.8;\n}\n\n.cmc-final-actions{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:16px;\n  margin-top:45px;\n}\n\n.cmc-final-btn{\n  position:relative;\n  overflow:hidden;\n  min-width:230px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:14px;\n  padding:19px 28px;\n  border-radius:100px;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:850;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    background .3s ease,\n    color .3s ease,\n    box-shadow .3s ease;\n}\n\n.cmc-final-btn::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-120%;\n  width:70%;\n  height:100%;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.28),\n    transparent\n  );\n  transform:skewX(-25deg);\n  transition:left .65s ease;\n}\n\n.cmc-final-btn:hover::before{\n  left:150%;\n}\n\n.cmc-final-btn:hover{\n  transform:translateY(-4px);\n}\n\n.cmc-final-btn-primary{\n  border:1px solid #cda145;\n  background:#cda145;\n  color:#050505;\n  box-shadow:0 15px 40px rgba(205,161,69,.15);\n}\n\n.cmc-final-btn-primary:hover{\n  background:#dfb65d;\n  color:#050505;\n  box-shadow:0 20px 50px rgba(205,161,69,.28);\n}\n\n.cmc-final-btn-secondary{\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.03);\n  color:#ffffff;\n  backdrop-filter:blur(10px);\n  -webkit-backdrop-filter:blur(10px);\n}\n\n.cmc-final-btn-secondary:hover{\n  border-color:rgba(205,161,69,.65);\n  background:rgba(205,161,69,.07);\n  color:#ffffff;\n}\n\n.cmc-final-arrow{\n  position:relative;\n  width:20px;\n  height:12px;\n}\n\n.cmc-final-arrow::before{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  left:0;\n  width:17px;\n  height:1px;\n  background:currentColor;\n  transform:translateY(-50%);\n}\n\n.cmc-final-arrow::after{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  right:1px;\n  width:7px;\n  height:7px;\n  border-top:1px solid currentColor;\n  border-right:1px solid currentColor;\n  transform:translateY(-50%) rotate(45deg);\n}\n\n.cmc-final-benefits{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:1px;\n  margin-top:70px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.07);\n  border-radius:18px;\n  background:rgba(255,255,255,.07);\n}\n\n.cmc-final-benefit{\n  min-height:120px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:14px;\n  padding:25px 20px;\n  background:#0a0a0a;\n  color:#dadada;\n  font-size:13px;\n  font-weight:750;\n  letter-spacing:.3px;\n  text-align:left;\n}\n\n.cmc-final-check{\n  position:relative;\n  flex:0 0 auto;\n  width:34px;\n  height:34px;\n  border:1px solid rgba(205,161,69,.35);\n  border-radius:50%;\n  background:rgba(205,161,69,.06);\n}\n\n.cmc-final-check::before{\n  content:\"\";\n  position:absolute;\n  top:9px;\n  left:11px;\n  width:9px;\n  height:5px;\n  border-left:2px solid #cda145;\n  border-bottom:2px solid #cda145;\n  transform:rotate(-45deg);\n}\n\n.cmc-final-reveal{\n  opacity:0;\n  transform:translateY(50px);\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(.2,.8,.2,1);\n}\n\n.cmc-final-reveal.cmc-final-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n\n#cmc-final-cta ::selection{\n  background:#cda145;\n  color:#050505;\n}\n\n#cmc-final-cta ::-moz-selection{\n  background:#cda145;\n  color:#050505;\n}\n\n@media(max-width:1100px){\n\n  #cmc-final-cta{\n    padding:65px 30px;\n  }\n\n  .cmc-final-card{\n    min-height:600px;\n    padding:80px 40px 55px;\n  }\n\n  .cmc-final-title{\n    letter-spacing:-5px;\n  }\n\n  .cmc-final-benefits{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:700px){\n\n  #cmc-final-cta{\n    width:100%;\n    max-width:100%;\n    margin-left:0;\n    padding:40px 14px 60px;\n  }\n\n  .cmc-final-card{\n    min-height:auto;\n    padding:70px 20px 30px;\n    border-radius:26px;\n  }\n\n  .cmc-final-border{\n    inset:9px;\n    border-radius:19px;\n  }\n\n  .cmc-final-kicker{\n    gap:10px;\n    margin-bottom:22px;\n    font-size:10px;\n    letter-spacing:3px;\n  }\n\n  .cmc-final-kicker::before,\n  .cmc-final-kicker::after{\n    width:24px;\n  }\n\n.cmc-final-title{\n  font-size:49px;\n  line-height:.96;\n  letter-spacing:-3px;\n}\n\n  .cmc-final-description{\n    margin-top:28px;\n    font-size:15px;\n    line-height:1.7;\n  }\n\n  .cmc-final-actions{\n    flex-direction:column;\n    align-items:stretch;\n    margin-top:35px;\n  }\n\n  .cmc-final-btn{\n    width:100%;\n    min-width:0;\n  }\n\n  .cmc-final-benefits{\n    grid-template-columns:1fr;\n    margin-top:45px;\n  }\n\n  .cmc-final-benefit{\n    min-height:85px;\n    justify-content:flex-start;\n    padding:20px;\n  }\n\n  .cmc-final-card::after{\n    bottom:-5px;\n    font-size:70px;\n    letter-spacing:-5px;\n  }\n}\n\n\n\/* =========================================================\n   SUPPRIME LE BLEU APR\u00c8S CLIC SUR TOUS LES BOUTONS\n========================================================= *\/\n\n#cmc-hero a:focus,\n#cmc-hero a:focus-visible,\n#cmc-hero a:active,\n\n#cmc-services a:focus,\n#cmc-services a:focus-visible,\n#cmc-services a:active,\n\n#cmc-before-after a:focus,\n#cmc-before-after a:focus-visible,\n#cmc-before-after a:active,\n\n#cmc-process a:focus,\n#cmc-process a:focus-visible,\n#cmc-process a:active,\n\n#cmc-reviews a:focus,\n#cmc-reviews a:focus-visible,\n#cmc-reviews a:active,\n\n#cmc-zone a:focus,\n#cmc-zone a:focus-visible,\n#cmc-zone a:active,\n\n#cmc-faq a:focus,\n#cmc-faq a:focus-visible,\n#cmc-faq a:active,\n\n#cmc-final-cta a:focus,\n#cmc-final-cta a:focus-visible,\n#cmc-final-cta a:active{\n    color:inherit !important;\n    -webkit-text-fill-color:currentColor !important;\n    outline:none !important;\n}\n\n\/* Boutons dor\u00e9s avec texte noir *\/\n.cmc-btn--primary:focus,\n.cmc-btn--primary:focus-visible,\n.cmc-btn--primary:active,\n\n.cmc-reviews-button:focus,\n.cmc-reviews-button:focus-visible,\n.cmc-reviews-button:active,\n\n.cmc-final-btn-primary:focus,\n.cmc-final-btn-primary:focus-visible,\n.cmc-final-btn-primary:active{\n    color:#050505 !important;\n    -webkit-text-fill-color:#050505 !important;\n}\n\n\/* Boutons avec texte blanc *\/\n.cmc-btn--secondary:focus,\n.cmc-btn--secondary:focus-visible,\n.cmc-btn--secondary:active,\n\n.cmc-final-btn-secondary:focus,\n.cmc-final-btn-secondary:focus-visible,\n.cmc-final-btn-secondary:active{\n    color:#ffffff !important;\n    -webkit-text-fill-color:#ffffff !important;\n}\n\n<\/style>\n\n<\/section>\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>DETAILING AUTOMOBILE PREMIUM R\u00e9v\u00e9lez le vrai potentiel de votre v\u00e9hicule. Nettoyage, r\u00e9novation et protection automobile r\u00e9alis\u00e9s avec exigence pour offrir \u00e0 votre v\u00e9hicule une finition irr\u00e9prochable. R\u00e9server maintenant D\u00e9couvrir nos prestations 01 Nettoyageprofessionnel 02 Produitshaut de gamme 03 Finitionsur mesure D\u00e9couvrir Detailing automobile premium Chaque v\u00e9hicule m\u00e9rite une finition exceptionnelle. Chez CleanMyCar69, nous allons bien&hellip;&nbsp;<\/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":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":82,"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":1117,"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/pages\/716\/revisions\/1117"}],"wp:attachment":[{"href":"https:\/\/www.cleanmycar69.com\/index.php\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}