Uri: https%3A%2F%2Fquoivivrerimouski.ca%2Fprogestivale2026

Page name: Programmation estivale 2026 | Quoi vivre à Rimouski

Edit | Back

Date Scraped: 2026-05-23 05:20:54 -0400

Last Successful Refresh: 2026-05-23 05:20:54 -0400

Created: 2026-05-23 05:20:54 -0400

Updated: 2026-05-23 05:20:54 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html  lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H66LYRVBCR"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
          dataLayer.push(arguments);
      }
      gtag('js', new Date());

      gtag('config', 'G-H66LYRVBCR');
    </script>
    <meta charset="utf-8" />
    <meta name="description" content="La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!" />
    <meta name="abstract" content="La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!" />
    <meta name="geo.placename" content="Rimouski" />
    <meta name="geo.position" content="48.4034849,-68.8621409" />
    <meta name="geo.region" content="CA-QC" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://quoivivrerimouski.ca/progestivale2026" />
    <meta property="og:site_name" content="Programmation estivale 2026 | Quoi vivre à Rimouski" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Programmation estivale 2026 | Quoi vivre à Rimouski" />
    <meta property="og:description" content="La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!" />
    <meta property="og:image" content="https://quoivivrerimouski.ca/sites/default/files/styles/fb/public/2026-05/prog%20estivale.png?h=20315c93" />
    <meta property="og:image:secure_url" content="https://quoivivrerimouski.ca/themes/custom/quoivivrerimouski/css/img/og.png" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="316" />
    <meta property="place:location:longitude" content="-68.8621409" />
    <meta property="place:location:latitude" content="48.4034849" />
    <meta property="og:locality" content="Rimouski" />
    <meta property="og:region" content="Québec" />
    <meta property="og:postal_code" content="G5N5M8" />
    <meta property="og:country_name" content="Canada" />
    <meta property="og:email" content="quoivivre.rimouski@ville.rimouski.qc.ca" />
    <meta property="og:locale" content="fr_CA" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:description" content="La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!" />
    <meta name="twitter:title" content="Programmation estivale 2026 | Quoi vivre à Rimouski" />
    <meta name="twitter:image:alt" content="Programmation estivale 2026" />
    <meta name="twitter:image" content="https://quoivivrerimouski.ca/sites/default/files/styles/twi/public/2026-05/prog%20estivale.png" />
    <meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
    <meta name="MobileOptimized" content="width" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="/sites/default/files/favicon_1.png" type="image/png" />
    <title>Programmation estivale 2026 | Quoi vivre à Rimouski</title>
    <script src="https://kit.fontawesome.com/b5ff597667.js" crossorigin="anonymous"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/throbber-general.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?tezrje" />
    <link rel="stylesheet" media="all" href="/modules/contrib/ajax_loader/css/pulse.css?tezrje" />
    <link rel="stylesheet" media="all" href="/modules/contrib/extlink/css/extlink.css?tezrje" />
    <link rel="stylesheet" media="all" href="/modules/contrib/geolocation/css/geolocation-map.css?tezrje" />
    <link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/progress.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/action-links.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/breadcrumb.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/container-inline.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/details.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/exposed-filters.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/field.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/form.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/icons.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/inline-form.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/item-list.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/links.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/menu.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/more-link.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/pager.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tabledrag.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tableselect.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/tablesort.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/textarea.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/ui-dialog.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/components/messages.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/css/style.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap5/dist/icons/1.11.0/font/bootstrap-icons.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/custom/quoivivrerimouski/css/animate.css?tezrje" />
    <link rel="stylesheet" media="all" href="/themes/custom/quoivivrerimouski/css/global.css?tezrje" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  </head>
  <body   class="page-route-entity-node-canonical path-node page-node-type-evenements path-9677" >
    <div class="cookies-eu-banner" style="display: none;">
      <p>Nous utilisons des témoins appelés "Cookies" afin de vous fournir l'expérience de navigation la plus optimale et sécurisée qui soit.
        <strong><a class="ms-2" href="/politique-dachat#temoin" aria-label="En apprendre sur les cookies" rel="noopener noreferrer nofollow" target="_blank">En apprendre plus sur les cookies / témoins</a></strong>
        <button class="btn btn-primary ms-2" onClick="closeModal()">Accepter</button>
      </p>
    </div>
    <input type="hidden" class="nid" value="9677" />
    <a href="#main-content" class="visually-hidden focusable skip-link">
      Aller au contenu principal
    </a>
    <div class="dialog-off-canvas-main-canvas d-flex flex-column h-100" data-off-canvas-main-canvas>
      <header>
        <meta name="sitecheckerpro-site-verification" content="ed7a19d3dde1246b64374d01bd27573f">
        <nav class="navbar fixed-top navbar-expand-lg   ">
          <div class="container-fluid d-flex w-100">
            <div class="region region-nav-branding">
              <div id="block-sitebranding" class="block block-system block-system-branding-block">
                <div class="navbar-brand d-flex align-items-center">
                  <a href="/" title="Quoi Vivre Rimouski" rel="home" class="site-logo d-block">
                    <img src="/sites/default/files/logoqvr%20%281%29.png" alt="Quoi Vivre Rimouski" fetchpriority="high" />
                  </a>
                  <div>
                  </div>
                </div>
              </div>
            </div>
            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"><i class="fa-light fa-bars fa-2x"></i></span>
            </button>
            <div class="collapse navbar-collapse justify-content-md-center" id="navbarSupportedContent">
              <div class="region region-nav-main">
                <nav role="navigation" aria-labelledby="block-quoivivrerimouski-main-menu-menu" id="block-quoivivrerimouski-main-menu">
                  <h2 class="visually-hidden" id="block-quoivivrerimouski-main-menu-menu">Main navigation</h2>
                  <ul data-block="nav_main" class="navbar-nav justify-content-end flex-wrap nav-level-0">
                    <li class="nav-item">
                      <a href="/" class="nav-link" data-drupal-link-system-path="&lt;front&gt;">Calendrier culturel</a>
                    </li>
                    <li class="nav-item">
                      <a href="/billetterie" class="nav-link" data-drupal-link-system-path="node/2548">Billetterie | Inscription</a>
                    </li>
                    <li class="nav-item">
                      <a href="/evenements-en-ligne" class="nav-link" data-drupal-link-system-path="node/3325">Événements en ligne</a>
                    </li>
                    <li class="nav-item dropdown">
                      <span class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false" title="Expand menu Organismes">Organismes</span>
                      <ul data-block="nav_main" class="dropdown-menu nav-level-1">
                        <li class="nav-item">
                          <a href="/soumettre-un-evenement" class="dropdown-item" data-drupal-link-system-path="node/90">Soumettre un événement</a>
                        </li>
                        <li class="nav-item">
                          <a href="/politique-de-contenu" class="dropdown-item" data-drupal-link-system-path="node/105">Politique de contenu</a>
                        </li>
                        <li class="nav-item">
                          <a href="/informations-pour-les-organismes-culturels" class="dropdown-item" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
                        </li>
                        <li class="nav-item">
                          <a href="https://quoivivrerimouski.ca/user/login" class="dropdown-item">Connexion</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </nav>
      </header>
      <a id="main-content"></a>
      <div class="region region-content">
        <div data-drupal-messages-fallback class="hidden"></div>
        <div id="block-quoivivrerimouski-content" class="block block-system block-system-main-block">
          <div>
            <div class="banniere-evenement">
              <div class="banniere-evenement-blur"  style="background-image:  url(/sites/default/files/styles/fiche_d/public/2026-05/prog%20estivale.png?h=f0a6b24d);"></div>
              <div class="container-fluid pt-5">
                <div class="row align-items-center text-center text-lg-start pt-2">
                  <div class="col-12 col-lg-6 col-xl-5 mb-md-5">
                    <div class="mb-3">  <nav aria-label="breadcrumb">
                        <h2 id="system-breadcrumb" class="visually-hidden">Fil d'Ariane</h2>
                        <ol class="breadcrumb">
                          <li class="breadcrumb-item">
                            <a href="/">Quoi Vivre Rimouski</a>
                          </li>
                          <li class="breadcrumb-item">
                            Programmation Estivale 2026
                          </li>
                        </ol>
                      </nav>
                    </div>
                    <div class="categorie text-white d-none"></div>
                    <h1 class="text-white"><span class="field field--name-title field--type-string field--label-hidden">Programmation estivale 2026</span>
                    </h1>
                    <h2 class="h3 sous-titre text-white mb-5">
                      Ville de Rimouski
                    </h2>
                    <div class="text-white fw-bold">présenté par <span class="fw-light">Ville de Rimouski</span></div>
                    <div class="d-grid gap-2 d-md-block mt-5">
                    </div>
                  </div>
                  <div class="col-12 col-lg-6 col-xl-7 evenement-image text-xs-center text-sm-center text-md-right position-relative overflow-hidden">
                    <img class="shadow" alt="Programmation estivale 2026" src="/sites/default/files/styles/fiche_d/public/2026-05/prog%20estivale.png?h=f0a6b24d" />
                  </div>
                </div>
              </div>
            </div>
            <div class="mb-0">
              <div class="container-fluid">
                <div class="row">
                  <div class="col-12 col-lg-6 col-xl-5 text-center">
                    <div class="mb-5">
                      <i class="fa-thin fa-calendar-day fa-3x text-primary mb-3"></i>
                      <h3 class="mb-4">Dates</h3>
                      <div class="mb-3"><span class="h2">21 Mai 2026</span> au <span class="h2">26 Sep 2026</span></div>
                      <div class="btn-group">
                        <div class="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" class="fw-bold"><i class="fa-duotone fa-calendar-circle-plus text-primary"></i></div>
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="https://calendar.google.com/calendar/render?action=TEMPLATE&amp;text=Programmation+estivale+2026&amp;dates=20260521T000000/20260926T000000&amp;details=Ville+de+Rimouski%0A%0ASign%C3%A9+QuoiVivreRimouski.ca&amp;location=Ville+de+Rimouski&amp;sprop=&amp;sprop=name:">Ajouter à mon calendrier Google</a></li>
                          <li><a class="dropdown-item" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20260521T000000%0ADTEND:20260926T000000%0ASUMMARY:Programmation estivale 2026%0ADESCRIPTION:Ville de Rimouski

Signé QuoiVivreRimouski.ca%0ALOCATION:Ville de Rimouski%0AEND:VEVENT%0AEND:VCALENDAR">Ajouter à mon calendrier Apple</a></li>
                          <li><a class="dropdown-item" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20260521T000000%0ADTEND:20260926T000000%0ASUMMARY:Programmation estivale 2026%0ADESCRIPTION:Ville de Rimouski

Signé QuoiVivreRimouski.ca%0ALOCATION:Ville de Rimouski%0AEND:VEVENT%0AEND:VCALENDAR">Ajouter à mon calendrier Outlook</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="mb-5">
                      <i class="fa-thin fa-megaphone fa-3x text-primary mb-3"></i>
                      <h3 class="mb-3">Résumé</h3>
                      <div class="text-start">
                        <div class="clearfix text-formatted field field--name-field-description-longue-html- field--type-text-long field--label-hidden field__item">
                          <p>La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!</p>
                          <p><strong>Découvrez la programmation plus bas!</strong></p>
                          <p class="text-align-justify"><span style="font-family:&quot;Calibri Light&quot;,sans-serif;font-size:11.0pt;">Si une activité organisée par la Ville doit être annulée ou reportée en raison du mauvais temps ou d’un imprévu, rendez-vous sur le </span><a href="https://www.rimouski.ca/evenements"><span style="font-family:&quot;Calibri Light&quot;,sans-serif;font-size:11.0pt;">calendrier des événements </span></a><span style="font-family:&quot;Calibri Light&quot;,sans-serif;font-size:11.0pt;">du site de la Ville.</span></p>
                          <p class="text-align-justify"><span style="font-family:&quot;Calibri Light&quot;,sans-serif;font-size:11.0pt;">Pour voir la brochure complète :</span></p>
                          <p class="text-align-justify">&nbsp;</p>
                        </div>
                        <a target="_blank" title="Voir le site Web de l'événement" href="www.rimouski.ca/ete" class="text-primary">Voir le site Web de l'événement</a>
                      </div>
                    </div>
                  </div>
                  <div class="col-12 col-lg-12 col-xl-7">
                    <div style="position: sticky;top: 170px;">
                      <div class="row">
                        <div class="col-12 col-lg-6 col-xl-6">
                          <div class="section-fiche-evenenement">
                            <div class="mb-5">
                              <div class="text-center">
                                <i class="fa-thin fa-ticket-simple fa-3x text-primary mb-3"></i>
                                <h3 class="mb-4">Tarif</h3>
                                <span class="prix-evenement lblcolor">
                                  n/d
                                </span>
                                <p class="condition pt-3">
                                  <small>
                                    *Les tarifs peuvent comprendre ou non les taxes. Certaines conditions peuvent s'appliquer.
                                    Sujet à changements sans préavis.
                                  </small>
                                </p>
                              </div>
                              <div class='lienexterne text-center mt-4'>
                                <div>
                                  <div>
                                    <div class="d-flex justify-content-center">
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class='text-center mb-5'>
                            </div>
                          </div>
                        </div>
                        <div class="col-12 col-xl-6 mb-5 text-center">
                          <i class="fa-thin fa-location-dot fa-3x text-primary mb-3"></i>
                          <h3 class="mb-4">Lieu</h3>
                          <div>
                            <div class="mb-4">
                              <h5> Ville de Rimouski</h5>
                              <p>
                                205, avenue de la Cathédrale<br />
                                Rimouski (Québec) G5L 7C7
                              </p>
                              <div class="d-flex flex-wrap align-content-center justify-content-center">
                                <div class="ms-2 me-2 mb-4 d-flex align-items-center"><i class="fa-duotone fa-mobile text-primary me-3"></i> (418) 724-3157  </div>
                              </div>
                              <a target="_blank" href="https://rimouski.ca/" class="btn btn-lg btn-outline-primary d-inline-flex align-items-center" title="Visiter leur site Web">Visiter leur site Web <i class="fa-duotone fa-square-arrow-up-right ms-2"></i></a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="event_container_prog mb-5">
            <div class="container-fluid">
              <div class="row">
                <div class="text-white pb-4 pt-4">
                  <h2 class="text-start">Programmation</h2>
                </div>
                <div class="col-12">
                  <section data-history-node-id="9677" class="evenements full clearfix">
                    <div class='clearfix'></div>
                    <div class="views-element-container">
                      <div class="view view-copie-de-slide-evenement view-id-copie_de_slide_evenement view-display-id-block_18 js-view-dom-id-181396c0e660239dc77661b30a5942dd6217dd967d67b84b1d104c3546387ea7">
                        <div class="row">
                          <div class="col-12">
                            <div class="view-content">
                              <div class="row justify-content-start">
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/lancements-du-biblioclub"></a>
                                      <div class="event_date_content ">
                                        <!-- INTERVALLE DE DATE -->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div class="d-flex align-items-center">
                                            <div><span>06<br />
                                                Jun</span></div>
                                            <div class="ms-1 me-1">au</div>
                                            <div><span>13<br />
                                                Jun</span></div>
                                          </div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
 </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white"></div>
                                          <div class="event_lieu text-white">
                                            <span>Bibliothèques de la Ville de Rimouski</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Capture%20d%E2%80%99%C3%A9cran%202026-05-22%20085618.png?h=8d9a5445" width="260" height="340" alt="biblioclub" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/lancements-du-biblioclub" hreflang="fr">Lancements du BiblioCLUB</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//lancements-du-biblioclub"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/20-ans-de-la-salle-desjardins"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">07 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">10:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Salle Desjardins</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/20%20ans%20spectart.png?h=1c78478b" width="260" height="340" alt="20 ans" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/20-ans-de-la-salle-desjardins" hreflang="fr">20 ans de la salle Desjardins</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//20-ans-de-la-salle-desjardins"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/conte-sur-la-plage-patrick-dubois"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mardi <span class="jour">16 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Plage du Rocher-Blanc </span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/patrick%20conteur.png?h=b2541add" width="260" height="340" alt="patrick" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/conte-sur-la-plage-patrick-dubois" hreflang="fr">Conte sur la plage - Patrick Dubois</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//conte-sur-la-plage-patrick-dubois"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/cabaret-noir-et-blanc"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">20 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">10:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Espace TELUS (devant le complexe sportif Desjardins)</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Cabaret%20QVR.png?h=df42b5d6" width="260" height="340" alt="Cabaret" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/cabaret-noir-et-blanc" hreflang="fr">Cabaret Noir et Blanc</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//cabaret-noir-et-blanc"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/cabaret-noir-et-blanc"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">20 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Espace TELUS (devant le complexe sportif Desjardins)</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Cabaret%20QVR.png?h=df42b5d6" width="260" height="340" alt="Cabaret" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/cabaret-noir-et-blanc" hreflang="fr">Cabaret Noir et Blanc</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//cabaret-noir-et-blanc"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/banquet-du-solstice"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">21 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/banquet.png?h=e00c8403" width="260" height="340" alt="Banquet" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/banquet-du-solstice" hreflang="fr">Banquet du solstice</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//banquet-du-solstice"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/prestations-au-piano-public-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Vendredi <span class="jour">26 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/piano%20public.png?h=6a33917a" width="260" height="340" alt="piano public" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/prestations-au-piano-public-0" hreflang="fr">Prestations au piano public</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//prestations-au-piano-public-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/couleurs-et-cultures-en-plein-air"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">27 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">16:00</div>
                                          <div class="event_lieu text-white">
                                            <span></span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/couleurs%20et%20cultures%202026.png?h=ae70157f" width="260" height="340" alt="ciuleurs" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/couleurs-et-cultures-en-plein-air" hreflang="fr">Couleurs et cultures en plein air</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//couleurs-et-cultures-en-plein-air"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-soirees-dete-autour-du-feu"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">27 Jun</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">20:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Soir%C3%A9e%20%C3%A9t%C3%A9.png?h=807064f0" width="260" height="340" alt="PAC Feu" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-soirees-dete-autour-du-feu" hreflang="fr">Les soirées d&#039;été autour du feu</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-soirees-dete-autour-du-feu"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">02 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/maude-cyr-deschenes"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">05 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">12:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/maude.png?h=33200ac6" width="260" height="340" alt="maude" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/maude-cyr-deschenes" hreflang="fr">Maude Cyr-Deschênes</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//maude-cyr-deschenes"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/marimba"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">06 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/marimba.png?h=0dc022eb" width="260" height="340" alt="Marimba" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/marimba" hreflang="fr">Marimba</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//marimba"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/veronique-bilodeau-1"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mercredi <span class="jour">08 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place du 6-Mai-1950</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/V%C3%A9ronique%20Bilodeau.jpg?h=d7f8602b" width="260" height="340" alt="Véronique B" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/veronique-bilodeau-1" hreflang="fr">Véronique Bilodeau</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//veronique-bilodeau-1"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">09 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/prestations-au-piano-public-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Vendredi <span class="jour">10 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/piano%20public.png?h=6a33917a" width="260" height="340" alt="piano public" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/prestations-au-piano-public-0" hreflang="fr">Prestations au piano public</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//prestations-au-piano-public-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/le-diable-cinq"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">12 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">12:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/diable%20a%20cinq.png?h=7de4d00d" width="260" height="340" alt="Diable" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/le-diable-cinq" hreflang="fr">Le Diable à cinq</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//le-diable-cinq"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/cote-confiture"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">13 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/soeurs%20kifkif.png?h=dcd08494" width="260" height="340" alt="soeurs" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/cote-confiture" hreflang="fr">Côté Confiture</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//cote-confiture"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/jonny-arsenault"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mercredi <span class="jour">15 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place du 6-Mai-1950</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Jonny%20Arsenault.png?h=6da40441" width="260" height="340" alt="Jonny" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/jonny-arsenault" hreflang="fr">Jonny Arsenault</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//jonny-arsenault"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">16 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/king-melrose"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">19 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">12:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/king%20melrose.png?h=10c3cde6" width="260" height="340" alt="king melrose" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/king-melrose" hreflang="fr">King Melrose</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//king-melrose"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/maria-cannelloni-la-raviolimanie"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">20 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/maria%20c.png?h=1038ca17" width="260" height="340" alt="maria c" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/maria-cannelloni-la-raviolimanie" hreflang="fr">Maria Cannelloni - La Raviolimanie</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//maria-cannelloni-la-raviolimanie"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/guillaume-arsenault"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mercredi <span class="jour">22 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place du 6-Mai-1950</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Guillaume%20Arsenault.jpeg?h=82bc01cf" width="260" height="340" alt="Guillaume" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/guillaume-arsenault" hreflang="fr">Guillaume Arsenault</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//guillaume-arsenault"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">23 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/prestations-au-piano-public-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">25 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/piano%20public.png?h=6a33917a" width="260" height="340" alt="piano public" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/prestations-au-piano-public-0" hreflang="fr">Prestations au piano public</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//prestations-au-piano-public-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-soirees-dete-autour-du-feu"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">25 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">20:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Soir%C3%A9e%20%C3%A9t%C3%A9.png?h=807064f0" width="260" height="340" alt="PAC Feu" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-soirees-dete-autour-du-feu" hreflang="fr">Les soirées d&#039;été autour du feu</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-soirees-dete-autour-du-feu"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/alfa-rococo-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Dimanche <span class="jour">26 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">12:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/alfa%20rococo.png?h=be66000a" width="260" height="340" alt="alfa rococo" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/alfa-rococo-0" hreflang="fr">Alfa Rococo</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//alfa-rococo-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-briques"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">27 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/briques.png?h=7d339df9" width="260" height="340" alt="briques" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-briques" hreflang="fr">Les Briques</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-briques"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/piano-public-par-ample-man-danse"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mardi <span class="jour">28 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">14:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/ample.png?h=fabfece5" width="260" height="340" alt="ample man danse" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/piano-public-par-ample-man-danse" hreflang="fr">Piano public par Ample Man Danse</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//piano-public-par-ample-man-danse"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/piano-public-par-ample-man-danse"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mardi <span class="jour">28 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/ample.png?h=fabfece5" width="260" height="340" alt="ample man danse" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/piano-public-par-ample-man-danse" hreflang="fr">Piano public par Ample Man Danse</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//piano-public-par-ample-man-danse"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/tous-vents-brises-classiques"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mercredi <span class="jour">29 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place du 6-Mai-1950</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/brises.png?h=30ccf79c" width="260" height="340" alt="brises" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/tous-vents-brises-classiques" hreflang="fr">À tous vents «Brises classiques»</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//tous-vents-brises-classiques"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">30 Jul</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/couleurs-et-cultures-en-plein-air"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">01 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">16:00</div>
                                          <div class="event_lieu text-white">
                                            <span></span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/couleurs%20et%20cultures%202026.png?h=ae70157f" width="260" height="340" alt="ciuleurs" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/couleurs-et-cultures-en-plein-air" hreflang="fr">Couleurs et cultures en plein air</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//couleurs-et-cultures-en-plein-air"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/flip-fabrique-1"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">03 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">18:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/flip%20vacances.png?h=9a119478" width="260" height="340" alt="Flip fabrique" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/flip-fabrique-1" hreflang="fr">FLIP Fabrique</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//flip-fabrique-1"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/flip-fabrique-1"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">03 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Beauséjour</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/flip%20vacances.png?h=9a119478" width="260" height="340" alt="Flip fabrique" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/flip-fabrique-1" hreflang="fr">FLIP Fabrique</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//flip-fabrique-1"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/piala"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mercredi <span class="jour">05 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">17:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place du 6-Mai-1950</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Piala.jpeg?h=2fd6881e" width="260" height="340" alt="Piala" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/piala" hreflang="fr">Piala</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//piala"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">06 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/cinema-en-plein-air"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">06 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Parc Ernest-Lepage</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/2025_04_Bottine.jpg?h=4453ff0b" width="260" height="340" alt="Mlle Bottine" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/cinema-en-plein-air" hreflang="fr">Cinéma en plein air</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//cinema-en-plein-air"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/conte-sur-la-plage-olivier-garot"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Mardi <span class="jour">11 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Plage du Rocher-Blanc </span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/olivier%20conteur.png?h=e67ffbc0" width="260" height="340" alt="olivier garot" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/conte-sur-la-plage-olivier-garot" hreflang="fr">Conte sur la plage - Olivier Garot</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//conte-sur-la-plage-olivier-garot"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">13 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-flambettes-iii"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Lundi <span class="jour">17 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">19:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/FlambetesIII.png?h=58e3d097" width="260" height="340" alt="Flambettes 3" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-flambettes-iii" hreflang="fr">Les Flambettes III</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-flambettes-iii"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">20 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-midis-dete-au-bord-du-fleuve"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Jeudi <span class="jour">27 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">11:30</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/DinerPAC.png?h=3f01e5cd" width="260" height="340" alt="Diner pac" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-midis-dete-au-bord-du-fleuve" hreflang="fr">Les midis d&#039;été au bord du fleuve</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-midis-dete-au-bord-du-fleuve"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/prestations-au-piano-public-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">29 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/piano%20public.png?h=6a33917a" width="260" height="340" alt="piano public" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/prestations-au-piano-public-0" hreflang="fr">Prestations au piano public</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//prestations-au-piano-public-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-soirees-dete-autour-du-feu"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">29 Aoû</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">20:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Soir%C3%A9e%20%C3%A9t%C3%A9.png?h=807064f0" width="260" height="340" alt="PAC Feu" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-soirees-dete-autour-du-feu" hreflang="fr">Les soirées d&#039;été autour du feu</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-soirees-dete-autour-du-feu"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/prestations-au-piano-public-0"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">26 Sep</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">13:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/piano%20public.png?h=6a33917a" width="260" height="340" alt="piano public" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/prestations-au-piano-public-0" hreflang="fr">Prestations au piano public</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//prestations-au-piano-public-0"></a>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-6 col-sm-4 col-md-3 col-xl-2">
                                  <div class="event_listing mb-4 mb-md-5" >
                                    <div class="event_photo overflow-hidden ">
                                      <a class="event_lien" href="/les-soirees-dete-autour-du-feu"></a>
                                      <div class="event_date_content ">
                                        <!-- ÉVÉNEMENT MULTIPLE JOURNÉE-->
                                        <div class="event_date mb-2 text-white d-flex justify-content-between">
                                          <div>Samedi <span class="jour">26 Sep</span></div>
                                          <div class="event_puce" style="background:#CE202F;"></div>
                                        </div>
                                        <div class="event_infos_hover">
                                          <div class="event_heure text-white">20:00</div>
                                          <div class="event_lieu text-white">
                                            <span>Place des Anciens-Combattants</span>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="overflow-hidden">  <img loading="lazy" src="/sites/default/files/styles/calendrier_evenement/public/2026-05/Soir%C3%A9e%20%C3%A9t%C3%A9.png?h=807064f0" width="260" height="340" alt="PAC Feu" class="img-fluid image-style-calendrier-evenement" />
                                      </div>
                                      <div class="event_hover d-flex flex-column  h-100">
                                        <div class="mt-auto text-center p-3 p-md-4">
                                          <div class="mb-2">
                                            <span class="event_tarif">
                                              <span>Gratuit</span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="event_content pt-3 pb-3">
                                      <div class="titreEvent">
                                        <div class="d-flex align-items-start justify-content-between">
                                          <div style="width:88%;">
                                            <h3 class="text-white text-shadow h6 mb-0"><a href="/les-soirees-dete-autour-du-feu" hreflang="fr">Les soirées d&#039;été autour du feu</a> </h3>
                                          </div>
                                          <i class="fa-duotone icon-categorie ms-1 fa-1x  text-white"></i>
                                        </div>
                                      </div>
                                      <a href="https://quoivivrerimouski.ca//les-soirees-dete-autour-du-feu"></a>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </div>
          <div class="container-fluid mb-5">
            <div class="row">
              <div class="col-12">
                <div class="carte bg-dark overflow-hidden shadow-sm">
                  <div class='lieux'>
                    <div class="views-element-container">
                      <div class="view view-carte view-id-carte view-display-id-block_1 js-view-dom-id-a972c835a122c48ea85600b33ce18da8c592c4fcc693219c03eb897189b5aaee">
                        <div class="view-content">
                          <div  class="geolocation-map-wrapper" id="a972c835a122c48ea85600b33ce18da8c592c4fcc693219c03eb897189b5aaee" data-map-type="google_maps">
                            <div class="geolocation-map-controls">
                            </div>
                            <div class="geolocation-map-container js-show"></div>
                            <div  data-views-row-index="0" class="geolocation-location js-hide" id="6a117175e5207" data-lat="48.449936" data-lng="-68.5251509" data-set-marker="true" data-icon="/themes/custom/quoivivrerimouski/css/img/map-marker-solid.png" typeof="Place">
                              <span property="geo" typeof="GeoCoordinates">
                                <meta property="latitude" content="48.449936" />
                                <meta property="longitude" content="-68.5251509" />
                              </span>
                              <h2 class="location-title" property="name">Ville de Rimouski</h2>
                              <div class="location-content">
                                <div class="views-field views-field-title"><span class="field-content">Ville de Rimouski</span></div>
                                <div class="views-field views-field-field-geol">
                                  <div class="field-content"><span typeof="Place">
                                      <span property="geo" typeof="GeoCoordinates">
                                        <meta property="latitude" content="48.449936">
                                        <meta property="longitude" content="-68.5251509">
                                      </span>
                                      <span class="geolocation-latlng">48.449936, -68.5251509</span>
                                    </span>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="event_container_prog mb-5">
            <div class="container-fluid">
              <div class="row">
                <div class="col-12">
                  <div class="views-element-container"></div>
                  <div class="views-element-container">
                    <div class="view view-copie-de-slide-evenement view-id-copie_de_slide_evenement view-display-id-block_7 js-view-dom-id-b9ba3a01b178e03e02469374dcc2d6c6fd4e639579dfb44bd70e3ddd7f65677a">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="container-fluid mb-5">
            <div class="row ">
              <div class="col-12">
                <div class="section-fiche-evenenement">
                  <div class="share-fiche-evenement text-center">
                    <i class="fa-thin fa-thumbs-up fa-3x text-primary mb-3"></i>
                    <h3 class="mb-4">Partagez cet événement</h3>
                    <div class="event_sociaux" >
                      <div class="addthis_toolbox addthis_default_style d-flex align-items-center justify-content-center">
                        <div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="100"><a class="addthis_button_facebook" title='Partage sur Facebook'><i class="fa-brands fa-2x fa-facebook-f" aria-hidden="true"></i></a></div>
                        <div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="200"><a class="addthis_button_twitter" title='Partage sur Twitter'><i class="fa-brands fa-2x fa-twitter" aria-hidden="true"></i></a></div>
                        <div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="300"><a class="addthis_button_pinterest" title='Partage sur Pinterest'><i class="fa-brands fa-2x fa-pinterest " aria-hidden="true"></i></a></div>
                        <div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="400"><a class="addthis_button_linkedin" title='Partage sur Linkedin'><i class="fa-brands fa-2x fa-linkedin" aria-hidden="true"></i></a></div>
                        <div class="ms-3 me-3" data-aos="fade-up" data-aos-delay="500"><a class="addthis_button_email" title='Envoyer à un ami'><i class="fa-thin fa-2x fa-envelope" aria-hidden="true"></i></a></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <input type="hidden" value="0" id="chapeau_virtuel" />
          <div id="assistance-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content position-relative">
                <div class="modal-body p-5">
                  <h2 class='text-center'><i class="fa-duotone fa-comment-question"></i><br />
                     Envoyer un message à l'assistance technique</h2>
                  <form method="POST" id='form_assistance_technique'>
                    <input required name="courriel_support" type="hidden" class="form-control" value="quoivivre.rimouski@rimouski.ca" aria-describedby="emailHelp">
                    <div class="form-group mb-3 required">
                      <label>Votre adresse courriel</label>
                      <input required name="courriel" type="email" class="form-control" aria-describedby="emailHelp">
                    </div>
                    <div class="form-group mb-3 required">
                      <label>Votre numéro de téléphone</label>
                      <input required name="telephone" type="text" class="form-control" aria-describedby="emailHelp">
                    </div>
                    <div class="form-group mb-3 required">
                      <label>Votre message</label>
                      <textarea required name="message"class="form-control" rows='5'>J'ai un problème avec l'événement Programmation estivale 2026...</textarea>
                      <small id="emailHelp" class="form-text text-muted">Merci de <strong>détailler</strong> votre problème pour accélérer la demande..</small>
                    </div>
                    <div class='text-center'>
                      <button type="submit" class="btn btn-primary">Envoyer la demande</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <script type="application/ld+json">
            {
            "@context":"http://schema.org/",
            "@type":"Event",
            "additionalType":"http://kg.artsdata.ca/resource/Event",
            "name":"Programmation estivale 2026",
                    "startDate":"2026-05-21",
                "endDate":"2026-09-26",

            "eventStatus":"https://schema.org/Programmé",
            "eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode",
            "description":"La Ville de Rimouski présente la programmation estivale 2026. Une foule d’activités vous attend cet été : séries de spectacles, contes sur la grève, initiation à l’astronomie, balades animées, cinéma en plein air et plus encore! Venez profiter du beau temps rimouskois en famille et entre amis!Découvrez la programmation plus bas!Si une activité organisée par la Ville doit être annulée ou reportée en raison du mauvais temps ou d’un imprévu, rendez-vous sur le calendrier des événements du site de la Ville.Pour voir la brochure complète :&amp;nbsp;",
            "url":"https://quoivivrerimouski.ca/progestivale2026",
            "duration":"PT1H00M",
            "image":"https://quoivivrerimouski.ca/sites/default/files/styles/fiche_d/public/2026-05/prog%20estivale.png?h=f0a6b24d",
            "organizer":{
            "@type":"Organization",
            "name":"Ville de Rimouski",
            "url":""
            },

                "performer":[{
                "@type":"Organization",
                "name":"",
                "url":""
                }],
            "location":[
            {
              "@type":"Place",
              "name":"Ville de Rimouski",
            "address":{
            "@type":"PostalAddress",
            "addressLocality":"Rimouski",
            "addressRegion":"Qu\u00E9bec",
            "postalCode":"G5L\u00207C7",
            "streetAddress":"205,\u0020avenue\u0020de\u0020la\u0020Cath\u00E9drale",
            "addressCountry":"CA"
              }
            }
            ],

            "offers":[{
            "@type":"Offer",
            "availability":"http://schema.org/InStock",
            "url":"https://quoivivrerimouski.ca/progestivale2026",
            "validFrom":"ven 22/05/2026 - 09:30",
            "price":"",
            "priceCurrency":"CAD"
            }
                ],

            "mainEntityOfPage":[{
            "@type":"WebPage",
            "inLanguage":"fr",
            "url":"https://quoivivrerimouski.ca/progestivale2026",
            "lastReviewed":"2026-05-22 11:21"
            }]

            }
          </script>
        </div>
      </div>
      <div class="container-fluid pt-5 pb-5 mb-5">
        <div class="row">
          <div class="col-12 col-xl-10 offset-xl-1">
            <div class="row">
              <div class="col-12 col-lg-4 col-md-4 mb-4">
                <div class="BLOC-INFO suggeventfront d-flex align-items-end p-4 position-relative rounded">
                  <a href="/soumettre-un-evenement" class='z-index-1'></a>
                  <div class="region region-suggevent">
                    <div id="block-suggererunevenement" class="block block-block-content block-block-content824766a8-b663-4af5-baf2-2bb13216a3f6">
                      <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                        <h3>Suggérer un événement</h3>
                        <p>Afficher un événement sur Quoivivrerimouski.com, c’est rapide et gratuit! Un délai de 5 jours ouvrables peut être nécessaire avant la mise en ligne de votre événement.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-4 col-md-4 mb-4">
                <div class="BLOC-INFO tourismefront d-flex align-items-end p-4 position-relative rounded">
                  <a href="http://tourismerimouski.com/" class='z-index-1' target="_blank"></a>
                  <div class="region region-tourisme">
                    <div id="block-restaurantsethebergement" class="block block-block-content block-block-contentda6c7f72-64b4-4e22-a5e8-0f6a601a6954">
                      <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                        <h3>Tourisme</h3>
                        <p>Pour bonifier l’expérience de votre séjour culturel à Rimouski, trouver de l’information sur les restaurants, l'hébergement, les activités de plein air et bien plus, sur le site Web de Tourisme Rimouski.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-4 col-md-4 mb-4">
                <div class="BLOC-INFO villefront d-flex align-items-end p-4 position-relative rounded">
                  <a href="http://ville.rimouski.qc.ca/" class='z-index-1' target="_blank"></a>
                  <div class="region region-rimouski">
                    <div id="block-villederimouski" class="block block-block-content block-block-content3ce4e6dc-08f3-4c5e-b977-187cf3fc6c2c">
                      <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                        <h3>Ville de Rimouski</h3>
                        <p>Pour découvrir une panoplie d’information sur la Ville de Rimouski, consultez le site Web.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <footer class="footer hidden-print" role="contentinfo">
        <div class="container-fluid">
          <div class="col-lg-12">
            <div class="row text-center text-lg-start">
              <div class="col-12 col-lg-3 mb-4">
                <div class="region region-footercol2">
                  <div id="block-telephoneetadresse" class="block block-block-content block-block-content3ad6799c-ec27-4c87-9e0f-01aa18426589">
                    <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                      <h2><strong>Ville de Rimouski</strong></h2>
                      <p><br>
                        <strong>Service des loisirs, de la culture<br>
                          et de la vie communautaire</strong></p>
                      <p style="margin-bottom:.0001pt">186, avenue de la Cathédrale C.P. 710</p>
                      <p style="margin-bottom:.0001pt">Rimouski (Québec)&nbsp; G5L 7C7</p>
                      <p style="margin-bottom:.0001pt">&nbsp;</p>
                      <p><a class="courriel" href="mailto:quoivivre.rimouski@ville.rimouski.qc.ca">quoivivre.rimouski@rimouski.ca</a></p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-2 mb-4">
                <h3 class="h6 fw-bold">Événement</h3>
                <div class="region region-footercol3">
                  <nav role="navigation" aria-labelledby="block-evenements-menu" id="block-evenements">
                    <h2 class="visually-hidden" id="block-evenements-menu">Événements</h2>
                    <ul data-block="footercol3" class="nav navbar-nav">
                      <li class="nav-item">
                        <a href="/" class="nav-link" data-drupal-link-system-path="&lt;front&gt;">Calendrier culturel</a>
                      </li>
                      <li class="nav-item">
                        <a href="/billetterie" class="nav-link" data-drupal-link-system-path="node/2548">Billetterie/Inscriptions</a>
                      </li>
                      <li class="nav-item">
                        <a href="/evenements-en-ligne" class="nav-link" data-drupal-link-system-path="node/3325">Événements en ligne  </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              <div class="col-12 col-lg-2 mb-4">
                <h3 class="h6 fw-bold">À propos </h3>
                <div class="region region-footercol4">
                  <nav role="navigation" aria-labelledby="block-apropos-menu" id="block-apropos">
                    <h2 class="visually-hidden" id="block-apropos-menu">À propos</h2>
                    <ul data-block="footercol4" class="nav navbar-nav">
                      <li class="nav-item">
                        <a href="/quoi-vivre-rimouski" class="nav-link" data-drupal-link-system-path="node/88">À propos</a>
                      </li>
                      <li class="nav-item">
                        <a href="/conditions-dutilisation" class="nav-link" data-drupal-link-system-path="node/106">Conditions d&#039;utilisation</a>
                      </li>
                      <li class="nav-item">
                        <a href="/netiquette" class="nav-link" data-drupal-link-system-path="node/164">Nétiquette</a>
                      </li>
                      <li class="nav-item">
                        <a href="/politique-dachat" class="nav-link" data-drupal-link-system-path="node/2550">Politique d&#039;achat</a>
                      </li>
                      <li class="nav-item">
                        <a href="/faq" class="nav-link" data-drupal-link-system-path="node/3338">Foire aux questions</a>
                      </li>
                      <li class="nav-item">
                        <a href="/nous-joindre" class="nav-link" data-drupal-link-system-path="node/3339">Nous joindre</a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              <div class="col-12 col-lg-2 mb-4">
                <h3 class="h6 fw-bold">Organisme </h3>
                <div class="region region-footercol5">
                  <nav role="navigation" aria-labelledby="block-organisme-menu" id="block-organisme">
                    <h2 class="visually-hidden" id="block-organisme-menu">Organisme</h2>
                    <ul data-block="footercol5" class="nav navbar-nav">
                      <li class="nav-item">
                        <a href="/soumettre-un-evenement" class="nav-link" data-drupal-link-system-path="node/90">Soumettre un événement</a>
                      </li>
                      <li class="nav-item">
                        <a href="/politique-de-contenu" class="nav-link" data-drupal-link-system-path="node/105">Politique de contenu</a>
                      </li>
                      <li class="nav-item">
                        <a href="https://www.quoivivrerimouski.ca/trousse-media" class="nav-link">Trousse média</a>
                      </li>
                      <li class="nav-item">
                        <a href="/informations-pour-les-organismes-culturels" class="nav-link" data-drupal-link-system-path="node/2852">Informations pour les organismes</a>
                      </li>
                      <li class="nav-item">
                        <a href="https://quoivivrerimouski.ca/user/login" class="nav-link">Connexion</a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              <div class="col-12 col-lg-1 text-center mb-4">
                <div><a href="https://www.facebook.com/QuoivivreRimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-facebook-f fa-2x" aria-hidden="true"></i></a></div>
                <div><a href="https://twitter.com/quoivivre" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-twitter fa-2x" aria-hidden="true"></i></a></div>
                <div><a href="https://www.instagram.com/quoivivrerimouski/" target="_blank" class="sociaux-top d-block mb-4 text-dark"><i class="fab fa-instagram fa-2x" aria-hidden="true"></i></a></div>
              </div>
              <div class="col-12 col-lg-2 text-center mb-4">
                <div class="mb-4">
                  <!--<h3 class="hp">Entente de développement culturel</h3>
                                <img alt="Ville de Rimouski" src="/themes/custom/quoivivrerimouski/css/img/logo_villerimouski.png" />
                                <img alt="Gouvernement du Québec" src="/themes/custom/quoivivrerimouski/css/img/logo_gouvquebec.png" />
                                -->
                  <img alt="Entente de développement culturel" src="/themes/custom/quoivivrerimouski/css/img/logo_edcr.png" />
                </div>
              </div>
            </div>
            <div class="row copyright pt-5 pb-5">
              <div class="col-12 text-center">
                <p><small>© Tous droits réservés, Ville de Rimouski</small></p>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <div id="billeterie-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-0">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="paypal-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-5">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="annulation-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-5">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="code-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-0">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="spectacle-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
        <div class="modal-content position-relative w-100">
          <div class="modal-body w-100 p-0">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="chapeau-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-0">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div id="sondage-modal" class="modal fade modal-billeterie" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content position-relative">
          <div class="modal-body p-0">
            <p style="padding:20px;text-align:center;">Chargement...</p>
          </div>
        </div>
      </div>
    </div>
    <div class='load-billeterie d-none'>
      <div><i class="fa-thin fa-spinner-third fa-spin m-0 p-0"></i></div>
    </div>
    <script src="https://www.youtube.com/player_api"></script>
    <script type="text/javascript" src="/themes/custom/quoivivrerimouski/library/ckeditor/ckeditor.js"></script>
    <script type="application/json" data-drupal-selector="drupal-settings-json">
      {"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/9677","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1kEFywyAMRS9kzKrnYQRWqBKBXCS7SU5fprZbtzPZaL7efwsBXOEeWGDC5uE3j_beJEZsQxQxtQbzm4-g-Gf_ie6qjsFQ7dxnlgjs1B5MNZ-bgqqQUYckDX2VVoDpiQPeras3P7VlBh73dcgoLAmMpPoCc0hYrd-YmHoIR_VKu5AdWM9OyCKZMXRVfZJSpPY4bvSluNcfi9BKa8NGRRa90f_X6kMNy_ZnK-Gn-u85FpkW3lGgeqFKhkFTE-ZNcQd1G_0CkG-lGA","theme":"quoivivrerimouski","theme_token":null},"ajaxTrustedUrl":[],"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-pulse\u0022\u003E\u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":false,"throbberPosition":"body"},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":false,"extClass":"0","extLabel":"(le lien est externe)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":null,"extExcludeNoreferrer":""}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:b9ba3a01b178e03e02469374dcc2d6c6fd4e639579dfb44bd70e3ddd7f65677a":{"view_name":"copie_de_slide_evenement","view_display_id":"block_7","view_args":"9677\/9677","view_path":"\/node\/9677","view_base_path":"recherche","view_dom_id":"b9ba3a01b178e03e02469374dcc2d6c6fd4e639579dfb44bd70e3ddd7f65677a","pager_element":0}}},"geolocation":{"maps":{"a972c835a122c48ea85600b33ce18da8c592c4fcc693219c03eb897189b5aaee":{"map_center":{"fit_bounds":{"map_center_id":"fit_bounds","option_id":"fit_bounds","settings":{"min_zoom":null,"reset_zoom":false},"weight":1},"client_location":{"map_center_id":"client_location","option_id":"client_location","settings":[],"weight":1}},"settings":{"google_map_settings":{"map_features":{"marker_infowindow":{"enabled":false,"weight":0,"settings":{"info_window_solitary":true,"disable_auto_pan":true,"info_auto_display":false,"max_width":null}},"control_locate":{"enabled":false,"weight":0,"settings":{"position":"TOP_LEFT"}},"control_zoom":{"enabled":false,"weight":0,"settings":{"position":"RIGHT_CENTER","behavior":"default","style":"LARGE"}},"control_maptype":{"enabled":false,"weight":0,"settings":{"position":"RIGHT_BOTTOM","behavior":"default","style":"DEFAULT"}},"marker_icon":{"weight":0,"settings":{"marker_icon_path":"","anchor":{"x":0,"y":0},"origin":{"x":0,"y":0},"label_origin":{"x":0,"y":0},"size":{"width":null,"height":null},"scaled_size":{"width":null,"height":null}},"enabled":false},"control_rotate":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"control_streetview":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"map_restriction":{"weight":0,"settings":{"north":"","south":"","east":"","west":"","strict":true},"enabled":false},"map_type_style":{"weight":0,"settings":{"style":"[\r\n    {\r\n        \u0022featureType\u0022: \u0022all\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022administrative\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022administrative\u0022,\r\n        \u0022elementType\u0022: \u0022labels.text.fill\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022color\u0022: \u0022#444444\u0022\r\n            },\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022administrative.neighborhood\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022landscape\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            },\r\n            {\r\n                \u0022color\u0022: \u0022#e0dfe0\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022landscape\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022poi\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022poi\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022poi.park\u0022,\r\n        \u0022elementType\u0022: \u0022geometry\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022color\u0022: \u0022#a8a9a8\u0022\r\n            },\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022saturation\u0022: -100\r\n            },\r\n            {\r\n                \u0022lightness\u0022: 45\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road\u0022,\r\n        \u0022elementType\u0022: \u0022geometry.fill\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            },\r\n            {\r\n                \u0022color\u0022: \u0022#5b5b5a\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road\u0022,\r\n        \u0022elementType\u0022: \u0022labels.text\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022color\u0022: \u0022#ffffff\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road\u0022,\r\n        \u0022elementType\u0022: \u0022labels.text.fill\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022color\u0022: \u0022#ffffff\u0022\r\n            },\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road\u0022,\r\n        \u0022elementType\u0022: \u0022labels.text.stroke\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            },\r\n            {\r\n                \u0022color\u0022: \u0022#5b5b5a\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road.highway\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022simplified\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road.highway\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022road.arterial\u0022,\r\n        \u0022elementType\u0022: \u0022labels.icon\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022transit\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022transit\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022water\u0022,\r\n        \u0022elementType\u0022: \u0022all\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022color\u0022: \u0022#ffffff\u0022\r\n            },\r\n            {\r\n                \u0022visibility\u0022: \u0022on\u0022\r\n            }\r\n        ]\r\n    },\r\n    {\r\n        \u0022featureType\u0022: \u0022water\u0022,\r\n        \u0022elementType\u0022: \u0022labels\u0022,\r\n        \u0022stylers\u0022: [\r\n            {\r\n                \u0022visibility\u0022: \u0022off\u0022\r\n            }\r\n        ]\r\n    }\r\n]"},"enabled":true},"marker_clusterer":{"weight":0,"settings":{"image_path":"","styles":"","max_zoom":15,"minimum_cluster_size":2,"zoom_on_click":true,"average_center":false,"grid_size":60},"enabled":false},"marker_infobubble":{"weight":0,"settings":{"close_other":1,"close_button":0,"close_button_src":"","shadow_style":0,"padding":10,"border_radius":8,"border_width":2,"border_color":"#039be5","background_color":"#fff","min_width":null,"max_width":550,"min_height":null,"max_height":null,"arrow_style":2,"arrow_position":30,"arrow_size":10},"enabled":false},"marker_label":{"weight":0,"settings":{"color":"","font_family":"","font_size":"","font_weight":""},"enabled":false},"marker_opacity":{"weight":0,"settings":{"opacity":1},"enabled":false},"geolocation_marker_scroll_to_id":{"weight":0,"settings":{"scroll_target_id":""},"enabled":false},"marker_zoom_to_animate":{"weight":0,"settings":{"marker_zoom_anchor_id":""},"enabled":false},"spiderfying":{"weight":0,"settings":{"spiderfiable_marker_path":"\/modules\/contrib\/geolocation\/modules\/geolocation_google_maps\/images\/marker-plus.svg","markersWontMove":true,"markersWontHide":false,"keepSpiderfied":true,"ignoreMapClick":false,"nearbyDistance":20,"circleSpiralSwitchover":9,"circleFootSeparation":23,"spiralFootSeparation":26,"spiralLengthStart":11,"spiralLengthFactor":4,"legWeight":1.5},"enabled":false},"google_maps_layer_traffic":{"weight":0,"enabled":false},"control_recenter":{"weight":0,"settings":{"position":"TOP_LEFT"},"enabled":false},"context_popup":{"weight":0,"settings":{"content":{"value":"","format":"restricted_html"}},"enabled":false},"google_maps_layer_bicycling":{"weight":0,"enabled":false},"client_location_indicator":{"weight":0,"enabled":false},"drawing":{"weight":0,"settings":{"polyline":false,"strokeColor":"#FF0000","strokeOpacity":"0.8","strokeWeight":"2","geodesic":false,"polygon":false,"fillColor":"#FF0000","fillOpacity":"0.35"},"enabled":false},"control_loading_indicator":{"weight":0,"settings":{"position":"TOP_LEFT","loading_label":"Loading"},"enabled":false},"geolocation_google_maps_control_directions":{"weight":0,"settings":{"position":"RIGHT_CENTER","behavior":"default","origin_source":"exposed","origin_static_value":"","destination_source":"exposed","destination_static_value":"","travel_mode":"exposed","directions_container":"below","directions_container_custom_id":""},"enabled":false},"map_disable_tilt":{"weight":0,"enabled":false},"map_disable_poi":{"weight":0,"enabled":false},"map_disable_user_interaction":{"weight":0,"enabled":false},"geolocation_shapes":{"weight":0,"settings":{"remove_markers":false,"polyline":true,"polyline_title":"","strokeColor":"#FF0000","strokeOpacity":0.8000000000000000444089209850062616169452667236328125,"strokeWidth":"2","polygon":false,"polygon_title":"","fillColor":"#FF0000","fillOpacity":0.34999999999999997779553950749686919152736663818359375},"enabled":false},"control_fullscreen":{"weight":0,"settings":{"position":"TOP_LEFT","behavior":"default"},"enabled":false},"control_geocoder":{"weight":0,"settings":{"position":"TOP_LEFT","geocoder":"google_geocoding_api","settings":{"label":"Adresse","description":"Enter an address to be localized.","autocomplete_min_length":1,"component_restrictions":{"route":"","country":"","administrative_area":"","locality":"","postal_code":""},"boundary_restriction":{"south":"","west":"","north":"","east":""},"region":""}},"enabled":false},"google_maps_layer_transit":{"weight":0,"enabled":false}},"type":"ROADMAP","zoom":14,"height":"400px","width":"100%","minZoom":10,"maxZoom":15,"gestureHandling":"auto","style":[{"featureType":"all","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"},{"visibility":"off"}]},{"featureType":"administrative.neighborhood","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"visibility":"on"},{"color":"#e0dfe0"}]},{"featureType":"landscape","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#a8a9a8"},{"visibility":"on"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#5b5b5a"}]},{"featureType":"road","elementType":"labels.text","stylers":[{"color":"#ffffff"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"},{"visibility":"on"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#5b5b5a"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#ffffff"},{"visibility":"on"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"off"}]}]}}}}},"user":{"uid":0,"permissionsHash":"d0abc2bbde0fd74a78119baa0cf68494decf88f83e5813b48ce950602eb2c46e"}}
    </script>
    <script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
    <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
    <script src="/sites/default/files/languages/fr_q40_vs94qL_N9cum6WXrULISkmSBSiZwCJd0xLXjiiE.js?tezrje"></script>
    <script src="/core/misc/drupalSettingsLoader.js?v=11.3.5"></script>
    <script src="/core/misc/drupal.js?v=11.3.5"></script>
    <script src="/core/misc/drupal.init.js?v=11.3.5"></script>
    <script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.3.0"></script>
    <script src="/themes/contrib/bootstrap5/dist/bootstrap/5.3.8/dist/js/bootstrap.bundle.js?v=5.3.8"></script>
    <script src="/core/misc/progress.js?v=11.3.5"></script>
    <script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
    <script src="/core/misc/debounce.js?v=11.3.5"></script>
    <script src="/core/misc/announce.js?v=11.3.5"></script>
    <script src="/core/misc/message.js?v=11.3.5"></script>
    <script src="/core/misc/ajax.js?v=11.3.5"></script>
    <script src="/modules/contrib/ajax_loader/js/ajax-throbber.js?v=1.x"></script>
    <script src="/modules/contrib/extlink/js/extlink.js?tezrje"></script>
    <script src="/modules/contrib/geolocation/js/MapCenter/client-location.js?tezrje"></script>
    <script src="/modules/contrib/geolocation/js/MapCenter/fitlocations.js?tezrje"></script>
    <script src="/modules/contrib/geolocation/js/geolocation-api.js?v=8.x-3.x"></script>
    <script src="/modules/contrib/geolocation/js/geolocation-map.js?v=8.x-3.x"></script>
    <script src="/modules/contrib/geolocation/js/geolocation-common-map.js?tezrje"></script>
    <script src="/modules/contrib/geolocation/modules/geolocation_google_maps/js/geolocation-google-maps-api.js?v=8.x-3.x"></script>
    <script src="/modules/contrib/geolocation/modules/geolocation_google_maps/js/geolocation-common-map-google.js?tezrje"></script>
    <script src="https://maps.googleapis.com/maps/api/js?libraries=&amp;key=AIzaSyBdt8EBnuZFe8fVT-CHZaJIxAopzF6HSDk&amp;callback=Drupal.geolocation.google.load" defer="defer" async="async"></script>
    <script src="/themes/custom/quoivivrerimouski/js/jquery.validate.min.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/messages_fr.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/printThis.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/moment-with-locales.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/jquery.countdown.min.js?tezrje"></script>
    <script src="//js.stripe.com/v3/"></script>
    <script src="/themes/custom/quoivivrerimouski/js/classie.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/billeterie.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/spectacle.js?tezrje"></script>
    <script src="/themes/custom/quoivivrerimouski/js/quoivivrerimouski.js?tezrje"></script>
    <script src="/core/misc/jquery.form.js?v=4.3.0"></script>
    <script src="/core/modules/views/js/base.js?v=11.3.5"></script>
    <script src="/core/modules/views/js/ajax_view.js?v=11.3.5"></script>
    <script src="/modules/contrib/views_infinite_scroll/js/infinite-scroll.js?v=11.3.5"></script>
    <script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59dd020996287d4a" async="async"></script>
    <script>
      window.fbAsyncInit = function () {
          FB.init({
              appId: '186094635278346',
              autoLogAppEvents: true,
              xfbml: true,
              version: 'v2.11'
          });
      };

      (function (d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) {
              return;
          }
          js = d.createElement(s);
          js.id = id;
          js.src = "https://connect.facebook.net/en_US/sdk.js";
          fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <div id="fb-root"></div>
  </body>
</html>