{"id":9542,"date":"2026-08-19T18:41:24","date_gmt":"2026-08-19T18:41:24","guid":{"rendered":"https:\/\/metspace.com\/?page_id=9542"},"modified":"2026-09-04T00:13:49","modified_gmt":"2026-09-04T00:13:49","slug":"forfaits","status":"publish","type":"page","link":"https:\/\/metspace.com\/fr\/forfaits\/","title":{"rendered":"Packages FR (celine)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9542\" class=\"elementor elementor-9542 elementor-9211\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e46d10 e-flex e-con-boxed e-con e-parent\" data-id=\"1e46d10\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e82039d elementor-widget elementor-widget-html\" data-id=\"e82039d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Hero forfaits (titre rotatif + sous-texte)\n  Collez tout le fichier dans un widget HTML Elementor sur la page Forfaits FR.\n  Conteneur : pleine largeur, espacement 0, marge int\u00e9rieure 0.\n-->\n\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:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\" defer><\/script>\n\n<div class=\"msp-hero\" id=\"metspace-packages-hero\" lang=\"fr\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-packages-hero),\n  .e-con:has(#metspace-packages-hero) > .e-con-inner,\n  .elementor-element:has(#metspace-packages-hero),\n  .elementor-widget-html:has(#metspace-packages-hero),\n  .elementor-widget-html:has(#metspace-packages-hero) .elementor-widget-container,\n  .elementor-section:has(#metspace-packages-hero) > .elementor-container,\n  .elementor-column:has(#metspace-packages-hero) > .elementor-element-populated {\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n    row-gap: 0 !important;\n    column-gap: 0 !important;\n    --padding-top: 0px !important;\n    --padding-right: 0px !important;\n    --padding-bottom: 0px !important;\n    --padding-left: 0px !important;\n    --row-gap: 0px !important;\n    --column-gap: 0px !important;\n    --gap: 0px !important;\n    max-width: none !important;\n    overflow: visible !important;\n    overflow-x: visible !important;\n    overflow-y: visible !important;\n  }\n\n  body:has(#metspace-packages-hero) #metspace-header-root .header-spacer {\n    height: 72px !important;\n  }\n\n  #metspace-packages-hero.msp-hero {\n    --msp-ink: #1B2A4A;\n    --msp-ink-soft: #6B7280;\n    --msp-accent: #C8102E;\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--msp-ink);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin: 0 0 0 -50vw;\n    padding: calc(72px + 0.35rem) clamp(1.25rem, 4vw, 2rem) clamp(0.85rem, 2.5vw, 1.25rem);\n    box-sizing: border-box;\n    background-color: #1B2A4A;\n    background-image:\n      radial-gradient(ellipse 72% 105% at 12% 38%, rgba(250, 248, 245, 0.78) 0%, rgba(250, 248, 245, 0.42) 48%, rgba(250, 248, 245, 0.12) 74%),\n      linear-gradient(180deg, rgba(27, 42, 74, 0.25) 0%, rgba(27, 42, 74, 0.25) 100%),\n      url(\"https:\/\/metspace.com\/wp-content\/uploads\/2023\/07\/image-017.jpg\");\n    background-size: cover, cover, cover;\n    background-position: center, center, center 38%;\n    background-repeat: no-repeat;\n    overflow: visible;\n    isolation: isolate;\n  }\n\n  body.admin-bar #metspace-packages-hero.msp-hero {\n    padding-top: calc(72px + 32px + 0.35rem);\n  }\n\n  @media (max-width: 782px) {\n    body.admin-bar #metspace-packages-hero.msp-hero {\n      padding-top: calc(72px + 46px + 0.35rem);\n    }\n  }\n\n  #metspace-packages-hero.msp-hero *,\n  #metspace-packages-hero.msp-hero *::before,\n  #metspace-packages-hero.msp-hero *::after { box-sizing: border-box; }\n\n  #metspace-packages-hero .msp-hero__inner {\n    position: relative;\n    z-index: 1;\n    max-width: 1100px;\n    margin: 0 auto;\n    overflow: visible;\n  }\n\n  .msp-hero__title,\n  #metspace-packages-hero h1 {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    margin: 0;\n    line-height: 1.2;\n    overflow: visible !important;\n  }\n\n  #metspace-packages-hero .rt-carousel {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    align-items: center;\n    gap: var(--rt-gap, 0.65rem);\n    width: 100%;\n    max-width: 100%;\n  }\n\n  #metspace-packages-hero .rt-prefix {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 700;\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    letter-spacing: -0.03em;\n    color: var(--rt-prefix-color, var(--msp-ink)) !important;\n    line-height: 1.12;\n    flex-shrink: 0;\n    white-space: nowrap;\n  }\n\n  #metspace-packages-hero .rt-badge {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #C8102E !important;\n    background-color: #C8102E !important;\n    color: #ffffff !important;\n    border-radius: var(--rt-badge-radius, 18px);\n    padding: 0.22em var(--rt-badge-px, 14px) 0.28em;\n    box-shadow: 0 12px 32px rgba(200, 16, 46, 0.28);\n    flex-shrink: 0;\n  }\n\n  #metspace-packages-hero .rt-content {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    white-space: nowrap;\n    position: relative;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 700;\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    padding: 0.06em 0 0.08em;\n    color: #ffffff !important;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #metspace-packages-hero .rt-sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  @media (max-width: 640px) {\n    #metspace-packages-hero .rt-carousel {\n      gap: 0.4rem;\n    }\n\n    #metspace-packages-hero .rt-prefix,\n    #metspace-packages-hero .rt-content {\n      font-size: clamp(1.9rem, 7.8vw, 2.5rem);\n      letter-spacing: -0.025em;\n    }\n\n    #metspace-packages-hero .rt-badge {\n      --rt-badge-px: 10px;\n      --rt-badge-radius: 14px;\n      padding-top: 0.18em;\n      padding-bottom: 0.22em;\n    }\n  }\n\n  @media (max-width: 380px) {\n    #metspace-packages-hero .rt-prefix,\n    #metspace-packages-hero .rt-content {\n      font-size: clamp(1.7rem, 7.2vw, 2.15rem);\n    }\n\n    #metspace-packages-hero .rt-carousel {\n      gap: 0.32rem;\n    }\n\n    #metspace-packages-hero .rt-badge {\n      --rt-badge-px: 8px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-packages-hero .rt-content .char {\n      transform: none !important;\n      opacity: 1 !important;\n    }\n  }\n<\/style>\n\n  <div class=\"msp-hero__inner\">\n    <h1 class=\"msp-hero__title\">\n      <span\n        class=\"rotating-text\"\n        data-prefix=\"Metspace\"\n        data-texts='[\"Client\",\"Membre\",\"Locataire\",\"Scholar\"]'\n        data-interval=\"2000\"\n        data-stagger=\"0.03\"\n        data-stagger-from=\"first\"\n        data-split-by=\"characters\"\n        data-duration=\"0.45\"\n        data-ease=\"easeOut\"\n        data-badge-bg=\"#C8102E\"\n        data-badge-color=\"#ffffff\"\n        data-prefix-color=\"#1B2A4A\"\n        data-badge-px=\"14\"\n        data-badge-py=\"10\"\n        data-badge-radius=\"18\"\n        data-gap=\"0.65rem\"\n        aria-live=\"polite\"\n      ><\/span>\n    <\/h1>\n  <\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-packages-hero');\n  if (!root || root.dataset.mspInit) return;\n  root.dataset.mspInit = '1';\n\n  var ROTATION_INTERVAL_MS = 2000;\n  var EASE_MAP = {\n    linear: 'none', easeIn: 'power2.in', easeOut: 'power2.out', easeInOut: 'power2.inOut',\n    circIn: 'circ.in', circOut: 'circ.out', circInOut: 'circ.inOut',\n    backIn: 'back.in', backOut: 'back.out(1.7)', backInOut: 'back.inOut', anticipate: 'back.out(1.7)'\n  };\n\n  function mapEase(ease) {\n    if (!ease || typeof ease !== 'string') return 'power2.out';\n    return EASE_MAP[ease] || ease;\n  }\n\n  function mapStaggerFrom(staggerFrom) {\n    if (staggerFrom === 'first') return 'start';\n    if (staggerFrom === 'last') return 'end';\n    return staggerFrom || 'start';\n  }\n\n  function splitGraphemes(text) {\n    if (typeof Intl !== 'undefined' && Intl.Segmenter) {\n      var segmenter = new Intl.Segmenter('fr', { granularity: 'grapheme' });\n      return Array.from(segmenter.segment(text), function (part) { return part.segment; });\n    }\n    return Array.from(text);\n  }\n\n  function buildElements(text, splitBy) {\n    if (splitBy === 'words') {\n      return text.split(' ').map(function (word, i, arr) {\n        return { characters: [word], needsSpace: i !== arr.length - 1 };\n      });\n    }\n    return text.split(' ').map(function (word, i, arr) {\n      return { characters: splitGraphemes(word), needsSpace: i !== arr.length - 1 };\n    });\n  }\n\n  function parseTexts(el) {\n    try {\n      var texts = JSON.parse(el.getAttribute('data-texts') || '[]');\n      return texts && texts.length ? texts : ['Membre'];\n    } catch (e) {\n      return ['Membre'];\n    }\n  }\n\n  function readOptions(el) {\n    return {\n      prefix: el.getAttribute('data-prefix') || '',\n      texts: parseTexts(el),\n      interval: parseInt(el.getAttribute('data-interval'), 10) || ROTATION_INTERVAL_MS,\n      stagger: parseFloat(el.getAttribute('data-stagger')) || 0.03,\n      staggerFrom: el.getAttribute('data-stagger-from') || 'first',\n      splitBy: el.getAttribute('data-split-by') || 'characters',\n      duration: parseFloat(el.getAttribute('data-duration')) || 0.45,\n      delay: parseFloat(el.getAttribute('data-delay')) || 0,\n      ease: el.getAttribute('data-ease') || 'easeOut',\n      badgeBg: el.getAttribute('data-badge-bg') || '#C8102E',\n      badgeColor: el.getAttribute('data-badge-color') || '#ffffff',\n      prefixColor: el.getAttribute('data-prefix-color') || '',\n      badgePx: parseFloat(el.getAttribute('data-badge-px')) || 14,\n      badgePy: parseFloat(el.getAttribute('data-badge-py')) || 10,\n      badgeRadius: parseFloat(el.getAttribute('data-badge-radius')) || 18,\n      gap: el.getAttribute('data-gap') || '0.65rem',\n      auto: el.getAttribute('data-auto') !== 'false'\n    };\n  }\n\n  function renderContent(container, text, splitBy) {\n    container.innerHTML = '';\n    buildElements(text, splitBy).forEach(function (wordObj) {\n      var word = document.createElement('span');\n      word.style.display = 'inline-flex';\n      wordObj.characters.forEach(function (ch) {\n        var span = document.createElement('span');\n        span.className = 'char';\n        span.style.display = 'inline-block';\n        span.style.willChange = 'transform, opacity';\n        span.textContent = ch === ' ' ? '\\u00A0' : ch;\n        word.appendChild(span);\n      });\n      container.appendChild(word);\n      if (wordObj.needsSpace) {\n        var space = document.createElement('span');\n        space.style.whiteSpace = 'pre';\n        space.textContent = ' ';\n        container.appendChild(space);\n      }\n    });\n  }\n\n  function measureBadgeWidth(content, badgePx) {\n    return content.scrollWidth + badgePx * 2;\n  }\n\n  function animateIn(content, badge, opts, isFirst, hasSizedBadge, onComplete) {\n    var chars = content.querySelectorAll('.char');\n    if (!chars.length) { if (onComplete) onComplete(); return; }\n    var nextWidth = measureBadgeWidth(content, opts.badgePx);\n    if (typeof gsap === 'undefined') {\n      badge.style.width = nextWidth + 'px';\n      if (onComplete) onComplete();\n      return;\n    }\n    gsap.killTweensOf(chars);\n    gsap.killTweensOf(badge);\n    if (!hasSizedBadge.value) {\n      hasSizedBadge.value = true;\n      gsap.set(badge, { width: nextWidth });\n    } else {\n      gsap.to(badge, { width: nextWidth, duration: opts.duration, ease: mapEase(opts.ease) });\n    }\n    gsap.fromTo(chars, { yPercent: 100, opacity: 0 }, {\n      yPercent: 0, opacity: 1, duration: opts.duration,\n      delay: isFirst ? opts.delay : 0,\n      stagger: { each: opts.stagger, from: mapStaggerFrom(opts.staggerFrom) },\n      ease: mapEase(opts.ease), onComplete: onComplete\n    });\n  }\n\n  function animateOut(content, opts, onComplete) {\n    var chars = content.querySelectorAll('.char');\n    if (!chars.length || typeof gsap === 'undefined') { if (onComplete) onComplete(); return; }\n    gsap.killTweensOf(chars);\n    gsap.to(chars, {\n      yPercent: -120, opacity: 0, duration: opts.duration,\n      stagger: { each: opts.stagger, from: mapStaggerFrom(opts.staggerFrom) },\n      ease: mapEase(opts.ease), onComplete: onComplete\n    });\n  }\n\n  function initRotatingText(el) {\n    if (el.dataset.rtInit) return;\n    el.dataset.rtInit = '1';\n    var opts = readOptions(el);\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var index = 0, isAnimating = false, isFirstRender = true;\n    var hasSizedBadge = { value: false };\n\n    el.classList.add('rt-carousel');\n    el.style.setProperty('--rt-gap', opts.gap);\n    if (opts.prefixColor) el.style.setProperty('--rt-prefix-color', opts.prefixColor);\n    el.style.setProperty('--rt-badge-bg', opts.badgeBg);\n    el.style.setProperty('--rt-badge-color', opts.badgeColor);\n    el.style.setProperty('--rt-badge-radius', opts.badgeRadius + 'px');\n    el.style.setProperty('--rt-badge-px', opts.badgePx + 'px');\n    el.style.setProperty('--rt-badge-py', opts.badgePy + 'px');\n\n    if (opts.prefix) {\n      var prefixEl = document.createElement('span');\n      prefixEl.className = 'rt-prefix';\n      prefixEl.textContent = opts.prefix;\n      el.appendChild(prefixEl);\n    }\n\n    var badge = document.createElement('span');\n    badge.className = 'rt-badge';\n    var sr = document.createElement('span');\n    sr.className = 'rt-sr-only';\n    var content = document.createElement('span');\n    content.className = 'rt-content';\n    content.setAttribute('aria-hidden', 'true');\n    badge.appendChild(sr);\n    badge.appendChild(content);\n    el.appendChild(badge);\n\n    function updateSr() {\n      sr.textContent = (opts.prefix ? opts.prefix + ' ' : '') + opts.texts[index];\n    }\n\n    function showText(i, afterOut) {\n      renderContent(content, opts.texts[i], opts.splitBy);\n      updateSr();\n      if (reduced) {\n        badge.style.width = measureBadgeWidth(content, opts.badgePx) + 'px';\n        isAnimating = false;\n        return;\n      }\n      animateIn(content, badge, opts, isFirstRender && !afterOut, hasSizedBadge, function () {\n        isAnimating = false;\n        isFirstRender = false;\n      });\n    }\n\n    showText(0);\n    if (reduced || !opts.auto || opts.texts.length <= 1) return;\n\n    window.setInterval(function () {\n      if (isAnimating) return;\n      if (!content.querySelectorAll('.char').length) {\n        index = index >= opts.texts.length - 1 ? 0 : index + 1;\n        showText(index);\n        return;\n      }\n      isAnimating = true;\n      animateOut(content, opts, function () {\n        index = index >= opts.texts.length - 1 ? 0 : index + 1;\n        showText(index, true);\n      });\n    }, opts.interval);\n  }\n\n  function boot() {\n    root.querySelectorAll('.rotating-text').forEach(initRotatingText);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', boot);\n  } else {\n    boot();\n  }\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6440eea elementor-widget elementor-widget-html\" data-id=\"6440eea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Catalogue de forfaits (5 cat\u00e9gories + panneaux). Sans banni\u00e8re CTA.\n  Collez dans un widget HTML Elementor sous le h\u00e9ros.\n-->\n\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:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"msp-pkg\" id=\"metspace-packages-catalog\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-packages-catalog),\n  .e-con:has(#metspace-packages-catalog) > .e-con-inner,\n  .elementor-element:has(#metspace-packages-catalog),\n  .elementor-widget-html:has(#metspace-packages-catalog),\n  .elementor-widget-html:has(#metspace-packages-catalog) .elementor-widget-container,\n  .elementor-section:has(#metspace-packages-catalog) > .elementor-container,\n  .elementor-column:has(#metspace-packages-catalog) > .elementor-element-populated {\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n    row-gap: 0 !important;\n    column-gap: 0 !important;\n    --padding-top: 0px !important;\n    --padding-right: 0px !important;\n    --padding-bottom: 0px !important;\n    --padding-left: 0px !important;\n    --row-gap: 0px !important;\n    --column-gap: 0px !important;\n    --gap: 0px !important;\n    max-width: none !important;\n  }\n\n  .msp-pkg {\n    --msp-ink: #1B2A4A;\n    --msp-ink-soft: #5A6478;\n    --msp-paper: #FFFFFF;\n    --msp-paper-warm: #FAF8F5;\n    --msp-accent: #C8102E;\n    --msp-accent-press: #A60D24;\n    --msp-accent-ink: rgba(200, 16, 46, 0.12);\n    --msp-muted: #7B8494;\n    --msp-sand-light: #F3F0EB;\n    --msp-sand: #E9E4DC;\n    --msp-hair: rgba(27, 42, 74, 0.09);\n    --msp-hair-strong: rgba(27, 42, 74, 0.16);\n    --msp-font-display: \"Fraunces\", Georgia, serif;\n    --msp-font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    --msp-space-xs: 0.5rem;\n    --msp-space-sm: 1rem;\n    --msp-space-md: 1.5rem;\n    --msp-space-lg: 2.75rem;\n    --msp-space-xl: 5rem;\n    --msp-space-2xl: 8.5rem;\n    --msp-radius: 20px;\n    --msp-radius-lg: 24px;\n    --msp-radius-sm: 12px;\n    --msp-radius-pill: 999px;\n    --msp-max-width: 1100px;\n    --msp-transition: 0.35s cubic-bezier(0.22, 0.68, 0.22, 1);\n    font-family: var(--msp-font-body);\n    font-size: 1.0625rem;\n    line-height: 1.6;\n    color: var(--msp-ink);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin: 0 0 0 -50vw;\n    padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 4vw, 2rem) clamp(2rem, 5vw, 3rem);\n    box-sizing: border-box;\n    background: var(--msp-paper-warm);\n  }\n\n  .msp-pkg *, .msp-pkg *::before, .msp-pkg *::after { box-sizing: border-box; }\n  .msp-pkg a { color: inherit; text-decoration: none; }\n  .msp-pkg h2, .msp-pkg h3 { font-family: var(--msp-font-display); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; margin: 0; }\n\n  .msp-pkg__inner { max-width: var(--msp-max-width); margin: 0 auto; }\n\n  .msp-pkg__stage { position: relative; overflow: visible; }\n\n  .msp-pkg__picker {\n    display: grid;\n    gap: var(--msp-space-md);\n    margin-bottom: var(--msp-space-xl);\n    padding: 0.5rem 0.25rem 0.25rem;\n    margin-top: -0.5rem;\n    transition: opacity 0.45s ease, transform 0.45s ease;\n  }\n\n  .msp-pkg__stage.has-panel-open .msp-pkg__picker {\n    opacity: 0;\n    transform: translateY(-12px) scale(0.98);\n    pointer-events: none;\n    position: absolute;\n    visibility: hidden;\n    width: 100%;\n  }\n\n  .msp-pkg__card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.35rem;\n    padding: clamp(1.25rem, 3vw, 1.75rem);\n    min-height: 11rem;\n    text-align: left;\n    background: var(--msp-paper);\n    border: 2px solid var(--msp-hair);\n    border-radius: var(--msp-radius-lg);\n    cursor: pointer;\n    overflow: hidden;\n    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.35s ease;\n    animation: mspPkgCardIn 0.55s ease backwards;\n    font: inherit;\n    color: inherit;\n    width: 100%;\n  }\n\n  .msp-pkg__card:nth-child(1) { animation-delay: 0.04s; }\n  .msp-pkg__card:nth-child(2) { animation-delay: 0.08s; }\n  .msp-pkg__card:nth-child(3) { animation-delay: 0.12s; }\n  .msp-pkg__card:nth-child(4) { animation-delay: 0.16s; }\n  .msp-pkg__card:nth-child(5) { animation-delay: 0.2s; }\n\n  @keyframes mspPkgCardIn {\n    from { opacity: 0; transform: translateY(18px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .msp-pkg__card-glow {\n    position: absolute;\n    inset: -40% -20% auto auto;\n    width: 70%;\n    height: 70%;\n    background: radial-gradient(circle, rgba(200, 16, 46, 0.14) 0%, transparent 68%);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n  }\n\n  .msp-pkg__card:hover,\n  .msp-pkg__card:focus-visible {\n    transform: translateY(-6px);\n    z-index: 2;\n    border-color: var(--msp-accent);\n    box-shadow: 0 20px 48px rgba(27, 42, 74, 0.12);\n    outline: none;\n    background: var(--msp-paper) !important;\n    color: var(--msp-ink);\n  }\n\n  .msp-pkg__card--featured:hover,\n  .msp-pkg__card--featured:focus-visible {\n    background: linear-gradient(145deg, var(--msp-paper) 0%, var(--msp-sand-light) 100%) !important;\n  }\n\n  .msp-pkg__card:hover .msp-pkg__card-title,\n  .msp-pkg__card:focus-visible .msp-pkg__card-title { color: var(--msp-ink); }\n\n  .msp-pkg__card:hover .msp-pkg__card-hint,\n  .msp-pkg__card:focus-visible .msp-pkg__card-hint { color: var(--msp-ink-soft); }\n\n  .msp-pkg__card:hover .msp-pkg__card-from,\n  .msp-pkg__card:focus-visible .msp-pkg__card-from { color: var(--msp-muted); }\n\n  .msp-pkg__card:hover .msp-pkg__card-from strong,\n  .msp-pkg__card:focus-visible .msp-pkg__card-from strong { color: var(--msp-ink); }\n\n  .msp-pkg__card:hover .msp-pkg__card-num,\n  .msp-pkg__card:focus-visible .msp-pkg__card-num { color: var(--msp-accent); }\n\n  .msp-pkg__card:hover .msp-pkg__card-arrow,\n  .msp-pkg__card:focus-visible .msp-pkg__card-arrow { color: var(--msp-accent); }\n\n  .msp-pkg__card.is-active:hover,\n  .msp-pkg__card.is-active:focus-visible {\n    background: var(--msp-ink);\n    border-color: rgba(255, 255, 255, 0.4);\n    color: var(--msp-paper);\n  }\n\n  .msp-pkg__card.is-active:hover .msp-pkg__card-title,\n  .msp-pkg__card.is-active:focus-visible .msp-pkg__card-title { color: var(--msp-paper); }\n\n  .msp-pkg__card.is-active:hover .msp-pkg__card-hint,\n  .msp-pkg__card.is-active:focus-visible .msp-pkg__card-hint { color: rgba(255, 255, 255, 0.72); }\n\n  .msp-pkg__card.is-active:hover .msp-pkg__card-from,\n  .msp-pkg__card.is-active:focus-visible .msp-pkg__card-from,\n  .msp-pkg__card.is-active:hover .msp-pkg__card-from strong,\n  .msp-pkg__card.is-active:focus-visible .msp-pkg__card-from strong { color: var(--msp-paper); }\n\n  .msp-pkg__card.is-active:hover .msp-pkg__card-arrow,\n  .msp-pkg__card.is-active:focus-visible .msp-pkg__card-arrow { color: rgba(255, 255, 255, 0.85); }\n\n  .msp-pkg__card:hover .msp-pkg__card-glow,\n  .msp-pkg__card:focus-visible .msp-pkg__card-glow { opacity: 1; }\n\n  .msp-pkg__card.is-active {\n    border-color: var(--msp-ink);\n    background: var(--msp-ink);\n    color: var(--msp-paper);\n  }\n\n  .msp-pkg__card-num {\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    color: var(--msp-accent);\n  }\n\n  .msp-pkg__card-badge {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 0.3rem 0.55rem;\n    border-radius: var(--msp-radius-pill);\n    background: var(--msp-accent);\n    color: var(--msp-paper);\n  }\n\n  .msp-pkg__card-title {\n    font-family: var(--msp-font-display);\n    font-size: clamp(1.35rem, 2.5vw, 1.75rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n    color: var(--msp-ink);\n  }\n\n  .msp-pkg__card.is-active .msp-pkg__card-title { color: var(--msp-paper); }\n\n  .msp-pkg__card-hint {\n    font-size: 0.9375rem;\n    color: var(--msp-ink-soft);\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  .msp-pkg__card.is-active .msp-pkg__card-hint { color: rgba(255, 255, 255, 0.72); }\n\n  .msp-pkg__card-from {\n    margin-top: auto;\n    font-size: 0.875rem;\n    color: var(--msp-muted);\n    margin-bottom: 0;\n  }\n\n  .msp-pkg__card-from strong {\n    font-family: var(--msp-font-display);\n    font-size: 1.35rem;\n    color: var(--msp-ink);\n  }\n\n  .msp-pkg__card.is-active .msp-pkg__card-from,\n  .msp-pkg__card.is-active .msp-pkg__card-from strong { color: var(--msp-paper); }\n\n  .msp-pkg__card-arrow {\n    position: absolute;\n    right: 1.25rem;\n    bottom: 1.25rem;\n    font-size: 0.8125rem;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--msp-accent);\n    transition: transform 0.3s ease;\n  }\n\n  .msp-pkg__card:hover .msp-pkg__card-arrow { transform: translateX(4px); }\n\n  .msp-pkg__card--featured {\n    border-color: rgba(200, 16, 46, 0.35);\n    background: linear-gradient(145deg, var(--msp-paper) 0%, var(--msp-sand-light) 100%);\n  }\n\n  .msp-pkg__panels { position: relative; min-height: 0; }\n\n  .msp-pkg__back {\n    display: none;\n    align-items: center;\n    justify-content: center;\n    gap: 0.35rem;\n    margin: 0 0 var(--msp-space-md);\n    padding: 0.5rem 0.95rem !important;\n    min-height: 40px;\n    font-family: var(--msp-font-body) !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.01em;\n    text-transform: none;\n    line-height: 1.25 !important;\n    color: var(--msp-ink) !important;\n    background: var(--msp-paper) !important;\n    border: 1.5px solid rgba(27, 42, 74, 0.22) !important;\n    border-radius: 10px !important;\n    cursor: pointer;\n    box-shadow: none !important;\n    transition: background var(--msp-transition), color var(--msp-transition), border-color var(--msp-transition), transform 0.25s ease;\n  }\n\n  .msp-pkg__stage.has-panel-open .msp-pkg__back { display: inline-flex; }\n  .msp-pkg__back[hidden] { display: none !important; }\n  .msp-pkg__back:hover {\n    color: #fff !important;\n    background: var(--msp-ink) !important;\n    border-color: var(--msp-ink) !important;\n    transform: translateX(-3px);\n  }\n\n  .msp-pkg__panel { animation: mspPkgPanelIn 0.5s cubic-bezier(0.22, 1, 0.36, 1); }\n\n  @keyframes mspPkgPanelIn {\n    from { opacity: 0; transform: translateY(24px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .msp-pkg__stage.has-panel-open .msp-pkg__panels { min-height: 12rem; }\n\n  .msp-pkg__shell {\n    background: rgba(255, 255, 255, 0.78);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    border: 2px solid rgba(27, 42, 74, 0.12);\n    border-radius: var(--msp-radius);\n    padding: var(--msp-space-lg);\n    box-shadow: 0 8px 32px rgba(27, 42, 74, 0.06);\n  }\n\n  .msp-pkg__category {\n    display: inline-block;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--msp-accent);\n    background: var(--msp-accent-ink);\n    padding: 0.35rem 0.7rem;\n    border-radius: var(--msp-radius-pill);\n    margin-bottom: var(--msp-space-md);\n  }\n\n  .msp-pkg__header {\n    max-width: 52ch;\n    margin-bottom: var(--msp-space-lg);\n    padding-bottom: var(--msp-space-md);\n    border-bottom: 1px solid var(--msp-hair-strong);\n  }\n\n  .msp-pkg__header h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: var(--msp-space-xs); }\n  .msp-pkg__header p { font-size: 1.0625rem; line-height: 1.6; color: var(--msp-ink-soft); margin: 0; }\n\n  .msp-pkg__note {\n    margin-top: var(--msp-space-md);\n    font-size: 0.875rem;\n    color: var(--msp-muted);\n  }\n\n  .msp-pkg__note a { color: var(--msp-accent); font-weight: 600; }\n\n  .msp-pkg__menu { list-style: none; padding: 0; margin: 0; }\n\n  .msp-pkg__item {\n    position: relative;\n    padding: var(--msp-space-md) 0;\n    border-bottom: 1px solid var(--msp-hair-strong);\n  }\n\n  .msp-pkg__item:last-child { border-bottom: none; padding-bottom: 0; }\n  .msp-pkg__item:first-child { padding-top: 0; }\n\n  .msp-pkg__item--highlight {\n    padding-left: var(--msp-space-md);\n    border-left: 3px solid var(--msp-accent);\n    margin-left: calc(-1 * var(--msp-space-md));\n  }\n\n  .msp-pkg__label {\n    display: inline-block;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--msp-accent);\n    margin-bottom: var(--msp-space-xs);\n  }\n\n  .msp-pkg__row {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: start;\n    gap: var(--msp-space-md);\n  }\n\n  .msp-pkg__name {\n    font-family: var(--msp-font-display);\n    font-size: clamp(1.25rem, 2.5vw, 1.5rem);\n    font-weight: 700;\n    margin: 0;\n  }\n\n  .msp-pkg__price {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    text-align: right;\n    gap: 0.1rem;\n    flex-shrink: 0;\n  }\n\n  .msp-pkg__price-from {\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--msp-muted);\n  }\n\n  .msp-pkg__price-amount {\n    font-family: var(--msp-font-display);\n    font-size: clamp(1.75rem, 3.5vw, 2.25rem);\n    font-weight: 700;\n    color: var(--msp-ink);\n    line-height: 1;\n  }\n\n  .msp-pkg__price-unit {\n    font-size: 0.9375rem;\n    font-weight: 600;\n    color: var(--msp-accent);\n  }\n\n  .msp-pkg__price--custom .msp-pkg__price-unit {\n    font-family: var(--msp-font-display);\n    font-size: 1.125rem;\n    font-weight: 800;\n    color: var(--msp-muted);\n  }\n\n  .msp-pkg__tagline {\n    margin: 0.35rem 0 var(--msp-space-sm);\n    font-size: 0.9375rem;\n    line-height: 1.55;\n    color: var(--msp-ink-soft);\n    max-width: 56ch;\n  }\n\n  .msp-pkg__toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    background: none;\n    border: none;\n    padding: 0;\n    margin-bottom: var(--msp-space-xs);\n    font-family: var(--msp-font-body);\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: var(--msp-accent);\n    cursor: pointer;\n  }\n\n  .msp-pkg__toggle::after { content: \"+\"; font-weight: 700; }\n  .msp-pkg__toggle[aria-expanded=\"true\"]::after { content: \"\u2212\"; }\n  .msp-pkg__toggle:hover { color: var(--msp-ink); }\n\n  .msp-pkg__panel--solo .msp-pkg__toggle { display: none; }\n\n  .msp-pkg__panel--solo .msp-pkg__details {\n    display: block;\n    margin-bottom: var(--msp-space-sm);\n  }\n\n  .msp-pkg__details { margin-bottom: var(--msp-space-sm); }\n  .msp-pkg__details ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.3rem; }\n\n  .msp-pkg__details li {\n    position: relative;\n    padding-left: 1.25rem;\n    font-size: 0.875rem;\n    color: var(--msp-ink-soft);\n    line-height: 1.45;\n  }\n\n  .msp-pkg__details li::before {\n    content: \"\u2192\";\n    position: absolute;\n    left: 0;\n    color: var(--msp-accent);\n    font-weight: 700;\n  }\n\n  .msp-pkg__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    max-width: 13.5rem;\n    min-height: 36px;\n    padding: 0.45rem 0.85rem;\n    font-family: var(--msp-font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.01em;\n    line-height: 1.25;\n    border: 1.5px solid var(--msp-hair-strong) !important;\n    border-radius: 10px;\n    background: var(--msp-paper) !important;\n    color: var(--msp-ink) !important;\n    cursor: pointer;\n    box-shadow: none !important;\n    transition: background var(--msp-transition), color var(--msp-transition), border-color var(--msp-transition);\n    margin-top: var(--msp-space-xs);\n  }\n\n  .msp-pkg__btn:hover,\n  .msp-pkg__btn:focus-visible {\n    transform: none;\n    background: var(--msp-ink) !important;\n    border-color: var(--msp-ink) !important;\n    color: #fff !important;\n    outline: none;\n  }\n\n  .msp-pkg__btn--primary,\n  .msp-pkg__btn--outline {\n    background: var(--msp-paper) !important;\n    color: var(--msp-ink) !important;\n    border: 1.5px solid var(--msp-hair-strong) !important;\n  }\n\n  .msp-pkg__btn--primary:hover,\n  .msp-pkg__btn--primary:focus-visible,\n  .msp-pkg__btn--outline:hover,\n  .msp-pkg__btn--outline:focus-visible {\n    background: var(--msp-ink) !important;\n    border-color: var(--msp-ink) !important;\n    color: #fff !important;\n  }\n\n  .msp-pkg__loc-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.45rem;\n    margin-top: var(--msp-space-xs);\n    max-width: 13.5rem;\n  }\n\n  .msp-pkg__loc-actions .msp-pkg__btn {\n    width: 100%;\n    max-width: 13.5rem;\n    margin-top: 0;\n    min-height: 36px;\n    padding: 0.45rem 0.85rem;\n    font-size: 0.75rem !important;\n    border: 1.5px solid var(--msp-hair-strong) !important;\n  }\n\n  @media (min-width: 600px) {\n    .msp-pkg__details ul { grid-template-columns: repeat(2, 1fr); gap: 0.3rem var(--msp-space-md); }\n  }\n\n  @media (min-width: 640px) {\n    .msp-pkg__picker { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (min-width: 1024px) {\n    .msp-pkg__picker { grid-template-columns: repeat(3, 1fr); }\n  }\n\n  @media (max-width: 899px) {\n    .msp-pkg {\n      --msp-space-lg: 1.5rem;\n      --msp-space-xl: 2.5rem;\n    }\n\n    .msp-pkg__header { max-width: 100%; }\n    .msp-pkg__row { grid-template-columns: 1fr; gap: 0.65rem; }\n    .msp-pkg__price {\n      align-items: flex-start;\n      text-align: left;\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: baseline;\n      gap: 0.2rem 0.45rem;\n      padding: 0.55rem 0.75rem;\n      background: var(--msp-accent-ink);\n      border-radius: var(--msp-radius-sm);\n      width: 100%;\n    }\n\n    .msp-pkg__price--custom { background: transparent; padding: 0; }\n    .msp-pkg__item--highlight { margin-left: 0; padding-left: 0.75rem; }\n    .msp-pkg__btn,\n    .msp-pkg__loc-actions .msp-pkg__btn {\n      width: 100%;\n      max-width: 13.5rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .msp-pkg__card, .msp-pkg__panel { animation: none; }\n    .msp-pkg__card:hover { transform: none; }\n  }\n<\/style>\n\n  <div class=\"msp-pkg__inner\">\n    <div class=\"msp-pkg__stage\" id=\"msp-packages\">\n      <div class=\"msp-pkg__picker\" id=\"msp-pkg-picker\" role=\"tablist\" aria-label=\"Cat\u00e9gories de forfaits\">\n        <button type=\"button\" class=\"msp-pkg__card\" role=\"tab\" data-cat=\"client\" aria-selected=\"false\" aria-controls=\"msp-cat-client\">\n          <span class=\"msp-pkg__card-num\" aria-hidden=\"true\">01<\/span>\n          <span class=\"msp-pkg__card-glow\" aria-hidden=\"true\"><\/span>\n          <span class=\"msp-pkg__card-title\">Client Metspace<\/span>\n          <p class=\"msp-pkg__card-hint\">Passage et \u00e0 la carte<\/p>\n          <p class=\"msp-pkg__card-from\">\u00c0 partir de <strong>35 $<\/strong>\/jour<\/p>\n          <span class=\"msp-pkg__card-arrow\" aria-hidden=\"true\">Explorer<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msp-pkg__card\" role=\"tab\" data-cat=\"member\" aria-selected=\"false\" aria-controls=\"msp-cat-member\">\n          <span class=\"msp-pkg__card-num\" aria-hidden=\"true\">02<\/span>\n          <span class=\"msp-pkg__card-glow\" aria-hidden=\"true\"><\/span>\n          <span class=\"msp-pkg__card-title\">Membre Metspace<\/span>\n          <p class=\"msp-pkg__card-hint\">Coworking mensuel<\/p>\n          <p class=\"msp-pkg__card-from\">\u00c0 partir de <strong>180 $<\/strong>\/mois<\/p>\n          <span class=\"msp-pkg__card-arrow\" aria-hidden=\"true\">Explorer<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msp-pkg__card\" role=\"tab\" data-cat=\"tenant\" aria-selected=\"false\" aria-controls=\"msp-cat-tenant\">\n          <span class=\"msp-pkg__card-num\" aria-hidden=\"true\">03<\/span>\n          <span class=\"msp-pkg__card-glow\" aria-hidden=\"true\"><\/span>\n          <span class=\"msp-pkg__card-title\">Locataire Metspace<\/span>\n          <p class=\"msp-pkg__card-hint\">Votre propre bureau<\/p>\n          <p class=\"msp-pkg__card-from\">\u00c0 partir de <strong>700 $<\/strong>\/mois<\/p>\n          <span class=\"msp-pkg__card-arrow\" aria-hidden=\"true\">Explorer<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msp-pkg__card\" role=\"tab\" data-cat=\"suites\" aria-selected=\"false\" aria-controls=\"msp-cat-suites\">\n          <span class=\"msp-pkg__card-num\" aria-hidden=\"true\">04<\/span>\n          <span class=\"msp-pkg__card-glow\" aria-hidden=\"true\"><\/span>\n          <span class=\"msp-pkg__card-title\">Suites priv\u00e9es<\/span>\n          <p class=\"msp-pkg__card-hint\">\u00c9quipes et entreprises<\/p>\n          <p class=\"msp-pkg__card-from\"><strong>Sur mesure<\/strong><\/p>\n          <span class=\"msp-pkg__card-arrow\" aria-hidden=\"true\">Explorer<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msp-pkg__card msp-pkg__card--featured\" role=\"tab\" data-cat=\"scholar\" aria-selected=\"false\" aria-controls=\"msp-cat-scholar\">\n          <span class=\"msp-pkg__card-num\" aria-hidden=\"true\">05<\/span>\n          <span class=\"msp-pkg__card-badge\">Nouveau<\/span>\n          <span class=\"msp-pkg__card-glow\" aria-hidden=\"true\"><\/span>\n          <span class=\"msp-pkg__card-title\">Metspace Scholar<\/span>\n          <p class=\"msp-pkg__card-hint\">Dipl\u00f4m\u00e9s et chercheurs<\/p>\n          <p class=\"msp-pkg__card-from\">\u00c0 partir de <strong>499 $<\/strong>\/session<\/p>\n          <span class=\"msp-pkg__card-arrow\" aria-hidden=\"true\">Explorer<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"msp-pkg__panels\">\n        <button type=\"button\" class=\"msp-pkg__back\" hidden aria-label=\"Retour aux cat\u00e9gories\">\u2190 Toutes les cat\u00e9gories<\/button>\n\n        <div class=\"msp-pkg__panel\" data-cat=\"client\" id=\"msp-cat-client\" role=\"tabpanel\" hidden>\n          <div class=\"msp-pkg__shell\">\n            <span class=\"msp-pkg__category\">Client Metspace<\/span>\n            <header class=\"msp-pkg__header\">\n              <h2>Devenez client Metspace<\/h2>\n              <p>Des options flexibles sans engagement pour un espace de travail \u00e0 l'occasion ou une pr\u00e9sence professionnelle.<\/p>\n            <\/header>\n            <ul class=\"msp-pkg__menu\">\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Laissez-passer journalier<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">35 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par jour<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Passez une journ\u00e9e productive avec tous les services inclus.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Service de r\u00e9ception du lundi au vendredi, 9 h \u00e0 17 h<\/li>\n                    <li>Espaces communs (salon, cuisine)<\/li>\n                    <li>Imprimantes, t\u00e9l\u00e9copieur et num\u00e9risation<\/li>\n                    <li>Destruction s\u00e9curis\u00e9e de documents<\/li>\n                    <li>Caf\u00e9, th\u00e9 et eau<\/li>\n                    <li>Wi-Fi haute vitesse<\/li>\n                    <li>Casier en option : 15 $\/jour<\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"msp-pkg__loc-actions\" aria-label=\"R\u00e9server un laissez-passer journalier par emplacement\">\n                  <a href=\"https:\/\/archieapp.co\/met-space-1\/public\/book-a-desk\/\" class=\"msp-pkg__btn\" target=\"_blank\" rel=\"noopener noreferrer\">Saint-L\u00e9onard<\/a>\n                  <a href=\"https:\/\/archieapp.co\/metspace-west-island-1\/public\/book-a-desk\/\" class=\"msp-pkg__btn\" target=\"_blank\" rel=\"noopener noreferrer\">Ouest-de-l'\u00cele<\/a>\n                <\/div>\n              <\/li>\n              <li class=\"msp-pkg__item msp-pkg__item--highlight\">\n                <span class=\"msp-pkg__label\">Le plus populaire<\/span>\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Adresse corporative \/ virtuelle<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">75 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Une adresse professionnelle et la gestion du courrier. Une pr\u00e9sence sans bureau.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Service de r\u00e9ception du lundi au vendredi, 9 h \u00e0 17 h<\/li>\n                    <li>Adresse corporative<\/li>\n                    <li>Gestion quotidienne du courrier et des colis<\/li>\n                    <li>Destruction s\u00e9curis\u00e9e de documents<\/li>\n                    <li>Imprimantes, t\u00e9l\u00e9copieur et num\u00e9risation<\/li>\n                    <li>Acc\u00e8s \u00e0 la communaut\u00e9 et aux \u00e9v\u00e9nements<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--primary\">Commencer<\/a>\n              <\/li>\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Salles de conf\u00e9rence<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">40 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par heure<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Impressionnez vos clients dans une salle enti\u00e8rement \u00e9quip\u00e9e. R\u00e9servez en ligne \u00e0 Saint-L\u00e9onard ou \u00e0 l'Ouest-de-l'\u00cele.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Du lundi au vendredi, 9 h \u00e0 17 h (tarif sp\u00e9cial en dehors des heures)<\/li>\n                    <li>Accueil de vos clients \u00e0 la r\u00e9ception<\/li>\n                    <li>Wi-Fi haute vitesse<\/li>\n                    <li>Caf\u00e9 et th\u00e9 inclus<\/li>\n                    <li>Pr\u00eat pour la visioconf\u00e9rence (t\u00e9l\u00e9, HDMI)<\/li>\n                    <li>Service de traiteur \u00e0 la carte<\/li>\n                  <\/ul>\n                <\/div>\n                <div class=\"msp-pkg__loc-actions\" aria-label=\"R\u00e9server une salle de conf\u00e9rence par emplacement\">\n                  <a href=\"https:\/\/archieapp.co\/met-space-1\/public\/book-a-room\/\" class=\"msp-pkg__btn\" target=\"_blank\" rel=\"noopener noreferrer\">Saint-L\u00e9onard<\/a>\n                  <a href=\"https:\/\/archieapp.co\/metspace-west-island-1\/public\/book-a-room\/\" class=\"msp-pkg__btn\" target=\"_blank\" rel=\"noopener noreferrer\">Ouest-de-l'\u00cele<\/a>\n                <\/div>\n              <\/li>\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Ligne t\u00e9l\u00e9phonique de bureau virtuel<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">25 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Offert avec un abonnement Adresse corporative \/ virtuelle. Pr\u00e9sence t\u00e9l\u00e9phonique professionnelle avec r\u00e9ceptionniste virtuelle.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>N\u00e9cessite un abonnement Adresse corporative \/ virtuelle actif<\/li>\n                    <li>Application pour t\u00e9l\u00e9phone et ordinateur<\/li>\n                    <li>Num\u00e9ro de t\u00e9l\u00e9phone d\u00e9di\u00e9<\/li>\n                    <li>R\u00e9ceptionniste virtuelle<\/li>\n                    <li>Messagerie vocale et postes t\u00e9l\u00e9phoniques<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--outline\">Nous joindre<\/a>\n              <\/li>\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Salles multifonctionnelles<\/h3>\n                  <span class=\"msp-pkg__price msp-pkg__price--custom\">\n                    <span class=\"msp-pkg__price-unit\">Tarif sur demande<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Espaces polyvalents pour ateliers, formations et \u00e9v\u00e9nements.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Configurations flexibles pour tout \u00e9v\u00e9nement<\/li>\n                    <li>\u00c9quipement audiovisuel professionnel<\/li>\n                    <li>Service de r\u00e9ception<\/li>\n                    <li>Options de traiteur<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--outline\">Nous joindre<\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"msp-pkg__panel\" data-cat=\"member\" id=\"msp-cat-member\" role=\"tabpanel\" hidden>\n          <div class=\"msp-pkg__shell\">\n            <span class=\"msp-pkg__category\">Membre Metspace<\/span>\n            <header class=\"msp-pkg__header\">\n              <h2>Devenez membre Metspace<\/h2>\n              <p>Rejoignez la communaut\u00e9 avec un abonnement mensuel. Votre bureau, votre routine, vos gens.<\/p>\n            <\/header>\n            <ul class=\"msp-pkg__menu\">\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Abonnement 9 h \u00e0 17 h<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">180 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Acc\u00e8s en heures de bureau aux postes ouverts et \u00e0 tous les services essentiels.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Service de r\u00e9ception du lundi au vendredi, 9 h \u00e0 17 h<\/li>\n                    <li>Adresse corporative et gestion du courrier<\/li>\n                    <li>Postes non assign\u00e9s dans les espaces ouverts<\/li>\n                    <li>M\u00e9nage 3 fois par semaine<\/li>\n                    <li>Alarme et surveillance vid\u00e9o<\/li>\n                    <li>Communaut\u00e9, \u00e9v\u00e9nements et visibilit\u00e9 Spotlight<\/li>\n                    <li>Stationnement gratuit* \u00b7 Caf\u00e9, th\u00e9 et eau<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msp-pkg__btn msp-pkg__btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une visite<\/a>\n              <\/li>\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Salon acc\u00e8s 24\/7<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">300 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Acc\u00e8s en tout temps aux espaces communs selon votre horaire.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Tout ce qui est inclus dans l'abonnement 9 h \u00e0 17 h<\/li>\n                    <li>Acc\u00e8s 24\/7 par cl\u00e9 magn\u00e9tique s\u00e9curis\u00e9e<\/li>\n                    <li>Espaces communs (salon, cuisine)<\/li>\n                    <li>Internet en fibre optique<\/li>\n                    <li>Stationnement gratuit \u00b7 Visibilit\u00e9 Spotlight<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msp-pkg__btn msp-pkg__btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une visite<\/a>\n              <\/li>\n              <li class=\"msp-pkg__item msp-pkg__item--highlight\">\n                <span class=\"msp-pkg__label\">Meilleur rapport qualit\u00e9-prix<\/span>\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Bureau d\u00e9di\u00e9 24\/7<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">350 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Votre propre poste dans un bureau partag\u00e9. Toujours pr\u00eat, toujours \u00e0 vous.<\/p>\n                <button type=\"button\" class=\"msp-pkg__toggle\" aria-expanded=\"false\">Voir les d\u00e9tails<\/button>\n                <div class=\"msp-pkg__details\" hidden>\n                  <ul>\n                    <li>Tout ce qui est inclus dans le salon 24\/7<\/li>\n                    <li>Votre propre poste de travail d\u00e9di\u00e9<\/li>\n                    <li>M\u00e9nage 3 fois par semaine<\/li>\n                    <li>Acc\u00e8s aux douches* \u00b7 Fibre optique<\/li>\n                    <li>Cr\u00e9dit de 2 h de salle de conf\u00e9rence<\/li>\n                    <li>Panier-cadeau de bienvenue<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--primary\">Commencer<\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"msp-pkg__panel msp-pkg__panel--solo\" data-cat=\"tenant\" id=\"msp-cat-tenant\" role=\"tabpanel\" hidden>\n          <div class=\"msp-pkg__shell\">\n            <span class=\"msp-pkg__category\">Locataire Metspace<\/span>\n            <header class=\"msp-pkg__header\">\n              <h2>Devenez locataire Metspace<\/h2>\n              <p>Votre propre bureau ferm\u00e9 avec acc\u00e8s 24\/7. Intimit\u00e9, professionnalisme et toute la communaut\u00e9 Metspace.<\/p>\n            <\/header>\n            <ul class=\"msp-pkg__menu\">\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Bureau priv\u00e9 24\/7<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-from\">\u00c0 partir de<\/span>\n                    <span class=\"msp-pkg__price-amount\">700 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par mois<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Un bureau verrouillable enti\u00e8rement \u00e0 vous. D\u00e9veloppez votre entreprise derri\u00e8re votre propre porte.<\/p>\n                <div class=\"msp-pkg__details\">\n                  <ul>\n                    <li>Service de r\u00e9ception du lundi au vendredi, 9 h \u00e0 17 h<\/li>\n                    <li>Adresse corporative et gestion du courrier<\/li>\n                    <li>Votre propre bureau ferm\u00e9, acc\u00e8s 24\/7<\/li>\n                    <li>M\u00e9nage 3 fois par semaine<\/li>\n                    <li>Alarme, surveillance vid\u00e9o et cl\u00e9 magn\u00e9tique<\/li>\n                    <li>Communaut\u00e9, \u00e9v\u00e9nements et visibilit\u00e9 Spotlight<\/li>\n                    <li>Stationnement gratuit* \u00b7 Douches* \u00b7 Fibre optique<\/li>\n                    <li>Cr\u00e9dit de 4 h de salle de conf\u00e9rence \u00b7 T\u00e9l\u00e9phone IP<\/li>\n                    <li>Panier-cadeau de bienvenue<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msp-pkg__btn msp-pkg__btn--primary\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une visite<\/a>\n              <\/li>\n            <\/ul>\n            <p class=\"msp-pkg__note\">* La disponibilit\u00e9 varie selon l'emplacement. <a href=\"https:\/\/metspace.com\/fr\/emplacements\/\">Voir nos emplacements<\/a> pour plus de d\u00e9tails.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"msp-pkg__panel msp-pkg__panel--solo\" data-cat=\"suites\" id=\"msp-cat-suites\" role=\"tabpanel\" hidden>\n          <div class=\"msp-pkg__shell\">\n            <span class=\"msp-pkg__category\">Suites priv\u00e9es<\/span>\n            <header class=\"msp-pkg__header\">\n              <h2>Suites priv\u00e9es pour \u00e9quipes corporatives<\/h2>\n              <p>Un m\u00e9lange strat\u00e9gique entre bureau traditionnel et coworking. Flexible, collaboratif et con\u00e7u pour les \u00e9quipes en croissance.<\/p>\n            <\/header>\n            <ul class=\"msp-pkg__menu\">\n              <li class=\"msp-pkg__item\">\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Suites pour \u00e9quipes corporatives<\/h3>\n                  <span class=\"msp-pkg__price msp-pkg__price--custom\">\n                    <span class=\"msp-pkg__price-unit\">Tarif sur mesure<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Des suites priv\u00e9es d\u00e9di\u00e9es con\u00e7ues pour les \u00e9quipes. Verrouillables, \u00e9volutives et enti\u00e8rement \u00e9quip\u00e9es.<\/p>\n                <div class=\"msp-pkg__details\">\n                  <ul>\n                    <li>Bureau priv\u00e9 d\u00e9di\u00e9 pour votre \u00e9quipe<\/li>\n                    <li>Tous les services Metspace inclus<\/li>\n                    <li>Conditions de location flexibles<\/li>\n                    <li>Adresse professionnelle<\/li>\n                    <li>Acc\u00e8s aux salles de conf\u00e9rence<\/li>\n                    <li>Communaut\u00e9 et \u00e9v\u00e9nements de r\u00e9seautage<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--primary\">Discutons-en<\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"msp-pkg__panel msp-pkg__panel--solo\" data-cat=\"scholar\" id=\"msp-cat-scholar\" role=\"tabpanel\" hidden>\n          <div class=\"msp-pkg__shell\">\n            <span class=\"msp-pkg__category\">Metspace Scholar<\/span>\n            <header class=\"msp-pkg__header\">\n              <h2>Metspace Scholar<\/h2>\n              <p>Un espace de travail con\u00e7u pour les dipl\u00f4m\u00e9s et chercheurs. Concentration, communaut\u00e9 et services professionnels \u00e0 un tarif accessible par session.<\/p>\n            <\/header>\n            <ul class=\"msp-pkg__menu\">\n              <li class=\"msp-pkg__item msp-pkg__item--highlight\">\n                <span class=\"msp-pkg__label\">Nouveau<\/span>\n                <div class=\"msp-pkg__row\">\n                  <h3 class=\"msp-pkg__name\">Session Scholar<\/h3>\n                  <span class=\"msp-pkg__price\">\n                    <span class=\"msp-pkg__price-amount\">499 $<\/span>\n                    <span class=\"msp-pkg__price-unit\">par session<\/span>\n                  <\/span>\n                <\/div>\n                <p class=\"msp-pkg__tagline\">Acc\u00e8s de 9 h \u00e0 17 h pour \u00e9tudiants et chercheurs qui b\u00e2tissent l'avenir.<\/p>\n                <div class=\"msp-pkg__details\">\n                  <ul>\n                    <li>Du lundi au vendredi, 9 h \u00e0 17 h (pas de salon 24\/7)<\/li>\n                    <li>Wi-Fi haute vitesse<\/li>\n                    <li>Caf\u00e9 et th\u00e9 inclus<\/li>\n                    <li>Impression disponible \u00e0 tarif r\u00e9duit<\/li>\n                    <li>Invitation aux d\u00e9jeuners r\u00e9seautage<\/li>\n                    <li>Carte \u00e9tudiante ou preuve d'inscription requise<\/li>\n                    <li>Nombre limit\u00e9 de places Scholar chaque session<\/li>\n                  <\/ul>\n                <\/div>\n                <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msp-pkg__btn msp-pkg__btn--primary\">Postuler pour Scholar<\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-packages-catalog');\n  if (!root || root.dataset.mspInit) return;\n  root.dataset.mspInit = '1';\n\n  var stage = root.querySelector('.msp-pkg__stage');\n  var picker = root.querySelector('.msp-pkg__picker');\n  var cards = root.querySelectorAll('.msp-pkg__card');\n  var panels = root.querySelectorAll('.msp-pkg__panel');\n  var backBtn = root.querySelector('.msp-pkg__back');\n\n  function openCategory(cat) {\n    stage.classList.add('has-panel-open');\n    picker.setAttribute('aria-hidden', 'true');\n    if (backBtn) backBtn.hidden = false;\n\n    cards.forEach(function (card) {\n      var active = card.getAttribute('data-cat') === cat;\n      card.setAttribute('aria-selected', String(active));\n      card.classList.toggle('is-active', active);\n    });\n\n    panels.forEach(function (panel) {\n      var show = panel.getAttribute('data-cat') === cat;\n      panel.hidden = !show;\n      panel.classList.toggle('is-active', show);\n      if (show) {\n        panel.style.animation = 'none';\n        panel.offsetHeight;\n        panel.style.animation = '';\n        if (panel.classList.contains('msp-pkg__panel--solo')) {\n          panel.querySelectorAll('.msp-pkg__details').forEach(function (details) {\n            details.hidden = false;\n          });\n        }\n      }\n    });\n\n    if (backBtn) backBtn.focus({ preventScroll: true });\n  }\n\n  function closePanels() {\n    stage.classList.remove('has-panel-open');\n    picker.removeAttribute('aria-hidden');\n    if (backBtn) backBtn.hidden = true;\n\n    cards.forEach(function (card) {\n      card.setAttribute('aria-selected', 'false');\n      card.classList.remove('is-active');\n    });\n\n    panels.forEach(function (panel) {\n      panel.hidden = true;\n      panel.classList.remove('is-active');\n    });\n  }\n\n  cards.forEach(function (card) {\n    card.addEventListener('click', function () {\n      openCategory(card.getAttribute('data-cat'));\n    });\n  });\n\n  if (backBtn) backBtn.addEventListener('click', closePanels);\n\n  root.querySelectorAll('.msp-pkg__toggle').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var open = btn.getAttribute('aria-expanded') === 'true';\n      var details = btn.nextElementSibling;\n      btn.setAttribute('aria-expanded', String(!open));\n      if (details) details.hidden = open;\n    });\n  });\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83e7c6b e-flex e-con-boxed e-con e-parent\" data-id=\"83e7c6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-53784bb e-con-full e-flex e-con e-child\" data-id=\"53784bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e9ba55 elementor-widget elementor-widget-heading\" data-id=\"5e9ba55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pas certain(e) du forfait qui vous convient?\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07385aa elementor-widget elementor-widget-text-editor\" data-id=\"07385aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"ui-markdown__paragraph ui-1mdx765 ui-uu7i3w ui-8kmwxx ui-j7cesy ui-13faqbe ui-14l7nz5 ui-zboxd6\">R\u00e9pondez \u00e0 notre court questionnaire pour trouver votre place, ou r\u00e9servez une visite et nous vous pr\u00e9senterons chaque option.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0212661 e-con-full e-flex e-con e-child\" data-id=\"0212661\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5958d1 elementor-widget elementor-widget-html\" data-id=\"b5958d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  === FR-CA \u00b7 BOUTONS CTA + QUIZ ===\n  Colonne droite de la banni\u00e8re CTA (forfaits, accueil, etc.).\n  Associez avec fr\/wordpress-packages-cta-copy-embed.html \u00e0 gauche sur la page Forfaits.\n  Si vous voyez de l'anglais apr\u00e8s le collage, vous avez coll\u00e9 wordpress-cta-buttons-embed.html (EN).\n\n  Collez dans un widget HTML Elementor (colonne droite de votre banni\u00e8re CTA).\n\n  MODIFIER dans le bloc <script> :\n    BOOK_TOUR_URL   \u2192 r\u00e9servation de visite par d\u00e9faut\n    TOUR_URLS       \u2192 liens par emplacement (r\u00e9sultat du quiz)\n    PACKAGES_URL    \u2192 page forfaits FR\n    WEB3FORMS_KEY   \u2192 votre cl\u00e9 d'acc\u00e8s Web3Forms\n-->\n\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:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"msp-cta-wrap\" id=\"metspace-cta-quiz\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-cta-quiz),\n  .e-con:has(#metspace-cta-quiz) > .e-con-inner,\n  .elementor-element:has(#metspace-cta-quiz),\n  .elementor-widget-html:has(#metspace-cta-quiz),\n  .elementor-widget-html:has(#metspace-cta-quiz) .elementor-widget-container,\n  .elementor-section:has(#metspace-cta-quiz) > .elementor-container,\n  .elementor-column:has(#metspace-cta-quiz) > .elementor-element-populated {\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n    row-gap: 0 !important;\n    column-gap: 0 !important;\n    --padding-top: 0px !important;\n    --padding-right: 0px !important;\n    --padding-bottom: 0px !important;\n    --padding-left: 0px !important;\n    --row-gap: 0px !important;\n    --column-gap: 0px !important;\n    --gap: 0px !important;\n    max-width: none !important;\n  }\n\n  .msp-cta-wrap {\n    --msp-ink: #1B2A4A;\n    --msp-paper: #ffffff;\n    --msp-accent: #C8102E;\n    --msp-accent-press: #A60D24;\n    --msp-navy: #1B2A4A;\n    --msp-red: #C8102E;\n    --msp-grey: #6B7280;\n    --msp-hair: #E7E3DB;\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    width: 100%;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: clamp(10rem, 22vw, 14rem);\n    padding: 0 clamp(0.5rem, 2vw, 1rem) clamp(1rem, 2.5vw, 1.5rem);\n  }\n\n  .msp-cta-wrap *, .msp-cta-wrap *::before, .msp-cta-wrap *::after { box-sizing: border-box; }\n\n  .msp-cta-btns__stack {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: center;\n    gap: 0.85rem;\n    width: 100%;\n    max-width: 18rem;\n    margin: 0 auto;\n    min-height: 0;\n  }\n\n  .msp-cta-btns__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    min-height: 52px;\n    padding: 0.8rem 1.5rem;\n    font-family: inherit;\n    font-size: 0.9375rem;\n    font-weight: 600;\n    letter-spacing: 0.01em;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none;\n    border: 2px solid transparent;\n    border-radius: 999px;\n    cursor: pointer;\n    transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\n    width: 100%;\n  }\n\n  .msp-cta-btns__btn:hover { transform: translateY(-2px); color: inherit; }\n  .msp-cta-btns__btn:active { transform: translateY(0); }\n\n  .msp-cta-btns__btn--primary {\n    background: var(--msp-accent);\n    color: var(--msp-paper);\n    border-color: var(--msp-accent);\n    box-shadow: 0 4px 20px rgba(200, 16, 46, 0.35);\n  }\n\n  .msp-cta-btns__btn--primary:hover {\n    background: var(--msp-accent-press);\n    border-color: var(--msp-accent-press);\n    color: var(--msp-paper);\n    box-shadow: 0 8px 28px rgba(200, 16, 46, 0.42);\n  }\n\n  .msp-cta-btns__btn--outline {\n    background: transparent;\n    color: var(--msp-paper);\n    border-color: rgba(255, 255, 255, 0.88);\n  }\n\n  .msp-cta-btns__btn--outline:hover,\n  .msp-cta-btns__btn--outline:focus-visible {\n    background: var(--msp-paper);\n    color: var(--msp-ink);\n    border-color: var(--msp-paper);\n  }\n\n  .msp-cta-btns__btn--outline:hover .msp-cta-btns__icon,\n  .msp-cta-btns__btn--outline:focus-visible .msp-cta-btns__icon {\n    color: var(--msp-ink);\n  }\n\n  .msp-cta-btns__btn--primary:hover,\n  .msp-cta-btns__btn--primary:focus-visible {\n    color: var(--msp-paper);\n  }\n\n  .msp-cta-btns__icon {\n    width: 1.05rem;\n    height: 1.05rem;\n    flex-shrink: 0;\n  }\n\n  @media (min-width: 900px) {\n    .msp-cta-btns__stack { max-width: 16.5rem; }\n  }\n\n  @media (max-width: 899px) {\n    .msp-cta-wrap {\n      min-height: 0;\n      align-items: stretch;\n      padding-top: 0.25rem;\n      padding-bottom: clamp(2.25rem, 8vw, 3.5rem);\n    }\n    .msp-cta-btns__stack { max-width: 22rem; margin-top: 0.5rem; }\n  }\n\n  \/* Packages page CTA row: align with site container *\/\n  body:has(#metspace-packages-catalog) .e-con-inner:has(#metspace-cta-quiz),\n  body:has(#metspace-packages-hero) .e-con-inner:has(#metspace-cta-quiz),\n  body:has(#metspace-packages-cta-copy) .e-con-inner:has(#metspace-cta-quiz) {\n    width: 100% !important;\n    max-width: 1100px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    padding-top: clamp(2rem, 5vw, 2.75rem) !important;\n    padding-bottom: clamp(2rem, 5vw, 2.75rem) !important;\n    padding-left: clamp(1.25rem, 4vw, 2rem) !important;\n    padding-right: clamp(1.25rem, 4vw, 2rem) !important;\n    gap: clamp(1.25rem, 3vw, 2rem) !important;\n    align-items: center !important;\n  }\n\n  body:has(#metspace-packages-catalog) #metspace-cta-quiz.msp-cta-wrap,\n  body:has(#metspace-packages-hero) #metspace-cta-quiz.msp-cta-wrap,\n  body:has(#metspace-packages-cta-copy) #metspace-cta-quiz.msp-cta-wrap {\n    min-height: 0;\n    padding: 0;\n    justify-content: center;\n  }\n\n  @media (min-width: 900px) {\n    body:has(#metspace-packages-catalog) #metspace-cta-quiz.msp-cta-wrap,\n    body:has(#metspace-packages-hero) #metspace-cta-quiz.msp-cta-wrap,\n    body:has(#metspace-packages-cta-copy) #metspace-cta-quiz.msp-cta-wrap {\n      justify-content: flex-end;\n    }\n  }\n\n  \/* ---- Quiz modal ---- *\/\n  .msp-quiz-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n\n  .msp-quiz-modal.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .msp-quiz-modal__backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(14, 21, 37, 0.78);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n  }\n\n  .msp-quiz-modal__dialog {\n    position: relative;\n    z-index: 1;\n    width: min(100%, 720px);\n    max-height: min(92vh, 920px);\n    overflow-x: hidden;\n    overflow-y: auto;\n    border-radius: 24px;\n    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .msp-quiz-modal__close {\n    position: absolute;\n    top: 0.85rem;\n    right: 0.85rem;\n    z-index: 5;\n    width: 2.5rem;\n    height: 2.5rem;\n    border: none;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.14);\n    color: #fff;\n    font-size: 1.5rem;\n    line-height: 1;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n\n  .msp-quiz-modal__close:hover {\n    background: rgba(255, 255, 255, 0.24);\n    transform: scale(1.05);\n  }\n\n  .msp-quiz-modal .msq {\n    font-family: \"Inter\", sans-serif;\n    background: #141B2E;\n    overflow: hidden;\n    width: 100%;\n    position: relative;\n    left: auto;\n    margin: 0;\n    padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.1rem, 4vw, 2rem) clamp(1.25rem, 4vw, 2rem);\n    border-radius: 24px;\n  }\n\n  .msp-quiz-modal .msq-blob {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(70px);\n    opacity: 0.5;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .msp-quiz-modal .msq-blob.b1 { width: 320px; height: 320px; background: #2f4a7a; top: -100px; left: -40px; }\n  .msp-quiz-modal .msq-blob.b2 { width: 280px; height: 280px; background: var(--msp-red); bottom: -120px; right: -30px; }\n  .msp-quiz-modal .msq-blob.b3 { width: 220px; height: 220px; background: #1f3560; top: 38%; left: 52%; }\n\n  .msp-quiz-modal .msq-head {\n    text-align: center;\n    max-width: 620px;\n    margin: 0 auto 1.25rem;\n    position: relative;\n    z-index: 1;\n    padding-right: 2rem;\n  }\n\n  .msp-quiz-modal .msq-head h2 {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 600;\n    font-size: clamp(1.65rem, 4vw, 2.25rem);\n    color: #fff;\n    margin: 0 0 0.5rem;\n    line-height: 1.1;\n  }\n\n  .msp-quiz-modal .msq-head p {\n    color: rgba(255, 255, 255, 0.85);\n    font-size: 1rem;\n    margin: 0;\n    line-height: 1.55;\n  }\n\n  .msp-quiz-modal .msq-card {\n    position: relative;\n    max-width: 620px;\n    margin: 0 auto;\n    background: #fff;\n    color: var(--msp-navy);\n    border-radius: 20px;\n    box-shadow: 0 14px 50px rgba(0, 0, 0, 0.28);\n    padding: 1.75rem 1.5rem 1.5rem;\n    z-index: 1;\n  }\n\n  .msp-quiz-modal .msq-count {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 2;\n    width: 3rem;\n    height: 3rem;\n    border-radius: 50%;\n    background: var(--msp-red);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.82rem;\n    font-weight: 700;\n    box-shadow: 0 4px 14px rgba(200, 16, 46, 0.35);\n  }\n\n  .msp-quiz-modal .msq-step { display: none; animation: mspMsqFade 0.35s ease; }\n  .msp-quiz-modal .msq-step.on { display: block; }\n\n  @keyframes mspMsqFade {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: none; }\n  }\n\n  .msp-quiz-modal .msq-q {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 1.35rem;\n    font-weight: 600;\n    color: var(--msp-navy);\n    margin: 0 3.5rem 1.375rem 0;\n    line-height: 1.2;\n  }\n\n  .msp-quiz-modal .msq-opts { display: grid; gap: 0.75rem; }\n\n  .msp-quiz-modal .msq-opt {\n    display: flex;\n    align-items: center;\n    gap: 0.875rem;\n    width: 100%;\n    text-align: left;\n    cursor: pointer;\n    background: #fff;\n    border: 2px solid var(--msp-hair);\n    border-radius: 12px;\n    padding: 0.8125rem 1rem;\n    font-family: inherit;\n    font-size: 0.92rem;\n    font-weight: 600;\n    color: var(--msp-navy);\n    transition: border-color 0.2s, transform 0.2s, background 0.2s;\n  }\n\n  .msp-quiz-modal .msq-opt:hover,\n  .msp-quiz-modal .msq-opt:focus-visible {\n    border-color: var(--msp-red);\n    transform: translateY(-1px);\n    background: #ffffff;\n    color: var(--msp-navy);\n  }\n\n  .msp-quiz-modal .msq-opt.sel,\n  .msp-quiz-modal .msq-opt.sel:hover,\n  .msp-quiz-modal .msq-opt.sel:focus-visible {\n    border-color: var(--msp-red);\n    background: rgba(200, 16, 46, 0.08);\n    color: var(--msp-navy);\n  }\n\n  .msp-quiz-modal .msq-opt:hover .msq-opt-label,\n  .msp-quiz-modal .msq-opt:focus-visible .msq-opt-label,\n  .msp-quiz-modal .msq-opt.sel .msq-opt-label,\n  .msp-quiz-modal .msq-opt.sel:hover .msq-opt-label {\n    color: var(--msp-navy);\n  }\n\n  .msp-quiz-modal .msq-opt:hover .msq-ico,\n  .msp-quiz-modal .msq-opt:focus-visible .msq-ico,\n  .msp-quiz-modal .msq-opt.sel .msq-ico,\n  .msp-quiz-modal .msq-opt.sel:hover .msq-ico {\n    color: var(--msp-red);\n  }\n\n  .msp-quiz-modal .msq-opt-label {\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n    line-height: 1.35;\n    color: inherit;\n  }\n\n  .msp-quiz-modal .msq-ico {\n    width: 1.5rem;\n    height: 1.5rem;\n    flex-shrink: 0;\n    color: var(--msp-navy);\n    transition: color 0.2s;\n  }\n\n  .msp-quiz-modal .msq-back {\n    display: none;\n    margin-top: 1.125rem;\n    background: none;\n    border: none;\n    color: var(--msp-grey);\n    font-family: inherit;\n    font-size: 0.85rem;\n    cursor: pointer;\n    text-decoration: underline;\n    padding: 0;\n  }\n\n  .msp-quiz-modal .msq-back.show { display: inline-block; }\n\n  .msp-quiz-modal .msq-result {\n    display: none;\n    text-align: center;\n    color: var(--msp-navy);\n    animation: mspMsqFade 0.4s ease;\n  }\n\n  .msp-quiz-modal .msq-result.on { display: block; }\n\n  .msp-quiz-modal .msq-tag {\n    display: inline-block;\n    font-size: 0.8125rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--msp-red);\n    margin-bottom: 0.5rem;\n  }\n\n  .msp-quiz-modal .msq-result h3 {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(1.75rem, 5vw, 2.5rem);\n    font-weight: 700;\n    color: var(--msp-navy);\n    margin: 0 0 0.35rem;\n  }\n\n  .msp-quiz-modal .msq-price {\n    font-weight: 700;\n    color: var(--msp-navy);\n    margin: 0 0 0.75rem;\n    font-size: 1.125rem;\n  }\n\n  .msp-quiz-modal .msq-desc {\n    color: var(--msp-grey);\n    line-height: 1.55;\n    max-width: 44ch;\n    margin: 0 auto 1rem;\n  }\n\n  .msp-quiz-modal .msq-loc {\n    color: var(--msp-grey);\n    margin: 0 0 1.25rem;\n    font-size: 0.95rem;\n  }\n\n  .msp-quiz-modal .msq-loc strong { color: var(--msp-navy); }\n\n  .msp-quiz-modal .msq-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    justify-content: center;\n    margin-bottom: 1.25rem;\n  }\n\n  .msp-quiz-modal .msq-cta {\n    display: inline-block;\n    background: var(--msp-red);\n    color: #fff !important;\n    text-decoration: none;\n    padding: 0.8rem 1.5rem;\n    border-radius: 999px;\n    font-weight: 600;\n    border: none;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 0.9375rem;\n  }\n\n  .msp-quiz-modal .msq-cta:hover { background: #A60D24; }\n\n  .msp-quiz-modal .msq-cta--outline {\n    background: transparent;\n    color: var(--msp-navy) !important;\n    border: 2px solid var(--msp-hair);\n  }\n\n  .msp-quiz-modal .msq-cap { max-width: 440px; margin: 0 auto 1rem; text-align: left; }\n  .msp-quiz-modal .msq-row {\n    display: flex;\n    flex-direction: column;\n    gap: 0.65rem;\n  }\n\n  .msp-quiz-modal .msq-email {\n    width: 100%;\n    flex: none;\n    padding: 0.85rem 1.1rem;\n    border: 2px solid var(--msp-hair);\n    border-radius: 999px;\n    font-size: 0.95rem;\n    color: var(--msp-navy);\n    outline: none;\n    font-family: inherit;\n    min-width: 0;\n    background: #fff;\n  }\n\n  .msp-quiz-modal .msq-email:focus { border-color: var(--msp-red); }\n\n  .msp-quiz-modal .msq-send {\n    width: 100%;\n    background: var(--msp-red);\n    color: #fff;\n    border: none;\n    border-radius: 999px;\n    padding: 0.85rem 1.25rem;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 0.9375rem;\n    line-height: 1.25;\n    text-align: center;\n    white-space: normal;\n    text-transform: none;\n    letter-spacing: 0;\n    min-height: 46px;\n  }\n\n  .msp-quiz-modal .msq-send:hover { background: #A60D24; }\n  .msp-quiz-modal .msq-send:disabled { opacity: 0.65; cursor: wait; }\n\n  .msp-quiz-modal .msq-consent {\n    display: flex;\n    gap: 0.5rem;\n    align-items: flex-start;\n    font-size: 0.8rem;\n    color: var(--msp-grey);\n    margin-top: 0.65rem;\n    line-height: 1.4;\n  }\n\n  .msp-quiz-modal .msq-consent input { margin-top: 0.15rem; flex-shrink: 0; }\n\n  .msp-quiz-modal .msq-thanks {\n    display: none;\n    background: #EAF3EA;\n    border: 1px solid #BDD8BD;\n    color: #2F5D2F;\n    border-radius: 12px;\n    padding: 0.75rem 1rem;\n    font-size: 0.92rem;\n    margin: 0 auto 1rem;\n    max-width: 440px;\n  }\n\n  .msp-quiz-modal .msq-err {\n    display: none;\n    color: var(--msp-red);\n    font-size: 0.85rem;\n    margin-top: 0.4rem;\n  }\n\n  .msp-quiz-modal .msq-again {\n    display: block;\n    margin: 1rem auto 0;\n    background: none;\n    border: none;\n    color: var(--msp-grey);\n    cursor: pointer;\n    font-size: 0.875rem;\n    text-decoration: underline;\n    font-family: inherit;\n    font-weight: 600;\n  }\n\n  .msp-quiz-modal .msq-back:hover,\n  .msp-quiz-modal .msq-back:focus-visible {\n    color: var(--msp-navy);\n    background: none;\n  }\n\n  .msp-quiz-modal .msq-cta:hover,\n  .msp-quiz-modal .msq-cta:focus-visible {\n    background: #A60D24;\n    color: #fff !important;\n  }\n\n  .msp-quiz-modal .msq-cta--outline:hover,\n  .msp-quiz-modal .msq-cta--outline:focus-visible {\n    background: rgba(27, 42, 74, 0.06);\n    color: var(--msp-navy) !important;\n    border-color: var(--msp-navy);\n  }\n\n  .msp-quiz-modal .msq-send:hover,\n  .msp-quiz-modal .msq-send:focus-visible {\n    background: #A60D24;\n    color: #fff;\n  }\n\n  .msp-quiz-modal .msq-again:hover,\n  .msp-quiz-modal .msq-again:focus-visible {\n    color: var(--msp-navy);\n    background: none;\n  }\n\n  .msp-quiz-modal__close:hover,\n  .msp-quiz-modal__close:focus-visible {\n    color: #fff;\n  }\n\n  \/* WordPress \/ Elementor theme overrides *\/\n  .msp-cta-wrap button,\n  .msp-cta-wrap a.msp-cta-btns__btn {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .msp-cta-wrap .msp-cta-btns__btn--outline:hover,\n  .msp-cta-wrap .msp-cta-btns__btn--outline:focus-visible {\n    background: #ffffff !important;\n    color: #1B2A4A !important;\n    border-color: #ffffff !important;\n  }\n\n  .msp-cta-wrap .msp-cta-btns__btn--primary:hover,\n  .msp-cta-wrap .msp-cta-btns__btn--primary:focus-visible {\n    background: #A60D24 !important;\n    color: #ffffff !important;\n    border-color: #A60D24 !important;\n  }\n\n  .msp-quiz-modal button.msq-opt,\n  .msp-quiz-modal button.msq-opt:hover,\n  .msp-quiz-modal button.msq-opt:focus,\n  .msp-quiz-modal button.msq-opt:focus-visible,\n  .msp-quiz-modal button.msq-opt.sel {\n    background: #ffffff !important;\n    color: #1B2A4A !important;\n  }\n\n  .msp-quiz-modal button.msq-opt.sel,\n  .msp-quiz-modal button.msq-opt.sel:hover,\n  .msp-quiz-modal button.msq-opt.sel:focus-visible {\n    background: rgba(200, 16, 46, 0.08) !important;\n    color: #1B2A4A !important;\n    border-color: #C8102E !important;\n  }\n\n  .msp-quiz-modal button.msq-opt .msq-opt-label,\n  .msp-quiz-modal button.msq-opt:hover .msq-opt-label,\n  .msp-quiz-modal button.msq-opt.sel .msq-opt-label {\n    color: #1B2A4A !important;\n  }\n\n  .msp-quiz-modal button.msq-send,\n  .msp-quiz-modal button.msq-send:hover,\n  .msp-quiz-modal button.msq-send:focus-visible {\n    background: #C8102E !important;\n    color: #ffffff !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    white-space: normal !important;\n  }\n\n  .msp-quiz-modal button.msq-back,\n  .msp-quiz-modal button.msq-back:hover,\n  .msp-quiz-modal button.msq-again,\n  .msp-quiz-modal button.msq-again:hover {\n    background: transparent !important;\n    color: #6B7280 !important;\n  }\n\n  .msp-quiz-modal button.msq-back:hover,\n  .msp-quiz-modal button.msq-again:hover {\n    color: #1B2A4A !important;\n  }\n\n  @media (max-width: 560px) {\n    .msp-quiz-modal { padding: 0.5rem; }\n    .msp-quiz-modal__dialog { border-radius: 18px; }\n    .msp-quiz-modal .msq { border-radius: 18px; }\n  }\n<\/style>\n\n  <div class=\"msp-cta-btns__stack\">\n    <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msp-cta-btns__btn msp-cta-btns__btn--primary\" id=\"msp-btn-book-tour\" target=\"_blank\" rel=\"noopener noreferrer\">\n      <svg class=\"msp-cta-btns__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n      R\u00e9server une visite\n    <\/a>\n    <button type=\"button\" class=\"msp-cta-btns__btn msp-cta-btns__btn--outline\" id=\"msp-btn-quiz-open\" aria-haspopup=\"dialog\">\n      <svg class=\"msp-cta-btns__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9.5a2.5 2.5 0 0 1 4.2 1.8c0 1.8-2.7 2.2-2.7 4.2\"\/><path d=\"M12 17h.01\"\/><\/svg>\n      Faire le quiz\n    <\/button>\n  <\/div>\n\n  <div class=\"msp-quiz-modal\" id=\"msp-quiz-modal\" aria-hidden=\"true\">\n    <button type=\"button\" class=\"msp-quiz-modal__backdrop\" aria-label=\"Fermer le quiz\"><\/button>\n    <div class=\"msp-quiz-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"msp-quiz-title\">\n      <button type=\"button\" class=\"msp-quiz-modal__close\" aria-label=\"Fermer le quiz\">&times;<\/button>\n\n      <div class=\"msq\" id=\"metspace-quiz-modal\">\n        <div class=\"msq-blob b1\" aria-hidden=\"true\"><\/div>\n        <div class=\"msq-blob b2\" aria-hidden=\"true\"><\/div>\n        <div class=\"msq-blob b3\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"msq-head\">\n          <h2 id=\"msp-quiz-title\">Trouvez votre espace<\/h2>\n          <p>Pas certain(e) de l'espace qui vous convient? Trouvons-le ensemble.<\/p>\n        <\/div>\n\n        <div class=\"msq-card\">\n          <span class=\"msq-count\" id=\"mspMsqCount\" aria-live=\"polite\">1 \/ 4<\/span>\n\n          <div class=\"msq-step on\" data-step=\"0\">\n            <p class=\"msq-q\">Qui rejoint Metspace?<\/p>\n            <div class=\"msq-opts\">\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"solo\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 4-6 8-6s8 2 8 6\"\/><\/svg>\n                <span class=\"msq-opt-label\">Moi seulement<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"team\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M2.5 20c0-3.3 3-5 6.5-5s6.5 1.7 6.5 5\"\/><circle cx=\"17.5\" cy=\"8\" r=\"2.6\"\/><path d=\"M17 15c2.6.2 4.5 1.8 4.5 5\"\/><\/svg>\n                <span class=\"msq-opt-label\">Mon \u00e9quipe<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"scholar\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3 2 8.5 12 14l10-5.5L12 3Z\"\/><path d=\"M6 11.2V16c0 2.2 2.7 4 6 4s6-1.8 6-4v-4.8\"\/><\/svg>\n                <span class=\"msq-opt-label\">\u00c9tudiant(e) ou chercheur(se)<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"msq-step\" data-step=\"1\">\n            <p class=\"msq-q\">\u00c0 quelle fr\u00e9quence l'utiliserez-vous?<\/p>\n            <div class=\"msq-opts\">\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"occasional\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>\n                <span class=\"msq-opt-label\">De temps en temps<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"regular\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M3 9h18M8 2v4M16 2v4M9 15l2 2 4-4\"\/><\/svg>\n                <span class=\"msq-opt-label\">La plupart des jours<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"msq-step\" data-step=\"2\">\n            <p class=\"msq-q\">Qu'est-ce qui compte le plus?<\/p>\n            <div class=\"msq-opts\">\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"address\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 7l9 6 9-6\"\/><\/svg>\n                <span class=\"msq-opt-label\">Une adresse professionnelle<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"desk\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n                <span class=\"msq-opt-label\">Un endroit pour travailler<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"privacy\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n                <span class=\"msq-opt-label\">De l'intimit\u00e9 pour mon \u00e9quipe<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"msq-step\" data-step=\"3\">\n            <p class=\"msq-q\">Quel emplacement vous convient?<\/p>\n            <div class=\"msq-opts\">\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"saint-leonard\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 21s7-6.3 7-11a7 7 0 0 0-14 0c0 4.7 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\n                <span class=\"msq-opt-label\">Saint-L\u00e9onard<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"west-island\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 21s7-6.3 7-11a7 7 0 0 0-14 0c0 4.7 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\n                <span class=\"msq-opt-label\">Ouest-de-l'\u00cele (Dorval)<\/span>\n              <\/button>\n              <button type=\"button\" class=\"msq-opt\" data-answer=\"laval\">\n                <svg class=\"msq-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 21s7-6.3 7-11a7 7 0 0 0-14 0c0 4.7 7 11 7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\n                <span class=\"msq-opt-label\">Laval<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <button type=\"button\" class=\"msq-back\" id=\"mspMsqBack\">&larr; Retour<\/button>\n\n          <div class=\"msq-result\" id=\"mspMsqResult\">\n            <span class=\"msq-tag\">Votre forfait<\/span>\n            <h3 id=\"mspMsqTitle\">Passe journalier<\/h3>\n            <p class=\"msq-price\" id=\"mspMsqPrice\">\u00c0 partir de 35 $\/jour<\/p>\n            <p class=\"msq-desc\" id=\"mspMsqDesc\"><\/p>\n            <p class=\"msq-loc\">Meilleur choix \u00e0 <strong id=\"mspMsqLoc\">Saint-L\u00e9onard<\/strong><\/p>\n\n            <div class=\"msq-actions\">\n              <a href=\"https:\/\/metspace.com\/fr\/forfaits-2\/#packages\" class=\"msq-cta msq-cta--outline\" id=\"mspMsqPackages\">Voir les forfaits<\/a>\n              <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msq-cta\" id=\"mspMsqTour\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une visite<\/a>\n            <\/div>\n\n            <div class=\"msq-cap\" id=\"mspMsqCap\">\n              <div class=\"msq-row\">\n                <input type=\"email\" class=\"msq-email\" id=\"mspMsqEmail\" placeholder=\"vous@courriel.com\" aria-label=\"Votre courriel\" autocomplete=\"email\">\n                <button type=\"button\" class=\"msq-send\" id=\"mspMsqSend\">Qu'un conseiller me contacte<\/button>\n              <\/div>\n              <p class=\"msq-err\" id=\"mspMsqErr\">Veuillez entrer une adresse courriel valide.<\/p>\n              <label class=\"msq-consent\">\n                <input type=\"checkbox\" id=\"mspMsqConsent\">\n                Un conseiller Metspace peut me contacter au sujet de mes r\u00e9sultats et pour planifier une visite.\n              <\/label>\n            <\/div>\n\n            <div class=\"msq-thanks\" id=\"mspMsqThanks\">Merci! Un conseiller Metspace communiquera avec vous sous peu.<\/div>\n            <button type=\"button\" class=\"msq-again\" id=\"mspMsqAgain\">\u21ba Recommencer<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n(function () {\n  var BOOK_TOUR_URL = 'https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9';\n  var PACKAGES_URL = 'https:\/\/metspace.com\/fr\/forfaits-2\/#packages';\n  var WEB3FORMS_KEY = 'd8d0388f-4453-4f0b-ba85-96bd3a0234ff';\n\n  var TOUR_URLS = {\n    'saint-leonard': 'https:\/\/metspace.com\/fr\/contactnous\/',\n    'west-island': 'https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9',\n    laval: 'https:\/\/metspace.com\/fr\/laval\/'\n  };\n\n  function applyTourLink(link, locKey) {\n    if (!link) return;\n    var url = TOUR_URLS[locKey] || BOOK_TOUR_URL;\n    link.href = url;\n    if (url.indexOf('calendar.app.google') !== -1) {\n      link.setAttribute('target', '_blank');\n      link.setAttribute('rel', 'noopener noreferrer');\n    } else {\n      link.removeAttribute('target');\n      link.removeAttribute('rel');\n    }\n    if (link.id === 'mspMsqTour') {\n      if (locKey === 'laval') {\n        link.textContent = \"Rejoindre la liste d'attente\";\n      } else if (locKey === 'saint-leonard') {\n        link.textContent = 'Nous joindre';\n      } else {\n        link.textContent = 'R\u00e9server une visite';\n      }\n    }\n  }\n\n  var wrap = document.getElementById('metspace-cta-quiz');\n  if (!wrap || wrap.dataset.mspInit) return;\n  wrap.dataset.mspInit = '1';\n\n  var bookBtn = document.getElementById('msp-btn-book-tour');\n  var openBtn = document.getElementById('msp-btn-quiz-open');\n  var modal = document.getElementById('msp-quiz-modal');\n  var dialog = modal.querySelector('.msp-quiz-modal__dialog');\n  var lastFocus = null;\n\n  if (bookBtn) applyTourLink(bookBtn, null);\n  document.getElementById('mspMsqPackages').href = PACKAGES_URL;\n  applyTourLink(document.getElementById('mspMsqTour'), null);\n\n  function openModal() {\n    lastFocus = document.activeElement;\n    modal.classList.add('is-open');\n    modal.setAttribute('aria-hidden', 'false');\n    document.documentElement.classList.add('msp-quiz-open');\n    document.body.style.overflow = 'hidden';\n    var closeBtn = modal.querySelector('.msp-quiz-modal__close');\n    if (closeBtn) closeBtn.focus();\n  }\n\n  function closeModal() {\n    modal.classList.remove('is-open');\n    modal.setAttribute('aria-hidden', 'true');\n    document.documentElement.classList.remove('msp-quiz-open');\n    document.body.style.overflow = '';\n    if (lastFocus && lastFocus.focus) lastFocus.focus();\n  }\n\n  if (openBtn) {\n    openBtn.addEventListener('click', function (e) {\n      e.preventDefault();\n      openModal();\n    });\n  }\n\n  modal.querySelectorAll('.msp-quiz-modal__backdrop, .msp-quiz-modal__close').forEach(function (el) {\n    el.addEventListener('click', closeModal);\n  });\n\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\n  });\n\n  dialog.addEventListener('click', function (e) { e.stopPropagation(); });\n\n  \/* ---- Quiz logic ---- *\/\n  var PACKAGES = {\n    address: { name: 'Adresse virtuelle', price: '\u00c0 partir de 75 $\/mois', desc: 'Une adresse corporative professionnelle avec gestion du courrier. Une pr\u00e9sence sans le bureau.' },\n    daypass: { name: 'Passe journalier', price: '\u00c0 partir de 35 $\/jour', desc: 'Passez une journ\u00e9e productive avec tous les services inclus, quand vous en avez besoin.' },\n    dedicated: { name: 'Bureau d\u00e9di\u00e9', price: '\u00c0 partir de 180 $\/mois', desc: 'Votre propre place dans la communaut\u00e9, pr\u00eate chaque jour avec tout inclus.' },\n    suite: { name: 'Suite priv\u00e9e', price: 'Tarification sur mesure', desc: 'Un bureau priv\u00e9 verrouillable qui grandit avec votre \u00e9quipe. Tous les services inclus.' },\n    scholar: { name: 'Metspace Scholar', price: '\u00c0 partir de 499 $\/session', desc: 'Espace de travail de 9 h \u00e0 17 h pour dipl\u00f4m\u00e9s et chercheurs. Wi-Fi, caf\u00e9, impression \u00e0 tarif r\u00e9duit et d\u00e9jeuners-r\u00e9seautage. Places limit\u00e9es.' }\n  };\n\n  var LOCS = {\n    'saint-leonard': 'Saint-L\u00e9onard',\n    'west-island': \"Ouest-de-l'\u00cele\",\n    laval: 'Laval'\n  };\n\n  var ANSWER_LABELS = {\n    who: { solo: 'Moi seulement', team: 'Mon \u00e9quipe', scholar: '\u00c9tudiant(e) ou chercheur(se)' },\n    freq: { occasional: 'De temps en temps', regular: 'La plupart des jours' },\n    priority: { address: 'Une adresse professionnelle', desk: 'Un endroit pour travailler', privacy: \"De l'intimit\u00e9 pour mon \u00e9quipe\" }\n  };\n\n  function formatQuizAnswers(answers) {\n    var short = answers[0] === 'scholar' || answers[0] === 'team';\n    var lines = [\n      'Qui rejoint : ' + (ANSWER_LABELS.who[answers[0]] || ' ')\n    ];\n    if (!short) {\n      lines.push('Fr\u00e9quence : ' + (ANSWER_LABELS.freq[answers[1]] || ' '));\n      lines.push('Priorit\u00e9 : ' + (ANSWER_LABELS.priority[answers[2]] || ' '));\n    }\n    lines.push('Emplacement : ' + (LOCS[answers[3]] || ' '));\n    return lines.join('\\n');\n  }\n\n  var root = document.getElementById('metspace-quiz-modal');\n  var steps = root.querySelectorAll('.msq-step');\n  var back = document.getElementById('mspMsqBack');\n  var count = document.getElementById('mspMsqCount');\n  var result = document.getElementById('mspMsqResult');\n  var answers = [];\n  var current = 0;\n\n  function isShortPath() {\n    return answers[0] === 'scholar' || answers[0] === 'team';\n  }\n\n  function totalQuestions() {\n    return isShortPath() ? 2 : 4;\n  }\n\n  function questionNumber(step) {\n    if (isShortPath()) return step === 0 ? 1 : 2;\n    return step + 1;\n  }\n\n  function decide() {\n    if (answers[0] === 'scholar') return 'scholar';\n    if (answers[2] === 'address') return 'address';\n    if (answers[2] === 'privacy' || answers[0] === 'team') return 'suite';\n    if (answers[1] === 'regular') return 'dedicated';\n    return 'daypass';\n  }\n\n  function clearSelection() {\n    root.querySelectorAll('.msq-opt').forEach(function (btn) { btn.classList.remove('sel'); });\n  }\n\n  function highlightStep(step) {\n    clearSelection();\n    if (answers[step] == null) return;\n    var stepEl = steps[step];\n    if (!stepEl) return;\n    var btn = stepEl.querySelector('[data-answer=\"' + answers[step] + '\"]');\n    if (btn) btn.classList.add('sel');\n  }\n\n  function updateChrome(done) {\n    if (done) {\n      count.style.display = 'none';\n    } else {\n      count.style.display = 'inline-flex';\n      count.textContent = questionNumber(current) + ' \/ ' + totalQuestions();\n    }\n    back.classList.toggle('show', !done && current > 0);\n  }\n\n  function show(step) {\n    current = step;\n    steps.forEach(function (s, i) { s.classList.toggle('on', i === step); });\n    result.classList.remove('on');\n    highlightStep(step);\n    updateChrome(false);\n  }\n\n  function nextFrom(step) {\n    if (isShortPath() && step === 0) return 3;\n    return step + 1;\n  }\n\n  function prevFrom(step) {\n    if (step === 3 && isShortPath()) return 0;\n    return step - 1;\n  }\n\n  function showResult() {\n    var key = decide();\n    var pick = PACKAGES[key];\n    var loc = LOCS[answers[3]] || ' ';\n\n    document.getElementById('mspMsqTitle').textContent = pick.name;\n    document.getElementById('mspMsqPrice').textContent = pick.price;\n    document.getElementById('mspMsqDesc').textContent = pick.desc;\n    document.getElementById('mspMsqLoc').textContent = loc;\n\n    applyTourLink(document.getElementById('mspMsqTour'), answers[3]);\n\n    steps.forEach(function (s) { s.classList.remove('on'); });\n    back.classList.remove('show');\n    result.classList.add('on');\n    updateChrome(true);\n  }\n\n  function resetQuiz() {\n    answers = [];\n    document.getElementById('mspMsqCap').style.display = '';\n    document.getElementById('mspMsqThanks').style.display = 'none';\n    document.getElementById('mspMsqEmail').value = '';\n    document.getElementById('mspMsqConsent').checked = false;\n    document.getElementById('mspMsqErr').style.display = 'none';\n    applyTourLink(document.getElementById('mspMsqTour'), null);\n    show(0);\n  }\n\n  root.querySelectorAll('.msq-opt').forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var stepEl = btn.closest('.msq-step');\n      var idx = parseInt(stepEl.getAttribute('data-step'), 10);\n      answers[idx] = btn.getAttribute('data-answer');\n      clearSelection();\n      btn.classList.add('sel');\n\n      window.setTimeout(function () {\n        if (idx < steps.length - 1) {\n          show(nextFrom(idx));\n        } else {\n          showResult();\n        }\n      }, 160);\n    });\n  });\n\n  back.addEventListener('click', function () {\n    if (current > 0) show(prevFrom(current));\n  });\n\n  document.getElementById('mspMsqAgain').addEventListener('click', resetQuiz);\n\n  document.getElementById('mspMsqSend').addEventListener('click', function () {\n    var email = document.getElementById('mspMsqEmail').value.trim();\n    var err = document.getElementById('mspMsqErr');\n    var consent = document.getElementById('mspMsqConsent');\n    var btn = document.getElementById('mspMsqSend');\n\n    if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\n      err.textContent = 'Veuillez entrer une adresse courriel valide.';\n      err.style.display = 'block';\n      return;\n    }\n\n    if (!consent.checked) {\n      err.textContent = 'Veuillez cocher la case pour que nous puissions vous r\u00e9pondre.';\n      err.style.display = 'block';\n      return;\n    }\n\n    if (!WEB3FORMS_KEY || WEB3FORMS_KEY.indexOf('YOUR_WEB3FORMS') !== -1) {\n      err.textContent = 'Formulaire non connect\u00e9. Ajoutez votre cl\u00e9 Web3Forms dans le script.';\n      err.style.display = 'block';\n      return;\n    }\n\n    err.style.display = 'none';\n    var key = decide();\n    var pick = PACKAGES[key];\n    btn.disabled = true;\n    btn.textContent = 'Envoi en cours\u2026';\n\n    fetch('https:\/\/api.web3forms.com\/submit', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n      body: JSON.stringify({\n        access_key: WEB3FORMS_KEY,\n        subject: 'Nouveau prospect du quiz Trouvez votre espace',\n        from_name: 'Quiz site Metspace',\n        email: email,\n        'Forfait recommand\u00e9': pick.name,\n        'Emplacement pr\u00e9f\u00e9r\u00e9': LOCS[answers[3]] || ' ',\n        'Qui rejoint': ANSWER_LABELS.who[answers[0]] || ' ',\n        'Fr\u00e9quence': isShortPath() ? '  (non demand\u00e9)' : (ANSWER_LABELS.freq[answers[1]] || ' '),\n        'Priorit\u00e9': isShortPath() ? '  (non demand\u00e9)' : (ANSWER_LABELS.priority[answers[2]] || ' '),\n        'R\u00e9ponses du quiz': formatQuizAnswers(answers),\n        message: [\n          'Quiz Trouvez votre espace',\n          '',\n          formatQuizAnswers(answers),\n          '',\n          'Recommandation : ' + pick.name + ' (' + pick.price + ')',\n          'Emplacement pr\u00e9f\u00e9r\u00e9 : ' + (LOCS[answers[3]] || ' ')\n        ].join('\\n'),\n        botcheck: ''\n      })\n    })\n      .then(function (res) {\n        return res.json().then(function (data) {\n          return { ok: res.ok, data: data };\n        });\n      })\n      .then(function (res) {\n        var apiMessage = res.data.message || (res.data.body && res.data.body.message) || '';\n        if (res.ok && res.data.success) {\n          document.getElementById('mspMsqCap').style.display = 'none';\n          document.getElementById('mspMsqThanks').style.display = 'block';\n        } else {\n          err.textContent = apiMessage || 'Une erreur est survenue. Veuillez r\u00e9essayer.';\n          err.style.display = 'block';\n        }\n      })\n      .catch(function () {\n        err.textContent = 'Une erreur est survenue. Veuillez r\u00e9essayer.';\n        err.style.display = 'block';\n      })\n      .finally(function () {\n        btn.disabled = false;\n        btn.textContent = 'Qu\\'un conseiller me contacte';\n      });\n  });\n\n  show(0);\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f2253d e-flex e-con-boxed e-con e-parent\" data-id=\"1f2253d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e715cd elementor-widget elementor-widget-html\" data-id=\"6e715cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Bandeau photos \u00ab D\u00e9couvrir Metspace \u00bb (page Forfaits)\n  Collez dans un widget HTML Elementor SOUS la banni\u00e8re CTA.\n\n  Modifiez LOCATIONS_URL dans le script si besoin.\n-->\n\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:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"msp-inside\" id=\"metspace-packages-inside\" lang=\"fr\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-packages-inside),\n  .e-con:has(#metspace-packages-inside) > .e-con-inner,\n  .elementor-element:has(#metspace-packages-inside),\n  .elementor-widget-html:has(#metspace-packages-inside),\n  .elementor-widget-html:has(#metspace-packages-inside) .elementor-widget-container,\n  .elementor-section:has(#metspace-packages-inside) > .elementor-container,\n  .elementor-column:has(#metspace-packages-inside) > .elementor-element-populated {\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n    row-gap: 0 !important;\n    column-gap: 0 !important;\n    --padding-top: 0px !important;\n    --padding-right: 0px !important;\n    --padding-bottom: 0px !important;\n    --padding-left: 0px !important;\n    --row-gap: 0px !important;\n    --column-gap: 0px !important;\n    --gap: 0px !important;\n    max-width: none !important;\n  }\n\n  .msp-inside {\n    --msp-ink: #1B2A4A;\n    --msp-ink-soft: #5A6478;\n    --msp-accent: #C8102E;\n    --msp-paper-warm: #FAF8F5;\n    --msp-sand-light: #F3F0EB;\n    --msp-sand: #E9E4DC;\n    --msp-radius: 20px;\n    --msp-max-width: 1100px;\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--msp-ink);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin: 0 0 0 -50vw;\n    padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 2rem);\n    box-sizing: border-box;\n    background: linear-gradient(180deg, var(--msp-sand-light) 0%, var(--msp-paper-warm) 100%);\n  }\n\n  .msp-inside *, .msp-inside *::before, .msp-inside *::after { box-sizing: border-box; }\n\n  .msp-inside__inner {\n    max-width: var(--msp-max-width);\n    margin: 0 auto;\n  }\n\n  .msp-inside__header {\n    max-width: 42ch;\n    margin-bottom: clamp(1.5rem, 4vw, 2.25rem);\n  }\n\n  .msp-inside__header h2 {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 700;\n    font-size: clamp(1.75rem, 4vw, 2.5rem);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    margin: 0 0 0.65rem;\n    color: var(--msp-ink);\n  }\n\n  .msp-inside__header p {\n    margin: 0;\n    font-size: 1.0625rem;\n    line-height: 1.55;\n    color: var(--msp-ink-soft);\n  }\n\n  .msp-inside__grid {\n    display: flex;\n    gap: 0.85rem;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    scroll-padding-inline: 0;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    padding: 0.15rem 0 0.5rem;\n    cursor: grab;\n    touch-action: pan-x;\n  }\n\n  .msp-inside__grid::-webkit-scrollbar { display: none; }\n\n  .msp-inside__grid.is-dragging {\n    cursor: grabbing;\n    scroll-snap-type: none;\n  }\n\n  .msp-inside__grid.is-dragging .msp-inside__photo-btn {\n    cursor: grabbing;\n    pointer-events: none;\n  }\n\n  .msp-inside__photo {\n    flex: 0 0 min(78vw, 320px);\n    scroll-snap-align: start;\n    margin: 0;\n    border-radius: var(--msp-radius);\n    overflow: hidden;\n    background: var(--msp-sand);\n    box-shadow: 0 8px 28px rgba(27, 42, 74, 0.08);\n  }\n\n  .msp-inside__photo-btn {\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    background: none;\n    cursor: zoom-in;\n    font: inherit;\n    color: inherit;\n  }\n\n  .msp-inside__photo-btn:focus-visible {\n    outline: 2px solid var(--msp-accent);\n    outline-offset: 3px;\n  }\n\n  .msp-inside__photo img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n    vertical-align: middle;\n    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .msp-inside__photo-btn:hover img,\n  .msp-inside__photo-btn:focus-visible img {\n    transform: scale(1.03);\n  }\n\n  .msp-inside__footer {\n    margin-top: 1.25rem;\n  }\n\n  .msp-inside__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    font-size: 0.9375rem;\n    font-weight: 600;\n    color: var(--msp-accent);\n    text-decoration: none;\n    transition: color 0.25s ease, transform 0.25s ease;\n  }\n\n  .msp-inside__link:hover {\n    color: var(--msp-ink);\n    transform: translateX(3px);\n  }\n\n  .msp-inside-lightbox {\n    padding: 0;\n    border: none;\n    max-width: min(96vw, 1200px);\n    width: auto;\n    background: transparent;\n    overflow: visible;\n  }\n\n  .msp-inside-lightbox::backdrop {\n    background: rgba(27, 42, 74, 0.9);\n  }\n\n  .msp-inside-lightbox__img {\n    display: block;\n    width: 100%;\n    max-height: 88vh;\n    object-fit: contain;\n    border-radius: var(--msp-radius);\n    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);\n  }\n\n  .msp-inside-lightbox__close {\n    position: fixed;\n    top: clamp(0.75rem, 3vw, 1.25rem);\n    right: clamp(0.75rem, 3vw, 1.25rem);\n    z-index: 2;\n    width: 2.75rem;\n    height: 2.75rem;\n    border: 0;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.95);\n    color: var(--msp-ink);\n    font-size: 1.75rem;\n    line-height: 1;\n    cursor: pointer;\n    transition: background 0.25s ease, transform 0.25s ease;\n  }\n\n  .msp-inside-lightbox__close:hover {\n    background: #fff;\n    transform: scale(1.05);\n  }\n\n  @media (min-width: 640px) {\n    .msp-inside__grid { gap: 1rem; }\n    .msp-inside__photo { flex-basis: min(42%, 340px); }\n  }\n\n  @media (min-width: 900px) {\n    .msp-inside__photo { flex-basis: min(31.5%, 340px); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .msp-inside__photo img { transition: none; }\n  }\n<\/style>\n\n  <div class=\"msp-inside__inner\">\n    <header class=\"msp-inside__header\">\n      <h2>D\u00e9couvrir Metspace<\/h2>\n      <p>Chaque forfait est diff\u00e9rent. Explorez les espaces derri\u00e8re les forfaits ci-dessus.<\/p>\n    <\/header>\n\n    <div class=\"msp-inside__grid\">\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : r\u00e9ception et accueil Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/front-desk-mobile-1.jpg\"\n            alt=\"R\u00e9ception et accueil Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : salle de conf\u00e9rence Metspace \u00e0 Saint-L\u00e9onard\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2026\/03\/Lombardi-conference-room-st-leo.jpg\"\n            alt=\"Salle de conf\u00e9rence Metspace \u00e0 Saint-L\u00e9onard\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : salon et espace de coworking Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6785-scaled.jpg\"\n            data-full-src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6785.jpg\"\n            alt=\"Salon et espace de coworking Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : espace de travail Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6786-scaled.jpg\"\n            data-full-src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6786.jpg\"\n            alt=\"Espace de travail Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : int\u00e9rieur Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6787-scaled.jpg\"\n            data-full-src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/IMG_6787.jpg\"\n            alt=\"Int\u00e9rieur Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : espace de coworking Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/metspace5.jpg\"\n            alt=\"Espace de coworking Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : bureau Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/08\/metspace1.jpg\"\n            alt=\"Bureau Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n      <figure class=\"msp-inside__photo\">\n        <button type=\"button\" class=\"msp-inside__photo-btn\" aria-label=\"Voir en grand : cuisine Metspace\">\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/metspace.com\/wp-content\/uploads\/2017\/07\/kitchen.jpg\"\n            alt=\"Cuisine Metspace\"\n            loading=\"lazy\"\n            width=\"800\"\n            height=\"600\"\n          >\n        <\/button>\n      <\/figure>\n    <\/div>\n\n    <div class=\"msp-inside__footer\">\n      <a href=\"https:\/\/metspace.com\/fr\/emplacements\/\" class=\"msp-inside__link\" id=\"msp-inside-locations\">Explorer nos emplacements<\/a>\n    <\/div>\n  <\/div>\n\n  <dialog class=\"msp-inside-lightbox\" id=\"msp-inside-lightbox\" aria-label=\"Photo agrandie\">\n    <button type=\"button\" class=\"msp-inside-lightbox__close\" aria-label=\"Fermer\" data-msp-inside-close>&times;<\/button>\n    <img fetchpriority=\"high\" decoding=\"async\" src=\"\" alt=\"\" class=\"msp-inside-lightbox__img\" width=\"1200\" height=\"900\">\n  <\/dialog>\n\n<script>\n(function () {\n  var LOCATIONS_URL = 'https:\/\/metspace.com\/fr\/emplacements\/';\n  var link = document.getElementById('msp-inside-locations');\n  if (link) link.href = LOCATIONS_URL;\n\n  var dialog = document.getElementById('msp-inside-lightbox');\n  if (!dialog || typeof dialog.showModal !== 'function') return;\n\n  var lightboxImg = dialog.querySelector('.msp-inside-lightbox__img');\n  var closeBtn = dialog.querySelector('[data-msp-inside-close]');\n  var root = document.getElementById('metspace-packages-inside');\n  var lastFocus = null;\n  var grid = root ? root.querySelector('.msp-inside__grid') : null;\n  var drag = { active: false, moved: false, startX: 0, startLeft: 0, id: null };\n\n  if (grid) {\n    grid.addEventListener('pointerdown', function (e) {\n      if (e.pointerType === 'touch') return;\n      drag.active = true;\n      drag.moved = false;\n      drag.id = e.pointerId;\n      drag.startX = e.clientX;\n      drag.startLeft = grid.scrollLeft;\n      grid.classList.add('is-dragging');\n      if (grid.setPointerCapture) grid.setPointerCapture(e.pointerId);\n    });\n    grid.addEventListener('pointermove', function (e) {\n      if (!drag.active || e.pointerId !== drag.id) return;\n      var dx = e.clientX - drag.startX;\n      if (Math.abs(dx) > 6) drag.moved = true;\n      grid.scrollLeft = drag.startLeft - dx;\n    });\n    function endDrag(e) {\n      if (!drag.active || (e && e.pointerId !== drag.id)) return;\n      drag.active = false;\n      grid.classList.remove('is-dragging');\n    }\n    grid.addEventListener('pointerup', endDrag);\n    grid.addEventListener('pointercancel', endDrag);\n  }\n\n  function closeLightbox() {\n    dialog.close();\n    if (lastFocus && typeof lastFocus.focus === 'function') lastFocus.focus();\n    lightboxImg.removeAttribute('src');\n    lightboxImg.alt = '';\n  }\n\n  if (root) {\n    root.querySelectorAll('.msp-inside__photo-btn').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        if (drag.moved) {\n          drag.moved = false;\n          return;\n        }\n        var photo = btn.querySelector('img');\n        if (!photo) return;\n        lastFocus = btn;\n        lightboxImg.src = photo.getAttribute('data-full-src') || photo.src;\n        lightboxImg.alt = photo.alt;\n        dialog.showModal();\n      });\n    });\n  }\n\n  if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\n  dialog.addEventListener('click', function (e) {\n    if (e.target === dialog) closeLightbox();\n  });\n  dialog.addEventListener('cancel', function (e) {\n    e.preventDefault();\n    closeLightbox();\n  });\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 Client Metspace Passage et \u00e0 la carte \u00c0 partir de 35 $\/jour Explorer 02 Membre Metspace Coworking mensuel \u00c0 partir de 180 $\/mois Explorer 03 Locataire Metspace Votre propre [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9542","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Most Flexible Coworking Space in Quebec | Metspace<\/title>\n<meta name=\"description\" content=\"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metspace.com\/fr\/forfaits\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Most Flexible Coworking Space in Quebec | Metspace\" \/>\n<meta property=\"og:description\" content=\"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metspace.com\/fr\/forfaits\/\" \/>\n<meta property=\"og:site_name\" content=\"Best Coworking Space Companies | Space Management | Metspace\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T00:13:49+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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/forfaits\\\/\",\"url\":\"https:\\\/\\\/metspace.com\\\/fr\\\/forfaits\\\/\",\"name\":\"The Most Flexible Coworking Space in Quebec | Metspace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#website\"},\"datePublished\":\"2026-08-19T18:41:24+00:00\",\"dateModified\":\"2026-09-04T00:13:49+00:00\",\"description\":\"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/forfaits\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metspace.com\\\/fr\\\/forfaits\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/forfaits\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Packages FR (celine)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\",\"name\":\"Best Coworking Space Companies | Space Management | Metspace\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metspace.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Most Flexible Coworking Space in Quebec | Metspace","description":"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.","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:\/\/metspace.com\/fr\/forfaits\/","og_locale":"fr_FR","og_type":"article","og_title":"The Most Flexible Coworking Space in Quebec | Metspace","og_description":"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.","og_url":"https:\/\/metspace.com\/fr\/forfaits\/","og_site_name":"Best Coworking Space Companies | Space Management | Metspace","article_modified_time":"2026-09-04T00:13:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metspace.com\/fr\/forfaits\/","url":"https:\/\/metspace.com\/fr\/forfaits\/","name":"The Most Flexible Coworking Space in Quebec | Metspace","isPartOf":{"@id":"https:\/\/metspace.com\/fr\/#website"},"datePublished":"2026-08-19T18:41:24+00:00","dateModified":"2026-09-04T00:13:49+00:00","description":"Metspace is dedicated to being the most flexible co-working space in Quebec. Our pledge is that we will provide the finest value for your money. Read more.","breadcrumb":{"@id":"https:\/\/metspace.com\/fr\/forfaits\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metspace.com\/fr\/forfaits\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/metspace.com\/fr\/forfaits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/metspace.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Packages FR (celine)"}]},{"@type":"WebSite","@id":"https:\/\/metspace.com\/fr\/#website","url":"https:\/\/metspace.com\/fr\/","name":"Best Coworking Space Companies | Space Management | Metspace","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metspace.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/comments?post=9542"}],"version-history":[{"count":62,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9542\/revisions"}],"predecessor-version":[{"id":10072,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9542\/revisions\/10072"}],"wp:attachment":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/media?parent=9542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}