{"id":7255,"date":"2026-09-07T22:37:27","date_gmt":"2026-09-07T22:37:27","guid":{"rendered":"https:\/\/ibmxframe.fr\/index.php\/accueil\/"},"modified":"2026-09-07T22:46:51","modified_gmt":"2026-09-07T22:46:51","slug":"accueil","status":"publish","type":"page","link":"https:\/\/ibmxframe.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n\/* ===== IB MX FRAME \u2014 HOMEPAGE v2 ===== *\/\n.ibmx2 * { box-sizing: border-box; margin: 0; padding: 0; }\n.ibmx2 {\n  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\n  color: #0f172a;\n  --c1: #f97316;\n  --c2: #ea580c;\n  --c3: #1e1e2e;\n  --c4: #fbbf24;\n  --dark: #0a0a14;\n  --card-bg: #fff;\n  --grad-hero: linear-gradient(135deg, #0a0a14 0%, #1a1a2e 50%, #0f0f20 100%);\n  --grad-accent: linear-gradient(135deg, #f97316, #fbbf24);\n  --grad-btn: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n}\nbody.ibmx2-front .entry-title,\nbody.ibmx2-front .page-title,\nbody.ibmx2-front header.entry-header,\nbody.ibmx2-front .wp-block-post-title { display: none !important; }\nbody.ibmx2-front .site-main,\nbody.ibmx2-front .content-area,\nbody.ibmx2-front main { padding: 0 !important; margin: 0 !important; max-width: none !important; }\n.ibmx2 a { text-decoration: none; color: inherit; }\n\n\/* ---- ANNOUNCEMENT BAR ---- *\/\n.ibmx2-announce {\n  background: var(--grad-accent);\n  color: #0a0a14;\n  text-align: center;\n  padding: 10px 24px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n}\n.ibmx2-announce span { margin: 0 16px; }\n\n\/* ---- HERO ---- *\/\n.ibmx2-hero {\n  position: relative;\n  background: var(--grad-hero);\n  color: #fff;\n  min-height: 92vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 80px 24px 60px;\n  overflow: hidden;\n}\n.ibmx2-hero::before {\n  content: '';\n  position: absolute; inset: 0;\n  background:\n    radial-gradient(ellipse 70% 50% at 15% 20%, rgba(249,115,22,0.18), transparent 60%),\n    radial-gradient(ellipse 60% 40% at 85% 75%, rgba(251,191,36,0.12), transparent 60%);\n  pointer-events: none;\n}\n.ibmx2-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 120px;\n  background: linear-gradient(to bottom, transparent, #f8fafc);\n  pointer-events: none;\n}\n.ibmx2-hero-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 860px;\n  width: 100%;\n}\n.ibmx2-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 18px;\n  background: rgba(249,115,22,0.15);\n  border: 1px solid rgba(249,115,22,0.4);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #fb923c;\n  margin-bottom: 28px;\n}\n.ibmx2-hero h1 {\n  font-size: clamp(38px, 6vw, 72px);\n  font-weight: 900;\n  line-height: 1.0;\n  letter-spacing: -0.03em;\n  margin-bottom: 20px;\n}\n.ibmx2-hero h1 .accent {\n  background: var(--grad-accent);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n.ibmx2-hero .sub {\n  font-size: clamp(16px, 1.8vw, 20px);\n  color: rgba(255,255,255,0.7);\n  max-width: 600px;\n  margin: 0 auto 40px;\n  line-height: 1.6;\n}\n.ibmx2-cta-row {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: 48px;\n}\n.ibmx2-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 15px 30px;\n  border-radius: 14px;\n  font-weight: 700;\n  font-size: 15px;\n  transition: all 0.2s;\n  cursor: pointer;\n  border: none;\n}\n.ibmx2-btn-main {\n  background: var(--grad-btn);\n  color: #fff;\n  box-shadow: 0 8px 30px rgba(249,115,22,0.4);\n}\n.ibmx2-btn-main:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(249,115,22,0.55); }\n.ibmx2-btn-ghost {\n  background: rgba(255,255,255,0.08);\n  color: #fff;\n  border: 1.5px solid rgba(255,255,255,0.25);\n  backdrop-filter: blur(8px);\n}\n.ibmx2-btn-ghost:hover { background: rgba(255,255,255,0.15); }\n\n\/* ---- SEARCH IN HERO ---- *\/\n.ibmx2-search-wrap {\n  position: relative;\n  max-width: 680px;\n  margin: 0 auto;\n}\n.ibmx2-search-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.5);\n  margin-bottom: 12px;\n  display: block;\n}\n.ibmx2-search-box {\n  display: flex;\n  align-items: center;\n  background: rgba(255,255,255,0.06);\n  backdrop-filter: blur(20px);\n  border: 1.5px solid rgba(255,255,255,0.15);\n  border-radius: 18px;\n  padding: 6px 6px 6px 22px;\n  transition: border-color 0.2s, background 0.2s;\n}\n.ibmx2-search-box:focus-within {\n  border-color: rgba(249,115,22,0.7);\n  background: rgba(255,255,255,0.1);\n}\n.ibmx2-search-box svg { color: rgba(255,255,255,0.5); flex-shrink: 0; }\n.ibmx2-search-box input {\n  flex: 1;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: #fff;\n  font-size: 16px;\n  padding: 12px 14px;\n  min-width: 0;\n  font-family: inherit;\n}\n.ibmx2-search-box input::placeholder { color: rgba(255,255,255,0.4); }\n.ibmx2-search-box button {\n  background: var(--grad-btn);\n  color: #fff;\n  border: none;\n  padding: 13px 24px;\n  border-radius: 13px;\n  font-weight: 700;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n.ibmx2-search-box button:hover { transform: scale(1.03); }\n.ibmx2-search-dropdown {\n  position: absolute;\n  left: 0; right: 0;\n  top: calc(100% + 10px);\n  background: #fff;\n  border-radius: 18px;\n  box-shadow: 0 30px 80px rgba(0,0,0,0.35);\n  max-height: 440px;\n  overflow-y: auto;\n  display: none;\n  z-index: 100;\n  text-align: left;\n}\n.ibmx2-search-dropdown.open { display: block; }\n.ibmx2-search-item {\n  display: flex;\n  gap: 14px;\n  padding: 13px 18px;\n  align-items: center;\n  color: #0f172a;\n  border-bottom: 1px solid #f1f5f9;\n  transition: background 0.15s;\n}\n.ibmx2-search-item:hover { background: #fef3ec; }\n.ibmx2-search-item:last-child { border-bottom: none; }\n.ibmx2-search-item img { width: 58px; height: 58px; object-fit: cover; border-radius: 10px; background: #f1f5f9; flex-shrink: 0; }\n.ibmx2-search-item .n { font-weight: 700; font-size: 14px; line-height: 1.3; }\n.ibmx2-search-item .p { font-size: 13px; color: #f97316; font-weight: 800; margin-top: 3px; }\n.ibmx2-empty { padding: 28px; text-align: center; color: #94a3b8; font-size: 14px; }\n.ibmx2-search-tags {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 14px;\n  justify-content: center;\n}\n.ibmx2-tag {\n  display: inline-block;\n  padding: 5px 14px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 999px;\n  font-size: 12px;\n  color: rgba(255,255,255,0.6);\n  cursor: pointer;\n  transition: all 0.15s;\n}\n.ibmx2-tag:hover { background: rgba(249,115,22,0.2); border-color: rgba(249,115,22,0.5); color: #fb923c; }\n\n\/* ---- TRUST STRIP ---- *\/\n.ibmx2-trust {\n  display: flex;\n  gap: 0;\n  max-width: 1200px;\n  margin: -36px auto 0;\n  padding: 0 24px;\n  position: relative;\n  z-index: 10;\n}\n.ibmx2-trust-item {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  background: #fff;\n  padding: 22px 20px;\n  border-right: 1px solid #f1f5f9;\n  box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n}\n.ibmx2-trust-item:first-child { border-radius: 16px 0 0 16px; }\n.ibmx2-trust-item:last-child { border-radius: 0 16px 16px 0; border-right: none; }\n@media(max-width:700px){\n  .ibmx2-trust { flex-direction: column; margin-top: 0; }\n  .ibmx2-trust-item { border-right: none; border-bottom: 1px solid #f1f5f9; border-radius: 0; }\n  .ibmx2-trust-item:first-child { border-radius: 16px 16px 0 0; }\n  .ibmx2-trust-item:last-child { border-radius: 0 0 16px 16px; border-bottom: none; }\n}\n.ibmx2-trust-ic {\n  width: 48px; height: 48px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, #fff3e8, #ffe0c4);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  color: #f97316;\n}\n.ibmx2-trust-t { font-weight: 700; font-size: 14px; color: #0f172a; }\n.ibmx2-trust-s { font-size: 12px; color: #64748b; margin-top: 2px; }\n\n\/* ---- CONCEPT SECTION ---- *\/\n.ibmx2-concept {\n  background: #f8fafc;\n  padding: 100px 24px;\n}\n.ibmx2-concept-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n@media(max-width:780px){ .ibmx2-concept-inner { grid-template-columns: 1fr; gap: 40px; } }\n.ibmx2-eyebrow {\n  display: inline-block;\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #f97316;\n  font-weight: 800;\n  margin-bottom: 14px;\n}\n.ibmx2-h2 {\n  font-size: clamp(28px, 3.5vw, 44px);\n  font-weight: 900;\n  letter-spacing: -0.025em;\n  line-height: 1.1;\n  color: #0f172a;\n  margin-bottom: 16px;\n}\n.ibmx2-p { color: #475569; line-height: 1.7; font-size: 16px; margin-bottom: 14px; }\n.ibmx2-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  margin-top: 30px;\n}\n.ibmx2-step {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n.ibmx2-step-num {\n  width: 36px; height: 36px;\n  border-radius: 10px;\n  background: var(--grad-btn);\n  color: #fff;\n  font-weight: 900;\n  font-size: 14px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.ibmx2-step-t { font-weight: 700; font-size: 14px; color: #0f172a; }\n.ibmx2-step-s { font-size: 13px; color: #64748b; margin-top: 3px; }\n.ibmx2-visual-box {\n  background: linear-gradient(160deg, #1a1a2e, #0f0f20);\n  border-radius: 24px;\n  padding: 40px;\n  aspect-ratio: 4\/3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 30px 80px rgba(0,0,0,0.2);\n}\n.ibmx2-visual-box::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(circle at 30% 40%, rgba(249,115,22,0.2), transparent 60%);\n}\n.ibmx2-frame-mockup {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 260px;\n}\n.ibmx2-frame-outer {\n  border: 6px solid #2d2d40;\n  border-radius: 16px;\n  padding: 12px;\n  background: #1a1a2e;\n  box-shadow: 0 20px 60px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);\n}\n.ibmx2-frame-inner {\n  border-radius: 10px;\n  overflow: hidden;\n  background: linear-gradient(160deg, #f97316 0%, #fbbf24 50%, #f97316 100%);\n  aspect-ratio: 3\/4;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 48px;\n  position: relative;\n}\n.ibmx2-frame-inner::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.05) 10px, rgba(255,255,255,0.05) 12px);\n}\n.ibmx2-sizes {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n}\n.ibmx2-size-pill {\n  padding: 6px 14px;\n  border-radius: 8px;\n  background: rgba(249,115,22,0.15);\n  border: 1px solid rgba(249,115,22,0.3);\n  color: #fb923c;\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* ---- CATEGORIES ---- *\/\n.ibmx2-cats-section { padding: 80px 24px; background: #fff; }\n.ibmx2-section-head { text-align: center; margin-bottom: 50px; }\n.ibmx2-section-head .ibmx2-h2 { color: #0f172a; }\n.ibmx2-section-head p { color: #64748b; max-width: 540px; margin: 12px auto 0; font-size: 16px; }\n.ibmx2-cats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 16px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.ibmx2-cat {\n  position: relative;\n  padding: 26px 16px;\n  border-radius: 18px;\n  background: #f8fafc;\n  border: 1.5px solid #e2e8f0;\n  text-align: center;\n  color: #0f172a;\n  transition: all 0.25s;\n  overflow: hidden;\n}\n.ibmx2-cat::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: var(--grad-hero);\n  opacity: 0;\n  transition: opacity 0.25s;\n}\n.ibmx2-cat:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(249,115,22,0.15); border-color: transparent; color: #fff; }\n.ibmx2-cat:hover::before { opacity: 1; }\n.ibmx2-cat > * { position: relative; z-index: 1; }\n.ibmx2-cat-ic {\n  display: flex; align-items: center; justify-content: center;\n  width: 52px; height: 52px;\n  border-radius: 14px;\n  background: var(--grad-btn);\n  margin: 0 auto 14px;\n  font-size: 22px;\n  box-shadow: 0 6px 20px rgba(249,115,22,0.3);\n  transition: background 0.25s;\n}\n.ibmx2-cat:hover .ibmx2-cat-ic { background: rgba(255,255,255,0.15); box-shadow: none; }\n.ibmx2-cat-name { font-weight: 800; font-size: 15px; letter-spacing: 0.3px; }\n.ibmx2-cat-sub { font-size: 11px; opacity: 0.6; margin-top: 4px; letter-spacing: 0.5px; }\n\n\/* ---- PRODUCTS CAROUSEL ---- *\/\n.ibmx2-products-section { background: #f8fafc; padding: 80px 24px; }\n.ibmx2-carousel-wrap { position: relative; max-width: 1200px; margin: 0 auto; }\n.ibmx2-carousel {\n  display: flex;\n  gap: 20px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  padding: 8px 4px 28px;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n.ibmx2-carousel::-webkit-scrollbar { height: 4px; }\n.ibmx2-carousel::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 2px; }\n.ibmx2-carousel::-webkit-scrollbar-thumb { background: #f97316; border-radius: 2px; }\n.ibmx2-card {\n  flex: 0 0 280px;\n  scroll-snap-align: start;\n  background: #fff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n  border: 1px solid #f1f5f9;\n  transition: all 0.3s;\n  display: flex;\n  flex-direction: column;\n}\n.ibmx2-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.12); }\n.ibmx2-card-img {\n  aspect-ratio: 1;\n  background: linear-gradient(135deg, #f1f5f9, #e2e8f0) center \/ cover no-repeat;\n  position: relative;\n}\n.ibmx2-card-badge {\n  position: absolute;\n  top: 12px; left: 12px;\n  background: var(--grad-btn);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  padding: 4px 10px;\n  border-radius: 6px;\n  text-transform: uppercase;\n}\n.ibmx2-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; gap: 6px; }\n.ibmx2-card-cat { font-size: 10px; letter-spacing: 2px; color: #f97316; font-weight: 800; text-transform: uppercase; }\n.ibmx2-card-title { font-weight: 700; color: #0f172a; font-size: 14px; line-height: 1.4; }\n.ibmx2-card-price { color: #0f172a; font-weight: 900; font-size: 20px; margin-top: auto; }\n.ibmx2-card-cta {\n  display: block;\n  margin: 12px 18px 18px;\n  padding: 11px;\n  background: #0f172a;\n  color: #fff;\n  border-radius: 12px;\n  text-align: center;\n  font-size: 13px;\n  font-weight: 700;\n  transition: background 0.2s;\n}\n.ibmx2-card-cta:hover { background: #f97316; }\n.ibmx2-nav-btn {\n  position: absolute;\n  top: 40%;\n  width: 46px; height: 46px;\n  border-radius: 50%;\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer;\n  z-index: 5;\n  color: #0f172a;\n  transition: all 0.2s;\n}\n.ibmx2-nav-btn:hover { background: #f97316; color: #fff; border-color: transparent; }\n.ibmx2-nav-btn.prev { left: -14px; }\n.ibmx2-nav-btn.next { right: -14px; }\n@media(max-width:640px) { .ibmx2-nav-btn { display: none; } .ibmx2-card { flex-basis: 78vw; } }\n\n\/* ---- PRICING ---- *\/\n.ibmx2-pricing-section {\n  background: var(--grad-hero);\n  padding: 100px 24px;\n  position: relative;\n  overflow: hidden;\n}\n.ibmx2-pricing-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse 60% 50% at 80% 50%, rgba(249,115,22,0.12), transparent 60%);\n  pointer-events: none;\n}\n.ibmx2-pricing-section .ibmx2-section-head .ibmx2-eyebrow { color: #fb923c; }\n.ibmx2-pricing-section .ibmx2-section-head .ibmx2-h2 { color: #fff; }\n.ibmx2-pricing-section .ibmx2-section-head p { color: rgba(255,255,255,0.6); }\n.ibmx2-plans {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n  gap: 24px;\n  max-width: 1000px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n.ibmx2-plan {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.1);\n  backdrop-filter: blur(10px);\n  border-radius: 24px;\n  padding: 38px 30px;\n  display: flex;\n  flex-direction: column;\n  transition: all 0.3s;\n  position: relative;\n}\n.ibmx2-plan:hover { transform: translateY(-6px); background: rgba(255,255,255,0.08); }\n.ibmx2-plan.featured {\n  background: #fff;\n  border-color: transparent;\n  transform: scale(1.04);\n  box-shadow: 0 40px 100px rgba(0,0,0,0.3);\n}\n.ibmx2-plan.featured:hover { transform: scale(1.04) translateY(-6px); }\n.ibmx2-plan-badge {\n  position: absolute;\n  top: -14px; left: 50%;\n  transform: translateX(-50%);\n  background: var(--grad-btn);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 6px 18px;\n  border-radius: 999px;\n  box-shadow: 0 6px 20px rgba(249,115,22,0.4);\n  white-space: nowrap;\n}\n.ibmx2-plan h3 { font-size: 22px; font-weight: 800; color: rgba(255,255,255,0.9); margin-bottom: 6px; }\n.ibmx2-plan.featured h3 { color: #0f172a; }\n.ibmx2-plan .plan-sub { font-size: 13px; color: rgba(255,255,255,0.5); margin-bottom: 24px; }\n.ibmx2-plan.featured .plan-sub { color: #64748b; }\n.ibmx2-plan .plan-price { font-size: 52px; font-weight: 900; letter-spacing: -0.03em; color: #fff; }\n.ibmx2-plan.featured .plan-price { color: #0f172a; }\n.ibmx2-plan .plan-price small { font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.5); margin-left: 4px; }\n.ibmx2-plan.featured .plan-price small { color: #94a3b8; }\n.ibmx2-plan ul { list-style: none; margin: 24px 0; flex: 1; }\n.ibmx2-plan li { padding: 9px 0; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; color: rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.07); }\n.ibmx2-plan li:last-child { border-bottom: none; }\n.ibmx2-plan.featured li { color: #334155; border-color: #f1f5f9; }\n.ibmx2-plan li::before { content: '\u2713'; color: #f97316; font-weight: 900; flex-shrink: 0; }\n.ibmx2-plan.featured li::before { color: #16a34a; }\n.ibmx2-plan-cta {\n  display: block;\n  text-align: center;\n  padding: 15px;\n  border-radius: 14px;\n  font-weight: 700;\n  font-size: 15px;\n  transition: all 0.2s;\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n}\n.ibmx2-plan-cta:hover { background: rgba(255,255,255,0.18); }\n.ibmx2-plan.featured .ibmx2-plan-cta { background: var(--grad-btn); color: #fff; border: none; box-shadow: 0 8px 30px rgba(249,115,22,0.4); }\n.ibmx2-plan.featured .ibmx2-plan-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(249,115,22,0.55); }\n\n\/* ---- CONTACT ---- *\/\n.ibmx2-contact-section { background: #fff; padding: 100px 24px; }\n.ibmx2-contact-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 60px;\n  align-items: start;\n}\n@media(max-width:820px) { .ibmx2-contact-inner { grid-template-columns: 1fr; gap: 40px; } }\n.ibmx2-contact-info { display: flex; flex-direction: column; gap: 18px; margin-top: 30px; }\n.ibmx2-info-row {\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  padding: 18px;\n  background: #f8fafc;\n  border-radius: 16px;\n  border: 1px solid #e2e8f0;\n  transition: border-color 0.2s;\n}\n.ibmx2-info-row:hover { border-color: #f97316; }\n.ibmx2-info-ic {\n  width: 44px; height: 44px;\n  border-radius: 12px;\n  background: var(--grad-btn);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.ibmx2-info-lbl { font-size: 11px; color: #94a3b8; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; }\n.ibmx2-info-val { color: #0f172a; font-weight: 700; font-size: 15px; }\n.ibmx2-info-val a { color: #0f172a; }\n.ibmx2-info-val a:hover { color: #f97316; }\n.ibmx2-form-card {\n  background: #f8fafc;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 24px;\n  padding: 36px 32px;\n}\n.ibmx2-form-card label { display: block; font-size: 13px; font-weight: 700; color: #334155; margin: 16px 0 7px; }\n.ibmx2-form-card label:first-of-type { margin-top: 0; }\n.ibmx2-form-card input,\n.ibmx2-form-card textarea {\n  width: 100%;\n  padding: 13px 16px;\n  background: #fff;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 12px;\n  color: #0f172a;\n  font-family: inherit;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n}\n.ibmx2-form-card input:focus,\n.ibmx2-form-card textarea:focus { border-color: #f97316; }\n.ibmx2-form-card textarea { min-height: 120px; resize: vertical; }\n.ibmx2-form-card button {\n  width: 100%;\n  margin-top: 20px;\n  padding: 15px;\n  background: var(--grad-btn);\n  color: #fff;\n  border: none;\n  border-radius: 14px;\n  font-weight: 800;\n  font-size: 15px;\n  cursor: pointer;\n  transition: all 0.2s;\n  box-shadow: 0 8px 30px rgba(249,115,22,0.35);\n}\n.ibmx2-form-card button:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(249,115,22,0.5); }\n\n\/* ---- FOOTER CTA ---- *\/\n.ibmx2-footer-cta {\n  background: var(--grad-hero);\n  padding: 80px 24px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.ibmx2-footer-cta::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(249,115,22,0.15), transparent 65%);\n}\n.ibmx2-footer-cta h2 { font-size: clamp(28px, 4vw, 48px); font-weight: 900; color: #fff; margin-bottom: 14px; position: relative; z-index: 2; }\n.ibmx2-footer-cta p { color: rgba(255,255,255,0.6); font-size: 17px; margin-bottom: 34px; position: relative; z-index: 2; }\n.ibmx2-footer-cta .ibmx2-cta-row { position: relative; z-index: 2; margin-bottom: 0; }\n<\/style>\n\n<div class=\"ibmx2\">\n\n  <!-- Announcement -->\n  <div class=\"ibmx2-announce\">\n    \ud83c\udfc1 <span>Livraison offerte d\u00e8s 150\u20ac<\/span> \u00b7 <span>Format A4 &#038; A3 disponibles<\/span> \u00b7 <span>Design 100% personnalis\u00e9<\/span> \ud83d\udd25\n  <\/div>\n\n  <!-- HERO -->\n  <section class=\"ibmx2-hero\">\n    <div class=\"ibmx2-hero-inner\">\n      <div class=\"ibmx2-badge\">\ud83c\udfcd\ufe0f Cadres MX Officiels<\/div>\n      <h1>Ton pilote favori,<br><span class=\"accent\">dans ton salon.<\/span><\/h1>\n      <p class=\"sub\">Reproduisez fid\u00e8lement le design du dos de maillot de vos pilotes MX pr\u00e9f\u00e9r\u00e9s, imprim\u00e9 et mis en cadre au format A4 ou A3.<\/p>\n      <div class=\"ibmx2-cta-row\">\n        <a href=\"\/boutique\/\" class=\"ibmx2-btn ibmx2-btn-main\">\ud83d\uded2 Explorer la boutique<\/a>\n        <a href=\"#tarifs\" class=\"ibmx2-btn ibmx2-btn-ghost\">Voir les tarifs \u2192<\/a>\n      <\/div>\n\n      <!-- SEARCH -->\n      <div class=\"ibmx2-search-wrap\">\n        <span class=\"ibmx2-search-label\">\ud83d\udd0d Rechercher un pilote ou un cadre<\/span>\n        <div class=\"ibmx2-search-box\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\n          <input id=\"ibmx2-q\" type=\"text\" placeholder=\"Ex: Gajser, Prado, Herlings, MXGP 2024...\" autocomplete=\"off\">\n          <button type=\"button\" id=\"ibmx2-sbtn\">Rechercher<\/button>\n        <\/div>\n        <div class=\"ibmx2-search-dropdown\" id=\"ibmx2-drop\"><\/div>\n        <div class=\"ibmx2-search-tags\">\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('MXGP')\">MXGP<\/span>\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('MX2')\">MX2<\/span>\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('EMX125')\">EMX125<\/span>\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('MXON')\">MXON<\/span>\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('Supercross')\">Supercross<\/span>\n          <span class=\"ibmx2-tag\" onclick=\"ibmx2Search('Special')\">\u00c9ditions Sp\u00e9ciales<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TRUST STRIP -->\n  <div class=\"ibmx2-trust\">\n    <div class=\"ibmx2-trust-item\">\n      <div class=\"ibmx2-trust-ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2 3 7v6c0 5 4 8 9 9 5-1 9-4 9-9V7l-9-5z\"\/><\/svg><\/div>\n      <div><div class=\"ibmx2-trust-t\">Qualit\u00e9 Premium<\/div><div class=\"ibmx2-trust-s\">Impression haute r\u00e9solution<\/div><\/div>\n    <\/div>\n    <div class=\"ibmx2-trust-item\">\n      <div class=\"ibmx2-trust-ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 3h5v5\"\/><path d=\"M4 20 21 3\"\/><path d=\"M21 16v5h-5\"\/><path d=\"m15 15 6 6\"\/><\/svg><\/div>\n      <div><div class=\"ibmx2-trust-t\">100% Personnalisable<\/div><div class=\"ibmx2-trust-s\">Design sur mesure<\/div><\/div>\n    <\/div>\n    <div class=\"ibmx2-trust-item\">\n      <div class=\"ibmx2-trust-ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\n      <div><div class=\"ibmx2-trust-t\">Livraison rapide<\/div><div class=\"ibmx2-trust-s\">Chronopost \/ Colissimo<\/div><\/div>\n    <\/div>\n    <div class=\"ibmx2-trust-item\">\n      <div class=\"ibmx2-trust-ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\n      <div><div class=\"ibmx2-trust-t\">Support 7j\/7<\/div><div class=\"ibmx2-trust-s\">R\u00e9ponse rapide garantie<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CONCEPT -->\n  <section class=\"ibmx2-concept\">\n    <div class=\"ibmx2-concept-inner\">\n      <div>\n        <span class=\"ibmx2-eyebrow\">Le concept IB MX Frame<\/span>\n        <h2 class=\"ibmx2-h2\">Le dos de maillot de ton pilote, mis en valeur.<\/h2>\n        <p class=\"ibmx2-p\">Chez IB MX Frame, nous reproduisons fid\u00e8lement le design iconique du dos de maillot de tes pilotes favoris \u2014 le num\u00e9ro, le nom, les couleurs, les sponsors \u2014 et nous l&rsquo;imprimons dans un cadre pr\u00eat \u00e0 accrocher.<\/p>\n        <p class=\"ibmx2-p\">Format A4 ou A3, qualit\u00e9 photo professionnelle, exp\u00e9di\u00e9 directement chez toi.<\/p>\n        <div class=\"ibmx2-steps\">\n          <div class=\"ibmx2-step\"><div class=\"ibmx2-step-num\">1<\/div><div><div class=\"ibmx2-step-t\">Choisissez votre pilote<\/div><div class=\"ibmx2-step-s\">Parcourez notre catalogue par championnat<\/div><\/div><\/div>\n          <div class=\"ibmx2-step\"><div class=\"ibmx2-step-num\">2<\/div><div><div class=\"ibmx2-step-t\">S\u00e9lectionnez le format<\/div><div class=\"ibmx2-step-s\">A4 (21\u00d729,7 cm) ou A3 (29,7\u00d742 cm)<\/div><\/div><\/div>\n          <div class=\"ibmx2-step\"><div class=\"ibmx2-step-num\">3<\/div><div><div class=\"ibmx2-step-t\">Commandez &#038; recevez<\/div><div class=\"ibmx2-step-s\">Livraison sous 5 \u00e0 7 jours ouvr\u00e9s<\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"ibmx2-visual-box\">\n          <div class=\"ibmx2-frame-mockup\">\n            <div class=\"ibmx2-frame-outer\">\n              <div class=\"ibmx2-frame-inner\">\ud83c\udfc1<\/div>\n            <\/div>\n            <div class=\"ibmx2-sizes\">\n              <span class=\"ibmx2-size-pill\">A4<\/span>\n              <span class=\"ibmx2-size-pill\">A3<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CATEGORIES -->\n  <section class=\"ibmx2-cats-section\" id=\"categories\">\n    <div class=\"ibmx2-section-head\">\n      <span class=\"ibmx2-eyebrow\">Nos gammes<\/span>\n      <h2 class=\"ibmx2-h2\">Trouvez le cadre fait pour vous<\/h2>\n      <p>Explorez nos collections par championnat \u2014 chaque cat\u00e9gorie r\u00e9unit les designs signature de la saison.<\/p>\n    <\/div>\n    <div class=\"ibmx2-cats-grid\">\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/mxgp\/\"><div class=\"ibmx2-cat-ic\">\ud83c\udfc1<\/div><div class=\"ibmx2-cat-name\">MXGP<\/div><div class=\"ibmx2-cat-sub\">Championnat du monde<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/mx2\/\"><div class=\"ibmx2-cat-ic\">\ud83e\udd47<\/div><div class=\"ibmx2-cat-name\">MX2<\/div><div class=\"ibmx2-cat-sub\">Cat\u00e9gorie 250cc<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/emx125\/\"><div class=\"ibmx2-cat-ic\">\u26a1<\/div><div class=\"ibmx2-cat-name\">EMX125<\/div><div class=\"ibmx2-cat-sub\">Espoirs Europe<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/emx250\/\"><div class=\"ibmx2-cat-ic\">\ud83d\udd25<\/div><div class=\"ibmx2-cat-name\">EMX250<\/div><div class=\"ibmx2-cat-sub\">Europe 250cc<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/mxon\/\"><div class=\"ibmx2-cat-ic\">\ud83c\udf0d<\/div><div class=\"ibmx2-cat-name\">MXON<\/div><div class=\"ibmx2-cat-sub\">Motocross des Nations<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/us\/\"><div class=\"ibmx2-cat-ic\">\ud83c\uddfa\ud83c\uddf8<\/div><div class=\"ibmx2-cat-name\">US<\/div><div class=\"ibmx2-cat-sub\">Championnat US<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/wmx\/\"><div class=\"ibmx2-cat-ic\">\ud83d\udcab<\/div><div class=\"ibmx2-cat-name\">WMX<\/div><div class=\"ibmx2-cat-sub\">Championnat f\u00e9minin<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/enduro\/\"><div class=\"ibmx2-cat-ic\">\ud83c\udf32<\/div><div class=\"ibmx2-cat-name\">ENDURO<\/div><div class=\"ibmx2-cat-sub\">Tout-terrain<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/retro\/\"><div class=\"ibmx2-cat-ic\">\ud83d\udd70\ufe0f<\/div><div class=\"ibmx2-cat-name\">RETRO<\/div><div class=\"ibmx2-cat-sub\">\u00c9ditions vintage<\/div><\/a>\n      <a class=\"ibmx2-cat\" href=\"\/product-category\/special-editions\/\"><div class=\"ibmx2-cat-ic\">\u2728<\/div><div class=\"ibmx2-cat-name\">Special Editions<\/div><div class=\"ibmx2-cat-sub\">S\u00e9ries limit\u00e9es<\/div><\/a>\n    <\/div>\n  <\/section>\n\n  <!-- PRODUCTS -->\n  <section class=\"ibmx2-products-section\">\n    <div class=\"ibmx2-section-head\">\n      <span class=\"ibmx2-eyebrow\">\u00c0 la une<\/span>\n      <h2 class=\"ibmx2-h2\">Nos derniers mod\u00e8les<\/h2>\n      <p>Une s\u00e9lection de nos cadres les plus populaires \u2014 glissez pour explorer.<\/p>\n    <\/div>\n    <div class=\"ibmx2-carousel-wrap\">\n      <button class=\"ibmx2-nav-btn prev\" id=\"ibmx2-prev\" aria-label=\"Pr\u00e9c\u00e9dent\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg><\/button>\n      <div class=\"ibmx2-carousel\" id=\"ibmx2-carousel\">\n        <div class=\"ibmx2-card\"><div class=\"ibmx2-card-img\"><\/div><div class=\"ibmx2-card-body\"><span class=\"ibmx2-card-cat\">Chargement&#8230;<\/span><div class=\"ibmx2-card-title\">&nbsp;<\/div><div class=\"ibmx2-card-price\">&nbsp;<\/div><\/div><\/div>\n        <div class=\"ibmx2-card\"><div class=\"ibmx2-card-img\"><\/div><div class=\"ibmx2-card-body\"><span class=\"ibmx2-card-cat\">Chargement&#8230;<\/span><div class=\"ibmx2-card-title\">&nbsp;<\/div><div class=\"ibmx2-card-price\">&nbsp;<\/div><\/div><\/div>\n        <div class=\"ibmx2-card\"><div class=\"ibmx2-card-img\"><\/div><div class=\"ibmx2-card-body\"><span class=\"ibmx2-card-cat\">Chargement&#8230;<\/span><div class=\"ibmx2-card-title\">&nbsp;<\/div><div class=\"ibmx2-card-price\">&nbsp;<\/div><\/div><\/div>\n      <\/div>\n      <button class=\"ibmx2-nav-btn next\" id=\"ibmx2-next\" aria-label=\"Suivant\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><\/button>\n    <\/div>\n  <\/section>\n\n  <!-- PRICING -->\n  <section class=\"ibmx2-pricing-section\" id=\"tarifs\">\n    <div class=\"ibmx2-section-head\" style=\"position:relative;z-index:2;\">\n      <span class=\"ibmx2-eyebrow\">Nos formules<\/span>\n      <h2 class=\"ibmx2-h2\">Un tarif pour chaque projet<\/h2>\n      <p>Trois formules pens\u00e9es pour tous les pilotes \u2014 de la personnalisation essentielle au design 100% exclusif.<\/p>\n    <\/div>\n    <div class=\"ibmx2-plans\">\n      <div class=\"ibmx2-plan\">\n        <h3>Essential<\/h3>\n        <div class=\"plan-sub\">Le design signature IB Mx Frame<\/div>\n        <div class=\"plan-price\">99\u20ac<small>\/ cadre<\/small><\/div>\n        <ul>\n          <li>Design IB Mx Frame au choix<\/li>\n          <li>Num\u00e9ro &#038; nom personnalis\u00e9s<\/li>\n          <li>Impression haute r\u00e9solution<\/li>\n          <li>Pose facile \u2014 kit inclus<\/li>\n          <li>Livraison sous 5-7 jours<\/li>\n        <\/ul>\n        <a href=\"\/boutique\/\" class=\"ibmx2-plan-cta\">Commander<\/a>\n      <\/div>\n      <div class=\"ibmx2-plan featured\">\n        <span class=\"ibmx2-plan-badge\">\u2b50 Le plus populaire<\/span>\n        <h3>Premium<\/h3>\n        <div class=\"plan-sub\">Personnalisez tous les d\u00e9tails<\/div>\n        <div class=\"plan-price\">149\u20ac<small>\/ cadre<\/small><\/div>\n        <ul>\n          <li>Tout ce qui est dans Essential<\/li>\n          <li>Choix des couleurs &#038; motifs<\/li>\n          <li>Logos sponsors personnalis\u00e9s<\/li>\n          <li>Aper\u00e7u num\u00e9rique avant impression<\/li>\n          <li>Livraison prioritaire 3-5 jours<\/li>\n          <li>Support d\u00e9di\u00e9<\/li>\n        <\/ul>\n        <a href=\"\/nous-contacter\/\" class=\"ibmx2-plan-cta\">Choisir Premium<\/a>\n      <\/div>\n      <div class=\"ibmx2-plan\">\n        <h3>Exclusive<\/h3>\n        <div class=\"plan-sub\">Design 100% sur-mesure<\/div>\n        <div class=\"plan-price\">249\u20ac<small>\/ cadre<\/small><\/div>\n        <ul>\n          <li>Tout ce qui est dans Premium<\/li>\n          <li>Design 100% cr\u00e9\u00e9 par nos graphistes<\/li>\n          <li>R\u00e9visions illimit\u00e9es<\/li>\n          <li>Finitions haut de gamme<\/li>\n          <li>\u00c9dition limit\u00e9e num\u00e9rot\u00e9e<\/li>\n          <li>Livraison express 48h<\/li>\n        <\/ul>\n        <a href=\"\/nous-contacter\/\" class=\"ibmx2-plan-cta\">Nous consulter<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"ibmx2-contact-section\" id=\"contact\">\n    <div class=\"ibmx2-section-head\">\n      <span class=\"ibmx2-eyebrow\">Contact<\/span>\n      <h2 class=\"ibmx2-h2\">Un projet en t\u00eate ? Parlons-en.<\/h2>\n      <p>Une question sur un mod\u00e8le, une demande sur-mesure ou un partenariat ? Notre \u00e9quipe vous r\u00e9pond rapidement.<\/p>\n    <\/div>\n    <div class=\"ibmx2-contact-inner\">\n      <div>\n        <div class=\"ibmx2-contact-info\">\n          <div class=\"ibmx2-info-row\">\n            <div class=\"ibmx2-info-ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg><\/div>\n            <div><div class=\"ibmx2-info-lbl\">Email<\/div><div class=\"ibmx2-info-val\"><a href=\"mailto:ib.mxframe@gmail.com\">ib.mxframe@gmail.com<\/a><\/div><\/div>\n          <\/div>\n          <div class=\"ibmx2-info-row\">\n            <div class=\"ibmx2-info-ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.4A4 4 0 1 1 12.6 8\"\/><\/svg><\/div>\n            <div><div class=\"ibmx2-info-lbl\">Instagram<\/div><div class=\"ibmx2-info-val\"><a href=\"https:\/\/www.instagram.com\/ib_mxframe\/\" target=\"_blank\" rel=\"noopener\">@ib_mxframe<\/a><\/div><\/div>\n          <\/div>\n          <div class=\"ibmx2-info-row\">\n            <div class=\"ibmx2-info-ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/div>\n            <div><div class=\"ibmx2-info-lbl\">Facebook<\/div><div class=\"ibmx2-info-val\"><a href=\"https:\/\/www.facebook.com\/profile.php?id=100066734508764\" target=\"_blank\" rel=\"noopener\">IB Mx Frame<\/a><\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ibmx2-form-card\">\n        <label for=\"ibmx2-nom\">Nom<\/label>\n        <input id=\"ibmx2-nom\" name=\"nom\" type=\"text\" placeholder=\"Jean Dupont\">\n        <label for=\"ibmx2-email\">Email<\/label>\n        <input id=\"ibmx2-email\" name=\"email\" type=\"email\" placeholder=\"jean@exemple.fr\">\n        <label for=\"ibmx2-msg\">Votre message<\/label>\n        <textarea id=\"ibmx2-msg\" name=\"msg\" placeholder=\"Parlez-nous de votre projet...\"><\/textarea>\n        <button type=\"button\" onclick=\"window.location.href='\/nous-contacter\/'\">Envoyer ma demande \u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER CTA -->\n  <section class=\"ibmx2-footer-cta\">\n    <h2>Pr\u00eat \u00e0 accrocher la l\u00e9gende ?<\/h2>\n    <p>Commandez votre cadre MX personnalis\u00e9 d\u00e8s aujourd&rsquo;hui.<\/p>\n    <div class=\"ibmx2-cta-row\">\n      <a href=\"\/boutique\/\" class=\"ibmx2-btn ibmx2-btn-main\">\ud83d\uded2 Voir la boutique<\/a>\n      <a href=\"\/nous-contacter\/\" class=\"ibmx2-btn ibmx2-btn-ghost\">Nous contacter<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  document.body.classList.add('ibmx2-front');\n\n  var q = document.getElementById('ibmx2-q');\n  var drop = document.getElementById('ibmx2-drop');\n  var btn = document.getElementById('ibmx2-sbtn');\n  var timer = null, lastCtl = null;\n\n  function fmtPrice(p){\n    if(!p) return '';\n    var minor = p.currency_minor_unit != null ? p.currency_minor_unit : 2;\n    var val = (parseInt(p.price,10) \/ Math.pow(10,minor)).toFixed(2).replace('.',',');\n    return val + ' ' + (p.currency_symbol || '\u20ac');\n  }\n  function render(items){\n    if(!items || !items.length){\n      drop.innerHTML = '<div class=\"ibmx2-empty\">Aucun produit trouv\u00e9 pour cette recherche.<\/div>';\n      drop.classList.add('open'); return;\n    }\n    drop.innerHTML = items.slice(0,8).map(function(p){\n      var img = (p.images && p.images[0] && p.images[0].thumbnail) || '';\n      return '<a class=\"ibmx2-search-item\" href=\"'+p.permalink+'\">'\n        +(img?'<img decoding=\"async\" src=\"'+img+'\" alt=\"\">':'<img alt=\"\">')\n        +'<div style=\"flex:1;min-width:0\"><div class=\"n\">'+p.name+'<\/div>'\n        +'<div class=\"p\">'+fmtPrice(p.prices)+'<\/div><\/div><\/a>';\n    }).join('');\n    drop.classList.add('open');\n  }\n  function doSearch(term){\n    if(!term||term.length<2){drop.classList.remove('open');return;}\n    if(lastCtl)lastCtl.abort();\n    lastCtl=new AbortController();\n    fetch('\/wp-json\/wc\/store\/v1\/products?search='+encodeURIComponent(term)+'&#038;per_page=8',{signal:lastCtl.signal})\n      .then(function(r){return r.json();}).then(render).catch(function(){});\n  }\n  window.ibmx2Search=function(term){\n    q.value=term;\n    doSearch(term);\n    q.focus();\n  };\n  q.addEventListener('input',function(){clearTimeout(timer);timer=setTimeout(function(){doSearch(q.value.trim());},220);});\n  q.addEventListener('focus',function(){if(q.value.trim().length>=2&&drop.innerHTML)drop.classList.add('open');});\n  document.addEventListener('click',function(e){if(!e.target.closest('.ibmx2-search-wrap'))drop.classList.remove('open');});\n  btn.addEventListener('click',function(){\n    var v=q.value.trim();\n    if(v)window.location.href='\/?s='+encodeURIComponent(v)+'&post_type=product';\n  });\n  q.addEventListener('keydown',function(e){if(e.key==='Enter')btn.click();});\n\n  \/* Carousel products *\/\n  var carousel=document.getElementById('ibmx2-carousel');\n  fetch('\/wp-json\/wc\/store\/v1\/products?per_page=10&orderby=popularity')\n    .then(function(r){return r.json();})\n    .then(function(list){\n      if(!list||!list.length)return;\n      carousel.innerHTML=list.map(function(p){\n        var img=(p.images&&p.images[0]&&(p.images[0].src||p.images[0].thumbnail))||'';\n        var cat=(p.categories&&p.categories[0]&&p.categories[0].name)||'Cadre MX';\n        return '<a class=\"ibmx2-card\" href=\"'+p.permalink+'\">'\n          +'<div class=\"ibmx2-card-img\" style=\"background-image:url('+img+')\"><span class=\"ibmx2-card-badge\">'+cat+'<\/span><\/div>'\n          +'<div class=\"ibmx2-card-body\">'\n          +'<span class=\"ibmx2-card-cat\">'+cat+'<\/span>'\n          +'<div class=\"ibmx2-card-title\">'+p.name+'<\/div>'\n          +'<div class=\"ibmx2-card-price\">'+fmtPrice(p.prices)+'<\/div>'\n          +'<\/div>'\n          +'<span class=\"ibmx2-card-cta\">Voir le produit \u2192<\/span><\/a>';\n      }).join('');\n    }).catch(function(){});\n\n  document.getElementById('ibmx2-prev').addEventListener('click',function(){carousel.scrollBy({left:-310,behavior:'smooth'});});\n  document.getElementById('ibmx2-next').addEventListener('click',function(){carousel.scrollBy({left:310,behavior:'smooth'});});\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfc1 Livraison offerte d\u00e8s 150\u20ac \u00b7 Format A4 &#038; A3 disponibles \u00b7 Design 100% personnalis\u00e9 \ud83d\udd25 \ud83c\udfcd\ufe0f Cadres MX Officiels Ton pilote favori,dans ton salon. Reproduisez fid\u00e8lement le design du dos de maillot de vos pilotes MX pr\u00e9f\u00e9r\u00e9s, imprim\u00e9 et mis en cadre au format A4 ou A3. \ud83d\uded2 Explorer la boutique Voir les tarifs [&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-7255","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - IB Mx Frame<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ibmxframe.fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - IB Mx Frame\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udfc1 Livraison offerte d\u00e8s 150\u20ac \u00b7 Format A4 &#038; A3 disponibles \u00b7 Design 100% personnalis\u00e9 \ud83d\udd25 \ud83c\udfcd\ufe0f Cadres MX Officiels Ton pilote favori,dans ton salon. Reproduisez fid\u00e8lement le design du dos de maillot de vos pilotes MX pr\u00e9f\u00e9r\u00e9s, imprim\u00e9 et mis en cadre au format A4 ou A3. \ud83d\uded2 Explorer la boutique Voir les tarifs [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ibmxframe.fr\/\" \/>\n<meta property=\"og:site_name\" content=\"IB Mx Frame\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100066734508764\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-07T22:46:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ibmxframe.fr\/\",\"url\":\"https:\/\/ibmxframe.fr\/\",\"name\":\"Accueil - IB Mx Frame\",\"isPartOf\":{\"@id\":\"https:\/\/ibmxframe.fr\/#website\"},\"datePublished\":\"2026-09-07T22:37:27+00:00\",\"dateModified\":\"2026-09-07T22:46:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ibmxframe.fr\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ibmxframe.fr\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ibmxframe.fr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/ibmxframe.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ibmxframe.fr\/#website\",\"url\":\"https:\/\/ibmxframe.fr\/\",\"name\":\"IB Mx Frame\",\"description\":\"Votre cadre MX 100% personnalis\u00e9\",\"publisher\":{\"@id\":\"https:\/\/ibmxframe.fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ibmxframe.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ibmxframe.fr\/#organization\",\"name\":\"IB Mx Frame\",\"url\":\"https:\/\/ibmxframe.fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/ibmxframe.fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ibmxframe.fr\/wp-content\/uploads\/2025\/12\/IB_MXFRAME_Banniere.png\",\"contentUrl\":\"https:\/\/ibmxframe.fr\/wp-content\/uploads\/2025\/12\/IB_MXFRAME_Banniere.png\",\"width\":1280,\"height\":720,\"caption\":\"IB Mx Frame\"},\"image\":{\"@id\":\"https:\/\/ibmxframe.fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100066734508764\",\"https:\/\/www.instagram.com\/ib_mxframe\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - IB Mx Frame","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:\/\/ibmxframe.fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - IB Mx Frame","og_description":"\ud83c\udfc1 Livraison offerte d\u00e8s 150\u20ac \u00b7 Format A4 &#038; A3 disponibles \u00b7 Design 100% personnalis\u00e9 \ud83d\udd25 \ud83c\udfcd\ufe0f Cadres MX Officiels Ton pilote favori,dans ton salon. Reproduisez fid\u00e8lement le design du dos de maillot de vos pilotes MX pr\u00e9f\u00e9r\u00e9s, imprim\u00e9 et mis en cadre au format A4 ou A3. \ud83d\uded2 Explorer la boutique Voir les tarifs [&hellip;]","og_url":"https:\/\/ibmxframe.fr\/","og_site_name":"IB Mx Frame","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100066734508764","article_modified_time":"2026-09-07T22:46:51+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ibmxframe.fr\/","url":"https:\/\/ibmxframe.fr\/","name":"Accueil - IB Mx Frame","isPartOf":{"@id":"https:\/\/ibmxframe.fr\/#website"},"datePublished":"2026-09-07T22:37:27+00:00","dateModified":"2026-09-07T22:46:51+00:00","breadcrumb":{"@id":"https:\/\/ibmxframe.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ibmxframe.fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ibmxframe.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ibmxframe.fr\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/ibmxframe.fr\/#website","url":"https:\/\/ibmxframe.fr\/","name":"IB Mx Frame","description":"Votre cadre MX 100% personnalis\u00e9","publisher":{"@id":"https:\/\/ibmxframe.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ibmxframe.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/ibmxframe.fr\/#organization","name":"IB Mx Frame","url":"https:\/\/ibmxframe.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ibmxframe.fr\/#\/schema\/logo\/image\/","url":"https:\/\/ibmxframe.fr\/wp-content\/uploads\/2025\/12\/IB_MXFRAME_Banniere.png","contentUrl":"https:\/\/ibmxframe.fr\/wp-content\/uploads\/2025\/12\/IB_MXFRAME_Banniere.png","width":1280,"height":720,"caption":"IB Mx Frame"},"image":{"@id":"https:\/\/ibmxframe.fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100066734508764","https:\/\/www.instagram.com\/ib_mxframe\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/pages\/7255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7255"}],"version-history":[{"count":1,"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/pages\/7255\/revisions"}],"predecessor-version":[{"id":7256,"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/pages\/7255\/revisions\/7256"}],"wp:attachment":[{"href":"https:\/\/ibmxframe.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}