{"id":1431,"date":"2026-09-22T18:08:38","date_gmt":"2026-09-22T18:08:38","guid":{"rendered":"https:\/\/agorasolutions.ca\/?page_id=1431"},"modified":"2026-10-01T13:13:59","modified_gmt":"2026-10-01T13:13:59","slug":"projet-belairdirect","status":"publish","type":"page","link":"https:\/\/agorasolutions.ca\/en\/projet-belairdirect\/","title":{"rendered":"projet-belairdirect"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1431\" class=\"elementor elementor-1431\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b49b3 e-flex e-con-boxed e-con e-parent\" data-id=\"f1b49b3\" 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-49af675 elementor-widget elementor-widget-html\" data-id=\"49af675\" 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\/* =========================================================\n   BELAIRDIRECT \u00d7 CROISSOUND \u2014 PROJECT HERO\n========================================================= *\/\n\n.belair-project-hero {\n  --purple: #300064;\n  --accent: #B37FC3;\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: 205px 5% 100px;\n\n  overflow: hidden;\n\n  background: var(--light);\n  color: var(--purple);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  box-sizing: border-box;\n}\n\n.belair-project-hero * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.belair-project-inner {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   META\n========================================================= *\/\n\n.belair-project-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  width: 100%;\n\n  margin-bottom: 45px;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: .1em;\n\n  text-transform: uppercase;\n}\n\n.belair-project-category {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 11px;\n\n  color: var(--purple);\n}\n\n.belair-project-category::before {\n  content: \"\";\n\n  display: block;\n\n  width: 11px;\n  height: 11px;\n\n  flex: 0 0 11px;\n\n  border-radius: 50%;\n\n  background: var(--accent);\n}\n\n.belair-project-location {\n  color: var(--purple);\n\n  opacity: .5;\n}\n\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n.belair-project-title {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  margin: 0;\n\n  color: var(--purple);\n\n  font-family: \"Plus Jakarta Sans\", sans-serif;\n\n  font-size: clamp(78px, 9.2vw, 148px);\n  line-height: .82;\n\n  font-weight: 800;\n\n  letter-spacing: -.075em;\n\n  text-transform: uppercase;\n}\n\n.belair-project-title-line {\n  display: block;\n}\n\n.belair-project-title-line:last-child {\n  padding-left: 8%;\n\n  margin-top: 12px;\n}\n\n\n\/* =========================================================\n   PETIT ACCENT LILAS\n========================================================= *\/\n\n.belair-project-accent {\n  display: inline-block;\n\n  width: .42em;\n  height: .12em;\n\n  margin-left: .08em;\n\n  vertical-align: .15em;\n\n  border-radius: 100px;\n\n  background: var(--accent);\n\n  transform: rotate(-3deg);\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.belair-project-intro {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  align-items: end;\n\n  gap: 60px;\n\n  margin-top: 65px;\n  margin-bottom: 65px;\n}\n\n.belair-project-description {\n  max-width: 650px;\n\n  margin: 0;\n\n  color: var(--purple);\n\n  font-size: clamp(21px, 1.75vw, 28px);\n  line-height: 1.17;\n\n  font-weight: 600;\n\n  letter-spacing: -.04em;\n}\n\n\n\/* =========================================================\n   SERVICES\n========================================================= *\/\n\n.belair-project-services {\n  display: flex;\n\n  flex-wrap: nowrap;\n\n  align-items: center;\n  justify-content: flex-end;\n\n  gap: 20px;\n\n  width: auto;\n\n  color: var(--purple);\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: .075em;\n\n  text-transform: uppercase;\n\n  white-space: nowrap;\n}\n\n.belair-project-services span {\n  display: inline-flex;\n\n  flex: 0 0 auto;\n\n  align-items: center;\n\n  gap: 20px;\n}\n\n.belair-project-services span:not(:last-child)::after {\n  content: \"\u2022\";\n\n  color: var(--accent);\n\n  font-size: 18px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   ZONE PHOTO\n========================================================= *\/\n\n.belair-project-image-row {\n  position: relative;\n\n  display: flex;\n\n  width: 100%;\n\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n\n\n\/* =========================================================\n   BLOC LILAS DERRI\u00c8RE\n========================================================= *\/\n\n.belair-project-accent-block {\n  position: absolute;\n\n  right: -35px;\n  top: -35px;\n\n  width: 55%;\n  height: 75%;\n\n  border-radius: 30px;\n\n  background: var(--accent);\n\n  z-index: 0;\n}\n\n\n\/* =========================================================\n   CADRE PHOTO\n========================================================= *\/\n\n.belair-project-image-wrap {\n  position: relative;\n\n  z-index: 2;\n\n  width: 68%;\n  max-width: 1050px;\n\n  height: 520px;\n\n  overflow: hidden;\n\n  border-radius: 28px;\n\n  background: #171717;\n}\n\n\n\/* =========================================================\n   PHOTO \u2014 CADRAGE PERSONNALIS\u00c9\n========================================================= *\/\n\n.belair-project-image {\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  max-width: none;\n\n  \/*\n     La photo originale est verticale.\n\n     On conserve son ratio naturel et on la positionne\n     manuellement dans le cadre horizontal.\n\n     -56% permet de faire descendre les deux personnages\n     pour qu'ils apparaissent enti\u00e8rement dans le cadre.\n  *\/\n\n  transform: translate(-50%, -56%);\n\n  transition:\n    transform 1.1s cubic-bezier(.2,.7,.2,1);\n}\n\n.belair-project-image-wrap:hover\n.belair-project-image {\n  transform:\n    translate(-50%, -56%)\n    scale(1.015);\n}\n\n\n\/* =========================================================\n   LABEL SUR PHOTO\n========================================================= *\/\n\n.belair-project-image-label {\n  position: absolute;\n\n  left: 22px;\n  bottom: 22px;\n\n  z-index: 3;\n\n  display: inline-flex;\n  align-items: center;\n\n  padding: 11px 15px;\n\n  border-radius: 100px;\n\n  background: var(--light);\n  color: var(--purple);\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: .08em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   INFO GAUCHE\n========================================================= *\/\n\n.belair-project-side {\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  z-index: 2;\n\n  width: 23%;\n  max-width: 260px;\n}\n\n.belair-project-side-mark {\n  margin-bottom: 55px;\n\n  color: var(--accent);\n\n  font-size: 90px;\n  line-height: .6;\n\n  font-weight: 800;\n\n  letter-spacing: -.08em;\n}\n\n.belair-project-side-text {\n  color: var(--purple);\n\n  font-size: 11px;\n  line-height: 1.4;\n\n  font-weight: 800;\n\n  letter-spacing: .07em;\n\n  text-transform: uppercase;\n}\n\n.belair-project-side-text::before {\n  content: \"\";\n\n  display: block;\n\n  width: 45px;\n  height: 3px;\n\n  margin-bottom: 17px;\n\n  border-radius: 100px;\n\n  background: var(--accent);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n  .belair-project-intro {\n    grid-template-columns:\n      minmax(0, 1fr)\n      auto;\n\n    gap: 35px;\n  }\n\n  .belair-project-services {\n    gap: 14px;\n\n    font-size: 10px;\n  }\n\n  .belair-project-services span {\n    gap: 14px;\n  }\n\n}\n\n\n@media (max-width: 1024px) {\n\n  .belair-project-hero {\n    padding-top: 175px;\n    padding-bottom: 80px;\n  }\n\n  .belair-project-title {\n    font-size: clamp(68px, 10vw, 105px);\n  }\n\n  .belair-project-intro {\n    display: block;\n\n    margin-top: 50px;\n    margin-bottom: 55px;\n  }\n\n  .belair-project-description {\n    max-width: 650px;\n  }\n\n  .belair-project-services {\n    justify-content: flex-start;\n\n    margin-top: 32px;\n\n    gap: 16px;\n\n    font-size: 10px;\n  }\n\n  .belair-project-services span {\n    gap: 16px;\n  }\n\n  .belair-project-image-wrap {\n    width: 75%;\n    height: 470px;\n  }\n\n  .belair-project-image {\n    transform:\n      translate(-50%, -56%);\n  }\n\n  .belair-project-image-wrap:hover\n  .belair-project-image {\n    transform:\n      translate(-50%, -56%)\n      scale(1.015);\n  }\n\n  .belair-project-accent-block {\n    width: 60%;\n    height: 72%;\n  }\n\n  .belair-project-side {\n    width: 19%;\n  }\n\n  .belair-project-side-mark {\n    font-size: 70px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .belair-project-hero {\n    width: 100%;\n\n    margin-left: 0;\n    margin-right: 0;\n\n    padding:\n      145px\n      20px\n      65px;\n\n    overflow: hidden;\n  }\n\n\n  \/* META *\/\n\n  .belair-project-meta {\n    margin-bottom: 35px;\n\n    font-size: 9px;\n\n    letter-spacing: .07em;\n  }\n\n  .belair-project-category {\n    gap: 7px;\n  }\n\n  .belair-project-category::before {\n    width: 8px;\n    height: 8px;\n\n    flex-basis: 8px;\n  }\n\n\n  \/* TITRE *\/\n\n  .belair-project-title {\n    width: 100%;\n\n    font-size: clamp(48px, 14vw, 67px);\n    line-height: .84;\n\n    letter-spacing: -.07em;\n  }\n\n  .belair-project-title-line {\n    display: block;\n\n    white-space: nowrap;\n  }\n\n  .belair-project-title-line:last-child {\n    padding-left: 0;\n\n    margin-top: 8px;\n\n    font-size: .82em;\n  }\n\n\n  \/* INTRO *\/\n\n  .belair-project-intro {\n    display: block;\n\n    margin-top: 42px;\n    margin-bottom: 48px;\n  }\n\n  .belair-project-description {\n    max-width: 100%;\n\n    font-size: 19px;\n    line-height: 1.2;\n\n    letter-spacing: -.035em;\n  }\n\n\n  \/* SERVICES *\/\n\n  .belair-project-services {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    justify-content: flex-start;\n\n    margin-top: 28px;\n\n    gap: 9px 11px;\n\n    font-size: 8px;\n\n    white-space: normal;\n  }\n\n  .belair-project-services span {\n    gap: 11px;\n  }\n\n  .belair-project-services span:not(:last-child)::after {\n    font-size: 11px;\n  }\n\n\n  \/* =========================================================\n     PHOTO\n  ========================================================= *\/\n\n  .belair-project-image-row {\n    width: calc(100% + 20px);\n\n    margin-right: -20px;\n\n    padding-top: 25px;\n\n    justify-content: flex-end;\n  }\n\n\n  .belair-project-accent-block {\n    right: -20px;\n    top: 0;\n\n    width: 78%;\n    height: 68%;\n\n    border-radius: 20px 0 0 20px;\n  }\n\n\n  .belair-project-image-wrap {\n    width: 90%;\n\n    height: 380px;\n\n    margin-top: 22px;\n\n    border-radius: 20px 0 0 20px;\n  }\n\n\n  \/*\n     Mobile :\n     l\u00e9ger zoom suppl\u00e9mentaire,\n     mais on garde les personnages au centre.\n  *\/\n\n  .belair-project-image {\n    width: 115%;\n\n    transform:\n      translate(-50%, -55%);\n  }\n\n  .belair-project-image-wrap:hover\n  .belair-project-image {\n    transform:\n      translate(-50%, -55%)\n      scale(1.01);\n  }\n\n\n  \/* LABEL *\/\n\n  .belair-project-image-label {\n    left: 15px;\n    bottom: 15px;\n\n    max-width: calc(100% - 30px);\n\n    padding: 9px 11px;\n\n    font-size: 7px;\n  }\n\n\n  \/* SIDE *\/\n\n  .belair-project-side {\n    display: none;\n  }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .belair-project-hero {\n    padding-left: 17px;\n    padding-right: 17px;\n  }\n\n  .belair-project-title {\n    font-size: clamp(43px, 13.5vw, 57px);\n  }\n\n  .belair-project-description {\n    font-size: 18px;\n  }\n\n  .belair-project-image-row {\n    width: calc(100% + 17px);\n\n    margin-right: -17px;\n  }\n\n  .belair-project-image-wrap {\n    width: 92%;\n    height: 350px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .belair-project-image {\n    transition: none;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"belair-project-hero\">\n\n  <div class=\"belair-project-inner\">\n\n\n    <!-- =====================================================\n         CAT\u00c9GORIE\n    ====================================================== -->\n\n    <div class=\"belair-project-meta\">\n\n      <span class=\"belair-project-category\">\n        EVENT ACTIVATIONS\n      <\/span>\n\n      <span class=\"belair-project-location\">\n        MONTREAL\n      <\/span>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         TITRE\n    ====================================================== -->\n\n    <h1 class=\"belair-project-title\">\n\n      <span class=\"belair-project-title-line\">\n        BELAIRDIRECT \u00d7\n      <\/span>\n\n      <span class=\"belair-project-title-line\">\n        CROISSOUND<span class=\"belair-project-accent\"><\/span>\n      <\/span>\n\n    <\/h1>\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"belair-project-intro\">\n\n      <p class=\"belair-project-description\">\n        A brand activation designed and produced for belairdirect as part of Croissound Second Gen.\n      <\/p>\n\n\n      <div class=\"belair-project-services\">\n\n        <span>Production<\/span>\n\n        <span>Signage<\/span>\n\n        <span>Installation<\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         VISUEL\n    ====================================================== -->\n\n    <div class=\"belair-project-image-row\">\n\n\n      <!-- BLOC LILAS -->\n\n      <div\n        class=\"belair-project-accent-block\"\n        aria-hidden=\"true\">\n      <\/div>\n\n\n      <!-- INFO GAUCHE -->\n\n      <div class=\"belair-project-side\">\n\n        <div\n          class=\"belair-project-side-mark\"\n          aria-hidden=\"true\">\n          \u00d7\n        <\/div>\n\n\n        <div class=\"belair-project-side-text\">\n\n          FOR THIS COLLABORATION BETWEEN BELAIRDIRECT AND CROISSOUND, WE HANDLED THE PLANNING, PRODUCTION AND INSTALLATION OF ALL VISUAL ELEMENTS. OUR TEAM VISITED THE SITE TO TAKE MEASUREMENTS AND DETERMINE THE PRINTING SOLUTIONS BEST SUITED TO THE SPACE.\nWE PRODUCED AND INSTALLED MENUS, INTERIOR AND EXTERIOR LOGOS, CUSTOM GRAPHICS FOR TABLES AND WINDOWS, AS WELL AS CUSTOM STICKERS FOR COFFEE CUPS. THE PROJECT ALSO INCLUDED THE PRODUCTION OF CUSTOM POSTERS AND SIGNAGE TO CREATE A COHESIVE, HIGHLY VISIBLE BRAND ACTIVATION THROUGHOUT THE SPACE.<br>\n          \n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- PHOTO -->\n\n      <div class=\"belair-project-image-wrap\">\n\n        <img decoding=\"async\"\n          class=\"belair-project-image\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06181-scaled.jpg\"\n          alt=\"Activation belairdirect x Croissound au Caf\u00e9 Second Gen \u00e0 Montr\u00e9al\"\n        >\n\n\n        <div class=\"belair-project-image-label\">\n\n          CROISSOUND AT SECOND GEN CAFE \u2014 MONTREAL\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03ccb39 elementor-widget elementor-widget-html\" data-id=\"03ccb39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   CERAVE \u2014 PHOTO COLLAGE COMPACT\n========================================================= *\/\n\n.cerave-gallery {\n  --purple: #300064;\n  --accent: #B37FC3;\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: 50px 5% 120px;\n\n  overflow: hidden;\n\n  background: var(--light);\n\n  box-sizing: border-box;\n}\n\n.cerave-gallery * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.cerave-gallery-inner {\n  width: 100%;\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.cerave-gallery-item {\n  position: relative;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background: transparent;\n}\n\n.cerave-gallery-item img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform 1s cubic-bezier(.2,.7,.2,1);\n}\n\n.cerave-gallery-item:hover img {\n  transform: scale(1.015);\n}\n\n\n\/* =========================================================\n   ROW 01\n   2 PHOTOS\n========================================================= *\/\n\n.cerave-gallery-row-1 {\n  display: grid;\n\n  grid-template-columns:\n    1.25fr\n    .75fr;\n\n  gap: 22px;\n\n  align-items: end;\n\n  margin-bottom: 22px;\n}\n\n.cerave-gallery-01 {\n  height: 410px;\n}\n\n.cerave-gallery-02 {\n  height: 320px;\n}\n\n\n\/* =========================================================\n   ROW 02\n   3 PHOTOS\n========================================================= *\/\n\n.cerave-gallery-row-2 {\n  display: grid;\n\n  grid-template-columns:\n    .75fr\n    1.15fr\n    .85fr;\n\n  gap: 22px;\n\n  align-items: center;\n\n  margin-bottom: 22px;\n}\n\n.cerave-gallery-03 {\n  height: 300px;\n}\n\n.cerave-gallery-04 {\n  height: 410px;\n}\n\n.cerave-gallery-05 {\n  height: 340px;\n}\n\n\n\/* =========================================================\n   ROW 03\n   2 PHOTOS\n========================================================= *\/\n\n.cerave-gallery-row-3 {\n  display: grid;\n\n  grid-template-columns:\n    .85fr\n    1.15fr;\n\n  gap: 22px;\n\n  align-items: start;\n\n  margin-bottom: 22px;\n}\n\n.cerave-gallery-06 {\n  height: 350px;\n}\n\n.cerave-gallery-07 {\n  height: 410px;\n}\n\n\n\/* =========================================================\n   ROW 04\n   3 PHOTOS\n========================================================= *\/\n\n.cerave-gallery-row-4 {\n  display: grid;\n\n  grid-template-columns:\n    1.1fr\n    .7fr\n    .9fr;\n\n  gap: 22px;\n\n  align-items: end;\n}\n\n.cerave-gallery-08 {\n  height: 390px;\n}\n\n.cerave-gallery-09 {\n  height: 300px;\n}\n\n.cerave-gallery-10 {\n  height: 350px;\n}\n\n\n\/* =========================================================\n   PETITS D\u00c9CALAGES POUR \u00c9VITER L'EFFET GRILLE\n========================================================= *\/\n\n.cerave-gallery-02 {\n  margin-bottom: 25px;\n}\n\n.cerave-gallery-03 {\n  margin-top: 25px;\n}\n\n.cerave-gallery-05 {\n  margin-top: 45px;\n}\n\n.cerave-gallery-06 {\n  margin-top: 30px;\n}\n\n.cerave-gallery-09 {\n  margin-bottom: 40px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .cerave-gallery {\n    padding:\n      40px\n      4%\n      90px;\n  }\n\n  .cerave-gallery-row-1,\n  .cerave-gallery-row-2,\n  .cerave-gallery-row-3,\n  .cerave-gallery-row-4 {\n    gap: 15px;\n    margin-bottom: 15px;\n  }\n\n  .cerave-gallery-01 {\n    height: 350px;\n  }\n\n  .cerave-gallery-02 {\n    height: 280px;\n  }\n\n  .cerave-gallery-03 {\n    height: 260px;\n  }\n\n  .cerave-gallery-04 {\n    height: 350px;\n  }\n\n  .cerave-gallery-05 {\n    height: 290px;\n  }\n\n  .cerave-gallery-06 {\n    height: 300px;\n  }\n\n  .cerave-gallery-07 {\n    height: 350px;\n  }\n\n  .cerave-gallery-08 {\n    height: 330px;\n  }\n\n  .cerave-gallery-09 {\n    height: 260px;\n  }\n\n  .cerave-gallery-10 {\n    height: 300px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .cerave-gallery {\n    padding:\n      30px\n      14px\n      70px;\n  }\n\n\n  \/* -------------------------\n     ROW 01\n  ------------------------- *\/\n\n  .cerave-gallery-row-1 {\n    grid-template-columns:\n      1.15fr\n      .85fr;\n\n    gap: 8px;\n\n    margin-bottom: 8px;\n  }\n\n  .cerave-gallery-01 {\n    height: 220px;\n  }\n\n  .cerave-gallery-02 {\n    height: 180px;\n\n    margin-bottom: 15px;\n  }\n\n\n  \/* -------------------------\n     ROW 02\n  ------------------------- *\/\n\n  .cerave-gallery-row-2 {\n    grid-template-columns:\n      .8fr\n      1.2fr;\n\n    gap: 8px;\n\n    margin-bottom: 8px;\n  }\n\n  .cerave-gallery-03 {\n    height: 180px;\n\n    margin-top: 20px;\n  }\n\n  .cerave-gallery-04 {\n    height: 240px;\n  }\n\n  .cerave-gallery-05 {\n    grid-column: 1 \/ -1;\n\n    width: 55%;\n\n    height: 190px;\n\n    margin:\n      0\n      0\n      20px\n      auto;\n  }\n\n\n  \/* -------------------------\n     ROW 03\n  ------------------------- *\/\n\n  .cerave-gallery-row-3 {\n    grid-template-columns:\n      1fr\n      1fr;\n\n    gap: 8px;\n\n    margin-bottom: 8px;\n  }\n\n  .cerave-gallery-06 {\n    height: 200px;\n\n    margin-top: 25px;\n  }\n\n  .cerave-gallery-07 {\n    height: 240px;\n  }\n\n\n  \/* -------------------------\n     ROW 04\n  ------------------------- *\/\n\n  .cerave-gallery-row-4 {\n    grid-template-columns:\n      1.15fr\n      .85fr;\n\n    gap: 8px;\n  }\n\n  .cerave-gallery-08 {\n    height: 230px;\n  }\n\n  .cerave-gallery-09 {\n    height: 180px;\n\n    margin-bottom: 20px;\n  }\n\n  .cerave-gallery-10 {\n    grid-column: 1 \/ -1;\n\n    width: 65%;\n\n    height: 200px;\n\n    margin:\n      0\n      auto\n      0\n      0;\n  }\n\n\n  \/* RADIUS *\/\n\n  .cerave-gallery-item {\n    border-radius: 13px;\n  }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .cerave-gallery {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  .cerave-gallery-01 {\n    height: 200px;\n  }\n\n  .cerave-gallery-02 {\n    height: 165px;\n  }\n\n  .cerave-gallery-03 {\n    height: 165px;\n  }\n\n  .cerave-gallery-04 {\n    height: 220px;\n  }\n\n  .cerave-gallery-05 {\n    height: 175px;\n  }\n\n  .cerave-gallery-06 {\n    height: 185px;\n  }\n\n  .cerave-gallery-07 {\n    height: 220px;\n  }\n\n  .cerave-gallery-08 {\n    height: 210px;\n  }\n\n  .cerave-gallery-09 {\n    height: 165px;\n  }\n\n  .cerave-gallery-10 {\n    height: 185px;\n  }\n\n}\n\n<\/style>\n\n\n<section class=\"cerave-gallery\">\n\n  <div class=\"cerave-gallery-inner\">\n\n\n    <!-- =====================================================\n         ROW 01\n    ====================================================== -->\n\n    <div class=\"cerave-gallery-row-1\">\n\n      <div class=\"cerave-gallery-item cerave-gallery-01\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06171-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-02\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06173-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ROW 02\n    ====================================================== -->\n\n    <div class=\"cerave-gallery-row-2\">\n\n      <div class=\"cerave-gallery-item cerave-gallery-03\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06255-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-04\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06175-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-05\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06205-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ROW 03\n    ====================================================== -->\n\n    <div class=\"cerave-gallery-row-3\">\n\n      <div class=\"cerave-gallery-item cerave-gallery-06\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06174-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-07\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06191-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ROW 04\n    ====================================================== -->\n\n    <div class=\"cerave-gallery-row-4\">\n\n      <div class=\"cerave-gallery-item cerave-gallery-08\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BEL-AIR-2933-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-09\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06301-scaled.jpg\"\n          alt=\"Activation Belairdirect Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n\n      <div class=\"cerave-gallery-item cerave-gallery-10\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/agorasolutions.ca\/wp-content\/uploads\/2026\/09\/BELAIR-06264-1-scaled.jpg\"\n          alt=\"Activation CeraVe NBA House Montr\u00e9al\"\n          loading=\"lazy\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ACTIVATION \u00c9V\u00c9NEMENTIELLE MONTR\u00c9AL BELAIRDIRECT \u00d7 CROISSOUND Une activation de marque con\u00e7ue et produite pour belairdirect \u00e0 l\u2019occasion de Croissound Second Gen. Production Affichage Installation \u00d7 Pour cette collaboration entre belairdirect et Croissound, nous avons pris en charge la planification, la production et l\u2019installation de l\u2019ensemble des \u00e9l\u00e9ments visuels. Notre \u00e9quipe s\u2019est d\u00e9plac\u00e9e sur place pour [&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-1431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1431","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=1431"}],"version-history":[{"count":23,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1431\/revisions"}],"predecessor-version":[{"id":2269,"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/pages\/1431\/revisions\/2269"}],"wp:attachment":[{"href":"https:\/\/agorasolutions.ca\/en\/wp-json\/wp\/v2\/media?parent=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}