{"id":1238,"date":"2026-09-17T17:12:33","date_gmt":"2026-09-17T17:12:33","guid":{"rendered":"https:\/\/agorasolutions.ca\/?page_id=1238"},"modified":"2026-10-01T12:51:03","modified_gmt":"2026-10-01T12:51:03","slug":"atelier-agora","status":"publish","type":"page","link":"https:\/\/agorasolutions.ca\/en\/atelier-agora\/","title":{"rendered":"Atelier-agora"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1238\" class=\"elementor elementor-1238\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da1eeb4 e-con-full e-flex e-con e-parent\" data-id=\"da1eeb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6bf8b6 elementor-widget elementor-widget-html\" data-id=\"a6bf8b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"atelier-hero\" id=\"atelier-top\">\n\n  <!-- =====================================================\n       FOND BLUEPRINT\n  ====================================================== -->\n\n  <div class=\"atelier-blueprint\">\n\n    <div class=\"blueprint-grid-small\"><\/div>\n    <div class=\"blueprint-grid-large\"><\/div>\n\n    <span class=\"bp-cross cross-1\">+<\/span>\n    <span class=\"bp-cross cross-2\">+<\/span>\n    <span class=\"bp-cross cross-3\">+<\/span>\n    <span class=\"bp-cross cross-4\">+<\/span>\n\n    <div class=\"bp-label bp-label-1\">\n      VIEW 01 \/ 03\n    <\/div>\n\n    <div class=\"bp-label bp-label-2\">\n      ATELIER \/ MONTREAL\n    <\/div>\n\n    <div class=\"bp-label bp-label-3\">\n      CUSTOM-BUILT\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       PERSONNAGE\n  ====================================================== -->\n\n  <div class=\"atelier-character-zone\">\n\n    <div class=\"character-speed-lines\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <img decoding=\"async\"\n      src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/personnage-Atelier-scaled.png\"\n      class=\"atelier-character\"\n      alt=\"\"\n    >\n\n  <\/div>\n\n\n  <!-- =====================================================\n       CONTENU CENTRAL\n  ====================================================== -->\n\n  <div class=\"atelier-hero-inner\">\n\n\n    <!-- KICKER -->\n\n    <div class=\"atelier-kicker\">\n\n      <span>ATELIER AGORA<\/span>\n\n      <i><\/i>\n\n      <span>CUSTOM BUILDS<\/span>\n\n    <\/div>\n\n\n    <!-- TITRE -->\n\n    <h1 class=\"atelier-title\">\n\n      <span class=\"title-line\">\n        WE BUILD\n      <\/span>\n\n      <span class=\"title-line title-second\">\n\n        YOUR\n\n        <span class=\"title-ideas\">\n\n          IDEAS.\n\n          <span class=\"ideas-circle\"><\/span>\n\n        <\/span>\n\n      <\/span>\n\n    <\/h1>\n\n\n    <!-- CAPSULES -->\n\n    <div class=\"atelier-tags\">\n\n      <span class=\"atelier-tag tag-pink\">\n        DESIGN\n      <\/span>\n\n      <span class=\"atelier-tag tag-green\">\n        3D PLANS\n      <\/span>\n\n      <span class=\"atelier-tag tag-blue\">\n        FABRICATION\n      <\/span>\n\n      <span class=\"atelier-tag tag-outline\">\n        INSTALLATION\n      <\/span>\n\n    <\/div>\n\n\n    <!-- INTRO -->\n\n    <div class=\"atelier-intro\">\n\n      <strong>\n        From the first sketch to final installation.\n      <\/strong>\n\n      <span>\n        We design, model, fabricate, build and coordinate your custom projects directly from our workshop in Montreal.\n      <\/span>\n\n    <\/div>\n\n\n    <!-- SCROLL -->\n\n    <a href=\"#atelier-suite\" class=\"atelier-scroll\">\n\n      <span class=\"scroll-circle\">\n        \u2193\n      <\/span>\n\n      <span class=\"scroll-label\">\n        STEP INTO L'ATELIER\n      <\/span>\n\n    <\/a>\n\n\n  <\/div>\n\n\n  <!-- =====================================================\n       ZONE BLUEPRINT \/ 3D \u2014 DROITE\n  ====================================================== -->\n\n  <div class=\"atelier-right-zone\">\n\n    <div class=\"right-note\">\n\n      WHERE IDEAS<br>\n      TAKE<br>\n      SHAPE\n\n      <span>\u2199<\/span>\n\n    <\/div>\n\n\n    <!-- STRUCTURE FILAIRE -->\n\n    <div class=\"wireframe\">\n\n      <span class=\"wire w1\"><\/span>\n      <span class=\"wire w2\"><\/span>\n      <span class=\"wire w3\"><\/span>\n      <span class=\"wire w4\"><\/span>\n      <span class=\"wire w5\"><\/span>\n      <span class=\"wire w6\"><\/span>\n      <span class=\"wire w7\"><\/span>\n      <span class=\"wire w8\"><\/span>\n\n    <\/div>\n\n\n    <!-- MESURE 96\" -->\n\n    <div class=\"dimension dimension-horizontal\">\n\n      <span>96\"<\/span>\n\n      <div class=\"dimension-line\"><\/div>\n\n    <\/div>\n\n\n    <!-- MESURE 48\" -->\n\n    <div class=\"dimension dimension-vertical\">\n\n      <span>48\"<\/span>\n\n      <div class=\"dimension-line\"><\/div>\n\n    <\/div>\n\n\n    <!-- ACTIONS -->\n\n    <div class=\"right-actions\">\n\n      <span>DESIGN<\/span>\n      <span>MODEL<\/span>\n      <span>FABRICATE<\/span>\n      <span>TO BUILD?<\/span>\n      <span>INSTALL<\/span>\n\n      <div class=\"actions-pink-line\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- \u00c9TOILE -->\n\n  <div class=\"atelier-star\">\n    \u2726\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ==========================================================\n   PROTECTION D\u00c9BORDEMENT HORIZONTAL\n========================================================== *\/\n\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden;\n}\n\n\n\/* ==========================================================\n   HERO\n========================================================== *\/\n\n.atelier-hero {\n\n  --purple: #300064;\n  --pink: #F62683;\n  --green: #B9D861;\n  --blue: #4DC9EF;\n\n  position: relative;\n\n  \/* FORCE LE HERO \u00c0 SORTIR DU CONTENEUR ELEMENTOR *\/\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  min-height: 850px;\n\n  overflow: hidden;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n\n  padding:\n    155px\n    5%\n    85px;\n\n  background: var(--purple);\n\n  color: #ffffff;\n\n  font-family:\n    \"Plus Jakarta Sans\",\n    sans-serif;\n}\n\n\n\/* ==========================================================\n   FOND BLUEPRINT\n========================================================== *\/\n\n.atelier-blueprint {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  overflow: hidden;\n\n  pointer-events: none;\n\n  z-index: 0;\n}\n\n\n\/* PETITE GRILLE *\/\n\n.blueprint-grid-small {\n\n  position: absolute;\n\n  inset: 0;\n\n  background-image:\n\n    linear-gradient(\n      rgba(255,255,255,.065) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.065) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    24px 24px;\n}\n\n\n\/* GRANDE GRILLE *\/\n\n.blueprint-grid-large {\n\n  position: absolute;\n\n  inset: 0;\n\n  background-image:\n\n    linear-gradient(\n      rgba(77,201,239,.10) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(77,201,239,.10) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    96px 96px;\n}\n\n\n\/* ==========================================================\n   CROIX TECHNIQUES\n========================================================== *\/\n\n.bp-cross {\n\n  position: absolute;\n\n  color:\n    rgba(255,255,255,.32);\n\n  font-size: 20px;\n\n  font-weight: 300;\n\n  line-height: 1;\n}\n\n\n.cross-1 {\n\n  left: 6%;\n  top: 17%;\n}\n\n\n.cross-2 {\n\n  left: 30%;\n  top: 26%;\n}\n\n\n.cross-3 {\n\n  right: 8%;\n  top: 23%;\n}\n\n\n.cross-4 {\n\n  right: 28%;\n  bottom: 12%;\n}\n\n\n\/* ==========================================================\n   LABELS TECHNIQUES\n========================================================== *\/\n\n.bp-label {\n\n  position: absolute;\n\n  color:\n    rgba(255,255,255,.30);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: .14em;\n\n  text-transform: uppercase;\n}\n\n\n.bp-label-1 {\n\n  right: 5%;\n  bottom: 10%;\n}\n\n\n.bp-label-2 {\n\n  left: 4%;\n  bottom: 8%;\n}\n\n\n.bp-label-3 {\n\n  right: 28%;\n  top: 18%;\n}\n\n\n\/* ==========================================================\n   PERSONNAGE\n========================================================== *\/\n\n.atelier-character-zone {\n\n  position: absolute;\n\n  left: 2%;\n  top: 50%;\n\n  width:\n    clamp(260px, 25vw, 430px);\n\n  transform:\n    translateY(-47%);\n\n  z-index: 12;\n\n  pointer-events: none;\n}\n\n\n.atelier-character {\n\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  object-fit: contain;\n\n  z-index: 2;\n}\n\n\n\/* ==========================================================\n   TRAITS BLEUS\n========================================================== *\/\n\n.character-speed-lines {\n\n  position: absolute;\n\n  left: 8%;\n  bottom: 25%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 7px;\n\n  z-index: 1;\n\n  transform:\n    rotate(-8deg);\n}\n\n\n.character-speed-lines span {\n\n  display: block;\n\n  width: 72px;\n  height: 7px;\n\n  background:\n    var(--blue);\n\n  border-radius: 100px;\n}\n\n\n.character-speed-lines span:nth-child(2) {\n\n  width: 55px;\n\n  margin-left: 15px;\n}\n\n\n.character-speed-lines span:nth-child(3) {\n\n  width: 35px;\n\n  margin-left: 30px;\n}\n\n\n\/* ==========================================================\n   CONTENU CENTRAL\n========================================================== *\/\n\n.atelier-hero-inner {\n\n  position: relative;\n\n  width: 100%;\n  max-width: 900px;\n\n  margin: 0 auto;\n\n  text-align: center;\n\n  z-index: 20;\n}\n\n\n\/* ==========================================================\n   KICKER\n========================================================== *\/\n\n.atelier-kicker {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 14px;\n\n  margin-bottom: 26px;\n\n  color:\n    rgba(255,255,255,.88);\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: .13em;\n\n  text-transform: uppercase;\n}\n\n\n.atelier-kicker i {\n\n  display: block;\n\n  width: 30px;\n  height: 1px;\n\n  background:\n    rgba(255,255,255,.7);\n}\n\n\n\/* ==========================================================\n   TITRE\n========================================================== *\/\n\n.atelier-title {\n\n  position: relative;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(78px, 8.2vw, 148px);\n\n  font-weight: 800;\n\n  line-height: .80;\n\n  letter-spacing: -.07em;\n\n  text-transform: uppercase;\n\n  z-index: 5;\n}\n\n\n.title-line {\n\n  display: block;\n\n  white-space: nowrap;\n}\n\n\n.title-second {\n\n  margin-top: 22px;\n}\n\n\n\/* ==========================================================\n   CERCLE ID\u00c9ES\n========================================================== *\/\n\n.title-ideas {\n\n  position: relative;\n\n  display: inline-block;\n\n  z-index: 3;\n}\n\n\n.ideas-circle {\n\n  position: absolute;\n\n  width: 112%;\n  height: 118%;\n\n  left: -6%;\n  top: -9%;\n\n  border:\n    6px solid\n    var(--pink);\n\n  border-radius: 50%;\n\n  transform:\n    rotate(-5deg);\n\n  z-index: -1;\n}\n\n\n.ideas-circle::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset:\n    -7px\n    4px\n    -3px\n    -5px;\n\n  border:\n    2px solid\n    var(--pink);\n\n  border-radius: 50%;\n\n  opacity: .65;\n\n  transform:\n    rotate(5deg);\n}\n\n\n\/* ==========================================================\n   CAPSULES\n========================================================== *\/\n\n.atelier-tags {\n\n  display: flex;\n\n  justify-content: center;\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 11px;\n\n  margin-top: 42px;\n}\n\n\n.atelier-tag {\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    9px\n    20px;\n\n  border-radius: 100px;\n\n  color: var(--purple);\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: .035em;\n\n  text-transform: uppercase;\n}\n\n\n.tag-pink {\n\n  background:\n    var(--pink);\n\n  transform:\n    rotate(-2deg);\n}\n\n\n.tag-green {\n\n  background:\n    var(--green);\n\n  transform:\n    rotate(2deg);\n}\n\n\n.tag-blue {\n\n  background:\n    var(--blue);\n\n  transform:\n    rotate(-1deg);\n}\n\n\n.tag-outline {\n\n  color: #ffffff;\n\n  border:\n    1.5px solid\n    rgba(255,255,255,.9);\n\n  background:\n    rgba(255,255,255,.03);\n\n  transform:\n    rotate(1deg);\n}\n\n\n\/* ==========================================================\n   INTRO\n========================================================== *\/\n\n.atelier-intro {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 7px;\n\n  max-width: 670px;\n\n  margin:\n    32px\n    auto\n    0;\n\n  font-size: 15px;\n\n  line-height: 1.5;\n}\n\n\n.atelier-intro strong {\n\n  color: #ffffff;\n\n  font-weight: 800;\n}\n\n\n.atelier-intro span {\n\n  color:\n    rgba(255,255,255,.70);\n}\n\n\n\/* ==========================================================\n   SCROLL\n========================================================== *\/\n\n.atelier-scroll {\n\n  position: relative;\n\n  display: inline-flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 11px;\n\n  margin-top: 38px;\n\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  z-index: 30;\n}\n\n\n.scroll-circle {\n\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.8);\n\n  border-radius: 50%;\n\n  font-size: 20px;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n\n.scroll-label {\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: .22em;\n\n  text-transform: uppercase;\n}\n\n\n.atelier-scroll:hover\n.scroll-circle {\n\n  transform:\n    translateY(5px);\n\n  background:\n    rgba(255,255,255,.08);\n}\n\n\n\/* ==========================================================\n   ZONE DROITE\n========================================================== *\/\n\n.atelier-right-zone {\n\n  position: absolute;\n\n  right: 2.5%;\n  top: 20%;\n\n  width: 245px;\n  height: 520px;\n\n  z-index: 8;\n\n  pointer-events: none;\n}\n\n\n\/* ==========================================================\n   NOTE DROITE\n========================================================== *\/\n\n.right-note {\n\n  position: absolute;\n\n  top: 0;\n  right: 0;\n\n  color:\n    rgba(255,255,255,.9);\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  line-height: 1.3;\n\n  letter-spacing: .05em;\n\n  transform:\n    rotate(5deg);\n}\n\n\n.right-note span {\n\n  display: block;\n\n  margin:\n    7px\n    0\n    0\n    3px;\n\n  font-size: 31px;\n\n  font-weight: 400;\n}\n\n\n\/* ==========================================================\n   STRUCTURE FILAIRE \/ 3D\n========================================================== *\/\n\n.wireframe {\n\n  position: absolute;\n\n  right: 5px;\n  top: 115px;\n\n  width: 220px;\n  height: 185px;\n\n  opacity: .42;\n\n  transform:\n    rotate(-5deg);\n}\n\n\n.wire {\n\n  position: absolute;\n\n  display: block;\n\n  height: 1px;\n\n  background:\n    var(--blue);\n\n  transform-origin:\n    left center;\n}\n\n\n.w1 {\n\n  width: 145px;\n\n  left: 35px;\n  top: 35px;\n\n  transform:\n    rotate(24deg);\n}\n\n\n.w2 {\n\n  width: 125px;\n\n  left: 35px;\n  top: 35px;\n\n  transform:\n    rotate(90deg);\n}\n\n\n.w3 {\n\n  width: 135px;\n\n  left: 35px;\n  top: 35px;\n\n  transform:\n    rotate(145deg);\n}\n\n\n.w4 {\n\n  width: 125px;\n\n  left: 167px;\n  top: 94px;\n\n  transform:\n    rotate(90deg);\n}\n\n\n.w5 {\n\n  width: 145px;\n\n  left: 35px;\n  top: 160px;\n\n  transform:\n    rotate(-24deg);\n}\n\n\n.w6 {\n\n  width: 130px;\n\n  left: 35px;\n  top: 160px;\n\n  transform:\n    rotate(0deg);\n}\n\n\n.w7 {\n\n  width: 135px;\n\n  left: 35px;\n  top: 160px;\n\n  transform:\n    rotate(-145deg);\n}\n\n\n.w8 {\n\n  width: 125px;\n\n  left: 35px;\n  top: 35px;\n\n  transform:\n    rotate(42deg);\n}\n\n\n\/* ==========================================================\n   MESURES\n========================================================== *\/\n\n.dimension {\n\n  position: absolute;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: .09em;\n}\n\n\n.dimension-horizontal {\n\n  top: 300px;\n  right: 15px;\n\n  width: 190px;\n}\n\n\n.dimension-vertical {\n\n  right: -48px;\n  top: 185px;\n\n  width: 130px;\n\n  transform:\n    rotate(90deg);\n}\n\n\n.dimension span {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  text-align: center;\n}\n\n\n.dimension-line {\n\n  position: relative;\n\n  width: 100%;\n  height: 1px;\n\n  background:\n    rgba(255,255,255,.42);\n}\n\n\n.dimension-line::before,\n.dimension-line::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: -5px;\n\n  width: 1px;\n  height: 11px;\n\n  background:\n    rgba(255,255,255,.55);\n}\n\n\n.dimension-line::before {\n\n  left: 0;\n}\n\n\n.dimension-line::after {\n\n  right: 0;\n}\n\n\n\/* ==========================================================\n   ACTIONS DROITE\n========================================================== *\/\n\n.right-actions {\n\n  position: absolute;\n\n  right: 25px;\n  bottom: 0;\n\n  color: #ffffff;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  line-height: 1.45;\n\n  letter-spacing: .045em;\n\n  transform:\n    rotate(-3deg);\n}\n\n\n.right-actions span {\n\n  display: block;\n}\n\n\n.actions-pink-line {\n\n  width: 60px;\n  height: 4px;\n\n  margin-top: 10px;\n\n  background:\n    var(--pink);\n\n  border-radius: 100px;\n\n  transform:\n    rotate(-7deg);\n}\n\n\n\/* ==========================================================\n   \u00c9TOILE VERTE\n========================================================== *\/\n\n.atelier-star {\n\n  position: absolute;\n\n  right: 6%;\n  bottom: 15%;\n\n  z-index: 9;\n\n  color:\n    var(--green);\n\n  font-size: 42px;\n\n  transform:\n    rotate(10deg);\n}\n\n\n\/* ==========================================================\n   TABLETTE\n========================================================== *\/\n\n@media (max-width: 1100px) {\n\n  .atelier-hero {\n\n    min-height: 780px;\n\n    padding-top: 145px;\n  }\n\n\n  .atelier-hero-inner {\n\n    max-width: 760px;\n  }\n\n\n  .atelier-title {\n\n    font-size:\n      clamp(70px, 10vw, 110px);\n  }\n\n\n  .atelier-character-zone {\n\n    left: -7%;\n\n    width: 340px;\n\n    opacity: .42;\n  }\n\n\n  .atelier-right-zone {\n\n    right: -7%;\n\n    opacity: .40;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .atelier-hero {\n\n    width: 100vw;\n    max-width: none;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    min-height: 790px;\n\n    padding:\n      135px\n      18px\n      62px;\n\n    align-items:\n      flex-start;\n\n    overflow: hidden;\n  }\n\n\n  \/* BLUEPRINT *\/\n\n  .blueprint-grid-small {\n\n    background-size:\n      18px 18px;\n  }\n\n\n  .blueprint-grid-large {\n\n    background-size:\n      72px 72px;\n  }\n\n\n  \/* CONTENU *\/\n\n  .atelier-hero-inner {\n\n    width: 100%;\n    max-width: 100%;\n\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 55px;\n\n    text-align: left;\n  }\n\n\n  \/* KICKER *\/\n\n  .atelier-kicker {\n\n    justify-content:\n      flex-start;\n\n    gap: 8px;\n\n    margin-bottom: 26px;\n\n    font-size: 8px;\n  }\n\n\n  .atelier-kicker i {\n\n    width: 18px;\n  }\n\n\n  \/* TITRE *\/\n\n  .atelier-title {\n\n    font-size:\n      clamp(54px, 17vw, 80px);\n\n    line-height: .84;\n  }\n\n\n  .title-line {\n\n    white-space: normal;\n  }\n\n\n  .title-second {\n\n    margin-top: 10px;\n  }\n\n\n  .ideas-circle {\n\n    border-width: 4px;\n  }\n\n\n  \/* CAPSULES *\/\n\n  .atelier-tags {\n\n    justify-content:\n      flex-start;\n\n    gap: 7px;\n\n    margin-top: 28px;\n  }\n\n\n  .atelier-tag {\n\n    padding:\n      7px\n      12px;\n\n    font-size: 8px;\n  }\n\n\n  \/* INTRO *\/\n\n  .atelier-intro {\n\n    position: relative;\n\n    z-index: 20;\n\n    max-width: 94%;\n\n    margin:\n      25px\n      0\n      0;\n\n    font-size: 13px;\n  }\n\n\n  \/* ======================================================\n     SCROLL MOBILE\n     \u00c0 GAUCHE, COMME LA VERSION D'ORIGINE\n  ====================================================== *\/\n\n  .atelier-scroll {\n\n    position: relative;\n\n    z-index: 40;\n\n    align-items:\n      flex-start;\n\n    gap: 10px;\n\n    margin-top: 30px;\n  }\n\n\n  .scroll-circle {\n\n    width: 48px;\n    height: 48px;\n  }\n\n\n  .scroll-label {\n\n    font-size: 8px;\n\n    white-space: nowrap;\n  }\n\n\n  \/* ======================================================\n     PERSONNAGE MOBILE\n     \u00c0 DROITE POUR LIB\u00c9RER LE CTA\n  ====================================================== *\/\n\n  .atelier-character-zone {\n\n    left: auto;\n    right: -42px;\n\n    top: auto;\n    bottom: -22px;\n\n    width: 205px;\n\n    transform: none;\n\n    opacity: .32;\n\n    z-index: 8;\n  }\n\n\n  .atelier-character {\n\n    width: 100%;\n  }\n\n\n  .character-speed-lines {\n\n    display: none;\n  }\n\n\n  \/* ON CACHE LES \u00c9L\u00c9MENTS TECHNIQUES TROP CHARG\u00c9S *\/\n\n  .atelier-right-zone,\n  .atelier-star {\n\n    display: none;\n  }\n\n\n  .bp-label {\n\n    display: none;\n  }\n\n\n  \/* CROIX *\/\n\n  .cross-1 {\n\n    left: 7%;\n    top: 20%;\n  }\n\n\n  .cross-2 {\n\n    left: 30%;\n    top: 29%;\n  }\n\n\n  .cross-3 {\n\n    right: 9%;\n    top: 24%;\n  }\n\n\n  .cross-4 {\n\n    right: 28%;\n    bottom: 10%;\n  }\n\n}\n\n\n\/* ==========================================================\n   TR\u00c8S PETITS MOBILES\n========================================================== *\/\n\n@media (max-width: 390px) {\n\n  .atelier-hero {\n\n    min-height: 800px;\n\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  .atelier-title {\n\n    font-size:\n      clamp(50px, 16.5vw, 66px);\n  }\n\n\n  .atelier-tag {\n\n    padding:\n      7px\n      10px;\n\n    font-size: 7.5px;\n  }\n\n\n  .atelier-character-zone {\n\n    right: -48px;\n\n    bottom: -18px;\n\n    width: 185px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf12dd elementor-widget elementor-widget-html\" data-id=\"fcf12dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     ATELIER AGORA \u2014 EASTER EGG\n     NE PAS TOUCHER\n========================================= -->\n\n<div class=\"atelier-easter-egg\">\n\n  <button\n    class=\"atelier-dont-touch\"\n    type=\"button\"\n    aria-label=\"Ne pas toucher\"\n  >\n    <span class=\"atelier-dont-touch-cross\">\u00d7<\/span>\n\n    <span class=\"atelier-dont-touch-text\">\n      WE LOST<br>\n      OUR DRILLS\n    <\/span>\n\n    <span class=\"atelier-dont-touch-arrow\">\u2198<\/span>\n  <\/button>\n\n\n  <div\n    class=\"atelier-drill-rain\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <div\n    class=\"atelier-easter-message\"\n    aria-hidden=\"true\"\n  >\n    <strong>GREAT.<\/strong>\n    THANKS!\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   BASE\n========================================= *\/\n\n.atelier-easter-egg,\n.atelier-easter-egg * {\n  box-sizing: border-box;\n}\n\n.atelier-easter-egg {\n  position: relative;\n  width: 100%;\n}\n\n\n\/* =========================================\n   NE PAS TOUCHER\n========================================= *\/\n\n.atelier-dont-touch {\n  position: absolute;\n\n  left: 400px;\n  top: -150px;\n\n  z-index: 20;\n\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  margin: 0;\n  padding: 8px 11px;\n\n  border: 2px solid #F62683;\n  border-radius: 7px;\n\n  background: transparent;\n  color: #F62683;\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-size: 11px;\n  font-weight: 800;\n\n  line-height: 1.1;\n  letter-spacing: .06em;\n\n  text-align: left;\n\n  transform: rotate(-4deg);\n\n  cursor: pointer;\n\n  appearance: none;\n  -webkit-appearance: none;\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    color .2s ease;\n}\n\n\n.atelier-dont-touch-cross {\n  display: block;\n\n  font-size: 19px;\n  font-weight: 500;\n\n  line-height: 1;\n}\n\n\n.atelier-dont-touch-text {\n  display: block;\n}\n\n\n.atelier-dont-touch-arrow {\n  position: absolute;\n\n  right: -19px;\n  bottom: -17px;\n\n  font-size: 20px;\n\n  transform: rotate(7deg);\n}\n\n\n.atelier-dont-touch:hover {\n  background: #F62683;\n  color: #ffffff;\n\n  transform:\n    rotate(-2deg)\n    scale(1.04);\n}\n\n\n.atelier-dont-touch.is-triggered {\n  transform:\n    rotate(3deg)\n    scale(.93);\n}\n\n\n\/* =========================================\n   ZONE DRILLS\n========================================= *\/\n\n.atelier-drill-rain {\n  position: fixed;\n\n  inset: 0;\n\n  width: 100vw;\n  height: 100vh;\n\n  z-index: 99997;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   DRILL\n========================================= *\/\n\n.atelier-falling-drill {\n  position: absolute;\n\n  left: var(--drill-left);\n  top: -300px;\n\n  width: var(--drill-size);\n  height: auto;\n\n  opacity: 0;\n\n  pointer-events: none;\n\n  user-select: none;\n  -webkit-user-drag: none;\n\n  transform-origin: center center;\n\n  filter:\n    drop-shadow(\n      5px 8px 5px rgba(0,0,0,.17)\n    );\n\n  animation:\n    atelierDrillFall\n    var(--drill-duration)\n    cubic-bezier(.28,.03,.45,1)\n    var(--drill-delay)\n    forwards;\n}\n\n\n.atelier-falling-drill img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n\n\/* =========================================\n   CHUTE\n========================================= *\/\n\n@keyframes atelierDrillFall {\n\n  0% {\n    top: -300px;\n\n    opacity: 0;\n\n    transform:\n      translateX(var(--start-x))\n      rotate(var(--start-rotation));\n  }\n\n\n  8% {\n    opacity: 1;\n  }\n\n\n  78% {\n    top: var(--landing-top);\n\n    transform:\n      translateX(0)\n      rotate(var(--landing-rotation));\n  }\n\n\n  \/* PETIT REBOND *\/\n\n  87% {\n    top:\n      calc(\n        var(--landing-top) - 18px\n      );\n\n    transform:\n      translateX(3px)\n      rotate(\n        calc(\n          var(--landing-rotation) + 4deg\n        )\n      );\n  }\n\n\n  94% {\n    top:\n      calc(\n        var(--landing-top) - 4px\n      );\n\n    transform:\n      translateX(-2px)\n      rotate(\n        calc(\n          var(--landing-rotation) - 2deg\n        )\n      );\n  }\n\n\n  100% {\n    top: var(--landing-top);\n\n    opacity: 1;\n\n    transform:\n      translateX(0)\n      rotate(var(--landing-rotation));\n  }\n\n}\n\n\n\/* =========================================\n   DRILL POS\u00c9E\n========================================= *\/\n\n.atelier-falling-drill.is-landed {\n  animation: none;\n\n  top: var(--landing-top);\n\n  opacity: 1;\n\n  transform:\n    translateX(0)\n    rotate(var(--landing-rotation));\n}\n\n\n\/* =========================================\n   \u00c9JECTION\n========================================= *\/\n\n.atelier-falling-drill.is-ejected {\n  animation:\n    atelierDrillEject\n    var(--eject-duration)\n    cubic-bezier(.4,0,.8,.4)\n    var(--eject-delay)\n    forwards;\n}\n\n\n@keyframes atelierDrillEject {\n\n  0% {\n    top: var(--landing-top);\n\n    opacity: 1;\n\n    transform:\n      translateX(0)\n      translateY(0)\n      rotate(var(--landing-rotation));\n  }\n\n\n  15% {\n    transform:\n      translateX(\n        calc(\n          var(--eject-x) * .1\n        )\n      )\n      translateY(-40px)\n      rotate(\n        calc(\n          var(--landing-rotation) +\n          var(--eject-kick)\n        )\n      );\n  }\n\n\n  100% {\n    top: var(--landing-top);\n\n    opacity: 0;\n\n    transform:\n      translateX(var(--eject-x))\n      translateY(130vh)\n      rotate(var(--eject-spin));\n  }\n\n}\n\n\n\/* =========================================\n   MESSAGE\n========================================= *\/\n\n.atelier-easter-message {\n  position: fixed;\n\n  left: 50%;\n  bottom: 100px;\n\n  z-index: 99999;\n\n  padding: 11px 16px;\n\n  border-radius: 9px;\n\n  background: #F62683;\n  color: #ffffff;\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-size: 14px;\n  font-weight: 600;\n\n  line-height: 1.2;\n\n  white-space: nowrap;\n\n  box-shadow:\n    7px 8px 0 rgba(49,0,99,.18);\n\n  opacity: 0;\n  visibility: hidden;\n\n  pointer-events: none;\n\n  transform:\n    translateX(-50%)\n    translateY(12px)\n    rotate(-2deg);\n\n  transition:\n    opacity .2s ease,\n    transform .25s ease,\n    visibility .2s ease;\n}\n\n\n.atelier-easter-message strong {\n  font-weight: 800;\n}\n\n\n.atelier-easter-message.is-visible {\n  opacity: 1;\n  visibility: visible;\n\n  transform:\n    translateX(-50%)\n    translateY(0)\n    rotate(-2deg);\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n  .atelier-dont-touch {\n    left: 12px;\n    top: -115px;\n\n    padding: 7px 9px;\n\n    font-size: 9px;\n  }\n\n\n  .atelier-dont-touch-cross {\n    font-size: 16px;\n  }\n\n\n  .atelier-dont-touch-arrow {\n    right: -14px;\n    bottom: -14px;\n\n    font-size: 16px;\n  }\n\n\n  .atelier-dont-touch:hover {\n    background: transparent;\n    color: #F62683;\n\n    transform: rotate(-4deg);\n  }\n\n\n  .atelier-easter-message {\n    bottom: 20px;\n\n    max-width: calc(100vw - 30px);\n\n    padding: 10px 13px;\n\n    font-size: 10px;\n\n    white-space: normal;\n\n    text-align: center;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  \/* =========================================\n     \u00c9L\u00c9MENTS\n  ========================================= *\/\n\n  const trigger =\n    document.querySelector(\n      \".atelier-dont-touch\"\n    );\n\n  const rain =\n    document.querySelector(\n      \".atelier-drill-rain\"\n    );\n\n  const message =\n    document.querySelector(\n      \".atelier-easter-message\"\n    );\n\n\n  if (!trigger || !rain || !message) {\n    return;\n  }\n\n\n  \/* =========================================\n     IMAGE\n  ========================================= *\/\n\n  const drillImage =\n    \"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/Drill-sans-contour-1.png\";\n\n\n  \/* =========================================\n     \u00c9TAT\n  ========================================= *\/\n\n  let running = false;\n\n  let pileReady = false;\n\n  let scrollListenerActive = false;\n\n  let scrollStartY = 0;\n\n\n  \/* =========================================\n     RANDOM\n  ========================================= *\/\n\n  function random(min, max) {\n\n    return (\n      Math.random() *\n      (max - min) +\n      min\n    );\n\n  }\n\n\n  \/* =========================================\n     CR\u00c9ER UNE DRILL\n  ========================================= *\/\n\n  function createDrill(index) {\n\n    const drill =\n      document.createElement(\"div\");\n\n\n    drill.className =\n      \"atelier-falling-drill\";\n\n\n    const isMobile =\n      window.innerWidth <= 767;\n\n\n    \/* =====================================\n       TAILLE\n    ===================================== *\/\n\n    const size =\n      isMobile\n        ? random(95, 150)\n        : random(135, 210);\n\n\n    \/* =====================================\n       POSITION HORIZONTALE\n    ===================================== *\/\n\n    const left =\n      random(-4, 96);\n\n\n    \/* =====================================\n       ENTASSEMENT UNIQUEMENT EN BAS\n\n       IMPORTANT :\n\n       Toutes les drills ont leur BASE\n       dans la partie basse de l'\u00e9cran.\n\n       On ne cr\u00e9e plus de couches qui\n       remontent jusqu'au milieu.\n    ===================================== *\/\n\n\n    \/*\n    75% des drills quasiment au sol.\n    *\/\n\n    let lift;\n\n\n    const chance =\n      Math.random();\n\n\n    if (chance < .75) {\n\n      lift =\n        random(-10, 35);\n\n    }\n\n    \/*\n    20% l\u00e9g\u00e8rement pos\u00e9es\n    sur les autres.\n    *\/\n\n    else if (chance < .95) {\n\n      lift =\n        random(35, 80);\n\n    }\n\n    \/*\n    Seulement quelques-unes\n    un peu plus hautes.\n    *\/\n\n    else {\n\n      lift =\n        random(80, 115);\n\n    }\n\n\n    \/*\n    Position finale.\n\n    La taille est prise en compte pour\n    que le BAS de chaque image reste\n    proche du bas de l'\u00e9cran.\n    *\/\n\n    const landingTop =\n      window.innerHeight\n      - size\n      + 15\n      - lift;\n\n\n    \/* =====================================\n       ROTATIONS\n    ===================================== *\/\n\n    const startRotation =\n      random(-120, 120);\n\n\n    const landingRotation =\n      random(-32, 32);\n\n\n    \/* =====================================\n       PETIT D\u00c9CALAGE DE CHUTE\n    ===================================== *\/\n\n    const startX =\n      random(-55, 55);\n\n\n    \/* =====================================\n       VITESSE\n    ===================================== *\/\n\n    const duration =\n      random(1.05, 1.55);\n\n\n    \/*\n    Plusieurs vagues rapides.\n    *\/\n\n    const group =\n      Math.floor(index \/ 13);\n\n\n    const positionInGroup =\n      index % 13;\n\n\n    const delay =\n      group * .17\n      + positionInGroup * .018\n      + random(0, .10);\n\n\n    \/* =====================================\n       \u00c9JECTION\n    ===================================== *\/\n\n    const ejectX =\n      random(-400, 400);\n\n\n    const ejectSpin =\n      random(-900, 900);\n\n\n    const ejectKick =\n      random(-60, 60);\n\n\n    const ejectDuration =\n      random(.65, 1.05);\n\n\n    const ejectDelay =\n      random(0, .15);\n\n\n    \/* =====================================\n       VARIABLES CSS\n    ===================================== *\/\n\n    drill.style.setProperty(\n      \"--drill-left\",\n      left + \"vw\"\n    );\n\n\n    drill.style.setProperty(\n      \"--drill-size\",\n      size + \"px\"\n    );\n\n\n    drill.style.setProperty(\n      \"--landing-top\",\n      landingTop + \"px\"\n    );\n\n\n    drill.style.setProperty(\n      \"--start-rotation\",\n      startRotation + \"deg\"\n    );\n\n\n    drill.style.setProperty(\n      \"--landing-rotation\",\n      landingRotation + \"deg\"\n    );\n\n\n    drill.style.setProperty(\n      \"--start-x\",\n      startX + \"px\"\n    );\n\n\n    drill.style.setProperty(\n      \"--drill-duration\",\n      duration + \"s\"\n    );\n\n\n    drill.style.setProperty(\n      \"--drill-delay\",\n      delay + \"s\"\n    );\n\n\n    drill.style.setProperty(\n      \"--eject-x\",\n      ejectX + \"px\"\n    );\n\n\n    drill.style.setProperty(\n      \"--eject-spin\",\n      ejectSpin + \"deg\"\n    );\n\n\n    drill.style.setProperty(\n      \"--eject-kick\",\n      ejectKick + \"deg\"\n    );\n\n\n    drill.style.setProperty(\n      \"--eject-duration\",\n      ejectDuration + \"s\"\n    );\n\n\n    drill.style.setProperty(\n      \"--eject-delay\",\n      ejectDelay + \"s\"\n    );\n\n\n    drill.style.zIndex =\n      10 + index;\n\n\n    \/* =====================================\n       IMAGE\n    ===================================== *\/\n\n    const image =\n      document.createElement(\"img\");\n\n\n    image.src =\n      drillImage;\n\n\n    image.alt = \"\";\n\n\n    image.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    drill.appendChild(image);\n\n    rain.appendChild(drill);\n\n\n    \/* =====================================\n       FIGER APR\u00c8S LA CHUTE\n    ===================================== *\/\n\n    const landingDelay =\n      (\n        duration +\n        delay\n      ) * 1000;\n\n\n    setTimeout(\n      function () {\n\n        if (\n          !drill.classList.contains(\n            \"is-ejected\"\n          )\n        ) {\n\n          drill.classList.add(\n            \"is-landed\"\n          );\n\n        }\n\n      },\n      landingDelay + 50\n    );\n\n  }\n\n\n  \/* =========================================\n     AVALANCHE\n  ========================================= *\/\n\n  function startAvalanche() {\n\n    const amount =\n      window.innerWidth <= 767\n        ? 32\n        : 52;\n\n\n    for (\n      let i = 0;\n      i < amount;\n      i++\n    ) {\n\n      createDrill(i);\n\n    }\n\n\n    setTimeout(\n      function () {\n\n        pileReady = true;\n\n        scrollStartY =\n          window.scrollY;\n\n        activateScroll();\n\n      },\n      2700\n    );\n\n  }\n\n\n  \/* =========================================\n     MESSAGE\n  ========================================= *\/\n\n  function showMessage() {\n\n    message.classList.add(\n      \"is-visible\"\n    );\n\n\n    message.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n  }\n\n\n  function hideMessage() {\n\n    message.classList.remove(\n      \"is-visible\"\n    );\n\n\n    message.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n  }\n\n\n  \/* =========================================\n     SCROLL\n  ========================================= *\/\n\n  function activateScroll() {\n\n    if (scrollListenerActive) {\n      return;\n    }\n\n\n    scrollListenerActive = true;\n\n\n    window.addEventListener(\n      \"scroll\",\n      handleScroll,\n      {\n        passive: true\n      }\n    );\n\n  }\n\n\n  function handleScroll() {\n\n    if (!pileReady) {\n      return;\n    }\n\n\n    const distance =\n      Math.abs(\n        window.scrollY -\n        scrollStartY\n      );\n\n\n    if (distance < 10) {\n      return;\n    }\n\n\n    ejectDrills();\n\n  }\n\n\n  \/* =========================================\n     \u00c9JECTION\n  ========================================= *\/\n\n  function ejectDrills() {\n\n    pileReady = false;\n\n\n    window.removeEventListener(\n      \"scroll\",\n      handleScroll\n    );\n\n\n    scrollListenerActive = false;\n\n\n    showMessage();\n\n\n    const drills =\n      rain.querySelectorAll(\n        \".atelier-falling-drill\"\n      );\n\n\n    drills.forEach(\n      function (drill) {\n\n        drill.classList.remove(\n          \"is-landed\"\n        );\n\n\n        drill.classList.add(\n          \"is-ejected\"\n        );\n\n      }\n    );\n\n\n    setTimeout(\n      function () {\n\n        hideMessage();\n\n      },\n      1050\n    );\n\n\n    setTimeout(\n      function () {\n\n        rain.innerHTML = \"\";\n\n\n        trigger.classList.remove(\n          \"is-triggered\"\n        );\n\n\n        running = false;\n\n      },\n      1800\n    );\n\n  }\n\n\n  \/* =========================================\n     CLIC\n  ========================================= *\/\n\n  trigger.addEventListener(\n    \"click\",\n    function () {\n\n      if (running) {\n        return;\n      }\n\n\n      running = true;\n\n      pileReady = false;\n\n\n      trigger.classList.add(\n        \"is-triggered\"\n      );\n\n\n      setTimeout(\n        function () {\n\n          startAvalanche();\n\n        },\n        120\n      );\n\n    }\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5643784 e-con-full e-flex e-con e-parent\" data-id=\"5643784\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa77a73 elementor-widget elementor-widget-html\" data-id=\"fa77a73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n\/* ==================================================\n   ATELIER \u2014 DU PLAN AU R\u00c9EL\n================================================== *\/\n\n.atelier-real {\n  --purple: #300064;\n  --pink: #F62683;\n  --green: #B9D861;\n  --blue: #4DC9EF;\n  --light: #F4EEF7;\n\n  position: relative;\n\n  \/* FORCE LE FULL WIDTH *\/\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  padding: 120px 5% 0;\n\n  box-sizing: border-box;\n\n  background: var(--light);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n  color: var(--purple);\n}\n\n\n\/* ==================================================\n   CONTENU\n================================================== *\/\n\n.atelier-real-inner {\n  position: relative;\n\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: .88fr 1.12fr;\n\n  gap: clamp(55px, 6vw, 110px);\n\n  align-items: center;\n}\n\n\n\/* ==================================================\n   COLONNE TEXTE\n================================================== *\/\n\n.atelier-real-copy {\n  position: relative;\n  z-index: 10;\n}\n\n\n\/* ==================================================\n   PETIT LABEL\n================================================== *\/\n\n.atelier-real-kicker {\n  display: flex;\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 50px;\n\n  color: var(--purple);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.atelier-real-kicker::before {\n  content: \"\";\n\n  display: block;\n\n  width: 38px;\n  height: 4px;\n\n  background: var(--pink);\n\n  border-radius: 999px;\n}\n\n\n\/* ==================================================\n   TITRE\n================================================== *\/\n\n.atelier-real-title {\n  margin: 0;\n\n  color: var(--purple);\n\n  font-size: clamp(68px, 6.5vw, 118px);\n  font-weight: 800;\n\n  line-height: .92;\n\n  letter-spacing: -.075em;\n\n  text-transform: uppercase;\n}\n\n.atelier-real-title-line {\n  display: block;\n  position: relative;\n}\n\n.atelier-real-title-line + .atelier-real-title-line {\n  margin-top: 12px;\n}\n\n\n\/* ==================================================\n   AU R\u00c9EL + CERCLE\n================================================== *\/\n\n.atelier-real-word {\n  position: relative;\n\n  display: inline-block;\n\n  z-index: 2;\n}\n\n.atelier-real-circle {\n  position: absolute;\n\n  top: 53%;\n  left: 50%;\n\n  width: 108%;\n  height: 72%;\n\n  border: 5px solid var(--pink);\n  border-radius: 50%;\n\n  transform:\n    translate(-50%, -50%)\n    rotate(-5deg);\n\n  pointer-events: none;\n\n  z-index: -1;\n}\n\n.atelier-real-circle::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: -8px -5px -4px -7px;\n\n  border: 2px solid var(--pink);\n  border-radius: 50%;\n\n  opacity: .45;\n\n  transform: rotate(4deg);\n}\n\n\n\/* ==================================================\n   TEXTES\n================================================== *\/\n\n.atelier-real-lead {\n  max-width: 520px;\n\n  margin: 58px 0 0;\n\n  color: var(--purple);\n\n  font-size: clamp(20px, 1.5vw, 27px);\n  font-weight: 700;\n\n  line-height: 1.3;\n\n  letter-spacing: -.025em;\n}\n\n.atelier-real-text {\n  max-width: 530px;\n\n  margin: 20px 0 0;\n\n  color: rgba(48, 0, 100, .70);\n\n  font-size: 17px;\n  font-weight: 500;\n\n  line-height: 1.65;\n}\n\n\n\/* ==================================================\n   VISUEL\n================================================== *\/\n\n.atelier-real-visual {\n  position: relative;\n\n  min-width: 0;\n\n  padding:\n    40px\n    0\n    55px\n    45px;\n}\n\n.atelier-real-photo-wrap {\n  position: relative;\n\n  width: 100%;\n}\n\n\n\/* ==================================================\n   MESURE 96\"\n================================================== *\/\n\n.atelier-measure {\n  position: absolute;\n\n  top: -34px;\n  right: 7%;\n\n  width: 40%;\n\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  color: var(--purple);\n\n  font-size: 11px;\n  font-weight: 800;\n\n  letter-spacing: .08em;\n\n  z-index: 5;\n}\n\n.atelier-measure::before,\n.atelier-measure::after {\n  content: \"\";\n\n  display: block;\n\n  height: 1px;\n\n  background: var(--purple);\n\n  opacity: .35;\n}\n\n.atelier-measure::before {\n  width: 8px;\n}\n\n.atelier-measure::after {\n  flex: 1;\n}\n\n\n\/* ==================================================\n   PHOTO\n================================================== *\/\n\n.atelier-real-photo {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  height: clamp(460px, 45vw, 640px);\n\n  object-fit: cover;\n  object-position: center;\n\n  border-radius: 34px;\n\n  z-index: 2;\n}\n\n\n\/* ==================================================\n   PERSONNAGE VIOLET\n================================================== *\/\n\n.atelier-real-character {\n  position: absolute;\n\n  left: -95px;\n  bottom: -10px;\n\n  width: clamp(160px, 15vw, 245px);\n  height: auto;\n\n  z-index: 12;\n\n  pointer-events: none;\n}\n\n\n\/* ==================================================\n   PETITE \u00c9TOILE\n================================================== *\/\n\n.atelier-real-star {\n  position: absolute;\n\n  right: -8px;\n  top: 0;\n\n  color: var(--green);\n\n  font-size: 62px;\n  font-weight: 400;\n\n  line-height: 1;\n\n  transform: rotate(10deg);\n\n  z-index: 5;\n}\n\n\n\/* ==================================================\n   BARRE PROCESS \u2014 FULL WIDTH\n================================================== *\/\n\n.atelier-process {\n  position: relative;\n\n  width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  margin-top: 95px;\n\n  background: var(--purple);\n\n  overflow: hidden;\n}\n\n.atelier-process-inner {\n  width: 100%;\n  max-width: 1600px;\n\n  box-sizing: border-box;\n\n  margin: 0 auto;\n\n  padding: 34px 5%;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: clamp(18px, 2.3vw, 42px);\n}\n\n\n\/* ==================================================\n   \u00c9TAPES\n================================================== *\/\n\n.atelier-process-step {\n  color: #ffffff;\n\n  font-size: clamp(15px, 1.5vw, 24px);\n  font-weight: 800;\n\n  letter-spacing: -.025em;\n\n  white-space: nowrap;\n}\n\n\n\/* MOD\u00c9LISE *\/\n\n.atelier-process-modelise {\n  color: var(--blue);\n}\n\n\n\/* INSTALLE *\/\n\n.atelier-process-installe {\n  color: var(--pink);\n}\n\n\n\/* FL\u00c8CHES *\/\n\n.atelier-process-arrow {\n  color: #ffffff;\n\n  font-size: clamp(20px, 2vw, 34px);\n  font-weight: 400;\n\n  line-height: 1;\n\n  opacity: .8;\n}\n\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .atelier-real {\n    padding:\n      100px\n      5%\n      0;\n  }\n\n  .atelier-real-inner {\n    grid-template-columns:\n      .9fr\n      1.1fr;\n\n    gap: 45px;\n  }\n\n  .atelier-real-title {\n    font-size:\n      clamp(58px, 7.5vw, 88px);\n\n    line-height: .94;\n  }\n\n  .atelier-real-title-line + .atelier-real-title-line {\n    margin-top: 10px;\n  }\n\n  .atelier-real-photo {\n    height: 520px;\n  }\n\n  .atelier-real-character {\n    left: -65px;\n\n    width: 180px;\n  }\n\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n  .atelier-real {\n    padding:\n      75px\n      20px\n      0;\n  }\n\n\n  \/* CONTENU *\/\n\n  .atelier-real-inner {\n    display: block;\n  }\n\n\n  \/* LABEL *\/\n\n  .atelier-real-kicker {\n    margin-bottom: 35px;\n\n    font-size: 11px;\n  }\n\n\n  \/* TITRE *\/\n\n  .atelier-real-title {\n    font-size:\n      clamp(57px, 17vw, 82px);\n\n    line-height: .94;\n\n    letter-spacing: -.065em;\n  }\n\n  .atelier-real-title-line + .atelier-real-title-line {\n    margin-top: 8px;\n  }\n\n  .atelier-real-circle {\n    width: 106%;\n    height: 72%;\n\n    border-width: 4px;\n  }\n\n\n  \/* TEXTES *\/\n\n  .atelier-real-lead {\n    margin-top: 45px;\n\n    font-size: 21px;\n  }\n\n  .atelier-real-text {\n    margin-top: 16px;\n\n    font-size: 15px;\n\n    line-height: 1.6;\n  }\n\n\n  \/* VISUEL *\/\n\n  .atelier-real-visual {\n    margin-top: 55px;\n\n    padding:\n      25px\n      0\n      55px;\n  }\n\n\n  \/* PHOTO *\/\n\n  .atelier-real-photo {\n    height: 430px;\n\n    border-radius: 24px;\n  }\n\n\n  \/* MESURE *\/\n\n  .atelier-measure {\n    top: -23px;\n    right: 5%;\n\n    width: 50%;\n\n    font-size: 10px;\n  }\n\n\n  \/* PERSONNAGE *\/\n\n  .atelier-real-character {\n    left: -28px;\n    bottom: -25px;\n\n    width: 150px;\n  }\n\n\n  \/* \u00c9TOILE *\/\n\n  .atelier-real-star {\n    display: none;\n  }\n\n\n  \/* BARRE PROCESS *\/\n\n  .atelier-process {\n    margin-top: 45px;\n  }\n\n  .atelier-process-inner {\n    padding:\n      26px\n      20px;\n\n    justify-content: flex-start;\n\n    gap: 14px;\n\n    overflow-x: auto;\n\n    scrollbar-width: none;\n  }\n\n  .atelier-process-inner::-webkit-scrollbar {\n    display: none;\n  }\n\n  .atelier-process-step {\n    font-size: 14px;\n  }\n\n  .atelier-process-arrow {\n    font-size: 20px;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"atelier-real\" id=\"atelier-suite\">\n\n  <div class=\"atelier-real-inner\">\n\n\n    <!-- ==========================================\n         GAUCHE\n    =========================================== -->\n\n    <div class=\"atelier-real-copy\">\n\n\n      <div class=\"atelier-real-kicker\">\n        L\u2019ATELIER\n      <\/div>\n\n\n      <h2 class=\"atelier-real-title\">\n\n        <span class=\"atelier-real-title-line\">\n          FROM PLAN\n        <\/span>\n\n        <span class=\"atelier-real-title-line\">\n\n          <span class=\"atelier-real-word\">\n\n            BUILT FOR REAL.\n\n            <i class=\"atelier-real-circle\"><\/i>\n\n          <\/span>\n\n        <\/span>\n\n      <\/h2>\n\n\n      <p class=\"atelier-real-lead\">\n        Atelier is Agora\u2019s custom fabrication division.\n      <\/p>\n\n\n      <p class=\"atelier-real-text\">\n        We turn your ideas into real, tangible projects. From design and 3D planning to fabrication and installation, everything is coordinated directly from our workshop in Montreal.\n      <\/p>\n\n\n    <\/div>\n\n\n    <!-- ==========================================\n         DROITE\n    =========================================== -->\n\n    <div class=\"atelier-real-visual\">\n\n      <div class=\"atelier-real-photo-wrap\">\n\n\n        <!-- MESURE -->\n\n        <div class=\"atelier-measure\">\n          96\"\n        <\/div>\n\n\n        <!-- PHOTO -->\n\n        <img decoding=\"async\"\n          class=\"atelier-real-photo\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/ATELIER-06961-scaled.jpg\"\n          alt=\"Atelier Agora \u00e0 Montr\u00e9al\"\n        >\n\n\n        <!-- PERSONNAGE VIOLET -->\n\n        <img decoding=\"async\"\n          class=\"atelier-real-character\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/personnage-Atelier-navy-scaled.png\"\n          alt=\"\"\n        >\n\n\n        <!-- \u00c9TOILE -->\n\n        <div class=\"atelier-real-star\">\n          \u2726\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ==========================================\n       PROCESS\n  =========================================== -->\n\n  <div class=\"atelier-process\">\n\n    <div class=\"atelier-process-inner\">\n\n\n      <span class=\"atelier-process-step\">\n        WE DESIGN.\n      <\/span>\n\n\n      <span class=\"atelier-process-arrow\">\n        \u2192\n      <\/span>\n\n\n      <span class=\"atelier-process-step atelier-process-modelise\">\n        WE MODEL.\n      <\/span>\n\n\n      <span class=\"atelier-process-arrow\">\n        \u2192\n      <\/span>\n\n\n      <span class=\"atelier-process-step\">\n        WE FABRICATE.\n      <\/span>\n\n\n      <span class=\"atelier-process-arrow\">\n        \u2192\n      <\/span>\n\n\n      <span class=\"atelier-process-step atelier-process-installe\">\n        WE INSTALL.\n      <\/span>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9b3115 e-con-full e-flex e-con e-parent\" data-id=\"b9b3115\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c83df23 elementor-widget elementor-widget-html\" data-id=\"c83df23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n\/* ==================================================\n   ATELIER \u2014 3D \u2192 R\u00c9EL\n================================================== *\/\n\n.atelier-3d {\n  --purple: #300064;\n  --pink: #F62683;\n  --green: #B9D861;\n  --blue: #4DC9EF;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 120px 5% 110px;\n\n  overflow: hidden;\n\n  background: var(--purple);\n  color: #ffffff;\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n}\n\n\n\/* ==================================================\n   CONTENU\n================================================== *\/\n\n.atelier-3d-inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==================================================\n   KICKER\n================================================== *\/\n\n.atelier-3d-kicker {\n  margin-bottom: 28px;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n\n  color: var(--green);\n}\n\n\n\/* ==================================================\n   TITRE\n================================================== *\/\n\n.atelier-3d-title {\n  max-width: 1300px;\n\n  margin: 0;\n\n  font-size: clamp(62px, 7.5vw, 118px);\n  line-height: 1.1;\n\n  font-weight: 800;\n\n  letter-spacing: -.035em;\n  text-transform: uppercase;\n}\n\n\n\/* ==================================================\n   OVALE ROSE\n================================================== *\/\n\n.atelier-3d-circle {\n  position: relative;\n\n  display: inline-block;\n\n  z-index: 1;\n}\n\n.atelier-3d-circle::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: -5%;\n  top: 48%;\n\n  width: 110%;\n  height: 72%;\n\n  border: 5px solid var(--pink);\n  border-radius: 50%;\n\n  transform:\n    translateY(-50%)\n    rotate(-3deg);\n\n  z-index: -1;\n\n  pointer-events: none;\n}\n\n\n\/* ==================================================\n   COMPARATIF\n================================================== *\/\n\n.atelier-3d-comparison {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    100px\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 25px;\n\n  margin-top: 90px;\n}\n\n\n\/* ==================================================\n   COLONNES\n================================================== *\/\n\n.atelier-3d-side {\n  min-width: 0;\n}\n\n\n\/* ==================================================\n   LABELS\n================================================== *\/\n\n.atelier-3d-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  margin-bottom: 14px;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.atelier-3d-label-number {\n  opacity: .5;\n\n  font-size: 12px;\n}\n\n\n\/* ==================================================\n   CADRES M\u00c9DIAS\n================================================== *\/\n\n.atelier-3d-media {\n  position: relative;\n\n  width: 100%;\n  height: clamp(430px, 38vw, 600px);\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  background: #220047;\n}\n\n\n\/* ==================================================\n   VID\u00c9O 3D\n================================================== *\/\n\n.atelier-3d-media video {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  pointer-events: none;\n}\n\n\n\/* ==================================================\n   PHOTO FINALE\n================================================== *\/\n\n.atelier-3d-media img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* ==================================================\n   FL\u00c8CHE CENTRALE\n================================================== *\/\n\n.atelier-3d-arrow {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: var(--pink);\n\n  font-size: clamp(65px, 6vw, 105px);\n  font-weight: 400;\n\n  line-height: 1;\n\n  transform: rotate(-4deg);\n\n  z-index: 3;\n}\n\n\n\/* ==================================================\n   TEXTE BAS\n================================================== *\/\n\n.atelier-3d-bottom {\n  display: grid;\n\n  grid-template-columns:\n    .8fr\n    1.2fr;\n\n  gap: 80px;\n\n  align-items: start;\n\n  margin-top: 70px;\n\n  padding-top: 45px;\n\n  border-top: 1px solid rgba(255,255,255,.2);\n}\n\n\n.atelier-3d-bottom-title {\n  max-width: 500px;\n\n  margin: 0;\n\n  font-size: clamp(30px, 3vw, 48px);\n  line-height: 1.02;\n\n  font-weight: 800;\n\n  letter-spacing: -.045em;\n  text-transform: uppercase;\n}\n\n\n.atelier-3d-bottom-copy {\n  max-width: 650px;\n\n  margin: 0;\n\n  font-size: clamp(17px, 1.4vw, 21px);\n  line-height: 1.55;\n\n  font-weight: 500;\n\n  color: rgba(255,255,255,.78);\n}\n\n\n\/* ==================================================\n   \u00c9TOILE\n================================================== *\/\n\n.atelier-3d-star {\n  position: absolute;\n\n  right: 3%;\n  top: 85px;\n\n  color: var(--green);\n\n  font-size: 52px;\n  line-height: 1;\n\n  transform: rotate(12deg);\n\n  opacity: .95;\n}\n\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .atelier-3d {\n    padding:\n      100px\n      5%\n      90px;\n  }\n\n  .atelier-3d-title {\n    line-height: 1.02;\n  }\n\n  .atelier-3d-comparison {\n    grid-template-columns:\n      minmax(0, 1fr)\n      70px\n      minmax(0, 1fr);\n\n    gap: 18px;\n\n    margin-top: 70px;\n  }\n\n  .atelier-3d-media {\n    height: 430px;\n\n    border-radius: 24px;\n  }\n\n  .atelier-3d-bottom {\n    gap: 50px;\n  }\n\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n  .atelier-3d {\n    padding:\n      75px\n      22px\n      70px;\n  }\n\n  .atelier-3d-kicker {\n    margin-bottom: 20px;\n\n    font-size: 12px;\n  }\n\n  .atelier-3d-title {\n    font-size: clamp(48px, 14vw, 68px);\n\n    line-height: 1.01;\n\n    letter-spacing: -.05em;\n  }\n\n  .atelier-3d-circle::after {\n    border-width: 3px;\n  }\n\n  .atelier-3d-comparison {\n    display: flex;\n    flex-direction: column;\n\n    gap: 24px;\n\n    margin-top: 55px;\n  }\n\n  .atelier-3d-side {\n    width: 100%;\n  }\n\n  .atelier-3d-media {\n    height: 430px;\n\n    border-radius: 20px;\n  }\n\n  .atelier-3d-arrow {\n    height: 55px;\n\n    font-size: 70px;\n\n    transform: rotate(90deg);\n  }\n\n  .atelier-3d-bottom {\n    display: block;\n\n    margin-top: 50px;\n\n    padding-top: 35px;\n  }\n\n  .atelier-3d-bottom-title {\n    margin-bottom: 25px;\n\n    font-size: 34px;\n  }\n\n  .atelier-3d-bottom-copy {\n    font-size: 16px;\n  }\n\n  .atelier-3d-star {\n    display: none;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"atelier-3d\">\n\n\n  <!-- \u00c9TOILE -->\n\n  <div\n    class=\"atelier-3d-star\"\n    aria-hidden=\"true\"\n  >\n    \u2726\n  <\/div>\n\n\n  <div class=\"atelier-3d-inner\">\n\n\n    <!-- ======================================\n         HEADER\n    ======================================= -->\n\n    <div class=\"atelier-3d-kicker\">\n     FROM 3D TO REALITY\n    <\/div>\n\n\n    <h2 class=\"atelier-3d-title\">\n\n      BEFORE WE BUILD IT,<br>\n\n      YOU CAN ALREADY\n\n      <span class=\"atelier-3d-circle\">\n        SEE IT.\n      <\/span>\n\n    <\/h2>\n\n\n    <!-- ======================================\n         COMPARATIF\n    ======================================= -->\n\n    <div class=\"atelier-3d-comparison\">\n\n\n      <!-- ==================================\n           01 \u2014 RENDU 3D\n      =================================== -->\n\n      <div class=\"atelier-3d-side\">\n\n\n        <div class=\"atelier-3d-label\">\n\n          <span>\n            3D PLAN\n          <\/span>\n\n          <span class=\"atelier-3d-label-number\">\n            01\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"atelier-3d-media\">\n\n\n          <video\n            autoplay\n muted\n loop\n playsinline\n preload=\"metadata\"\n          >\n\n            <source\n              src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/3e927b4d6b634eb988d0c7700c8ab73e.mov\"\n              type=\"video\/mp4\"\n            >\n\n          <\/video>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- ==================================\n           FL\u00c8CHE\n      =================================== -->\n\n      <div\n        class=\"atelier-3d-arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/div>\n\n\n      <!-- ==================================\n           02 \u2014 PROJET FINAL\n      =================================== -->\n\n      <div class=\"atelier-3d-side\">\n\n\n        <div class=\"atelier-3d-label\">\n\n          <span>\n            BUILT FOR REAL.\n          <\/span>\n\n          <span class=\"atelier-3d-label-number\">\n            02\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"atelier-3d-media\">\n\n\n          <img decoding=\"async\"\n            src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/LP-1965-scaled.jpg\"\n            alt=\"Projet Aloya r\u00e9alis\u00e9 par Atelier Agora\"\n            loading=\"lazy\"\n          >\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- ======================================\n         TEXTE BAS\n    ======================================= -->\n\n    <div class=\"atelier-3d-bottom\">\n\n\n      <h3 class=\"atelier-3d-bottom-title\">\n\n        WE MODEL IT<br>\n\n        BEFORE WE BUILD IT.\n\n      <\/h3>\n\n\n      <p class=\"atelier-3d-bottom-copy\">\n\n        Visualize the scale, refine the details, validate the materials and make sure everything works before moving into production.\n\n      <\/p>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3a8b3 e-con-full e-flex e-con e-parent\" data-id=\"7f3a8b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dbbe79 elementor-widget elementor-widget-heading\" data-id=\"4dbbe79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR WORK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4acc359 elementor-widget elementor-widget-heading\" data-id=\"4acc359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">IDEAS WE\u2019VE BUILT.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a15f4d4 elementor-widget elementor-widget-html\" data-id=\"a15f4d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n\/* ==================================================\n   ATELIER \u2014 R\u00c9ALISATIONS\n================================================== *\/\n\n.atelier-projects-marquee {\n  --purple: #300064;\n  --light: #F4EEF7;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 45px 0 25px;\n\n  overflow: hidden;\n\n  background: var(--light);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n}\n\n\n\/* ==================================================\n   TRACK\n================================================== *\/\n\n.atelier-projects-track {\n  display: flex;\n  align-items: center;\n\n  width: max-content;\n\n  gap: 22px;\n\n  animation:\n    atelierProjectsScroll\n    34s\n    linear\n    infinite;\n\n  will-change: transform;\n}\n\n\n\/* PAUSE AU SURVOL *\/\n\n.atelier-projects-marquee:hover\n.atelier-projects-track {\n  animation-play-state: paused;\n}\n\n\n\/* ==================================================\n   PROJETS\n================================================== *\/\n\n.atelier-project {\n  position: relative;\n\n  flex: 0 0 auto;\n\n  height: 520px;\n\n  overflow: hidden;\n\n  border-radius: 26px;\n\n  background: #e5dfea;\n}\n\n\n\/* ==================================================\n   FORMATS\n================================================== *\/\n\n.atelier-project.project-vertical {\n  width: 350px;\n}\n\n.atelier-project.project-medium {\n  width: 500px;\n}\n\n.atelier-project.project-wide {\n  width: 680px;\n}\n\n\n\/* ==================================================\n   IMAGES\n================================================== *\/\n\n.atelier-project img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform .7s\n    cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* PETIT ZOOM *\/\n\n.atelier-project:hover img {\n  transform: scale(1.025);\n}\n\n\n\/* ==================================================\n   D\u00c9FILEMENT INFINI\n================================================== *\/\n\n@keyframes atelierProjectsScroll {\n\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform:\n      translateX(calc(-50% - 11px));\n  }\n\n}\n\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .atelier-projects-marquee {\n    padding:\n      35px\n      0\n      20px;\n  }\n\n  .atelier-project {\n    height: 450px;\n  }\n\n  .atelier-project.project-vertical {\n    width: 310px;\n  }\n\n  .atelier-project.project-medium {\n    width: 430px;\n  }\n\n  .atelier-project.project-wide {\n    width: 570px;\n  }\n\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n  .atelier-projects-marquee {\n    padding:\n      25px\n      0\n      15px;\n  }\n\n  .atelier-projects-track {\n    gap: 14px;\n\n    animation-duration: 27s;\n  }\n\n  .atelier-project {\n    height: 350px;\n\n    border-radius: 18px;\n  }\n\n  .atelier-project.project-vertical {\n    width: 235px;\n  }\n\n  .atelier-project.project-medium {\n    width: 310px;\n  }\n\n  .atelier-project.project-wide {\n    width: 420px;\n  }\n\n}\n\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atelier-projects-track {\n    animation: none;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"atelier-projects-marquee\">\n\n  <div class=\"atelier-projects-track\">\n\n\n    <!-- ==========================================\n         S\u00c9RIE 1\n    =========================================== -->\n\n\n    <!-- PHOTO 01 -->\n\n    <div class=\"atelier-project project-vertical\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/IMG_0309-copie.jpg\"\n        alt=\"R\u00e9alisation sur mesure Atelier Agora\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 02 -->\n\n    <div class=\"atelier-project project-wide\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/IMG_1499-1-scaled.jpg\"\n        alt=\"R\u00e9alisation sur mesure Atelier Agora\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 03 -->\n\n    <div class=\"atelier-project project-medium\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/Maudesphotos-05-2-scaled.jpg\"\n        alt=\"R\u00e9alisation sur mesure Atelier Agora\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 04 -->\n\n    <div class=\"atelier-project project-wide\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/Cerave-05676-1-scaled.jpg\"\n        alt=\"R\u00e9alisation sur mesure Atelier Agora\"\n      >\n\n    <\/div>\n\n\n\n    <!-- ==========================================\n         S\u00c9RIE 2\n         DUPLIQU\u00c9E POUR LA BOUCLE\n    =========================================== -->\n\n\n    <!-- PHOTO 01 -->\n\n    <div\n      class=\"atelier-project project-vertical\"\n      aria-hidden=\"true\"\n    >\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/IMG_0309-copie.jpg\"\n        alt=\"\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 02 -->\n\n    <div\n      class=\"atelier-project project-wide\"\n      aria-hidden=\"true\"\n    >\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/IMG_1499-1-scaled.jpg\"\n        alt=\"\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 03 -->\n\n    <div\n      class=\"atelier-project project-medium\"\n      aria-hidden=\"true\"\n    >\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/Maudesphotos-05-2-scaled.jpg\"\n        alt=\"\"\n      >\n\n    <\/div>\n\n\n    <!-- PHOTO 04 -->\n\n    <div\n      class=\"atelier-project project-wide\"\n      aria-hidden=\"true\"\n    >\n\n      <img decoding=\"async\"\n        src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/Cerave-05676-1-scaled.jpg\"\n        alt=\"\"\n      >\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81b801c e-con-full e-flex e-con e-parent\" data-id=\"81b801c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0db029 elementor-widget elementor-widget-html\" data-id=\"f0db029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');\n\n\/* =========================================================\n   ATELIER \u2014 CTA FINAL\n========================================================= *\/\n\n.atelier-cta {\n  --purple: #300064;\n  --hover: #6C0089;\n  --lilac: #B37FC3;\n  --light: #F4EEF7;\n\n  width: 100vw;\n  max-width: 100vw;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 90px 5%;\n\n  overflow: hidden;\n\n  background: var(--light);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n  box-sizing: border-box;\n}\n\n\n.atelier-cta * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   WRAPPER\n========================================================= *\/\n\n.atelier-cta-inner {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   CARTE\n========================================================= *\/\n\n.atelier-cta-card {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  min-height: 610px;\n\n  padding: 54px 60px 52px;\n\n  overflow: hidden;\n\n  border-radius: 44px;\n\n  background: var(--lilac);\n\n  color: var(--purple) !important;\n  text-decoration: none !important;\n\n  isolation: isolate;\n\n  transition:\n    background .35s ease,\n    transform .35s cubic-bezier(.2,.7,.2,1);\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n.atelier-cta-top {\n  position: relative;\n\n  z-index: 5;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  width: 100%;\n}\n\n\n\/* =========================================================\n   PETIT LABEL\n========================================================= *\/\n\n.atelier-cta-label {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  color: var(--purple);\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n\n  transition: color .35s ease;\n}\n\n\n.atelier-cta-label::before {\n  content: \"\";\n\n  display: block;\n\n  width: 9px;\n  height: 9px;\n\n  border-radius: 50%;\n\n  background: var(--purple);\n\n  transition: background .35s ease;\n}\n\n\n\/* =========================================================\n   BOUTON FL\u00c8CHE\n========================================================= *\/\n\n.atelier-cta-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 112px;\n  height: 112px;\n\n  flex: 0 0 112px;\n\n  border-radius: 50%;\n\n  background: var(--purple);\n\n  transition:\n    transform .4s cubic-bezier(.2,.7,.2,1),\n    background .35s ease;\n}\n\n\n.atelier-cta-button svg {\n  display: block;\n\n  width: 48px;\n  height: 48px;\n\n  overflow: visible;\n\n  transition:\n    transform .4s cubic-bezier(.2,.7,.2,1);\n}\n\n\n.atelier-cta-button path {\n  fill: none;\n\n  stroke: #ffffff;\n\n  stroke-width: 4.5;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.atelier-cta-title {\n  position: absolute;\n\n  left: 58px;\n  right: 58px;\n\n  top: 50%;\n\n  z-index: 2;\n\n  margin: 0;\n\n  transform: translateY(-45%);\n\n  color: var(--purple);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-weight: 800;\n\n  text-transform: uppercase;\n\n  letter-spacing: -.075em;\n}\n\n\n\/* =========================================================\n   UNE ID\u00c9E \u00c0\n========================================================= *\/\n\n.atelier-cta-line-one {\n  display: block;\n\n  color: var(--purple);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-size: clamp(82px, 9.4vw, 155px);\n  line-height: .84;\n\n  font-weight: 800;\n\n  letter-spacing: -.075em;\n\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   CONSTRUIRE ?\n========================================================= *\/\n\n.atelier-cta-line-two {\n  display: block;\n\n  margin-top: 18px;\n\n  color: var(--purple);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-size: clamp(68px, 7.7vw, 128px);\n  line-height: .86;\n\n  font-weight: 800;\n\n  letter-spacing: -.075em;\n\n  white-space: nowrap;\n\n  -webkit-text-stroke: 0;\n  text-stroke: 0;\n}\n\n\n\/* =========================================================\n   POINT D'INTERROGATION\n========================================================= *\/\n\n.atelier-cta-question {\n  color: inherit;\n\n  font-family: inherit;\n\n  font-size: inherit;\n  font-weight: inherit;\n\n  -webkit-text-stroke: 0;\n  text-stroke: 0;\n}\n\n\n\/* =========================================================\n   BAS\n========================================================= *\/\n\n.atelier-cta-bottom {\n  position: absolute;\n\n  left: 60px;\n  right: 60px;\n  bottom: 48px;\n\n  z-index: 5;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n\n\/* =========================================================\n   EMAIL\n========================================================= *\/\n\n.atelier-cta-email {\n  color: var(--purple);\n\n  font-size: clamp(17px, 1.35vw, 22px);\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: -.035em;\n\n  transition: color .35s ease;\n}\n\n\n\/* =========================================================\n   PETITE PHRASE\n========================================================= *\/\n\n.atelier-cta-note {\n  color: var(--purple);\n\n  text-align: right;\n\n  font-size: 10px;\n  line-height: 1.35;\n\n  font-weight: 800;\n\n  letter-spacing: .11em;\n\n  text-transform: uppercase;\n\n  opacity: .7;\n\n  transition: color .35s ease;\n}\n\n\n\/* =========================================================\n   \u00c9TOILE\n========================================================= *\/\n\n.atelier-cta-star {\n  position: absolute;\n\n  right: 20%;\n  bottom: 23%;\n\n  z-index: 1;\n\n  color: var(--purple);\n\n  font-size: 42px;\n\n  transform: rotate(12deg);\n\n  opacity: .22;\n\n  transition: color .35s ease;\n}\n\n\n\/* =========================================================\n   CERCLE DESSIN\u00c9\n========================================================= *\/\n\n.atelier-cta-scribble {\n  position: absolute;\n\n  right: 7%;\n  bottom: 23%;\n\n  z-index: 1;\n\n  width: 170px;\n  height: 70px;\n\n  border: 4px solid var(--purple);\n  border-left-color: transparent;\n\n  border-radius: 50%;\n\n  opacity: .18;\n\n  transform: rotate(-8deg);\n\n  transition: border-color .35s ease;\n}\n\n\n\/* =========================================================\n   HOVER\n========================================================= *\/\n\n.atelier-cta-card:hover {\n  background: var(--hover);\n\n  transform: translateY(-5px);\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-label,\n\n.atelier-cta-card:hover\n.atelier-cta-line-one,\n\n.atelier-cta-card:hover\n.atelier-cta-line-two,\n\n.atelier-cta-card:hover\n.atelier-cta-question,\n\n.atelier-cta-card:hover\n.atelier-cta-email,\n\n.atelier-cta-card:hover\n.atelier-cta-note,\n\n.atelier-cta-card:hover\n.atelier-cta-star {\n  color: #ffffff;\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-label::before {\n  background: #ffffff;\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-button {\n  background: #ffffff;\n\n  transform: scale(1.06);\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-button svg {\n  transform: translate(5px, -5px);\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-button path {\n  stroke: var(--purple);\n}\n\n\n.atelier-cta-card:hover\n.atelier-cta-scribble {\n  border-color: rgba(255,255,255,.35);\n\n  border-left-color: transparent;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .atelier-cta {\n    padding: 70px 5%;\n  }\n\n\n  .atelier-cta-card {\n    min-height: 540px;\n\n    padding: 45px;\n\n    border-radius: 36px;\n  }\n\n\n  .atelier-cta-title {\n    left: 45px;\n    right: 45px;\n  }\n\n\n  .atelier-cta-line-one {\n    font-size: clamp(68px, 10vw, 105px);\n  }\n\n\n  .atelier-cta-line-two {\n    font-size: clamp(58px, 8.4vw, 90px);\n\n    margin-top: 15px;\n  }\n\n\n  .atelier-cta-button {\n    width: 95px;\n    height: 95px;\n\n    flex-basis: 95px;\n  }\n\n\n  .atelier-cta-button svg {\n    width: 42px;\n    height: 42px;\n  }\n\n\n  .atelier-cta-bottom {\n    left: 45px;\n    right: 45px;\n    bottom: 42px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .atelier-cta {\n    width: 100%;\n\n    margin-left: 0;\n    margin-right: 0;\n\n    padding:\n      45px\n      18px\n      55px;\n  }\n\n\n  \/* =====================================================\n     CARTE\n  ====================================================== *\/\n\n  .atelier-cta-card {\n    min-height: 570px;\n\n    padding:\n      27px\n      25px;\n\n    border-radius: 28px;\n  }\n\n\n  \/* =====================================================\n     TOP\n  ====================================================== *\/\n\n  .atelier-cta-label {\n    font-size: 9px;\n\n    letter-spacing: .1em;\n  }\n\n\n  .atelier-cta-label::before {\n    width: 7px;\n    height: 7px;\n  }\n\n\n  \/* =====================================================\n     BOUTON\n  ====================================================== *\/\n\n  .atelier-cta-button {\n    width: 76px;\n    height: 76px;\n\n    flex-basis: 76px;\n  }\n\n\n  .atelier-cta-button svg {\n    width: 34px;\n    height: 34px;\n  }\n\n\n  .atelier-cta-button path {\n    stroke-width: 4;\n  }\n\n\n  \/* =====================================================\n     TITRE\n  ====================================================== *\/\n\n  .atelier-cta-title {\n    left: 25px;\n    right: 25px;\n\n    top: 46%;\n\n    transform: translateY(-50%);\n  }\n\n\n  \/* UNE ID\u00c9E \u00c0 *\/\n\n  .atelier-cta-line-one {\n    font-size: clamp(54px, 15vw, 72px);\n    line-height: .84;\n\n    letter-spacing: -.075em;\n\n    white-space: nowrap;\n  }\n\n\n  \/* CONSTRUIRE ? *\/\n\n  .atelier-cta-line-two {\n    margin-top: 10px;\n\n    font-size: clamp(43px, 11.8vw, 57px);\n    line-height: .86;\n\n    letter-spacing: -.07em;\n\n    white-space: nowrap;\n  }\n\n\n  \/* =====================================================\n     BAS\n  ====================================================== *\/\n\n  .atelier-cta-bottom {\n    left: 25px;\n    right: 25px;\n    bottom: 28px;\n\n    display: block;\n  }\n\n\n  .atelier-cta-email {\n    font-size: clamp(14px, 4vw, 17px);\n\n    overflow-wrap: anywhere;\n  }\n\n\n  .atelier-cta-note {\n    display: none;\n  }\n\n\n  \/* =====================================================\n     D\u00c9CO\n  ====================================================== *\/\n\n  .atelier-cta-star {\n    right: 10%;\n    bottom: 18%;\n\n    font-size: 30px;\n  }\n\n\n  .atelier-cta-scribble {\n    display: none;\n  }\n\n\n  \/* PAS DE D\u00c9PLACEMENT AU TOUCH *\/\n\n  .atelier-cta-card:hover {\n    transform: none;\n  }\n\n}\n\n\n\/* =========================================================\n   TR\u00c8S PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .atelier-cta {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n\n\n  .atelier-cta-card {\n    min-height: 540px;\n\n    padding:\n      24px\n      22px;\n\n    border-radius: 25px;\n  }\n\n\n  .atelier-cta-button {\n    width: 70px;\n    height: 70px;\n\n    flex-basis: 70px;\n  }\n\n\n  .atelier-cta-title {\n    left: 22px;\n    right: 22px;\n  }\n\n\n  .atelier-cta-line-one {\n    font-size: clamp(49px, 14.7vw, 59px);\n  }\n\n\n  .atelier-cta-line-two {\n    font-size: clamp(39px, 11.5vw, 47px);\n\n    margin-top: 9px;\n  }\n\n\n  .atelier-cta-bottom {\n    left: 22px;\n    right: 22px;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"atelier-cta\">\n\n  <div class=\"atelier-cta-inner\">\n\n\n    <a\n      class=\"atelier-cta-card\"\n      href=\"mailto:atelier@agorasolutions.ca?subject=Projet%20Atelier%20Agora\"\n      aria-label=\"Contacter l'Atelier Agora\"\n    >\n\n\n      <!-- =================================================\n           HAUT\n      ================================================== -->\n\n      <div class=\"atelier-cta-top\">\n\n\n        <div class=\"atelier-cta-label\">\n          CONTACT  l'Atelier\n        <\/div>\n\n\n        <div\n          class=\"atelier-cta-button\"\n          aria-hidden=\"true\"\n        >\n\n          <svg\n            viewbox=\"0 0 48 48\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          >\n\n            <path d=\"M10 38 L38 10\"><\/path>\n\n            <path d=\"M19 10 H38 V29\"><\/path>\n\n          <\/svg>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- =================================================\n           TITRE\n      ================================================== -->\n\n      <h2 class=\"atelier-cta-title\">\n\n\n        <span class=\"atelier-cta-line-one\">\n          GOT AN IDEA\n        <\/span>\n\n\n        <span class=\"atelier-cta-line-two\">\n\n          TO BUILD?<span class=\"atelier-cta-question\">?<\/span>\n\n        <\/span>\n\n\n      <\/h2>\n\n\n      <!-- =================================================\n           BAS\n      ================================================== -->\n\n      <div class=\"atelier-cta-bottom\">\n\n\n        <div class=\"atelier-cta-email\">\n          atelier@agorasolutions.ca\n        <\/div>\n\n\n        <div class=\"atelier-cta-note\">\n\n          AN IDEA, A PLAN,<br>\n\n          OR JUST A SKETCH.\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- =================================================\n           D\u00c9CO\n      ================================================== -->\n\n      <span\n        class=\"atelier-cta-star\"\n        aria-hidden=\"true\"\n      >\n        \u2726\n      <\/span>\n\n\n      <span\n        class=\"atelier-cta-scribble\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n\n    <\/a>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>+ + + + VUE 01 \/ 03 ATELIER \/ MONTR\u00c9AL SUR MESURE ATELIER AGORA CONSTRUCTION SUR MESURE ON CONSTRUIT VOS ID\u00c9ES. CONCEPTION PLANS 3D FABRICATION INSTALLATION Du premier plan \u00e0 l\u2019installation finale. On dessine, mod\u00e9lise, fabrique, construit et coordonne vos projets sur mesure directement dans notre atelier \u00e0 Montr\u00e9al. \u2193 ENTREZ DANS L\u2019ATELIER DES [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1238","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/comments?post=1238"}],"version-history":[{"count":148,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1238\/revisions"}],"predecessor-version":[{"id":2293,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1238\/revisions\/2293"}],"wp:attachment":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/media?parent=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}