{"id":385,"date":"2020-02-25T19:30:46","date_gmt":"2020-02-25T19:30:46","guid":{"rendered":"http:\/\/www.siphonstrategy.com\/swim-montreal\/?page_id=385"},"modified":"2026-09-04T14:56:41","modified_gmt":"2026-09-04T14:56:41","slug":"policies","status":"publish","type":"page","link":"https:\/\/swim-montreal.com\/fr\/policies\/","title":{"rendered":"Politiques"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"385\" class=\"elementor elementor-385\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-beb521b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"beb521b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d55cbeb\" data-id=\"d55cbeb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35fba50 elementor-widget elementor-widget-html\" data-id=\"35fba50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  .mis-policy-hero {\n    position: relative;\n    min-height: 430px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255,255,255,0.98) 0%,\n        rgba(255,255,255,0.94) 34%,\n        rgba(255,255,255,0.62) 53%,\n        rgba(255,255,255,0.08) 100%\n      ),\n      url('https:\/\/swim-montreal.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-26-2026-02_49_11-PM.png') center right \/ cover no-repeat;\n    font-family: inherit;\n  }\n\n  .mis-policy-hero__inner {\n    width: min(1180px, calc(100% - 48px));\n    margin: 0 auto;\n    padding: 72px 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  .mis-policy-hero__content {\n    max-width: 600px;\n  }\n\n  .mis-policy-hero__breadcrumb {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 28px;\n\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n\n    color: #6f7d8d;\n  }\n\n  .mis-policy-hero__breadcrumb a {\n    color: #6f7d8d;\n    text-decoration: none;\n  }\n\n  .mis-policy-hero__breadcrumb-current {\n    color: #3da6bd;\n  }\n\n  .mis-policy-hero__title {\n    margin: 0;\n\n    color: #201c4b;\n\n    font-size: clamp(48px, 5.3vw, 82px);\n    line-height: 0.96;\n    letter-spacing: -0.045em;\n    font-weight: 800;\n    text-transform: uppercase;\n\n    max-width: 650px;\n  }\n\n  .mis-policy-hero__wave {\n    width: 48px;\n    height: 10px;\n    margin: 22px 0 24px;\n    position: relative;\n  }\n\n  .mis-policy-hero__wave::before,\n  .mis-policy-hero__wave::after {\n    content: \"\";\n    position: absolute;\n\n    width: 14px;\n    height: 7px;\n\n    border-bottom: 3px solid #ef7930;\n    border-radius: 50%;\n\n    top: 0;\n  }\n\n  .mis-policy-hero__wave::before {\n    left: 0;\n    transform: rotate(6deg);\n  }\n\n  .mis-policy-hero__wave::after {\n    left: 12px;\n    transform: rotate(-6deg);\n  }\n\n  .mis-policy-hero__wave span {\n    position: absolute;\n\n    width: 14px;\n    height: 7px;\n\n    border-bottom: 3px solid #ef7930;\n    border-radius: 50%;\n\n    top: 0;\n    left: 24px;\n\n    transform: rotate(6deg);\n  }\n\n  .mis-policy-hero__text {\n    margin: 0;\n\n    max-width: 540px;\n\n    color: #2f3550;\n\n    font-size: 19px;\n    line-height: 1.65;\n    font-weight: 400;\n  }\n\n\n  \/* MOBILE *\/\n\n  @media (max-width: 767px) {\n\n    .mis-policy-hero {\n      min-height: 500px;\n      align-items: flex-end;\n\n      background:\n        linear-gradient(\n          180deg,\n          rgba(255,255,255,0.18) 0%,\n          rgba(255,255,255,0.72) 45%,\n          rgba(255,255,255,0.98) 72%,\n          #ffffff 100%\n        ),\n        url('https:\/\/swim-montreal.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-26-2026-02_49_11-PM.png') center top \/ cover no-repeat;\n    }\n\n    .mis-policy-hero__inner {\n      width: min(calc(100% - 32px), 1180px);\n      padding: 210px 0 46px;\n    }\n\n    .mis-policy-hero__content {\n      max-width: 100%;\n    }\n\n    .mis-policy-hero__breadcrumb {\n      margin-bottom: 18px;\n      font-size: 11px;\n    }\n\n    .mis-policy-hero__title {\n      font-size: clamp(42px, 13vw, 60px);\n      line-height: 0.98;\n    }\n\n    .mis-policy-hero__text {\n      max-width: 100%;\n\n      font-size: 17px;\n      line-height: 1.6;\n    }\n  }\n<\/style>\n\n\n<section class=\"mis-policy-hero\">\n\n  <div class=\"mis-policy-hero__inner\">\n\n    <div class=\"mis-policy-hero__content\">\n\n\n      <div class=\"mis-policy-hero__breadcrumb\">\n\n        <a href=\"\/\">Accueil<\/a>\n\n        <span>\/<\/span>\n\n        <span class=\"mis-policy-hero__breadcrumb-current\">\n          Politiques\n        <\/span>\n\n      <\/div>\n\n\n      <h1 class=\"mis-policy-hero__title\">\n        Politiques &amp;<br>\n        R\u00e8glements\n      <\/h1>\n\n\n      <div class=\"mis-policy-hero__wave\">\n        <span><\/span>\n      <\/div>\n\n\n      <p class=\"mis-policy-hero__text\">\n        Tout ce que vous devez savoir avant votre cours.<br>\n        Retrouvez les informations sur les r\u00e8glements de la piscine,<br>\n        les annulations, les paiements, les exigences propres \u00e0 chaque emplacement et plus encore.\n      <\/p>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ab1f2f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7ab1f2f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f50df95\" data-id=\"f50df95\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd7fdda elementor-widget elementor-widget-html\" data-id=\"fd7fdda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  .mis-policy-nav {\n    background: #ffffff;\n    padding: 34px 20px 42px;\n    font-family: inherit;\n  }\n\n  .mis-policy-nav__inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .mis-policy-nav__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n  }\n\n  .mis-policy-nav__item {\n    display: flex;\n    align-items: center;\n    min-height: 94px;\n    padding: 18px 24px;\n    text-decoration: none;\n    position: relative;\n    border-bottom: 1px solid #e7e9ec;\n    transition:\n      background 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .mis-policy-nav__item:not(:nth-child(3n)) {\n    border-right: 1px solid #e7e9ec;\n  }\n\n  .mis-policy-nav__item:hover {\n    background: #f8fbfc;\n  }\n\n  .mis-policy-nav__icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 16px;\n  }\n\n  .mis-policy-nav__icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .mis-policy-nav__icon--blue {\n    color: #3da6bd;\n    background: rgba(61, 166, 189, 0.10);\n  }\n\n  .mis-policy-nav__icon--green {\n    color: #89a72a;\n    background: rgba(178, 185, 84, 0.14);\n  }\n\n  .mis-policy-nav__icon--orange {\n    color: #ef7930;\n    background: rgba(239, 121, 48, 0.11);\n  }\n\n  .mis-policy-nav__icon--navy {\n    color: #201c4b;\n    background: rgba(32, 28, 75, 0.08);\n  }\n\n  .mis-policy-nav__label {\n    color: #201c4b;\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.01em;\n    padding-right: 24px;\n  }\n\n  .mis-policy-nav__arrow {\n    margin-left: auto;\n    color: #201c4b;\n    font-size: 24px;\n    font-weight: 300;\n    line-height: 1;\n    transition: transform 0.2s ease;\n  }\n\n  .mis-policy-nav__item:hover .mis-policy-nav__arrow {\n    transform: translateX(4px);\n  }\n\n  .mis-policy-nav__item:last-child {\n    grid-column: 1 \/ 2;\n  }\n\n  @media (max-width: 900px) {\n    .mis-policy-nav__grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .mis-policy-nav__item:not(:nth-child(3n)) {\n      border-right: none;\n    }\n\n    .mis-policy-nav__item:nth-child(odd) {\n      border-right: 1px solid #e7e9ec;\n    }\n\n    .mis-policy-nav__item:last-child {\n      grid-column: auto;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .mis-policy-nav {\n      padding: 20px 16px 28px;\n    }\n\n    .mis-policy-nav__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .mis-policy-nav__item,\n    .mis-policy-nav__item:nth-child(odd) {\n      border-right: none;\n    }\n\n    .mis-policy-nav__item {\n      min-height: 78px;\n      padding: 14px 8px;\n    }\n\n    .mis-policy-nav__icon {\n      width: 44px;\n      height: 44px;\n      min-width: 44px;\n      margin-right: 14px;\n    }\n\n    .mis-policy-nav__label {\n      font-size: 12px;\n    }\n  }\n<\/style>\n\n<nav class=\"mis-policy-nav\" aria-label=\"Sections des politiques\">\n\n  <div class=\"mis-policy-nav__inner\">\n\n    <div class=\"mis-policy-nav__grid\">\n\n\n      <!-- AVANT VOTRE COURS -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#before-your-lesson\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--blue\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n            <circle cx=\"16\" cy=\"8\" r=\"3\"><\/circle>\n            <path d=\"M3.5 19c.4-4 2.4-6 5.5-6s5 2 5.5 6\"><\/path>\n            <path d=\"M12.5 14.5c.8-1 2-1.5 3.5-1.5 3 0 4.5 2 4.5 6\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          Avant votre cours\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- \u00c0 LA PISCINE -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#at-the-pool\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--blue\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 14V6\"><\/path>\n            <path d=\"M12 14V6\"><\/path>\n            <path d=\"M7 8h5\"><\/path>\n            <path d=\"M7 11h5\"><\/path>\n            <path d=\"M4 17c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 3-1 4.5 0\"><\/path>\n            <path d=\"M4 20c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 3-1 4.5 0\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          \u00c0 la piscine\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- R\u00c8GLEMENTS DES EMPLACEMENTS -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#location-rules\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--green\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          R\u00e8glements des emplacements\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- ANNULATIONS -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#cancellations\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--orange\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n            <path d=\"M8 3v4\"><\/path>\n            <path d=\"M16 3v4\"><\/path>\n            <path d=\"M4 9h16\"><\/path>\n            <path d=\"M9 13l6 5\"><\/path>\n            <path d=\"M15 13l-6 5\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          Annulations &amp;<br>\n          modifications\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- PAIEMENTS -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#payments\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--blue\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M3 10h18\"><\/path>\n            <path d=\"M7 15h4\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          Paiements\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- COURS \u00c0 DOMICILE -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#at-home-lessons\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--blue\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 11l9-7 9 7\"><\/path>\n            <path d=\"M5 10v10h14V10\"><\/path>\n            <path d=\"M9 20v-6h6v6\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          Cours \u00e0 domicile\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n      <!-- SAUVETEURS POUR \u00c9V\u00c9NEMENTS PRIV\u00c9S -->\n\n      <a class=\"mis-policy-nav__item\" href=\"#private-lifeguards\">\n\n        <span class=\"mis-policy-nav__icon mis-policy-nav__icon--navy\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"13\" cy=\"5\" r=\"2\"><\/circle>\n            <path d=\"M10 21V9\"><\/path>\n            <path d=\"M15 21V10\"><\/path>\n            <path d=\"M8 9h9\"><\/path>\n            <path d=\"M7 21h11\"><\/path>\n            <path d=\"M10 13h5\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"mis-policy-nav__label\">\n          Sauveteurs pour \u00e9v\u00e9nements priv\u00e9s\n        <\/span>\n\n        <span class=\"mis-policy-nav__arrow\">\u203a<\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/nav>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-753d5ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"753d5ec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c925f68\" data-id=\"c925f68\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8650fa elementor-widget elementor-widget-html\" data-id=\"f8650fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   MIS POLICIES \u2014 AVANT VOTRE COURS\n   ========================================================= *\/\n\n#before-your-lesson {\n  --mis-navy: #201c4b;\n  --mis-blue: #3da6bd;\n  --mis-blue-dark: #168da5;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-blue: #f3f9fb;\n  --mis-soft-blue-2: rgba(61,166,189,.045);\n\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#before-your-lesson * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   OUTER\n   ========================================================= *\/\n\n.mis-before-shell {\n  width: 100%;\n  background: #ffffff;\n  border-top: 1px solid var(--mis-border);\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   MAIN HEADER\n   ========================================================= *\/\n\n.mis-before-toggle {\n  width: 100%;\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  color: var(--mis-navy);\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-before-toggle:hover,\n.mis-before-toggle:focus,\n.mis-before-toggle:active {\n  background: #fbfdfe !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-before-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-before-main-icon svg,\n.mis-before-icon svg,\n.mis-before-detail-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-before-main-icon svg {\n  width: 31px;\n  height: 31px;\n  stroke-width: 1.7;\n}\n\n.mis-before-heading {\n  flex: 1;\n}\n\n.mis-before-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-before-chevron {\n  width: 13px;\n  height: 13px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-before-shell.is-closed .mis-before-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.mis-before-content {\n  width: 100%;\n\n  padding: 38px 48px 42px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #ffffff;\n}\n\n.mis-before-shell.is-closed .mis-before-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.mis-before-intro {\n  margin-bottom: 28px;\n  text-align: center;\n}\n\n.mis-before-intro h3 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-intro p {\n  max-width: 760px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   MAIN CARDS\n   ========================================================= *\/\n\n.mis-before-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 18px;\n}\n\n.mis-before-item {\n  min-height: 185px;\n\n  padding: 24px 22px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 17px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-before-icon {\n  width: 54px;\n  height: 54px;\n  min-width: 54px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-before-icon svg {\n  width: 29px;\n  height: 29px;\n  stroke-width: 1.8;\n}\n\n.mis-before-item-text h4 {\n  margin: 5px 0 9px;\n\n  color: var(--mis-navy);\n\n  font-size: 15px;\n  line-height: 1.25;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-item-text p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   IMPORTANT REMINDER\n   ========================================================= *\/\n\n.mis-before-reminder {\n  width: 100%;\n\n  margin-top: 22px;\n  padding: 18px 22px;\n\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: 18px;\n\n  background: var(--mis-soft-blue);\n\n  border: 1px solid rgba(61,166,189,.16);\n  border-radius: 13px;\n}\n\n.mis-before-alert {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.13);\n  border: 1px solid rgba(61,166,189,.24);\n\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 25px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.mis-before-reminder-text h4 {\n  margin: 0 0 4px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-reminder-text p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   MORE DETAILS ACCORDION\n   ========================================================= *\/\n\n.mis-before-details {\n  width: 100%;\n\n  margin-top: 16px;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-before-details-toggle {\n  width: 100%;\n\n  padding: 18px 20px;\n\n  display: grid;\n  grid-template-columns: 44px 1fr 14px;\n  align-items: center;\n  gap: 14px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-before-details-toggle:hover,\n.mis-before-details-toggle:focus,\n.mis-before-details-toggle:active,\n.mis-before-details.is-open .mis-before-details-toggle {\n  background: var(--mis-soft-blue-2) !important;\n}\n\n.mis-before-details-main-icon {\n  width: 42px;\n  height: 42px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.mis-before-details-copy strong {\n  display: block;\n\n  margin: 0 0 3px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-details-copy span {\n  display: block;\n\n  color: var(--mis-muted);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.mis-before-details-arrow {\n  width: 10px;\n  height: 10px;\n\n  border-right: 2px solid var(--mis-blue-dark);\n  border-bottom: 2px solid var(--mis-blue-dark);\n\n  transform: rotate(45deg);\n  transition: transform .2s ease;\n}\n\n.mis-before-details.is-open .mis-before-details-arrow {\n  transform: rotate(225deg);\n}\n\n\n\/* =========================================================\n   DETAILS BODY\n   ========================================================= *\/\n\n.mis-before-details-body {\n  display: none;\n\n  padding: 0 20px 20px;\n}\n\n.mis-before-details.is-open .mis-before-details-body {\n  display: block;\n}\n\n.mis-before-details-inner {\n  padding-top: 16px;\n\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 12px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   DETAIL CARDS\n   ========================================================= *\/\n\n.mis-before-detail-card {\n  padding: 16px;\n\n  display: grid;\n  grid-template-columns: 38px 1fr;\n  align-items: flex-start;\n  gap: 12px;\n\n  background: #f5fafc;\n\n  border: 1px solid rgba(61,166,189,.15);\n  border-radius: 11px;\n}\n\n.mis-before-detail-icon {\n  width: 36px;\n  height: 36px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.11);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-before-detail-icon svg {\n  width: 18px;\n  height: 18px;\n  stroke-width: 1.8;\n}\n\n.mis-before-detail-copy h4 {\n  margin: 1px 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-before-detail-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:950px) {\n\n  .mis-before-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-before-content {\n    padding: 32px 30px 36px;\n  }\n\n  .mis-before-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n  .mis-before-details-inner {\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n  .mis-before-toggle {\n    padding: 20px 18px;\n    gap: 13px;\n  }\n\n  .mis-before-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-before-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-before-heading p {\n    font-size: 12px;\n  }\n\n  .mis-before-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-before-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-before-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .mis-before-item {\n    min-height: 0;\n    padding: 20px 17px;\n  }\n\n  .mis-before-icon {\n    width: 47px;\n    height: 47px;\n    min-width: 47px;\n  }\n\n  .mis-before-reminder {\n    padding: 18px 17px;\n    gap: 14px;\n  }\n\n  .mis-before-details-toggle {\n    padding: 15px;\n\n    grid-template-columns: 40px 1fr 10px;\n    gap: 11px;\n  }\n\n  .mis-before-details-main-icon {\n    width: 38px;\n    height: 38px;\n  }\n\n  .mis-before-details-body {\n    padding: 0 14px 15px;\n  }\n\n  .mis-before-detail-card {\n    padding: 14px;\n\n    grid-template-columns: 34px 1fr;\n    gap: 10px;\n  }\n}\n<\/style>\n\n\n<section id=\"before-your-lesson\">\n\n  <div class=\"mis-before-shell\">\n\n\n    <!-- HEADER -->\n    <button\n      class=\"mis-before-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-before-content\"\n    >\n\n      <span class=\"mis-before-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"8\" cy=\"7\" r=\"3\"><\/circle>\n          <circle cx=\"16\" cy=\"7\" r=\"3\"><\/circle>\n          <path d=\"M3 19c.3-4.3 2-6.5 5-6.5s4.7 2.2 5 6.5\"><\/path>\n          <path d=\"M11 15c.9-1.7 2.5-2.5 5-2.5 3 0 4.7 2.2 5 6.5\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-before-heading\">\n\n        <h2>Avant votre cours<\/h2>\n\n        <p>\n          Arriv\u00e9e, supervision, quoi apporter et rappels importants.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-before-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENT -->\n    <div\n      class=\"mis-before-content\"\n      id=\"mis-before-content\"\n    >\n\n\n      <!-- INTRO -->\n      <div class=\"mis-before-intro\">\n\n        <h3>Informations importantes avant votre arriv\u00e9e<\/h3>\n\n        <p>\n          Un peu de pr\u00e9paration nous aide \u00e0 assurer des cours s\u00e9curitaires,\n          bien organis\u00e9s et agr\u00e9ables pour tous les nageurs.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- MAIN CARDS -->\n      <div class=\"mis-before-grid\">\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 7v5l3 2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>Arrivez \u00e0 l\u2019heure<\/h4>\n\n            <p>\n              Veuillez arriver 15 minutes \u00e0 l\u2019avance afin que votre nageur soit pr\u00eat\n              au d\u00e9but de son cours.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"9\" cy=\"5\" r=\"2.5\"><\/circle>\n              <path d=\"M6 20v-8a3 3 0 0 1 6 0v8\"><\/path>\n              <circle cx=\"16.5\" cy=\"10\" r=\"2\"><\/circle>\n              <path d=\"M14.5 20v-5a2 2 0 0 1 4 0v5\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>Supervision parentale<\/h4>\n\n            <p>\n              Les parents et tuteurs doivent rester sur place et observer\n              le cours. Les enfants ne doivent jamais \u00eatre laiss\u00e9s seuls\n              dans l\u2019aire de la piscine.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"5\" y=\"7\" width=\"14\" height=\"13\" rx=\"2\"><\/rect>\n              <path d=\"M9 7V5a3 3 0 0 1 6 0v2\"><\/path>\n              <path d=\"M8 12h8\"><\/path>\n              <path d=\"M8 16h8\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>Quoi apporter<\/h4>\n\n            <p>\n              Apportez un maillot de bain, une serviette et des lunettes de natation\n              au besoin, ainsi que tout article exig\u00e9 par votre piscine.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 10a5 5 0 0 1 10 0\"><\/path>\n              <path d=\"M5 10h10\"><\/path>\n              <path d=\"M15 10h3V7\"><\/path>\n              <path d=\"M7 14v1\"><\/path>\n              <path d=\"M10 14v2\"><\/path>\n              <path d=\"M13 14v1\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>Douche avant le cours<\/h4>\n\n            <p>\n              Les nageurs doivent prendre une douche avant d\u2019entrer dans la piscine\n              lorsque l\u2019\u00e9tablissement l\u2019exige.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"6\" y=\"5\" width=\"12\" height=\"16\" rx=\"1\"><\/rect>\n              <path d=\"M9 5V3h6v2\"><\/path>\n              <path d=\"M9 10h6\"><\/path>\n              <path d=\"M9 14h3\"><\/path>\n              <path d=\"M15 13v4\"><\/path>\n              <path d=\"M13 15h4\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>Sant\u00e9 et s\u00e9curit\u00e9<\/h4>\n\n            <p>\n              Veuillez nous communiquer toute information pouvant avoir une incidence\n              sur la participation s\u00e9curitaire d\u2019un nageur aux cours.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <article class=\"mis-before-item\">\n\n          <div class=\"mis-before-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 5h16v12H8l-4 3z\"><\/path>\n              <path d=\"M8 9h8\"><\/path>\n              <path d=\"M8 13h5\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-before-item-text\">\n\n            <h4>V\u00e9rifiez vos messages<\/h4>\n\n            <p>\n              Veuillez v\u00e9rifier vos messages avant chaque cours au cas o\u00f9\n              un changement important de derni\u00e8re minute aurait lieu.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- REMINDER -->\n      <div class=\"mis-before-reminder\">\n\n        <div class=\"mis-before-alert\">!<\/div>\n\n        <div class=\"mis-before-reminder-text\">\n\n          <h4>Rappel important<\/h4>\n\n          <p>\n            Seuls les nageurs inscrits peuvent entrer dans la piscine lorsque leur\n            instructeur les appelle. Les nageurs ne doivent pas entrer dans l\u2019eau\n            avant leur cours ni y rester apr\u00e8s la fin de celui-ci.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- MORE DETAILS -->\n      <div class=\"mis-before-details\">\n\n        <button\n          class=\"mis-before-details-toggle\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"mis-before-details-body\"\n        >\n\n          <span class=\"mis-before-details-main-icon\">\n            i\n          <\/span>\n\n\n          <span class=\"mis-before-details-copy\">\n\n            <strong>Autres r\u00e8glements de la piscine et de l\u2019\u00e9tablissement<\/strong>\n\n            <span>\n              R\u00e8glements suppl\u00e9mentaires \u00e0 respecter lors de votre cours avec MIS.\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"mis-before-details-arrow\"><\/span>\n\n        <\/button>\n\n\n        <div\n          class=\"mis-before-details-body\"\n          id=\"mis-before-details-body\"\n        >\n\n          <div class=\"mis-before-details-inner\">\n\n\n            <!-- RESPECT -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\n                  <circle cx=\"16\" cy=\"8\" r=\"3\"><\/circle>\n                  <path d=\"M3 19c0-4 2-6 5-6\"><\/path>\n                  <path d=\"M21 19c0-4-2-6-5-6\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Respectez les autres usagers<\/h4>\n\n                <p>\n                  Veuillez respecter les clients de l\u2019h\u00f4tel, les membres du centre\n                  d\u2019entra\u00eenement et les autres personnes qui utilisent la piscine\n                  et les installations.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- DOORS -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"1\"><\/rect>\n                  <circle cx=\"15\" cy=\"12\" r=\"1\"><\/circle>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Ne bloquez pas les portes en position ouverte<\/h4>\n\n                <p>\n                  Les portes de la piscine et de l\u2019\u00e9tablissement doivent demeurer\n                  ferm\u00e9es. Veuillez ne pas les maintenir ouvertes pour d\u2019autres usagers.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- SHOES -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 15c4 0 6-2 7-6l3 2c1 2 2 3 4 4v3H5z\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Retirez vos chaussures d\u2019ext\u00e9rieur<\/h4>\n\n                <p>\n                  Les chaussures d\u2019ext\u00e9rieur doivent \u00eatre retir\u00e9es avant d\u2019entrer\n                  dans l\u2019aire de la piscine.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- FOOD -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M7 3v7\"><\/path>\n                  <path d=\"M10 3v7\"><\/path>\n                  <path d=\"M7 7h3\"><\/path>\n                  <path d=\"M8.5 10v11\"><\/path>\n                  <path d=\"M15 3v18\"><\/path>\n                  <path d=\"M15 3c4 1 4 6 0 8\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Aucune nourriture ni boisson<\/h4>\n\n                <p>\n                  La nourriture et les boissons ne sont pas permises dans l\u2019aire\n                  de la piscine.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- CHANGING -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"12\" cy=\"5\" r=\"2\"><\/circle>\n                  <path d=\"M8 21v-8a4 4 0 0 1 8 0v8\"><\/path>\n                  <path d=\"M5 10h14\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Utilisez les espaces pr\u00e9vus pour vous changer<\/h4>\n\n                <p>\n                  Les nageurs doivent se changer dans les toilettes ou dans les\n                  vestiaires d\u00e9sign\u00e9s, et non sur le bord de la piscine.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- FAMILY -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"9\" cy=\"7\" r=\"2.5\"><\/circle>\n                  <circle cx=\"16\" cy=\"10\" r=\"2\"><\/circle>\n                  <path d=\"M5 20v-7a4 4 0 0 1 8 0v7\"><\/path>\n                  <path d=\"M14 20v-5a2 2 0 0 1 4 0v5\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Limitez le nombre d\u2019accompagnateurs<\/h4>\n\n                <p>\n                  Dans la mesure du possible, nous demandons qu\u2019un seul membre de\n                  la famille accompagne chaque nageur dans l\u2019aire de la piscine.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- AMENITIES -->\n\n            <article class=\"mis-before-detail-card\">\n\n              <div class=\"mis-before-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 18c2-2 4 2 6 0s4 2 6 0 4 2 6 0\"><\/path>\n                  <path d=\"M7 14V7\"><\/path>\n                  <path d=\"M7 8h5\"><\/path>\n                  <path d=\"M12 14V7\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-before-detail-copy\">\n\n                <h4>Commodit\u00e9s de l\u2019\u00e9tablissement<\/h4>\n\n                <p>\n                  L\u2019inscription aux cours de MIS ne comprend pas l\u2019acc\u00e8s aux autres\n                  commodit\u00e9s de l\u2019\u00e9tablissement, telles que les spas, les saunas\n                  ou les centres d\u2019entra\u00eenement.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById('before-your-lesson');\n\n  if (!section) return;\n\n\n  const shell =\n    section.querySelector('.mis-before-shell');\n\n  const mainToggle =\n    section.querySelector('.mis-before-toggle');\n\n  mainToggle.addEventListener('click', function () {\n\n    const isClosed =\n      shell.classList.toggle('is-closed');\n\n    mainToggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n\n  const details =\n    section.querySelector('.mis-before-details');\n\n  const detailsToggle =\n    section.querySelector('.mis-before-details-toggle');\n\n  detailsToggle.addEventListener('click', function () {\n\n    const isOpen =\n      details.classList.toggle('is-open');\n\n    detailsToggle.setAttribute(\n      'aria-expanded',\n      isOpen ? 'true' : 'false'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f20877a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f20877a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcf6123\" data-id=\"fcf6123\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e6dba4 elementor-widget elementor-widget-html\" data-id=\"2e6dba4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 \u00c0 LA PISCINE\n   ========================================================= *\/\n\n#at-the-pool {\n  --mis-navy: #201c4b;\n  --mis-blue: #3da6bd;\n  --mis-blue-dark: #168da5;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-blue: #f3f9fb;\n\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#at-the-pool * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION EXT\u00c9RIEURE\n   ========================================================= *\/\n\n.mis-pool-shell {\n  width: 100%;\n  background: #ffffff;\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE ACCORD\u00c9ON\n   ========================================================= *\/\n\n.mis-pool-toggle {\n  width: 100%;\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  color: var(--mis-navy) !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-pool-toggle:hover,\n.mis-pool-toggle:focus,\n.mis-pool-toggle:active {\n  background: #fbfdfe !important;\n  background-image: none !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-pool-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-pool-main-icon svg,\n.mis-pool-icon svg,\n.mis-pool-location-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-pool-main-icon svg {\n  width: 31px;\n  height: 31px;\n  stroke-width: 1.7;\n}\n\n.mis-pool-heading {\n  flex: 1;\n}\n\n.mis-pool-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-pool-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-pool-chevron {\n  width: 13px;\n  height: 13px;\n  margin-right: 4px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-pool-shell.is-closed .mis-pool-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-pool-content {\n  width: 100%;\n\n  padding: 38px 48px 42px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #ffffff;\n}\n\n.mis-pool-shell.is-closed .mis-pool-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION CENTR\u00c9E\n   ========================================================= *\/\n\n.mis-pool-intro {\n  margin-bottom: 28px;\n  text-align: center;\n}\n\n.mis-pool-intro h3 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-pool-intro p {\n  max-width: 760px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   CARTES DE R\u00c8GLEMENTS\n   ========================================================= *\/\n\n.mis-pool-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.mis-pool-item {\n  min-height: 185px;\n\n  padding: 24px 22px;\n\n  display: flex;\n  align-items: flex-start;\n  gap: 17px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-pool-icon {\n  width: 54px;\n  height: 54px;\n  min-width: 54px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-pool-icon svg {\n  width: 29px;\n  height: 29px;\n  stroke-width: 1.8;\n}\n\n.mis-pool-item-text h4 {\n  margin: 5px 0 9px;\n\n  color: var(--mis-navy);\n\n  font-size: 15px;\n  line-height: 1.25;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-pool-item-text p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   RAPPEL SUR LES EMPLACEMENTS\n   ========================================================= *\/\n\n.mis-pool-location {\n  width: 100%;\n\n  margin-top: 22px;\n  padding: 22px 26px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  background: var(--mis-soft-blue);\n\n  border: 1px solid rgba(61,166,189,.16);\n  border-radius: 13px;\n}\n\n.mis-pool-location-icon {\n  width: 52px;\n  height: 52px;\n  min-width: 52px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.13);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-pool-location-icon svg {\n  width: 27px;\n  height: 27px;\n  stroke-width: 1.8;\n}\n\n.mis-pool-location-copy {\n  flex: 1;\n}\n\n.mis-pool-location-copy h4 {\n  margin: 0 0 4px;\n\n  color: var(--mis-navy);\n\n  font-size: 15px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-pool-location-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   LIEN VERS LES R\u00c8GLEMENTS DES EMPLACEMENTS\n   ========================================================= *\/\n\n.mis-pool-location-link,\n.mis-pool-location-link:link,\n.mis-pool-location-link:visited,\n.mis-pool-location-link:hover,\n.mis-pool-location-link:focus,\n.mis-pool-location-link:active {\n  min-width: 200px;\n\n  padding: 0 0 0 24px !important;\n  margin: 0 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-end;\n  gap: 10px !important;\n\n  background: transparent !important;\n  background-color: transparent !important;\n  background-image: none !important;\n\n  border: 0 !important;\n  border-left: 1px solid #d7e5e9 !important;\n  border-radius: 0 !important;\n\n  box-shadow: none !important;\n  outline: none !important;\n\n  color: var(--mis-navy) !important;\n\n  font-size: 13px !important;\n  line-height: 1.3 !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n\n  width: auto !important;\n  height: auto !important;\n\n  transform: none !important;\n}\n\n.mis-pool-location-link span:first-child {\n  color: var(--mis-navy) !important;\n  background: transparent !important;\n}\n\n.mis-pool-location-arrow {\n  color: var(--mis-blue-dark) !important;\n  background: transparent !important;\n\n  font-size: 26px;\n  line-height: 1;\n\n  transition: transform .2s ease;\n}\n\n.mis-pool-location-link:hover span:first-child {\n  color: var(--mis-blue-dark) !important;\n}\n\n.mis-pool-location-link:hover .mis-pool-location-arrow {\n  transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .mis-pool-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-pool-content {\n    padding: 32px 30px 36px;\n  }\n\n  .mis-pool-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .mis-pool-location {\n    flex-wrap: wrap;\n  }\n\n  .mis-pool-location-link,\n  .mis-pool-location-link:link,\n  .mis-pool-location-link:visited,\n  .mis-pool-location-link:hover,\n  .mis-pool-location-link:focus,\n  .mis-pool-location-link:active {\n    width: 100% !important;\n    min-width: 0;\n\n    justify-content: flex-start;\n\n    padding: 17px 0 0 !important;\n\n    border-left: 0 !important;\n    border-top: 1px solid #d7e5e9 !important;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-pool-toggle {\n    padding: 20px 18px;\n    gap: 13px;\n  }\n\n  .mis-pool-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-pool-main-icon svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .mis-pool-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-pool-heading p {\n    font-size: 12px;\n  }\n\n  .mis-pool-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-pool-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-pool-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .mis-pool-item {\n    min-height: 0;\n    padding: 20px 17px;\n  }\n\n  .mis-pool-icon {\n    width: 47px;\n    height: 47px;\n    min-width: 47px;\n  }\n\n  .mis-pool-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .mis-pool-location {\n    padding: 20px 17px;\n    gap: 14px;\n  }\n\n  .mis-pool-location-icon {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n  }\n}\n<\/style>\n\n\n<section id=\"at-the-pool\">\n\n  <div class=\"mis-pool-shell\">\n\n\n    <!-- EN-T\u00caTE ACCORD\u00c9ON -->\n    <button\n      class=\"mis-pool-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-pool-content\"\n    >\n\n      <span class=\"mis-pool-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M7 14V6\"><\/path>\n          <path d=\"M12 14V6\"><\/path>\n          <path d=\"M7 8h5\"><\/path>\n          <path d=\"M7 11h5\"><\/path>\n          <path d=\"M4 17c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 3-1 4.5 0\"><\/path>\n          <path d=\"M4 20c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 3-1 4.5 0\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-pool-heading\">\n\n        <h2>\u00c0 la piscine<\/h2>\n\n        <p>\n          R\u00e8glements concernant le bord de la piscine, les vestiaires et les installations.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-pool-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n    <div\n      class=\"mis-pool-content\"\n      id=\"mis-pool-content\"\n    >\n\n\n      <!-- INTRODUCTION CENTR\u00c9E -->\n      <div class=\"mis-pool-intro\">\n\n        <h3>Pendant votre pr\u00e9sence \u00e0 la piscine<\/h3>\n\n        <p>\n          Aidez-nous \u00e0 maintenir un environnement s\u00e9curitaire, propre et agr\u00e9able\n          pour les nageurs, les familles, les instructeurs et les autres usagers.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"mis-pool-grid\">\n\n\n        <!-- SUIVRE LES CONSIGNES DU PERSONNEL -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n              <path d=\"M7 20v-5a5 5 0 0 1 10 0v5\"><\/path>\n              <path d=\"M5 11l3 2\"><\/path>\n              <path d=\"M19 11l-3 2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Suivez les consignes du personnel<\/h4>\n\n            <p>\n              Les nageurs et les familles doivent suivre les consignes\n              des instructeurs de MIS, des sauveteurs et du personnel de l\u2019\u00e9tablissement.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- MARCHER -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"13\" cy=\"4\" r=\"2\"><\/circle>\n              <path d=\"M11 8l3 3 3 1\"><\/path>\n              <path d=\"M12 9l-2 5-3 5\"><\/path>\n              <path d=\"M10 14l5 2 2 4\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Marchez sur le bord de la piscine<\/h4>\n\n            <p>\n              Veuillez marcher autour de la piscine et respecter toutes les consignes\n              de s\u00e9curit\u00e9 affich\u00e9es dans l\u2019\u00e9tablissement.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- NOURRITURE -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 3v7\"><\/path>\n              <path d=\"M4 3v4a3 3 0 0 0 6 0V3\"><\/path>\n              <path d=\"M7 10v11\"><\/path>\n              <path d=\"M16 3v18\"><\/path>\n              <path d=\"M16 3c3 2 4 5 4 8h-4\"><\/path>\n              <path d=\"M3 21L21 3\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Nourriture et boissons<\/h4>\n\n            <p>\n              Respectez les r\u00e8glements de l\u2019\u00e9tablissement concernant la nourriture\n              et les boissons. Les contenants en verre ne doivent jamais \u00eatre apport\u00e9s\n              sur le bord de la piscine.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- VESTIAIRES -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 4h14v16H5z\"><\/path>\n              <path d=\"M9 4v16\"><\/path>\n              <circle cx=\"15\" cy=\"12\" r=\".8\"><\/circle>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Vestiaires<\/h4>\n\n            <p>\n              Veuillez utiliser les espaces d\u00e9sign\u00e9s pour vous changer et respecter\n              tous les r\u00e8glements de l\u2019\u00e9tablissement concernant les vestiaires et les douches.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- EFFETS PERSONNELS -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"5\" y=\"8\" width=\"14\" height=\"11\" rx=\"2\"><\/rect>\n              <path d=\"M9 8V6a3 3 0 0 1 6 0v2\"><\/path>\n              <path d=\"M8 13h8\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Effets personnels<\/h4>\n\n            <p>\n              Gardez vos effets personnels avec vous ou dans les espaces de rangement\n              d\u00e9sign\u00e9s. \u00c9vitez de laisser des objets de valeur sans surveillance.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- RESPECT -->\n        <article class=\"mis-pool-item\">\n\n          <div class=\"mis-pool-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"mis-pool-item-text\">\n\n            <h4>Respectez les installations<\/h4>\n\n            <p>\n              Veuillez respecter les autres nageurs, les familles,\n              le personnel ainsi que les espaces partag\u00e9s de chaque \u00e9tablissement.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- RAPPEL PROPRE \u00c0 CHAQUE EMPLACEMENT -->\n      <div class=\"mis-pool-location\">\n\n\n        <div class=\"mis-pool-location-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"mis-pool-location-copy\">\n\n          <h4>Chaque piscine est diff\u00e9rente<\/h4>\n\n          <p>\n            Certains emplacements de MIS ont des r\u00e8glements suppl\u00e9mentaires concernant\n            les bonnets de bain, les vestiaires, l\u2019acc\u00e8s, le stationnement ou d\u2019autres\n            exigences propres \u00e0 l\u2019\u00e9tablissement.\n          <\/p>\n\n        <\/div>\n\n\n        <a\n          class=\"mis-pool-location-link\"\n          href=\"#location-rules\"\n        >\n\n          <span>Voir les r\u00e8glements des emplacements<\/span>\n\n          <span class=\"mis-pool-location-arrow\">\u203a<\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.getElementById('at-the-pool');\n\n  if (!section) return;\n\n  const shell = section.querySelector('.mis-pool-shell');\n  const toggle = section.querySelector('.mis-pool-toggle');\n\n  toggle.addEventListener('click', function () {\n\n    const isClosed = shell.classList.toggle('is-closed');\n\n    toggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e70fcd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e70fcd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-444e0bf\" data-id=\"444e0bf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb188d7 elementor-widget elementor-widget-html\" data-id=\"fb188d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 R\u00c8GLEMENTS DES EMPLACEMENTS\n   VERSION EN GRILLE DE CARTES\n   ========================================================= *\/\n\n#location-rules {\n  --mis-navy: #201c4b;\n  --mis-green: #b2b954;\n  --mis-green-dark: #82952e;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-green: rgba(178,185,84,.10);\n  --mis-soft-green-2: rgba(178,185,84,.06);\n\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#location-rules * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTENEUR EXT\u00c9RIEUR\n   ========================================================= *\/\n\n.mis-location-shell {\n  width: 100%;\n  background: #ffffff;\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE PRINCIPAL\n   ========================================================= *\/\n\n.mis-location-toggle {\n  width: 100%;\n\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n\n  font-family: inherit;\n}\n\n.mis-location-toggle:hover,\n.mis-location-toggle:focus,\n.mis-location-toggle:active {\n  background: #fcfcf8 !important;\n  box-shadow: none !important;\n}\n\n.mis-location-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: var(--mis-soft-green);\n  color: var(--mis-green-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-location-main-icon svg,\n.mis-location-card-icon svg,\n.mis-location-note-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-location-main-icon svg {\n  width: 30px;\n  height: 30px;\n  stroke-width: 1.8;\n}\n\n.mis-location-heading {\n  flex: 1;\n}\n\n.mis-location-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-location-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-location-chevron {\n  width: 13px;\n  height: 13px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-location-shell.is-closed .mis-location-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-location-content {\n  width: 100%;\n\n  padding: 40px 48px 44px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(178,185,84,.035) 0%,\n      #ffffff 170px\n    );\n}\n\n.mis-location-shell.is-closed .mis-location-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION CENTR\u00c9E\n   ========================================================= *\/\n\n.mis-location-intro {\n  max-width: 850px;\n\n  margin: 0 auto 32px;\n\n  text-align: center;\n}\n\n.mis-location-intro h3 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-location-intro p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   GRILLE DES EMPLACEMENTS\n   ========================================================= *\/\n\n.mis-location-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n\n\/* =========================================================\n   CARTE D\u2019EMPLACEMENT\n   ========================================================= *\/\n\n.mis-location-card {\n  position: relative;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 14px;\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.mis-location-card:hover {\n  transform: translateY(-2px);\n\n  border-color: rgba(130,149,46,.30);\n\n  box-shadow: 0 8px 20px rgba(32,28,75,.055);\n}\n\n.mis-location-card.is-open {\n  border-color: rgba(130,149,46,.40);\n\n  box-shadow: 0 8px 22px rgba(32,28,75,.06);\n}\n\n\n\/* =========================================================\n   BOUTON DE CARTE\n   ========================================================= *\/\n\n.mis-location-card-toggle {\n  width: 100%;\n\n  padding: 21px 20px;\n\n  display: grid;\n  grid-template-columns: 48px 1fr 12px;\n  align-items: center;\n  gap: 14px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  cursor: pointer;\n\n  text-align: left;\n  font-family: inherit;\n}\n\n.mis-location-card-toggle:hover,\n.mis-location-card-toggle:focus,\n.mis-location-card-toggle:active {\n  background: var(--mis-soft-green-2) !important;\n  box-shadow: none !important;\n}\n\n.mis-location-card.is-open .mis-location-card-toggle {\n  background: var(--mis-soft-green-2) !important;\n}\n\n\n\/* =========================================================\n   IC\u00d4NE DE CARTE\n   ========================================================= *\/\n\n.mis-location-card-icon {\n  width: 46px;\n  height: 46px;\n  min-width: 46px;\n\n  border-radius: 50%;\n\n  background: var(--mis-soft-green);\n  color: var(--mis-green-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-location-card-icon svg {\n  width: 23px;\n  height: 23px;\n\n  stroke-width: 1.8;\n}\n\n\n\/* =========================================================\n   TEXTE DE CARTE\n   ========================================================= *\/\n\n.mis-location-card-copy h4 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-location-card-copy span {\n  display: block;\n\n  color: var(--mis-green-dark);\n\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 700;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   FL\u00c8CHE DE CARTE\n   ========================================================= *\/\n\n.mis-location-card-arrow {\n  width: 10px;\n  height: 10px;\n\n  border-right: 2px solid var(--mis-green-dark);\n  border-bottom: 2px solid var(--mis-green-dark);\n\n  transform: rotate(45deg);\n\n  transition: transform .2s ease;\n}\n\n.mis-location-card.is-open .mis-location-card-arrow {\n  transform: rotate(225deg);\n}\n\n\n\/* =========================================================\n   D\u00c9TAILS DE CARTE\n   ========================================================= *\/\n\n.mis-location-card-details {\n  display: none;\n\n  padding: 0 20px 21px;\n}\n\n.mis-location-card.is-open .mis-location-card-details {\n  display: block;\n}\n\n.mis-location-card-details-inner {\n  padding-top: 17px;\n\n  border-top: 1px solid rgba(178,185,84,.22);\n}\n\n.mis-location-card-details ul {\n  margin: 0;\n\n  padding: 0;\n\n  list-style: none;\n}\n\n.mis-location-card-details li {\n  position: relative;\n\n  margin: 0 0 10px;\n\n  padding-left: 17px;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.mis-location-card-details li:last-child {\n  margin-bottom: 0;\n}\n\n.mis-location-card-details li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 8px;\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--mis-green);\n}\n\n\n\/* =========================================================\n   NOTE SUR LES INSTALLATIONS\n   ========================================================= *\/\n\n.mis-location-note {\n  width: 100%;\n\n  margin-top: 24px;\n  padding: 20px 22px;\n\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  background: var(--mis-soft-green);\n\n  border: 1px solid rgba(178,185,84,.22);\n  border-radius: 12px;\n}\n\n.mis-location-note-icon {\n  width: 46px;\n  height: 46px;\n  min-width: 46px;\n\n  border-radius: 50%;\n\n  background: rgba(178,185,84,.16);\n  color: var(--mis-green-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-location-note-icon svg {\n  width: 23px;\n  height: 23px;\n\n  stroke-width: 1.8;\n}\n\n.mis-location-note-copy h4 {\n  margin: 0 0 4px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-location-note-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .mis-location-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 950px) {\n\n  .mis-location-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-location-content {\n    padding: 32px 30px 36px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-location-toggle {\n    padding: 20px 18px;\n\n    gap: 13px;\n  }\n\n  .mis-location-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-location-main-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .mis-location-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-location-heading p {\n    font-size: 12px;\n  }\n\n  .mis-location-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-location-intro {\n    margin-bottom: 24px;\n  }\n\n  .mis-location-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-location-intro p {\n    font-size: 14px;\n  }\n\n  .mis-location-grid {\n    grid-template-columns: 1fr;\n\n    gap: 11px;\n  }\n\n  .mis-location-card-toggle {\n    padding: 17px 15px;\n\n    grid-template-columns: 42px 1fr 10px;\n\n    gap: 11px;\n  }\n\n  .mis-location-card-icon {\n    width: 40px;\n    height: 40px;\n    min-width: 40px;\n  }\n\n  .mis-location-card-icon svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .mis-location-card-copy h4 {\n    font-size: 12px;\n  }\n\n  .mis-location-card-copy span {\n    font-size: 10px;\n  }\n\n  .mis-location-card-details {\n    padding: 0 16px 18px;\n  }\n\n  .mis-location-note {\n    align-items: flex-start;\n\n    padding: 18px 16px;\n\n    gap: 13px;\n  }\n}\n<\/style>\n\n\n<section id=\"location-rules\">\n\n  <div class=\"mis-location-shell\">\n\n\n    <!-- EN-T\u00caTE PRINCIPAL -->\n    <button\n      class=\"mis-location-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-location-content\"\n    >\n\n      <span class=\"mis-location-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n          <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-location-heading\">\n\n        <h2>R\u00e8glements des emplacements<\/h2>\n\n        <p>\n          Exigences importantes propres \u00e0 certaines piscines de MIS.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-location-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n    <div\n      class=\"mis-location-content\"\n      id=\"mis-location-content\"\n    >\n\n\n      <!-- INTRODUCTION -->\n      <div class=\"mis-location-intro\">\n\n        <h3>Trouvez votre piscine<\/h3>\n\n        <p>\n          Chaque \u00e9tablissement poss\u00e8de ses propres exigences concernant l\u2019acc\u00e8s,\n          le stationnement et l\u2019aire de la piscine. S\u00e9lectionnez votre emplacement\n          ci-dessous avant votre premier cours.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- GRILLE DES EMPLACEMENTS -->\n      <div class=\"mis-location-grid\">\n\n\n        <!-- LEONARDO DA VINCI -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Leonardo Da Vinci<\/h4>\n\n              <span>Acc\u00e8s et r\u00e8glements de l\u2019\u00e9tablissement<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>Le port du bonnet de bain est obligatoire.<\/li>\n\n                <li>\n                  Une carte d\u2019acc\u00e8s est requise. MIS les distribue \u00e0 la r\u00e9ception\n                  au d\u00e9but de la session.\n                <\/li>\n\n                <li>\n                  Les cartes d\u2019acc\u00e8s doivent \u00eatre retourn\u00e9es apr\u00e8s le dernier cours\n                  si le nageur ne revient pas \u00e0 la session suivante.\n                <\/li>\n\n                <li>\n                  Les clients de MIS peuvent utiliser uniquement le vestiaire situ\u00e9\n                  sur le bord de la piscine. Les vestiaires du centre d\u2019entra\u00eenement\n                  ne sont pas accessibles aux clients de MIS.\n                <\/li>\n\n                <li>\n                  Les poussettes ne sont pas permises \u00e0 l\u2019int\u00e9rieur du centre CLDV.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- SANDMAN -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Sandman Hotel Longueuil<\/h4>\n\n              <span>Stationnement<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>Le stationnement est gratuit pour les clients de MIS.<\/li>\n\n                <li>\n                  Procurez-vous un laissez-passer de stationnement \u00e0 la r\u00e9ception\n                  de l\u2019h\u00f4tel au moment de quitter l\u2019\u00e9tablissement.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- DOUBLETREE -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>DoubleTree Centre-Ville<\/h4>\n\n              <span>Stationnement<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>\n                  Il est de la responsabilit\u00e9 du client de trouver et de payer\n                  son stationnement.\n                <\/li>\n\n                <li>\n                  Le stationnement de l\u2019h\u00f4tel est g\u00e9n\u00e9ralement l\u2019option la plus co\u00fbteuse.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PETITE-BOURGOGNE -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Petite-Bourgogne<\/h4>\n\n              <span>Acc\u00e8s \u00e0 la piscine<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>Le port du bonnet de bain est obligatoire.<\/li>\n\n                <li>\n                  Les parents ne sont pas autoris\u00e9s sur le bord de la piscine.\n                  Les enfants doivent \u00eatre d\u00e9pos\u00e9s \u00e0 la sortie des vestiaires.\n                <\/li>\n\n                <li>\n                  Les parents doivent attendre dans l\u2019atrium de l\u2019autre c\u00f4t\u00e9\n                  de la paroi vitr\u00e9e.\n                <\/li>\n\n                <li>\n                  Les clients doivent utiliser les vestiaires familiaux.\n                  Les vestiaires r\u00e9serv\u00e9s aux hommes et aux femmes demeurent verrouill\u00e9s.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- COURTYARD -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Courtyard Marriott Ville-Saint-Laurent<\/h4>\n\n              <span>Stationnement<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>\n                  Les clients doivent stationner dans la section r\u00e9serv\u00e9e aux visiteurs\n                  ou dans le stationnement situ\u00e9 de l\u2019autre c\u00f4t\u00e9 de la rue.\n                <\/li>\n\n                <li>\n                  Les frais de stationnement sont \u00e0 la charge du client.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- MICROTEL -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Dorval Microtel Inn &amp; Suites<\/h4>\n\n              <span>Stationnement et acc\u00e8s<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>Le stationnement est gratuit.<\/li>\n\n                <li>\n                  Les clients doivent sonner \u00e0 la r\u00e9ception lorsqu\u2019ils arrivent\n                  \u00e0 la barri\u00e8re du stationnement.\n                <\/li>\n\n                <li>\n                  Les clients doivent utiliser la section de stationnement r\u00e9serv\u00e9e\n                  aux visiteurs ou, lorsque applicable, le stationnement situ\u00e9\n                  de l\u2019autre c\u00f4t\u00e9 de la rue.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- C\u00d4TE-SAINT-LUC -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Centre aquatique C\u00f4te-Saint-Luc<\/h4>\n\n              <span>Enregistrement<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>\n                  Les clients de MIS doivent s\u2019enregistrer \u00e0 la r\u00e9ception\n                  lors de chaque cours.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- HYATT -->\n        <div class=\"mis-location-card\">\n\n          <button\n            class=\"mis-location-card-toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n          >\n\n            <span class=\"mis-location-card-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/span>\n\n\n            <span class=\"mis-location-card-copy\">\n\n              <h4>Hyatt Place Dupuis<\/h4>\n\n              <span>Stationnement et acc\u00e8s \u00e0 la piscine<\/span>\n\n            <\/span>\n\n\n            <span class=\"mis-location-card-arrow\"><\/span>\n\n          <\/button>\n\n\n          <div class=\"mis-location-card-details\">\n\n            <div class=\"mis-location-card-details-inner\">\n\n              <ul>\n\n                <li>\n                  Il est de la responsabilit\u00e9 du client de trouver et de payer\n                  son stationnement. Le stationnement de l\u2019h\u00f4tel est g\u00e9n\u00e9ralement\n                  l\u2019option la plus co\u00fbteuse.\n                <\/li>\n\n                <li>\n                  Les parents ne sont pas autoris\u00e9s dans l\u2019aire de la piscine\n                  pendant les cours. Les enfants doivent \u00eatre d\u00e9pos\u00e9s \u00e0 la porte\n                  de la piscine.\n                <\/li>\n\n                <li>\n                  Les parents doivent attendre \u00e0 l\u2019ext\u00e9rieur de l\u2019aire de la piscine\n                  pendant le cours de natation.\n                <\/li>\n\n              <\/ul>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n      <!-- NOTE -->\n      <div class=\"mis-location-note\">\n\n        <div class=\"mis-location-note-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11z\"><\/path>\n            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"mis-location-note-copy\">\n\n          <h4>Stationnement et acc\u00e8s aux installations<\/h4>\n\n          <p>\n            Les politiques de stationnement varient selon l\u2019\u00e9tablissement.\n            Sauf indication contraire ci-dessus, la disponibilit\u00e9 du stationnement\n            et les frais qui s\u2019y rattachent sont \u00e0 la charge du client.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.getElementById('location-rules');\n\n  if (!section) return;\n\n\n  \/* SECTION PRINCIPALE *\/\n\n  const shell =\n    section.querySelector('.mis-location-shell');\n\n  const mainToggle =\n    section.querySelector('.mis-location-toggle');\n\n  mainToggle.addEventListener('click', function () {\n\n    const isClosed =\n      shell.classList.toggle('is-closed');\n\n    mainToggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n\n  \/* CARTES D\u2019EMPLACEMENTS *\/\n\n  const cards =\n    section.querySelectorAll('.mis-location-card');\n\n  cards.forEach(function(card) {\n\n    const toggle =\n      card.querySelector('.mis-location-card-toggle');\n\n    toggle.addEventListener('click', function () {\n\n      const isOpen =\n        card.classList.toggle('is-open');\n\n      toggle.setAttribute(\n        'aria-expanded',\n        isOpen ? 'true' : 'false'\n      );\n\n    });\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2941fe8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2941fe8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43e3374\" data-id=\"43e3374\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fd4771 elementor-widget elementor-widget-html\" data-id=\"4fd4771\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n#cancellations {\n  --mis-navy: #201c4b;\n  --mis-orange: #ef7930;\n  --mis-orange-dark: #d9651f;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-orange: rgba(239,121,48,.08);\n  --mis-soft-orange-2: rgba(239,121,48,.045);\n\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#cancellations * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTENEUR EXT\u00c9RIEUR\n   ========================================================= *\/\n\n.mis-change-shell {\n  width: 100%;\n  background: #fff;\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n   ========================================================= *\/\n\n.mis-change-toggle {\n  width: 100%;\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #fff !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-change-toggle:hover,\n.mis-change-toggle:focus,\n.mis-change-toggle:active {\n  background: #fffaf7 !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-change-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: var(--mis-soft-orange);\n  color: var(--mis-orange);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-change-main-icon svg,\n.mis-change-icon svg,\n.mis-detail-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-change-main-icon svg {\n  width: 29px;\n  height: 29px;\n}\n\n.mis-change-heading {\n  flex: 1;\n}\n\n.mis-change-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-change-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-change-chevron {\n  width: 13px;\n  height: 13px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-change-shell.is-closed .mis-change-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-change-content {\n  width: 100%;\n\n  padding: 38px 48px 42px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #fff;\n}\n\n.mis-change-shell.is-closed .mis-change-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.mis-change-intro {\n  max-width: 820px;\n  margin: 0 auto 26px;\n\n  text-align: center;\n}\n\n.mis-change-intro h3 {\n  margin: 0 0 7px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-change-intro p {\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CARTES PRINCIPALES\n   ========================================================= *\/\n\n.mis-change-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n.mis-change-card {\n  padding: 22px;\n\n  background: #fff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  text-align: center;\n}\n\n.mis-change-icon {\n  width: 50px;\n  height: 50px;\n  min-width: 50px;\n\n  margin-bottom: 14px;\n\n  border-radius: 50%;\n\n  background: var(--mis-soft-orange);\n  color: var(--mis-orange);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-change-icon svg {\n  width: 25px;\n  height: 25px;\n}\n\n.mis-change-card h4 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-change-card p {\n  max-width: 310px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   NOTE SUR LE D\u00c9LAI\n   ========================================================= *\/\n\n.mis-change-note {\n  width: 100%;\n\n  margin-top: 18px;\n  padding: 13px 17px;\n\n  background: var(--mis-soft-orange);\n\n  border: 1px solid rgba(239,121,48,.18);\n  border-radius: 10px;\n}\n\n.mis-change-note p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.mis-change-note strong {\n  color: var(--mis-orange-dark);\n}\n\n\n\/* =========================================================\n   ACCORD\u00c9ON DE D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-change-details {\n  width: 100%;\n\n  margin-top: 16px;\n\n  overflow: hidden;\n\n  background: #fff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-change-details-toggle {\n  width: 100%;\n\n  padding: 18px 20px;\n\n  display: grid;\n  grid-template-columns: 44px 1fr 14px;\n  align-items: center;\n  gap: 14px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #fff !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-change-details-toggle:hover,\n.mis-change-details-toggle:focus,\n.mis-change-details-toggle:active,\n.mis-change-details.is-open .mis-change-details-toggle {\n  background: var(--mis-soft-orange-2) !important;\n}\n\n.mis-change-details-main-icon {\n  width: 42px;\n  height: 42px;\n\n  border-radius: 50%;\n\n  background: var(--mis-soft-orange);\n  color: var(--mis-orange);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 19px;\n  font-weight: 800;\n}\n\n.mis-change-details-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-change-details-copy span {\n  display: block;\n\n  color: var(--mis-muted);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.mis-change-details-arrow {\n  width: 10px;\n  height: 10px;\n\n  border-right: 2px solid var(--mis-orange);\n  border-bottom: 2px solid var(--mis-orange);\n\n  transform: rotate(45deg);\n  transition: transform .2s ease;\n}\n\n.mis-change-details.is-open .mis-change-details-arrow {\n  transform: rotate(225deg);\n}\n\n\n\/* =========================================================\n   CONTENU DES D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-change-details-body {\n  display: none;\n\n  padding: 0 20px 20px;\n\n  background: #fff;\n}\n\n.mis-change-details.is-open .mis-change-details-body {\n  display: block;\n}\n\n.mis-change-details-inner {\n  padding-top: 16px;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 12px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   CARTES DE D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-detail-card {\n  padding: 16px;\n\n  display: grid;\n  grid-template-columns: 38px 1fr;\n  align-items: flex-start;\n  gap: 12px;\n\n  background: #fffaf7;\n\n  border: 1px solid rgba(239,121,48,.12);\n  border-radius: 11px;\n}\n\n.mis-detail-card.mis-detail-wide {\n  grid-column: 1 \/ -1;\n}\n\n.mis-detail-icon {\n  width: 36px;\n  height: 36px;\n\n  border-radius: 50%;\n\n  background: rgba(239,121,48,.10);\n  color: var(--mis-orange);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-detail-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.mis-detail-copy h4 {\n  margin: 1px 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-detail-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.mis-detail-copy p + p {\n  margin-top: 8px;\n}\n\n.mis-detail-copy a {\n  color: var(--mis-orange-dark);\n  font-weight: 700;\n  text-decoration: underline;\n}\n\n\n\/* =========================================================\n   MOBILE \/ TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .mis-change-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-change-content {\n    padding: 32px 30px 36px;\n  }\n\n  .mis-change-grid,\n  .mis-change-details-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .mis-detail-card.mis-detail-wide {\n    grid-column: auto;\n  }\n}\n\n\n@media (max-width: 600px) {\n\n  .mis-change-toggle {\n    padding: 20px 18px;\n    gap: 13px;\n  }\n\n  .mis-change-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-change-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-change-heading p {\n    font-size: 12px;\n  }\n\n  .mis-change-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-change-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-change-grid {\n    gap: 12px;\n  }\n\n  .mis-change-card {\n    padding: 19px 16px;\n  }\n\n  .mis-change-details-toggle {\n    padding: 15px;\n\n    grid-template-columns: 40px 1fr 10px;\n    gap: 11px;\n  }\n\n  .mis-change-details-main-icon {\n    width: 38px;\n    height: 38px;\n  }\n\n  .mis-change-details-body {\n    padding: 0 14px 15px;\n  }\n\n  .mis-detail-card {\n    padding: 14px;\n\n    grid-template-columns: 34px 1fr;\n    gap: 10px;\n  }\n}\n<\/style>\n\n\n<section id=\"cancellations\">\n\n  <div class=\"mis-change-shell\">\n\n\n    <!-- EN-T\u00caTE -->\n\n    <button\n      class=\"mis-change-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-change-content\"\n    >\n\n      <span class=\"mis-change-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\">\n          <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n          <path d=\"M8 3v4\"><\/path>\n          <path d=\"M16 3v4\"><\/path>\n          <path d=\"M4 9h16\"><\/path>\n          <path d=\"M9 13l6 5\"><\/path>\n          <path d=\"M15 13l-6 5\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-change-heading\">\n\n        <h2>Annulations, modifications et remboursements<\/h2>\n\n        <p>\n          Ce qu\u2019il faut savoir si vos plans changent.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-change-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n\n    <div\n      class=\"mis-change-content\"\n      id=\"mis-change-content\"\n    >\n\n\n      <!-- INTRODUCTION -->\n\n      <div class=\"mis-change-intro\">\n\n        <h3>Besoin de faire un changement?<\/h3>\n\n        <p>\n          Nous comprenons que les plans peuvent parfois changer. Voici comment\n          sont g\u00e9r\u00e9s les annulations, les remboursements, les changements de cours\n          et les cours manqu\u00e9s.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARTES PRINCIPALES -->\n\n      <div class=\"mis-change-grid\">\n\n\n        <!-- ANNULER -->\n\n        <article class=\"mis-change-card\">\n\n          <div class=\"mis-change-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 5l14 14\"><\/path>\n              <path d=\"M19 5L5 19\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Annuler une inscription<\/h4>\n\n          <p>\n            Si vous devez annuler votre inscription, veuillez communiquer\n            avec MIS d\u00e8s que possible afin que nous puissions examiner votre demande.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- MODIFIER -->\n\n        <article class=\"mis-change-card\">\n\n          <div class=\"mis-change-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 7h13\"><\/path>\n              <path d=\"M14 4l3 3-3 3\"><\/path>\n              <path d=\"M20 17H7\"><\/path>\n              <path d=\"M10 14l-3 3 3 3\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Changer de cours<\/h4>\n\n          <p>\n            Les demandes de changement de journ\u00e9e, d\u2019heure, d\u2019instructeur\n            ou d\u2019emplacement sont soumises aux disponibilit\u00e9s.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- COURS MANQU\u00c9S -->\n\n        <article class=\"mis-change-card\">\n\n          <div class=\"mis-change-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 7v5\"><\/path>\n              <path d=\"M12 16h.01\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Cours manqu\u00e9s<\/h4>\n\n          <p>\n            Les cours manqu\u00e9s par le client ne donnent droit \u00e0 aucun\n            remboursement, cr\u00e9dit ou cours de reprise.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n\n      <!-- NOTE DE 7 JOURS -->\n\n      <div class=\"mis-change-note\">\n\n        <p>\n          <strong>D\u00e9lai :<\/strong>\n          Les demandes d\u2019annulation ou de modification doivent \u00eatre soumises\n          au moins 7 jours \u00e0 l\u2019avance.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- D\u00c9TAILS -->\n\n      <div class=\"mis-change-details\">\n\n        <button\n          class=\"mis-change-details-toggle\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"mis-change-details-body\"\n        >\n\n          <span class=\"mis-change-details-main-icon\">\n            i\n          <\/span>\n\n\n          <span class=\"mis-change-details-copy\">\n\n            <strong>D\u00e9tails sur les annulations et remboursements<\/strong>\n\n            <span>\n              Demandes de remboursement, annulations, cr\u00e9dits et modifications par MIS.\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"mis-change-details-arrow\"><\/span>\n\n        <\/button>\n\n\n        <div\n          class=\"mis-change-details-body\"\n          id=\"mis-change-details-body\"\n        >\n\n          <div class=\"mis-change-details-inner\">\n\n\n            <!-- ANNULATION D\u2019UNE INSCRIPTION -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n                  <path d=\"M8 3v4\"><\/path>\n                  <path d=\"M16 3v4\"><\/path>\n                  <path d=\"M4 9h16\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Annulation de votre inscription<\/h4>\n\n                <p>\n                  Un remboursement complet sera accord\u00e9 lorsqu\u2019une demande\n                  d\u2019annulation est re\u00e7ue au moins 7 jours avant le premier cours.\n                  Apr\u00e8s ce d\u00e9lai, le client peut \u00eatre rembours\u00e9 pour les cours\n                  restants non utilis\u00e9s, moins des frais d\u2019annulation de 10 %\n                  ou de 50 $, selon le montant le moins \u00e9lev\u00e9.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- DEMANDES DE REMBOURSEMENT -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 7h16v11H4z\"><\/path>\n                  <path d=\"M4 9l8 5 8-5\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Demander un remboursement<\/h4>\n\n                <p>\n                  Les demandes de remboursement pour les cours restants non utilis\u00e9s\n                  doivent \u00eatre soumises par \u00e9crit par la personne ayant effectu\u00e9\n                  le paiement initial \u00e0\n                  <a href=\"mailto:info@swim-montreal.com\">\n                    info@swim-montreal.com\n                  <\/a>.\n                <\/p>\n\n                <p>\n                  Les demandes concernant une session termin\u00e9e doivent \u00eatre soumises\n                  dans les 14 jours suivant la date de fin de la session.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- MODE DE REMBOURSEMENT -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"><\/rect>\n                  <path d=\"M3 10h18\"><\/path>\n                  <path d=\"M7 15h3\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Mode de remboursement<\/h4>\n\n                <p>\n                  Les remboursements approuv\u00e9s seront retourn\u00e9s au mode de paiement\n                  utilis\u00e9 lors de la transaction initiale.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- FRAIS NON REMBOURSABLES -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                  <path d=\"M9 9l6 6\"><\/path>\n                  <path d=\"M15 9l-6 6\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Frais non remboursables<\/h4>\n\n                <p>\n                  Les frais d\u2019inscription, les frais li\u00e9s aux paiements \u00e9chelonn\u00e9s\n                  et les autres frais uniques sont non remboursables.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- MIS \/ M\u00c9T\u00c9O -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M7 17a4 4 0 1 1 1-7.9A5 5 0 0 1 18 11a3 3 0 0 1-1 6H7z\"><\/path>\n                  <path d=\"M9 20l1-2\"><\/path>\n                  <path d=\"M13 20l1-2\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Annulations par l\u2019instructeur ou en raison de la m\u00e9t\u00e9o<\/h4>\n\n                <p>\n                  Les cours annul\u00e9s par l\u2019instructeur ou en raison des conditions\n                  m\u00e9t\u00e9orologiques seront report\u00e9s. Si un cours ne peut pas \u00eatre\n                  report\u00e9, un cr\u00e9dit de cours sera accord\u00e9 \u00e0 la fin de la session.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- FERMETURE D\u2019INSTALLATION -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M3 11l9-7 9 7\"><\/path>\n                  <path d=\"M5 10v10h14V10\"><\/path>\n                  <path d=\"M4 20h16\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Fermeture d\u2019un \u00e9tablissement<\/h4>\n\n                <p>\n                  Si une piscine ou un \u00e9tablissement devient indisponible, MIS peut\n                  d\u00e9placer les cours vers un autre emplacement. Si un cours ne peut\n                  pas \u00eatre d\u00e9plac\u00e9 ou report\u00e9, un cr\u00e9dit ou un remboursement sera\n                  accord\u00e9 pour le cours concern\u00e9.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- MODIFICATIONS PAR MIS -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 7h13\"><\/path>\n                  <path d=\"M14 4l3 3-3 3\"><\/path>\n                  <path d=\"M20 17H7\"><\/path>\n                  <path d=\"M10 14l-3 3 3 3\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Modifications par MIS<\/h4>\n\n                <p>\n                  MIS se r\u00e9serve le droit de modifier ou d\u2019annuler toute inscription.\n                  MIS peut modifier la journ\u00e9e, l\u2019heure, l\u2019emplacement ou l\u2019instructeur\n                  d\u2019un cours lorsque n\u00e9cessaire.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- CR\u00c9DITS -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 7h14v10H5z\"><\/path>\n                  <path d=\"M8 7V5h8v2\"><\/path>\n                  <path d=\"M9 12h6\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Expiration des cr\u00e9dits<\/h4>\n\n                <p>\n                  Les cr\u00e9dits peuvent avoir une date d\u2019expiration et doivent \u00eatre\n                  utilis\u00e9s avant la date d\u2019expiration indiqu\u00e9e.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- CODES PROMOTIONNELS -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M4 8l8-5 8 5v8l-8 5-8-5z\"><\/path>\n                  <circle cx=\"9\" cy=\"10\" r=\"1\"><\/circle>\n                  <circle cx=\"15\" cy=\"14\" r=\"1\"><\/circle>\n                  <path d=\"M15 9l-6 6\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Codes promotionnels<\/h4>\n\n                <p>\n                  Les codes promotionnels et les rabais doivent \u00eatre appliqu\u00e9s au\n                  moment de l\u2019inscription et ne peuvent pas \u00eatre appliqu\u00e9s\n                  r\u00e9troactivement une fois l\u2019inscription termin\u00e9e.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- INSCRIPTIONS NON TRANSF\u00c9RABLES -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\n                  <circle cx=\"17\" cy=\"8\" r=\"3\"><\/circle>\n                  <path d=\"M3 19c0-4 2-6 5-6\"><\/path>\n                  <path d=\"M21 19c0-4-2-6-5-6\"><\/path>\n                  <path d=\"M9 16h6\"><\/path>\n                  <path d=\"M13 14l2 2-2 2\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Inscriptions non transf\u00e9rables<\/h4>\n\n                <p>\n                  Les inscriptions ne sont pas transf\u00e9rables entre les clients\n                  ou les nageurs.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- CIRCONSTANCES M\u00c9DICALES -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M9 4h6v5h5v6h-5v5H9v-5H4V9h5z\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Circonstances m\u00e9dicales<\/h4>\n\n                <p>\n                  Pour les annulations li\u00e9es \u00e0 une situation m\u00e9dicale,\n                  veuillez communiquer avec\n                  <a href=\"mailto:info@swim-montreal.com\">\n                    info@swim-montreal.com\n                  <\/a>.\n                  Une preuve m\u00e9dicale pourrait \u00eatre exig\u00e9e.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- CHANGEMENT D\u2019INSTRUCTEUR -->\n\n            <article class=\"mis-detail-card\">\n\n              <div class=\"mis-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n                  <path d=\"M6 20c0-5 2-8 6-8s6 3 6 8\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-detail-copy\">\n\n                <h4>Changements d\u2019instructeur<\/h4>\n\n                <p>\n                  MIS peut changer l\u2019instructeur lorsque n\u00e9cessaire.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById('cancellations');\n\n  if (!section) return;\n\n\n  \/* SECTION PRINCIPALE *\/\n\n  const shell =\n    section.querySelector('.mis-change-shell');\n\n  const mainToggle =\n    section.querySelector('.mis-change-toggle');\n\n  mainToggle.addEventListener('click', function () {\n\n    const isClosed =\n      shell.classList.toggle('is-closed');\n\n    mainToggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n\n  \/* D\u00c9TAILS *\/\n\n  const details =\n    section.querySelector('.mis-change-details');\n\n  const detailsToggle =\n    section.querySelector('.mis-change-details-toggle');\n\n  detailsToggle.addEventListener('click', function () {\n\n    const isOpen =\n      details.classList.toggle('is-open');\n\n    detailsToggle.setAttribute(\n      'aria-expanded',\n      isOpen ? 'true' : 'false'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b07b5a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b07b5a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebc3f4d\" data-id=\"ebc3f4d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4575308 elementor-widget elementor-widget-html\" data-id=\"4575308\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 PAIEMENTS ET FRAIS\n   ========================================================= *\/\n\n#payments {\n  --mis-navy: #201c4b;\n  --mis-blue: #3da6bd;\n  --mis-blue-dark: #168da5;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-blue: #f3f9fb;\n\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#payments * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION EXT\u00c9RIEURE\n   ========================================================= *\/\n\n.mis-payment-shell {\n  width: 100%;\n  background: #ffffff;\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE ACCORD\u00c9ON\n   ========================================================= *\/\n\n.mis-payment-toggle {\n  width: 100%;\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  color: var(--mis-navy) !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-payment-toggle:hover,\n.mis-payment-toggle:focus,\n.mis-payment-toggle:active {\n  background: #fbfdfe !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-payment-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-payment-main-icon svg,\n.mis-payment-card-icon svg,\n.mis-payment-support-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-payment-main-icon svg {\n  width: 31px;\n  height: 31px;\n  stroke-width: 1.7;\n}\n\n.mis-payment-heading {\n  flex: 1;\n}\n\n.mis-payment-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-payment-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-payment-chevron {\n  width: 13px;\n  height: 13px;\n  margin-right: 4px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-payment-shell.is-closed .mis-payment-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-payment-content {\n  width: 100%;\n  padding: 38px 48px 42px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #ffffff;\n}\n\n.mis-payment-shell.is-closed .mis-payment-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION CENTR\u00c9E\n   ========================================================= *\/\n\n.mis-payment-intro {\n  margin-bottom: 28px;\n  text-align: center;\n}\n\n.mis-payment-intro h3 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-payment-intro p {\n  max-width: 760px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   CARTES DE PAIEMENT\n   ========================================================= *\/\n\n.mis-payment-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.mis-payment-card {\n  min-height: 250px;\n\n  padding: 26px 22px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n\n  text-align: center;\n}\n\n.mis-payment-card-icon {\n  width: 64px;\n  height: 64px;\n\n  margin: 0 auto 19px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-payment-card-icon svg {\n  width: 32px;\n  height: 32px;\n  stroke-width: 1.8;\n}\n\n.mis-payment-card h4 {\n  margin: 0 0 11px;\n\n  color: var(--mis-navy);\n\n  font-size: 15px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-payment-card p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   NOTE IMPORTANTE\n   ========================================================= *\/\n\n.mis-payment-note {\n  width: 100%;\n\n  margin-top: 22px;\n  padding: 19px 24px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  background: var(--mis-soft-blue);\n\n  border: 1px solid rgba(61,166,189,.16);\n  border-radius: 12px;\n}\n\n.mis-payment-note-icon {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.12);\n  border: 1px solid rgba(61,166,189,.22);\n\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 25px;\n  font-weight: 800;\n}\n\n.mis-payment-note strong {\n  color: var(--mis-blue-dark);\n\n  font-size: 14px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-payment-note p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   SECTION D\u2019AIDE\n   ========================================================= *\/\n\n.mis-payment-support {\n  width: 100%;\n\n  margin-top: 22px;\n  padding-top: 22px;\n\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: 18px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n.mis-payment-support-icon {\n  width: 52px;\n  height: 52px;\n  min-width: 52px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-payment-support-icon svg {\n  width: 29px;\n  height: 29px;\n  stroke-width: 1.8;\n}\n\n.mis-payment-support-copy h4 {\n  margin: 0 0 4px;\n\n  color: var(--mis-blue-dark);\n\n  font-size: 15px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-payment-support-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BOUTON DE CONTACT\n   ========================================================= *\/\n\n.mis-payment-contact,\n.mis-payment-contact:link,\n.mis-payment-contact:visited {\n  min-width: 220px;\n\n  padding: 14px 20px !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 15px !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n\n  border: 1.5px solid var(--mis-blue-dark) !important;\n  border-radius: 8px !important;\n\n  box-shadow: none !important;\n\n  color: var(--mis-blue-dark) !important;\n\n  font-size: 13px !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    transform .2s ease;\n}\n\n.mis-payment-contact:hover,\n.mis-payment-contact:focus,\n.mis-payment-contact:active {\n  background: var(--mis-blue-dark) !important;\n  color: #ffffff !important;\n\n  border-color: var(--mis-blue-dark) !important;\n\n  transform: translateY(-1px);\n}\n\n.mis-payment-contact-arrow {\n  font-size: 22px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mis-payment-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 950px) {\n\n  .mis-payment-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-payment-content {\n    padding: 32px 30px 36px;\n  }\n\n  .mis-payment-support {\n    grid-template-columns: auto 1fr;\n  }\n\n  .mis-payment-contact {\n    grid-column: 1 \/ -1;\n    width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-payment-toggle {\n    padding: 20px 18px;\n    gap: 13px;\n  }\n\n  .mis-payment-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-payment-main-icon svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .mis-payment-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-payment-heading p {\n    font-size: 12px;\n  }\n\n  .mis-payment-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-payment-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-payment-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .mis-payment-card {\n    min-height: 0;\n    padding: 22px 18px;\n  }\n\n  .mis-payment-card-icon {\n    width: 56px;\n    height: 56px;\n  }\n\n  .mis-payment-note {\n    align-items: flex-start;\n    padding: 18px 16px;\n    gap: 13px;\n  }\n\n  .mis-payment-support {\n    grid-template-columns: auto 1fr;\n  }\n\n  .mis-payment-contact {\n    grid-column: 1 \/ -1;\n    width: 100%;\n    min-width: 0;\n  }\n}\n<\/style>\n\n\n<section id=\"payments\">\n\n  <div class=\"mis-payment-shell\">\n\n\n    <!-- EN-T\u00caTE -->\n    <button\n      class=\"mis-payment-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-payment-content\"\n    >\n\n      <span class=\"mis-payment-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n          <path d=\"M3 9h18\"><\/path>\n          <path d=\"M7 14h4\"><\/path>\n          <rect x=\"15\" y=\"13\" width=\"6\" height=\"7\" rx=\"1\"><\/rect>\n          <path d=\"M17 13v-1a1 1 0 0 1 2 0v1\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-payment-heading\">\n\n        <h2>Paiements et frais<\/h2>\n\n        <p>\n          Facturation, \u00e9ch\u00e9ances de paiement, paiements \u00e9chelonn\u00e9s, remboursements et cr\u00e9dits.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-payment-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n    <div\n      class=\"mis-payment-content\"\n      id=\"mis-payment-content\"\n    >\n\n\n      <!-- INTRODUCTION -->\n      <div class=\"mis-payment-intro\">\n\n        <h3>Informations sur les paiements<\/h3>\n\n        <p>\n          Tout ce que vous devez savoir concernant le paiement de votre inscription aupr\u00e8s de MIS.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARTES -->\n      <div class=\"mis-payment-grid\">\n\n\n        <!-- MODE DE PAIEMENT -->\n        <article class=\"mis-payment-card\">\n\n          <div class=\"mis-payment-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n              <path d=\"M3 10h18\"><\/path>\n              <path d=\"M7 15h4\"><\/path>\n              <path d=\"M16 15h1\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Mode de paiement<\/h4>\n\n          <p>\n            Le paiement est effectu\u00e9 par carte de cr\u00e9dit au moment de finaliser l\u2019inscription.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- DATE D\u2019\u00c9CH\u00c9ANCE -->\n        <article class=\"mis-payment-card\">\n\n          <div class=\"mis-payment-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n              <path d=\"M8 3v4\"><\/path>\n              <path d=\"M16 3v4\"><\/path>\n              <path d=\"M4 9h16\"><\/path>\n              <path d=\"M9 14l2 2 4-4\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Date d\u2019\u00e9ch\u00e9ance du paiement<\/h4>\n\n          <p>\n            Le paiement est d\u00fb \u00e0 la date de l\u2019inscription. Les paiements en retard\n            peuvent entra\u00eener des frais de retard ou avoir une incidence sur la\n            participation aux prochains cours ou programmes.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- PAIEMENTS \u00c9CHELONN\u00c9S -->\n        <article class=\"mis-payment-card\">\n\n          <div class=\"mis-payment-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 4v8h8\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Plan de paiement<\/h4>\n\n          <p>\n            Des plans de paiement \u00e9chelonn\u00e9 sont offerts au moment de l\u2019inscription\n            moyennant des frais de 6,5 %. Un montant correspondant \u00e0 50 % du total\n            est pay\u00e9 imm\u00e9diatement et le solde restant est r\u00e9parti selon l\u2019option\n            de paiement \u00e9chelonn\u00e9 s\u00e9lectionn\u00e9e.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- REMBOURSEMENTS -->\n        <article class=\"mis-payment-card\">\n\n          <div class=\"mis-payment-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M18 8a7 7 0 1 0 1 7\"><\/path>\n              <path d=\"M18 4v4h-4\"><\/path>\n              <path d=\"M12 8v8\"><\/path>\n              <path d=\"M14 10h-3a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-3\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Remboursements et cr\u00e9dits<\/h4>\n\n          <p>\n            Les remboursements et les cr\u00e9dits sont trait\u00e9s conform\u00e9ment aux\n            politiques d\u2019annulation et d\u2019inscription applicables.\n          <\/p>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- NOTE IMPORTANTE -->\n      <div class=\"mis-payment-note\">\n\n        <div class=\"mis-payment-note-icon\">!<\/div>\n\n        <strong>Note importante<\/strong>\n\n        <p>\n          Les paiements doivent demeurer \u00e0 jour. Tout solde impay\u00e9 peut avoir\n          une incidence sur l\u2019acc\u00e8s aux prochains cours ou sur les inscriptions futures.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CONTACT -->\n      <div class=\"mis-payment-support\">\n\n\n        <div class=\"mis-payment-support-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 13v-2a7 7 0 0 1 14 0v2\"><\/path>\n            <path d=\"M5 13H3v5h4v-5z\"><\/path>\n            <path d=\"M19 13h2v5h-4v-5z\"><\/path>\n            <path d=\"M17 19c-1 2-3 2-5 2\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"mis-payment-support-copy\">\n\n          <h4>Vous avez des questions?<\/h4>\n\n          <p>\n            Notre \u00e9quipe se fera un plaisir de r\u00e9pondre \u00e0 vos questions concernant\n            les paiements, les paiements \u00e9chelonn\u00e9s, les remboursements ou la facturation.\n          <\/p>\n\n        <\/div>\n\n\n        <a\n          class=\"mis-payment-contact\"\n          href=\"https:\/\/swim-montreal.com\/fr\/contact\/\"\n        >\n          <span>Nous contacter<\/span>\n          <span class=\"mis-payment-contact-arrow\">\u203a<\/span>\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section = document.getElementById('payments');\n\n  if (!section) return;\n\n  const shell = section.querySelector('.mis-payment-shell');\n  const toggle = section.querySelector('.mis-payment-toggle');\n\n  toggle.addEventListener('click', function () {\n\n    const isClosed = shell.classList.toggle('is-closed');\n\n    toggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e77457 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e77457\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-658cf9c\" data-id=\"658cf9c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49934c2 elementor-widget elementor-widget-html\" data-id=\"49934c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 COURS \u00c0 DOMICILE\n   ========================================================= *\/\n\n#at-home-lessons {\n  --mis-navy: #201c4b;\n  --mis-blue: #3da6bd;\n  --mis-blue-dark: #168da5;\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n  --mis-soft-blue: #f3f9fb;\n  --mis-soft-blue-2: rgba(61,166,189,.045);\n\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#at-home-lessons * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTENEUR EXT\u00c9RIEUR\n   ========================================================= *\/\n\n.mis-home-shell {\n  width: 100%;\n\n  background: #ffffff;\n\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n   ========================================================= *\/\n\n.mis-home-toggle {\n  width: 100%;\n\n  padding: 24px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n\n  box-shadow: none !important;\n\n  color: var(--mis-navy) !important;\n\n  text-align: left;\n  cursor: pointer;\n\n  font-family: inherit;\n}\n\n.mis-home-toggle:hover,\n.mis-home-toggle:focus,\n.mis-home-toggle:active {\n  background: #fbfdfe !important;\n\n  color: var(--mis-navy) !important;\n\n  box-shadow: none !important;\n}\n\n.mis-home-main-icon {\n  width: 56px;\n  height: 56px;\n  min-width: 56px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-home-main-icon svg,\n.mis-home-card-icon svg,\n.mis-home-detail-icon svg,\n.mis-home-support-icon svg {\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-home-main-icon svg {\n  width: 29px;\n  height: 29px;\n\n  stroke-width: 1.7;\n}\n\n.mis-home-heading {\n  flex: 1;\n}\n\n.mis-home-heading h2 {\n  margin: 0 0 4px;\n\n  color: var(--mis-navy);\n\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.mis-home-chevron {\n  width: 13px;\n  height: 13px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n\n  transition: transform .25s ease;\n}\n\n.mis-home-shell.is-closed .mis-home-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-home-content {\n  width: 100%;\n\n  padding: 34px 48px 38px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #ffffff;\n}\n\n.mis-home-shell.is-closed .mis-home-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.mis-home-intro {\n  max-width: 780px;\n\n  margin: 0 auto 24px;\n\n  text-align: center;\n}\n\n.mis-home-intro h3 {\n  margin: 0 0 6px;\n\n  color: var(--mis-navy);\n\n  font-size: 17px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-intro p {\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   CARTES PRINCIPALES\n   ========================================================= *\/\n\n.mis-home-grid {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n.mis-home-card {\n  min-height: 205px;\n\n  padding: 21px 18px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n\n  text-align: center;\n}\n\n.mis-home-card-icon {\n  width: 52px;\n  height: 52px;\n  min-width: 52px;\n\n  margin: 0 auto 13px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-home-card-icon svg {\n  width: 26px;\n  height: 26px;\n\n  stroke-width: 1.8;\n}\n\n.mis-home-card h4 {\n  margin: 0 0 7px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-card p {\n  max-width: 270px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   NOTE IMPORTANTE\n   ========================================================= *\/\n\n.mis-home-note {\n  width: 100%;\n\n  margin-top: 17px;\n\n  padding: 14px 17px;\n\n  display: grid;\n  grid-template-columns: 38px auto 1fr;\n  align-items: center;\n  gap: 12px;\n\n  background: var(--mis-soft-blue);\n\n  border: 1px solid rgba(61,166,189,.16);\n  border-radius: 10px;\n}\n\n.mis-home-note-icon {\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.12);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.mis-home-note strong {\n  color: var(--mis-blue-dark);\n\n  font-size: 12px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n\n  white-space: nowrap;\n}\n\n.mis-home-note p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PLUS DE D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-home-details {\n  width: 100%;\n\n  margin-top: 14px;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 12px;\n}\n\n.mis-home-details-toggle {\n  width: 100%;\n\n  padding: 16px 18px;\n\n  display: grid;\n  grid-template-columns: 40px 1fr 12px;\n  align-items: center;\n  gap: 13px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n\n  font-family: inherit;\n}\n\n.mis-home-details-toggle:hover,\n.mis-home-details-toggle:focus,\n.mis-home-details-toggle:active,\n.mis-home-details.is-open .mis-home-details-toggle {\n  background: var(--mis-soft-blue-2) !important;\n\n  box-shadow: none !important;\n}\n\n.mis-home-details-main-icon {\n  width: 38px;\n  height: 38px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 17px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.mis-home-details-copy strong {\n  display: block;\n\n  margin: 0 0 2px;\n\n  color: var(--mis-navy);\n\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-details-copy span {\n  display: block;\n\n  color: var(--mis-muted);\n\n  font-size: 11.5px;\n  line-height: 1.4;\n}\n\n.mis-home-details-arrow {\n  width: 9px;\n  height: 9px;\n\n  border-right: 2px solid var(--mis-blue-dark);\n  border-bottom: 2px solid var(--mis-blue-dark);\n\n  transform: rotate(45deg);\n\n  transition: transform .2s ease;\n}\n\n.mis-home-details.is-open .mis-home-details-arrow {\n  transform: rotate(225deg);\n}\n\n\n\/* =========================================================\n   CONTENU DES D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-home-details-body {\n  display: none;\n\n  padding: 0 18px 18px;\n}\n\n.mis-home-details.is-open .mis-home-details-body {\n  display: block;\n}\n\n.mis-home-details-inner {\n  padding-top: 14px;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   CARTES DE D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-home-detail-card {\n  padding: 14px;\n\n  display: grid;\n  grid-template-columns: 34px 1fr;\n  align-items: flex-start;\n  gap: 10px;\n\n  background: #f8fbfc;\n\n  border: 1px solid rgba(61,166,189,.11);\n  border-radius: 10px;\n}\n\n.mis-home-detail-icon {\n  width: 32px;\n  height: 32px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.10);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-home-detail-icon svg {\n  width: 16px;\n  height: 16px;\n\n  stroke-width: 1.8;\n}\n\n.mis-home-detail-copy h4 {\n  margin: 0 0 4px;\n\n  color: var(--mis-navy);\n\n  font-size: 12px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-detail-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 12px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   VALEURS DE L\u2019EAU\n   ========================================================= *\/\n\n.mis-home-water-values {\n  margin-top: 8px;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 5px;\n}\n\n.mis-home-water-value {\n  padding: 6px 8px;\n\n  background: #ffffff;\n\n  border: 1px solid rgba(61,166,189,.10);\n  border-radius: 6px;\n\n  color: var(--mis-text);\n\n  font-size: 11px;\n  line-height: 1.35;\n}\n\n.mis-home-water-value strong {\n  color: var(--mis-navy);\n}\n\n\n\/* =========================================================\n   AIDE\n   ========================================================= *\/\n\n.mis-home-support {\n  width: 100%;\n\n  margin-top: 18px;\n  padding-top: 18px;\n\n  display: grid;\n  grid-template-columns: 46px 1fr auto;\n  align-items: center;\n  gap: 15px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n.mis-home-support-icon {\n  width: 44px;\n  height: 44px;\n\n  border-radius: 50%;\n\n  background: rgba(61,166,189,.09);\n  color: var(--mis-blue-dark);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-home-support-icon svg {\n  width: 23px;\n  height: 23px;\n\n  stroke-width: 1.8;\n}\n\n.mis-home-support-copy h4 {\n  margin: 0 0 3px;\n\n  color: var(--mis-blue-dark);\n\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 800;\n\n  text-transform: uppercase;\n}\n\n.mis-home-support-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   CONTACT\n   ========================================================= *\/\n\n.mis-home-contact,\n.mis-home-contact:link,\n.mis-home-contact:visited {\n  min-width: 190px;\n\n  padding: 12px 17px !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 10px !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n\n  border: 1.5px solid var(--mis-blue-dark) !important;\n  border-radius: 8px !important;\n\n  color: var(--mis-blue-dark) !important;\n\n  box-shadow: none !important;\n\n  font-size: 12px !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n}\n\n.mis-home-contact:hover,\n.mis-home-contact:focus,\n.mis-home-contact:active {\n  background: var(--mis-blue-dark) !important;\n\n  color: #ffffff !important;\n}\n\n.mis-home-contact-arrow {\n  font-size: 19px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .mis-home-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n@media (max-width: 950px) {\n\n  .mis-home-toggle {\n    padding: 22px 30px;\n  }\n\n  .mis-home-content {\n    padding: 30px 30px 34px;\n  }\n\n  .mis-home-details-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .mis-home-support {\n    grid-template-columns: 44px 1fr;\n  }\n\n  .mis-home-contact {\n    grid-column: 1 \/ -1;\n\n    width: 100%;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-home-toggle {\n    padding: 19px 18px;\n\n    gap: 12px;\n  }\n\n  .mis-home-main-icon {\n    width: 46px;\n    height: 46px;\n    min-width: 46px;\n  }\n\n  .mis-home-main-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .mis-home-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-home-heading p {\n    font-size: 12px;\n  }\n\n  .mis-home-content {\n    padding: 24px 18px 27px;\n  }\n\n  .mis-home-intro {\n    margin-bottom: 20px;\n  }\n\n  .mis-home-intro h3 {\n    font-size: 15px;\n  }\n\n  .mis-home-intro p {\n    font-size: 13px;\n  }\n\n  .mis-home-grid {\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .mis-home-card {\n    min-height: 0;\n\n    padding: 18px 16px;\n  }\n\n  .mis-home-card-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n\n    margin-bottom: 11px;\n  }\n\n  .mis-home-card p {\n    max-width: 100%;\n  }\n\n  .mis-home-note {\n    grid-template-columns: 34px 1fr;\n\n    padding: 13px 14px;\n\n    gap: 10px;\n  }\n\n  .mis-home-note strong {\n    white-space: normal;\n  }\n\n  .mis-home-note p {\n    grid-column: 1 \/ -1;\n  }\n\n  .mis-home-details-toggle {\n    padding: 14px;\n\n    grid-template-columns: 36px 1fr 9px;\n\n    gap: 10px;\n  }\n\n  .mis-home-details-main-icon {\n    width: 34px;\n    height: 34px;\n  }\n\n  .mis-home-details-body {\n    padding: 0 12px 13px;\n  }\n\n  .mis-home-detail-card {\n    padding: 12px;\n\n    grid-template-columns: 30px 1fr;\n\n    gap: 9px;\n  }\n\n  .mis-home-detail-icon {\n    width: 29px;\n    height: 29px;\n  }\n\n  .mis-home-water-values {\n    grid-template-columns: 1fr;\n  }\n\n  .mis-home-support {\n    grid-template-columns: 42px 1fr;\n  }\n\n  .mis-home-contact {\n    grid-column: 1 \/ -1;\n\n    width: 100%;\n    min-width: 0;\n  }\n\n}\n<\/style>\n\n\n<section id=\"at-home-lessons\">\n\n  <div class=\"mis-home-shell\">\n\n\n    <!-- EN-T\u00caTE -->\n    <button\n      class=\"mis-home-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-home-content\"\n    >\n\n      <span class=\"mis-home-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M3 11l9-7 9 7\"><\/path>\n          <path d=\"M5 10v10h14V10\"><\/path>\n          <path d=\"M9 20v-6h6v6\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-home-heading\">\n\n        <h2>Cours \u00e0 domicile<\/h2>\n\n        <p>\n          Des cours de natation directement chez vous.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-home-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n    <div\n      class=\"mis-home-content\"\n      id=\"mis-home-content\"\n    >\n\n\n      <!-- INTRODUCTION -->\n      <div class=\"mis-home-intro\">\n\n        <h3>\u00c0 propos des cours \u00e0 domicile<\/h3>\n\n        <p>\n          Nos cours \u00e0 domicile vous permettent de profiter de l\u2019exp\u00e9rience MIS\n          dans votre piscine priv\u00e9e ou dans la piscine de votre immeuble en copropri\u00e9t\u00e9\n          ou de votre immeuble \u00e0 appartements. Voici ce que vous devez savoir avant de r\u00e9server.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARTES PRINCIPALES -->\n      <div class=\"mis-home-grid\">\n\n\n        <article class=\"mis-home-card\">\n\n          <div class=\"mis-home-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3 11l9-7 9 7\"><\/path>\n              <path d=\"M5 10v10h14V10\"><\/path>\n              <path d=\"M7 16c1 1 2 1 3 0s2-1 3 0 2 1 3 0\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>O\u00f9 nous enseignons<\/h4>\n\n          <p>\n            Les cours peuvent avoir lieu dans votre piscine priv\u00e9e ou dans la piscine\n            de votre immeuble en copropri\u00e9t\u00e9 ou de votre immeuble \u00e0 appartements.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"mis-home-card\">\n\n          <div class=\"mis-home-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\n              <circle cx=\"16\" cy=\"8\" r=\"3\"><\/circle>\n              <path d=\"M3 19c.3-4 2-6 5-6s4.7 2 5 6\"><\/path>\n              <path d=\"M11 15c1-1.3 2.5-2 5-2 3 0 4.7 2 5 6\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Taille du groupe<\/h4>\n\n          <p>\n            Les cours \u00e0 domicile sont offerts en format priv\u00e9 ou en petits groupes,\n            selon vos besoins et la configuration de la piscine.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"mis-home-card\">\n\n          <div class=\"mis-home-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n              <path d=\"M8 3v4\"><\/path>\n              <path d=\"M16 3v4\"><\/path>\n              <path d=\"M4 9h16\"><\/path>\n              <circle cx=\"15\" cy=\"15\" r=\"3\"><\/circle>\n              <path d=\"M15 13.5V15l1 1\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Horaire<\/h4>\n\n          <p>\n            Les options d\u2019horaire d\u00e9pendent des disponibilit\u00e9s des instructeurs\n            et seront confirm\u00e9es au moment de l\u2019organisation de vos cours.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"mis-home-card\">\n\n          <div class=\"mis-home-card-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n              <path d=\"M9 5V3h6v2\"><\/path>\n              <path d=\"M8 10l1.5 1.5L12 9\"><\/path>\n              <path d=\"M14 10h2\"><\/path>\n              <path d=\"M8 15l1.5 1.5L12 14\"><\/path>\n              <path d=\"M14 15h2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Quoi pr\u00e9parer<\/h4>\n\n          <p>\n            Veuillez vous assurer que l\u2019aire de la piscine est propre,\n            s\u00e9curitaire et pr\u00eate pour le cours avant l\u2019arriv\u00e9e de l\u2019instructeur.\n          <\/p>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- NOTE IMPORTANTE -->\n      <div class=\"mis-home-note\">\n\n        <div class=\"mis-home-note-icon\">!<\/div>\n\n        <strong>Note importante<\/strong>\n\n        <p>\n          Les cours \u00e0 domicile sont assujettis aux m\u00eames politiques de paiement,\n          d\u2019annulation et de cours manqu\u00e9s que nos cours de natation r\u00e9guliers.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PLUS DE D\u00c9TAILS -->\n      <div class=\"mis-home-details\">\n\n        <button\n          class=\"mis-home-details-toggle\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"mis-home-details-body\"\n        >\n\n          <span class=\"mis-home-details-main-icon\">\n            i\n          <\/span>\n\n\n          <span class=\"mis-home-details-copy\">\n\n            <strong>Plus de d\u00e9tails sur les cours \u00e0 domicile<\/strong>\n\n            <span>\n              M\u00e9t\u00e9o, qualit\u00e9 de l\u2019eau, acc\u00e8s \u00e0 la piscine et \u00e9quipement requis.\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"mis-home-details-arrow\"><\/span>\n\n        <\/button>\n\n\n        <div\n          class=\"mis-home-details-body\"\n          id=\"mis-home-details-body\"\n        >\n\n          <div class=\"mis-home-details-inner\">\n\n\n            <!-- M\u00c9T\u00c9O -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M7 17a4 4 0 1 1 1-7.9A5 5 0 0 1 18 11a3 3 0 0 1-1 6H7z\"><\/path>\n                  <path d=\"M13 3l-1 3\"><\/path>\n                  <path d=\"M17 5l-2 2\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>Politique en cas de m\u00e9t\u00e9o<\/h4>\n\n                <p>\n                  Les cours ont lieu beau temps, mauvais temps. Un cours sera report\u00e9\n                  uniquement s\u2019il y a du tonnerre ou des \u00e9clairs dans les 30 minutes\n                  pr\u00e9c\u00e9dant le cours.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- QUALIT\u00c9 DE L\u2019EAU -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>Qualit\u00e9 de l\u2019eau<\/h4>\n\n                <p>\n                  Les clients sont responsables de tester l\u2019eau le matin du cours.\n                <\/p>\n\n\n                <div class=\"mis-home-water-values\">\n\n                  <div class=\"mis-home-water-value\">\n                    <strong>Alcalinit\u00e9 :<\/strong> 80\u2013120 ppm\n                  <\/div>\n\n                  <div class=\"mis-home-water-value\">\n                    <strong>Chlore :<\/strong> 1\u20133 ppm\n                  <\/div>\n\n                  <div class=\"mis-home-water-value\">\n                    <strong>Sel :<\/strong> 1200\u20131800 ppm\n                  <\/div>\n\n                  <div class=\"mis-home-water-value\">\n                    <strong>pH :<\/strong> 7.2\u20137.8\n                  <\/div>\n\n                  <div class=\"mis-home-water-value\">\n                    <strong>Calcium :<\/strong> 200\u2013300 ppm\n                  <\/div>\n\n                <\/div>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- TEMP\u00c9RATURE -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M10 5a2 2 0 0 1 4 0v8a4 4 0 1 1-4 0z\"><\/path>\n                  <path d=\"M12 8v7\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>Temp\u00e9rature de l\u2019eau<\/h4>\n\n                <p>\n                  Nous recommandons une temp\u00e9rature de piscine de 84 \u00e0 86 \u00b0F\n                  afin d\u2019assurer un cours confortable et productif.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- ACC\u00c8S -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M3 11l9-7 9 7\"><\/path>\n                  <path d=\"M5 10v10h14V10\"><\/path>\n                  <path d=\"M8 20v-5h8v5\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>Acc\u00e8s \u00e0 la piscine<\/h4>\n\n                <p>\n                  Un chemin clair et d\u00e9gag\u00e9 doit permettre d\u2019acc\u00e9der \u00e0 la piscine.\n                  Les instructeurs ne sont pas autoris\u00e9s \u00e0 entrer dans la r\u00e9sidence.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- APR\u00c8S LE COURS -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                  <path d=\"M12 7v5l3 2\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>Apr\u00e8s le cours<\/h4>\n\n                <p>\n                  Apr\u00e8s le cours, les nageurs peuvent rester dans la piscine uniquement\n                  s\u2019ils sont activement supervis\u00e9s par un parent ou un tuteur.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- \u00c9QUIPEMENT -->\n            <article class=\"mis-home-detail-card\">\n\n              <div class=\"mis-home-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                  <rect x=\"5\" y=\"6\" width=\"14\" height=\"13\" rx=\"2\"><\/rect>\n                  <path d=\"M8 10h8\"><\/path>\n                  <path d=\"M8 14h5\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-home-detail-copy\">\n\n                <h4>\u00c9quipement pour les cours<\/h4>\n\n                <p>\n                  Les clients doivent fournir l\u2019\u00e9quipement n\u00e9cessaire aux cours.\n                  Les planches de natation sont fortement recommand\u00e9es, ainsi que\n                  des ballons et des nouilles de piscine.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- AIDE -->\n      <div class=\"mis-home-support\">\n\n        <div class=\"mis-home-support-icon\">\n\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M5 13v-2a7 7 0 0 1 14 0v2\"><\/path>\n            <path d=\"M5 13H3v5h4v-5z\"><\/path>\n            <path d=\"M19 13h2v5h-4v-5z\"><\/path>\n            <path d=\"M17 19c-1 2-3 2-5 2\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n\n        <div class=\"mis-home-support-copy\">\n\n          <h4>Vous avez des questions?<\/h4>\n\n          <p>\n            Communiquez avec nous si vous souhaitez savoir si des cours \u00e0 domicile\n            sont offerts \u00e0 votre piscine.\n          <\/p>\n\n        <\/div>\n\n\n        <a\n          class=\"mis-home-contact\"\n          href=\"https:\/\/swim-montreal.com\/fr\/contact\/\"\n        >\n\n          <span>Nous contacter<\/span>\n\n          <span class=\"mis-home-contact-arrow\">\u203a<\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById('at-home-lessons');\n\n  if (!section) return;\n\n\n  \/* SECTION PRINCIPALE *\/\n\n  const shell =\n    section.querySelector('.mis-home-shell');\n\n  const mainToggle =\n    section.querySelector('.mis-home-toggle');\n\n  mainToggle.addEventListener('click', function () {\n\n    const isClosed =\n      shell.classList.toggle('is-closed');\n\n    mainToggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n\n  \/* PLUS DE D\u00c9TAILS *\/\n\n  const details =\n    section.querySelector('.mis-home-details');\n\n  const detailsToggle =\n    section.querySelector('.mis-home-details-toggle');\n\n  detailsToggle.addEventListener('click', function () {\n\n    const isOpen =\n      details.classList.toggle('is-open');\n\n    detailsToggle.setAttribute(\n      'aria-expanded',\n      isOpen ? 'true' : 'false'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d3762a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d3762a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34ed778\" data-id=\"34ed778\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46f28d5 elementor-widget elementor-widget-html\" data-id=\"46f28d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 SAUVETEURS PRIV\u00c9S\n   ========================================================= *\/\n\n#private-lifeguards {\n  --mis-navy: #201c4b;\n  --mis-purple: #201c4b;\n  --mis-purple-soft: rgba(32,28,75,.07);\n  --mis-purple-soft-2: rgba(32,28,75,.035);\n  --mis-text: #33384f;\n  --mis-muted: #61687a;\n  --mis-border: #e4e8eb;\n\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  font-family: inherit;\n  scroll-margin-top: 120px;\n}\n\n#private-lifeguards * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTENEUR EXT\u00c9RIEUR\n   ========================================================= *\/\n\n.mis-lg-shell {\n  width: 100%;\n  background: #fff;\n  border-bottom: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE PRINCIPAL\n   ========================================================= *\/\n\n.mis-lg-toggle {\n  width: 100%;\n  padding: 26px 48px;\n\n  display: flex;\n  align-items: center;\n  gap: 18px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #fff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-lg-toggle:hover,\n.mis-lg-toggle:focus,\n.mis-lg-toggle:active {\n  background: #faf9fc !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-lg-main-icon {\n  width: 58px;\n  height: 58px;\n  min-width: 58px;\n\n  border-radius: 50%;\n\n  background: var(--mis-purple-soft);\n  color: var(--mis-purple);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-lg-main-icon svg,\n.mis-lg-icon svg,\n.mis-lg-detail-icon svg {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.mis-lg-main-icon svg {\n  width: 29px;\n  height: 29px;\n}\n\n.mis-lg-heading {\n  flex: 1;\n}\n\n.mis-lg-heading h2 {\n  margin: 0 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-lg-heading p {\n  margin: 0;\n\n  color: var(--mis-muted);\n\n  font-size: 15px;\n  line-height: 1.5;\n}\n\n.mis-lg-chevron {\n  width: 13px;\n  height: 13px;\n\n  border-right: 2px solid var(--mis-navy);\n  border-bottom: 2px solid var(--mis-navy);\n\n  transform: rotate(225deg);\n  transition: transform .25s ease;\n}\n\n.mis-lg-shell.is-closed .mis-lg-chevron {\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   CONTENU\n   ========================================================= *\/\n\n.mis-lg-content {\n  width: 100%;\n\n  padding: 38px 48px 42px;\n\n  border-top: 1px solid var(--mis-border);\n\n  background: #fff;\n}\n\n.mis-lg-shell.is-closed .mis-lg-content {\n  display: none;\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n   ========================================================= *\/\n\n.mis-lg-intro {\n  max-width: 820px;\n  margin: 0 auto 27px;\n\n  text-align: center;\n}\n\n.mis-lg-intro h3 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-lg-intro p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   CARTES PRINCIPALES\n   ========================================================= *\/\n\n.mis-lg-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.mis-lg-card {\n  padding: 22px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  text-align: center;\n\n  background: #fff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-lg-icon {\n  width: 50px;\n  height: 50px;\n  min-width: 50px;\n\n  margin-bottom: 14px;\n\n  border-radius: 50%;\n\n  background: var(--mis-purple-soft);\n  color: var(--mis-purple);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-lg-icon svg {\n  width: 25px;\n  height: 25px;\n}\n\n.mis-lg-card h4 {\n  margin: 0 0 8px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-lg-card p {\n  max-width: 310px;\n  margin: 0 auto;\n\n  color: var(--mis-text);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   NOTE IMPORTANTE SUR LA R\u00c9SERVATION\n   ========================================================= *\/\n\n.mis-lg-fee-note {\n  margin-top: 18px;\n  padding: 14px 18px;\n\n  background: var(--mis-purple-soft);\n\n  border: 1px solid rgba(32,28,75,.12);\n  border-radius: 10px;\n}\n\n.mis-lg-fee-note p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.mis-lg-fee-note strong {\n  color: var(--mis-navy);\n}\n\n\n\/* =========================================================\n   ACCORD\u00c9ON DES D\u00c9TAILS DE R\u00c9SERVATION\n   ========================================================= *\/\n\n.mis-lg-details {\n  width: 100%;\n\n  margin-top: 16px;\n\n  overflow: hidden;\n\n  background: #fff;\n\n  border: 1px solid var(--mis-border);\n  border-radius: 13px;\n}\n\n.mis-lg-details-toggle {\n  width: 100%;\n  padding: 18px 20px;\n\n  display: grid;\n  grid-template-columns: 44px 1fr 14px;\n  align-items: center;\n  gap: 14px;\n\n  border: 0 !important;\n  outline: 0 !important;\n\n  background: #fff !important;\n  background-image: none !important;\n  box-shadow: none !important;\n\n  text-align: left;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.mis-lg-details-toggle:hover,\n.mis-lg-details-toggle:focus,\n.mis-lg-details-toggle:active,\n.mis-lg-details.is-open .mis-lg-details-toggle {\n  background: var(--mis-purple-soft-2) !important;\n  color: var(--mis-navy) !important;\n  box-shadow: none !important;\n}\n\n.mis-lg-details-main-icon {\n  width: 42px;\n  height: 42px;\n\n  border-radius: 50%;\n\n  background: var(--mis-purple-soft);\n  color: var(--mis-purple);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 19px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.mis-lg-details-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--mis-navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-lg-details-copy span {\n  display: block;\n\n  color: var(--mis-muted);\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.mis-lg-details-arrow {\n  width: 10px;\n  height: 10px;\n\n  border-right: 2px solid var(--mis-purple);\n  border-bottom: 2px solid var(--mis-purple);\n\n  transform: rotate(45deg);\n  transition: transform .2s ease;\n}\n\n.mis-lg-details.is-open .mis-lg-details-arrow {\n  transform: rotate(225deg);\n}\n\n\n\/* =========================================================\n   CONTENU DES D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-lg-details-body {\n  display: none;\n\n  padding: 0 20px 20px;\n\n  background: #fff;\n}\n\n.mis-lg-details.is-open .mis-lg-details-body {\n  display: block;\n}\n\n.mis-lg-details-inner {\n  padding-top: 16px;\n\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n\n  border-top: 1px solid var(--mis-border);\n}\n\n\n\/* =========================================================\n   CARTES DE D\u00c9TAILS\n   ========================================================= *\/\n\n.mis-lg-detail-card {\n  padding: 16px;\n\n  display: grid;\n  grid-template-columns: 38px 1fr;\n  align-items: flex-start;\n  gap: 12px;\n\n  background: #faf9fc;\n\n  border: 1px solid rgba(32,28,75,.09);\n  border-radius: 11px;\n}\n\n.mis-lg-detail-icon {\n  width: 36px;\n  height: 36px;\n\n  border-radius: 50%;\n\n  background: var(--mis-purple-soft);\n  color: var(--mis-purple);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mis-lg-detail-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.mis-lg-detail-copy h4 {\n  margin: 1px 0 5px;\n\n  color: var(--mis-navy);\n\n  font-size: 13px;\n  line-height: 1.3;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mis-lg-detail-copy p {\n  margin: 0;\n\n  color: var(--mis-text);\n\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   LIEN VERS LE SERVICE\n   ========================================================= *\/\n\n.mis-lg-service-link {\n  margin-top: 20px;\n\n  display: flex;\n  justify-content: center;\n}\n\n.mis-lg-button,\n.mis-lg-button:link,\n.mis-lg-button:visited {\n  padding: 13px 22px !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 10px !important;\n\n  background: var(--mis-purple) !important;\n  background-image: none !important;\n\n  border: 1px solid var(--mis-purple) !important;\n  border-radius: 8px !important;\n\n  color: #fff !important;\n\n  box-shadow: none !important;\n\n  font-family: inherit !important;\n  font-size: 13px !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n  text-decoration: none !important;\n  text-transform: uppercase !important;\n\n  transition: transform .2s ease, opacity .2s ease;\n}\n\n.mis-lg-button:hover,\n.mis-lg-button:focus,\n.mis-lg-button:active {\n  background: var(--mis-purple) !important;\n  color: #fff !important;\n\n  opacity: .9;\n  transform: translateY(-1px);\n\n  box-shadow: none !important;\n}\n\n.mis-lg-button-arrow {\n  font-size: 18px;\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .mis-lg-toggle {\n    padding: 24px 30px;\n  }\n\n  .mis-lg-content {\n    padding: 32px 30px 36px;\n  }\n\n  .mis-lg-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mis-lg-details-inner {\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-lg-toggle {\n    padding: 20px 18px;\n    gap: 13px;\n  }\n\n  .mis-lg-main-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n  }\n\n  .mis-lg-heading h2 {\n    font-size: 17px;\n  }\n\n  .mis-lg-heading p {\n    font-size: 12px;\n  }\n\n  .mis-lg-content {\n    padding: 25px 18px 28px;\n  }\n\n  .mis-lg-intro h3 {\n    font-size: 16px;\n  }\n\n  .mis-lg-grid {\n    gap: 12px;\n  }\n\n  .mis-lg-card {\n    padding: 19px 16px;\n  }\n\n  .mis-lg-details-toggle {\n    padding: 15px;\n\n    grid-template-columns: 40px 1fr 10px;\n    gap: 11px;\n  }\n\n  .mis-lg-details-main-icon {\n    width: 38px;\n    height: 38px;\n  }\n\n  .mis-lg-details-body {\n    padding: 0 14px 15px;\n  }\n\n  .mis-lg-detail-card {\n    padding: 14px;\n\n    grid-template-columns: 34px 1fr;\n    gap: 10px;\n  }\n\n  .mis-lg-button {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n<section id=\"private-lifeguards\">\n\n  <div class=\"mis-lg-shell\">\n\n\n    <!-- EN-T\u00caTE DE LA SECTION PRINCIPALE -->\n\n    <button\n      class=\"mis-lg-toggle\"\n      type=\"button\"\n      aria-expanded=\"true\"\n      aria-controls=\"mis-lg-content\"\n    >\n\n      <span class=\"mis-lg-main-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n          <circle cx=\"12\" cy=\"12\" r=\"3.5\"><\/circle>\n          <path d=\"M6.5 6.5l3 3\"><\/path>\n          <path d=\"M14.5 14.5l3 3\"><\/path>\n          <path d=\"M17.5 6.5l-3 3\"><\/path>\n          <path d=\"M9.5 14.5l-3 3\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n\n      <span class=\"mis-lg-heading\">\n\n        <h2>Sauveteurs pour \u00e9v\u00e9nements priv\u00e9s<\/h2>\n\n        <p>\n          Des sauveteurs professionnels pour assurer la s\u00e9curit\u00e9 lors de votre \u00e9v\u00e9nement priv\u00e9 \u00e0 la piscine.\n        <\/p>\n\n      <\/span>\n\n\n      <span class=\"mis-lg-chevron\"><\/span>\n\n    <\/button>\n\n\n    <!-- CONTENU -->\n\n    <div\n      class=\"mis-lg-content\"\n      id=\"mis-lg-content\"\n    >\n\n\n      <!-- INTRODUCTION -->\n\n      <div class=\"mis-lg-intro\">\n\n        <h3>Vous organisez un \u00e9v\u00e9nement \u00e0 la piscine?<\/h3>\n\n        <p>\n          MIS offre les services de sauveteurs certifi\u00e9s pour les f\u00eates priv\u00e9es,\n          les \u00e9v\u00e9nements et les rassemblements \u00e0 la piscine afin que vous puissiez\n          profiter de vos invit\u00e9s pendant que nous veillons \u00e0 la s\u00e9curit\u00e9 aquatique.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARTES PRINCIPALES -->\n\n      <div class=\"mis-lg-grid\">\n\n\n        <!-- SURVEILLANCE -->\n\n        <article class=\"mis-lg-card\">\n\n          <div class=\"mis-lg-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3l7 3v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6z\"><\/path>\n              <path d=\"M9 12l2 2 4-5\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Surveillance certifi\u00e9e<\/h4>\n\n          <p>\n            MIS fournit des sauveteurs certifi\u00e9s pour surveiller les nageurs\n            et contribuer \u00e0 assurer la s\u00e9curit\u00e9 de votre \u00e9v\u00e9nement priv\u00e9.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- RATIO -->\n\n        <article class=\"mis-lg-card\">\n\n          <div class=\"mis-lg-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n              <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\n              <path d=\"M3 20c0-4 2.5-7 6-7s6 3 6 7\"><\/path>\n              <path d=\"M15 14c3 0 5 2.3 5 6\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>1 sauveteur pour 15 nageurs<\/h4>\n\n          <p>\n            Un sauveteur est requis pour chaque groupe de 15 nageurs.\n            Les \u00e9v\u00e9nements de plus grande envergure peuvent n\u00e9cessiter\n            plusieurs sauveteurs.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- MINIMUM -->\n\n        <article class=\"mis-lg-card\">\n\n          <div class=\"mis-lg-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 7v5l3 2\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n          <h4>Minimum de 3 heures<\/h4>\n\n          <p>\n            Les r\u00e9servations de sauveteurs priv\u00e9s sont assujetties\n            \u00e0 une p\u00e9riode de service minimale de trois heures.\n          <\/p>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- NOTE SUR LES ANNULATIONS -->\n\n      <div class=\"mis-lg-fee-note\">\n\n        <p>\n          <strong>Annulations et changements de date :<\/strong>\n          Toute annulation ou modification de la date d\u2019une r\u00e9servation\n          de sauveteur priv\u00e9 est assujettie \u00e0 des frais de 50 $.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PLUS DE D\u00c9TAILS SUR LA R\u00c9SERVATION -->\n\n      <div class=\"mis-lg-details\">\n\n        <button\n          class=\"mis-lg-details-toggle\"\n          type=\"button\"\n          aria-expanded=\"false\"\n          aria-controls=\"mis-lg-details-body\"\n        >\n\n          <span class=\"mis-lg-details-main-icon\">\n            i\n          <\/span>\n\n\n          <span class=\"mis-lg-details-copy\">\n\n            <strong>Plus de d\u00e9tails sur la r\u00e9servation<\/strong>\n\n            <span>\n              Acc\u00e8s \u00e0 la piscine, r\u00e9servations de derni\u00e8re minute et autres exigences importantes.\n            <\/span>\n\n          <\/span>\n\n\n          <span class=\"mis-lg-details-arrow\"><\/span>\n\n        <\/button>\n\n\n        <div\n          class=\"mis-lg-details-body\"\n          id=\"mis-lg-details-body\"\n        >\n\n          <div class=\"mis-lg-details-inner\">\n\n\n            <!-- ACC\u00c8S \u00c0 LA PISCINE -->\n\n            <article class=\"mis-lg-detail-card\">\n\n              <div class=\"mis-lg-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M4 18c2-2 4 2 6 0s4 2 6 0 4 2 6 0\"><\/path>\n                  <path d=\"M7 14V7\"><\/path>\n                  <path d=\"M7 7h5\"><\/path>\n                  <path d=\"M12 7v7\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-lg-detail-copy\">\n\n                <h4>Acc\u00e8s \u00e0 la piscine<\/h4>\n\n                <p>\n                  Le client est responsable de s\u2019assurer que la piscine est\n                  accessible et pr\u00eate pour le sauveteur pendant toute la dur\u00e9e\n                  de la r\u00e9servation.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- COURT PR\u00c9AVIS -->\n\n            <article class=\"mis-lg-detail-card\">\n\n              <div class=\"mis-lg-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                  <path d=\"M12 7v5\"><\/path>\n                  <path d=\"M12 16h.01\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-lg-detail-copy\">\n\n                <h4>R\u00e9servations \u00e0 moins de 48 heures<\/h4>\n\n                <p>\n                  Les r\u00e9servations effectu\u00e9es moins de 48 heures avant l\u2019\u00e9v\u00e9nement\n                  sont assujetties \u00e0 des frais suppl\u00e9mentaires de 20 % pour\n                  r\u00e9servation de derni\u00e8re minute.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- ANNULATIONS \/ CHANGEMENTS -->\n\n            <article class=\"mis-lg-detail-card\">\n\n              <div class=\"mis-lg-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n                  <path d=\"M8 3v4\"><\/path>\n                  <path d=\"M16 3v4\"><\/path>\n                  <path d=\"M4 9h16\"><\/path>\n                  <path d=\"M9 13l6 5\"><\/path>\n                  <path d=\"M15 13l-6 5\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-lg-detail-copy\">\n\n                <h4>Annulations et changements de date<\/h4>\n\n                <p>\n                  Toute annulation ou modification de la date est assujettie\n                  \u00e0 des frais de 50 $.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- MODIFICATIONS PAR MIS -->\n\n            <article class=\"mis-lg-detail-card\">\n\n              <div class=\"mis-lg-detail-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M4 7h13\"><\/path>\n                  <path d=\"M14 4l3 3-3 3\"><\/path>\n                  <path d=\"M20 17H7\"><\/path>\n                  <path d=\"M10 14l-3 3 3 3\"><\/path>\n                <\/svg>\n\n              <\/div>\n\n\n              <div class=\"mis-lg-detail-copy\">\n\n                <h4>Modifications par MIS<\/h4>\n\n                <p>\n                  MIS se r\u00e9serve le droit de modifier ou d\u2019annuler\n                  une r\u00e9servation de sauveteur priv\u00e9 lorsque n\u00e9cessaire.\n                <\/p>\n\n              <\/div>\n\n            <\/article>\n\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- LIEN VERS LA PAGE DES SAUVETEURS -->\n\n      <div class=\"mis-lg-service-link\">\n\n        <a\n          class=\"mis-lg-button\"\n          href=\"https:\/\/swim-montreal.com\/fr\/lifeguard\/\"\n        >\n\n          <span>Voir les services de sauveteurs<\/span>\n\n          <span class=\"mis-lg-button-arrow\">\u203a<\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const section =\n    document.getElementById('private-lifeguards');\n\n  if (!section) return;\n\n\n  \/* SECTION PRINCIPALE *\/\n\n  const shell =\n    section.querySelector('.mis-lg-shell');\n\n  const mainToggle =\n    section.querySelector('.mis-lg-toggle');\n\n  mainToggle.addEventListener('click', function () {\n\n    const isClosed =\n      shell.classList.toggle('is-closed');\n\n    mainToggle.setAttribute(\n      'aria-expanded',\n      isClosed ? 'false' : 'true'\n    );\n\n  });\n\n\n  \/* PLUS DE D\u00c9TAILS SUR LA R\u00c9SERVATION *\/\n\n  const details =\n    section.querySelector('.mis-lg-details');\n\n  const detailsToggle =\n    section.querySelector('.mis-lg-details-toggle');\n\n  detailsToggle.addEventListener('click', function () {\n\n    const isOpen =\n      details.classList.toggle('is-open');\n\n    detailsToggle.setAttribute(\n      'aria-expanded',\n      isOpen ? 'true' : 'false'\n    );\n\n  });\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cf00136 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cf00136\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b82426b\" data-id=\"b82426b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e4cb8e elementor-widget elementor-widget-html\" data-id=\"3e4cb8e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n\/* =========================================================\n   POLITIQUES MIS \u2014 APPEL \u00c0 L\u2019ACTION DE CONTACT\n   ========================================================= *\/\n\n.mis-policy-cta {\n  --mis-teal: #3da6bd;\n  --mis-teal-dark: #168da5;\n  --mis-navy: #201c4b;\n\n  width: 100%;\n  margin: 0;\n  padding: 30px 42px;\n\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: 22px;\n\n  background: var(--mis-teal);\n\n  border-radius: 14px;\n\n  font-family: inherit;\n  box-sizing: border-box;\n}\n\n.mis-policy-cta * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   IC\u00d4NE\n   ========================================================= *\/\n\n.mis-policy-cta-icon {\n  width: 54px;\n  height: 54px;\n  min-width: 54px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.14);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #ffffff;\n}\n\n.mis-policy-cta-icon svg {\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   TEXTE\n   ========================================================= *\/\n\n.mis-policy-cta-copy h3 {\n  margin: 0 0 5px;\n\n  color: #ffffff;\n\n  font-size: 20px;\n  line-height: 1.25;\n  font-weight: 800;\n}\n\n.mis-policy-cta-copy p {\n  margin: 0;\n\n  color: rgba(255,255,255,.92);\n\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   BOUTON\n   ========================================================= *\/\n\n.mis-policy-cta-button,\n.mis-policy-cta-button:link,\n.mis-policy-cta-button:visited {\n  min-width: 190px;\n\n  padding: 14px 20px !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 12px !important;\n\n  background: #ffffff !important;\n  background-image: none !important;\n\n  border: 0 !important;\n  border-radius: 8px !important;\n\n  box-shadow: none !important;\n\n  color: var(--mis-teal-dark) !important;\n\n  font-size: 13px !important;\n  line-height: 1.2 !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  text-decoration: none !important;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.mis-policy-cta-button:hover,\n.mis-policy-cta-button:focus,\n.mis-policy-cta-button:active {\n  background: #ffffff !important;\n  color: var(--mis-teal-dark) !important;\n\n  transform: translateY(-1px);\n\n  box-shadow: 0 5px 14px rgba(32,28,75,.14) !important;\n}\n\n.mis-policy-cta-arrow {\n  font-size: 21px;\n  line-height: 1;\n\n  transition: transform .2s ease;\n}\n\n.mis-policy-cta-button:hover .mis-policy-cta-arrow {\n  transform: translateX(3px);\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .mis-policy-cta {\n    grid-template-columns: auto 1fr;\n    padding: 26px 28px;\n  }\n\n  .mis-policy-cta-button {\n    grid-column: 1 \/ -1;\n    width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  .mis-policy-cta {\n    grid-template-columns: 1fr;\n    text-align: center;\n\n    padding: 24px 18px;\n  }\n\n  .mis-policy-cta-icon {\n    margin: 0 auto;\n  }\n\n  .mis-policy-cta-button {\n    width: 100%;\n    min-width: 0;\n  }\n}\n<\/style>\n\n\n<section class=\"mis-policy-cta\">\n\n  <div class=\"mis-policy-cta-icon\">\n\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M5 13v-2a7 7 0 0 1 14 0v2\"><\/path>\n      <path d=\"M5 13H3v5h4v-5z\"><\/path>\n      <path d=\"M19 13h2v5h-4v-5z\"><\/path>\n      <path d=\"M17 19c-1 2-3 2-5 2\"><\/path>\n    <\/svg>\n\n  <\/div>\n\n\n  <div class=\"mis-policy-cta-copy\">\n\n    <h3>Vous avez encore des questions?<\/h3>\n\n    <p>\n      Notre \u00e9quipe est l\u00e0 pour vous aider. Communiquez avec nous et nous nous ferons un plaisir de vous aider.\n    <\/p>\n\n  <\/div>\n\n\n  <a\n    class=\"mis-policy-cta-button\"\n    href=\"https:\/\/swim-montreal.com\/fr\/contact\/\"\n  >\n    <span>Nous contacter<\/span>\n    <span class=\"mis-policy-cta-arrow\">\u203a<\/span>\n  <\/a>\n\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil \/ Politiques Politiques &amp; R\u00e8glements Tout ce que vous devez savoir avant votre cours. Retrouvez les informations sur les r\u00e8glements de la piscine, les annulations, les paiements, les exigences propres \u00e0 chaque emplacement et plus encore. Avant votre cours \u203a \u00c0 la piscine \u203a R\u00e8glements des emplacements \u203a Annulations &amp; modifications \u203a Paiements \u203a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/pages\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":208,"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/pages\/385\/revisions"}],"predecessor-version":[{"id":7275,"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/pages\/385\/revisions\/7275"}],"wp:attachment":[{"href":"https:\/\/swim-montreal.com\/fr\/wp-json\/wp\/v2\/media?parent=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}