{"id":123,"date":"2026-10-22T19:56:52","date_gmt":"2026-10-22T23:56:52","guid":{"rendered":"https:\/\/soinscourtois.ca\/?page_id=123"},"modified":"2026-11-11T11:50:53","modified_gmt":"2026-11-11T16:50:53","slug":"comment-ca-fonctionne","status":"publish","type":"page","link":"https:\/\/soinscourtois.ca\/en\/comment-ca-fonctionne\/","title":{"rendered":"How it works"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"123\" class=\"elementor elementor-123\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d74c0f e-con-full e-flex e-con e-parent\" data-id=\"3d74c0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b91c5c elementor-widget elementor-widget-html\" data-id=\"6b91c5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- ==========================================================\n PR\u00c9L\u00c8VEMENTS COURTOIS \u2014 COMMENT \u00c7A FONCTIONNE V4\n DARK EDITORIAL \/ CINEMATIC VERTICAL TIMELINE\n 4 DISTINCT PHOTOS \/ SCROLL ZOOM \/ RED PROGRESS\n ELEMENTOR \u2014 SINGLE HTML WIDGET\n ========================================================== -->\n\n<section id=\"pc-timeline-v3\" aria-labelledby=\"pct3-title\">\n\n  <div class=\"pct3-container\">\n\n    <!-- BREADCRUMB -->\n    <nav class=\"pct3-breadcrumb\" aria-label=\"Breadcrumb\">\n      <div>\n        <a href=\"\/en\/\">WELCOME<\/a>\n        <span aria-hidden=\"true\">\/<\/span>\n        <span aria-current=\"page\">HOW IT WORKS<\/span>\n      <\/div>\n      <span class=\"pct3-location\">\n        MONTREAL \u00b7 NORTH SHORE \u00b7 SOUTH SHORE\n      <\/span>\n    <\/nav>\n\n    <!-- HERO -->\n    <header class=\"pct3-hero pct3-reveal\">\n\n      <span class=\"pct3-eyebrow\">\n        <span class=\"pct3-rule\" aria-hidden=\"true\"><\/span>\n        YOUR JOURNEY, OUR ATTENTION\n      <\/span>\n\n      <h1 id=\"pct3-title\">\n        Simple, from the beginning<br>\n        <em>until the end.<\/em>\n      <\/h1>\n\n      <p>\n        Discover in four steps how our private home sample collection service works. A simple and personal approach, offered in Montreal, on the North Shore and on the South Shore, with analyses performed by our local partner laboratories.\n      <\/p>\n\n      <div class=\"pct3-hero-foot\">\n        <span>4 STAGES \/ A SIMPLIFIED ROUTE<\/span>\n        <a href=\"#pct3-journey\">\n          EXPLORE THE COURSE\n          <span aria-hidden=\"true\">\u2193<\/span>\n        <\/a>\n      <\/div>\n\n    <\/header>\n\n  <\/div>\n\n  <!-- TIMELINE -->\n  <div id=\"pct3-journey\" class=\"pct3-journey\">\n    <div class=\"pct3-container\">\n\n      <div class=\"pct3-timeline\">\n\n        <div class=\"pct3-track\" aria-hidden=\"true\">\n          <span class=\"pct3-track-progress\"><\/span>\n        <\/div>\n\n        <!-- 01 -->\n        <article class=\"pct3-step pct3-left\">\n\n          <div class=\"pct3-visual pct3-reveal\">\n            <div class=\"pct3-image\">\n              <img\n                src=\"https:\/\/framerusercontent.com\/images\/JyzQhEPHDOwiUcpLYH6oedH3Hs4.webp\"\n                alt=\"Personne utilisant un calendrier de r\u00e9servation sur ordinateur\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"pct3-photo-number\">01 \/ 04<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"pct3-node\" aria-hidden=\"true\">\n            <span>01<\/span>\n          <\/div>\n\n          <div class=\"pct3-copy pct3-reveal\">\n            <span class=\"pct3-kicker\">STEP 01 \u2014 RESERVATION<\/span>\n\n            <h2>\n              It all begins<br>\n              <em>by appointment.<\/em>\n            <\/h2>\n\n            <p>\n              Book your home blood draw by choosing a time slot from the available options. The information you need for your appointment will help us prepare for your visit.\n            <\/p>\n\n            <span class=\"pct3-detail\">\n              SIMPLE \u00b7 ACCESSIBLE \u00b7 PERSONALIZED\n            <\/span>\n          <\/div>\n\n        <\/article>\n\n        <!-- 02 -->\n        <article class=\"pct3-step pct3-right\">\n\n          <div class=\"pct3-copy pct3-reveal\">\n            <span class=\"pct3-kicker\">STEP 02 \u2014 AT HOME<\/span>\n\n            <h2>\n              We come<br>\n              <em>to you.<\/em>\n            <\/h2>\n\n            <p>\n              A professional will come to your home to perform your sample collection with care, professionalism, and respect for your privacy. You can enjoy the comfort of your own environment without having to go to a collection center.\n            <\/p>\n\n            <span class=\"pct3-detail\">\n              MONTREAL \u00b7 NORTH SHORE \u00b7 SOUTH SHORE\n            <\/span>\n          <\/div>\n\n          <div class=\"pct3-node\" aria-hidden=\"true\">\n            <span>02<\/span>\n          <\/div>\n\n          <div class=\"pct3-visual pct3-reveal\">\n            <div class=\"pct3-image\">\n              <img\n                src=\"https:\/\/soinscourtois.ca\/wp-content\/uploads\/2026\/10\/Prelevement-sanguin-dans-une-clinique-chaleureuse.png\"\n                alt=\"Pr\u00e9l\u00e8vement sanguin effectu\u00e9 avec attention et professionnalisme\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"pct3-photo-number\">02 \/ 04<\/span>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n        <!-- 03 -->\n        <article class=\"pct3-step pct3-left\">\n\n          <div class=\"pct3-visual pct3-reveal\">\n            <div class=\"pct3-image\">\n              <img\n                src=\"https:\/\/labs.iqvia.com\/hs-fs\/hubfs\/IQVIA\/Approved\/cards\/card-3232_Laboratory%20assistant%20putting%20test%20tubes%20into%20the%20holder.jpg?name=card-3232_Laboratory+assistant+putting+test+tubes+into+the+holder.jpg&amp;width=1080\"\n                alt=\"Manipulation de tubes de pr\u00e9l\u00e8vement en laboratoire\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"pct3-photo-number\">03 \/ 04<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"pct3-node\" aria-hidden=\"true\">\n            <span>03<\/span>\n          <\/div>\n\n          <div class=\"pct3-copy pct3-reveal\">\n            <span class=\"pct3-kicker\">STEP 03 \u2014 ANALYSES<\/span>\n\n            <h2>\n              Rigour<br>\n              <em>from the laboratory.<\/em>\n            <\/h2>\n\n            <p>\n              After you collect your sample, the specimens are sent to our local partner laboratories. These laboratories are responsible for carrying out the requested analyses.\n            <\/p>\n\n            <span class=\"pct3-detail\">\n              ANALYSES BY OUR PARTNER LABORATORIES\n            <\/span>\n          <\/div>\n\n        <\/article>\n\n        <!-- 04 -->\n        <article class=\"pct3-step pct3-right\">\n\n          <div class=\"pct3-copy pct3-reveal\">\n            <span class=\"pct3-kicker\">STEP 04 \u2014 RESULTS<\/span>\n\n            <h2>\n              Your results,<br>\n              <em>in complete confidentiality.<\/em>\n            <\/h2>\n\n            <p>\n              Once the analyses are completed, the results are handled by the partner laboratory according to its communication and confidentiality procedures. The methods of transmission may vary depending on the laboratory and the analyses requested.\n            <\/p>\n\n            <span class=\"pct3-detail\">\n              CONFIDENTIALITY \u00b7 RESPECT FOR INFORMATION\n            <\/span>\n          <\/div>\n\n          <div class=\"pct3-node\" aria-hidden=\"true\">\n            <span>04<\/span>\n          <\/div>\n\n          <div class=\"pct3-visual pct3-reveal\">\n            <div class=\"pct3-image\">\n              <img\n                src=\"https:\/\/images.pexels.com\/photos\/7089401\/pexels-photo-7089401.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1200\"\n                alt=\"Professionnel de sant\u00e9 consultant un dossier m\u00e9dical\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n              <span class=\"pct3-photo-number\">04 \/ 04<\/span>\n            <\/div>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"pct3-container\">\n\n    <section class=\"pct3-cta pct3-reveal\" aria-labelledby=\"pct3-cta-title\">\n\n      <div class=\"pct3-cta-copy\">\n        <span class=\"pct3-cta-label\">\n          YOUR COMFORT, OUR COMMITMENT\n        <\/span>\n\n        <h2 id=\"pct3-cta-title\">\n          Ready to do<br>\n          <em>The first step?<\/em>\n        <\/h2>\n\n        <p>\n          Schedule your home blood draw in Montreal, on the North Shore or on the South Shore. A private service designed for your comfort.\n        <\/p>\n\n        <a href=\"\/en\/contact\/\" class=\"pct3-button\">\n          <span>Make an appointment<\/span>\n          <span class=\"pct3-button-arrow\" aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"pct3-cta-logo\" aria-hidden=\"true\">\n        <img decoding=\"async\"\n          src=\"https:\/\/soinscourtois.ca\/wp-content\/uploads\/2026\/10\/Logo_complet_fond_noir.png\"\n          alt=\"\"\n          loading=\"lazy\"\n        >\n      <\/div>\n\n    <\/section>\n\n    <footer class=\"pct3-signature\">\n      <span>COURTESY SAMPLES<\/span>\n      <span>PROFESSIONALISM, WITH HUMANITY.<\/span>\n    <\/footer>\n\n  <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600;700&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,400;0,6..96,500;1,6..96,500&display=swap');\n\n#pc-timeline-v3,\n#pc-timeline-v3 * {\n  box-sizing: border-box;\n}\n\n#pc-timeline-v3 {\n  --red: #B20F29;\n  --pink: #E0526B;\n  --bg: #171719;\n  --surface: #211D20;\n  --ivory: #F8F3EF;\n  --muted: #B7ACB0;\n  --line: rgba(255,255,255,.16);\n\n  width: 100%;\n  overflow: clip;\n  background: var(--bg);\n  color: var(--ivory);\n  font-family: 'Jost', sans-serif;\n}\n\n#pc-timeline-v3 .pct3-container {\n  width: min(1320px, calc(100% - 100px));\n  margin: 0 auto;\n}\n\n\/* BREADCRUMB *\/\n\n#pc-timeline-v3 .pct3-breadcrumb {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding: 32px 0 25px;\n  border-bottom: 1px solid var(--line);\n}\n\n#pc-timeline-v3 .pct3-breadcrumb > div {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n}\n\n#pc-timeline-v3 .pct3-breadcrumb a,\n#pc-timeline-v3 .pct3-breadcrumb span {\n  color: #B8ACB0;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-decoration: none;\n}\n\n#pc-timeline-v3 .pct3-breadcrumb > div span:last-child {\n  color: #EF738A;\n}\n\n\/* HERO *\/\n\n#pc-timeline-v3 .pct3-hero {\n  padding: 115px 0 55px;\n}\n\n#pc-timeline-v3 .pct3-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 30px;\n  color: #EF738A;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .18em;\n}\n\n#pc-timeline-v3 .pct3-rule {\n  width: 35px;\n  height: 2px;\n  background: var(--pink);\n}\n\n#pc-timeline-v3 h1,\n#pc-timeline-v3 h2 {\n  font-family: 'Bodoni Moda', Georgia, serif;\n}\n\n#pc-timeline-v3 .pct3-hero h1 {\n  margin: 0;\n  font-size: clamp(53px, 6.1vw, 94px);\n  font-weight: 500;\n  line-height: 1.12;\n  letter-spacing: -.055em;\n}\n\n#pc-timeline-v3 .pct3-hero h1 em {\n  color: #E66B82;\n  font-weight: 400;\n}\n\n#pc-timeline-v3 .pct3-hero > p {\n  max-width: 760px;\n  margin: 32px 0 0;\n  color: var(--muted);\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n#pc-timeline-v3 .pct3-hero-foot {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  margin-top: 75px;\n  padding: 23px 0;\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n#pc-timeline-v3 .pct3-hero-foot > span,\n#pc-timeline-v3 .pct3-hero-foot a {\n  color: #B8ACB0;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-decoration: none;\n}\n\n#pc-timeline-v3 .pct3-hero-foot a {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  color: #ED7188;\n}\n\n#pc-timeline-v3 .pct3-hero-foot a span {\n  font-size: 24px;\n  transition: transform .3s;\n}\n\n#pc-timeline-v3 .pct3-hero-foot a:hover span {\n  transform: translateY(5px);\n}\n\n\/* TIMELINE *\/\n\n#pc-timeline-v3 .pct3-journey {\n  padding: 45px 0 105px;\n}\n\n#pc-timeline-v3 .pct3-timeline {\n  position: relative;\n}\n\n#pc-timeline-v3 .pct3-track {\n  position: absolute;\n  top: 80px;\n  bottom: 80px;\n  left: 50%;\n  width: 1px;\n  transform: translateX(-50%);\n  background: rgba(255,255,255,.2);\n  pointer-events: none;\n}\n\n#pc-timeline-v3 .pct3-track-progress {\n  display: block;\n  width: 3px;\n  height: 0%;\n  margin-left: -1px;\n  background: var(--pink);\n  box-shadow: 0 0 18px rgba(224,82,107,.3);\n}\n\n\/* STEP GRID *\/\n\n#pc-timeline-v3 .pct3-step {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr);\n  align-items: center;\n  min-height: 610px;\n  padding: 75px 0;\n}\n\n#pc-timeline-v3 .pct3-left .pct3-visual {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n#pc-timeline-v3 .pct3-left .pct3-copy {\n  grid-column: 3;\n  grid-row: 1;\n}\n\n#pc-timeline-v3 .pct3-right .pct3-copy {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n#pc-timeline-v3 .pct3-right .pct3-visual {\n  grid-column: 3;\n  grid-row: 1;\n}\n\n\/* IMAGES *\/\n\n#pc-timeline-v3 .pct3-image {\n  position: relative;\n  overflow: hidden;\n  height: 410px;\n  background: #302B2D;\n}\n\n#pc-timeline-v3 .pct3-image::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(0,0,0,.04) 35%,\n    rgba(0,0,0,.48) 100%\n  );\n  pointer-events: none;\n}\n\n#pc-timeline-v3 .pct3-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transform: scale(1.17);\n  filter: saturate(.72) contrast(1.04);\n  transition:\n    transform 1.7s cubic-bezier(.16,1,.3,1),\n    filter 1s ease;\n}\n\n#pc-timeline-v3 .pct3-visual.pct3-visible img {\n  transform: scale(1);\n}\n\n#pc-timeline-v3 .pct3-image:hover img {\n  transform: scale(1.075);\n  filter: saturate(.95) contrast(1.03);\n}\n\n#pc-timeline-v3 .pct3-photo-number {\n  position: absolute;\n  z-index: 2;\n  left: 26px;\n  bottom: 24px;\n  color: #FFFFFF;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .18em;\n}\n\n\/* NODE *\/\n\n#pc-timeline-v3 .pct3-node {\n  position: relative;\n  z-index: 3;\n  grid-column: 2;\n  grid-row: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 56px;\n  margin: auto;\n  border: 1px solid #9D4D5D;\n  border-radius: 50%;\n  background: var(--bg);\n  box-shadow: 0 0 0 12px var(--bg);\n  color: #F19AAA;\n  font-size: 14px;\n  font-weight: 600;\n  transition:\n    background .4s,\n    border-color .4s,\n    color .4s,\n    transform .4s;\n}\n\n#pc-timeline-v3 .pct3-step.pct3-current .pct3-node {\n  background: var(--red);\n  border-color: var(--red);\n  color: #FFFFFF;\n  transform: scale(1.1);\n}\n\n\/* COPY *\/\n\n#pc-timeline-v3 .pct3-copy {\n  padding: 20px 18px 20px 34px;\n}\n\n#pc-timeline-v3 .pct3-right .pct3-copy {\n  padding: 20px 34px 20px 18px;\n}\n\n#pc-timeline-v3 .pct3-kicker {\n  display: block;\n  margin-bottom: 27px;\n  color: #E67C90;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .18em;\n}\n\n#pc-timeline-v3 .pct3-copy h2 {\n  margin: 0 0 27px;\n  color: var(--ivory);\n  font-size: clamp(40px, 4.1vw, 65px);\n  font-weight: 500;\n  line-height: 1.16;\n  letter-spacing: -.05em;\n}\n\n#pc-timeline-v3 .pct3-copy h2 em {\n  color: #E56B82;\n  font-weight: 400;\n}\n\n#pc-timeline-v3 .pct3-copy p {\n  max-width: 440px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n#pc-timeline-v3 .pct3-detail {\n  display: block;\n  margin-top: 35px;\n  padding-top: 20px;\n  border-top: 1px solid var(--line);\n  color: #D38B9B;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .15em;\n}\n\n\/* CTA *\/\n\n#pc-timeline-v3 .pct3-cta {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 55px;\n  min-height: 470px;\n  overflow: hidden;\n  padding: 70px;\n  background: #2B2025;\n  border-top: 3px solid var(--red);\n}\n\n#pc-timeline-v3 .pct3-cta-copy {\n  position: relative;\n  z-index: 2;\n}\n\n#pc-timeline-v3 .pct3-cta-label {\n  display: block;\n  margin-bottom: 25px;\n  color: #ED8CA0;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: .17em;\n}\n\n#pc-timeline-v3 .pct3-cta h2 {\n  margin: 0;\n  color: var(--ivory);\n  font-size: clamp(45px, 5vw, 76px);\n  font-weight: 500;\n  line-height: 1.15;\n  letter-spacing: -.055em;\n}\n\n#pc-timeline-v3 .pct3-cta h2 em {\n  color: #E76B83;\n  font-weight: 400;\n}\n\n#pc-timeline-v3 .pct3-cta p {\n  max-width: 510px;\n  margin: 24px 0 31px;\n  color: #C7BABE;\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n#pc-timeline-v3 .pct3-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 35px;\n  min-height: 64px;\n  padding: 9px 10px 9px 27px;\n  border-radius: 100px;\n  background: var(--red);\n  color: #FFFFFF;\n  font-size: 15px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: background .3s, transform .3s;\n}\n\n#pc-timeline-v3 .pct3-button:hover {\n  background: #D32242;\n  color: #FFFFFF;\n  transform: translateY(-3px);\n}\n\n#pc-timeline-v3 .pct3-button-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 45px;\n  height: 45px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.17);\n  font-size: 25px;\n}\n\n#pc-timeline-v3 .pct3-cta-logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 35%;\n  min-width: 190px;\n  opacity: .8;\n}\n\n#pc-timeline-v3 .pct3-cta-logo img {\n  display: block;\n  width: 100%;\n  max-width: 300px;\n  height: auto;\n  object-fit: contain;\n}\n\n#pc-timeline-v3 .pct3-signature {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  margin-top: 65px;\n  padding: 25px 0 45px;\n  border-top: 1px solid var(--line);\n  color: #9B8F93;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .15em;\n}\n\n\/* REVEAL *\/\n\n#pc-timeline-v3 .pct3-reveal {\n  opacity: 0;\n  transform: translateY(45px);\n  transition:\n    opacity 1s ease,\n    transform 1s cubic-bezier(.16,1,.3,1);\n}\n\n#pc-timeline-v3 .pct3-reveal.pct3-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1024px) {\n\n  #pc-timeline-v3 .pct3-container {\n    width: calc(100% - 70px);\n  }\n\n  #pc-timeline-v3 .pct3-step {\n    grid-template-columns: minmax(0,1fr) 75px minmax(0,1fr);\n    min-height: 510px;\n  }\n\n  #pc-timeline-v3 .pct3-image {\n    height: 350px;\n  }\n\n  #pc-timeline-v3 .pct3-copy,\n  #pc-timeline-v3 .pct3-right .pct3-copy {\n    padding: 15px;\n  }\n\n  #pc-timeline-v3 .pct3-copy p {\n    font-size: 15px;\n  }\n\n  #pc-timeline-v3 .pct3-cta {\n    padding: 55px 45px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n\n  #pc-timeline-v3 .pct3-container {\n    width: calc(100% - 42px);\n  }\n\n  #pc-timeline-v3 .pct3-breadcrumb {\n    padding: 25px 0 20px;\n  }\n\n  #pc-timeline-v3 .pct3-location {\n    display: none;\n  }\n\n  #pc-timeline-v3 .pct3-hero {\n    padding: 75px 0 35px;\n  }\n\n  #pc-timeline-v3 .pct3-hero h1 {\n    font-size: clamp(43px, 10vw, 62px);\n  }\n\n  #pc-timeline-v3 .pct3-hero > p {\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #pc-timeline-v3 .pct3-hero-foot {\n    margin-top: 45px;\n  }\n\n  #pc-timeline-v3 .pct3-hero-foot > span,\n  #pc-timeline-v3 .pct3-hero-foot a {\n    font-size: 9px;\n    letter-spacing: .09em;\n  }\n\n  #pc-timeline-v3 .pct3-journey {\n    padding: 15px 0 65px;\n  }\n\n  #pc-timeline-v3 .pct3-track {\n    left: 23px;\n    top: 30px;\n    bottom: 60px;\n  }\n\n  #pc-timeline-v3 .pct3-step {\n    display: grid;\n    grid-template-columns: 46px minmax(0,1fr);\n    gap: 0 17px;\n    min-height: auto;\n    padding: 55px 0;\n  }\n\n  #pc-timeline-v3 .pct3-node {\n    grid-column: 1;\n    grid-row: 1;\n    width: 43px;\n    height: 43px;\n    margin: 0 auto;\n    box-shadow: 0 0 0 7px var(--bg);\n    font-size: 12px;\n  }\n\n  #pc-timeline-v3 .pct3-left .pct3-copy,\n  #pc-timeline-v3 .pct3-right .pct3-copy {\n    grid-column: 2;\n    grid-row: 1;\n    padding: 0 0 27px;\n  }\n\n  #pc-timeline-v3 .pct3-left .pct3-visual,\n  #pc-timeline-v3 .pct3-right .pct3-visual {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  #pc-timeline-v3 .pct3-kicker {\n    margin-bottom: 17px;\n    font-size: 10px;\n  }\n\n  #pc-timeline-v3 .pct3-copy h2 {\n    margin-bottom: 18px;\n    font-size: clamp(33px, 8vw, 46px);\n  }\n\n  #pc-timeline-v3 .pct3-copy p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  #pc-timeline-v3 .pct3-detail {\n    margin-top: 23px;\n    font-size: 9px;\n  }\n\n  #pc-timeline-v3 .pct3-image {\n    height: 290px;\n  }\n\n  #pc-timeline-v3 .pct3-photo-number {\n    left: 18px;\n    bottom: 18px;\n  }\n\n  #pc-timeline-v3 .pct3-cta {\n    display: block;\n    min-height: auto;\n    padding: 52px 28px;\n  }\n\n  #pc-timeline-v3 .pct3-cta h2 {\n    font-size: clamp(42px, 9vw, 57px);\n  }\n\n  #pc-timeline-v3 .pct3-cta p {\n    font-size: 15px;\n  }\n\n  #pc-timeline-v3 .pct3-cta-logo {\n    width: 170px;\n    min-width: 0;\n    margin-top: 45px;\n  }\n\n  #pc-timeline-v3 .pct3-signature {\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 45px;\n    font-size: 9px;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n\n#pc-timeline-v3 a:focus-visible {\n  outline: 2px solid #E0526B;\n  outline-offset: 5px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #pc-timeline-v3 .pct3-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n\n  #pc-timeline-v3 .pct3-image img {\n    transform: none;\n    transition: none;\n  }\n\n  #pc-timeline-v3 .pct3-node,\n  #pc-timeline-v3 .pct3-button {\n    transition: none;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n\n  function initPCTimelineV4() {\n\n    const section = document.getElementById('pc-timeline-v3');\n\n    if (!section || section.dataset.ready === 'true') return;\n\n    section.dataset.ready = 'true';\n\n    const reveals = section.querySelectorAll('.pct3-reveal');\n    const timeline = section.querySelector('.pct3-timeline');\n    const progress = section.querySelector('.pct3-track-progress');\n    const steps = section.querySelectorAll('.pct3-step');\n\n    const reducedMotion = window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n    if (!('IntersectionObserver' in window) || reducedMotion) {\n      reveals.forEach(function (element) {\n        element.classList.add('pct3-visible');\n      });\n    } else {\n      const observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('pct3-visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: .12,\n          rootMargin: '0px 0px -40px 0px'\n        }\n      );\n\n      reveals.forEach(function (element) {\n        observer.observe(element);\n      });\n    }\n\n    if (!timeline || !progress) return;\n\n    let ticking = false;\n\n    function update() {\n\n      const rect = timeline.getBoundingClientRect();\n      const viewport = window.innerHeight;\n\n      const start = viewport * .7;\n      const end = viewport * .3;\n\n      const distance = rect.height + start - end;\n      const travelled = start - rect.top;\n\n      const ratio = Math.max(\n        0,\n        Math.min(1, travelled \/ distance)\n      );\n\n      progress.style.height = (ratio * 100) + '%';\n\n      steps.forEach(function (step) {\n        const box = step.getBoundingClientRect();\n        const middle = box.top + box.height \/ 2;\n\n        step.classList.toggle(\n          'pct3-current',\n          middle > viewport * .2 &&\n          middle < viewport * .75\n        );\n      });\n\n      ticking = false;\n    }\n\n    function requestUpdate() {\n      if (ticking) return;\n\n      ticking = true;\n      window.requestAnimationFrame(update);\n    }\n\n    window.addEventListener('scroll', requestUpdate, {\n      passive: true\n    });\n\n    window.addEventListener('resize', requestUpdate);\n\n    update();\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initPCTimelineV4);\n  } else {\n    initPCTimelineV4();\n  }\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ACCUEIL \/ COMMENT \u00c7A FONCTIONNE MONTR\u00c9AL \u00b7 RIVE-NORD \u00b7 RIVE-SUD VOTRE PARCOURS, NOTRE ATTENTION Simple, du d\u00e9but jusqu&rsquo;\u00e0 la fin. D\u00e9couvrez en quatre \u00e9tapes comment fonctionne notre service priv\u00e9 de pr\u00e9l\u00e8vements \u00e0 domicile. Une approche simple et humaine, offerte \u00e0 Montr\u00e9al, sur la Rive-Nord et sur la Rive-Sud, avec des analyses r\u00e9alis\u00e9es par nos laboratoires [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":7,"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/pages\/123\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/soinscourtois.ca\/en\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}