{"id":9518,"date":"2026-08-19T01:36:49","date_gmt":"2026-08-19T01:36:49","guid":{"rendered":"https:\/\/metspace.com\/?page_id=9518"},"modified":"2026-09-04T00:54:57","modified_gmt":"2026-09-04T00:54:57","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/metspace.com\/fr\/","title":{"rendered":"Home FR (celine)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9518\" class=\"elementor elementor-9518 elementor-9186\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4faf44 e-flex e-con-boxed e-con e-parent\" data-id=\"e4faf44\" 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-2f38c41 elementor-widget elementor-widget-html\" data-id=\"2f38c41\" 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 HOMEPAGE HERO (FR)\n  Paste into one Elementor HTML widget at the top of the French Home page.\n  Container: Full Width, Gap 0, Padding 0.\n\n  Replaces the theme video hero. Same YouTube background.\n  Buttons: Voir les forfaits (glass)\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;9..144,800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"msh-hero hero--video\" id=\"metspace-home-hero\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-home-hero),\n  .e-con:has(#metspace-home-hero) > .e-con-inner,\n  .elementor-element:has(#metspace-home-hero),\n  .elementor-widget-html:has(#metspace-home-hero),\n  .elementor-widget-html:has(#metspace-home-hero) .elementor-widget-container,\n  .elementor-section:has(#metspace-home-hero) > .elementor-container,\n  .elementor-column:has(#metspace-home-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  }\n\n  #metspace-home-hero {\n    --navy: #1B2A4A;\n    --navy-black: #0E1525;\n    --red: #C8102E;\n    --red-bright: #D4283A;\n    --red-press: #A60D24;\n    --paper: #FFFFFF;\n    --max: 1320px;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-family: var(--font-body) !important;\n    color: var(--paper);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #metspace-home-hero *,\n  #metspace-home-hero *::before,\n  #metspace-home-hero *::after { box-sizing: border-box; }\n\n  #metspace-home-hero h1,\n  #metspace-home-hero p,\n  #metspace-home-hero a,\n  #metspace-home-hero span {\n    font-style: normal !important;\n    text-transform: none !important;\n  }\n\n  #metspace-home-hero .msh-hero__band {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    margin-left: -50vw;\n    min-height: 100vh;\n    min-height: 100dvh;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    overflow: hidden;\n    background: var(--navy-black);\n    color: var(--paper);\n  }\n\n  #metspace-home-hero .msh-hero__video {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    pointer-events: none;\n    background: var(--navy) center \/ cover no-repeat;\n  }\n\n  #metspace-home-hero .msh-hero__video iframe,\n  #metspace-home-hero .msh-hero__video #msh-hero-yt-player {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100vw;\n    height: 56.25vw;\n    min-width: 177.78vh;\n    min-height: 100vh;\n    border: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  #metspace-home-hero .msh-hero__video #msh-hero-yt-player iframe {\n    width: 100%;\n    height: 100%;\n  }\n\n  #metspace-home-hero .msh-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background:\n      linear-gradient(180deg, rgba(14, 21, 37, 0.35) 0%, rgba(14, 21, 37, 0.15) 35%, rgba(14, 21, 37, 0.55) 70%, rgba(14, 21, 37, 0.82) 100%),\n      linear-gradient(105deg, rgba(14, 21, 37, 0.5) 0%, transparent 55%);\n  }\n\n  #metspace-home-hero .msh-hero__inner {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: var(--max);\n    margin: 0 auto;\n    padding: clamp(6rem, 14vh, 10rem) clamp(1.25rem, 4vw, 2rem) clamp(2.5rem, 6vh, 4rem);\n  }\n\n  #metspace-home-hero .msh-hero__eyebrow {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.65rem;\n    margin: 0 0 clamp(1.35rem, 3.5vw, 2.5rem);\n  }\n\n  #metspace-home-hero .msh-hero__eyebrow > span {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.45rem 1rem;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 999px;\n    color: rgba(255, 255, 255, 0.92) !important;\n    font-size: 0.7rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.12em !important;\n    text-transform: uppercase !important;\n  }\n\n  #metspace-home-hero .msh-hero__dot {\n    width: 8px;\n    height: 8px;\n    margin-right: 0.4rem;\n    border-radius: 50%;\n    background: var(--red);\n    flex-shrink: 0;\n  }\n\n  #metspace-home-hero .msh-hero__title {\n    margin: 0 0 1.5rem;\n    max-width: none;\n    overflow: visible;\n    font-family: var(--font-display) !important;\n    font-weight: 800 !important;\n    font-size: clamp(3.4rem, 10.5vw, 8rem) !important;\n    line-height: 1.08 !important;\n    letter-spacing: -0.04em !important;\n    color: var(--paper) !important;\n  }\n\n  #metspace-home-hero .msh-hero__title .accent {\n    display: block;\n    white-space: nowrap;\n    padding-bottom: 0.14em;\n    color: var(--red) !important;\n  }\n\n  #metspace-home-hero .msh-hero__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    padding: 0.75rem 1.625rem;\n    border-radius: 999px;\n    font-family: var(--font-body) !important;\n    font-size: 0.9375rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.01em !important;\n    text-decoration: none !important;\n    text-transform: none !important;\n    cursor: pointer;\n    color: var(--paper) !important;\n    background: rgba(255, 255, 255, 0.16) !important;\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\n    backdrop-filter: blur(14px) saturate(140%);\n    -webkit-backdrop-filter: blur(14px) saturate(140%);\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n\n  #metspace-home-hero .msh-hero__btn:hover,\n  #metspace-home-hero .msh-hero__btn:focus-visible {\n    background: rgba(255, 255, 255, 0.3) !important;\n    color: var(--paper) !important;\n    transform: translateY(-1px);\n  }\n\n  @media (max-width: 640px) {\n    #metspace-home-hero .msh-hero__title {\n      font-size: clamp(2.45rem, 11vw, 3.2rem) !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-home-hero .msh-hero__video { display: none; }\n  }\n<\/style>\n\n  <div class=\"msh-hero__band\">\n    <div class=\"msh-hero__video\" aria-hidden=\"true\">\n      <div id=\"msh-hero-yt-player\"><\/div>\n    <\/div>\n    <div class=\"msh-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"msh-hero__inner\">\n      <div class=\"msh-hero__eyebrow\">\n        <span><span class=\"msh-hero__dot\" aria-hidden=\"true\"><\/span>Coworking \u00e0 Montr\u00e9al<\/span>\n        <span>Depuis 2015 \u00b7 10+ ans<\/span>\n        <span>3 emplacements<\/span>\n      <\/div>\n      <h1 class=\"msh-hero__title\">Plus qu'un bureau.<span class=\"accent\">Une communaut\u00e9.<\/span><\/h1>\n      <a href=\"https:\/\/metspace.com\/fr\/forfaits\/\" class=\"msh-hero__btn\">Voir les forfaits<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var VIDEO_ID = '9Og5cexRc4A';\n  var VIDEO_START = 17;\n  var VIDEO_END = 30;\n  var root = document.getElementById('metspace-home-hero');\n  if (!root || root.dataset.heroVideoInit) return;\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  root.dataset.heroVideoInit = '1';\n\n  var player = null;\n  var loopTimer = null;\n\n  function clearLoopTimer() {\n    if (loopTimer) {\n      window.clearInterval(loopTimer);\n      loopTimer = null;\n    }\n  }\n\n  function startLoop() {\n    clearLoopTimer();\n    loopTimer = window.setInterval(function () {\n      if (!player || typeof player.getCurrentTime !== 'function') return;\n      if (player.getCurrentTime() >= VIDEO_END - 0.15) {\n        player.seekTo(VIDEO_START, true);\n      }\n    }, 200);\n  }\n\n  function disableCaptions(target) {\n    try {\n      if (target && typeof target.unloadModule === 'function') {\n        target.unloadModule('captions');\n      }\n      if (target && typeof target.setOption === 'function') {\n        target.setOption('captions', 'track', {});\n        target.setOption('captions', 'reload', true);\n      }\n    } catch (e) {}\n  }\n\n  function initPlayer() {\n    player = new YT.Player('msh-hero-yt-player', {\n      host: 'https:\/\/www.youtube-nocookie.com',\n      videoId: VIDEO_ID,\n      playerVars: {\n        autoplay: 1,\n        mute: 1,\n        controls: 0,\n        rel: 0,\n        modestbranding: 1,\n        playsinline: 1,\n        iv_load_policy: 3,\n        cc_load_policy: 0,\n        cc_lang_pref: 'en',\n        disablekb: 1,\n        start: VIDEO_START,\n        origin: window.location.origin\n      },\n      events: {\n        onReady: function (event) {\n          event.target.mute();\n          disableCaptions(event.target);\n          event.target.seekTo(VIDEO_START, true);\n          event.target.playVideo();\n          startLoop();\n        },\n        onStateChange: function (event) {\n          if (event.data === YT.PlayerState.ENDED) {\n            event.target.seekTo(VIDEO_START, true);\n            event.target.playVideo();\n          }\n        }\n      }\n    });\n  }\n\n  if (window.YT && window.YT.Player) {\n    initPlayer();\n    return;\n  }\n\n  var priorReady = window.onYouTubeIframeAPIReady;\n  window.onYouTubeIframeAPIReady = function () {\n    if (typeof priorReady === 'function') priorReady();\n    initPlayer();\n  };\n\n  if (!document.getElementById('msh-hero-yt-api')) {\n    var tag = document.createElement('script');\n    tag.id = 'msh-hero-yt-api';\n    tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n    document.head.appendChild(tag);\n  }\n})();\n<\/script>\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-55b60a6 e-flex e-con-boxed e-con e-parent\" data-id=\"55b60a6\" 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-884e8d8 elementor-widget elementor-widget-html\" data-id=\"884e8d8\" 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 HOMEPAGE MARQUEE (FR)\n  Paste into one Elementor HTML widget directly under the hero.\n  Container: Full Width, Gap 0, Padding 0.\n\n  Words: Autonomiser \u00b7 Grandir \u00b7 R\u00e9ussir \u00b7 Communaut\u00e9 \u00b7 Cr\u00e9ativit\u00e9 \u00b7 Leadership \u00b7 R\u00e9seau\n-->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Expanded:wght@800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-marquee),\n  .e-con:has(#metspace-marquee) > .e-con-inner,\n  .elementor-element:has(#metspace-marquee),\n  .elementor-widget-html:has(#metspace-marquee),\n  .elementor-widget-html:has(#metspace-marquee) .elementor-widget-container,\n  .elementor-section:has(#metspace-marquee) > .elementor-container,\n  .elementor-column:has(#metspace-marquee) > .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  \/* Break out of Elementor's boxed container *\/\n  #metspace-marquee {\n    --ink: #1E2A4D;\n    --paper: #FCFCFB;\n    --accent: #B23A34;\n    --font-display: \"Archivo Expanded\", \"Arial Narrow\", sans-serif;\n    --space-lg: 2.75rem;\n\n    display: block;\n    width: 100vw;\n    max-width: 100vw;\n    margin: 0;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 0;\n    line-height: 0;\n    position: relative;\n    z-index: 5;\n  }\n\n  #metspace-marquee .marquee {\n    background: var(--ink);\n    color: var(--paper);\n    overflow: hidden;\n    padding: 1rem 0;\n    width: 100%;\n    margin: 0;\n    line-height: normal;\n  }\n\n  #metspace-marquee .marquee__track {\n    display: flex;\n    gap: var(--space-lg);\n    white-space: nowrap;\n    width: max-content;\n    animation: metspace-marquee 30s linear infinite;\n  }\n\n  #metspace-marquee .marquee__track span {\n    font-family: var(--font-display);\n    font-size: 1.05rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--paper);\n    display: inline-flex;\n    align-items: center;\n    gap: var(--space-lg);\n  }\n\n  #metspace-marquee .marquee__track span::after {\n    content: \"\u2726\";\n    color: var(--accent);\n    font-size: 0.85rem;\n  }\n\n  @keyframes metspace-marquee {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-marquee .marquee__track {\n      animation: none;\n      flex-wrap: wrap;\n      width: auto;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-marquee\">\n  <div class=\"marquee\" aria-hidden=\"true\">\n    <div class=\"marquee__track\">\n      <span>Autonomiser<\/span><span>Grandir<\/span><span>R\u00e9ussir<\/span><span>Communaut\u00e9<\/span><span>Cr\u00e9ativit\u00e9<\/span><span>Leadership<\/span><span>R\u00e9seau<\/span>\n      <span>Autonomiser<\/span><span>Grandir<\/span><span>R\u00e9ussir<\/span><span>Communaut\u00e9<\/span><span>Cr\u00e9ativit\u00e9<\/span><span>Leadership<\/span><span>R\u00e9seau<\/span>\n    <\/div>\n  <\/div>\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-aa28b33 e-flex e-con-boxed e-con e-parent\" data-id=\"aa28b33\" 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-e41774b elementor-widget elementor-widget-html\" data-id=\"e41774b\" 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 LOCATIONS (FR). En-t\u00eate de section seulement\n  Collez dans un widget HTML Elementor au-dessus du widget des cartes.\n  Conteneur : pleine largeur, espacement 0, marge int\u00e9rieure 0.\n  \u00c0 jumeler avec fr\/wordpress-locations-embed.html dans la m\u00eame section.\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=\"msl-head\" id=\"metspace-locations-header\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-locations-header),\n  .e-con:has(#metspace-locations-header) > .e-con-inner,\n  .elementor-element:has(#metspace-locations-header),\n  .elementor-widget-html:has(#metspace-locations-header),\n  .elementor-widget-html:has(#metspace-locations-header) .elementor-widget-container,\n  .elementor-section:has(#metspace-locations-header) > .elementor-container,\n  .elementor-column:has(#metspace-locations-header) > .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  #metspace-locations-header {\n    --ink: #1B2A4A;\n    --accent: #C8102E;\n    --muted: #6B7280;\n    --paper: #FAF8F5;\n    --max: 1100px;\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--ink);\n    -webkit-font-smoothing: antialiased;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1.25rem, 5vw, 2rem) 0;\n    box-sizing: border-box;\n    text-align: center;\n    background:\n      radial-gradient(ellipse 70% 55% at 12% 0%, rgba(27, 42, 74, 0.05), transparent 68%),\n      var(--paper);\n  }\n\n  #metspace-locations-header *,\n  #metspace-locations-header *::before,\n  #metspace-locations-header *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  #metspace-locations-header .msl-head__inner {\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  #metspace-locations-header .msl-head__title {\n    margin: 0 0 0.85rem;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 700;\n    font-size: clamp(1.85rem, 4.5vw, 2.75rem);\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--ink) !important;\n  }\n\n  #metspace-locations-header .msl-head__tagline {\n    margin: 0 auto;\n    max-width: 42ch;\n    font-size: 1rem;\n    line-height: 1.6;\n    color: var(--muted);\n  }\n<\/style>\n\n  <div class=\"msl-head__inner\">\n    <h2 class=\"msl-head__title\">Votre espace,<br>o\u00f9 que vous soyez<\/h2>\n    <p class=\"msl-head__tagline\">Une communaut\u00e9 dans le grand Montr\u00e9al.<\/p>\n  <\/div>\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-9f571da elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9f571da\" 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 LOCATIONS (FR). Cartes d'emplacement seulement\n  Collez dans un widget HTML Elementor sous fr\/wordpress-locations-header-embed.html.\n  Conteneur : pleine largeur, espacement 0, marge int\u00e9rieure 0.\n  Gardez les deux widgets dans la m\u00eame section avec espacement 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\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-locations-cards),\n  .e-con:has(#metspace-locations-cards) > .e-con-inner,\n  .elementor-element:has(#metspace-locations-cards),\n  .elementor-widget-html:has(#metspace-locations-cards),\n  .elementor-widget-html:has(#metspace-locations-cards) .elementor-widget-container,\n  .elementor-section:has(#metspace-locations-cards) > .elementor-container,\n  .elementor-column:has(#metspace-locations-cards) > .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  #metspace-locations-cards {\n    --ink: #1B2A4A;\n    --navy-mid: #243A66;\n    --red: #C8102E;\n    --paper-warm: #FAF8F5;\n    --sand: #E9E4DC;\n    --ink-rgb: 27, 42, 74;\n    --ink-dark-rgb: 14, 21, 37;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    --max: 1100px;\n    font-family: var(--font-body) !important;\n    color: var(--ink) !important;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background: var(--paper-warm) !important;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: clamp(1.5rem, 3vw, 2rem) clamp(1.25rem, 5vw, 2rem) clamp(2.5rem, 5vw, 3.5rem);\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n    display: block;\n  }\n\n  #metspace-locations-cards *,\n  #metspace-locations-cards *::before,\n  #metspace-locations-cards *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-locations-cards h3,\n  #metspace-locations-cards p,\n  #metspace-locations-cards a,\n  #metspace-locations-cards span {\n    margin: 0;\n    padding: 0;\n    font-style: normal !important;\n    text-transform: none;\n    letter-spacing: inherit;\n  }\n\n  #metspace-locations-cards .msl-cards__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: clamp(1rem, 2vw, 1.25rem);\n    max-width: var(--max);\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  #metspace-locations-cards .msl-cards__card {\n    position: relative;\n    min-height: 480px;\n    border-radius: 18px;\n    overflow: hidden;\n    border: 3px solid var(--ink);\n    box-shadow: 0 20px 50px -24px rgba(var(--ink-rgb), 0.14);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1.75rem;\n    background-color: var(--navy-mid);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  #metspace-locations-cards .msl-cards__card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 28px 56px -22px rgba(var(--ink-rgb), 0.22);\n  }\n\n  #metspace-locations-cards .msl-cards__card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: linear-gradient(\n      180deg,\n      rgba(var(--ink-dark-rgb), 0.12) 0%,\n      rgba(var(--ink-dark-rgb), 0.42) 52%,\n      rgba(var(--ink-dark-rgb), 0.78) 100%\n    );\n    pointer-events: none;\n  }\n\n  #metspace-locations-cards .msl-cards__card > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  #metspace-locations-cards .msl-cards__top {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  #metspace-locations-cards .msl-cards__name {\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    line-height: 1.05 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  #metspace-locations-cards .msl-cards__chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n\n  #metspace-locations-cards .msl-cards__chip {\n    display: inline-flex;\n    align-items: center;\n    background: rgba(255, 255, 255, 0.14);\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.28);\n    color: #fff !important;\n    font-family: var(--font-body) !important;\n    font-size: 0.6875rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 0.4rem 0.75rem;\n    border-radius: 999px;\n    line-height: 1.2 !important;\n  }\n\n  #metspace-locations-cards .msl-cards__chip--status {\n    background: rgba(255, 255, 255, 0.2);\n    border-color: rgba(255, 255, 255, 0.36);\n  }\n\n  #metspace-locations-cards .msl-cards__chip--soon {\n    background: rgba(200, 16, 46, 0.62);\n    border-color: rgba(255, 255, 255, 0.42);\n  }\n\n  #metspace-locations-cards .msl-cards__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    align-self: flex-start;\n    background: rgba(255, 255, 255, 0.16) !important;\n    -webkit-backdrop-filter: blur(14px) saturate(140%);\n    backdrop-filter: blur(14px) saturate(140%);\n    border: 1px solid rgba(255, 255, 255, 0.4) !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    text-transform: none !important;\n    padding: 0.75rem 1.5rem !important;\n    border-radius: 999px !important;\n    font-family: var(--font-body) !important;\n    font-weight: 600 !important;\n    font-size: 0.9375rem !important;\n    line-height: 1.2 !important;\n    transition: background 0.25s, transform 0.2s;\n  }\n\n  #metspace-locations-cards .msl-cards__btn:hover {\n    background: rgba(255, 255, 255, 0.3) !important;\n    transform: translateY(-1px);\n    color: #fff !important;\n  }\n\n  #metspace-locations-cards .msl-cards__dots {\n    display: none;\n    justify-content: center;\n    gap: 0.5rem;\n    margin: 1.35rem auto 0;\n    max-width: var(--max);\n  }\n\n  #metspace-locations-cards .msl-cards__dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--sand);\n    transition: background 0.2s, transform 0.2s;\n  }\n\n  #metspace-locations-cards .msl-cards__dot.is-active {\n    background: var(--red);\n    transform: scale(1.08);\n  }\n\n  @media (max-width: 820px) {\n    #metspace-locations-cards .msl-cards__grid {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      gap: 0.875rem;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n      padding-bottom: 0.25rem;\n    }\n\n    #metspace-locations-cards .msl-cards__grid::-webkit-scrollbar {\n      display: none;\n    }\n\n    #metspace-locations-cards .msl-cards__card {\n      flex: 0 0 84%;\n      scroll-snap-align: center;\n      min-height: 440px;\n    }\n\n    #metspace-locations-cards .msl-cards__dots {\n      display: flex;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-locations-cards .msl-cards__card,\n    #metspace-locations-cards .msl-cards__btn {\n      transition: none;\n    }\n\n    #metspace-locations-cards .msl-cards__card:hover,\n    #metspace-locations-cards .msl-cards__btn:hover {\n      transform: none;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-locations-cards\">\n  <div class=\"msl-cards__grid\" id=\"metspaceLocationsGrid\">\n    <div class=\"msl-cards__card\" style=\"background-image:url('https:\/\/metspace.com\/wp-content\/uploads\/2026\/03\/Lounge-st-leo.jpg')\">\n      <div class=\"msl-cards__top\">\n        <h3 class=\"msl-cards__name\">Saint-L\u00e9onard<\/h3>\n        <div class=\"msl-cards__chips\">\n          <span class=\"msl-cards__chip msl-cards__chip--status\">Est de Montr\u00e9al \u00b7 Ouvert<\/span>\n          <span class=\"msl-cards__chip\">15 bureaux priv\u00e9s<\/span>\n          <span class=\"msl-cards__chip\">3 salles de conf\u00e9rence<\/span>\n          <span class=\"msl-cards__chip\">Salon et cuisine<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/metspace.com\/fr\/emplacements\/#msl-saint-leonard\" class=\"msl-cards__btn\">Voir l'emplacement<\/a>\n    <\/div>\n\n    <div class=\"msl-cards__card\" style=\"background-image:url('https:\/\/metspace.com\/wp-content\/uploads\/2023\/07\/image-017-1.jpg')\">\n      <div class=\"msl-cards__top\">\n        <h3 class=\"msl-cards__name\">Ouest-de-l'\u00cele<\/h3>\n        <div class=\"msl-cards__chips\">\n          <span class=\"msl-cards__chip msl-cards__chip--status\">Dorval \u00b7 Ouvert<\/span>\n          <span class=\"msl-cards__chip\">17 bureaux priv\u00e9s<\/span>\n          <span class=\"msl-cards__chip\">4 salles de conf\u00e9rence<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/metspace.com\/fr\/emplacements\/#msl-west-island\" class=\"msl-cards__btn\">Voir l'emplacement<\/a>\n    <\/div>\n\n    <div class=\"msl-cards__card\" style=\"background-image:url('https:\/\/metspace.com\/wp-content\/uploads\/2025\/06\/79837dd7-0f4b-4382-ae7c-9905988d2895-scaled.jpg')\">\n      <div class=\"msl-cards__top\">\n        <h3 class=\"msl-cards__name\">Laval<\/h3>\n        <div class=\"msl-cards__chips\">\n          <span class=\"msl-cards__chip msl-cards__chip--soon\">Ouverture prochaine<\/span>\n          <span class=\"msl-cards__chip\">Souvenir et Chomedey<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/metspace.com\/fr\/lavalmetspace\/\" class=\"msl-cards__btn\">Rejoindre la liste d'attente<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"msl-cards__dots\" id=\"metspaceLocationsDots\" aria-hidden=\"true\">\n    <span class=\"msl-cards__dot is-active\"><\/span>\n    <span class=\"msl-cards__dot\"><\/span>\n    <span class=\"msl-cards__dot\"><\/span>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-locations-cards');\n  if (!root || root.dataset.msInit) return;\n  root.dataset.msInit = '1';\n\n  var grid = document.getElementById('metspaceLocationsGrid');\n  var dots = root.querySelectorAll('.msl-cards__dot');\n  if (!grid || !dots.length) return;\n\n  grid.addEventListener('scroll', function () {\n    var cardWidth = grid.scrollWidth \/ dots.length;\n    var i = cardWidth > 0 ? Math.round(grid.scrollLeft \/ cardWidth) : 0;\n    i = Math.max(0, Math.min(dots.length - 1, i));\n    dots.forEach(function (dot, n) {\n      dot.classList.toggle('is-active', n === i);\n    });\n  }, { passive: true });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ddca5 elementor-widget elementor-widget-html\" data-id=\"d1ddca5\" 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 ACCUEIL (FR). Banni\u00e8re salles de conf\u00e9rence\n  Collez le fichier entier dans un widget HTML Elementor sur la page d'accueil FR.\n\n  Conteneur Elementor : pleine largeur, espacement 0, marge int\u00e9rieure 0.\n  Widget HTML, Avanc\u00e9 : marge 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\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-conference-rooms-banner),\n  .e-con:has(#metspace-conference-rooms-banner) > .e-con-inner,\n  .elementor-element:has(#metspace-conference-rooms-banner),\n  .elementor-widget-html:has(#metspace-conference-rooms-banner),\n  .elementor-widget-html:has(#metspace-conference-rooms-banner) .elementor-widget-container,\n  .elementor-section:has(#metspace-conference-rooms-banner) > .elementor-container,\n  .elementor-column:has(#metspace-conference-rooms-banner) > .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  }\n\n  #metspace-conference-rooms-banner {\n    --navy: #1B2A4A;\n    --navy-mid: #243A66;\n    --navy-deep: #141F38;\n    --navy-black: #0E1525;\n    --red: #C8102E;\n    --red-press: #A60D24;\n    --red-bright: #D4283A;\n    --paper: #FFFFFF;\n    --rose: #E8A8AE;\n    --max: 1100px;\n    display: block !important;\n    visibility: visible !important;\n    position: relative;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: clamp(2rem, 5vw, 3rem) clamp(1.25rem, 4vw, 2rem);\n    box-sizing: border-box;\n    overflow: hidden;\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n    color: #FFFFFF !important;\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background: linear-gradient(128deg, #0E1525 0%, #141F38 42%, #1B2A4A 72%, #243A66 100%) !important;\n  }\n\n  #metspace-conference-rooms-banner::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: radial-gradient(ellipse 70% 80% at 85% 20%, rgba(200, 16, 46, 0.2) 0%, transparent 58%);\n    pointer-events: none;\n  }\n\n  #metspace-conference-rooms-banner::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: radial-gradient(ellipse 55% 70% at 10% 85%, rgba(47, 74, 122, 0.35) 0%, transparent 62%);\n    pointer-events: none;\n  }\n\n  @media (max-width: 899px) {\n    #metspace-conference-rooms-banner {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      background: linear-gradient(180deg, #0E1525 0%, #141F38 48%, #1B2A4A 100%) !important;\n    }\n\n    #metspace-conference-rooms-banner::before,\n    #metspace-conference-rooms-banner::after {\n      display: none;\n    }\n\n    #metspace-conference-rooms-banner .msc-conf__actions {\n      flex-direction: column;\n    }\n\n    #metspace-conference-rooms-banner .msc-conf__btn {\n      width: 100%;\n    }\n  }\n\n  @media (min-width: 900px) {\n    #metspace-conference-rooms-banner::before {\n      inset: auto;\n      top: -35%;\n      right: 28%;\n      width: 42%;\n      height: 140%;\n      background: radial-gradient(circle, rgba(200, 16, 46, 0.24) 0%, transparent 62%);\n    }\n\n    #metspace-conference-rooms-banner::after {\n      inset: auto;\n      bottom: -50%;\n      left: -6%;\n      width: 36%;\n      height: 130%;\n      background: radial-gradient(circle, rgba(47, 74, 122, 0.42) 0%, transparent 65%);\n    }\n  }\n\n  #metspace-conference-rooms-banner *,\n  #metspace-conference-rooms-banner *::before,\n  #metspace-conference-rooms-banner *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-conference-rooms-banner h2,\n  #metspace-conference-rooms-banner p,\n  #metspace-conference-rooms-banner a,\n  #metspace-conference-rooms-banner span,\n  #metspace-conference-rooms-banner li {\n    margin: 0;\n    padding: 0;\n    font-style: normal !important;\n    text-transform: none;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__inner {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: var(--max);\n    margin: 0 auto;\n    display: grid;\n    gap: clamp(1.5rem, 4vw, 2.5rem);\n    align-items: center;\n  }\n\n  @media (min-width: 900px) {\n    #metspace-conference-rooms-banner .msc-conf__inner {\n      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\n      gap: clamp(2rem, 4vw, 3.5rem);\n    }\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__copy {\n    display: grid;\n    gap: 0.85rem;\n    align-content: center;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__badge-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.55rem;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__badge {\n    display: inline-flex;\n    align-items: center;\n    min-height: 1.75rem;\n    padding: 0.2rem 0.7rem;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, #D4283A 0%, #A60D24 100%) !important;\n    border-radius: 999px;\n    box-shadow: 0 4px 16px rgba(200, 16, 46, 0.28);\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__price {\n    display: inline-flex;\n    align-items: center;\n    min-height: 1.75rem;\n    padding: 0.2rem 0.7rem;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    color: rgba(255, 255, 255, 0.92) !important;\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 999px;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__eyebrow {\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #E8A8AE !important;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__title {\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-weight: 700 !important;\n    font-size: clamp(1.75rem, 4.2vw, 2.65rem) !important;\n    line-height: 1.08 !important;\n    letter-spacing: -0.03em !important;\n    color: #FFFFFF !important;\n    max-width: 18ch;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__text {\n    font-size: clamp(0.9375rem, 1.8vw, 1.0625rem) !important;\n    line-height: 1.6 !important;\n    color: rgba(255, 255, 255, 0.84) !important;\n    max-width: 48ch;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.65rem;\n    margin-top: 0.35rem;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 0.7rem 1.2rem;\n    font-family: inherit !important;\n    font-size: 0.9375rem !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    white-space: nowrap;\n    border-radius: 999px;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__btn--primary {\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, #D4283A 0%, #A60D24 100%) !important;\n    border: none;\n    box-shadow: 0 4px 18px rgba(200, 16, 46, 0.3);\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__btn--primary:hover,\n  #metspace-conference-rooms-banner .msc-conf__btn--primary:focus {\n    color: #FFFFFF !important;\n    background: linear-gradient(135deg, #C8102E 0%, #C8102E 100%) !important;\n    box-shadow: 0 6px 22px rgba(200, 16, 46, 0.38);\n    transform: translateY(-1px);\n    text-decoration: none !important;\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__visual {\n    position: relative;\n    min-height: 240px;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 18px 48px rgba(14, 21, 37, 0.42);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  #metspace-conference-rooms-banner .msc-conf__photo {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 240px;\n    object-fit: cover;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-conference-rooms-banner .msc-conf__btn {\n      transition: none;\n    }\n\n    #metspace-conference-rooms-banner .msc-conf__btn:hover,\n    #metspace-conference-rooms-banner .msc-conf__btn:focus {\n      transform: none;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-conference-rooms-banner\">\n  <div class=\"msc-conf__inner\">\n    <div class=\"msc-conf__copy\">\n      <div class=\"msc-conf__badge-row\">\n        <span class=\"msc-conf__badge\">Les plus demand\u00e9es<\/span>\n        <span class=\"msc-conf__price\">\u00c0 partir de 40 $\/heure<\/span>\n      <\/div>\n      <p class=\"msc-conf__eyebrow\">Salles de conf\u00e9rence<\/p>\n      <h2 class=\"msc-conf__title\">L\u00e0 o\u00f9 les affaires se concluent.<\/h2>\n      <p class=\"msc-conf__text\">Recevez vos clients, animez des ateliers et pr\u00e9sentez vos projets dans des salles de conf\u00e9rence enti\u00e8rement \u00e9quip\u00e9es. R\u00e9servez en ligne en quelques minutes \u00e0 Saint-L\u00e9onard ou \u00e0 l'Ouest-de-l'\u00cele.<\/p>\n      <div class=\"msc-conf__actions\">\n        <a href=\"https:\/\/archieapp.co\/met-space-1\/public\/book-a-room\/\" class=\"msc-conf__btn msc-conf__btn--primary\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server \u00e0 Saint-L\u00e9onard<\/a>\n        <a href=\"https:\/\/archieapp.co\/metspace-west-island-1\/public\/book-a-room\/\" class=\"msc-conf__btn msc-conf__btn--primary\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server \u00e0 l'Ouest-de-l'\u00cele<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"msc-conf__visual\">\n      <img loading=\"lazy\"\n        class=\"msc-conf__photo\"\n        src=\"https:\/\/metspace.com\/wp-content\/uploads\/2026\/03\/Obama-conference-scaled.jpeg\"\n        alt=\"Salle de conf\u00e9rence Metspace avec table de r\u00e9union et \u00e9cran de pr\u00e9sentation\"\n        width=\"960\"\n        height=\"768\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n    <\/div>\n  <\/div>\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-3586901 elementor-widget elementor-widget-html\" data-id=\"3586901\" 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 ESPACES POUR CHAQUE \u00c9TAPE ===\n  Si vous voyez \u00ab Workspaces for every stage \u00bb apr\u00e8s le collage, mauvais fichier (EN).\n  Collez dans un widget HTML Elementor sur l'accueil FR, sous les cartes d'emplacements.\n  Conteneur : pleine largeur, espacement 0, marge int\u00e9rieure 0.\n  Modifiez PACKAGES_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=\"mss-workspaces\" id=\"metspace-workspaces\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-workspaces),\n  .e-con:has(#metspace-workspaces) > .e-con-inner,\n  .elementor-element:has(#metspace-workspaces),\n  .elementor-widget-html:has(#metspace-workspaces),\n  .elementor-widget-html:has(#metspace-workspaces) .elementor-widget-container,\n  .elementor-section:has(#metspace-workspaces) > .elementor-container,\n  .elementor-column:has(#metspace-workspaces) > .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  .mss-workspaces {\n    --mss-ink: #1B2A4A;\n    --mss-ink-soft: #5B6470;\n    --mss-accent: #C8102E;\n    --mss-accent-press: #A60D24;\n    --mss-ivory: #FAF8F5;\n    --mss-sand: #E9E4DC;\n    --mss-sand-deep: #D9D2C8;\n    --mss-paper-warm: #FAF8F5;\n    --mss-ink-dark-rgb: 14, 21, 37;\n    --mss-font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --mss-font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-family: var(--mss-font-body) !important;\n    color: var(--mss-ink);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background:\n      radial-gradient(ellipse 70% 55% at 88% 12%, rgba(200, 16, 46, 0.05), transparent 62%),\n      radial-gradient(ellipse 55% 45% at 8% 92%, rgba(217, 210, 200, 0.7), transparent 65%),\n      linear-gradient(180deg, var(--mss-sand) 0%, var(--mss-ivory) 100%);\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin: 0 0 0 -50vw;\n    padding: 0;\n    border: 0;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .mss-workspaces *, .mss-workspaces *::before, .mss-workspaces *::after { box-sizing: border-box; }\n\n  .mss-workspaces h2,\n  .mss-workspaces h3,\n  .mss-workspaces p,\n  .mss-workspaces span,\n  .mss-workspaces button,\n  .mss-workspaces a {\n    font-style: normal;\n    text-transform: none;\n    letter-spacing: inherit;\n  }\n\n  .mss-workspaces__container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: clamp(2rem, 4vw, 2.75rem) clamp(1.25rem, 4vw, 2rem) clamp(0.75rem, 2vw, 1.25rem);\n    position: relative;\n    z-index: 1;\n  }\n\n  .mss-workspaces__layout {\n    display: grid;\n    grid-template-columns: 1fr minmax(260px, 320px);\n    gap: clamp(1.5rem, 4vw, 2.5rem);\n    align-items: center;\n  }\n\n  .mss-workspaces__copy {\n    max-width: 28rem;\n  }\n\n  .mss-workspaces__copy h2 {\n    font-family: var(--mss-font-display) !important;\n    font-weight: 700;\n    font-size: clamp(1.65rem, 3.2vw, 2.35rem);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    color: var(--mss-ink);\n    margin: 0;\n  }\n\n  .mss-workspaces__subtitle {\n    font-size: 1rem;\n    line-height: 1.5;\n    color: var(--mss-ink-soft);\n    margin: 0.85rem 0 0;\n    max-width: 34ch;\n  }\n\n  .mss-workspaces__copy .mss-workspaces__btn {\n    margin-top: 1.25rem;\n  }\n\n  .mss-workspaces__bg {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .mss-workspaces__bg img {\n    position: absolute;\n    height: auto;\n  }\n\n  .mss-workspaces__bg-logo {\n    left: 18%;\n    top: 50%;\n    width: min(42vw, 420px);\n    transform: translate(-50%, -50%);\n    opacity: 0.07;\n    mix-blend-mode: multiply;\n  }\n\n  .mss-workspaces__bg-accent {\n    position: absolute;\n    right: -4%;\n    bottom: -8%;\n    width: min(42vw, 420px);\n    height: min(42vw, 420px);\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(200, 16, 46, 0.14) 0%, rgba(200, 16, 46, 0.05) 42%, transparent 68%);\n    opacity: 1;\n  }\n\n  .mss-workspaces__label { display: none; }\n\n  .mss-workspaces .swipe-stack {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-height: 0;\n    perspective: 1000px;\n    width: 100%;\n    max-width: 320px;\n    margin: 0 0 0 auto;\n    justify-self: end;\n  }\n\n  .mss-workspaces .swipe-stack__stage {\n    position: relative;\n    width: min(100%, 300px);\n    height: clamp(280px, 44vw, 340px);\n    transform-style: preserve-3d;\n  }\n\n  .mss-workspaces .swipe-stack__card {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    gap: 0.6rem;\n    padding: 1.15rem;\n    border-radius: 16px;\n    color: #fff;\n    box-shadow: 0 24px 60px rgba(var(--mss-ink-dark-rgb), 0.28);\n    border: 0;\n    cursor: grab;\n    user-select: none;\n    touch-action: none;\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n    overflow: hidden;\n    margin: 0;\n    text-decoration: none;\n  }\n\n  .mss-workspaces .swipe-stack__card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(var(--mss-ink-dark-rgb), 0.05) 0%, rgba(var(--mss-ink-dark-rgb), 0.72) 72%),\n      radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.18), transparent 42%);\n    pointer-events: none;\n  }\n\n  .mss-workspaces .swipe-stack__card > * { position: relative; z-index: 1; }\n\n  .mss-workspaces .swipe-stack__card.is-dragging,\n  .mss-workspaces .swipe-stack.is-dragging .swipe-stack__card.is-top { cursor: grabbing; }\n\n  .mss-workspaces .swipe-stack__card--day { background: linear-gradient(145deg, #2a3f6b 0%, #1b2a4a 55%, #101a30 100%); }\n  .mss-workspaces .swipe-stack__card--virtual { background: linear-gradient(145deg, #8f2430 0%, #c8102e 42%, #1b2a4a 100%); }\n  .mss-workspaces .swipe-stack__card--member { background: linear-gradient(145deg, #3d4f78 0%, #243454 50%, #16243f 100%); }\n  .mss-workspaces .swipe-stack__card--tenant { background: linear-gradient(145deg, #4a556d 0%, #2c3750 52%, #141f38 100%); }\n  .mss-workspaces .swipe-stack__card--suites { background: linear-gradient(145deg, #6e6152 0%, #3a3f52 50%, #141f38 100%); }\n  .mss-workspaces .swipe-stack__card--scholar { background: linear-gradient(145deg, #5c2438 0%, #8b2d45 42%, #1b2a4a 100%); }\n\n  .mss-workspaces .swipe-stack__badge {\n    align-self: flex-start;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 0.35rem 0.7rem;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.14);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n  }\n\n  .mss-workspaces .swipe-stack__title {\n    font-family: var(--mss-font-display) !important;\n    font-size: clamp(1.5rem, 4vw, 2rem);\n    font-weight: 700;\n    line-height: 1.12;\n    letter-spacing: -0.03em;\n    margin: 0;\n    color: #fff;\n  }\n\n  .mss-workspaces .swipe-stack__price { font-size: 0.95rem; margin: 0; color: rgba(255,255,255,.92); }\n  .mss-workspaces .swipe-stack__price strong { font-size: 1.2rem; font-weight: 700; }\n  .mss-workspaces .swipe-stack__text { margin: 0; font-size: 0.875rem; line-height: 1.45; color: rgba(255,255,255,.82); max-width: 28ch; }\n  .mss-workspaces .swipe-stack__cta { margin-top: 0.25rem; font-size: 0.875rem; font-weight: 600; color: rgba(255,255,255,.9); }\n\n  .mss-workspaces .swipe-stack__hint {\n    margin: 0.75rem 0 0;\n    font-size: 0.8125rem;\n    color: var(--mss-ink-soft);\n    text-align: center;\n  }\n\n  .mss-workspaces__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 0.7rem 1.5rem;\n    margin: 0;\n    font-family: var(--mss-font-body) !important;\n    font-size: 0.9375rem;\n    font-weight: 600;\n    color: #fff !important;\n    background: var(--mss-accent) !important;\n    border: 0;\n    border-radius: 999px;\n    text-decoration: none !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    transition: background 0.25s, transform 0.2s;\n  }\n\n  .mss-workspaces__btn:hover {\n    background: var(--mss-accent-press) !important;\n    transform: translateY(-2px);\n    color: #fff !important;\n  }\n\n  @media (min-width: 900px) {\n    .mss-workspaces .swipe-stack__stage { width: 300px; height: 340px; }\n\n    .mss-workspaces__bg-logo {\n      left: 22%;\n      top: 50%;\n      opacity: 0.1;\n    }\n\n    .mss-workspaces__bg-accent {\n      right: 2%;\n      bottom: -4%;\n      width: min(34vw, 380px);\n      height: min(34vw, 380px);\n    }\n  }\n\n  @media (max-width: 899px) {\n    .mss-workspaces__layout {\n      grid-template-columns: 1fr;\n      gap: 2.25rem;\n    }\n\n    .mss-workspaces__copy {\n      max-width: none;\n      text-align: center;\n    }\n\n    .mss-workspaces__subtitle {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .mss-workspaces .swipe-stack {\n      margin: 0 auto;\n      justify-self: center;\n      padding-top: clamp(2.5rem, 9vw, 3.25rem);\n      width: min(100%, 320px);\n    }\n\n    .mss-workspaces .swipe-stack__stage {\n      height: clamp(300px, 78vw, 360px);\n    }\n\n    .mss-workspaces__bg-logo {\n      left: 50%;\n      right: auto;\n      top: 42%;\n      transform: translate(-50%, -50%);\n      width: min(70vw, 380px);\n      opacity: 0.07;\n    }\n\n    .mss-workspaces__bg-accent {\n      right: -18%;\n      bottom: -12%;\n      width: min(62vw, 320px);\n      height: min(62vw, 320px);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mss-workspaces .swipe-stack__card { cursor: default; transition: none !important; }\n    .mss-workspaces .swipe-stack__hint { display: none; }\n  }\n<\/style>\n\n  <div class=\"mss-workspaces__bg\" aria-hidden=\"true\">\n    <img fetchpriority=\"high\" class=\"mss-workspaces__bg-logo\" src=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png\" alt=\"\" width=\"640\" height=\"640\" decoding=\"async\">\n    <div class=\"mss-workspaces__bg-accent\"><\/div>\n  <\/div>\n\n  <div class=\"mss-workspaces__container\">\n    <div class=\"mss-workspaces__layout\">\n      <div class=\"mss-workspaces__copy\">\n        <h2>Des espaces pour<br>chaque \u00e9tape.<\/h2>\n        <p class=\"mss-workspaces__subtitle\">Du laissez-passer journalier aux suites priv\u00e9es, glissez pour voir comment les Metspacers travaillent ici.<\/p>\n        <a href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" class=\"mss-workspaces__btn\">Voir tous les forfaits<\/a>\n      <\/div>\n\n      <div\n        class=\"swipe-stack\"\n        data-swipe-stack\n        data-swipe-threshold=\"70\"\n        data-tilt-angle=\"-40\"\n        data-tilt-start=\"0\"\n        data-x-offset=\"32\"\n        role=\"region\"\n        aria-label=\"Options de forfaits Metspace\"\n      >\n        <div class=\"swipe-stack__stage\">\n          <article class=\"swipe-stack__card swipe-stack__card--day\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">Sans rendez-vous<\/span>\n            <h3 class=\"swipe-stack__title\">Laissez-passer journalier<\/h3>\n            <p class=\"swipe-stack__price\">\u00c0 partir de <strong>35 $<\/strong>\/jour<\/p>\n            <p class=\"swipe-stack__text\">Passez une journ\u00e9e productive avec Wi-Fi, caf\u00e9, salons et toute l'exp\u00e9rience Metspace.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n          <article class=\"swipe-stack__card swipe-stack__card--virtual\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">Le plus populaire<\/span>\n            <h3 class=\"swipe-stack__title\">Adresse virtuelle<\/h3>\n            <p class=\"swipe-stack__price\">\u00c0 partir de <strong>75 $<\/strong>\/mois<\/p>\n            <p class=\"swipe-stack__text\">Une adresse corporative professionnelle, la gestion du courrier et de la cr\u00e9dibilit\u00e9, sans louer de bureau.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n          <article class=\"swipe-stack__card swipe-stack__card--member\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">Mensuel<\/span>\n            <h3 class=\"swipe-stack__title\">Membre Metspace<\/h3>\n            <p class=\"swipe-stack__price\">\u00c0 partir de <strong>180 $<\/strong>\/mois<\/p>\n            <p class=\"swipe-stack__text\">Votre bureau, votre routine, vos gens. Coworking mensuel avec communaut\u00e9 et commodit\u00e9s inclus.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n          <article class=\"swipe-stack__card swipe-stack__card--tenant\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">Votre bureau<\/span>\n            <h3 class=\"swipe-stack__title\">Locataire Metspace<\/h3>\n            <p class=\"swipe-stack__price\">\u00c0 partir de <strong>700 $<\/strong>\/mois<\/p>\n            <p class=\"swipe-stack__text\">Un bureau priv\u00e9 verrouillable avec acc\u00e8s 24\/7, plus tout ce qui fait de Metspace un chez-soi professionnel.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n          <article class=\"swipe-stack__card swipe-stack__card--suites\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">\u00c9quipes<\/span>\n            <h3 class=\"swipe-stack__title\">Suites priv\u00e9es<\/h3>\n            <p class=\"swipe-stack__price\">Tarification <strong>sur mesure<\/strong><\/p>\n            <p class=\"swipe-stack__text\">Des suites d\u00e9di\u00e9es pour les \u00e9quipes en croissance. Intimit\u00e9, concentration et tout le r\u00e9seau Metspace.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n          <article class=\"swipe-stack__card swipe-stack__card--scholar\" data-href=\"https:\/\/metspace.com\/fr\/forfaits\/#cat-scholar\" tabindex=\"0\">\n            <span class=\"swipe-stack__badge\">\u00c9tudiants<\/span>\n            <h3 class=\"swipe-stack__title\">Metspace Scholar<\/h3>\n            <p class=\"swipe-stack__price\">\u00c0 partir de <strong>499 $<\/strong>\/session<\/p>\n            <p class=\"swipe-stack__text\">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.<\/p>\n            <span class=\"swipe-stack__cta\">D\u00e9couvrir les forfaits<\/span>\n          <\/article>\n        <\/div>\n        <p class=\"swipe-stack__hint\">Glissez ou faites glisser la carte du dessus<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n(function () {\n  var PACKAGES_URL = 'https:\/\/metspace.com\/fr\/forfaits\/#packages';\n\n  document.querySelectorAll('#metspace-workspaces [data-href]').forEach(function (card) {\n    if (!card.getAttribute('data-href')) card.setAttribute('data-href', PACKAGES_URL);\n  });\n\n  var root = document.querySelector('#metspace-workspaces [data-swipe-stack]');\n  if (!root || root.dataset.msInit) return;\n  root.dataset.msInit = '1';\n\n  var DEPTH_SPACING = 10;\n  var stage = root.querySelector('.swipe-stack__stage');\n  var cards = Array.prototype.slice.call(stage.querySelectorAll('.swipe-stack__card'));\n  var threshold = parseFloat(root.dataset.swipeThreshold) || 70;\n  var tiltAngle = parseFloat(root.dataset.tiltAngle) || -40;\n  var tiltStart = parseFloat(root.dataset.tiltStart) || 0;\n  var xOffset = parseFloat(root.dataset.xOffset) || 32;\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var mobileQuery = window.matchMedia('(max-width: 899px)');\n  var order = cards.map(function (_, i) { return i; });\n  var drag = { active: false, id: null, startX: 0, startY: 0, x: 0, y: 0, moved: false };\n\n  function topIndex() { return order[0]; }\n\n  function stackMotion() {\n    var mobile = mobileQuery.matches;\n    return {\n      tiltAngle: mobile ? -28 : tiltAngle,\n      tiltStart: mobile ? 0 : tiltStart,\n      xOffset: mobile ? 22 : xOffset,\n      yStep: mobile ? 5 : 8,\n      scaleStep: mobile ? 0.04 : 0.05\n    };\n  }\n\n  function stackStyle(stackPos, total) {\n    var motion = stackMotion();\n    return {\n      scale: 1 - stackPos * motion.scaleStep,\n      rotate: total > 1 ? motion.tiltStart + (stackPos \/ (total - 1)) * (motion.tiltAngle - motion.tiltStart) : motion.tiltStart,\n      x: total > 1 ? (stackPos \/ (total - 1)) * motion.xOffset : 0,\n      y: -stackPos * motion.yStep,\n      z: -stackPos * DEPTH_SPACING,\n      zIndex: total - stackPos\n    };\n  }\n\n  function setTransform(card, style, dx, dy, extraScale) {\n    var scale = style.scale * (extraScale || 1);\n    card.style.transform =\n      'translate3d(' + (style.x + (dx || 0)) + 'px,' + (style.y + (dy || 0)) + 'px,' + style.z + 'px) ' +\n      'rotate(' + style.rotate + 'deg) scale(' + scale + ')';\n  }\n\n  function applyStack(animate) {\n    var total = order.length;\n    order.forEach(function (cardIdx, stackPos) {\n      var card = cards[cardIdx];\n      var style = stackStyle(stackPos, total);\n      card.style.zIndex = String(style.zIndex);\n      card.style.transition = animate && !card.classList.contains('is-dragging')\n        ? 'transform 0.48s cubic-bezier(0.34, 1.15, 0.64, 1)'\n        : 'none';\n      setTransform(card, style);\n      card.classList.toggle('is-top', stackPos === 0);\n      card.setAttribute('aria-hidden', stackPos > 2 ? 'true' : 'false');\n    });\n  }\n\n  function rotateStack() {\n    order.push(order.shift());\n    applyStack(true);\n  }\n\n  function onPointerDown(e) {\n    if (reduced) return;\n    var card = cards[topIndex()];\n    if (!card || !card.classList.contains('is-top')) return;\n    drag.active = true;\n    drag.id = e.pointerId;\n    drag.startX = e.clientX;\n    drag.startY = e.clientY;\n    drag.x = 0;\n    drag.y = 0;\n    drag.moved = false;\n    card.classList.add('is-dragging');\n    card.setPointerCapture(e.pointerId);\n    card.style.transition = 'none';\n    root.classList.add('is-dragging');\n  }\n\n  function onPointerMove(e) {\n    if (!drag.active || e.pointerId !== drag.id) return;\n    drag.x = e.clientX - drag.startX;\n    drag.y = e.clientY - drag.startY;\n    if (Math.abs(drag.x) > 4 || Math.abs(drag.y) > 4) drag.moved = true;\n    setTransform(cards[topIndex()], stackStyle(0, order.length), drag.x, drag.y, 1.04);\n  }\n\n  function onPointerUp(e) {\n    if (!drag.active || e.pointerId !== drag.id) return;\n    var card = cards[topIndex()];\n    drag.active = false;\n    card.classList.remove('is-dragging');\n    root.classList.remove('is-dragging');\n    if (card.hasPointerCapture(e.pointerId)) card.releasePointerCapture(e.pointerId);\n    var distance = Math.sqrt(drag.x * drag.x + drag.y * drag.y);\n    if (distance > threshold) {\n      var dir = drag.x >= 0 ? 1 : -1;\n      card.style.transition = 'transform 0.32s ease-in';\n      setTransform(card, stackStyle(0, order.length), dir * (window.innerWidth * 0.45), drag.y * 0.4, 0.96);\n      window.setTimeout(rotateStack, reduced ? 0 : 220);\n    } else {\n      applyStack(true);\n    }\n    drag.x = 0;\n    drag.y = 0;\n  }\n\n  function onCardClick(e) {\n    if (drag.moved) { e.preventDefault(); return; }\n    var href = e.currentTarget.getAttribute('data-href');\n    if (href) window.location.href = href;\n  }\n\n  cards.forEach(function (card) {\n    card.addEventListener('click', onCardClick);\n    card.addEventListener('pointerdown', onPointerDown);\n    card.addEventListener('pointermove', onPointerMove);\n    card.addEventListener('pointerup', onPointerUp);\n    card.addEventListener('pointercancel', onPointerUp);\n  });\n\n  applyStack(false);\n\n  if (mobileQuery.addEventListener) {\n    mobileQuery.addEventListener('change', function () { applyStack(false); });\n  } else if (mobileQuery.addListener) {\n    mobileQuery.addListener(function () { applyStack(false); });\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-f3c0e4f e-flex e-con-boxed e-con e-parent\" data-id=\"f3c0e4f\" 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-fe28101 elementor-widget elementor-widget-html\" data-id=\"fe28101\" 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 FIND YOUR SPACE QUIZ (FR)\n  Paste entire file into one Elementor HTML widget. Container: full width, padding 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\n<style>\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\");\n\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-quiz),\n  .e-con:has(#metspace-quiz) > .e-con-inner,\n  .elementor-element:has(#metspace-quiz),\n  .elementor-widget-html:has(#metspace-quiz),\n  .elementor-widget-html:has(#metspace-quiz) .elementor-widget-container,\n  .elementor-section:has(#metspace-quiz) > .elementor-container,\n  .elementor-column:has(#metspace-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  #metspace-quiz {\n    --ink: #1B2A4A;\n    --accent: #C8102E;\n    --accent-press: #A60D24;\n    --muted: #6B7280;\n    --paper: #FFFFFF;\n    --hair: #E8E4DE;\n    --ink-dark: #0E1525;\n    --ink-dark-mid: #141F38;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-family: var(--font-body) !important;\n    color: #fff;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background:\n      linear-gradient(135deg, var(--ink-dark) 0%, var(--ink-dark-mid) 45%, var(--ink) 100%);\n    overflow: hidden;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: clamp(2.5rem, 6vw, 3.75rem) clamp(1.25rem, 5vw, 2rem);\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n  }\n\n  #metspace-quiz *,\n  #metspace-quiz *::before,\n  #metspace-quiz *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-quiz h2,\n  #metspace-quiz h3,\n  #metspace-quiz p,\n  #metspace-quiz a,\n  #metspace-quiz button,\n  #metspace-quiz input,\n  #metspace-quiz label,\n  #metspace-quiz span {\n    font-style: normal !important;\n    letter-spacing: inherit;\n  }\n\n  #metspace-quiz .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  #metspace-quiz .msq-blob.b1 {\n    width: 420px;\n    height: 420px;\n    background: #2f4a7a;\n    top: -120px;\n    left: -60px;\n  }\n\n  #metspace-quiz .msq-blob.b2 {\n    width: 360px;\n    height: 360px;\n    background: var(--accent);\n    bottom: -140px;\n    right: -40px;\n    opacity: 0.42;\n  }\n\n  #metspace-quiz .msq-blob.b3 {\n    width: 300px;\n    height: 300px;\n    background: #1f3560;\n    top: 38%;\n    left: 52%;\n  }\n\n  #metspace-quiz .msq-head {\n    text-align: center;\n    max-width: 38.75rem;\n    margin: 0 auto 1.75rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  #metspace-quiz .msq-head h2 {\n    font-family: var(--font-display) !important;\n    font-weight: 600 !important;\n    font-size: clamp(1.85rem, 4.5vw, 2.75rem) !important;\n    color: #fff !important;\n    margin: 0 0 0.75rem !important;\n    line-height: 1.08 !important;\n    letter-spacing: -0.02em !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-head p {\n    color: rgba(255, 255, 255, 0.88) !important;\n    font-family: var(--font-body) !important;\n    font-size: 1rem !important;\n    margin: 0 !important;\n    line-height: 1.55 !important;\n  }\n\n  #metspace-quiz .msq-card {\n    position: relative;\n    max-width: 38.75rem;\n    margin: 0 auto;\n    background: var(--paper) !important;\n    color: var(--ink) !important;\n    border-radius: 20px;\n    box-shadow: 0 14px 50px rgba(14, 21, 37, 0.35);\n    padding: 1.75rem 1.5rem 1.5rem;\n    z-index: 1;\n  }\n\n  #metspace-quiz .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(--accent) !important;\n    color: #fff !important;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-body) !important;\n    font-size: 0.82rem !important;\n    font-weight: 700 !important;\n    box-shadow: 0 4px 14px rgba(200, 16, 46, 0.35);\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-step {\n    display: none;\n    animation: msqFade 0.35s ease;\n  }\n\n  #metspace-quiz .msq-step.on {\n    display: block;\n  }\n\n  @keyframes msqFade {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: none; }\n  }\n\n  #metspace-quiz .msq-q {\n    font-family: var(--font-display) !important;\n    font-size: 1.35rem !important;\n    font-weight: 600 !important;\n    color: var(--ink) !important;\n    margin: 0 3.5rem 1.375rem 0 !important;\n    line-height: 1.2 !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-opts {\n    display: grid;\n    gap: 0.75rem;\n  }\n\n  #metspace-quiz .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 !important;\n    border: 2px solid var(--hair) !important;\n    border-radius: 12px;\n    padding: 0.8125rem 1rem;\n    font-family: var(--font-body) !important;\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    color: var(--ink) !important;\n    text-transform: none !important;\n    transition: border-color 0.2s, transform 0.2s, background 0.2s;\n  }\n\n  #metspace-quiz .msq-opt:hover,\n  #metspace-quiz .msq-opt:focus-visible {\n    border-color: var(--accent) !important;\n    transform: translateY(-1px);\n    background: #fff !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz .msq-opt.sel,\n  #metspace-quiz .msq-opt.sel:hover,\n  #metspace-quiz .msq-opt.sel:focus-visible {\n    border-color: var(--accent) !important;\n    background: rgba(200, 16, 46, 0.08) !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz .msq-ico {\n    width: 1.5rem;\n    height: 1.5rem;\n    flex-shrink: 0;\n    color: var(--ink);\n    transition: color 0.2s;\n  }\n\n  #metspace-quiz .msq-opt:hover .msq-ico,\n  #metspace-quiz .msq-opt:focus-visible .msq-ico,\n  #metspace-quiz .msq-opt.sel .msq-ico {\n    color: var(--accent);\n  }\n\n  #metspace-quiz .msq-opt-label {\n    letter-spacing: 0.02em;\n    line-height: 1.35;\n    color: inherit !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-back {\n    display: none;\n    margin-top: 1.125rem;\n    background: transparent !important;\n    border: none !important;\n    color: var(--muted) !important;\n    font-family: var(--font-body) !important;\n    font-size: 0.85rem !important;\n    cursor: pointer;\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n    padding: 0 !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-back.show {\n    display: inline-block;\n  }\n\n  #metspace-quiz .msq-back:hover,\n  #metspace-quiz .msq-back:focus-visible {\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz .msq-result {\n    display: none;\n    text-align: center;\n    color: var(--ink);\n    animation: msqFade 0.4s ease;\n  }\n\n  #metspace-quiz .msq-result.on {\n    display: block;\n  }\n\n  #metspace-quiz .msq-result__hero {\n    padding-bottom: 1.25rem;\n    border-bottom: 1px solid var(--hair);\n    margin-bottom: 1.25rem;\n  }\n\n  #metspace-quiz .msq-tag {\n    display: inline-block;\n    font-family: var(--font-body) !important;\n    font-size: 0.8125rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--accent) !important;\n    margin-bottom: 0.5rem;\n  }\n\n  #metspace-quiz .msq-result h3 {\n    font-family: var(--font-display) !important;\n    font-size: clamp(1.75rem, 5vw, 2.5rem) !important;\n    font-weight: 700 !important;\n    color: var(--ink) !important;\n    margin: 0 0 0.35rem !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-price {\n    font-family: var(--font-body) !important;\n    font-weight: 700 !important;\n    color: var(--ink) !important;\n    margin: 0 0 0.75rem !important;\n    font-size: 1.125rem !important;\n  }\n\n  #metspace-quiz .msq-desc {\n    font-family: var(--font-body) !important;\n    color: var(--muted) !important;\n    line-height: 1.55;\n    max-width: 44ch;\n    margin: 0 auto 1rem !important;\n    font-size: 1rem !important;\n  }\n\n  #metspace-quiz .msq-loc {\n    font-family: var(--font-body) !important;\n    color: var(--muted) !important;\n    margin: 0 0 1.25rem !important;\n    font-size: 0.95rem !important;\n  }\n\n  #metspace-quiz .msq-loc strong {\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz .msq-actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0.75rem;\n    margin-bottom: 1.5rem;\n  }\n\n  #metspace-quiz .msq-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 46px;\n    background: var(--accent) !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    padding: 0.8rem 1.5rem !important;\n    border-radius: 999px !important;\n    font-weight: 600 !important;\n    border: 2px solid transparent !important;\n    cursor: pointer;\n    font-family: var(--font-body) !important;\n    font-size: 0.9375rem !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    line-height: 1.2 !important;\n  }\n\n  #metspace-quiz .msq-cta:hover,\n  #metspace-quiz .msq-cta:focus-visible {\n    background: var(--accent-press) !important;\n    color: #fff !important;\n  }\n\n  #metspace-quiz .msq-cta--outline {\n    background: transparent !important;\n    color: var(--ink) !important;\n    border-color: var(--hair) !important;\n  }\n\n  #metspace-quiz .msq-cta--outline:hover,\n  #metspace-quiz .msq-cta--outline:focus-visible {\n    background: rgba(27, 42, 74, 0.06) !important;\n    color: var(--ink) !important;\n    border-color: var(--ink) !important;\n  }\n\n  #metspace-quiz .msq-lead {\n    background: #FAF8F5;\n    border: 1px solid var(--hair);\n    border-radius: 14px;\n    padding: 1.15rem 1.15rem 1rem;\n    max-width: 100%;\n    margin: 0 auto 1rem;\n    text-align: left;\n  }\n\n  #metspace-quiz .msq-lead__label {\n    margin: 0 0 0.85rem !important;\n    font-family: var(--font-body) !important;\n    font-size: 0.875rem !important;\n    font-weight: 600 !important;\n    color: var(--ink) !important;\n    text-transform: none !important;\n  }\n\n  #metspace-quiz .msq-cap {\n    margin: 0;\n    text-align: left;\n  }\n\n  #metspace-quiz .msq-row {\n    display: flex;\n    flex-direction: column;\n    gap: 0.65rem;\n  }\n\n  #metspace-quiz .msq-email {\n    width: 100%;\n    padding: 0.85rem 1.1rem;\n    border: 2px solid var(--hair) !important;\n    border-radius: 999px;\n    font-size: 0.95rem !important;\n    color: var(--ink) !important;\n    outline: none;\n    font-family: var(--font-body) !important;\n    min-width: 0;\n    background: #fff !important;\n  }\n\n  #metspace-quiz .msq-email:focus {\n    border-color: var(--accent) !important;\n  }\n\n  #metspace-quiz .msq-send {\n    width: 100%;\n    background: var(--accent) !important;\n    color: #fff !important;\n    border: none !important;\n    border-radius: 999px;\n    padding: 0.85rem 1.25rem;\n    font-weight: 600 !important;\n    cursor: pointer;\n    font-family: var(--font-body) !important;\n    white-space: normal;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    font-size: 0.9375rem !important;\n    line-height: 1.25 !important;\n    min-height: 46px;\n  }\n\n  #metspace-quiz .msq-send:hover,\n  #metspace-quiz .msq-send:focus-visible {\n    background: var(--accent-press) !important;\n    color: #fff !important;\n  }\n\n  #metspace-quiz .msq-send:disabled {\n    opacity: 0.65;\n    cursor: wait;\n  }\n\n  #metspace-quiz .msq-consent {\n    display: flex;\n    gap: 0.5rem;\n    align-items: flex-start;\n    font-family: var(--font-body) !important;\n    font-size: 0.8rem !important;\n    color: var(--muted) !important;\n    margin-top: 0.65rem;\n    line-height: 1.4;\n  }\n\n  #metspace-quiz .msq-consent input {\n    margin-top: 0.15rem;\n    flex-shrink: 0;\n  }\n\n  #metspace-quiz .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-family: var(--font-body) !important;\n    font-size: 0.92rem !important;\n    margin: 0 auto 1rem;\n    max-width: 27.5rem;\n  }\n\n  #metspace-quiz .msq-err {\n    display: none;\n    color: var(--accent) !important;\n    font-family: var(--font-body) !important;\n    font-size: 0.85rem !important;\n    margin-top: 0.4rem;\n  }\n\n  #metspace-quiz .msq-again {\n    display: block;\n    margin: 0.5rem auto 0;\n    background: transparent !important;\n    border: none !important;\n    color: var(--muted) !important;\n    cursor: pointer;\n    font-size: 0.875rem !important;\n    text-decoration: none !important;\n    font-family: var(--font-body) !important;\n    font-weight: 600 !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n  }\n\n  #metspace-quiz .msq-again span {\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n  }\n\n  #metspace-quiz .msq-again:hover,\n  #metspace-quiz .msq-again:focus-visible {\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz button.msq-opt,\n  #metspace-quiz button.msq-opt:hover,\n  #metspace-quiz button.msq-opt.sel,\n  #metspace-quiz button.msq-send,\n  #metspace-quiz button.msq-send:hover,\n  #metspace-quiz button.msq-back,\n  #metspace-quiz button.msq-again,\n  #metspace-quiz a.msq-cta {\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n  }\n\n  #metspace-quiz button.msq-opt,\n  #metspace-quiz button.msq-opt:hover,\n  #metspace-quiz button.msq-opt.sel {\n    background: #fff !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-quiz button.msq-opt.sel {\n    background: rgba(200, 16, 46, 0.08) !important;\n    border-color: var(--accent) !important;\n  }\n\n  #metspace-quiz button.msq-send,\n  #metspace-quiz button.msq-send:hover {\n    background: var(--accent) !important;\n    color: #fff !important;\n  }\n\n  @media (max-width: 560px) {\n    #metspace-quiz .msq-actions {\n      grid-template-columns: 1fr;\n    }\n\n    #metspace-quiz .msq-q {\n      margin-right: 0 !important;\n      padding-right: 3.25rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-quiz .msq-step,\n    #metspace-quiz .msq-result,\n    #metspace-quiz .msq-opt {\n      animation: none;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-quiz\">\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>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=\"msqCount\" 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=\"4\">\n      <p class=\"msq-q\">De quoi votre \u00e9quipe a-t-elle besoin?<\/p>\n      <div class=\"msq-opts\">\n        <button type=\"button\" class=\"msq-opt\" data-answer=\"team-office\">\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\">Un bureau priv\u00e9 verrouillable<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msq-opt\" data-answer=\"team-suite\">\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=\"M3 9.5 12 4l9 5.5V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z\"\/><path d=\"M9 21V12h6v9\"\/><\/svg>\n          <span class=\"msq-opt-label\">Une suite priv\u00e9e pour une \u00e9quipe en croissance<\/span>\n        <\/button>\n        <button type=\"button\" class=\"msq-opt\" data-answer=\"team-desks\">\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\">Bureaux d\u00e9di\u00e9s en coworking<\/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=\"msqBack\">&larr; Retour<\/button>\n\n    <div class=\"msq-result\" id=\"msqResult\">\n      <div class=\"msq-result__hero\">\n        <span class=\"msq-tag\">Votre forfait<\/span>\n        <h3 id=\"msqTitle\">Passe journalier<\/h3>\n        <p class=\"msq-price\" id=\"msqPrice\">\u00c0 partir de 35 $\/jour<\/p>\n        <p class=\"msq-desc\" id=\"msqDesc\"><\/p>\n        <p class=\"msq-loc\">Meilleur choix \u00e0 <strong id=\"msqLoc\">Saint-L\u00e9onard<\/strong><\/p>\n      <\/div>\n\n      <div class=\"msq-actions\">\n        <a href=\"https:\/\/metspace.com\/fr\/forfaits\/#packages\" class=\"msq-cta msq-cta--outline\" id=\"msqPackages\">Voir les forfaits<\/a>\n        <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\" class=\"msq-cta\" id=\"msqTour\">Nous joindre<\/a>\n      <\/div>\n\n      <div class=\"msq-lead\" id=\"msqCap\">\n        <p class=\"msq-lead__label\">Vous voulez une recommandation personnalis\u00e9e?<\/p>\n        <div class=\"msq-row\">\n          <input type=\"email\" class=\"msq-email\" id=\"msqEmail\" placeholder=\"vous@courriel.com\" aria-label=\"Votre courriel\" autocomplete=\"email\">\n          <button type=\"button\" class=\"msq-send\" id=\"msqSend\">Qu'un conseiller me contacte<\/button>\n        <\/div>\n        <p class=\"msq-err\" id=\"msqErr\">Veuillez entrer une adresse courriel valide.<\/p>\n        <label class=\"msq-consent\">\n          <input type=\"checkbox\" id=\"msqConsent\">\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=\"msqThanks\">Merci! Un conseiller Metspace communiquera avec vous sous peu.<\/div>\n      <button type=\"button\" class=\"msq-again\" id=\"msqAgain\"><span>Recommencer<\/span><\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var WEB3FORMS_KEY = 'd8d0388f-4453-4f0b-ba85-96bd3a0234ff';\n  var PACKAGES_URL = 'https:\/\/metspace.com\/fr\/forfaits\/#packages';\n  var SCHOLAR_URL = 'https:\/\/metspace.com\/fr\/forfaits\/#cat-scholar';\n\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    tenant: { name: 'Locataire Metspace', price: '\u00c0 partir de 700 $\/mois', desc: 'Un bureau priv\u00e9 verrouillable avec acc\u00e8s 24\/7, plus tout ce qui fait de Metspace un chez-soi.' },\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 LOC_ACTIONS = {\n    'saint-leonard': { url: 'https:\/\/metspace.com\/fr\/contactnous\/', label: 'Nous joindre' },\n    'west-island': { url: 'https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9', label: 'R\u00e9server une visite', external: true },\n    laval: { url: 'https:\/\/metspace.com\/fr\/laval\/', label: \"Rejoindre la liste d'attente\" }\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    team: {\n      'team-office': 'Un bureau priv\u00e9 verrouillable',\n      'team-suite': 'Une suite priv\u00e9e pour une \u00e9quipe en croissance',\n      'team-desks': 'Bureaux d\u00e9di\u00e9s en coworking'\n    }\n  };\n\n  var TEAM_STEP = 4;\n  var LOC_STEP = 3;\n\n  function isScholarPath() {\n    return answers[0] === 'scholar';\n  }\n\n  function isTeamPath() {\n    return answers[0] === 'team';\n  }\n\n  function getStepEl(step) {\n    return root.querySelector('.msq-step[data-step=\"' + step + '\"]');\n  }\n\n  function formatQuizAnswers(answers) {\n    var lines = ['Qui rejoint : ' + (ANSWER_LABELS.who[answers[0]] || '\u2014')];\n    if (isTeamPath()) {\n      lines.push(\"Besoins de l'\u00e9quipe : \" + (ANSWER_LABELS.team[answers[TEAM_STEP]] || '\u2014'));\n    } else if (!isScholarPath()) {\n      lines.push('Fr\u00e9quence : ' + (ANSWER_LABELS.freq[answers[1]] || '\u2014'));\n      lines.push('Priorit\u00e9 : ' + (ANSWER_LABELS.priority[answers[2]] || '\u2014'));\n    }\n    lines.push('Emplacement : ' + (LOCS[answers[LOC_STEP]] || '\u2014'));\n    return lines.join('\\n');\n  }\n\n  function applyLocAction(link, locKey) {\n    if (!link) return;\n    var action = LOC_ACTIONS[locKey] || LOC_ACTIONS['saint-leonard'];\n    link.href = action.url;\n    link.textContent = action.label;\n    if (action.external) {\n      link.setAttribute('target', '_blank');\n      link.setAttribute('rel', 'noopener noreferrer');\n    } else {\n      link.removeAttribute('target');\n      link.removeAttribute('rel');\n    }\n  }\n\n  var root = document.getElementById('metspace-quiz');\n  if (!root || root.dataset.msInit) return;\n  root.dataset.msInit = '1';\n\n  var steps = root.querySelectorAll('.msq-step');\n  var back = document.getElementById('msqBack');\n  var count = document.getElementById('msqCount');\n  var result = document.getElementById('msqResult');\n  var packagesLink = document.getElementById('msqPackages');\n  var tourLink = document.getElementById('msqTour');\n\n  var answers = [];\n  var current = 0;\n\n  function totalQuestions() {\n    if (isScholarPath()) return 2;\n    if (isTeamPath()) return 3;\n    return 4;\n  }\n\n  function questionNumber(step) {\n    if (isScholarPath()) return step === 0 ? 1 : 2;\n    if (isTeamPath()) {\n      if (step === 0) return 1;\n      if (step === TEAM_STEP) return 2;\n      return 3;\n    }\n    return step + 1;\n  }\n\n  function decide() {\n    if (answers[0] === 'scholar') return 'scholar';\n    if (answers[0] === 'team') {\n      var teamNeed = answers[TEAM_STEP];\n      if (teamNeed === 'team-office') return 'tenant';\n      if (teamNeed === 'team-desks') return 'dedicated';\n      return 'suite';\n    }\n    if (answers[2] === 'address') return 'address';\n    if (answers[2] === 'privacy') 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 = getStepEl(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) {\n      var n = parseInt(s.getAttribute('data-step'), 10);\n      s.classList.toggle('on', n === step);\n    });\n    result.classList.remove('on');\n    highlightStep(step);\n    updateChrome(false);\n  }\n\n  function nextFrom(step) {\n    if (step === 0 && isScholarPath()) return LOC_STEP;\n    if (step === 0 && isTeamPath()) return TEAM_STEP;\n    if (step === TEAM_STEP) return LOC_STEP;\n    return step + 1;\n  }\n\n  function prevFrom(step) {\n    if (step === LOC_STEP && isScholarPath()) return 0;\n    if (step === LOC_STEP && isTeamPath()) return TEAM_STEP;\n    if (step === TEAM_STEP) 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[LOC_STEP]] || '\u2014';\n\n    document.getElementById('msqTitle').textContent = pick.name;\n    document.getElementById('msqPrice').textContent = pick.price;\n    document.getElementById('msqDesc').textContent = pick.desc;\n    document.getElementById('msqLoc').textContent = loc;\n\n    packagesLink.href = key === 'scholar' ? SCHOLAR_URL : PACKAGES_URL;\n    applyLocAction(tourLink, answers[LOC_STEP]);\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  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 === LOC_STEP) {\n          showResult();\n        } else {\n          show(nextFrom(idx));\n        }\n      }, 160);\n    });\n  });\n\n  back.addEventListener('click', function () {\n    if (current > 0) show(prevFrom(current));\n  });\n\n  document.getElementById('msqAgain').addEventListener('click', function () {\n    answers = [];\n    document.getElementById('msqCap').style.display = '';\n    document.getElementById('msqThanks').style.display = 'none';\n    document.getElementById('msqEmail').value = '';\n    document.getElementById('msqConsent').checked = false;\n    document.getElementById('msqErr').style.display = 'none';\n    show(0);\n  });\n\n  document.getElementById('msqSend').addEventListener('click', function () {\n    var email = document.getElementById('msqEmail').value.trim();\n    var err = document.getElementById('msqErr');\n    var consent = document.getElementById('msqConsent');\n    var btn = document.getElementById('msqSend');\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 | Quiz Trouvez votre espace (FR)',\n        from_name: 'Quiz Metspace (FR)',\n        email: email,\n        'Forfait recommand\u00e9': pick.name,\n        'Emplacement pr\u00e9f\u00e9r\u00e9': LOCS[answers[LOC_STEP]] || '\u2014',\n        'Qui rejoint': ANSWER_LABELS.who[answers[0]] || '\u2014',\n        \"Besoins de l'\u00e9quipe\": isTeamPath() ? (ANSWER_LABELS.team[answers[TEAM_STEP]] || '\u2014') : '(non demand\u00e9)',\n        'Fr\u00e9quence': isScholarPath() || isTeamPath() ? '(non demand\u00e9)' : (ANSWER_LABELS.freq[answers[1]] || '\u2014'),\n        'Priorit\u00e9': isScholarPath() || isTeamPath() ? '(non demand\u00e9)' : (ANSWER_LABELS.priority[answers[2]] || '\u2014'),\n        'R\u00e9ponses du quiz': formatQuizAnswers(answers),\n        message: [\n          'Quiz Trouvez votre espace (FR)',\n          '',\n          formatQuizAnswers(answers),\n          '',\n          'Recommandation : ' + pick.name + ' (' + pick.price + ')',\n          'Emplacement pr\u00e9f\u00e9r\u00e9 : ' + (LOCS[answers[LOC_STEP]] || '\u2014')\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 (payload) {\n        var apiMessage = payload.data.message || (payload.data.body && payload.data.body.message) || '';\n        if (payload.ok && payload.data.success) {\n          document.getElementById('msqCap').style.display = 'none';\n          document.getElementById('msqThanks').style.display = 'block';\n        } else {\n          err.textContent = apiMessage || 'Une erreur s\\'est produite. Veuillez r\u00e9essayer.';\n          err.style.display = 'block';\n        }\n      })\n      .catch(function () {\n        err.textContent = 'Une erreur s\\'est produite. 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  applyLocAction(tourLink, 'saint-leonard');\n  show(0);\n})();\n<\/script>\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-32fd395 e-flex e-con-boxed e-con e-parent\" data-id=\"32fd395\" 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-a2f178a elementor-widget elementor-widget-html\" data-id=\"a2f178a\" 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 FAQ ACCUEIL ===\n  Si vous voyez \u00ab Questions, answered \u00bb apr\u00e8s le collage, mauvais fichier (EN).\n  Collez dans un widget HTML Elementor sur l'accueil 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\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-faq-root),\n  .e-con:has(#metspace-faq-root) > .e-con-inner,\n  .elementor-element:has(#metspace-faq-root),\n  .elementor-widget-html:has(#metspace-faq-root),\n  .elementor-widget-html:has(#metspace-faq-root) .elementor-widget-container,\n  .elementor-section:has(#metspace-faq-root) > .elementor-container,\n  .elementor-column:has(#metspace-faq-root) > .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  #metspace-faq-root {\n    --ink: #1B2A4A;\n    --ink-soft: #6B7280;\n    --accent: #C8102E;\n    --accent-bright: #D4283A;\n    --accent-press: #A60D24;\n    --accent-tint: rgba(200, 16, 46, 0.08);\n    --paper: #FFFFFF;\n    --paper-warm: #FAF8F5;\n    --hair: #E8E4DE;\n    --glass-border: rgba(27, 42, 74, 0.08);\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    font-family: var(--font-body) !important;\n    color: var(--ink);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background:\n      radial-gradient(ellipse 70% 55% at 88% 12%, rgba(200, 16, 46, 0.05), transparent 62%),\n      radial-gradient(ellipse 60% 50% at 8% 92%, rgba(27, 42, 74, 0.05), transparent 65%),\n      var(--paper-warm);\n    padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 4vw, 2rem);\n    box-sizing: border-box;\n  }\n\n  #metspace-faq-root *,\n  #metspace-faq-root *::before,\n  #metspace-faq-root *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-faq-root h2,\n  #metspace-faq-root h3,\n  #metspace-faq-root p,\n  #metspace-faq-root button,\n  #metspace-faq-root span,\n  #metspace-faq-root a {\n    font-style: normal !important;\n    text-transform: none;\n    letter-spacing: inherit;\n  }\n\n  #metspace-faq-root .faq-section__title {\n    font-family: var(--font-display) !important;\n    font-size: clamp(1.85rem, 4.5vw, 3rem) !important;\n    font-weight: 700 !important;\n    letter-spacing: -0.03em !important;\n    line-height: 1.08 !important;\n    color: var(--ink) !important;\n    margin: 0 0 2rem !important;\n    text-transform: none !important;\n    max-width: 1240px;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n\n  #metspace-faq-root .faq-panel__layout {\n    display: grid;\n    gap: 1.75rem;\n    align-items: start;\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n  }\n\n  #metspace-faq-root .faq-panel__nav {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n\n  #metspace-faq-root .faq-panel__tab {\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n    width: 100%;\n    text-align: left;\n    background: var(--paper) !important;\n    border: 2px solid var(--hair) !important;\n    border-radius: 12px;\n    padding: 0.9rem 1rem;\n    cursor: pointer;\n    font-family: var(--font-body) !important;\n    color: var(--ink) !important;\n    text-transform: none !important;\n    letter-spacing: 0 !important;\n    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  #metspace-faq-root .faq-panel__tab:hover {\n    border-color: var(--accent) !important;\n    transform: translateY(-1px);\n    background: var(--paper) !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-faq-root .faq-panel__tab:focus-visible {\n    outline: 2px solid var(--accent);\n    outline-offset: 2px;\n  }\n\n  #metspace-faq-root .faq-panel__tab.is-active {\n    background: var(--ink) !important;\n    border-color: var(--accent) !important;\n    color: var(--paper) !important;\n    box-shadow: 0 8px 24px -14px rgba(27, 42, 74, 0.4);\n  }\n\n  #metspace-faq-root .faq-panel__tab.is-active .faq-panel__label {\n    color: var(--paper) !important;\n  }\n\n  #metspace-faq-root .faq-panel__tab.is-active .faq-panel__num {\n    color: var(--accent-bright) !important;\n  }\n\n  #metspace-faq-root .faq-panel__num {\n    font-family: var(--font-display) !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.08em;\n    color: var(--accent) !important;\n    flex-shrink: 0;\n    min-width: 1.75rem;\n  }\n\n  #metspace-faq-root .faq-panel__label {\n    font-family: var(--font-body) !important;\n    font-size: 0.95rem !important;\n    font-weight: 600 !important;\n    line-height: 1.35 !important;\n    text-transform: none !important;\n    color: inherit !important;\n  }\n\n  #metspace-faq-root .faq-panel__stage {\n    position: relative;\n    min-height: 280px;\n  }\n\n  #metspace-faq-root .faq-panel__card {\n    background: rgba(255, 255, 255, 0.88);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    border: 1px solid var(--glass-border);\n    border-radius: 20px;\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: 0 8px 32px rgba(27, 42, 74, 0.08);\n    animation: ms-faq-fade 0.4s ease;\n  }\n\n  #metspace-faq-root .faq-panel__card[hidden] {\n    display: none !important;\n  }\n\n  @keyframes ms-faq-fade {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: none; }\n  }\n\n  #metspace-faq-root .faq-panel__eyebrow {\n    font-family: var(--font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--accent) !important;\n    margin: 0 0 1rem !important;\n  }\n\n  #metspace-faq-root .faq-panel__heading {\n    font-family: var(--font-display) !important;\n    font-size: clamp(1.35rem, 3vw, 2rem) !important;\n    font-weight: 700 !important;\n    letter-spacing: -0.02em !important;\n    line-height: 1.15 !important;\n    margin: 0 0 1rem !important;\n    color: var(--ink) !important;\n    text-transform: none !important;\n  }\n\n  #metspace-faq-root .faq-panel__text {\n    font-family: var(--font-body) !important;\n    color: var(--ink-soft) !important;\n    font-size: 1.0625rem !important;\n    line-height: 1.65 !important;\n    max-width: 52ch;\n    margin: 0 !important;\n  }\n\n  #metspace-faq-root .faq-panel__text strong {\n    color: var(--ink) !important;\n    font-weight: 600 !important;\n  }\n\n  #metspace-faq-root .faq-panel__text a {\n    color: var(--accent) !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n  }\n\n  #metspace-faq-root .faq-panel__text a:hover {\n    color: var(--accent-press) !important;\n    text-decoration: underline !important;\n  }\n\n  @media (min-width: 900px) {\n    #metspace-faq-root .faq-panel__layout {\n      grid-template-columns: minmax(240px, 0.95fr) minmax(0, 1.35fr);\n      gap: 3rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-faq-root .faq-panel__card {\n      animation: none;\n    }\n\n    #metspace-faq-root .faq-panel__tab:hover,\n    #metspace-faq-root .faq-panel__tab.is-active {\n      transform: none;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-faq-root\">\n  <h2 class=\"faq-section__title\">Questions,<br>r\u00e9ponses.<\/h2>\n\n  <div class=\"faq-panel\" id=\"ms-faq\">\n    <div class=\"faq-panel__layout\">\n      <div class=\"faq-panel__nav\" role=\"tablist\" aria-label=\"Questions fr\u00e9quentes\">\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab is-active\" id=\"ms-faq-tab-0\" aria-selected=\"true\" aria-controls=\"ms-faq-panel-0\" data-faq-tab=\"0\">\n          <span class=\"faq-panel__num\">01<\/span>\n          <span class=\"faq-panel__label\">Puis-je essayer avant de m'engager?<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-1\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-1\" data-faq-tab=\"1\">\n          <span class=\"faq-panel__num\">02<\/span>\n          <span class=\"faq-panel__label\">Qu'est-ce qui est inclus?<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-2\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-2\" data-faq-tab=\"2\">\n          <span class=\"faq-panel__num\">03<\/span>\n          <span class=\"faq-panel__label\">Heures et acc\u00e8s<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-3\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-3\" data-faq-tab=\"3\">\n          <span class=\"faq-panel__num\">04<\/span>\n          <span class=\"faq-panel__label\">Forfaits flexibles et contrats<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-4\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-4\" data-faq-tab=\"4\">\n          <span class=\"faq-panel__num\">05<\/span>\n          <span class=\"faq-panel__label\">Adresse virtuelle (sans bureau)<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-5\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-5\" data-faq-tab=\"5\">\n          <span class=\"faq-panel__num\">06<\/span>\n          <span class=\"faq-panel__label\">Pourquoi Metspace plut\u00f4t que la maison ou un caf\u00e9?<\/span>\n        <\/button>\n        <button type=\"button\" role=\"tab\" class=\"faq-panel__tab\" id=\"ms-faq-tab-6\" aria-selected=\"false\" aria-controls=\"ms-faq-panel-6\" data-faq-tab=\"6\">\n          <span class=\"faq-panel__num\">07<\/span>\n          <span class=\"faq-panel__label\">Puis-je visiter un emplacement?<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"faq-panel__stage\">\n        <article class=\"faq-panel__card is-active\" id=\"ms-faq-panel-0\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-0\" data-faq-panel=\"0\">\n          <p class=\"faq-panel__eyebrow\">Essayez d'abord<\/p>\n          <h3 class=\"faq-panel__heading\">Pas besoin de deviner. Vivez Metspace sur place.<\/h3>\n          <p class=\"faq-panel__text\">Oui. Votre premier laissez-passer journalier est offert, ou r\u00e9servez une visite et parcourez l'espace. Utilisez le Wi-Fi, prenez un caf\u00e9, installez-vous au salon et voyez si l'ambiance vous convient. Aucune pression. Juste une vraie journ\u00e9e dans l'espace.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-1\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-1\" data-faq-panel=\"1\" hidden>\n          <p class=\"faq-panel__eyebrow\">Commodit\u00e9s<\/p>\n          <h3 class=\"faq-panel__heading\">Tout ce qu'il faut pour bien travailler, chaque jour.<\/h3>\n          <p class=\"faq-panel__text\">Wi-Fi haute vitesse, caf\u00e9 et cuisine, impression, salles de r\u00e9union (selon votre forfait), gestion du courrier et une \u00e9quipe \u00e0 la r\u00e9ception qui vous conna\u00eet. Plus ce que vous ne trouvez nulle part ailleurs: une salle pleine d'entrepreneurs qui veulent se voir r\u00e9ussir.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-2\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-2\" data-faq-panel=\"2\" hidden>\n          <p class=\"faq-panel__eyebrow\">Heures<\/p>\n          <h3 class=\"faq-panel__heading\">Con\u00e7u pour une vraie semaine de travail, avec de la place pour grandir.<\/h3>\n          <p class=\"faq-panel__text\">La r\u00e9ception est ouverte <strong>du lundi au vendredi, de 9 h \u00e0 17 h<\/strong>. Les membres en bureau d\u00e9di\u00e9 et en suite priv\u00e9e peuvent convenir d'un acc\u00e8s prolong\u00e9. Les laissez-passer journaliers donnent acc\u00e8s pendant les heures de pr\u00e9sence du personnel.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-3\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-3\" data-faq-panel=\"3\" hidden>\n          <p class=\"faq-panel__eyebrow\">Flexibilit\u00e9<\/p>\n          <h3 class=\"faq-panel__heading\">Grandissez \u00e0 votre rythme. On ne vous enferme pas.<\/h3>\n          <p class=\"faq-panel__text\">Du laissez-passer journalier aux abonnements mensuels et aux suites priv\u00e9es, la plupart des forfaits sont <strong>mois par mois<\/strong>. Plusieurs Metspacers ont commenc\u00e9 par un laissez-passer, sont pass\u00e9s \u00e0 un bureau, puis \u00e0 une suite \u00e0 mesure que l'\u00e9quipe grandissait. Nous adaptons le forfait \u00e0 o\u00f9 vous en \u00eates maintenant.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-4\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-4\" data-faq-panel=\"4\" hidden>\n          <p class=\"faq-panel__eyebrow\">Adresse virtuelle<\/p>\n          <h3 class=\"faq-panel__heading\">Une pr\u00e9sence professionnelle sans louer de bureau.<\/h3>\n          <p class=\"faq-panel__text\">\u00c0 partir de <strong>75 $\/mois<\/strong>, obtenez une adresse corporative dans un emplacement Metspace premium, la gestion quotidienne du courrier et des colis, et la cr\u00e9dibilit\u00e9 d'une vraie adresse d'affaires. Id\u00e9al si vous travaillez de la maison mais avez besoin d'une porte d'entr\u00e9e professionnelle.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-5\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-5\" data-faq-panel=\"5\" hidden>\n          <p class=\"faq-panel__eyebrow\">La diff\u00e9rence Metspace<\/p>\n          <h3 class=\"faq-panel__heading\">De la structure, une communaut\u00e9 et un r\u00e9seau qui rapporte.<\/h3>\n          <p class=\"faq-panel__text\">Un caf\u00e9 ne peut pas vous offrir de salles de r\u00e9union, de service postal ou d'introductions \u00e0 d'autres entrepreneurs. La maison est confortable, mais isolante. Metspace est con\u00e7u pour la concentration et la connexion: d\u00e9jeuners-r\u00e9seautage, caf\u00e9s du quotidien, et une communaut\u00e9 qui devient clients, collaborateurs et amis.<\/p>\n        <\/article>\n\n        <article class=\"faq-panel__card\" id=\"ms-faq-panel-6\" role=\"tabpanel\" aria-labelledby=\"ms-faq-tab-6\" data-faq-panel=\"6\" hidden>\n          <p class=\"faq-panel__eyebrow\">Nous visiter<\/p>\n          <h3 class=\"faq-panel__heading\">Venez voir Saint-L\u00e9onard ou l'Ouest-de-l'\u00cele. Laval ouvre bient\u00f4t.<\/h3>\n          <p class=\"faq-panel__text\">Les visites durent environ 30 minutes. Pour l'Ouest-de-l'\u00cele, <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" target=\"_blank\" rel=\"noopener noreferrer\">r\u00e9servez une visite<\/a>. Pour Saint-L\u00e9onard, <a href=\"https:\/\/metspace.com\/fr\/contactnous\/\">nous joindre<\/a>. Pour Laval, <a href=\"https:\/\/metspace.com\/fr\/lavalmetspace\/\">rejoignez la liste d'attente<\/a>. Ou appelez le <a href=\"tel:+18558142402\">855 814-2402<\/a>.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-faq-root');\n  if (!root || root.dataset.msInit) return;\n  root.dataset.msInit = '1';\n\n  var tabs = root.querySelectorAll('[data-faq-tab]');\n  var panels = root.querySelectorAll('[data-faq-panel]');\n\n  function activate(tab) {\n    var id = tab.getAttribute('data-faq-tab');\n\n    tabs.forEach(function (t) {\n      var active = t === tab;\n      t.classList.toggle('is-active', active);\n      t.setAttribute('aria-selected', String(active));\n      t.tabIndex = active ? 0 : -1;\n    });\n\n    panels.forEach(function (panel) {\n      var show = panel.getAttribute('data-faq-panel') === id;\n      panel.classList.toggle('is-active', show);\n      panel.hidden = !show;\n\n      if (show) {\n        panel.style.animation = 'none';\n        panel.offsetHeight;\n        panel.style.animation = '';\n      }\n    });\n  }\n\n  tabs.forEach(function (tab, index) {\n    tab.tabIndex = index === 0 ? 0 : -1;\n    tab.addEventListener('click', function () {\n      activate(tab);\n    });\n    tab.addEventListener('keydown', function (e) {\n      var dir = 0;\n      if (e.key === 'ArrowDown' || e.key === 'ArrowRight') dir = 1;\n      if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') dir = -1;\n      if (!dir) return;\n      e.preventDefault();\n      var next = tabs[(index + dir + tabs.length) % tabs.length];\n      activate(next);\n      next.focus();\n    });\n  });\n})();\n<\/script>\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-14c372e e-flex e-con-boxed e-con e-parent\" data-id=\"14c372e\" 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-9354d3e elementor-widget elementor-widget-html\" data-id=\"9354d3e\" 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 HOMEPAGE (FR). Bande CTA de fermeture\n  Collez dans un widget HTML Elementor en bas de la page d'accueil FR, au-dessus du pied de page.\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\n<div class=\"ms-endcta\" id=\"metspace-home-end-cta\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-home-end-cta),\n  .e-con:has(#metspace-home-end-cta) > .e-con-inner,\n  .elementor-element:has(#metspace-home-end-cta),\n  .elementor-widget-html:has(#metspace-home-end-cta),\n  .elementor-widget-html:has(#metspace-home-end-cta) .elementor-widget-container,\n  .elementor-section:has(#metspace-home-end-cta) > .elementor-container,\n  .elementor-column:has(#metspace-home-end-cta) > .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  #metspace-home-end-cta {\n    --navy: #1B2A4A;\n    --navy-mid: #243A66;\n    --navy-deep: #141F38;\n    --paper: #FFFFFF;\n    --ivory: #FAF8F5;\n    --sand: #E9E4DC;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    margin-left: -50vw;\n    font-family: var(--font-body) !important;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #metspace-home-end-cta *,\n  #metspace-home-end-cta *::before,\n  #metspace-home-end-cta *::after { box-sizing: border-box; }\n\n  #metspace-home-end-cta h2,\n  #metspace-home-end-cta p {\n    font-style: normal;\n    text-transform: none;\n  }\n\n  #metspace-home-end-cta .ms-endcta__panel {\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n    color: var(--paper);\n    background: linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 52%, var(--navy-mid) 100%);\n    padding: clamp(3.5rem, 8vw, 6rem) clamp(1.25rem, 4vw, 2rem);\n  }\n\n  #metspace-home-end-cta .ms-endcta__panel::before {\n    content: \"\";\n    position: absolute;\n    bottom: -40%;\n    left: -8%;\n    width: 48%;\n    height: 130%;\n    background: radial-gradient(circle, rgba(200, 16, 46, 0.3), transparent 60%);\n    pointer-events: none;\n  }\n\n  #metspace-home-end-cta .ms-endcta__panel::after {\n    content: \"\";\n    position: absolute;\n    top: -30%;\n    right: -6%;\n    width: 40%;\n    height: 110%;\n    background: radial-gradient(circle, rgba(47, 74, 122, 0.45), transparent 62%);\n    pointer-events: none;\n  }\n\n  #metspace-home-end-cta .ms-endcta__buffer {\n    height: clamp(1.5rem, 3.5vw, 2.5rem);\n    background: linear-gradient(180deg, var(--sand) 0%, var(--ivory) 100%);\n    border-top: 1px solid rgba(27, 42, 74, 0.08);\n  }\n\n  #metspace-home-end-cta .ms-endcta__inner {\n    position: relative;\n    z-index: 1;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  #metspace-home-end-cta .ms-endcta__eyebrow {\n    margin: 0 0 0.85rem;\n    font-size: 0.72rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em !important;\n    text-transform: uppercase !important;\n    color: #E8A8AE !important;\n  }\n\n  #metspace-home-end-cta .ms-endcta__title {\n    margin: 0 0 1rem;\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    font-size: clamp(2.2rem, 5.5vw, 3.6rem) !important;\n    line-height: 1.05 !important;\n    letter-spacing: -0.03em !important;\n    color: var(--paper) !important;\n  }\n\n  #metspace-home-end-cta .ms-endcta__sub {\n    margin: 0 auto;\n    max-width: 50ch;\n    font-size: 1.0625rem !important;\n    font-weight: 400 !important;\n    line-height: 1.65 !important;\n    color: rgba(255, 255, 255, 0.88) !important;\n  }\n<\/style>\n\n  <div class=\"ms-endcta__panel\">\n    <div class=\"ms-endcta__inner\">\n      <p class=\"ms-endcta__eyebrow\">Essayer Metspace<\/p>\n      <h2 class=\"ms-endcta__title\">Votre premier laissez-passer journalier est offert.<\/h2>\n      <p class=\"ms-endcta__sub\">Passez dans l'un de nos emplacements et inscrivez-vous \u00e0 la r\u00e9ception. Profitez d'une journ\u00e9e compl\u00e9mentaire avec Wi-Fi haute vitesse, caf\u00e9 \u00e0 volont\u00e9, salons confortables et une communaut\u00e9 qui vous soutient. Aucun rendez-vous requis.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"ms-endcta__buffer\" aria-hidden=\"true\"><\/div>\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>Coworking \u00e0 Montr\u00e9al Depuis 2015 \u00b7 10+ ans 3 emplacements Plus qu&rsquo;un bureau.Une communaut\u00e9. Voir les forfaits AutonomiserGrandirR\u00e9ussirCommunaut\u00e9Cr\u00e9ativit\u00e9LeadershipR\u00e9seau AutonomiserGrandirR\u00e9ussirCommunaut\u00e9Cr\u00e9ativit\u00e9LeadershipR\u00e9seau Votre espace,o\u00f9 que vous soyez Une communaut\u00e9 dans le grand Montr\u00e9al. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-9518","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>Best Coworking Space | Space Management | Metspace<\/title>\n<meta name=\"description\" content=\"At Metspace, we investigated coworking space in Canada&#039;s top hundred cities and ranked them according to their entrepreneurial community.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Coworking Space | Space Management | Metspace\" \/>\n<meta property=\"og:description\" content=\"At Metspace, we investigated coworking space in Canada&#039;s top hundred cities and ranked them according to their entrepreneurial community.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metspace.com\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Best Coworking Space Companies | Space Management | Metspace\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T00:54:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\",\"url\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\",\"name\":\"Best Coworking Space | Space Management | Metspace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/metspace.png\",\"datePublished\":\"2026-08-19T01:36:49+00:00\",\"dateModified\":\"2026-09-04T00:54:57+00:00\",\"description\":\"At Metspace, we investigated coworking space in Canada's top hundred cities and ranked them according to their entrepreneurial community.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metspace.com\\\/fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/metspace.png\",\"contentUrl\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/metspace.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home 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":"Best Coworking Space | Space Management | Metspace","description":"At Metspace, we investigated coworking space in Canada's top hundred cities and ranked them according to their entrepreneurial community.","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\/","og_locale":"fr_FR","og_type":"article","og_title":"Best Coworking Space | Space Management | Metspace","og_description":"At Metspace, we investigated coworking space in Canada's top hundred cities and ranked them according to their entrepreneurial community.","og_url":"https:\/\/metspace.com\/fr\/","og_site_name":"Best Coworking Space Companies | Space Management | Metspace","article_modified_time":"2026-09-04T00:54:57+00:00","og_image":[{"url":"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metspace.com\/fr\/","url":"https:\/\/metspace.com\/fr\/","name":"Best Coworking Space | Space Management | Metspace","isPartOf":{"@id":"https:\/\/metspace.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/metspace.com\/fr\/#primaryimage"},"image":{"@id":"https:\/\/metspace.com\/fr\/#primaryimage"},"thumbnailUrl":"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png","datePublished":"2026-08-19T01:36:49+00:00","dateModified":"2026-09-04T00:54:57+00:00","description":"At Metspace, we investigated coworking space in Canada's top hundred cities and ranked them according to their entrepreneurial community.","breadcrumb":{"@id":"https:\/\/metspace.com\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metspace.com\/fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/metspace.com\/fr\/#primaryimage","url":"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png","contentUrl":"https:\/\/metspace.com\/wp-content\/uploads\/2022\/06\/metspace.png"},{"@type":"BreadcrumbList","@id":"https:\/\/metspace.com\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/metspace.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Home 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\/9518","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=9518"}],"version-history":[{"count":56,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9518\/revisions"}],"predecessor-version":[{"id":10086,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9518\/revisions\/10086"}],"wp:attachment":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/media?parent=9518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}