{"id":9555,"date":"2026-08-29T01:06:49","date_gmt":"2026-08-29T01:06:49","guid":{"rendered":"https:\/\/metspace.com\/?page_id=9555"},"modified":"2026-09-03T23:31:37","modified_gmt":"2026-09-03T23:31:37","slug":"pourquoimetspace","status":"publish","type":"page","link":"https:\/\/metspace.com\/fr\/pourquoimetspace\/","title":{"rendered":"Why Metspace FR (celine)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9555\" class=\"elementor elementor-9555 elementor-9219\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87ea965 e-con-full e-flex e-con e-parent\" data-id=\"87ea965\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3709660 elementor-widget elementor-widget-html\" data-id=\"3709660\" 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 POURQUOI METSPACE (FR). Intro de page (titre + accroche)\n  Collez dans un widget HTML Elementor en haut de la page Pourquoi Metspace.\n  Placez la banni\u00e8re 10 ans directement en dessous.\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-why-hero),\n  .e-con:has(#metspace-why-hero) > .e-con-inner,\n  .elementor-element:has(#metspace-why-hero),\n  .elementor-widget-html:has(#metspace-why-hero),\n  .elementor-widget-html:has(#metspace-why-hero) .elementor-widget-container,\n  .elementor-section:has(#metspace-why-hero) > .elementor-container,\n  .elementor-column:has(#metspace-why-hero) > .elementor-element-populated,\n  .elementor-location-single:has(#metspace-why-hero),\n  .elementor-location-single:has(#metspace-why-hero) > .e-con,\n  .elementor-location-single:has(#metspace-why-hero) > .e-con > .e-con-inner {\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  body.elementor-page:has(#metspace-why-hero) .site-content,\n  body.elementor-page:has(#metspace-why-hero) #content,\n  body.elementor-page:has(#metspace-why-hero) .elementor-section-wrap {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n  }\n\n  #metspace-why-hero {\n    --ink: #1B2A4A;\n    --navy-deep: #141F38;\n    --navy-black: #0E1525;\n    --ink-soft: #6B7280;\n    --accent: #C8102E;\n    --paper: #FFFFFF;\n    --max: 1100px;\n    --hero-photo: url(\"https:\/\/metspace.com\/wp-content\/uploads\/2018\/03\/29340160_1711009918942999_6834321131567054848_o-1.jpg\");\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    margin-top: 0 !important;\n    font-family: var(--font-body) !important;\n    color: var(--paper);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    box-sizing: border-box;\n    background:\n      linear-gradient(180deg, rgba(14, 21, 37, 0.45) 0%, rgba(14, 21, 37, 0.78) 52%, rgba(20, 31, 56, 0.94) 100%),\n      var(--hero-photo) center \/ cover no-repeat,\n      linear-gradient(135deg, var(--navy-black) 0%, var(--navy-deep) 45%, var(--ink) 100%);\n  }\n\n  #metspace-why-hero .msw-hero__band {\n    position: relative;\n    overflow: hidden;\n    min-height: min(56vh, 480px);\n    display: flex;\n    align-items: flex-end;\n    padding: clamp(2rem, 5vw, 3rem) clamp(1.25rem, 4vw, 2rem) clamp(1.75rem, 4vw, 2.5rem);\n    background:\n      linear-gradient(180deg, rgba(14, 21, 37, 0.45) 0%, rgba(14, 21, 37, 0.78) 52%, rgba(20, 31, 56, 0.94) 100%),\n      var(--hero-photo) center \/ cover no-repeat,\n      linear-gradient(135deg, var(--navy-black) 0%, var(--navy-deep) 45%, var(--ink) 100%);\n  }\n\n  #metspace-why-hero .msw-hero__glow {\n    position: absolute;\n    top: -35%;\n    right: -8%;\n    width: 52%;\n    height: 130%;\n    background: radial-gradient(circle, rgba(200, 16, 46, 0.2) 0%, transparent 68%);\n    pointer-events: none;\n  }\n\n  #metspace-why-hero *,\n  #metspace-why-hero *::before,\n  #metspace-why-hero *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-why-hero h1,\n  #metspace-why-hero p,\n  #metspace-why-hero span {\n    font-style: normal !important;\n    text-transform: none !important;\n    margin: 0;\n  }\n\n  #metspace-why-hero .msw-hero__inner {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  #metspace-why-hero .msw-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-bottom: 0.85rem;\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: rgba(255, 255, 255, 0.78) !important;\n  }\n\n  #metspace-why-hero .msw-hero__eyebrow::before {\n    content: \"\";\n    width: 1.25rem;\n    height: 2px;\n    background: var(--accent);\n  }\n\n  #metspace-why-hero .msw-hero__title {\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    font-size: clamp(2.5rem, 7vw, 4.25rem) !important;\n    line-height: 1.02 !important;\n    letter-spacing: -0.03em !important;\n    color: var(--paper) !important;\n    max-width: 14ch;\n  }\n\n  #metspace-why-hero .msw-hero__title .msw-hero__accent {\n    color: var(--accent) !important;\n  }\n\n  #metspace-why-hero .msw-hero__tagline {\n    margin-top: 1.1rem;\n    max-width: 52ch;\n    font-family: var(--font-body) !important;\n    font-weight: 400 !important;\n    font-size: clamp(1.0625rem, 2.2vw, 1.25rem) !important;\n    line-height: 1.6 !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n<\/style>\n\n<div id=\"metspace-why-hero\">\n  <div class=\"msw-hero__band\">\n    <div class=\"msw-hero__glow\" aria-hidden=\"true\"><\/div>\n    <div class=\"msw-hero__inner\">\n      <p class=\"msw-hero__eyebrow\">Depuis 2016<\/p>\n      <h1 class=\"msw-hero__title\">Pourquoi <span class=\"msw-hero__accent\">Metspace<\/span><\/h1>\n      <p class=\"msw-hero__tagline\">Plus qu'un bureau. Un chez-vous professionnel n\u00e9 d'un bureau vide, d'une vraie communaut\u00e9 et d'un r\u00e9seau qui rapporte.<\/p>\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-ee63af1 elementor-widget elementor-widget-html\" data-id=\"ee63af1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Section Notre histoire uniquement (page Pourquoi Metspace)\n  Collez le fichier entier dans un widget HTML Elementor.\n  Placez apr\u00e8s la banni\u00e8re 10 ans.\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-why-origin-story),\n  .e-con:has(#metspace-why-origin-story) > .e-con-inner,\n  .elementor-element:has(#metspace-why-origin-story),\n  .elementor-widget-html:has(#metspace-why-origin-story),\n  .elementor-widget-html:has(#metspace-why-origin-story) .elementor-widget-container,\n  .elementor-section:has(#metspace-why-origin-story) > .elementor-container,\n  .elementor-column:has(#metspace-why-origin-story) > .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-why-origin-story {\n    --ink: #1B2A4A;\n    --ink-soft: #5B6470;\n    --accent: #C8102E;\n    --paper-warm: #FAF8F5;\n    --sand: #F3F0EB;\n    --hair: rgba(27, 42, 74, 0.09);\n    --max: 1100px;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-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: var(--paper-warm);\n    padding: clamp(3rem, 7vw, 5.5rem) clamp(1.25rem, 4vw, 2rem);\n    box-sizing: border-box;\n  }\n\n  #metspace-why-origin-story *,\n  #metspace-why-origin-story *::before,\n  #metspace-why-origin-story *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-why-origin-story h2,\n  #metspace-why-origin-story p,\n  #metspace-why-origin-story ol,\n  #metspace-why-origin-story li,\n  #metspace-why-origin-story blockquote,\n  #metspace-why-origin-story cite {\n    font-style: normal;\n    text-transform: none;\n    margin: 0;\n  }\n\n  #metspace-why-origin-story .msw-origin__inner {\n    width: 100%;\n    max-width: var(--max);\n    margin: 0 auto;\n    display: grid;\n    gap: clamp(2rem, 5vw, 3.5rem);\n    align-items: start;\n  }\n\n  #metspace-why-origin-story .msw-origin__visual {\n    background: var(--sand);\n    border: 1px solid var(--hair);\n    border-radius: 20px;\n    padding: clamp(1.5rem, 3.5vw, 2.25rem);\n  }\n\n  #metspace-why-origin-story .msw-origin__track {\n    position: relative;\n  }\n\n  #metspace-why-origin-story .msw-origin__timeline {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    gap: 1.35rem;\n    position: relative;\n  }\n\n  #metspace-why-origin-story .msw-origin__spine {\n    position: absolute;\n    left: 5px;\n    top: 0.55em;\n    bottom: 0.55em;\n    width: 2px;\n    background: var(--accent);\n    transform: scaleY(0);\n    transform-origin: top;\n    transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  #metspace-why-origin-story.is-in .msw-origin__spine {\n    transform: scaleY(1);\n  }\n\n  #metspace-why-origin-story .msw-origin__item {\n    position: relative;\n    padding-left: 1.65rem;\n    opacity: 0;\n    transform: translateX(-10px);\n    transition: opacity 0.55s ease, transform 0.55s ease;\n  }\n\n  #metspace-why-origin-story.is-in .msw-origin__item {\n    opacity: 1;\n    transform: none;\n  }\n\n  #metspace-why-origin-story.is-in .msw-origin__item:nth-child(1) { transition-delay: 0.12s; }\n  #metspace-why-origin-story.is-in .msw-origin__item:nth-child(2) { transition-delay: 0.24s; }\n  #metspace-why-origin-story.is-in .msw-origin__item:nth-child(3) { transition-delay: 0.36s; }\n  #metspace-why-origin-story.is-in .msw-origin__item:nth-child(4) { transition-delay: 0.48s; }\n  #metspace-why-origin-story.is-in .msw-origin__item:nth-child(5) { transition-delay: 0.60s; }\n\n  #metspace-why-origin-story .msw-origin__item::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.55em;\n    width: 12px;\n    height: 12px;\n    margin-left: 0;\n    border-radius: 50%;\n    background: var(--paper-warm);\n    border: 2px solid var(--accent);\n    box-sizing: border-box;\n  }\n\n  #metspace-why-origin-story .msw-origin__year {\n    display: block;\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    font-size: clamp(1.5rem, 3vw, 1.85rem) !important;\n    line-height: 1 !important;\n    letter-spacing: -0.03em !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__note {\n    display: block;\n    margin-top: 0.3rem;\n    font-family: var(--font-body) !important;\n    font-size: 0.9375rem !important;\n    line-height: 1.4 !important;\n    color: var(--ink-soft) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__quote {\n    margin: 1.75rem 0 0;\n    padding-top: 1.5rem;\n    border-top: 1px solid var(--hair);\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.6s ease 0.76s, transform 0.6s ease 0.76s;\n  }\n\n  #metspace-why-origin-story.is-in .msw-origin__quote {\n    opacity: 1;\n    transform: none;\n  }\n\n  #metspace-why-origin-story .msw-origin__quote-text {\n    font-family: var(--font-display) !important;\n    font-style: italic !important;\n    font-weight: 600 !important;\n    font-size: clamp(1.25rem, 2.4vw, 1.5rem) !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.02em !important;\n    color: var(--ink) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__quote-cite {\n    display: block;\n    margin-top: 0.65rem;\n    font-family: var(--font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    font-style: normal !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    color: var(--accent) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__label {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin: 0 0 0.75rem;\n    font-family: var(--font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em !important;\n    text-transform: uppercase !important;\n    color: var(--accent) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__label::before {\n    content: \"\";\n    width: 1.25rem;\n    height: 2px;\n    background: var(--accent);\n    flex-shrink: 0;\n  }\n\n  #metspace-why-origin-story .msw-origin__title {\n    margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    font-size: clamp(2rem, 5vw, 3rem) !important;\n    line-height: 1.05 !important;\n    letter-spacing: -0.03em !important;\n    color: var(--ink) !important;\n    max-width: 14ch;\n  }\n\n  #metspace-why-origin-story .msw-origin__prose {\n    max-width: 52ch;\n    font-family: var(--font-body) !important;\n    font-size: 1.0625rem !important;\n    line-height: 1.7 !important;\n    color: var(--ink-soft) !important;\n  }\n\n  #metspace-why-origin-story .msw-origin__prose p + p {\n    margin-top: 1rem;\n  }\n\n  #metspace-why-origin-story .msw-origin__prose em {\n    font-style: italic !important;\n    color: var(--ink) !important;\n  }\n\n  @media (min-width: 900px) {\n    #metspace-why-origin-story .msw-origin__inner {\n      grid-template-columns: minmax(240px, 0.82fr) minmax(0, 1.18fr);\n      gap: clamp(2.5rem, 6vw, 4.5rem);\n    }\n\n    #metspace-why-origin-story .msw-origin__visual {\n      position: sticky;\n      top: 6.5rem;\n    }\n  }\n\n  @media (max-width: 899px) {\n    #metspace-why-origin-story {\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    #metspace-why-origin-story .msw-origin__inner {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n\n    #metspace-why-origin-story .msw-origin__copy {\n      order: -1;\n    }\n\n    #metspace-why-origin-story .msw-origin__title {\n      max-width: none;\n    }\n\n    #metspace-why-origin-story .msw-origin__prose {\n      max-width: none;\n    }\n\n    #metspace-why-origin-story .msw-origin__visual {\n      padding: 1.35rem 1.15rem 1.5rem;\n    }\n\n    #metspace-why-origin-story .msw-origin__timeline {\n      gap: 1.15rem;\n    }\n\n    #metspace-why-origin-story .msw-origin__item {\n      transform: translateX(-8px);\n    }\n\n    #metspace-why-origin-story.is-in .msw-origin__item {\n      transform: none;\n    }\n\n    #metspace-why-origin-story .msw-origin__year {\n      font-size: 1.35rem !important;\n    }\n\n    #metspace-why-origin-story .msw-origin__note {\n      font-size: 0.875rem !important;\n      line-height: 1.45 !important;\n    }\n\n    #metspace-why-origin-story .msw-origin__quote {\n      margin-top: 1.5rem;\n      padding-top: 1.25rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-why-origin-story .msw-origin__spine,\n    #metspace-why-origin-story .msw-origin__item,\n    #metspace-why-origin-story .msw-origin__quote {\n      opacity: 1 !important;\n      transform: none !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<div id=\"metspace-why-origin-story\">\n  <div class=\"msw-origin__inner\">\n    <aside class=\"msw-origin__visual\" aria-label=\"Chronologie Metspace\">\n      <div class=\"msw-origin__track\">\n        <span class=\"msw-origin__spine\" aria-hidden=\"true\"><\/span>\n        <ol class=\"msw-origin__timeline\">\n        <li class=\"msw-origin__item\">\n          <span class=\"msw-origin__year\">2013<\/span>\n          <span class=\"msw-origin__note\">Un bureau vide<\/span>\n        <\/li>\n        <li class=\"msw-origin__item\">\n          <span class=\"msw-origin__year\">2015<\/span>\n          <span class=\"msw-origin__note\">Metspace na\u00eet \u00e0 Saint-L\u00e9onard<\/span>\n        <\/li>\n        <li class=\"msw-origin__item\">\n          <span class=\"msw-origin__year\">2019<\/span>\n          <span class=\"msw-origin__note\">Metspace Ouest-de-l'\u00cele ouvre ses portes<\/span>\n        <\/li>\n        <li class=\"msw-origin__item\">\n          <span class=\"msw-origin__year\">2025<\/span>\n          <span class=\"msw-origin__note\">Metspace Laval en construction<\/span>\n        <\/li>\n        <li class=\"msw-origin__item\">\n          <span class=\"msw-origin__year\">Aujourd'hui<\/span>\n          <span class=\"msw-origin__note\">Engag\u00e9s \u00e0 poursuivre notre croissance dans le grand Montr\u00e9al<\/span>\n        <\/li>\n        <\/ol>\n      <\/div>\n      <blockquote class=\"msw-origin__quote\">\n        <p class=\"msw-origin__quote-text\">Voil\u00e0, Metspace est n\u00e9.<\/p>\n        <cite class=\"msw-origin__quote-cite\">Caterina Mazzone<\/cite>\n      <\/blockquote>\n    <\/aside>\n\n    <div class=\"msw-origin__copy\">\n      <p class=\"msw-origin__label\">Notre histoire<\/p>\n      <h2 class=\"msw-origin__title\" id=\"msp-origin-story-title\">D'un bureau vide<br>\u00e0 une communaut\u00e9<\/h2>\n\n      <div class=\"msw-origin__prose\">\n        <p>Metspace n'a pas commenc\u00e9 avec un plan d'affaires. \u00c7a a commenc\u00e9 avec une famille, un espace inutilis\u00e9 et quelques \u00e9tudiants qui avaient besoin d'un endroit pour travailler.<\/p>\n        <p>En 2013, Caterina Mazzone et Paolo Catania ont ferm\u00e9 une entreprise familiale et se sont retrouv\u00e9s avec un bureau vide. L'ann\u00e9e suivante, Paolo s'est inscrit \u00e0 l'\u00e9cole de l'immobilier. Au fil des cours, ses camarades de classe ont commenc\u00e9 \u00e0 se r\u00e9unir dans ce bureau pour \u00e9tudier et travailler ensemble.<\/p>\n        <p>Peu apr\u00e8s, ils ont demand\u00e9 s'ils pouvaient louer de l'espace sur place. Dans les mots de Caterina, <em>\u00ab Voil\u00e0, Metspace est n\u00e9. \u00bb<\/em><\/p>\n        <p>Saint-L\u00e9onard est devenu notre premier emplacement simplement parce que c'est l\u00e0 que se trouvait le bureau. L'Ouest-de-l'\u00cele a suivi dans le cadre d'un plan visant les quatre coins de Montr\u00e9al, puis une croissance nationale et internationale. En 2023, Metspace s'est \u00e9tendu en Ontario, incluant le Grand Toronto et Ottawa, tout en continuant d'aider les propri\u00e9taires \u00e0 transformer l'espace commercial inutilis\u00e9 en revenus.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-why-origin-story');\n  if (!root || root.getAttribute('data-msw-origin-bound') === '1') return;\n  root.setAttribute('data-msw-origin-bound', '1');\n\n  function reveal() {\n    root.classList.add('is-in');\n  }\n\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    reveal();\n    return;\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          reveal();\n          observer.disconnect();\n        }\n      });\n    }, { threshold: 0.2, rootMargin: '0px 0px -10% 0px' });\n    observer.observe(root);\n  } else {\n    reveal();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ceff10 e-flex e-con-boxed e-con e-parent\" data-id=\"1ceff10\" 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-78fcfa8 elementor-widget elementor-widget-html\" data-id=\"78fcfa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Tableau comparatif \u00ab Tous les espaces ne se valent pas \u00bb\n  Collez le fichier entier dans un widget HTML Elementor.\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-workspace-comparison),\n  .e-con:has(#metspace-workspace-comparison) > .e-con-inner,\n  .elementor-element:has(#metspace-workspace-comparison),\n  .elementor-widget-html:has(#metspace-workspace-comparison),\n  .elementor-widget-html:has(#metspace-workspace-comparison) .elementor-widget-container,\n  .elementor-section:has(#metspace-workspace-comparison) > .elementor-container,\n  .elementor-column:has(#metspace-workspace-comparison) > .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-workspace-comparison {\n    --ink: #1B2A4A;\n    --ink-soft: #5B6470;\n    --accent: #C8102E;\n    --accent-press: #A60D24;\n    --paper: #FFFFFF;\n    --paper-warm: #FAF8F5;\n    --sand: #D9D2C8;\n    --hair: #E9E4DC;\n    --radius: 16px;\n    --max: 1100px;\n    --font-display: \"Fraunces\", Georgia, \"Times New Roman\", serif;\n    --font-body: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-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    line-height: 1.6;\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, #E9E4DC 0%, var(--paper-warm) 100%);\n    padding: clamp(3rem, 7vw, 5rem) clamp(1.25rem, 4vw, 2rem);\n    box-sizing: border-box;\n    overflow-x: clip;\n  }\n\n  #metspace-workspace-comparison *,\n  #metspace-workspace-comparison *::before,\n  #metspace-workspace-comparison *::after {\n    box-sizing: border-box;\n  }\n\n  #metspace-workspace-comparison h2,\n  #metspace-workspace-comparison p,\n  #metspace-workspace-comparison th,\n  #metspace-workspace-comparison td,\n  #metspace-workspace-comparison span,\n  #metspace-workspace-comparison em {\n    font-style: normal;\n    text-transform: none;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__inner {\n    width: 100%;\n    max-width: var(--max);\n    margin: 0 auto;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__header {\n    max-width: 900px;\n    margin: 0 0 clamp(2rem, 4vw, 2.75rem);\n  }\n\n  #metspace-workspace-comparison .msp-cmp__h2 {\n    margin: 0;\n    font-family: var(--font-display) !important;\n    font-weight: 700 !important;\n    font-size: clamp(2rem, 5vw, 3rem) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -0.03em !important;\n    color: var(--ink) !important;\n    text-transform: none !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__sub {\n    margin: 1rem 0 0;\n    max-width: 46ch;\n    font-family: var(--font-body) !important;\n    font-size: clamp(1rem, 2vw, 1.125rem) !important;\n    font-weight: 400 !important;\n    line-height: 1.55 !important;\n    color: var(--ink-soft) !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__eyebrow {\n    margin: 0 0 0.85rem;\n    font-family: var(--font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.14em !important;\n    text-transform: uppercase !important;\n    color: var(--accent) !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__scroll {\n    overflow: hidden;\n    border: 1px solid var(--hair);\n    border-radius: var(--radius);\n    background: var(--paper) !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table {\n    width: 100%;\n    table-layout: fixed;\n    border-collapse: collapse;\n    font-family: var(--font-body) !important;\n    font-size: 0.9375rem;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__col-label {\n    width: 24%;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__col {\n    width: 25.33%;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__col-metspace {\n    width: 25.33%;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table th,\n  #metspace-workspace-comparison .msp-cmp__table td {\n    padding: 0.9rem 0.65rem;\n    text-align: center;\n    border-bottom: 1px solid var(--hair);\n    vertical-align: middle;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table thead th {\n    font-family: var(--font-body) !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--ink-soft) !important;\n    background: var(--paper-warm) !important;\n    border-bottom: 1px solid var(--hair);\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table thead th:first-child {\n    text-align: center;\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table tbody th {\n    text-align: left;\n    padding-left: 1rem;\n    padding-right: 0.75rem;\n    overflow-wrap: break-word;\n    font-family: var(--font-body) !important;\n    font-weight: 600 !important;\n    font-size: 0.875rem !important;\n    line-height: 1.3 !important;\n    color: var(--ink) !important;\n    background: transparent !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table tbody tr:last-child th,\n  #metspace-workspace-comparison .msp-cmp__table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__table thead .msp-cmp__highlight {\n    background: transparent !important;\n    color: var(--ink) !important;\n    font-family: var(--font-display) !important;\n    font-size: 1.05rem !important;\n    font-weight: 700 !important;\n    text-transform: none !important;\n    letter-spacing: -0.04em !important;\n    white-space: nowrap !important;\n  }\n\n  @media (max-width: 720px) {\n    #metspace-workspace-comparison {\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__col-label {\n      width: 34%;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__col {\n      width: 18%;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__col-metspace {\n      width: 30%;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__table th,\n    #metspace-workspace-comparison .msp-cmp__table td {\n      padding: 0.7rem 0.3rem;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__table thead th:first-child {\n      padding-left: 0.35rem;\n      padding-right: 0.35rem;\n      font-size: 0.625rem !important;\n      letter-spacing: 0.06em;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__table tbody th {\n      padding-left: 0.7rem;\n      padding-right: 0.4rem;\n      font-size: 0.75rem !important;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__table thead th {\n      font-size: 0.625rem !important;\n      letter-spacing: 0.06em;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__table thead .msp-cmp__highlight {\n      font-size: 0.8125rem !important;\n      letter-spacing: -0.04em !important;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__partial {\n      font-size: 0.625rem !important;\n    }\n\n    #metspace-workspace-comparison .msp-cmp__highlight .msp-cmp__yes {\n      width: 1.45rem;\n      height: 1.45rem;\n      font-size: 0.75rem !important;\n    }\n  }\n\n  #metspace-workspace-comparison .msp-cmp__yes {\n    display: inline-block;\n    color: var(--ink) !important;\n    font-weight: 700 !important;\n    font-size: 1.15rem !important;\n    line-height: 1 !important;\n    background: none !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__highlight .msp-cmp__yes {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    background: var(--ink) !important;\n    color: var(--paper-warm) !important;\n    font-size: 0.85rem !important;\n    opacity: 0;\n    transform: scale(0.45);\n    transform-origin: center;\n    transition: opacity 0.22s ease, transform 0.22s ease;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__highlight .msp-cmp__yes.is-in {\n    opacity: 1;\n    transform: scale(1);\n    transition: opacity 0.28s ease, transform 0.32s cubic-bezier(0.22, 1.4, 0.36, 1);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #metspace-workspace-comparison .msp-cmp__highlight .msp-cmp__yes,\n    #metspace-workspace-comparison .msp-cmp__highlight .msp-cmp__yes.is-in {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n\n  #metspace-workspace-comparison .msp-cmp__partial {\n    font-family: var(--font-body) !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    color: var(--ink-soft) !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__note {\n    margin: 1.5rem 0 0;\n    max-width: 58ch;\n    font-family: var(--font-body) !important;\n    font-size: 1rem !important;\n    line-height: 1.6 !important;\n    color: var(--ink-soft) !important;\n  }\n\n  #metspace-workspace-comparison .msp-cmp__note em {\n    font-style: italic !important;\n    color: var(--ink) !important;\n  }\n<\/style>\n\n<div id=\"metspace-workspace-comparison\">\n  <div class=\"msp-cmp__inner\">\n    <header class=\"msp-cmp__header\">\n      <p class=\"msp-cmp__eyebrow\">La diff\u00e9rence Metspace<\/p>\n      <h2 class=\"msp-cmp__h2\" id=\"msp-cmp-title\">Tous les espaces<br>ne se valent pas<\/h2>\n      <p class=\"msp-cmp__sub\">Voyez comment Metspace se compare aux options que la plupart des professionnels envisagent.<\/p>\n    <\/header>\n\n    <div class=\"msp-cmp__scroll\" role=\"region\" aria-label=\"Comparaison des espaces de travail\" aria-labelledby=\"msp-cmp-title\">\n      <table class=\"msp-cmp__table\">\n        <colgroup>\n          <col class=\"msp-cmp__col-label\">\n          <col class=\"msp-cmp__col\">\n          <col class=\"msp-cmp__col\">\n          <col class=\"msp-cmp__col-metspace\">\n        <\/colgroup>\n        <thead>\n          <tr>\n            <th scope=\"col\">Ce que vous obtenez<\/th>\n            <th scope=\"col\">Maison<\/th>\n            <th scope=\"col\">Caf\u00e9<\/th>\n            <th scope=\"col\" class=\"msp-cmp__highlight\">Metspace<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <th scope=\"row\">Adresse professionnelle<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Salles de r\u00e9union<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Gestion du courrier et des colis<\/th>\n            <td><span class=\"msp-cmp__partial\" aria-label=\"Limit\u00e9\">Limit\u00e9<\/span><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Wi\u2011Fi haute vitesse et impression<\/th>\n            <td><span class=\"msp-cmp__partial\" aria-label=\"Variable\">Variable<\/span><\/td>\n            <td><span class=\"msp-cmp__partial\" aria-label=\"Limit\u00e9\">Limit\u00e9<\/span><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Accueil et r\u00e9ception<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">R\u00e9seautage et \u00e9v\u00e9nements communautaires<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">S\u00e9paration travail et vie personnelle<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td><span class=\"msp-cmp__partial\" aria-label=\"Partiel\">Partiel<\/span><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Forfaits flexibles au mois<\/th>\n            <td><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n            <td><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n          <tr>\n            <th scope=\"row\">Suites priv\u00e9es pour \u00e9quipes<\/th>\n            <td aria-label=\"Non\"><\/td>\n            <td aria-label=\"Non\"><\/td>\n            <td class=\"msp-cmp__highlight\"><span class=\"msp-cmp__yes\" aria-label=\"Oui\">\u2713<\/span><\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <p class=\"msp-cmp__note\">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 <em>et<\/em> la connexion.<\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('metspace-workspace-comparison');\n  if (!root || root.getAttribute('data-msp-ready') === '1') return;\n  root.setAttribute('data-msp-ready', '1');\n\n  var checks = root.querySelectorAll('.msp-cmp__highlight .msp-cmp__yes');\n  if (!checks.length) return;\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduced) {\n    checks.forEach(function (el) { el.classList.add('is-in'); });\n    return;\n  }\n\n  var step = 0;\n  var started = false;\n  var staggerMs = 500;\n\n  function revealNext() {\n    if (step >= checks.length) return;\n    checks[step].classList.add('is-in');\n    step += 1;\n    if (step < checks.length) {\n      window.setTimeout(revealNext, staggerMs);\n    }\n  }\n\n  function start() {\n    if (started) return;\n    started = true;\n    revealNext();\n  }\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          start();\n          observer.disconnect();\n        }\n      });\n    }, { threshold: 0.25 });\n    observer.observe(root);\n  } else {\n    start();\n  }\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-ad796bb elementor-widget elementor-widget-html\" data-id=\"ad796bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  METSPACE (FR). Banni\u00e8re CTA \u00ab Voyez par vous-m\u00eame \u00bb\n  Collez le fichier entier dans un widget HTML Elementor.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"msp-see\" id=\"metspace-see-yourself-banner\">\n<style>\n  \/* Elementor Free: flush parents for this block *\/\n  .e-con:has(#metspace-see-yourself-banner),\n  .e-con:has(#metspace-see-yourself-banner) > .e-con-inner,\n  .elementor-element:has(#metspace-see-yourself-banner),\n  .elementor-widget-html:has(#metspace-see-yourself-banner),\n  .elementor-widget-html:has(#metspace-see-yourself-banner) .elementor-widget-container,\n  .elementor-section:has(#metspace-see-yourself-banner) > .elementor-container,\n  .elementor-column:has(#metspace-see-yourself-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  }\n\n  .msp-see {\n    --ink: #1B2A4A;\n    --ink-mid: #243A66;\n    --ink-deep: #141F38;\n    --red: #C8102E;\n    --red-press: #A60D24;\n    --red-bright: #D4283A;\n    --paper: #FFFFFF;\n    --max: 1100px;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--paper);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .msp-see *, .msp-see *::before, .msp-see *::after { box-sizing: border-box; }\n\n  .msp-see__band {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 1.5rem 1.25rem;\n    background: linear-gradient(120deg, var(--ink-deep) 0%, var(--ink) 55%, var(--ink-mid) 100%) !important;\n    color: var(--paper) !important;\n  }\n\n  @media (min-width: 640px) {\n    .msp-see__band {\n      padding: 2rem 1.5rem;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .msp-see__band {\n      padding: 2.5rem 2rem;\n    }\n  }\n\n  .msp-see__band::before {\n    content: \"\";\n    position: absolute;\n    bottom: -55%;\n    left: -8%;\n    width: 42%;\n    height: 160%;\n    background: radial-gradient(circle, rgba(200, 16, 46, 0.2), transparent 62%);\n    pointer-events: none;\n  }\n\n  .msp-see__inner {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 52rem;\n    margin: 0 auto;\n    display: grid;\n    gap: 0.75rem;\n    text-align: center;\n    justify-items: center;\n  }\n\n  @media (min-width: 640px) {\n    .msp-see__inner {\n      gap: 1rem;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .msp-see__inner {\n      gap: 1.125rem;\n    }\n  }\n\n  .msp-see__title {\n    margin: 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-weight: 700;\n    font-size: 1.625rem;\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n    color: var(--paper) !important;\n    max-width: none;\n  }\n\n  @media (min-width: 640px) {\n    .msp-see__title {\n      font-size: clamp(1.75rem, 3.5vw, 2.25rem);\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .msp-see__title {\n      font-size: 2.5rem;\n    }\n  }\n\n  .msp-see__copy {\n    display: grid;\n    gap: 0.875rem;\n    justify-items: center;\n    width: 100%;\n  }\n\n  @media (min-width: 900px) {\n    .msp-see__copy {\n      grid-template-columns: minmax(0, 1fr) auto;\n      align-items: center;\n      gap: 1.25rem 1.5rem;\n      max-width: 46rem;\n    }\n  }\n\n  .msp-see__text {\n    margin: 0;\n    width: 100%;\n    max-width: 42ch;\n    font-size: 0.9375rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.82) !important;\n    text-align: center;\n  }\n\n  @media (min-width: 640px) {\n    .msp-see__text {\n      font-size: 1rem;\n      line-height: 1.55;\n    }\n  }\n\n  @media (min-width: 900px) {\n    .msp-see__text {\n      font-size: 1.0625rem;\n      text-align: left;\n      justify-self: end;\n    }\n  }\n\n  .msp-see__btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100%;\n    max-width: 16rem;\n    min-height: 46px !important;\n    padding: 0.7rem 1.5rem !important;\n    font-family: inherit !important;\n    font-size: 0.9375rem !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.01em !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    text-align: center !important;\n    white-space: nowrap !important;\n    color: var(--paper) !important;\n    background: linear-gradient(135deg, var(--red-bright) 0%, var(--red-press) 100%) !important;\n    border: none !important;\n    border-radius: 999px !important;\n    box-shadow: 0 4px 20px rgba(200, 16, 46, 0.28) !important;\n    cursor: pointer !important;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;\n  }\n\n  .msp-see__btn:hover,\n  .msp-see__btn:focus {\n    color: var(--paper) !important;\n    background: linear-gradient(135deg, var(--red) 0%, var(--red) 100%) !important;\n    box-shadow: 0 6px 24px rgba(200, 16, 46, 0.36) !important;\n    transform: translateY(-1px) !important;\n    text-decoration: none !important;\n  }\n\n  @media (min-width: 640px) {\n    .msp-see__btn {\n      width: auto;\n      max-width: none;\n      min-height: 48px !important;\n      padding: 0.75rem 1.6rem !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .msp-see__btn {\n      transition: none !important;\n    }\n\n    .msp-see__btn:hover,\n    .msp-see__btn:focus {\n      transform: none !important;\n    }\n  }\n<\/style>\n\n  <section class=\"msp-see__band\" aria-labelledby=\"msp-see-title\">\n    <div class=\"msp-see__inner\">\n      <h2 class=\"msp-see__title\" id=\"msp-see-title\">Voyez par vous-m\u00eame.<\/h2>\n      <div class=\"msp-see__copy\">\n        <p class=\"msp-see__text\">R\u00e9servez une visite \u00e0 notre emplacement de l'Ouest-de-l'\u00cele et d\u00e9couvrez pourquoi les Metspacers choisissent Metspace comme chez-soi professionnel.<\/p>\n        <a href=\"https:\/\/calendar.app.google\/rXR6KwLpECMbEnvg9\" class=\"msp-see__btn\" target=\"_blank\" rel=\"noopener noreferrer\">R\u00e9server une visite<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\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-fa9b80c e-grid e-con-boxed e-con e-parent\" data-id=\"fa9b80c\" 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-d111731 elementor-widget elementor-widget-image\" data-id=\"d111731\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"980\" height=\"588\" src=\"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg\" class=\"attachment-large size-large wp-image-9322\" alt=\"\" srcset=\"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg 980w, https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1-300x180.jpg 300w, https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1-768x461.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d16f4e elementor-widget elementor-widget-html\" data-id=\"6d16f4e\" 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 CITATION (COLONNE GRILLE) ===\n  Si vous voyez \u00ab We are building a community \u00bb apr\u00e8s le collage, mauvais fichier (EN).\n  METSPACE (FR). Citation fondatrice (compact \/ colonne grille)\n  Remplit son conteneur, sans pleine largeur. Ivoire + sable, texte marine, marque rouge.\n  Collez dans un widget HTML Elementor \u00e0 l'int\u00e9rieur d'une colonne de grille.\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,500;9..144,600&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"ms-pquote\" id=\"metspace-why-pull-quote\">\n<style>\n  .elementor-widget-html:has(#metspace-why-pull-quote),\n  .elementor-widget-html:has(#metspace-why-pull-quote) .elementor-widget-container {\n    margin: 0 !important;\n    padding: 0 !important;\n    height: 100%;\n  }\n\n  .ms-pquote {\n    --navy: #1B2A4A;\n    --navy-soft: #5B6470;\n    --red: #C8102E;\n    --ivory: #FAF8F5;\n    --sand: #F3F0EB;\n    --sand-deep: #E9E4DC;\n    font-family: \"Inter\", sans-serif;\n    width: 100%;\n    height: 100%;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ms-pquote * { box-sizing: border-box; }\n\n  .ms-pquote__card {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 280px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: var(--ivory);\n    border: 1px solid var(--sand-deep);\n    border-radius: 18px;\n    padding: clamp(1.4rem, 3vw, 1.9rem);\n    box-shadow: 0 10px 28px rgba(27, 42, 74, 0.06);\n  }\n\n  .ms-pquote__card::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 1.2rem;\n    bottom: 1.2rem;\n    width: 3px;\n    background: var(--red);\n    border-radius: 2px;\n  }\n\n  .ms-pquote__mark {\n    position: relative;\n    z-index: 1;\n    display: block;\n    font-family: \"Fraunces\", serif;\n    font-size: 2.4rem;\n    line-height: 0.7;\n    color: var(--red);\n    margin-bottom: 0.3rem;\n  }\n\n  .ms-pquote blockquote {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    font-family: \"Fraunces\", serif;\n    font-weight: 500;\n    font-size: clamp(1.02rem, 1.8vw, 1.28rem);\n    line-height: 1.4;\n    letter-spacing: -0.01em;\n    color: var(--navy);\n  }\n\n  .ms-pquote figcaption {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 0.35rem 0.7rem;\n    margin-top: 1.15rem;\n  }\n\n  .ms-pquote figcaption::before {\n    content: \"\";\n    width: 26px;\n    height: 2px;\n    background: var(--red);\n    flex-shrink: 0;\n  }\n\n  .ms-pquote__name {\n    font-weight: 700;\n    font-size: 0.95rem;\n    color: var(--navy);\n  }\n\n  .ms-pquote__role {\n    font-size: 0.85rem;\n    color: var(--navy-soft);\n  }\n<\/style>\n  <figure class=\"ms-pquote__card\">\n    <span class=\"ms-pquote__mark\" aria-hidden=\"true\">&ldquo;<\/span>\n    <blockquote>Nous b\u00e2tissons une communaut\u00e9 et offrons l'espace comme outil pour vous aider \u00e0 vous sentir autonome, \u00e0 favoriser votre croissance et \u00e0 atteindre vos objectifs.<\/blockquote>\n    <figcaption>\n      <span class=\"ms-pquote__name\">Metspace<\/span>\n    <\/figcaption>\n  <\/figure>\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>Depuis 2016 Pourquoi Metspace Plus qu&rsquo;un bureau. Un chez-vous professionnel n\u00e9 d&rsquo;un bureau vide, d&rsquo;une vraie communaut\u00e9 et d&rsquo;un r\u00e9seau qui rapporte. 2013 Un bureau vide 2015 Metspace na\u00eet \u00e0 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"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-9555","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>Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metspace.com\/fr\/pourquoimetspace\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace\" \/>\n<meta property=\"og:description\" content=\"Depuis 2016 Pourquoi Metspace Plus qu&rsquo;un bureau. Un chez-vous professionnel n\u00e9 d&rsquo;un bureau vide, d&rsquo;une vraie communaut\u00e9 et d&rsquo;un r\u00e9seau qui rapporte. 2013 Un bureau vide 2015 Metspace na\u00eet \u00e0 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metspace.com\/fr\/pourquoimetspace\/\" \/>\n<meta property=\"og:site_name\" content=\"Best Coworking Space Companies | Space Management | Metspace\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T23:31:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"980\" \/>\n\t<meta property=\"og:image:height\" content=\"588\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/\",\"url\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/\",\"name\":\"Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cat-Paolo-e1617989781631-980x588-1.jpg\",\"datePublished\":\"2026-08-29T01:06:49+00:00\",\"dateModified\":\"2026-09-03T23:31:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/#primaryimage\",\"url\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cat-Paolo-e1617989781631-980x588-1.jpg\",\"contentUrl\":\"https:\\\/\\\/metspace.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Cat-Paolo-e1617989781631-980x588-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metspace.com\\\/fr\\\/pourquoimetspace\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/metspace.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why Metspace 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":"Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace","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\/pourquoimetspace\/","og_locale":"fr_FR","og_type":"article","og_title":"Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace","og_description":"Depuis 2016 Pourquoi Metspace Plus qu&rsquo;un bureau. Un chez-vous professionnel n\u00e9 d&rsquo;un bureau vide, d&rsquo;une vraie communaut\u00e9 et d&rsquo;un r\u00e9seau qui rapporte. 2013 Un bureau vide 2015 Metspace na\u00eet \u00e0 [&hellip;]","og_url":"https:\/\/metspace.com\/fr\/pourquoimetspace\/","og_site_name":"Best Coworking Space Companies | Space Management | Metspace","article_modified_time":"2026-09-03T23:31:37+00:00","og_image":[{"width":980,"height":588,"url":"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/","url":"https:\/\/metspace.com\/fr\/pourquoimetspace\/","name":"Why Metspace FR (celine) - Best Coworking Space Companies | Space Management | Metspace","isPartOf":{"@id":"https:\/\/metspace.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/#primaryimage"},"image":{"@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/#primaryimage"},"thumbnailUrl":"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg","datePublished":"2026-08-29T01:06:49+00:00","dateModified":"2026-09-03T23:31:37+00:00","breadcrumb":{"@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metspace.com\/fr\/pourquoimetspace\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/#primaryimage","url":"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg","contentUrl":"https:\/\/metspace.com\/wp-content\/uploads\/2026\/08\/Cat-Paolo-e1617989781631-980x588-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/metspace.com\/fr\/pourquoimetspace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/metspace.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Why Metspace 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\/9555","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=9555"}],"version-history":[{"count":23,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9555\/revisions"}],"predecessor-version":[{"id":10044,"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/pages\/9555\/revisions\/10044"}],"wp:attachment":[{"href":"https:\/\/metspace.com\/fr\/wp-json\/wp\/v2\/media?parent=9555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}