{"id":603,"date":"2025-05-12T14:21:12","date_gmt":"2025-05-12T13:21:12","guid":{"rendered":"https:\/\/rexomods.com\/?page_id=603"},"modified":"2026-06-04T12:54:44","modified_gmt":"2026-06-04T10:54:44","slug":"instrument-cluster-retrofit","status":"publish","type":"page","link":"https:\/\/www.rexomods.com\/en\/instrument-cluster-retrofit\/","title":{"rendered":"R\u00e9trofit cockpit full digital 10&Prime;"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"603\" class=\"elementor elementor-603\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdcb167 e-flex e-con-boxed e-con e-parent\" data-id=\"bdcb167\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9e2a995 e-con-full e-flex e-con e-child\" data-id=\"9e2a995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff1f571 elementor-widget elementor-widget-html\" data-id=\"ff1f571\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\"\/>\n\n<div id=\"retrofit10RM\" lang=\"fr\" style=\"--accent:#FECC0B; --accent-2:#FFE57A; --ink:#111111; --ink-2:#3F3F46; --muted:#6E6E73; --line:rgba(17,17,17,.08); --soft:#F5F5F7; --panel:#FFFFFF; color:var(--ink); margin:0!important;\">\n<style>\n#retrofit10RM,\n#retrofit10RM *{\n  box-sizing:border-box;\n}\n\n#retrofit10RM{\n  width:100%;\n  max-width:100%;\n  margin:0!important;\n  padding:0!important;\n  font-family:inherit;\n  overflow-x:clip;\n  isolation:isolate;\n}\n\n#retrofit10RM :where(section,div,article,p,ul,ol,li,details,summary,a,span){\n  min-width:0;\n  max-width:100%;\n}\n\n#retrofit10RM :where(p,li){\n  line-height:1.58;\n  color:var(--ink-2);\n  font-size:.96rem;\n  overflow-wrap:anywhere;\n}\n\n#retrofit10RM p{\n  margin:.35rem 0 0;\n}\n\n#retrofit10RM ul,\n#retrofit10RM ol{\n  margin:.35rem 0 0 1.05rem;\n  padding:0;\n}\n\n#retrofit10RM li{\n  margin:.24rem 0;\n}\n\n#retrofit10RM a{\n  color:inherit;\n  text-decoration:none;\n}\n\n#retrofit10RM strong{\n  font-weight:750;\n  color:inherit;\n}\n\n#retrofit10RM .m0{\n  margin:0!important;\n}\n\n#retrofit10RM .tiny{\n  font-size:.84rem;\n}\n\n#retrofit10RM .muted{\n  color:var(--muted)!important;\n}\n\n#retrofit10RM i.bi{\n  font-size:1em;\n  line-height:1;\n  vertical-align:-.125em;\n  display:inline-block;\n}\n\n#retrofit10RM .rm-shell{\n  width:100%;\n  margin:0;\n  padding:0;\n}\n\n#retrofit10RM .rm-section{\n  padding:12px 0;\n}\n\n#retrofit10RM .rm-section-lg{\n  padding:20px 0;\n}\n\n#retrofit10RM .section-intro{\n  margin:0 auto 14px;\n  text-align:center;\n  max-width:820px;\n}\n\n#retrofit10RM .section-kicker{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.46rem;\n  font-size:.72rem;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  font-weight:850;\n  color:#8A8A90;\n}\n\n#retrofit10RM .section-kicker i{\n  color:#B45309;\n}\n\n#retrofit10RM .section-title{\n  margin:7px 0 0;\n  font-size:clamp(1.42rem,2.15vw,2.2rem);\n  line-height:1.06;\n  letter-spacing:-.045em;\n  font-weight:850;\n  color:#111;\n  text-wrap:balance;\n}\n\n#retrofit10RM .section-sub{\n  margin:8px auto 0;\n  max-width:760px;\n  font-size:.96rem;\n  line-height:1.48;\n  color:#57575C;\n  text-align:center;\n}\n\n\/* HERO *\/\n#retrofit10RM .hero{\n  padding:0 0 12px;\n}\n\n#retrofit10RM .hero-box{\n  position:relative;\n  overflow:hidden;\n  border-radius:28px;\n  padding:clamp(1.15rem,.9rem + 1.1vw,1.8rem);\n  background:\n    radial-gradient(640px 220px at 18% -22%, rgba(254,204,11,.25), transparent 66%),\n    radial-gradient(520px 220px at 100% 0%, rgba(255,255,255,.10), transparent 60%),\n    linear-gradient(145deg,#1C1D22 0%,#111216 48%,#08090B 100%);\n  box-shadow:\n    0 16px 40px rgba(0,0,0,.15),\n    inset 0 1px 0 rgba(255,255,255,.10);\n}\n\n#retrofit10RM .hero-box::before{\n  content:\"\";\n  position:absolute;\n  inset:-2px;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(115deg, rgba(255,255,255,.18), transparent 34%, rgba(254,204,11,.18), transparent 82%);\n  pointer-events:none;\n  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);\n  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  opacity:.34;\n}\n\n#retrofit10RM .hero-inner{\n  position:relative;\n  z-index:1;\n  max-width:860px;\n  margin:0 auto;\n  text-align:center;\n}\n\n#retrofit10RM .hero-title{\n  margin:0;\n  font-size:clamp(2rem,1.45rem + 2.3vw,3.35rem);\n  line-height:.96;\n  letter-spacing:-.055em;\n  font-weight:700;\n  color:#fff;\n  text-wrap:balance;\n}\n\n#retrofit10RM .hero-sub{\n  margin:12px auto 0;\n  max-width:720px;\n  font-size:clamp(.94rem,.9rem + .22vw,1.04rem);\n  line-height:1.55;\n  color:#DADBE0;\n  text-align:center;\n}\n\n#retrofit10RM .hero-sub strong{\n  color:#fff;\n}\n\n#retrofit10RM .hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  justify-content:center;\n  gap:.62rem;\n  margin-top:16px;\n}\n\n#retrofit10RM .rm-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.52rem;\n  min-height:43px;\n  padding:.72rem 1rem;\n  border-radius:15px;\n  border:1px solid transparent;\n  font-size:.92rem;\n  font-weight:750;\n  line-height:1;\n  transition:\n    transform .22s cubic-bezier(.2,.8,.2,1),\n    box-shadow .22s cubic-bezier(.2,.8,.2,1),\n    background .22s ease,\n    border-color .22s ease;\n}\n\n#retrofit10RM .rm-btn:hover{\n  transform:translateY(-2px);\n}\n\n#retrofit10RM .rm-btn-primary{\n  background:var(--accent);\n  color:#111;\n  box-shadow:0 12px 28px rgba(254,204,11,.20);\n}\n\n#retrofit10RM .rm-btn-primary:hover{\n  box-shadow:0 16px 34px rgba(254,204,11,.28);\n}\n\n#retrofit10RM .rm-btn-ghost{\n  background:rgba(255,255,255,.07);\n  color:#fff;\n  border-color:rgba(255,255,255,.15);\n}\n\n#retrofit10RM .rm-btn-ghost:hover{\n  background:rgba(255,255,255,.105);\n  border-color:rgba(255,255,255,.22);\n}\n\n#retrofit10RM .hero-chips{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:.5rem;\n  margin:15px auto 0;\n  max-width:760px;\n}\n\n#retrofit10RM .hero-chip{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.42rem;\n  min-height:33px;\n  padding:.48rem .7rem;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.12);\n  background:rgba(255,255,255,.055);\n  color:#EFEFF2;\n  font-size:.84rem;\n  white-space:nowrap;\n}\n\n#retrofit10RM .hero-chip i{\n  color:var(--accent);\n}\n\n#retrofit10RM .hero-fine{\n  margin:11px auto 0;\n  max-width:720px;\n  color:rgba(232,233,238,.66);\n  font-size:.78rem;\n  line-height:1.42;\n  text-align:center;\n}\n\n\/* COMPAT *\/\n#retrofit10RM .quick-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n#retrofit10RM .compat-card{\n  position:relative;\n  overflow:hidden;\n  border-radius:24px;\n  padding:17px;\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 10px 26px rgba(17,17,17,.045);\n}\n\n#retrofit10RM .compat-card.dark{\n  background:\n    radial-gradient(420px 180px at 100% 0%, rgba(254,204,11,.14), transparent 60%),\n    linear-gradient(145deg,#18191D,#0D0E10);\n  border-color:rgba(255,255,255,.09);\n  box-shadow:0 14px 32px rgba(0,0,0,.14);\n}\n\n#retrofit10RM .compat-head{\n  display:flex;\n  align-items:flex-start;\n  gap:.75rem;\n}\n\n#retrofit10RM .compat-ico{\n  width:38px;\n  height:38px;\n  border-radius:14px;\n  display:grid;\n  place-items:center;\n  flex:0 0 38px;\n  background:#111;\n  color:var(--accent);\n}\n\n#retrofit10RM .compat-card.dark .compat-ico{\n  background:rgba(254,204,11,.14);\n  border:1px solid rgba(254,204,11,.20);\n}\n\n#retrofit10RM .compat-card h3{\n  margin:0;\n  font-size:1.08rem;\n  line-height:1.15;\n  letter-spacing:-.025em;\n  color:#111;\n}\n\n#retrofit10RM .compat-card.dark h3,\n#retrofit10RM .compat-card.dark p,\n#retrofit10RM .compat-card.dark li,\n#retrofit10RM .compat-card.dark span{\n  color:#fff!important;\n}\n\n#retrofit10RM .compat-card.dark .muted{\n  color:rgba(255,255,255,.70)!important;\n}\n\n#retrofit10RM .compat-list{\n  display:grid;\n  gap:8px;\n  margin:14px 0 0;\n}\n\n#retrofit10RM .compat-line{\n  display:flex;\n  align-items:flex-start;\n  gap:.58rem;\n  color:#3F3F46;\n  font-size:.94rem;\n  line-height:1.45;\n}\n\n#retrofit10RM .compat-line i{\n  color:#16803C;\n  margin-top:.16rem;\n}\n\n#retrofit10RM .compat-card.dark .compat-line i{\n  color:var(--accent);\n}\n\n#retrofit10RM .model-pills{\n  display:flex;\n  flex-wrap:wrap;\n  gap:.48rem;\n  margin-top:14px;\n}\n\n#retrofit10RM .model-pill{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:32px;\n  padding:.42rem .64rem;\n  border-radius:999px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.12);\n  color:#fff;\n  font-size:.82rem;\n  white-space:nowrap;\n}\n\n\/* COMPARATEUR *\/\n#retrofit10RM .rm-compare{\n  --split:50;\n}\n\n#retrofit10RM .rm-compare-frame{\n  border-radius:24px;\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 12px 30px rgba(17,17,17,.045);\n  padding:10px;\n}\n\n#retrofit10RM .rm-compare-stage{\n  position:relative;\n  min-height:370px;\n  border-radius:18px;\n  overflow:hidden;\n  background:#F3F4F6;\n  border:1px solid rgba(17,17,17,.08);\n  user-select:none;\n  touch-action:none;\n  cursor:ew-resize;\n}\n\n#retrofit10RM .rm-compare-layer{\n  position:absolute;\n  inset:0;\n}\n\n#retrofit10RM .rm-compare-stage img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  background:transparent;\n  pointer-events:none;\n}\n\n#retrofit10RM .rm-after{\n  clip-path:inset(0 0 0 calc(var(--split)*1%));\n}\n\n#retrofit10RM .rm-before{\n  clip-path:inset(0 calc(100% - (var(--split)*1%)) 0 0);\n}\n\n#retrofit10RM .rm-compare-line{\n  position:absolute;\n  top:0;\n  bottom:0;\n  left:calc(var(--split)*1%);\n  width:2px;\n  background:rgba(255,255,255,.96);\n  transform:translateX(-1px);\n  z-index:3;\n}\n\n#retrofit10RM .rm-compare-line::after{\n  content:\"\u2194\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  width:42px;\n  height:42px;\n  border-radius:999px;\n  display:grid;\n  place-items:center;\n  background:rgba(255,255,255,.95);\n  color:#111;\n  font-size:1rem;\n  border:1px solid rgba(17,17,17,.08);\n  box-shadow:0 10px 24px rgba(17,17,17,.10);\n}\n\n#retrofit10RM .rm-compare-labels{\n  position:absolute;\n  left:10px;\n  right:10px;\n  bottom:10px;\n  display:flex;\n  justify-content:space-between;\n  gap:.65rem;\n  padding:.5rem .65rem;\n  border-radius:13px;\n  background:rgba(255,255,255,.88);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  color:#111;\n  font-size:12px;\n  border:1px solid rgba(17,17,17,.08);\n  z-index:5;\n  pointer-events:none;\n}\n\n\/* FEATURE CARDS *\/\n#retrofit10RM .feature-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n}\n\n#retrofit10RM .feature-card{\n  position:relative;\n  overflow:hidden;\n  padding:16px;\n  border-radius:24px;\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 9px 24px rgba(17,17,17,.04);\n  transition:\n    transform .24s cubic-bezier(.2,.8,.2,1),\n    box-shadow .24s cubic-bezier(.2,.8,.2,1),\n    border-color .24s ease;\n}\n\n#retrofit10RM .feature-card::after{\n  content:\"\";\n  position:absolute;\n  inset:auto -30px -46px auto;\n  width:120px;\n  height:120px;\n  border-radius:999px;\n  background:rgba(254,204,11,.10);\n  filter:blur(6px);\n  opacity:0;\n  transition:opacity .24s ease;\n}\n\n#retrofit10RM .feature-card:hover{\n  transform:translateY(-3px);\n  border-color:rgba(254,204,11,.38);\n  box-shadow:0 16px 34px rgba(17,17,17,.075);\n}\n\n#retrofit10RM .feature-card:hover::after{\n  opacity:1;\n}\n\n#retrofit10RM .feature-ico{\n  position:relative;\n  z-index:1;\n  width:36px;\n  height:36px;\n  border-radius:14px;\n  display:grid;\n  place-items:center;\n  background:#111;\n  color:var(--accent);\n  margin-bottom:12px;\n}\n\n#retrofit10RM .feature-card h3{\n  position:relative;\n  z-index:1;\n  margin:0;\n  font-size:1.02rem;\n  line-height:1.17;\n  letter-spacing:-.025em;\n  color:#111;\n}\n\n#retrofit10RM .feature-card p{\n  position:relative;\n  z-index:1;\n  margin-top:7px;\n  font-size:.91rem;\n  line-height:1.48;\n  color:#55555B;\n}\n\n\/* INFOS *\/\n#retrofit10RM .info-panel{\n  position:relative;\n  overflow:hidden;\n  border-radius:28px;\n  padding:clamp(1rem,.8rem + 1vw,1.5rem);\n  background:\n    radial-gradient(600px 220px at 100% 0%, rgba(254,204,11,.17), transparent 64%),\n    linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 12px 30px rgba(17,17,17,.045);\n}\n\n#retrofit10RM .info-grid{\n  display:grid;\n  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);\n  gap:16px;\n  align-items:stretch;\n}\n\n#retrofit10RM .info-main{\n  border-radius:23px;\n  padding:18px;\n  background:#111;\n  color:#fff;\n  min-height:100%;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  overflow:hidden;\n  position:relative;\n}\n\n#retrofit10RM .info-main::after{\n  content:\"\";\n  position:absolute;\n  width:220px;\n  height:220px;\n  right:-80px;\n  top:-90px;\n  border-radius:999px;\n  background:rgba(254,204,11,.20);\n  filter:blur(28px);\n}\n\n#retrofit10RM .info-main-inner{\n  position:relative;\n  z-index:1;\n}\n\n#retrofit10RM .info-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:.46rem;\n  padding:.44rem .66rem;\n  border-radius:999px;\n  background:rgba(254,204,11,.14);\n  border:1px solid rgba(254,204,11,.22);\n  color:#FFF1A7;\n  font-size:.8rem;\n  font-weight:750;\n}\n\n#retrofit10RM .info-main h3{\n  margin:16px 0 0;\n  color:#fff;\n  font-size:clamp(1.45rem,2.2vw,2.15rem);\n  line-height:1.02;\n  letter-spacing:-.045em;\n}\n\n#retrofit10RM .info-main p{\n  color:rgba(255,255,255,.72);\n  margin-top:10px;\n  font-size:.94rem;\n}\n\n#retrofit10RM .info-list{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n}\n\n#retrofit10RM .info-item{\n  display:flex;\n  align-items:flex-start;\n  gap:.68rem;\n  padding:14px;\n  border-radius:20px;\n  background:#fff;\n  border:1px solid rgba(17,17,17,.065);\n  box-shadow:0 7px 20px rgba(17,17,17,.035);\n}\n\n#retrofit10RM .info-ico{\n  width:32px;\n  height:32px;\n  border-radius:12px;\n  display:grid;\n  place-items:center;\n  flex:0 0 32px;\n  background:#FFF7CE;\n  color:#8A5A00;\n}\n\n#retrofit10RM .info-item h4{\n  margin:0;\n  font-size:.98rem;\n  line-height:1.18;\n  letter-spacing:-.02em;\n  color:#111;\n}\n\n#retrofit10RM .info-item p{\n  margin-top:5px;\n  font-size:.89rem;\n  line-height:1.45;\n  color:#5B5B61;\n}\n\n\/* WARNING *\/\n#retrofit10RM .warning-card{\n  display:flex;\n  align-items:flex-start;\n  gap:.8rem;\n  padding:16px;\n  border-radius:24px;\n  background:\n    linear-gradient(180deg,rgba(254,204,11,.18),rgba(254,204,11,.08));\n  border:1px solid rgba(180,83,9,.15);\n}\n\n#retrofit10RM .warning-card .warn-ico{\n  width:38px;\n  height:38px;\n  border-radius:14px;\n  display:grid;\n  place-items:center;\n  flex:0 0 38px;\n  background:#111;\n  color:var(--accent);\n}\n\n#retrofit10RM .warning-card h3{\n  margin:0;\n  font-size:1.08rem;\n  line-height:1.15;\n  letter-spacing:-.025em;\n  color:#111;\n}\n\n#retrofit10RM .warning-card p{\n  margin-top:6px;\n  font-size:.94rem;\n  line-height:1.5;\n  color:#3F3F46;\n}\n\n\/* TIMELINE *\/\n#retrofit10RM .timeline{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:12px;\n  counter-reset:step;\n}\n\n#retrofit10RM .timeline-card{\n  counter-increment:step;\n  position:relative;\n  padding:16px;\n  border-radius:24px;\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 9px 24px rgba(17,17,17,.04);\n}\n\n#retrofit10RM .timeline-card::before{\n  content:counter(step);\n  width:34px;\n  height:34px;\n  border-radius:13px;\n  display:grid;\n  place-items:center;\n  background:#111;\n  color:var(--accent);\n  font-weight:850;\n  font-size:.92rem;\n  margin-bottom:12px;\n}\n\n#retrofit10RM .timeline-card h3{\n  margin:0;\n  font-size:1rem;\n  line-height:1.16;\n  letter-spacing:-.02em;\n  color:#111;\n}\n\n#retrofit10RM .timeline-card p{\n  margin-top:7px;\n  font-size:.9rem;\n  line-height:1.48;\n  color:#55555B;\n}\n\n\/* CONDITIONS *\/\n#retrofit10RM .notice-stack{\n  display:grid;\n  gap:10px;\n}\n\n#retrofit10RM .rm-note,\n#retrofit10RM .rm-conditions-link{\n  display:flex;\n  align-items:flex-start;\n  gap:.75rem;\n  padding:15px 16px;\n  border-radius:22px;\n  border:1px solid rgba(17,17,17,.06);\n}\n\n#retrofit10RM .rm-note{\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n}\n\n#retrofit10RM .rm-note i{\n  color:#B45309;\n  margin-top:.12rem;\n  flex:0 0 auto;\n}\n\n#retrofit10RM .rm-conditions-link{\n  background:#111;\n  color:#fff;\n  box-shadow:0 10px 24px rgba(17,17,17,.10);\n}\n\n#retrofit10RM .rm-conditions-link i{\n  color:var(--accent);\n  margin-top:.12rem;\n  flex:0 0 auto;\n}\n\n#retrofit10RM .rm-conditions-link a{\n  color:#fff;\n  border-bottom:1px solid rgba(255,255,255,.24);\n}\n\n\/* FAQ *\/\n#retrofit10RM .faq-wrap{\n  width:100%;\n  max-width:none;\n  margin:0;\n}\n\n#retrofit10RM .acc-list{\n  display:grid;\n  gap:9px;\n}\n\n#retrofit10RM .acc-item{\n  border-radius:20px;\n  background:#fff;\n  border:1px solid rgba(17,17,17,.065);\n  box-shadow:0 6px 16px rgba(17,17,17,.032);\n  overflow:hidden;\n}\n\n#retrofit10RM .acc-item summary{\n  list-style:none;\n  cursor:pointer;\n  display:flex;\n  align-items:flex-start;\n  gap:.72rem;\n  padding:15px 16px;\n  font-size:.96rem;\n  line-height:1.42;\n  font-weight:700;\n  color:#111;\n  -webkit-tap-highlight-color:transparent;\n}\n\n#retrofit10RM .acc-item summary::-webkit-details-marker{\n  display:none;\n}\n\n#retrofit10RM .acc-mark{\n  width:24px;\n  height:24px;\n  border-radius:999px;\n  display:grid;\n  place-items:center;\n  flex:0 0 24px;\n  background:#F3F3F5;\n  border:1px solid rgba(17,17,17,.07);\n  color:#111;\n  margin-top:.04rem;\n}\n\n#retrofit10RM .acc-mark i{\n  transition:transform .22s ease;\n  font-size:.72rem!important;\n}\n\n#retrofit10RM .acc-item[open] .acc-mark{\n  background:#111;\n  color:var(--accent);\n}\n\n#retrofit10RM .acc-item[open] .acc-mark i{\n  transform:rotate(45deg);\n}\n\n#retrofit10RM .acc-body{\n  padding:0 16px 15px 52px;\n}\n\n#retrofit10RM .acc-body p{\n  margin:0;\n  color:#4C4C51;\n  font-size:.93rem;\n  line-height:1.55;\n}\n\n\/* CTA FINAL *\/\n#retrofit10RM .final-cta{\n  position:relative;\n  overflow:hidden;\n  border-radius:28px;\n  padding:clamp(1.05rem,.85rem + 1vw,1.55rem);\n  background:\n    radial-gradient(600px 260px at 0% 0%, rgba(254,204,11,.22), transparent 60%),\n    linear-gradient(145deg,#1A1B20,#0D0E10);\n  color:#fff;\n  border:1px solid rgba(255,255,255,.10);\n  box-shadow:0 16px 40px rgba(0,0,0,.16);\n}\n\n#retrofit10RM .final-cta::after{\n  content:\"\";\n  position:absolute;\n  width:260px;\n  height:260px;\n  right:-100px;\n  bottom:-120px;\n  border-radius:999px;\n  background:rgba(254,204,11,.18);\n  filter:blur(28px);\n}\n\n#retrofit10RM .final-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:1rem;\n  align-items:center;\n}\n\n#retrofit10RM .final-cta h2{\n  margin:0;\n  color:#fff;\n  font-size:clamp(1.35rem,2.2vw,2rem);\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#retrofit10RM .final-cta p{\n  margin-top:7px;\n  color:rgba(255,255,255,.72);\n  font-size:.94rem;\n  line-height:1.5;\n}\n\n#retrofit10RM .final-actions{\n  display:flex;\n  justify-content:flex-end;\n}\n\n\/* ANIMATIONS *\/\n#retrofit10RM [data-anim]{\n  opacity:0;\n  transform:translateY(16px) scale(.988);\n  filter:blur(5px);\n  transition:\n    opacity .68s cubic-bezier(.2,.8,.2,1),\n    transform .68s cubic-bezier(.2,.8,.2,1),\n    filter .68s cubic-bezier(.2,.8,.2,1);\n}\n\n#retrofit10RM [data-anim].is-in{\n  opacity:1;\n  transform:none;\n  filter:blur(0);\n}\n\n#retrofit10RM [data-delay=\"1\"]{\n  transition-delay:.06s;\n}\n\n#retrofit10RM [data-delay=\"2\"]{\n  transition-delay:.12s;\n}\n\n#retrofit10RM [data-delay=\"3\"]{\n  transition-delay:.18s;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1020px){\n  #retrofit10RM .info-grid{\n    grid-template-columns:1fr;\n  }\n\n  #retrofit10RM .feature-grid{\n    grid-template-columns:1fr;\n  }\n\n  #retrofit10RM .timeline{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width:740px){\n  #retrofit10RM .rm-section{\n    padding:10px 0;\n  }\n\n  #retrofit10RM .rm-section-lg{\n    padding:16px 0;\n  }\n\n  #retrofit10RM .hero{\n    padding:0 0 10px;\n  }\n\n  #retrofit10RM .hero-box{\n    border-radius:22px;\n    padding:1.05rem .9rem;\n  }\n\n  #retrofit10RM .hero-sub{\n    font-size:.92rem;\n    line-height:1.5;\n    margin-top:10px;\n  }\n\n  #retrofit10RM .hero-actions{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:.5rem;\n    margin-top:13px;\n  }\n\n  #retrofit10RM .rm-btn{\n    width:100%;\n    min-height:41px;\n    border-radius:14px;\n    padding:.68rem .85rem;\n    font-size:.9rem;\n  }\n\n  #retrofit10RM .hero-chips{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:.42rem;\n    margin-top:13px;\n  }\n\n  #retrofit10RM .hero-chip{\n    flex:0 1 auto;\n    width:auto;\n    min-height:31px;\n    padding:.42rem .58rem;\n    font-size:.76rem;\n    white-space:nowrap;\n  }\n\n  #retrofit10RM .hero-fine{\n    font-size:.75rem;\n  }\n\n  #retrofit10RM .quick-grid{\n    grid-template-columns:1fr;\n    gap:10px;\n  }\n\n  #retrofit10RM .compat-card{\n    padding:14px;\n    border-radius:20px;\n  }\n\n  #retrofit10RM .model-pills{\n    gap:.42rem;\n  }\n\n  #retrofit10RM .model-pill{\n    min-height:30px;\n    padding:.38rem .58rem;\n    font-size:.78rem;\n  }\n\n  #retrofit10RM .rm-compare-frame{\n    padding:8px;\n    border-radius:20px;\n  }\n\n  #retrofit10RM .rm-compare-stage{\n    min-height:230px;\n    border-radius:16px;\n  }\n\n  #retrofit10RM .rm-compare-labels{\n    left:8px;\n    right:8px;\n    bottom:8px;\n    font-size:10.8px;\n    padding:.42rem .5rem;\n  }\n\n  #retrofit10RM .rm-compare-line::after{\n    width:38px;\n    height:38px;\n  }\n\n  #retrofit10RM .feature-grid{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #retrofit10RM .feature-card{\n    display:flex;\n    align-items:flex-start;\n    gap:.75rem;\n    padding:13px;\n    border-radius:20px;\n  }\n\n  #retrofit10RM .feature-ico{\n    flex:0 0 32px;\n    width:32px;\n    height:32px;\n    border-radius:12px;\n    margin-bottom:0;\n  }\n\n  #retrofit10RM .feature-card h3{\n    font-size:.94rem;\n  }\n\n  #retrofit10RM .feature-card p{\n    margin-top:4px;\n    font-size:.86rem;\n    line-height:1.42;\n  }\n\n  #retrofit10RM .info-panel{\n    border-radius:23px;\n    padding:.9rem;\n  }\n\n  #retrofit10RM .info-main{\n    border-radius:20px;\n    padding:15px;\n  }\n\n  #retrofit10RM .info-list{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #retrofit10RM .timeline{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #retrofit10RM .timeline-card{\n    display:grid;\n    grid-template-columns:38px 1fr;\n    column-gap:.75rem;\n    padding:14px;\n    border-radius:20px;\n  }\n\n  #retrofit10RM .timeline-card::before{\n    margin-bottom:0;\n  }\n\n  #retrofit10RM .timeline-card h3{\n    align-self:end;\n  }\n\n  #retrofit10RM .timeline-card p{\n    grid-column:2;\n    margin-top:5px;\n  }\n\n  #retrofit10RM .warning-card,\n  #retrofit10RM .rm-note,\n  #retrofit10RM .rm-conditions-link{\n    padding:14px;\n    border-radius:20px;\n  }\n\n  #retrofit10RM .acc-item summary{\n    padding:14px;\n    font-size:.93rem;\n  }\n\n  #retrofit10RM .acc-body{\n    padding:0 14px 14px 50px;\n  }\n\n  #retrofit10RM .final-grid{\n    grid-template-columns:1fr;\n    text-align:center;\n  }\n\n  #retrofit10RM .final-actions{\n    justify-content:stretch;\n  }\n\n  #retrofit10RM .section-title{\n    font-size:clamp(1.3rem,5.7vw,1.85rem);\n  }\n\n  #retrofit10RM .section-sub{\n    font-size:.92rem;\n  }\n}\n\n@media (max-width:480px){\n  #retrofit10RM .hero-chip{\n    font-size:.74rem;\n    padding:.4rem .54rem;\n  }\n\n  #retrofit10RM .model-pill{\n    white-space:normal;\n  }\n}\n\n@media (max-width:560px){\n  #retrofit10RM :where(p,li){\n    text-align:left;\n    hyphens:none;\n  }\n\n  #retrofit10RM .section-intro,\n  #retrofit10RM .section-sub,\n  #retrofit10RM .hero-inner,\n  #retrofit10RM .hero-sub,\n  #retrofit10RM .hero-fine{\n    text-align:center;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #retrofit10RM *,\n  #retrofit10RM *::before,\n  #retrofit10RM *::after{\n    transition:none!important;\n    animation:none!important;\n    scroll-behavior:auto!important;\n  }\n\n  #retrofit10RM [data-anim]{\n    opacity:1!important;\n    transform:none!important;\n    filter:none!important;\n  }\n}\n<\/style>\n\n<div class=\"rm-shell\">\n\n  <section class=\"hero\" id=\"intro\" data-anim>\n    <div class=\"hero-box\">\n      <div class=\"hero-inner\">\n        <h1 class=\"hero-title\">Cockpit digital 10 pouces Renault.<\/h1>\n\n        <p class=\"hero-sub\">\n          Passez au compteur num\u00e9rique d\u2019origine constructeur, avec une int\u00e9gration propre, un rendu usine et une exp\u00e9rience de conduite plus moderne.\n        <\/p>\n\n        <div class=\"hero-actions\">\n          <a class=\"rm-btn rm-btn-primary\" href=\"\/contact\/\">\n            <i class=\"bi bi-calendar2-check\"><\/i>\n            Demander un rendez-vous\n          <\/a>\n\n          <a class=\"rm-btn rm-btn-ghost\" href=\"#compatibilite\">\n            <i class=\"bi bi-car-front\"><\/i>\n            Voir la compatibilit\u00e9\n          <\/a>\n        <\/div>\n\n        <div class=\"hero-chips\" aria-label=\"Points cl\u00e9s\">\n          <div class=\"hero-chip\"><i class=\"bi bi-speedometer2\"><\/i>Cockpit 10\"<\/div>\n          <div class=\"hero-chip\"><i class=\"bi bi-patch-check\"><\/i>Pi\u00e8ces OEM<\/div>\n          <div class=\"hero-chip\"><i class=\"bi bi-arrow-repeat\"><\/i>R\u00e9versible<\/div>\n          <div class=\"hero-chip\"><i class=\"bi bi-geo-alt-fill\"><\/i>Paris<\/div>\n        <\/div>\n\n        <div class=\"hero-fine\">\n          Kilom\u00e9trage conserv\u00e9. Ind\u00e9pendant, non affili\u00e9 \u00e0 Renault S.A.S.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"compatibilite\" data-anim>\n    <div class=\"section-intro\">\n      <div class=\"section-kicker\">\n        <i class=\"bi bi-car-front\"><\/i>\n        Compatibilit\u00e9\n      <\/div>\n\n      <h2 class=\"section-title\">Compatible avec plusieurs mod\u00e8les Renault.<\/h2>\n\n      <p class=\"section-sub\">\n        Le retrofit est propos\u00e9 sur plusieurs v\u00e9hicules \u00e9quip\u00e9s de l\u2019environnement compatible, selon configuration.\n      <\/p>\n    <\/div>\n\n    <div class=\"quick-grid\">\n      <article class=\"compat-card\">\n        <div class=\"compat-head\">\n          <div class=\"compat-ico\">\n            <i class=\"bi bi-speedometer2\"><\/i>\n          <\/div>\n\n          <div>\n            <h3>Installation cockpit 10\"<\/h3>\n            <p class=\"muted\">Remplacement du compteur d\u2019origine par un cockpit digital.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"compat-list\">\n          <div class=\"compat-line\">\n            <i class=\"bi bi-check-lg\"><\/i>\n            <span>Pi\u00e8ces d\u2019origine constructeur.<\/span>\n          <\/div>\n\n          <div class=\"compat-line\">\n            <i class=\"bi bi-check-lg\"><\/i>\n            <span>Int\u00e9gration propre avec rendu usine.<\/span>\n          <\/div>\n\n          <div class=\"compat-line\">\n            <i class=\"bi bi-check-lg\"><\/i>\n            <span>Intervention r\u00e9alis\u00e9e sur place \u00e0 Paris.<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"compat-card dark\">\n        <div class=\"compat-head\">\n          <div class=\"compat-ico\">\n            <i class=\"bi bi-car-front-fill\"><\/i>\n          <\/div>\n\n          <div>\n            <h3>Mod\u00e8les concern\u00e9s<\/h3>\n            <p class=\"muted\">Sous r\u00e9serve de configuration compatible.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"model-pills\" aria-label=\"Mod\u00e8les compatibles\">\n          <span class=\"model-pill\">Clio V<\/span>\n          <span class=\"model-pill\">Captur II<\/span>\n          <span class=\"model-pill\">Arkana<\/span>\n          <span class=\"model-pill\">M\u00e9gane IV ph2<\/span>\n          <span class=\"model-pill\">Talisman ph2<\/span>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"avantages\" data-anim>\n    <div class=\"section-intro\">\n      <div class=\"section-kicker\">\n        <i class=\"bi bi-stars\"><\/i>\n        Avantages\n      <\/div>\n\n      <h2 class=\"section-title\">Un int\u00e9rieur plus moderne, sans bricolage.<\/h2>\n\n      <p class=\"section-sub\">\n        Le cockpit digital transforme l\u2019exp\u00e9rience \u00e0 bord tout en conservant une int\u00e9gration coh\u00e9rente avec le v\u00e9hicule.\n      <\/p>\n    <\/div>\n\n    <div class=\"feature-grid\">\n      <article class=\"feature-card\" data-anim data-delay=\"1\">\n        <div class=\"feature-ico\">\n          <i class=\"bi bi-patch-check\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>Pi\u00e8ces OEM<\/h3>\n          <p>Installation avec pi\u00e8ces d\u2019origine constructeur, pour un rendu proche de l\u2019usine.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"feature-card\" data-anim data-delay=\"2\">\n        <div class=\"feature-ico\">\n          <i class=\"bi bi-speedometer\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>Affichage premium<\/h3>\n          <p>Un compteur num\u00e9rique plus moderne, plus lisible et plus valorisant \u00e0 l\u2019usage.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"feature-card\" data-anim data-delay=\"3\">\n        <div class=\"feature-ico\">\n          <i class=\"bi bi-arrow-repeat\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>R\u00e9versible<\/h3>\n          <p>Le compteur d\u2019origine peut \u00eatre conserv\u00e9 et remis en place si n\u00e9cessaire.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"compare-chooser\" data-anim>\n    <div class=\"section-intro\">\n      <div class=\"section-kicker\">\n        <i class=\"bi bi-grid-3x3-gap\"><\/i>\n        Comparatif\n      <\/div>\n\n      <h2 class=\"section-title\">Classique ou Ghost Matrix.<\/h2>\n\n      <p class=\"section-sub\">\n        Deux cockpits d\u2019origine constructeur, avec une logique d\u2019affichage et d\u2019utilisation diff\u00e9rente.\n      <\/p>\n    <\/div>\n\n    <div class=\"rm-compare\" data-compare>\n      <div class=\"rm-compare-frame\">\n        <div class=\"rm-compare-stage\" aria-label=\"Comparateur compteur classique vs Ghost Matrix\" tabindex=\"0\">\n          <div class=\"rm-compare-layer rm-before\" aria-hidden=\"true\">\n            <img src=\"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <div class=\"rm-compare-layer rm-after\" aria-hidden=\"true\">\n            <img src=\"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-ghost-matrix.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <div class=\"rm-compare-line\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"rm-compare-labels\" aria-hidden=\"true\">\n            <span><strong>Classique<\/strong><\/span>\n            <span><strong>Ghost Matrix<\/strong><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"infos\" data-anim>\n    <div class=\"info-panel\">\n      <div class=\"info-grid\">\n        <div class=\"info-main\">\n          <div class=\"info-main-inner\">\n            <div class=\"info-pill\">\n              <i class=\"bi bi-info-circle\"><\/i>\n              \u00c0 savoir\n            <\/div>\n\n            <h3>Un retrofit OEM, avec des points techniques \u00e0 respecter.<\/h3>\n\n            <p>\n              L\u2019installation ne consiste pas uniquement \u00e0 remplacer le compteur. Le cockpit doit \u00eatre adapt\u00e9, programm\u00e9 et valid\u00e9 pour fonctionner correctement avec le v\u00e9hicule.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-list\">\n          <article class=\"info-item\">\n            <div class=\"info-ico\">\n              <i class=\"bi bi-signpost-split\"><\/i>\n            <\/div>\n\n            <div>\n              <h4>Navigation au cockpit<\/h4>\n              <p>N\u00e9cessite une liaison LVDS entre le module autoradio compatible et le cockpit digital.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"info-item\">\n            <div class=\"info-ico\">\n              <i class=\"bi bi-check2-circle\"><\/i>\n            <\/div>\n\n            <div>\n              <h4>Kilom\u00e9trage conserv\u00e9<\/h4>\n              <p>Aucune modification de kilom\u00e9trage n\u2019est effectu\u00e9e lors de l\u2019intervention.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"info-item\">\n            <div class=\"info-ico\">\n              <i class=\"bi bi-sliders\"><\/i>\n            <\/div>\n\n            <div>\n              <h4>Codage adapt\u00e9<\/h4>\n              <p>Le cockpit est configur\u00e9 selon le v\u00e9hicule et les \u00e9quipements pr\u00e9sents.<\/p>\n            <\/div>\n          <\/article>\n\n          <article class=\"info-item\">\n            <div class=\"info-ico\">\n              <i class=\"bi bi-shield-check\"><\/i>\n            <\/div>\n\n            <div>\n              <h4>Contr\u00f4le final<\/h4>\n              <p>Les fonctions principales sont v\u00e9rifi\u00e9es avant restitution du v\u00e9hicule.<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section\" id=\"important\" data-anim>\n    <div class=\"warning-card\">\n      <div class=\"warn-ico\">\n        <i class=\"bi bi-exclamation-triangle\"><\/i>\n      <\/div>\n\n      <div>\n        <h3>Important pour les v\u00e9hicules r\u00e9cents.<\/h3>\n\n        <p>\n          Sur les v\u00e9hicules d\u2019apr\u00e8s 07\/2024, le cockpit Ghost Matrix est g\u00e9n\u00e9ralement \u00e0 privil\u00e9gier, notamment pour la gestion MySafety.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"processus\" data-anim>\n    <div class=\"section-intro\">\n      <div class=\"section-kicker\">\n        <i class=\"bi bi-diagram-3\"><\/i>\n        Intervention\n      <\/div>\n\n      <h2 class=\"section-title\">Comment se passe l\u2019installation ?<\/h2>\n\n      <p class=\"section-sub\">\n        Une intervention structur\u00e9e, avec installation physique, programmation et validation avant restitution.\n      <\/p>\n    <\/div>\n\n    <div class=\"timeline\">\n      <article class=\"timeline-card\">\n        <h3>Diagnostic<\/h3>\n        <p>V\u00e9rification de la compatibilit\u00e9 et contr\u00f4le pr\u00e9alable du v\u00e9hicule.<\/p>\n      <\/article>\n\n      <article class=\"timeline-card\">\n        <h3>Remplacement<\/h3>\n        <p>D\u00e9pose du compteur d\u2019origine puis installation du cockpit digital.<\/p>\n      <\/article>\n\n      <article class=\"timeline-card\">\n        <h3>Programmation<\/h3>\n        <p>Codage et adaptation compl\u00e8te pour un fonctionnement OEM coh\u00e9rent.<\/p>\n      <\/article>\n\n      <article class=\"timeline-card\">\n        <h3>Validation<\/h3>\n        <p>Contr\u00f4le final des fonctions principales avant remise des cl\u00e9s.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section\" id=\"conditions\" data-anim>\n    <div class=\"notice-stack\">\n      <div class=\"rm-note\" role=\"note\" aria-label=\"Information\">\n        <i class=\"bi bi-info-circle\" aria-hidden=\"true\"><\/i>\n        <div>\n          Le retrofit est r\u00e9alis\u00e9 avec des pi\u00e8ces d\u2019origine constructeur. Le compteur d\u2019origine peut \u00eatre conserv\u00e9 et remis en place si n\u00e9cessaire.\n        <\/div>\n      <\/div>\n\n      <div class=\"rm-conditions-link\" role=\"note\" aria-label=\"Conditions d\u2019intervention\">\n        <i class=\"bi bi-file-earmark-text\" aria-hidden=\"true\"><\/i>\n        <div>\n          Toute demande d\u2019intervention implique l\u2019acceptation des\n          <a href=\"\/conditions-dintervention\/\">conditions d\u2019intervention<\/a>.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"faq\" data-anim aria-label=\"FAQ\">\n    <div class=\"section-intro\">\n      <div class=\"section-kicker\">\n        <i class=\"bi bi-question-circle\"><\/i>\n        FAQ\n      <\/div>\n\n      <h2 class=\"section-title\">Questions fr\u00e9quentes.<\/h2>\n    <\/div>\n\n    <div class=\"faq-wrap\">\n      <div class=\"acc-list\">\n        <details class=\"acc-item\" open>\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Est-ce compatible avec mon v\u00e9hicule ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              La compatibilit\u00e9 d\u00e9pend de votre configuration, de la date du v\u00e9hicule et des options pr\u00e9sentes. Un contr\u00f4le avec le mod\u00e8le et le VIN permet de confirmer rapidement.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Est-ce que mon kilom\u00e9trage va \u00eatre modifi\u00e9 ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Non. Vous conservez votre kilom\u00e9trage exact. Aucune modification de kilom\u00e9trage n\u2019est effectu\u00e9e.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Quelle est la diff\u00e9rence entre Classique et Ghost Matrix ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              <strong>Classique<\/strong> : changement de style depuis le menu <strong>EasyLink<\/strong>. <strong>Ghost Matrix<\/strong> : changement via le <strong>bouton au volant<\/strong>. Les deux sont d\u2019origine constructeur.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Mon v\u00e9hicule est d\u2019apr\u00e8s 07\/2024 : dois-je choisir Ghost Matrix ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              En pratique, oui : sur les v\u00e9hicules r\u00e9cents, le <strong>Ghost Matrix<\/strong> est \u00e0 privil\u00e9gier, notamment pour la gestion <strong>MySafety<\/strong>.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Est-ce d\u2019origine et r\u00e9versible ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Le retrofit est r\u00e9alis\u00e9 avec des pi\u00e8ces d\u2019origine constructeur, avec une int\u00e9gration comme \u00e0 l\u2019usine. L\u2019intervention reste r\u00e9versible.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Est-ce que je peux garder mon ancien compteur ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Oui, vous gardez votre compteur d\u2019origine. Il peut \u00eatre remis en place si n\u00e9cessaire.\n            <\/p>\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"contact\" data-anim>\n    <div class=\"final-cta\">\n      <div class=\"final-grid\">\n        <div>\n          <h2>Passez au cockpit digital Renault 10 pouces.<\/h2>\n\n          <p>\n            Installation sur place \u00e0 Paris, avec pi\u00e8ces d\u2019origine constructeur, programmation adapt\u00e9e et kilom\u00e9trage conserv\u00e9.\n          <\/p>\n        <\/div>\n\n        <div class=\"final-actions\">\n          <a class=\"rm-btn rm-btn-primary\" href=\"\/contact\/\">\n            <i class=\"bi bi-send\"><\/i>\n            Demander un rendez-vous\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(() => {\n  const root = document.querySelector(\"#retrofit10RM\");\n  if (!root) return;\n\n  const reduce = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  if (!reduce) {\n    const items = Array.from(root.querySelectorAll(\"[data-anim]\"));\n\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-in\");\n        io.unobserve(entry.target);\n      });\n    }, {\n      threshold: 0.08,\n      rootMargin: \"0px 0px -8% 0px\"\n    });\n\n    items.forEach((el) => io.observe(el));\n  } else {\n    root.querySelectorAll(\"[data-anim]\").forEach((el) => el.classList.add(\"is-in\"));\n  }\n\n  const anchors = root.querySelectorAll('a[href^=\"#\"]');\n\n  anchors.forEach((anchor) => {\n    anchor.addEventListener(\"click\", (event) => {\n      const targetId = anchor.getAttribute(\"href\");\n      if (!targetId || targetId === \"#\") return;\n\n      const target = root.querySelector(targetId);\n      if (!target) return;\n\n      event.preventDefault();\n\n      target.scrollIntoView({\n        behavior: reduce ? \"auto\" : \"smooth\",\n        block: \"start\"\n      });\n    });\n  });\n\n  const cmp = root.querySelector(\"[data-compare]\");\n  if (!cmp) return;\n\n  const stage = cmp.querySelector(\".rm-compare-stage\");\n  if (!stage) return;\n\n  const clamp = (n, a, b) => Math.max(a, Math.min(b, n));\n\n  const setSplit = (val) => {\n    const v = clamp(Number(val), 0, 100);\n    stage.style.setProperty(\"--split\", v);\n  };\n\n  const setFromClientX = (clientX) => {\n    const rect = stage.getBoundingClientRect();\n    if (!rect.width) return;\n    setSplit(((clientX - rect.left) \/ rect.width) * 100);\n  };\n\n  let dragging = false;\n\n  const start = (e) => {\n    dragging = true;\n    try {\n      stage.setPointerCapture?.(e.pointerId);\n    } catch (_) {}\n    setFromClientX(e.clientX);\n  };\n\n  const move = (e) => {\n    if (!dragging) return;\n    setFromClientX(e.clientX);\n  };\n\n  const stop = () => {\n    dragging = false;\n  };\n\n  stage.addEventListener(\"pointerdown\", start);\n  stage.addEventListener(\"pointermove\", move);\n  stage.addEventListener(\"pointerup\", stop);\n  stage.addEventListener(\"pointercancel\", stop);\n  stage.addEventListener(\"lostpointercapture\", stop);\n\n  stage.addEventListener(\"keydown\", (e) => {\n    const step = 3;\n    const currentStyle = getComputedStyle(stage).getPropertyValue(\"--split\").trim();\n    const current = Number(currentStyle || 50);\n\n    if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      setSplit(current - step);\n    }\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      setSplit(current + step);\n    }\n  });\n\n  setSplit(50);\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Cockpit digital 10 pouces Renault. Passez au compteur num\u00e9rique d\u2019origine constructeur, avec une int\u00e9gration propre, un rendu usine et une exp\u00e9rience de conduite plus moderne. Demander un rendez-vous Voir la compatibilit\u00e9 Cockpit 10&Prime; Pi\u00e8ces OEM R\u00e9versible Paris Kilom\u00e9trage conserv\u00e9. Ind\u00e9pendant, non affili\u00e9 \u00e0 Renault S.A.S. Compatibilit\u00e9 Compatible avec plusieurs mod\u00e8les Renault. Le retrofit est propos\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-603","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>R\u00e9trofit cockpit full digital 10&quot;<\/title>\n<meta name=\"description\" content=\"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rexomods.com\/en\/instrument-cluster-retrofit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9trofit cockpit full digital 10&quot;\" \/>\n<meta property=\"og:description\" content=\"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rexomods.com\/en\/instrument-cluster-retrofit\/\" \/>\n<meta property=\"og:site_name\" content=\"RexoMods\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-04T10:54:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/\",\"name\":\"R\u00e9trofit cockpit full digital 10\\\"\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/renomods-compteur-full-classic-e1767447584878.webp\",\"datePublished\":\"2025-05-12T13:21:12+00:00\",\"dateModified\":\"2026-06-04T10:54:44+00:00\",\"description\":\"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/renomods-compteur-full-classic-e1767447584878.webp\",\"contentUrl\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/renomods-compteur-full-classic-e1767447584878.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/retrofit-compteur\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.rexomods.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9trofit cockpit full digital 10&Prime;\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#website\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"name\":\"RexoMods\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rexomods.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#organization\",\"name\":\"RexoMods\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/rexomods_logo_image_fond_blanc.webp\",\"contentUrl\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/rexomods_logo_image_fond_blanc.webp\",\"width\":980,\"height\":447,\"caption\":\"RexoMods\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"R\u00e9trofit cockpit full digital 10\"","description":"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rexomods.com\/en\/instrument-cluster-retrofit\/","og_locale":"en_US","og_type":"article","og_title":"R\u00e9trofit cockpit full digital 10\"","og_description":"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride","og_url":"https:\/\/www.rexomods.com\/en\/instrument-cluster-retrofit\/","og_site_name":"RexoMods","article_modified_time":"2026-06-04T10:54:44+00:00","og_image":[{"url":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/","url":"https:\/\/www.rexomods.com\/retrofit-compteur\/","name":"R\u00e9trofit cockpit full digital 10\"","isPartOf":{"@id":"https:\/\/www.rexomods.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/#primaryimage"},"image":{"@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp","datePublished":"2025-05-12T13:21:12+00:00","dateModified":"2026-06-04T10:54:44+00:00","description":"Passez au cockpit full digital pour Clio 5. Installation professionnelle, compatible essence, diesel ou hybride","breadcrumb":{"@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rexomods.com\/retrofit-compteur\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/#primaryimage","url":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp","contentUrl":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/01\/renomods-compteur-full-classic-e1767447584878.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rexomods.com\/retrofit-compteur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.rexomods.com\/"},{"@type":"ListItem","position":2,"name":"R\u00e9trofit cockpit full digital 10&Prime;"}]},{"@type":"WebSite","@id":"https:\/\/www.rexomods.com\/#website","url":"https:\/\/www.rexomods.com\/","name":"RexoMods","description":"","publisher":{"@id":"https:\/\/www.rexomods.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rexomods.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rexomods.com\/#organization","name":"RexoMods","url":"https:\/\/www.rexomods.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rexomods.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/rexomods_logo_image_fond_blanc.webp","contentUrl":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/rexomods_logo_image_fond_blanc.webp","width":980,"height":447,"caption":"RexoMods"},"image":{"@id":"https:\/\/www.rexomods.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":0,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages\/603\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/media?parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}