{"id":27,"date":"2025-11-24T16:58:54","date_gmt":"2025-11-24T16:58:54","guid":{"rendered":"https:\/\/mcsportedge.com\/?page_id=27"},"modified":"2026-10-26T18:36:19","modified_gmt":"2026-10-26T22:36:19","slug":"accueil","status":"publish","type":"page","link":"https:\/\/mcsportedge.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400&#038;family=Inter+Tight:wght@400;500;600;700&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<script>\n  \/\/ Le hero attend que les polices soient charg\u00e9es avant de s'animer (1,5 s maximum),\n  \/\/ pour \u00e9viter que le titre change de forme pendant son apparition.\n  document.documentElement.classList.add('mc-js');\n  (function() {\n    let started = false;\n    const start = () => {\n      if (started) return;\n      started = true;\n      const show = () => { const hero = document.getElementById('hero'); if (hero) hero.classList.add('is-ready'); };\n      if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', show);\n      else show();\n    };\n    setTimeout(start, 1500);\n    if (document.fonts && document.fonts.load) {\n      Promise.all([\n        document.fonts.load('500 1em Fraunces'),\n        document.fonts.load('italic 400 1em Fraunces'),\n        document.fonts.load('400 1em Fraunces'),\n        document.fonts.load('600 1em \"Inter Tight\"')\n      ]).then(start, start);\n    } else {\n      start();\n    }\n  })();\n<\/script>\n\n<style>\n    :root {\n      --mc-bg: #FDFBF3;\n      --mc-bg-deep: #0a0c12;\n      --mc-bg-warm: #F3EDE1;\n      --mc-ink: #0f1115;\n      --mc-ink-soft: #3b4252;\n      --mc-muted: #6b7280;\n      --mc-gold: #E2D385;\n      --mc-gold-warm: #C9B868;\n      --mc-line: rgba(15, 17, 21, 0.12);\n      --mc-line-strong: rgba(15, 17, 21, 0.22);\n      --mc-max: 1180px;\n      --serif: \"Fraunces\", Georgia, serif;\n      --sans: \"Inter Tight\", system-ui, -apple-system, sans-serif;\n      --mono: \"JetBrains Mono\", ui-monospace, monospace;\n\n    }\n\n    \/* Pleine largeur : annule la limite de 1290px et la largeur de 90vw de WordPress\/Blocksy *\/\n    .entry-content.is-layout-constrained {\n      --theme-block-width: 100%;\n      --wp--style--global--content-size: 100%;\n      --wp--style--global--wide-size: 100%;\n    }\n    .entry-content.is-layout-constrained > section { margin-block: 0; }\n\n    \/* Pas de bande beige entre l'en-t\u00eate et la vid\u00e9o : on retire l'espace du th\u00e8me et le titre de page *\/\n    [data-vertical-spacing] { padding-top: 0 !important; }\n    .hero-section { display: none; }\n\n    *, *::before, *::after { box-sizing: border-box; }\n\n    html, body {\n      margin: 0;\n      padding: 0;\n      overflow-x: hidden;\n      background: var(--mc-bg) !important;\n      color: var(--mc-ink);\n      font-family: var(--sans);\n      font-size: 16px;\n      line-height: 1.55;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    body, .site, .site-content, .wp-site-blocks, main, .wp-block-post-content {\n      padding-top: 0 !important;\n      margin-top: 0 !important;\n    }\n    header, .site-header, .wp-block-template-part {\n      background: transparent !important;\n      box-shadow: none !important;\n    }\n    .site, .ct-main, .ct-pageContent, .entry-content {\n      background: var(--mc-bg) !important;\n    }\n\n    a { color: inherit; text-decoration: none; }\n\n    \/* Titres en encre plut\u00f4t que la couleur de titre du th\u00e8me *\/\n    .mc-activity-head h2, .mc-services-head h2, .mc-trust-head h2, .mc-service-card h3 { color: var(--mc-ink); }\n    .mc-service-card.featured h3 { color: var(--mc-bg); }\n\n    .mc-wrap {\n      max-width: var(--mc-max);\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n\n    .mc-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 24px;\n      border-radius: 999px;\n      font-family: var(--sans);\n      font-size: 14.5px;\n      font-weight: 600;\n      letter-spacing: -0.005em;\n      transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n      cursor: pointer;\n      border: 1px solid transparent;\n      white-space: nowrap;\n    }\n    .mc-btn-primary {\n      background: var(--mc-ink);\n      color: var(--mc-bg);\n    }\n    .mc-btn-primary:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 30px -8px rgba(15, 17, 21, 0.4);\n      color: var(--mc-gold);\n    }\n    .mc-btn-ghost {\n      background: transparent;\n      color: var(--mc-ink);\n      border-color: var(--mc-line-strong);\n    }\n    .mc-btn-ghost:hover {\n      background: var(--mc-ink);\n      color: var(--mc-bg);\n      border-color: var(--mc-ink);\n      transform: translateY(-2px);\n    }\n    .mc-btn-gold {\n      background: var(--mc-gold);\n      color: var(--mc-ink);\n    }\n    .mc-btn-gold:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 30px -8px rgba(226, 211, 133, 0.5);\n      background: var(--mc-ink);\n      color: var(--mc-gold);\n    }\n    .mc-btn .mc-btn-arrow {\n      transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1);\n    }\n    .mc-btn:hover .mc-btn-arrow {\n      transform: translateX(3px);\n    }\n\n    \/* HERO *\/\n    .mc-hero {\n      position: relative;\n      z-index: 0;\n      min-height: max(560px, calc(100vh - 124px));\n      min-height: max(560px, calc(100svh - 124px));\n      display: flex;\n      align-items: flex-start;\n      width: 100%;\n      margin-top: 0;\n      padding: 0 0 80px;\n      overflow: hidden;\n      background: #050608;\n      color: #f5f5f5;\n    }\n    .mc-hero-video-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }\n    .mc-hero-video-inner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100vw;\n      height: 56.25vw;\n      min-width: 177.78vh;\n      min-height: 100svh;\n      min-height: 100vh;\n      transform: translate(-50%, -50%);\n      pointer-events: none;\n    }\n    .mc-hero-video-inner iframe { width: 100%; height: 100%; border: 0; pointer-events: none; }\n    .mc-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(to bottom, rgba(5, 6, 8, 0.55), rgba(5, 6, 8, 0.92)),\n        radial-gradient(ellipse 60% 40% at 20% 80%, rgba(226, 211, 133, 0.08), transparent 60%);\n      z-index: 1;\n    }\n    .mc-hero-inner {\n      width: 100%;\n      max-width: var(--mc-max);\n      margin: 0 auto;\n      padding: 120px 24px 0;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-hero-signature {\n      font-family: var(--serif);\n      font-size: clamp(56px, 9vw, 124px);\n      line-height: 0.95;\n      letter-spacing: -0.035em;\n      font-weight: 500;\n      color: var(--mc-bg);\n      margin: 0 0 28px;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0 0.25em;\n    }\n    .mc-hero-signature .ltm-word { display: inline-block; }\n    \/* Chronom\u00e9trage *\/\n    .mc-chrono { padding: 110px 0; background: var(--mc-bg-deep); color: var(--mc-bg); }\n    .mc-chrono-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }\n    .mc-chrono h2 { margin: 0 0 18px; font-family: var(--serif); font-size: clamp(34px, 4.2vw, 56px); line-height: 1.04; letter-spacing: -0.025em; font-weight: 500; color: var(--mc-bg); }\n    .mc-chrono-lead { margin: 0 0 30px; font-size: 18px; line-height: 1.55; color: rgba(253, 251, 243, 0.78); max-width: 52ch; }\n    .mc-chrono-points { list-style: none; margin: 0 0 34px; padding: 0; display: grid; gap: 16px; }\n    .mc-chrono-points li { display: grid; gap: 2px; margin: 0; padding-left: 18px; border-left: 2px solid var(--mc-gold); }\n    .mc-chrono-points strong { font-size: 17px; font-weight: 600; color: var(--mc-bg); }\n    .mc-chrono-points span { font-size: 16px; color: rgba(253, 251, 243, 0.7); }\n    .mc-chrono-cta { display: flex; flex-wrap: wrap; gap: 12px; }\n    .mc-chrono .mc-btn-primary { background: var(--mc-gold); color: var(--mc-ink); }\n    .mc-chrono .mc-btn-primary:hover { background: var(--mc-bg); color: var(--mc-ink); }\n    .mc-chrono .mc-btn-ghost { color: var(--mc-bg); border-color: rgba(253, 251, 243, 0.3); }\n    .mc-chrono-visual { margin: 0; }\n    .mc-chrono-photo { display: grid; grid-template-columns: 1.9fr 1fr; gap: 16px; align-items: center; margin: 0 0 0 auto; max-width: 680px; }\n    .mc-chrono-story { display: block; width: 100%; height: auto; aspect-ratio: 9 \/ 16; border-radius: 18px; border: 3px solid rgba(253, 251, 243, 0.9); box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.85); transform: translateY(28px) rotate(2deg); }\n    .mc-chrono-photo img:not(.mc-chrono-story) { display: block; width: 100%; height: auto; aspect-ratio: 5 \/ 6; object-fit: cover; object-position: 24% center; border-radius: 22px; box-shadow: 0 40px 80px -36px rgba(0, 0, 0, 0.8); }\n    .mc-live-phone { width: min(360px, 100%); padding: 18px; border-radius: 30px; background: #fff; color: var(--mc-ink); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.7); transform: rotate(-2deg); }\n    .mc-live-top { display: flex; align-items: center; gap: 8px; padding: 6px 6px 14px; font-size: 15px; font-weight: 600; }\n    .mc-live-km { margin-left: auto; font-weight: 500; color: var(--mc-muted); }\n    .mc-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #e5484d; box-shadow: 0 0 0 0 rgba(229, 72, 77, 0.6); animation: mcLivePulse 1.6s infinite; }\n    @keyframes mcLivePulse { 70% { box-shadow: 0 0 0 8px rgba(229, 72, 77, 0); } 100% { box-shadow: 0 0 0 0 rgba(229, 72, 77, 0); } }\n    .mc-live-rows { list-style: none; margin: 0; padding: 0; }\n    .mc-live-rows li { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; margin: 0; padding: 11px 8px; border-top: 1px solid var(--mc-line); font-size: 15px; }\n    .mc-live-rows b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #eef0f3; font-size: 13px; }\n    .mc-live-rows li:nth-child(1) b { background: #e9c46a; }\n    .mc-live-rows li:nth-child(2) b { background: #d5d8de; }\n    .mc-live-rows li:nth-child(3) b { background: #dfa77a; }\n    .mc-live-rows em { font-style: normal; font-weight: 600; font-variant-numeric: tabular-nums; }\n    .mc-live-rows li.is-new { background: rgba(226, 211, 133, 0.28); border-radius: 10px; animation: mcLiveNew 3s ease-in-out infinite; }\n    @keyframes mcLiveNew { 0%, 100% { background: rgba(226, 211, 133, 0.12); } 50% { background: rgba(226, 211, 133, 0.38); } }\n    .mc-live-foot { margin-top: 10px; padding: 10px 8px 2px; border-top: 1px solid var(--mc-line); font-size: 13px; color: var(--mc-muted); text-align: center; }\n    @media (max-width: 900px) {\n      .mc-chrono { padding: 80px 0; }\n      .mc-chrono-grid { grid-template-columns: 1fr; gap: 48px; }\n      .mc-live-phone { transform: none; }\n      .mc-chrono-photo { margin: 0 auto 28px; gap: 10px; grid-template-columns: 1.7fr 1fr; }\n      }\n    @media (prefers-reduced-motion: reduce) { .mc-live-dot, .mc-live-rows li.is-new { animation: none; } }\n    .mc-pos-head .mc-sports { flex-basis: 100%; }\n    .mc-sports { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; list-style: none; margin: 22px 0 0; padding: 0; }\n    .mc-sports li { margin: 0; padding: 7px 15px; border: 1px solid rgba(15, 17, 21, 0.15); border-radius: 999px; background: #fff; font-family: var(--sans, \"Inter Tight\", sans-serif); font-size: 15px; font-weight: 500; color: var(--mc-ink); }\n    .mc-hero-signature .ltm-word.word-2 { color: var(--mc-gold); font-style: italic; font-weight: 400; }\n    .mc-hero h1.mc-hero-tagline { letter-spacing: 0; text-transform: none; }\n    .mc-hero-tagline {\n      font-family: var(--serif);\n      font-size: clamp(19px, 2vw, 24px);\n      line-height: 1.45;\n      font-weight: 400;\n      color: rgba(253, 251, 243, 0.85);\n      max-width: 56ch;\n      margin: 0 0 36px;\n    }\n    .mc-hero-cta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n    }\n    .mc-hero .mc-btn-primary { background: var(--mc-gold); color: var(--mc-ink); }\n    .mc-hero .mc-btn-primary:hover { background: var(--mc-bg); color: var(--mc-ink); }\n    .mc-hero .mc-btn-ghost { color: var(--mc-bg); border-color: rgba(253, 251, 243, 0.3); }\n    .mc-hero-live {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      width: fit-content;\n      max-width: 100%;\n      margin-top: 40px;\n      padding: 16px 20px;\n      border: 1px solid rgba(226, 211, 133, 0.35);\n      border-radius: 14px;\n      background: rgba(10, 12, 18, 0.55);\n      backdrop-filter: blur(8px);\n    }\n    .mc-hero-live[hidden] { display: none; }\n    .mc-hero-live-label {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mc-gold);\n    }\n    .mc-hero-live-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #e5484d;\n      box-shadow: 0 0 0 3px rgba(229, 72, 77, 0.25);\n    }\n    .mc-hero-live-event {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: baseline;\n      gap: 2px 12px;\n      font-size: 17px;\n      font-weight: 600;\n      color: var(--mc-bg);\n    }\n    .mc-hero-live-meta { font-size: 14px; font-weight: 400; color: rgba(253, 251, 243, 0.6); }\n    .mc-hero-live-go { font-size: 14px; color: var(--mc-gold); transition: transform 0.25s ease; }\n    .mc-hero-live-event:hover .mc-hero-live-go { transform: translateX(3px); }\n    .mc-hero .mc-btn-ghost:hover { background: rgba(253, 251, 243, 0.08); border-color: var(--mc-gold); color: var(--mc-gold); }\n\n    \/* POSITIONNEMENT : deux profils au micro *\/\n    .mc-positioning {\n      padding: 110px 0;\n      background: var(--mc-bg);\n    }\n    .mc-pos-head {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 16px 48px;\n      margin-bottom: 48px;\n    }\n    .mc-pos-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(34px, 5vw, 60px);\n      font-weight: 500;\n      line-height: 1.05;\n      letter-spacing: -0.025em;\n      margin: 0;\n      color: var(--mc-ink);\n    }\n    .mc-pos-head p {\n      font-family: var(--serif);\n      font-size: 19px;\n      line-height: 1.5;\n      color: var(--mc-ink-soft);\n      margin: 0;\n      max-width: 36ch;\n    }\n    .mc-profiles {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n    .mc-profile {\n      position: relative;\n      min-height: 460px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      border-radius: 18px;\n      overflow: hidden;\n      background: var(--mc-ink);\n      color: var(--mc-bg);\n      transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.35s ease;\n    }\n    .mc-profile:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.45);\n    }\n    .mc-profile-media {\n      position: absolute;\n      inset: 0;\n      background: var(--mc-ink);\n    }\n    .mc-profile-media img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.3, 1);\n    }\n    .mc-profile:hover .mc-profile-media img { transform: scale(1.04); }\n    .mc-profile-media::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(10, 12, 18, 0.95) 20%, rgba(10, 12, 18, 0.25) 65%, transparent);\n    }\n    .mc-profile-body {\n      position: relative;\n      z-index: 2;\n      padding: 32px;\n    }\n    .mc-profile-body h3 {\n      font-family: var(--serif);\n      font-size: clamp(26px, 2.8vw, 34px);\n      font-weight: 500;\n      line-height: 1.1;\n      letter-spacing: -0.015em;\n      margin: 0 0 10px;\n      color: var(--mc-bg);\n    }\n    .mc-profile-body p {\n      font-size: 16px;\n      line-height: 1.5;\n      color: rgba(253, 251, 243, 0.75);\n      margin: 0;\n      max-width: 42ch;\n    }\n    .mc-proof {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin: 40px 0 0;\n      padding: 32px 0 0;\n      border-top: 1px solid var(--mc-line);\n      list-style: none;\n    }\n    .mc-proof-item {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 1.4;\n      color: var(--mc-ink);\n    }\n    .mc-proof-icon {\n      flex: 0 0 44px;\n      height: 44px;\n      border-radius: 12px;\n      background: var(--mc-bg-warm);\n      border: 1px solid var(--mc-line);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .mc-proof-icon svg {\n      width: 20px;\n      height: 20px;\n      stroke: var(--mc-gold-warm);\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n    .mc-pos-cta { margin-top: 40px; }\n\n    \/* ENTREVUES *\/\n    .mc-interviews {\n      padding: 110px 0;\n      background: var(--mc-bg-deep);\n      color: var(--mc-bg);\n    }\n    .mc-interview {\n      display: grid;\n      grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);\n      gap: 56px;\n      align-items: center;\n    }\n    .mc-interview-media {\n      position: relative;\n      display: block;\n      aspect-ratio: 3 \/ 2;\n      border-radius: 18px;\n      overflow: hidden;\n      background: #000;\n    }\n    .mc-interview-media img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.3, 1);\n    }\n    .mc-interview-media:hover img { transform: scale(1.03); }\n    .mc-interview-media::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(10, 12, 18, 0.55), transparent 45%);\n    }\n    .mc-interview-play {\n      position: absolute;\n      left: 24px;\n      bottom: 24px;\n      z-index: 2;\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 18px 10px 10px;\n      border-radius: 999px;\n      background: var(--mc-gold);\n      color: var(--mc-ink);\n      font-size: 15px;\n      font-weight: 600;\n      transition: transform 0.25s ease;\n    }\n    .mc-interview-media:hover .mc-interview-play { transform: translateY(-2px); }\n    .mc-interview-play-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      background: var(--mc-ink);\n    }\n    .mc-interview-play-icon svg { width: 14px; height: 14px; fill: var(--mc-gold); margin-left: 2px; }\n    .mc-interview-text h2 {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4vw, 48px);\n      font-weight: 500;\n      line-height: 1.08;\n      letter-spacing: -0.02em;\n      margin: 0 0 16px;\n      color: var(--mc-bg);\n    }\n    .mc-interview-text > p {\n      font-size: 17px;\n      line-height: 1.55;\n      color: rgba(253, 251, 243, 0.7);\n      margin: 0 0 28px;\n    }\n    .mc-interview-quote {\n      margin: 0 0 20px !important;\n      padding: 0 0 0 20px !important;\n      border-left: 2px solid var(--mc-gold);\n      font-family: var(--serif);\n      font-size: clamp(20px, 2vw, 24px);\n      font-style: italic;\n      line-height: 1.4;\n      color: var(--mc-bg);\n    }\n    .mc-interview-who {\n      margin: 0 0 32px;\n      font-size: 15px;\n      color: rgba(253, 251, 243, 0.6);\n    }\n    .mc-interview-who strong { color: var(--mc-bg); font-weight: 600; }\n    .mc-interview-follow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 15px;\n      font-weight: 600;\n      color: var(--mc-gold);\n      border-bottom: 1px solid rgba(226, 211, 133, 0.4);\n      padding-bottom: 2px;\n    }\n    .mc-interview-follow:hover { color: var(--mc-bg); border-color: var(--mc-bg); }\n\n    \/* SERVICES *\/\n    .mc-services {\n      padding: 110px 0;\n      background: var(--mc-bg-warm);\n      border-top: 1px solid var(--mc-line);\n      border-bottom: 1px solid var(--mc-line);\n    }\n    .mc-services-head { max-width: 720px; margin: 0 auto 60px; text-align: center; }\n    .mc-services-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4.5vw, 52px);\n      font-weight: 500;\n      line-height: 1.08;\n      letter-spacing: -0.02em;\n      margin: 0 0 16px;\n    }\n    .mc-services-head p {\n      font-family: var(--serif);\n      font-size: 18px;\n      line-height: 1.5;\n      color: var(--mc-ink-soft);\n      margin: 0;\n    }\n    .mc-services-grid {\n      display: grid;\n      grid-template-columns: 1.4fr 1fr 1fr;\n      gap: 24px;\n    }\n    .mc-service-card {\n      background: var(--mc-bg);\n      border: 1px solid var(--mc-line);\n      border-radius: 18px;\n      padding: 36px 32px;\n      display: flex;\n      flex-direction: column;\n      transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease;\n      position: relative;\n      overflow: hidden;\n    }\n    .mc-service-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.25);\n      border-color: var(--mc-line-strong);\n    }\n    .mc-service-card.featured { background: var(--mc-ink); color: var(--mc-bg); border-color: var(--mc-ink); }\n    .mc-service-card.featured::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(ellipse 50% 50% at 100% 0%, rgba(226, 211, 133, 0.18), transparent 60%);\n      pointer-events: none;\n    }\n    .mc-service-card.featured:hover { box-shadow: 0 28px 56px -20px rgba(15, 17, 21, 0.5); }\n    .mc-service-num {\n      font-family: var(--mono);\n      font-size: 11px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--mc-muted);\n      margin-bottom: 16px;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-service-card.featured .mc-service-num { color: var(--mc-gold); }\n    .mc-service-card h3 {\n      font-family: var(--serif);\n      font-size: clamp(24px, 2.4vw, 30px);\n      font-weight: 500;\n      line-height: 1.15;\n      letter-spacing: -0.015em;\n      margin: 0 0 12px;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-service-card p {\n      font-size: 15px;\n      line-height: 1.55;\n      color: var(--mc-ink-soft);\n      margin: 0 0 24px;\n      flex: 1;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-service-card.featured p { color: rgba(253, 251, 243, 0.7); }\n    .mc-service-tag {\n      display: inline-flex;\n      align-items: center;\n      padding: 4px 10px;\n      border-radius: 999px;\n      font-family: var(--mono);\n      font-size: 10px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      background: var(--mc-gold);\n      color: var(--mc-ink);\n      font-weight: 600;\n      margin-bottom: 16px;\n      align-self: flex-start;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-service-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mc-ink);\n      border-bottom: 1px solid var(--mc-line-strong);\n      padding-bottom: 4px;\n      align-self: flex-start;\n      transition: gap 0.25s ease, border-color 0.25s ease;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-service-card.featured .mc-service-link { color: var(--mc-gold); border-color: rgba(226, 211, 133, 0.4); }\n    .mc-service-link:hover { gap: 12px; border-color: var(--mc-gold); }\n\n    \/* PREUVE SOCIALE *\/\n    .mc-trust { padding: 110px 0; background: var(--mc-bg); }\n    .mc-trust-head { max-width: 720px; margin: 0 auto 56px; text-align: center; }\n    .mc-trust-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(30px, 4vw, 46px);\n      font-weight: 500;\n      line-height: 1.1;\n      letter-spacing: -0.02em;\n      margin: 0 0 12px;\n    }\n\n    \/* Logos clients : 4 colonnes pour 8 logos, plus grands, en couleur *\/\n    .mc-logo-strip {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 32px 24px;\n      align-items: center;\n      padding: 48px 0;\n      border-top: 1px solid var(--mc-line);\n      border-bottom: 1px solid var(--mc-line);\n      margin-bottom: 0;\n    }\n    .mc-logo-item {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px;\n      min-height: 120px;\n      transition: transform 0.3s ease;\n    }\n    .mc-logo-item:hover {\n      transform: scale(1.06);\n    }\n    .mc-logo-item img {\n      max-width: 100%;\n      max-height: 100px;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      display: block;\n    }\n\n    \/* T\u00e9moignages *\/\n    .mc-testimonial {\n      background: var(--mc-bg);\n      border: 1px solid var(--mc-line);\n      border-radius: 16px;\n      padding: 32px 28px;\n      position: relative;\n      transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    .mc-testimonial:hover {\n      transform: translateY(-4px);\n      border-color: var(--mc-line-strong);\n      box-shadow: 0 20px 40px -16px rgba(15, 17, 21, 0.15);\n    }\n    .mc-testimonial::before {\n      content: \"\\201C\";\n      position: absolute;\n      top: 14px;\n      right: 24px;\n      font-family: var(--serif);\n      font-size: 64px;\n      line-height: 1;\n      color: var(--mc-gold);\n      opacity: 0.4;\n      font-style: italic;\n    }\n    .mc-testimonial-quote {\n      font-family: var(--serif);\n      font-size: 17px;\n      line-height: 1.5;\n      color: var(--mc-ink);\n      margin: 0 0 20px;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-testimonial-author { padding-top: 16px; border-top: 1px solid var(--mc-line); }\n    .mc-testimonial-name { font-size: 14px; font-weight: 600; color: var(--mc-ink); margin: 0 0 2px; }\n    .mc-testimonial-single { max-width: 860px; margin: 64px auto 0; padding: 48px 56px; }\n    .mc-testimonial-single::before { top: 18px; right: 36px; font-size: 88px; opacity: 0.35; }\n    .mc-testimonial-single .mc-testimonial-quote { font-size: clamp(18px, 2vw, 22px); line-height: 1.55; margin-bottom: 28px; }\n    .mc-testimonial-role {\n      font-family: var(--mono);\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--mc-muted);\n    }\n\n\n    \/* ACTIVIT\u00c9 *\/\n    .mc-activity {\n      padding: 110px 0;\n      background: var(--mc-bg-warm);\n      border-bottom: 1px solid var(--mc-line);\n    }\n    .mc-activity-head {\n      display: flex;\n      justify-content: space-between;\n      align-items: end;\n      margin-bottom: 48px;\n      flex-wrap: wrap;\n      gap: 24px;\n    }\n    .mc-activity-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(28px, 3.6vw, 42px);\n      font-weight: 500;\n      line-height: 1.1;\n      letter-spacing: -0.02em;\n      margin: 0;\n    }\n    .mc-activity-tabs {\n      display: flex;\n      gap: 8px;\n      padding: 4px;\n      background: var(--mc-bg);\n      border-radius: 999px;\n      border: 1px solid var(--mc-line);\n    }\n    .mc-activity-tab {\n      padding: 8px 18px;\n      border-radius: 999px;\n      font-family: var(--sans);\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mc-ink-soft);\n      cursor: pointer;\n      transition: all 0.25s ease;\n      border: none;\n      background: transparent;\n    }\n    .mc-activity-tab.active { background: var(--mc-ink); color: var(--mc-gold); }\n    .mc-activity-panel { display: none; }\n    .mc-activity-panel.active { display: block; }\n    .mc-shortcode-wrap {\n      background: var(--mc-bg);\n      border: 1px solid var(--mc-line);\n      border-radius: 18px;\n      padding: 32px;\n    }\n    .mc-activity-cta { margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }\n\n    \/* STATS *\/\n    .mc-stats {\n      padding: 110px 0;\n      background: var(--mc-bg-deep);\n      color: var(--mc-bg);\n      position: relative;\n      overflow: hidden;\n    }\n    .mc-stats::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 40% 30% at 20% 30%, rgba(226, 211, 133, 0.08), transparent 60%),\n        radial-gradient(ellipse 40% 30% at 80% 70%, rgba(226, 211, 133, 0.06), transparent 60%);\n      pointer-events: none;\n    }\n    .mc-stats-head {\n      max-width: 720px;\n      margin: 0 auto 64px;\n      text-align: center;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-stats-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(30px, 4vw, 48px);\n      font-weight: 500;\n      line-height: 1.08;\n      letter-spacing: -0.02em;\n      margin: 0 0 16px;\n      color: var(--mc-bg);\n    }\n    .mc-stats-head p {\n      font-family: var(--serif);\n      font-size: 18px;\n      line-height: 1.5;\n      color: rgba(253, 251, 243, 0.65);\n      margin: 0;\n    }\n    .mc-stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      position: relative;\n      z-index: 2;\n    }\n    .mc-stat-card {\n      padding: 36px 32px;\n      background: rgba(253, 251, 243, 0.03);\n      border: 1px solid rgba(253, 251, 243, 0.1);\n      border-radius: 18px;\n      text-align: left;\n      transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.3s ease;\n    }\n    .mc-stat-card:hover { transform: translateY(-4px); border-color: rgba(226, 211, 133, 0.3); }\n    .mc-stat-num {\n      font-family: var(--serif);\n      font-size: clamp(48px, 6vw, 72px);\n      font-weight: 500;\n      letter-spacing: -0.03em;\n      color: var(--mc-gold);\n      line-height: 1;\n      margin-bottom: 14px;\n    }\n    .mc-stat-num span.sup { font-size: 0.5em; color: var(--mc-gold-warm); vertical-align: super; }\n    .mc-stat-label {\n      font-family: var(--serif);\n      font-size: 20px;\n      font-weight: 500;\n      color: var(--mc-bg);\n      margin-bottom: 8px;\n      line-height: 1.3;\n    }\n    .mc-stat-sub { font-size: 14px; line-height: 1.5; color: rgba(253, 251, 243, 0.55); margin: 0; }\n\n    \/* SOUMISSION *\/\n    .mc-process {\n      padding: 110px 0;\n      background: var(--mc-bg);\n      border-top: 1px solid var(--mc-line);\n    }\n    .mc-process-head { max-width: 720px; margin: 0 0 56px; }\n    .mc-process-head h2 {\n      font-family: var(--serif);\n      font-size: clamp(32px, 4.5vw, 52px);\n      font-weight: 500;\n      line-height: 1.08;\n      letter-spacing: -0.02em;\n      margin: 0 0 16px;\n      color: var(--mc-ink);\n    }\n    .mc-process-head p {\n      font-family: var(--serif);\n      font-size: 18px;\n      line-height: 1.5;\n      color: var(--mc-ink-soft);\n      margin: 0;\n    }\n    .mc-process-photo {\n      aspect-ratio: 21 \/ 9;\n      margin: 0 0 56px;\n      border-radius: 18px;\n      overflow: hidden;\n      background: var(--mc-ink);\n    }\n    .mc-process-photo img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center 45%;\n      display: block;\n    }\n    .mc-steps {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin: 0 0 56px;\n      padding: 0;\n      list-style: none;\n    }\n    .mc-step { border-top: 2px solid var(--mc-ink); padding-top: 20px; }\n    .mc-step-num {\n      font-family: var(--serif);\n      font-size: 44px;\n      line-height: 1;\n      color: var(--mc-gold-warm);\n      margin-bottom: 14px;\n    }\n    .mc-step h3 { font-size: 19px; font-weight: 600; line-height: 1.3; margin: 0 0 8px; color: var(--mc-ink); }\n    .mc-step p { font-size: 15px; line-height: 1.55; color: var(--mc-ink-soft); margin: 0; }\n    .mc-process-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }\n    .mc-process-mail { font-size: 15px; color: var(--mc-ink-soft); }\n    .mc-process-mail a { color: var(--mc-ink); font-weight: 600; border-bottom: 1px solid var(--mc-line-strong); }\n    .mc-process-mail a:hover { border-color: var(--mc-gold-warm); }\n\n    \/* ANIMATIONS *\/\n    @keyframes mc-rise {\n      from { opacity: 0; transform: translateY(24px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    .mc-hero-signature .ltm-word,\n    .mc-hero-tagline,\n    .mc-hero-cta,\n    .mc-hero-live {\n      animation: mc-rise 0.8s cubic-bezier(0.2, 0.8, 0.3, 1) both;\n    }\n    .mc-hero-signature .ltm-word.word-2 { animation-delay: 0.12s; }\n    .mc-hero-signature .ltm-word.word-3 { animation-delay: 0.24s; }\n    .mc-hero-tagline { animation-delay: 0.4s; }\n    .mc-hero-cta { animation-delay: 0.55s; }\n    .mc-hero-live { animation-delay: 0.7s; }\n    .mc-js .mc-hero:not(.is-ready) .ltm-word,\n    .mc-js .mc-hero:not(.is-ready) .mc-hero-tagline,\n    .mc-js .mc-hero:not(.is-ready) .mc-hero-cta,\n    .mc-js .mc-hero:not(.is-ready) .mc-hero-live {\n      animation-play-state: paused;\n    }\n\n    .mc-js .mc-reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.7s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.7s cubic-bezier(0.2, 0.8, 0.3, 1);\n      transition-delay: var(--mc-delay, 0s);\n    }\n    .mc-js .mc-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .mc-hero-signature .ltm-word, .mc-hero-tagline, .mc-hero-cta, .mc-hero-live { animation: none; }\n    }\n\n    \/* RESPONSIVE *\/\n    \/* Sous 1000px, l'en-t\u00eate mobile fait 76px de haut *\/\n    @media (max-width: 999px) {\n      .mc-hero {\n        min-height: max(520px, calc(100vh - 76px));\n        min-height: max(520px, calc(100svh - 76px));\n      }\n    }\n    @media (max-width: 960px) {\n      .mc-hero-inner { padding-top: 96px; }\n      .mc-positioning, .mc-services, .mc-trust, .mc-activity, .mc-stats, .mc-process { padding: 80px 0; }\n      .mc-profiles { grid-template-columns: 1fr; }\n      .mc-interview { grid-template-columns: 1fr; gap: 36px; }\n      .mc-interviews { padding: 80px 0; }\n      .mc-profile { min-height: 400px; }\n      .mc-proof { grid-template-columns: 1fr; gap: 16px; }\n      .mc-services-grid { grid-template-columns: 1fr; }\n      .mc-logo-strip { grid-template-columns: repeat(3, 1fr); gap: 24px 16px; }\n      .mc-logo-item { min-height: 100px; }\n      .mc-logo-item img { max-height: 80px; }\n      .mc-stats-grid { grid-template-columns: 1fr; }\n      .mc-steps { grid-template-columns: 1fr; gap: 28px; }\n      .mc-process-photo { aspect-ratio: 4 \/ 3; margin-bottom: 40px; }\n      .mc-activity-head { flex-direction: column; align-items: flex-start; }\n    }\n    @media (max-width: 600px) {\n      .mc-wrap { padding: 0 20px; }\n      .mc-hero-inner { padding: 72px 20px 0; }\n      .mc-logo-strip { grid-template-columns: repeat(2, 1fr); gap: 20px 16px; padding: 32px 0; }\n      .mc-logo-item { min-height: 90px; }\n      .mc-logo-item img { max-height: 70px; }\n      \/* Sur cellulaire, la photo passe au-dessus du texte plut\u00f4t que derri\u00e8re *\/\n      .mc-profile { min-height: 0; }\n      .mc-interview-play { top: 14px; bottom: auto; left: 14px; padding: 6px 14px 6px 6px; font-size: 14px; }\n      .mc-interview-play-icon { width: 30px; height: 30px; }\n      .mc-profile-media { position: relative; aspect-ratio: 4 \/ 3; }\n      .mc-profile-media::after { background: linear-gradient(to top, rgba(10, 12, 18, 0.9), transparent 40%); }\n      .mc-profile-body { padding: 4px 24px 24px; }\n      .mc-service-card { padding: 28px 24px; }\n      .mc-testimonial { padding: 24px 20px; }\n      .mc-testimonial-single { padding: 28px 24px; }\n      .mc-testimonial-single::before { font-size: 64px; top: 12px; right: 20px; }\n      .mc-stat-card { padding: 28px 24px; }\n      .mc-hero-cta { width: 100%; }\n      .mc-hero-cta .mc-btn { flex: 1; justify-content: center; }\n      .mc-process-cta .mc-btn { width: 100%; justify-content: center; }\n    }\n<\/style>\n\n<!-- HERO -->\n<section class=\"mc-hero\" id=\"hero\">\n  <div class=\"mc-hero-video-bg\" aria-hidden=\"true\">\n    <div class=\"mc-hero-video-inner\">\n      <iframe\n        src=\"https:\/\/www.youtube.com\/embed\/MP0k1QECYZQ?autoplay=1&#038;mute=1&#038;playsinline=1&#038;loop=1&#038;controls=0&#038;showinfo=0&#038;modestbranding=1&#038;playlist=MP0k1QECYZQ\"\n        title=\"MC Sport, Vivez le moment\"\n        allow=\"autoplay; encrypted-media\"\n        allowfullscreen\n        loading=\"lazy\">\n      <\/iframe>\n    <\/div>\n  <\/div>\n\n  <div class=\"mc-hero-inner\">\n    <p class=\"mc-hero-signature\">\n      <span class=\"ltm-word word-1\">Vivez<\/span>\n      <span class=\"ltm-word word-2\">le<\/span>\n      <span class=\"ltm-word word-3\">moment.<\/span>\n    <\/p>\n\n    <h1 class=\"mc-hero-tagline\">\n      Animation sportive au micro et chronom\u00e9trage \u00e9lectronique pour vos courses et comp\u00e9titions, partout au Qu\u00e9bec. Chaque athl\u00e8te \u00e9tudi\u00e9, racont\u00e9, reconnu.\n    <\/h1>\n\n    <div class=\"mc-hero-cta\">\n      <a href=\"#soumission\" class=\"mc-btn mc-btn-primary\">\n        <span>Organiser un \u00e9v\u00e9nement<\/span>\n        <span class=\"mc-btn-arrow\">\u2192<\/span>\n      <\/a>\n      <a href=\"#activite\" class=\"mc-btn mc-btn-ghost\">\n        <span>R\u00e9sultats et inscriptions<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"mc-hero-live\" id=\"mc-hero-live\" hidden>\n      <div class=\"mc-hero-live-label\">\n        <span class=\"mc-hero-live-dot\"><\/span>\n        <span>En direct aujourd&rsquo;hui<\/span>\n      <\/div>\n      <div class=\"mc-hero-live-list\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ACTIVIT\u00c9 -->\n<section class=\"mc-activity\" id=\"activite\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-activity-head\">\n      <div>\n        <h2>\u00c9v\u00e9nements et r\u00e9sultats<\/h2>\n      <\/div>\n      <div class=\"mc-activity-tabs\" role=\"tablist\">\n        <button class=\"mc-activity-tab active\" data-tab=\"prochains\" role=\"tab\">Prochains \u00e9v\u00e9nements<\/button>\n        <button class=\"mc-activity-tab\" data-tab=\"resultats\" role=\"tab\">R\u00e9sultats r\u00e9cents<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"mc-activity-panel active\" data-panel=\"prochains\">\n      <div class=\"mc-shortcode-wrap\">\n                <div class=\"mc-event-list mc-home-events-list\">\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <a href=\"https:\/\/mcsportedge.com\/events\/2026\/isu-short-track-world-tour-montreal-2026.html\" class=\"mc-event-thumb-link\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"300\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-248x300.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-248x300.png 248w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-845x1024.png 845w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-768x931.png 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-1267x1536.png 1267w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-1690x2048.png 1690w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/ISU-W-TOUR-SHORT-TRACK-MONTREAL-Logo-Port-OnWHITE-RGB-1781695205-1197-10x12.png 10w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/>                            <\/a>\n                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        30 Oct 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Ar\u00e9na Maurice-Richard                            \n                                                            ,                                 Montr\u00e9al                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/isu-short-track-world-tour-montreal-2026.html\" class=\"mc-card-title-link\">\n                            ISU Short Track World Tour Montreal 2026                        <\/a>\n                    <\/div>\n\n                    \n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Courte Piste                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Division Animation                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/isu-short-track-world-tour-montreal-2026.html\" class=\"mc-btn mc-btn-event-details\">\n                            D\u00e9tails &amp; info\n                        <\/a>\n                    <\/div>\n                <\/article>\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <a href=\"https:\/\/mcsportedge.com\/events\/2026\/cyclocross-ste-julie-2026.html\" class=\"mc-event-thumb-link\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-300x300.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-300x300.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-1024x1024.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-150x150.jpg 150w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-768x768.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc-12x12.jpg 12w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/10\/logo-ccrm-fond-blanc.jpg 1254w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                            <\/a>\n                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        7 Nov 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Parc Desrochers                            \n                                                            ,                                 Sainte-Julie                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/cyclocross-ste-julie-2026.html\" class=\"mc-card-title-link\">\n                            Cyclocross Ste-Julie 2026                        <\/a>\n                    <\/div>\n\n                    \n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Cyclocross                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Offre combin\u00e9e                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/cyclocross-ste-julie-2026.html\" class=\"mc-btn mc-btn-event-details\">\n                            D\u00e9tails &amp; info\n                        <\/a>\n                    <\/div>\n                <\/article>\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-8-2026.html\" class=\"mc-event-thumb-link\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-1024x482.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-768x362.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-18x8.jpg 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1.jpg 1236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                            <\/a>\n                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        8 Nov 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Parc Desrochers                            \n                                                            ,                                 Sainte-Julie                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-8-2026.html\" class=\"mc-card-title-link\">\n                            Coupe du Qu\u00e9bec de Cyclocross #8 2026                        <\/a>\n                    <\/div>\n\n                    \n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Cyclocross                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Offre combin\u00e9e                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-8-2026.html\" class=\"mc-btn mc-btn-event-details\">\n                            D\u00e9tails &amp; info\n                        <\/a>\n                    <\/div>\n                <\/article>\n                    <\/div>\n    \n    <style>\n      .mc-home-events-list {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0,1fr));\n        gap: 18px;\n      }\n      @media (max-width: 960px) {\n        .mc-home-events-list {\n          grid-template-columns: repeat(2, minmax(0,1fr));\n        }\n      }\n      @media (max-width: 640px) {\n        .mc-home-events-list {\n          grid-template-columns: 1fr;\n        }\n      }\n\n      \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n      .mc-event-thumb-wrapper {\n        margin-bottom: 12px;\n      }\n      .mc-event-thumb-link {\n        display: block;\n        overflow: hidden;\n        border-radius: 12px;\n      }\n      .mc-event-thumb {\n        width: 100%;\n        display: block;\n        border-radius: 12px;\n        object-fit: cover;\n        max-height: 180px;\n        transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.3, 1);\n      }\n      .mc-event-thumb-link:hover .mc-event-thumb {\n        transform: scale(1.04);\n      }\n\n      .mc-card-meta {\n        font-size: 13px;\n        color: #9ca3af;\n        margin-bottom: 6px;\n      }\n\n      \/* Titre cliquable *\/\n      .mc-card-title-link {\n        color: inherit;\n        text-decoration: none;\n        transition: color 0.25s ease;\n        background-image: linear-gradient(to right, #E2D385, #E2D385);\n        background-size: 0% 1px;\n        background-position: 0 100%;\n        background-repeat: no-repeat;\n        transition: background-size 0.3s cubic-bezier(0.2, 0.8, 0.3, 1), color 0.25s ease;\n      }\n      .mc-card-title-link:hover {\n        color: #E2D385;\n        background-size: 100% 1px;\n      }\n\n      .mc-card-tags {\n        margin-top: 12px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n      }\n\n      \/* Badges ovales *\/\n      .mc-card-tag {\n        display: inline-flex;\n        align-items: center;\n        padding: 3px 10px;\n        border-radius: 999px;\n        font-size: 11px;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      \/* Sport en gris *\/\n      .mc-card-tag-sport {\n        border: 1px solid #4b5563;\n        color: #d1d5db;\n        background: rgba(15, 17, 23, 0.95);\n      }\n\n      \/* Service en or (comme ta brand) *\/\n      .mc-card-tag-service {\n        border: 1px solid rgba(226,211,133,0.7);\n        color: #E2D385;\n        background: rgba(4,5,9,0.95);\n      }\n\n      \/* Plus d'espace entre les tags et le bouton *\/\n      .mc-card-footer {\n        margin-top: 18px;\n      }\n\n      \/* Bouton D\u00e9tails & info, coh\u00e9rent avec le style MC Sport *\/\n      .mc-btn-event-details {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 20px;\n        border-radius: 999px;\n        font-size: 13.5px;\n        font-weight: 600;\n        letter-spacing: -0.005em;\n        border: 1px solid rgba(226, 211, 133, 0.7);\n        background: transparent;\n        color: #E2D385;\n        text-decoration: none;\n        transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n        white-space: nowrap;\n      }\n      .mc-btn-event-details:hover {\n        background: #E2D385;\n        color: #0f1115;\n        border-color: #E2D385;\n        transform: translateY(-1px);\n        box-shadow: 0 8px 20px -6px rgba(226, 211, 133, 0.4);\n      }\n    <\/style>\n\n    \n      <\/div>\n      <div class=\"mc-activity-cta\">\n        <a href=\"\/inscriptions\/\" class=\"mc-btn mc-btn-primary\">\n          <span>S&rsquo;inscrire \u00e0 une course<\/span>\n          <span class=\"mc-btn-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"\/evenements\" class=\"mc-btn mc-btn-ghost\">\n          <span>Voir tous les \u00e9v\u00e9nements<\/span>\n          <span class=\"mc-btn-arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"mc-activity-panel\" data-panel=\"resultats\">\n      <div class=\"mc-shortcode-wrap\">\n                <div class=\"mc-results-list mc-home-results-list\">\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-1024x482.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-768x362.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-18x8.jpg 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1.jpg 1236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        24 Oct 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Base de Plein Air Saint-Constant                            \n                                                            ,                                 Saint-Constant                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        Coupe du Qu\u00e9bec de Cyclocross #7 2026                    <\/div>\n\n                    <p class=\"mc-card-small-meta\">\n                        R\u00e9sultats officiels disponibles en ligne.\n                    <\/p>\n\n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Cyclocross                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Division Chronom\u00e9trage                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-7-2026.html\" class=\"mc-btn mc-btn-primary\">\n                            Voir les r\u00e9sultats\n                        <\/a>\n                    <\/div>\n                <\/article>\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"141\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-300x141.jpg 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-1024x482.jpg 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-768x362.jpg 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1-18x8.jpg 18w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2026\/08\/fqsccx-1.jpg 1236w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        18 Oct 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Parc Bernard Landry                            \n                                                            ,                                 Laval                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        Coupe du Qu\u00e9bec de Cyclocross #6 2026                    <\/div>\n\n                    <p class=\"mc-card-small-meta\">\n                        R\u00e9sultats officiels disponibles en ligne.\n                    <\/p>\n\n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Cyclocross                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Division Chronom\u00e9trage                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/coupe-du-quebec-de-cyclocross-6-2026.html\" class=\"mc-btn mc-btn-primary\">\n                            Voir les r\u00e9sultats\n                        <\/a>\n                    <\/div>\n                <\/article>\n                            <article class=\"mc-card mc-event-card\">\n\n                                            <div class=\"mc-event-thumb-wrapper\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"74\" src=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/Championnats-quebecois-v3-2-300x74.png\" class=\"mc-event-thumb wp-post-image\" alt=\"\" srcset=\"https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/Championnats-quebecois-v3-2-300x74.png 300w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/Championnats-quebecois-v3-2-1024x253.png 1024w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/Championnats-quebecois-v3-2-768x190.png 768w, https:\/\/mcsportedge.com\/wp-content\/uploads\/2025\/11\/Championnats-quebecois-v3-2.png 1075w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>                        <\/div>\n                    \n                    <div class=\"mc-card-meta\">\n                        17 Oct 2026\n                                                    &nbsp;\u00b7&nbsp;\n                                                            Parc Bernard Landry                            \n                                                            ,                                 Laval                                                                        <\/div>\n\n                    <div class=\"mc-card-title\">\n                        Championnat qu\u00e9b\u00e9cois de Cyclocross 2026                    <\/div>\n\n                    <p class=\"mc-card-small-meta\">\n                        R\u00e9sultats officiels disponibles en ligne.\n                    <\/p>\n\n                    <div class=\"mc-card-tags\">\n                                                    <span class=\"mc-card-tag mc-card-tag-sport\">\n                                Cyclocross                            <\/span>\n                        \n                                                    <span class=\"mc-card-tag mc-card-tag-service\">\n                                Division Chronom\u00e9trage                            <\/span>\n                                            <\/div>\n\n                    <div class=\"mc-card-footer\">\n                        <a href=\"https:\/\/mcsportedge.com\/events\/2026\/championnat-quebecois-de-cyclocross-2026.html\" class=\"mc-btn mc-btn-primary\">\n                            Voir les r\u00e9sultats\n                        <\/a>\n                    <\/div>\n                <\/article>\n                    <\/div>\n    \n    <style>\n      .mc-home-results-list {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0,1fr));\n        gap: 18px;\n      }\n      @media (max-width: 960px) {\n        .mc-home-results-list {\n          grid-template-columns: repeat(2, minmax(0,1fr));\n        }\n      }\n      @media (max-width: 640px) {\n        .mc-home-results-list {\n          grid-template-columns: 1fr;\n        }\n      }\n\n      \/* Image \/ logo de l'\u00e9v\u00e9nement *\/\n      .mc-event-thumb-wrapper {\n        margin-bottom: 12px;\n      }\n      .mc-event-thumb {\n        width: 100%;\n        display: block;\n        border-radius: 12px;\n        object-fit: cover;\n        max-height: 180px;\n      }\n\n      .mc-card-meta {\n        font-size: 13px;\n        color: #9ca3af;\n        margin-bottom: 6px;\n      }\n\n      .mc-card-small-meta {\n        font-size: 13px;\n        color: #9ca3af;\n        margin-bottom: 6px;\n      }\n\n      .mc-card-tags {\n        margin-top: 12px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n      }\n\n      \/* Badges ovales *\/\n      .mc-card-tag {\n        display: inline-flex;\n        align-items: center;\n        padding: 3px 10px;\n        border-radius: 999px;\n        font-size: 11px;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      \/* Sport en gris *\/\n      .mc-card-tag-sport {\n        border: 1px solid #4b5563;\n        color: #d1d5db;\n        background: rgba(15, 17, 23, 0.95);\n      }\n\n      \/* Service en or *\/\n      .mc-card-tag-service {\n        border: 1px solid rgba(226,211,133,0.7);\n        color: #E2D385;\n        background: rgba(4,5,9,0.95);\n      }\n\n      \/* Plus d'espace entre tags et bouton *\/\n      .mc-card-footer {\n        margin-top: 18px;\n      }\n    <\/style>\n\n    \n      <\/div>\n      <div class=\"mc-activity-cta\">\n        <a href=\"\/resultats\" class=\"mc-btn mc-btn-ghost\">\n          <span>Tous les r\u00e9sultats<\/span>\n          <span class=\"mc-btn-arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- POSITIONNEMENT -->\n<section class=\"mc-positioning\" id=\"positionnement\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-pos-head\">\n      <h2>Plus que des annonceurs.<\/h2>\n      <p>Deux profils au micro. On vous envoie l&rsquo;un, l&rsquo;autre ou les deux, selon votre \u00e9v\u00e9nement.<\/p>\n      <ul class=\"mc-sports\" aria-label=\"Nos sports\">\n        <li>Trail<\/li>\n        <li>Course \u00e0 pied<\/li>\n        <li>Hyrox<\/li>\n        <li>Cyclocross<\/li>\n        <li>V\u00e9lo de montagne<\/li>\n        <li>Route et gravel<\/li>\n        <li>Courte piste<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"mc-profiles\">\n      <article class=\"mc-profile\">\n        <div class=\"mc-profile-media\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-descripteur-analyste.jpg\" alt=\"Descripteur-analyste MC Sport au micro pendant une course de v\u00e9lo de montagne\" loading=\"lazy\" style=\"object-position: 70% center;\">\n        <\/div>\n        <div class=\"mc-profile-body\">\n          <h3>Descripteur-analyste<\/h3>\n          <p>On conna\u00eet les athl\u00e8tes, leurs r\u00e9sultats et leurs rivalit\u00e9s. On explique au public ce qui se passe sur le parcours.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mc-profile\">\n        <div class=\"mc-profile-media\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-animateur-foule.jpg\" alt=\"Animateur de foule MC Sport devant les spectateurs le long du parcours\" loading=\"lazy\" style=\"object-position: 40% center;\">\n        <\/div>\n        <div class=\"mc-profile-body\">\n          <h3>Animateur de foule<\/h3>\n          <p>On fait lever la foule quand votre \u00e9v\u00e9nement a besoin de punch.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <ul class=\"mc-proof\">\n      <li class=\"mc-proof-item\">\n        <span class=\"mc-proof-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><\/svg><\/span>\n        Fiches d&rsquo;athl\u00e8tes pr\u00e9par\u00e9es avant chaque course\n      <\/li>\n      <li class=\"mc-proof-item\">\n        <span class=\"mc-proof-icon\"><svg viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg><\/span>\n        Plusieurs milliers d&rsquo;athl\u00e8tes dans notre base de donn\u00e9es\n      <\/li>\n      <li class=\"mc-proof-item\">\n        <span class=\"mc-proof-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 3.13a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg><\/span>\n        Une mention pour chaque athl\u00e8te, du premier au dernier\n      <\/li>\n    <\/ul>\n\n    <div class=\"mc-pos-cta\">\n      <a href=\"\/services\" class=\"mc-btn mc-btn-primary\">\n        <span>Voir notre approche compl\u00e8te<\/span>\n        <span class=\"mc-btn-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- CHRONOM\u00c9TRAGE -->\n<section class=\"mc-chrono\" id=\"chronometrage\">\n  <div class=\"mc-wrap mc-chrono-grid\">\n    <div class=\"mc-chrono-text\">\n      <h2>Un chrono que les familles suivent en direct.<\/h2>\n      <p class=\"mc-chrono-lead\">Puce sur le dossard, tapis \u00e0 l&rsquo;arriv\u00e9e et live timing sur le t\u00e9l\u00e9phone de chaque spectateur. Les r\u00e9sultats officiels sont en ligne avant la fin de la journ\u00e9e.<\/p>\n      <ul class=\"mc-chrono-points\">\n        <li><strong>Live timing<\/strong><span>Chaque passage s&rsquo;affiche en direct, sur ordi comme sur cellulaire.<\/span><\/li>\n        <li><strong>R\u00e9sultats le jour m\u00eame<\/strong><span>Classements officiels, podiums par cat\u00e9gorie et archives sur notre site.<\/span><\/li>\n        <li><strong>Branch\u00e9 \u00e0 vos inscriptions<\/strong><span>Les inscrits de notre plateforme arrivent directement dans le chrono. Aucun fichier \u00e0 retaper.<\/span><\/li>\n      <\/ul>\n      <div class=\"mc-chrono-cta\">\n        <a href=\"#soumission\" class=\"mc-btn mc-btn-primary\"><span>Demander une soumission<\/span><span class=\"mc-btn-arrow\">\u2192<\/span><\/a>\n        <a href=\"\/resultats\/\" class=\"mc-btn mc-btn-ghost\"><span>Voir des r\u00e9sultats<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <figure class=\"mc-chrono-visual\">\n      <div class=\"mc-chrono-photo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-chronometrage-marathon.jpg\" alt=\"Chronom\u00e9treur MC Sport devant son ordinateur pendant une course\" loading=\"lazy\" width=\"1510\" height=\"1107\">\n        <video class=\"mc-chrono-story\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-story-resultats.mp4\" poster=\"\/wp-content\/uploads\/2026\/10\/mc-sport-story-resultats.jpg\" autoplay muted loop playsinline preload=\"metadata\" width=\"540\" height=\"960\" aria-label=\"Story Instagram anim\u00e9e des r\u00e9sultats officiels, Coupe Canada #6, Elite hommes\"><\/video>\n      <\/div>\n    <\/figure>\n  <\/div>\n<\/section>\n\n\n<!-- ENTREVUES -->\n<section class=\"mc-interviews\" id=\"entrevues\">\n  <div class=\"mc-wrap mc-interview\">\n    <a class=\"mc-interview-media\" href=\"https:\/\/www.instagram.com\/p\/De3-aQJhTef\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Voir l&#039;entrevue de Jay Du Temple sur Instagram\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-entrevue-uthc.jpg\" alt=\"Entrevue de Jay Du Temple au micro de MC Sport \u00e0 l'Ultra-Trail Harricana\" loading=\"lazy\">\n      <span class=\"mc-interview-play\">\n        <span class=\"mc-interview-play-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 4v16l13-8z\"\/><\/svg><\/span>\n        Voir l&rsquo;entrevue\n      <\/span>\n    <\/a>\n\n    <div class=\"mc-interview-text\">\n      <h2>Au micro avec les athl\u00e8tes<\/h2>\n      <p>Avant le d\u00e9part ou apr\u00e8s la ligne d&rsquo;arriv\u00e9e, on prend le temps de parler aux athl\u00e8tes. Leur histoire fait partie de la course.<\/p>\n      <blockquote class=\"mc-interview-quote\">\u00ab Le Qu\u00e9bec a rien \u00e0 envier \u00e0 aucune autre place dans le monde. \u00bb<\/blockquote>\n      <p class=\"mc-interview-who\"><strong>Jay Du Temple<\/strong>, sur les sentiers du Qu\u00e9bec, \u00e0 l&rsquo;Ultra-Trail Harricana 2026<\/p>\n      <a class=\"mc-interview-follow\" href=\"https:\/\/www.instagram.com\/mcsportqc\/\" target=\"_blank\" rel=\"noopener\">Plus d&rsquo;entrevues sur Instagram <span aria-hidden=\"true\">\u2192<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- SERVICES -->\n<section class=\"mc-services\" id=\"services\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-services-head\">\n      <h2>Ce qu&rsquo;on fait pour votre \u00e9v\u00e9nement<\/h2>\n    <\/div>\n\n    <div class=\"mc-services-grid\">\n      <div class=\"mc-service-card featured\">\n        <span class=\"mc-service-tag\">Notre c\u0153ur<\/span>\n        <div class=\"mc-service-num\">01 \/ Animation<\/div>\n        <h3>Animation propuls\u00e9e par les donn\u00e9es<\/h3>\n        <p>\n          Vos athl\u00e8tes \u00e9tudi\u00e9s en amont, racont\u00e9s pendant la course, reconnus au podium. Gestion musicale int\u00e9gr\u00e9e et sonorisation en option. La signature MC Sport, bilingue FR\/EN.\n        <\/p>\n        <a href=\"\/services#animation\" class=\"mc-service-link\">\n          <span>D\u00e9couvrir l&rsquo;animation<\/span>\n          <span>\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"mc-service-card\">\n        <div class=\"mc-service-num\">02 \/ Chronom\u00e9trage<\/div>\n        <h3>Chronom\u00e9trage \u00e9lectronique<\/h3>\n        <p>\n          Puces actives ou passives, live timing que les familles suivent sur leur t\u00e9l\u00e9phone et r\u00e9sultats officiels publi\u00e9s le jour m\u00eame.\n        <\/p>\n        <a href=\"\/services#chrono\" class=\"mc-service-link\">\n          <span>D\u00e9couvrir le chronom\u00e9trage<\/span>\n          <span>\u2192<\/span>\n        <\/a>\n      <\/div>\n      <div class=\"mc-service-card\">\n        <div class=\"mc-service-num\">03 \/ Plateforme<\/div>\n        <h3>Inscriptions en ligne<\/h3>\n        <p>\n          Vos inscrits deviennent vos meilleurs vendeurs. Partage social int\u00e9gr\u00e9, affichage public, dashboard temps r\u00e9el. Encaissement direct, frais transparents.\n        <\/p>\n        <a href=\"\/inscriptions\" class=\"mc-service-link\">\n          <span>D\u00e9couvrir la plateforme<\/span>\n          <span>\u2192<\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- PREUVE SOCIALE -->\n<section class=\"mc-trust\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-trust-head\">\n      <h2>Des f\u00e9d\u00e9rations, des s\u00e9ries, des organisateurs de haut niveau.<\/h2>\n    <\/div>\n\n    <!-- Logos clients, 8 logos sur 2 rang\u00e9es de 4 -->\n    <div class=\"mc-logo-strip\">\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/CoupeCAN.png\" alt=\"Coupe Canada\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvc.png\" alt=\"Patinage de vitesse Canada\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsc.png\" alt=\"FQSC\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/pvq.png\" alt=\"Patinage de vitesse Qu\u00e9bec\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/fqsccx.png\" alt=\"Coupe Qu\u00e9bec Cyclocross\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/gaspesia100.png\" alt=\"Gasp\u00e9sia 100\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/demisherb.png\" alt=\"Demi-marathon Sherbrooke\" loading=\"lazy\">\n      <\/div>\n      <div class=\"mc-logo-item\">\n        <img decoding=\"async\" src=\"https:\/\/mcsportedge.com\/logo\/nv.png\" alt=\"Coupe NV Cloutier\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n    <div class=\"mc-testimonial mc-testimonial-single\">\n      <p class=\"mc-testimonial-quote\">\n        C&rsquo;est la 2e fois qu&rsquo;on travaillait avec MC Sport. Le service \u00e9tait d\u00e9j\u00e0 excellent en 2024, mais l&rsquo;am\u00e9lioration \u00e9tait nette pour 2025. Le live timing a rendu notre \u00e9v\u00e9nement \u00e0 la fine pointe. Comme organisateur, c&rsquo;est tr\u00e8s rassurant de pouvoir compter sur un service de cette qualit\u00e9.\n      <\/p>\n      <div class=\"mc-testimonial-author\">\n        <p class=\"mc-testimonial-name\">Luc Arseneau<\/p>\n        <p class=\"mc-testimonial-role\">Organisateur, Coupe Canada VM Dieppe, NB<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- STATS -->\n<section class=\"mc-stats\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-stats-head\">\n      <h2>Une exp\u00e9rience terrain qui se mesure.<\/h2>\n      <p> Pr\u00e9sents sur les pistes, les routes et les parcours du Qu\u00e9bec et du Canada. <\/p>\n    <\/div>\n\n    <div class=\"mc-stats-grid\">\n      <div class=\"mc-stat-card\">\n        <div class=\"mc-stat-num\" data-target=\"50\"><span class=\"sup\">+<\/span>50<\/div>\n        <div class=\"mc-stat-label\">Journ\u00e9es d&rsquo;animation<\/div>\n        <p class=\"mc-stat-sub\">Toutes disciplines confondues, au Qu\u00e9bec et au Canada.<\/p>\n      <\/div>\n      <div class=\"mc-stat-card\">\n        <div class=\"mc-stat-num\" data-target=\"30000\"><span class=\"sup\">+<\/span>30 000<\/div>\n        <div class=\"mc-stat-label\">Athl\u00e8tes chronom\u00e9tr\u00e9s<\/div>\n        <p class=\"mc-stat-sub\">Toutes disciplines confondues.<\/p>\n      <\/div>\n      <div class=\"mc-stat-card\">\n        <div class=\"mc-stat-num\" data-target=\"9\">9<span class=\"sup\">\/10<\/span><\/div>\n        <div class=\"mc-stat-label\">Partenaires fid\u00e8les<\/div>\n        <p class=\"mc-stat-sub\">Reviennent saison apr\u00e8s saison.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- SOUMISSION -->\n<section class=\"mc-process\" id=\"soumission\">\n  <div class=\"mc-wrap\">\n    <div class=\"mc-process-head\">\n      <h2>Organiser votre \u00e9v\u00e9nement avec MC Sport<\/h2>\n      <p>On travaille autant avec des f\u00e9d\u00e9rations qu&rsquo;avec des organisateurs qui lancent leur premi\u00e8re \u00e9dition. Peu importe la taille, \u00e7a commence toujours de la m\u00eame fa\u00e7on.<\/p>\n    <\/div>\n\n    <div class=\"mc-process-photo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/mc-sport-installation-jour-j.jpg\" alt=\"Kiosque d'animation et de chronom\u00e9trage MC Sport pendant le passage des cyclistes\" loading=\"lazy\">\n    <\/div>\n\n    <ol class=\"mc-steps\">\n      <li class=\"mc-step\">\n        <div class=\"mc-step-num\">1<\/div>\n        <h3>Vous nous \u00e9crivez<\/h3>\n        <p>La date, le lieu, la discipline, le nombre d&rsquo;athl\u00e8tes attendus et les services qui vous int\u00e9ressent.<\/p>\n      <\/li>\n      <li class=\"mc-step\">\n        <div class=\"mc-step-num\">2<\/div>\n        <h3>Vous recevez une soumission<\/h3>\n        <p>D\u00e9taill\u00e9e, gratuite et sans engagement, en 48 h ouvrables.<\/p>\n      <\/li>\n      <li class=\"mc-step\">\n        <div class=\"mc-step-num\">3<\/div>\n        <h3>On s&rsquo;occupe du jour J<\/h3>\n        <p>Installation, chronom\u00e9trage, animation et r\u00e9sultats publi\u00e9s en ligne. Vous g\u00e9rez votre \u00e9v\u00e9nement, on g\u00e8re le reste.<\/p>\n      <\/li>\n    <\/ol>\n\n    <div class=\"mc-process-cta\">\n      <a href=\"\/contact\/\" class=\"mc-btn mc-btn-gold\">\n        <span>Demander une soumission<\/span>\n        <span class=\"mc-btn-arrow\">\u2192<\/span>\n      <\/a>\n      <span class=\"mc-process-mail\">Ou \u00e9crivez directement \u00e0 <a href=\"mailto:info@mcsportedge.com\">info@mcsportedge.com<\/a><\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<script>\n  (function() {\n    const card = document.getElementById('mc-hero-live');\n    const events = document.querySelectorAll('.mc-live-bar .mc-live-event');\n    if (!card || !events.length) return;\n    const list = card.querySelector('.mc-hero-live-list');\n    events.forEach(ev => {\n      const title = ev.querySelector('.mc-live-event-title');\n      const meta = ev.querySelector('.mc-live-event-meta');\n      const link = document.createElement('a');\n      link.className = 'mc-hero-live-event';\n      link.href = ev.href;\n      [\n        ['', title ? title.textContent : ev.textContent],\n        ['mc-hero-live-meta', meta ? meta.textContent : ''],\n        ['mc-hero-live-go', 'Suivre en direct \u2192']\n      ].forEach(([cls, text]) => {\n        text = text.replace(\/\\s+\/g, ' ').trim();\n        if (!text) return;\n        const span = document.createElement('span');\n        if (cls) span.className = cls;\n        span.textContent = text;\n        link.appendChild(span);\n      });\n      list.appendChild(link);\n    });\n    card.hidden = false;\n  })();\n\n  (function() {\n    const tabs = document.querySelectorAll('.mc-activity-tab');\n    const panels = document.querySelectorAll('.mc-activity-panel');\n    tabs.forEach(tab => {\n      tab.addEventListener('click', () => {\n        const target = tab.getAttribute('data-tab');\n        tabs.forEach(t => t.classList.remove('active'));\n        tab.classList.add('active');\n        panels.forEach(p => {\n          if (p.getAttribute('data-panel') === target) {\n            p.classList.add('active');\n            p.querySelectorAll('.mc-reveal').forEach(el => el.classList.remove('mc-reveal', 'is-visible'));\n          }\n          else p.classList.remove('active');\n        });\n      });\n    });\n  })();\n\n  (function() {\n    if (!('IntersectionObserver' in window)) return;\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    \/\/ Apparition au d\u00e9filement, en cascade pour les \u00e9l\u00e9ments d'une m\u00eame rang\u00e9e\n    const selector = [\n      '.mc-activity-head', '.mc-shortcode-wrap', '.mc-interview-media', '.mc-interview-text', '.mc-pos-head', '.mc-profile', '.mc-proof-item', '.mc-pos-cta',\n      '.mc-services-head', '.mc-service-card', '.mc-trust-head', '.mc-logo-item',\n      '.mc-testimonial-single', '.mc-stats-head', '.mc-stat-card',\n      '.mc-process-head', '.mc-process-photo', '.mc-step', '.mc-process-cta'\n    ].join(',');\n    const items = reduced ? [] : document.querySelectorAll(selector);\n    items.forEach(el => {\n      const siblings = Array.from(el.parentElement.children).filter(c => c.matches(selector));\n      const index = siblings.indexOf(el);\n      if (index > 0) el.style.setProperty('--mc-delay', Math.min(index, 6) * 0.1 + 's');\n      el.classList.add('mc-reveal');\n    });\n    document.documentElement.classList.add('mc-js');\n\n    \/\/ Une fois apparu, l'\u00e9l\u00e9ment retrouve ses styles normaux (effets au survol compris)\n    const settle = el => {\n      el.classList.remove('mc-reveal', 'is-visible');\n      el.style.removeProperty('--mc-delay');\n    };\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n        const el = entry.target;\n        observer.unobserve(el);\n        el.classList.add('is-visible');\n        const delay = parseFloat(el.style.getPropertyValue('--mc-delay')) || 0;\n        setTimeout(() => settle(el), 800 + delay * 1000);\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    items.forEach(el => observer.observe(el));\n\n    \/\/ Compteurs des chiffres\n    const format = n => String(n).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ' ');\n    const counters = document.querySelectorAll('.mc-stat-num[data-target]');\n    const countObserver = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n        countObserver.unobserve(entry.target);\n        const node = Array.from(entry.target.childNodes).find(n => n.nodeType === 3 && \/\\d\/.test(n.textContent));\n        const target = parseInt(entry.target.dataset.target, 10);\n        if (!node || !target || reduced) return;\n        const duration = 1400;\n        const start = performance.now();\n        const tick = now => {\n          const t = Math.min((now - start) \/ duration, 1);\n          node.textContent = format(Math.round(target * (1 - Math.pow(1 - t, 3))));\n          if (t < 1) requestAnimationFrame(tick);\n        };\n        requestAnimationFrame(tick);\n      });\n    }, { threshold: 0.5 });\n    counters.forEach(el => countObserver.observe(el));\n  })();\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vivez le moment. Animation sportive au micro et chronom\u00e9trage \u00e9lectronique pour vos courses et comp\u00e9titions, partout au Qu\u00e9bec. Chaque athl\u00e8te \u00e9tudi\u00e9, racont\u00e9, reconnu. Organiser un \u00e9v\u00e9nement \u2192 R\u00e9sultats et inscriptions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":372,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":116,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/2050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media\/372"}],"wp:attachment":[{"href":"https:\/\/mcsportedge.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}