Uri: https%3A%2F%2Fwww.spectaclesjoliette.com%2Fprogrammation

Page name: Programmation complète | Centre culturel Desjardins

Edit | Back

Date Scraped: 2026-06-24 01:16:42 -0400

Last Successful Refresh: 2026-06-24 01:16:42 -0400

Created: 2024-04-19 01:16:34 -0400

Updated: 2026-06-24 01:16:42 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html class="showLanding" lang="fr">
  <head>
    <!-- TITLE -->
    <title>Programmation complète | Centre culturel Desjardins</title>
    <meta name="description" content="D&#x00E9;couvrez&#x20;la&#x20;programmation&#x20;compl&#x00E8;te&#x20;de&#x20;nos&#x20;spectacles&#x20;au&#x20;Centre&#x20;Culturel&#x20;Desjardins." />
    <!-- META -->
    <meta charset="UTF-8"/>
    <meta name="theme-color" content="#343b48"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.spectaclesjoliette.com/programmation" />
    <meta property="og:site_name" content="" />
    <meta property="og:image" content="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/share.jpg" />
    <meta property="og:title" content="Programmation complète | Centre culturel Desjardins" />
    <meta property="og:description" content="Découvrez la programmation complète de nos spectacles au Centre Culturel Desjardins." />
    <!-- FAVICON -->
    <link href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <!-- CSS -->
    <link rel="stylesheet" href="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.min.css?v=1.2">
    <!-- SCRIPTS -->
    <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=6184159804c9870012778fe2&product=sop' async='async'></script>
    <!-- Google Tag Manager -->
    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
          })(window,document,'script','dataLayer','GTM-5XLG7J6');
    </script>
    <!-- End Google Tag Manager -->
    <!-- Consentement Contextuel -->
    <script>
      (_axcb = window._axcb || []).push(function(sdk) {
          sdk.on('cookies:complete', function(choices){
          document
              .querySelectorAll('[data-hide-on-vendor-consent]')
              .forEach(el => {
              const vendor = el.getAttribute('data-hide-on-vendor-consent');
              el.style.display = choices[vendor] ? 'none' : 'inherit';
              });
          document
              .querySelectorAll('[data-requires-vendor-consent]')
              .forEach(el => {
              const vendor = el.getAttribute('data-requires-vendor-consent');
              el.style.display = choices[vendor] ? 'inherit' : 'none';
              });
          });
      });
    </script>
    <!-- End Consentement Contextuel -->
  </head>
  <body data-barba="wrapper">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5XLG7J6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- Empêche la page de s'afficher avant que les styles soient chargés -->
    <div class="first-loading" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff;"></div>
    <div class="default-transition js-default-transition" style="display: block;">
      <div class="default-transition__container js-default-transition-container" style="top: 0;"></div>
    </div>
    <div data-barba="container" data-barba-namespace="programmingView">
      <div id="programming" class="background">
        <div class="overlay-share" data-overlay="share">
          <div class="overlay-share__container">
            <h2 class="overlay-share__title">Où souhaitez-vous<br />
              partager cette page?</h2>
            <ul class="overlay-share__list">
              <li class="overlay-share__list-li">
                <a id="facebookShareBtn" class="overlay-share__link overlay-share__facebook st-sharebtn st-custom-button" data-network="facebook" data-url="https://www.spectaclesjoliette.com/programmation">
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg>
                </a>
              </li>
              <li class="overlay-share__list-li">
                <a id="messengerShareBtn" class="overlay-share__link overlay-share__messenger st-sharebtn st-custom-button" data-network="messenger" data-url="https://www.spectaclesjoliette.com/programmation" >
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-messenger"></use></svg>
                </a>
              </li>
              <li class="overlay-share__list-li">
                <a id="emailShareBtn" class="overlay-share__link overlay-share__email" href="mailto:?Subject=Centre culturel Desjardins&body=https%3A%2F%2Fwww.spectaclesjoliette.com%2Fprogrammation">
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-email"></use></svg>
                </a>
              </li>
              <li class="overlay-share__list-li">
                <a id="copyShareBtn" class="overlay-share__link overlay-share__copy js-copy-share" data-url="https://www.spectaclesjoliette.com/programmation">
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-copy"></use></svg>
                </a>
              </li>
            </ul>
            <!-- .overlay-share__list -->
            <div class="overlay-share__close close-overlay">
              <div></div>
            </div>
          </div>
          <div class="overlay-share__background close-overlay"></div>
        </div>
                
        <div class="overlay-menu" data-overlay="menu">
          <div class="overlay-menu__container js-menu-container">
            <div class="overlay-menu__container-flex">
              <div class="overlay-menu__mobile-scroll">
                <div class="overlay-menu__main">
                  <div class="overlay-menu__main-padding">
                    <div class="overlay-menu__container-scroll">
                      <ul class="overlay-menu__level-1 js-accordions-menu-level-1">
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Programmation
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span><!-- .overlay-menu__level-1-link -->
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="javascript:;"
                                                data-request="showsList::onResetParams"
                                                data-request-redirect="/programmation"
                                                class="overlay-menu__level-2-link">
                                  Programmation complète
                                </a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/danse" class="overlay-menu__level-2-link">Danse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/theatre" class="overlay-menu__level-2-link">Théâtre</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/ete" class="overlay-menu__level-2-link">Été</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/famille" class="overlay-menu__level-2-link">Famille</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/musique" class="overlay-menu__level-2-link">Musique</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/scolaire" class="overlay-menu__level-2-link">Scolaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/varietes" class="overlay-menu__level-2-link">Variété</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/chanson" class="overlay-menu__level-2-link">Chanson</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/humour" class="overlay-menu__level-2-link">Humour</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/les-concerts-opus-130" class="overlay-menu__level-2-link">Les Concerts OPUS 130</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/spectacles-au-parc" class="overlay-menu__level-2-link">Spectacles au parc</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/bastringue-festival-de-cirque" class="overlay-menu__level-2-link">Bastringue - Festival de cirque</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/spectacles-hors-les-murs" class="overlay-menu__level-2-link">Spectacles Hors les murs</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/spectacles-de-la-place" class="overlay-menu__level-2-link">Rendez-vous de la Place</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Festivals
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/festival-petits-bonheurs" class="overlay-menu__level-2-link">Festival Petits bonheurs du Centre de Lanaudière</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/festival-et-concours-de-musique-classique" class="overlay-menu__level-2-link">Festival et Concours de musique classique de Lanaudière</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/bastringue-festival-cirque" class="overlay-menu__level-2-link">Bastringue</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Je donne en culture
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/je-donne"  class="overlay-menu__level-2-link">Faire un don</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/lart-de-donner"  class="overlay-menu__level-2-link">Qu'est-ce que L'ART de donner</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/cultiver-l-essentiel"  class="overlay-menu__level-2-link">À quoi servent les dons?</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/campagne-de-sociofinancement-passe-echo"  class="overlay-menu__level-2-link">Campagne de sociofinancement - ÉCHO</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/nos-genereux-donateurs"  class="overlay-menu__level-2-link">Nos généreux donateurs</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/resultats-des-campagnes-passees"  class="overlay-menu__level-2-link">Résultats des campagnes passées</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            En savoir plus
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/propos-de-nous"  class="overlay-menu__level-2-link">À propos de nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/bien-planifier-votre-visite-chez-nous"  class="overlay-menu__level-2-link">Bien planifier votre visite chez-nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/faire-partie-de-lequipe"  class="overlay-menu__level-2-link">Faire partie de l'équipe</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/sorties-scolaires"  class="overlay-menu__level-2-link">Sorties scolaires</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Offres et promotions
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-de-groupe-pour-leffet-lisa" class="overlay-menu__level-2-link">Offre de groupe - L&#039;effet Lisa</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-jeunesse" class="overlay-menu__level-2-link">Offres pour la jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarifs-speciaux" class="overlay-menu__level-2-link">Tarifs spéciaux</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-fadoq" class="overlay-menu__level-2-link">Rabais FADOQ</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-citoyens" class="overlay-menu__level-2-link">Rabais citoyens</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-acces-culture" class="overlay-menu__level-2-link">Tarif Accès-Cible</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/abonnements" class="overlay-menu__level-2-link">Abonnements</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/carte-cadeau" class="overlay-menu__level-2-link">Carte-cadeau</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-aux-entreprises" class="overlay-menu__level-2-link">Offre aux entreprises</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-chez-nos-partenaires-restaurateurs" class="overlay-menu__level-2-link">Rabais chez nos partenaires restaurateurs</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                      <!-- .overlay-menu__level-1 -->
                    </div>
                    <!-- .overlay-menu__container-scroll -->
                  </div>
                  <!-- .overlay-menu__main-padding -->
                </div>
                <!-- .overlay-menu__main -->
                <div class="overlay-menu__side">
                  <div class="overlay-menu__side-padding">
                    <div class="overlay-menu__side-scroll">
                      <ul class="overlay-menu__side-links">
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/nouveautes" class="overlay-menu__side-link">Nouveautés</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/devenir-membre"  class="overlay-menu__side-link">Devenir membre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/acheter-une-carte-cadeau"  class="overlay-menu__side-link">Acheter une carte-cadeau</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/location-et-services"  class="overlay-menu__side-link">Location et services</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/joliette-halte-culturelle"  class="overlay-menu__side-link">Joliette halte culturelle</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/loges"  class="overlay-menu__side-link">Loges</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/blogue"  class="overlay-menu__side-link">Blogue</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/emplois"  class="overlay-menu__side-link">Offres d'emploi</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/projet-cabaret-la-fresque"  class="overlay-menu__side-link">Projet Cabaret La Fresque</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/brochure-de-saison"  class="overlay-menu__side-link">Brochure de saison</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nos-partenaires"  class="overlay-menu__side-link">Nos partenaires</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/echo-la-passe-jeunesse-pour-des-arts-vivants"  class="overlay-menu__side-link">ÉCHO - La passe jeunesse pour des arts vivants</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nous-joindre"  class="overlay-menu__side-link">Nous joindre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                      </ul>
                      <!-- .overlay-menu__side-links -->
                      <div class="overlay-menu__social-and-button">
                        <div class="overlay-menu__social">
                          <ul class="social">
                            <li class="social__item">
                              <a href="https://www.facebook.com/centre.culturel.desjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                            <li class="social__item">
                              <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                            <li class="social__item">
                              <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                          </ul>
                          <!-- .social -->
                        </div>
                        <!-- .overlay-menu__social -->
                        <a class="overlay-menu__member-button" href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" target="_blank" rel="noopener noreferrer">
                          <span>Espace membre</span>
                        </a>
                      </div>
                    </div>
                    <!-- .overlay-menu__side-scroll -->
                  </div>
                  <!-- .overlay-menu__side-padding -->
                </div>
                <!-- .overlay-menu__side -->
              </div>
              <!-- overlay-menu__mobile-scroll -->
            </div>
            <!-- .overlay-menu__container-flex -->
          </div>
          <!-- .overlay-menu__container -->
          <div class="overlay-menu__background background-overlay js-close-overlay-menu"></div>
        </div>
                
        <div class="overlay-search" data-overlay="search">
          <div class="overlay-search__container js-overlay-search-content">
            <div class="overlay-search__padding">
              <div class="overlay-search__scroll">
                <div class="overlay-search__main">
                  <div class="overlay-search__title">Recherche par mots-clés</div>
                  <div class="overlay-search__form">
                    <form id="form-search" class="search-form" action="https://www.spectaclesjoliette.com/recherche">
                      <div class="search-form__field">
                        <input class="search-form__input js-input-to-clear" id="form-search-input" name="q" autocomplete="off" placeholder="Que recherchez-vous ?">
                        <div class="search-form__x js-clear-input">
                          <div class="search-form__x-wrapper"></div>
                        </div>
                        <p class="field__error"></p>
                      </div>
                      <!-- .search-form__field -->
                      <div class="search-form__button">
                        <button id="submit-search" class="search-form__submit">
                          <svg class="search-form__submit-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-search"></use></svg>
                        </button><!-- .search-form__submit -->
                      </div>
                      <!-- .search-form__button -->
                    </form>
                    <!-- .search-form -->
                  </div>
                  <!-- .overlay-search__form -->
                  <div class="overlay-search__autocomplete">
                    <ul class="search-autocomplete listResult"></ul>
                    <!-- .search-autocomplete -->
                  </div>
                  <!-- .overlay-search__autocomplete -->
                </div>
                <!-- .overlay-search__main -->
                <div class="overlay-search__popular ">
                  <div class="overlay-search__title">Recherches populaires</div>
                  <div class="overlay-search__popular-list">
                    <ul class="search-popular-list">
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Emplois" class="search-popular-list__link js-close-overlay-search">Emplois</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Salles" class="search-popular-list__link js-close-overlay-search">Salles</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Théâtre" class="search-popular-list__link js-close-overlay-search">Théâtre</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Petits Bonheurs" class="search-popular-list__link js-close-overlay-search">Petits Bonheurs</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Billetterie" class="search-popular-list__link js-close-overlay-search">Billetterie</a>
                      </li>
                      <!-- .search-popular-list__item -->
                    </ul>
                    <!-- search-popular-list -->
                  </div>
                  <!-- .overlay-search__popular-list -->
                </div>
                <!-- .overlay-search__popular -->
              </div>
              <!-- overlay-search__scroll -->
              <div class="overlay-search__mobile-logo">
                <svg class="overlay-search__logo-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-dark"></use></svg>
              </div>
              <!-- .overlay-search__mobile-logo -->
              <div class="overlay-search__top-controls">
                <div class="overlay-search__calendar-button js-toggle-overlay-calendar">
                  <div class="overlay-search__calendar-text">Par date</div>
                  <svg class="overlay-search__calendar-icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-calendar"></use></svg>
                </div>
                <!-- .overlay-search__calendar-button -->
                <div class="overlay-search__close-button js-close-overlay-search">
                  <div class="overlay-search__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-search__top-controls -->
            </div>
            <!-- .overlay-search__padding -->
          </div>
          <!-- .overlay-search__container -->
          <div class="overlay-search__background js-close-overlay-search"></div>
        </div>
        <!-- .overlay-search -->                
        <div class="overlay-calendar" data-overlay="calendar">
          <div class="overlay-calendar__container js-overlay-calendar-content">
            <div class="overlay-calendar__padding">
              <div class="overlay-calendar__scroll">
                <div class="overlay-calendar__main">
                  <div class="overlay-calendar__calendar-container">
                    <div class="calendar"
                            data-list="5-9-2026,21-1-2027,12-11-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,28-5-2027,29-5-2027,24-3-2027,12-2-2027,10-9-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,30-4-2027,9-4-2027,20-2-2026,12-6-2027,21-5-2027,8-5-2027,6-6-2026,15-10-2026,20-3-2027,4-2-2026,20-11-2026,19-9-2026,17-12-2026,22-10-2027,30-1-2027,7-11-2026,16-10-2026,2-4-2027,13-11-2026,10-3-2027,26-9-2026,21-6-2026,28-6-2026,12-12-2026,13-12-2026,11-11-2027,22-1-2027,7-12-2026,7-12-2026,26-6-2026,26-6-2026,6-11-2026,27-11-2026,9-6-2027,10-6-2027,5-2-2027,6-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,28-10-2026,29-10-2026,17-11-2026,14-5-2027,28-1-2027,30-1-2026,16-1-2027,18-2-2027,21-2-2026,11-3-2027,3-9-2026,5-3-2027,27-5-2027,30-8-2026,21-8-2026,22-8-2026,23-8-2026,19-6-2026,20-6-2026,21-6-2026,26-6-2026,27-6-2026,29-5-2026,5-11-2026,31-1-2027,22-10-2026,2-10-2026,3-10-2026,23-5-2026,11-2-2027,18-12-2026,9-5-2026,25-9-2026,6-12-2026,11-9-2026,10-7-2026,11-7-2026,14-7-2026,16-7-2026,17-7-2026,18-7-2026,23-7-2026,24-7-2026,25-7-2026,30-7-2026,31-7-2026,1-8-2026,5-3-2026,6-3-2027,9-10-2026,3-4-2026,10-12-2026,23-10-2026,11-12-2026,31-10-2026,4-12-2026,5-12-2026,28-11-2026,6-2-2026,1-10-2026,13-2-2026,20-2-2027,19-12-2026,24-1-2026,9-1-2027,26-3-2027,12-3-2027,12-9-2026,18-10-2026,8-11-2026,14-2-2027,14-1-2027,15-1-2027,27-6-2026,28-6-2026,26-6-2026,25-6-2026,7-3-2027,18-4-2027,25-10-2026,24-4-2027,27-3-2027,4-2-2027,21-10-2026,25-4-2027,20-12-2026,19-5-2027,8-10-2026,24-10-2026,14-11-2026,13-2-2027,26-11-2026,13-3-2027,23-1-2027,20-5-2027,29-4-2027,4-9-2026,30-10-2026,4-12-2027,18-3-2027,24-9-2026,12-5-2027,4-3-2027,19-3-2027,3-9-2027,15-7-2026,22-7-2026,29-7-2026,5-8-2026,12-8-2026,15-8-2026,11-9-2026,3-7-2026,3-7-2026,4-7-2026,5-7-2026,6-7-2026,7-7-2026,8-7-2026,9-7-2026,10-7-2026,11-7-2026,12-7-2026,13-7-2026,14-7-2026,15-7-2026,16-7-2026,17-7-2026,18-7-2026,19-7-2026,20-7-2026,21-7-2026,22-7-2026,23-7-2026,24-7-2026,25-7-2026,26-7-2026,27-7-2026,28-7-2026,29-7-2026,30-7-2026,31-7-2026,1-8-2026,2-8-2026,26-6-2026,20-6-2026,26-6-2026,27-6-2026,25-2-2027,20-6-2026,20-6-2026,27-6-2026,27-6-2026,27-6-2026,22-5-2027,24-11-2026,24-11-2026,16-3-2027,16-3-2027,1-2-2027,1-2-2027,24-3-2027,6-4-2027,6-4-2027,28-4-2027,29-4-2027,1-12-2026,28-9-2026,17-7-2026,23-2-2027,"
                            data-date=""
                        ></div>
                    <div class="overlay-calendar__button">
                      <a href="javascript:;" class="overlay-calendar-programmation__button-link secondary-button js-close-overlay-calendar"
                                    data-request="showsList::onResetDates"
                                    data-request-update="'showsList::list':'#showsList', 'showsList::pagination':'#pagination'"
                                    data-request-complete="refreshShowsList(false);">
                        Toute la programmation
                      </a>
                    </div>
                    <!-- .overlay-calendar__button -->
                  </div>
                  <!-- .overlay-calendar__calendar-container -->
                </div>
                <!-- .overlay-calendar__main -->
              </div>
              <!-- overlay-calendar__scroll -->
              <div class="overlay-calendar__top-controls">
                <div class="overlay-calendar__close-button js-close-overlay-calendar">
                  <div class="overlay-calendar__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-calendar__top-controls -->
              <div class="overlay-calendar__footnote">
                <div class="overlay-calendar__footnote-text">Légende</div>
                <div class="overlay-calendar__footnote-events">
                  Événements
                </div>
                <div class="overlay-calendar__footnote-today">
                  <div class="overlay-calendar__footnote-circle">04</div>
                  Aujourd’hui
                </div>
                <div class="overlay-calendar__footnote-selected">
                  <div class="overlay-calendar__footnote-circle overlay-calendar__footnote-circle--red">20</div>
                  Selectionnée
                </div>
              </div>
              <!-- .overlay-calendar__footnote -->
            </div>
            <!-- .overlay-calendar__padding -->
          </div>
          <!-- .overlay-calendar__container -->
          <div class="overlay-calendar__background js-close-overlay-calendar"></div>
        </div>
        <!-- .overlay-calendar -->
        <header class="header   js-header">
          <div class="header__padding">
            <div class="header__flex">
              <div class="header__logo-container ">
                <a href="https://www.spectaclesjoliette.com" class="header__logo">
                  <svg class="header__logo-svg header__logo-svg--white" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd"></use></svg>
                  <svg class="header__logo-svg header__logo-svg--dark" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-dark"></use></svg>
                </a><!-- .header__logo -->
              </div>
              <!-- .header__logo-container -->
              <div class="header__navigation-container js-scrollfire scrollfire-fade-up">
                <ul class="header__navigation">
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/programmation" class="header__navigation-link flip">
                      <span class="flip__main">Programmation</span>
                      <span class="flip__hover">Programmation</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/festivals" class="header__navigation-link flip">
                      <span class="flip__main">Festivals</span>
                      <span class="flip__hover">Festivals</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/je-donne-en-culture" class="header__navigation-link flip">
                      <span class="flip__main">Je donne en culture</span>
                      <span class="flip__hover">Je donne en culture</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" class="header__navigation-link flip underlined" target="_blank" rel="noopener noreferrer">
                      <span class="flip__main">Espace membre</span>
                      <span class="flip__hover">Espace membre</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                </ul>
                <!-- .header__navigation -->
              </div>
              <!-- .header__navigation-container -->
              <div class="header__buttons js-scrollfire scrollfire-fade-up">
                <div class="header__icon-button js-toggle-overlay-calendar-programmation">
                  <svg class="header__icon-button-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-calendar"></use></svg>
                </div>
                <!-- .header__icon-buttons -->
                <div class="header__icon-button js-toggle-overlay-search">
                  <svg class="header__icon-button-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-search"></use></svg>
                </div>
                <!-- .header__icon-buttons -->
                <div class="header__menu-button hamburger-hover js-toggle-overlay-menu">
                  <div class="header__menu-button-text flip">
                    <span class="flip__main">Menu</span>
                    <span class="flip__hover">Menu</span>
                  </div>
                  <!-- .header__menu-button-text -->
                  <div class="header__menu-button-hamburger">
                    <div class="hamburger">
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                    </div>
                    <!-- .hamburger -->
                  </div>
                  <!-- .header__menu-button-hamburger -->
                  <div class="header__menu-button-x"></div>
                </div>
                <!-- .header__menu-button -->
                <div class="header__share">
                  <span class="share js-share" >
                    <svg class="share__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-share"></use></svg>
                  </span><!-- .share -->                </div>
                <!-- .header__share -->
              </div>
              <!-- .header__buttons -->
            </div>
            <!-- .header__flex -->
          </div>
          <!-- .header__padding -->
        </header>
        <!-- header -->
        <div class="overlay-filters" data-overlay="filters">
          <form class="overlay-filters__container js-overlay-filters-content js-filter-form"
        data-request="showsList::onChangeFilters"
        data-request-update="'showsList::list':'#showsList', 'showsList::pagination':'#pagination', 'showsList::series':'#seriesFilter', 'showsList::filters':'#filters', 'showsList::publicites':'#publicites', 'showsList::mini-series':'#miniSeries'"
        data-request-complete="refreshShowsList(true);"
        data-request-success="refreshLazyLoad()">
            <div class="overlay-filters__padding">
              <div class="overlay-filters__scroll">
                <div class="overlay-filters__main">
                  <ul class="overlay-filters__level-1 js-accordions-filters-level-1">
                    <li class="overlay-filters__level-1-item js-accordion-filters-level-1">
                      <span class="overlay-filters__level-1-link js-accordion-filters-toggle-level-1">
                        Séries
                        <span class="overlay-filters__level-1-link__icon">
                          <svg class="overlay-filters__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                        </span><!-- .overlay-filters__level-1-link__icon -->
                      </span>
                      <div class="overlay-filters__level-1-content js-accordion-filters-content-level-1">
                        <ul class="overlay-filters__level-2 js-accordions-filters-level-2">
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="" id="series-all" type="radio" checked class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters" checked onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-all" class="overlay-filters__level-2-link" >Tout voir</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="6" id="series-6" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-6" class="overlay-filters__level-2-link" >Danse</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="7" id="series-7" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-7" class="overlay-filters__level-2-link" >Théâtre</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="10" id="series-10" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-10" class="overlay-filters__level-2-link" >Été</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="11" id="series-11" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-11" class="overlay-filters__level-2-link" >Famille</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="13" id="series-13" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-13" class="overlay-filters__level-2-link" >Musique</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="14" id="series-14" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-14" class="overlay-filters__level-2-link" >Scolaire</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="15" id="series-15" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-15" class="overlay-filters__level-2-link" >Variété</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="19" id="series-19" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-19" class="overlay-filters__level-2-link" >Chanson</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="20" id="series-20" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-20" class="overlay-filters__level-2-link" >Humour</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="34" id="series-34" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-34" class="overlay-filters__level-2-link" >Bastringue - Festival de cirque</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="37" id="series-37" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-37" class="overlay-filters__level-2-link" >Spectacles Hors les murs</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="series" value="40" id="series-40" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="series-40" class="overlay-filters__level-2-link" >Mamo ART</label>
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="overlay-filters__level-1-item js-accordion-filters-level-1">
                      <span class="overlay-filters__level-1-link js-accordion-filters-toggle-level-1">
                        Salles de spectacle
                        <span class="overlay-filters__level-1-link__icon">
                          <svg class="overlay-filters__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                        </span><!-- .overlay-filters__level-1-link__icon -->
                      </span>
                      <div class="overlay-filters__level-1-content js-accordion-filters-content-level-1">
                        <ul class="overlay-filters__level-2 js-accordions-filters-level-2">
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="" id="venues-all" type="radio" checked class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters" checked onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-all" class="overlay-filters__level-2-link" >Toutes les salles</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Centre culturel Desjardins" id="venues-Centre culturel Desjardins" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Centre culturel Desjardins" class="overlay-filters__level-2-link" >Centre culturel Desjardins</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Centre culturel Desjardins - Parterre debout" id="venues-Centre culturel Desjardins - Parterre debout" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Centre culturel Desjardins - Parterre debout" class="overlay-filters__level-2-link" >Centre culturel Desjardins - Parterre debout</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Centre culturel Desjardins - Formule cabaret" id="venues-Centre culturel Desjardins - Formule cabaret" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Centre culturel Desjardins - Formule cabaret" class="overlay-filters__level-2-link" >Centre culturel Desjardins - Formule cabaret</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Place Bourget" id="venues-Place Bourget" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Place Bourget" class="overlay-filters__level-2-link" >Place Bourget</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Jardins Arômes et Saveurs" id="venues-Jardins Arômes et Saveurs" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Jardins Arômes et Saveurs" class="overlay-filters__level-2-link" >Jardins Arômes et Saveurs</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Chapiteau d&#039;Alfonse" id="venues-Chapiteau d&#039;Alfonse" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Chapiteau d&#039;Alfonse" class="overlay-filters__level-2-link" >Chapiteau d&#039;Alfonse</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Parc Antonio-Barrette" id="venues-Parc Antonio-Barrette" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Parc Antonio-Barrette" class="overlay-filters__level-2-link" >Parc Antonio-Barrette</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Amphithéâtre Fernand-Lindsay" id="venues-Amphithéâtre Fernand-Lindsay" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Amphithéâtre Fernand-Lindsay" class="overlay-filters__level-2-link" >Amphithéâtre Fernand-Lindsay</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Place de la Fresque" id="venues-Place de la Fresque" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Place de la Fresque" class="overlay-filters__level-2-link" >Place de la Fresque</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="venues" value="Les Habitations Bordeleau" id="venues-Les Habitations Bordeleau" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="venues-Les Habitations Bordeleau" class="overlay-filters__level-2-link" >Les Habitations Bordeleau</label>
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="overlay-filters__level-1-item js-accordion-filters-level-1">
                      <span class="overlay-filters__level-1-link js-accordion-filters-toggle-level-1">
                        Mentions
                        <span class="overlay-filters__level-1-link__icon">
                          <svg class="overlay-filters__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                        </span><!-- .overlay-filters__level-1-link__icon -->
                      </span>
                      <div class="overlay-filters__level-1-content js-accordion-filters-content-level-1">
                        <ul class="overlay-filters__level-2 js-accordions-filters-level-2">
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="" id="categories-all" type="radio" checked class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters" checked onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-all" class="overlay-filters__level-2-link" >Toutes les mentions</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Supplémentaire" id="categories-Supplémentaire" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Supplémentaire" class="overlay-filters__level-2-link" >Supplémentaire</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Complet" id="categories-Complet" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Complet" class="overlay-filters__level-2-link" >Complet</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Événement locatif" id="categories-Événement locatif" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Événement locatif" class="overlay-filters__level-2-link" >Événement locatif</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Gratuit" id="categories-Gratuit" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Gratuit" class="overlay-filters__level-2-link" >Gratuit</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Quelques places disponibles!" id="categories-Quelques places disponibles!" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Quelques places disponibles!" class="overlay-filters__level-2-link" >Quelques places disponibles!</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Hors-série" id="categories-Hors-série" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Hors-série" class="overlay-filters__level-2-link" >Hors-série</label>
                          </li>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Présenté en primeur" id="categories-Présenté en primeur" type="radio" class="overlay-filters__level-2-radio js-form-input js-close-overlay-filters"  onchange="$('form.js-filter-form').submit(); closeAllAccordionsMobileFilter()" />
                            <label for="categories-Présenté en primeur" class="overlay-filters__level-2-link" >Présenté en primeur</label>
                          </li>
                        </ul>
                      </div>
                    </li>
                  </ul>
                  <!-- .overlay-filters__level-1 -->
                </div>
                <!-- .overlay-filters__main -->
              </div>
              <!-- overlay-filters__scroll -->
              <div class="overlay-filters__top-controls">
                <div class="overlay-filters__top-text">Filtration</div>
                <div class="overlay-filters__close-button js-close-overlay-filters" onclick="closeAllAccordionsMobileFilter()">
                  <div class="overlay-filters__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-filters__top-controls -->
              <div class="overlay-filters__bottom">
                <div class="overlay-filters__bottom-grid">
                  <button class="overlay-filters__refresh js-filter-refresh js-close-overlay-filters" onclick="closeAllAccordionsMobileFilter()">
                    <div class="overlay-filters__icon">
                      <svg class="overlay-filters__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-refresh"></use></svg>
                    </div>
                    <div class="overlay-filters__text">
                      Réinitialiser
                    </div>
                  </button>
                </div>
                <!-- .overlay-filters__bottom-grid -->
              </div>
              <!-- .overlay-filters__bottom -->
            </div>
            <!-- .overlay-filters__padding -->
          </form>
          <!-- .overlay-filters__container -->
          <div class="overlay-filters__background js-close-overlay-filters"></div>
        </div>
        <!-- .overlay-filters -->
        <div class="overlay-calendar-programmation" data-overlay="calendar-programmation">
          <div class="overlay-calendar-programmation__container js-overlay-calendar-content">
            <div class="overlay-calendar-programmation__padding">
              <div class="overlay-calendar-programmation__scroll">
                <div class="overlay-calendar-programmation__main">
                  <div class="overlay-calendar-programmation__calendar-container">
                    <div class="calendar-programmation"
                             data-list="5-9-2026,21-1-2027,12-11-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,28-5-2027,29-5-2027,24-3-2027,12-2-2027,10-9-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,30-4-2027,9-4-2027,20-2-2026,12-6-2027,21-5-2027,8-5-2027,6-6-2026,15-10-2026,20-3-2027,4-2-2026,20-11-2026,19-9-2026,17-12-2026,22-10-2027,30-1-2027,7-11-2026,16-10-2026,2-4-2027,13-11-2026,10-3-2027,26-9-2026,21-6-2026,28-6-2026,12-12-2026,13-12-2026,11-11-2027,22-1-2027,7-12-2026,7-12-2026,26-6-2026,26-6-2026,6-11-2026,27-11-2026,9-6-2027,10-6-2027,5-2-2027,6-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,28-10-2026,29-10-2026,17-11-2026,14-5-2027,28-1-2027,30-1-2026,16-1-2027,18-2-2027,21-2-2026,11-3-2027,3-9-2026,5-3-2027,27-5-2027,30-8-2026,21-8-2026,22-8-2026,23-8-2026,19-6-2026,20-6-2026,21-6-2026,26-6-2026,27-6-2026,29-5-2026,5-11-2026,31-1-2027,22-10-2026,2-10-2026,3-10-2026,23-5-2026,11-2-2027,18-12-2026,9-5-2026,25-9-2026,6-12-2026,11-9-2026,10-7-2026,11-7-2026,14-7-2026,16-7-2026,17-7-2026,18-7-2026,23-7-2026,24-7-2026,25-7-2026,30-7-2026,31-7-2026,1-8-2026,5-3-2026,6-3-2027,9-10-2026,3-4-2026,10-12-2026,23-10-2026,11-12-2026,31-10-2026,4-12-2026,5-12-2026,28-11-2026,6-2-2026,1-10-2026,13-2-2026,20-2-2027,19-12-2026,24-1-2026,9-1-2027,26-3-2027,12-3-2027,12-9-2026,18-10-2026,8-11-2026,14-2-2027,14-1-2027,15-1-2027,27-6-2026,28-6-2026,26-6-2026,25-6-2026,7-3-2027,18-4-2027,25-10-2026,24-4-2027,27-3-2027,4-2-2027,21-10-2026,25-4-2027,20-12-2026,19-5-2027,8-10-2026,24-10-2026,14-11-2026,13-2-2027,26-11-2026,13-3-2027,23-1-2027,20-5-2027,29-4-2027,4-9-2026,30-10-2026,4-12-2027,18-3-2027,24-9-2026,12-5-2027,4-3-2027,19-3-2027,3-9-2027,15-7-2026,22-7-2026,29-7-2026,5-8-2026,12-8-2026,15-8-2026,11-9-2026,3-7-2026,3-7-2026,4-7-2026,5-7-2026,6-7-2026,7-7-2026,8-7-2026,9-7-2026,10-7-2026,11-7-2026,12-7-2026,13-7-2026,14-7-2026,15-7-2026,16-7-2026,17-7-2026,18-7-2026,19-7-2026,20-7-2026,21-7-2026,22-7-2026,23-7-2026,24-7-2026,25-7-2026,26-7-2026,27-7-2026,28-7-2026,29-7-2026,30-7-2026,31-7-2026,1-8-2026,2-8-2026,26-6-2026,20-6-2026,26-6-2026,27-6-2026,25-2-2027,20-6-2026,20-6-2026,27-6-2026,27-6-2026,27-6-2026,22-5-2027,24-11-2026,24-11-2026,16-3-2027,16-3-2027,1-2-2027,1-2-2027,24-3-2027,6-4-2027,6-4-2027,28-4-2027,29-4-2027,1-12-2026,28-9-2026,17-7-2026,23-2-2027,"
                             data-date=""
                        ></div>
                    <div class="overlay-calendar-programmation__button">
                      <a href="javascript:;" class="overlay-calendar-programmation__button-link secondary-button js-close-overlay-calendar-programmation"
                                data-request="showsList::onResetDates"
                                data-request-update="'showsList::list':'#showsList', 'showsList::pagination':'#pagination'"
                                data-request-complete="refreshShowsList(false);"
                                data-request-success="refreshLazyLoad()">
                        Toute la programmation
                      </a>
                    </div>
                    <!-- .overlay-calendar-programmation__button -->
                  </div>
                  <!-- .overlay-calendar-programmation__calendar-container -->
                </div>
                <!-- .overlay-calendar-programmation__main -->
              </div>
              <!-- overlay-calendar-programmation__scroll -->
              <div class="overlay-calendar-programmation__top-controls">
                <div class="overlay-calendar-programmation__close-button js-close-overlay-calendar-programmation">
                  <div class="overlay-calendar-programmation__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-calendar-programmation__top-controls -->
              <div class="overlay-calendar-programmation__footnote">
                <div class="overlay-calendar-programmation__footnote-text">Légende</div>
                <div class="overlay-calendar-programmation__footnote-events">
                  Événements
                </div>
                <div class="overlay-calendar-programmation__footnote-today">
                  <div class="overlay-calendar-programmation__footnote-circle">04</div>
                  Aujourd’hui
                </div>
                <div class="overlay-calendar-programmation__footnote-selected">
                  <div class="overlay-calendar-programmation__footnote-circle overlay-calendar-programmation__footnote-circle--red">20</div>
                  Selectionnée
                </div>
              </div>
              <!-- .overlay-calendar-programmation__footnote -->
            </div>
            <!-- .overlay-calendar-programmation__padding -->
          </div>
          <!-- .overlay-calendar-programmation__container -->
          <div class="overlay-calendar-programmation__background js-close-overlay-calendar-programmation"></div>
        </div>
        <!-- .overlay-calendar -->
        <section class="page-top">
          <div class="page-top__padding">
            <h1 class="page-top__title js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 0ms">Programmation</h1>
            <div id="seriesFilter">
              <div class="page-top__filter js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 200ms">
                <ul class="page-top__list">
                  <li class="page-top__item page-top__item--active">
                    <a class="page-top__item-link"
                    data-request="showsList::onChangeSerie" 
                    data-request-data="serie:''"
                    data-request-complete="barba.go('/programmation/1/', 'barba');">
                      Tout voir
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:6"
                        data-request-complete="barba.go('/programmation/1/danse', 'barba');">
                      Danse
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:7"
                        data-request-complete="barba.go('/programmation/1/theatre', 'barba');">
                      Théâtre
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:10"
                        data-request-complete="barba.go('/programmation/1/ete', 'barba');">
                      Été
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:11"
                        data-request-complete="barba.go('/programmation/1/famille', 'barba');">
                      Famille
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:13"
                        data-request-complete="barba.go('/programmation/1/musique', 'barba');">
                      Musique
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:14"
                        data-request-complete="barba.go('/programmation/1/scolaire', 'barba');">
                      Scolaire
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:15"
                        data-request-complete="barba.go('/programmation/1/varietes', 'barba');">
                      Variété
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:19"
                        data-request-complete="barba.go('/programmation/1/chanson', 'barba');">
                      Chanson
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:20"
                        data-request-complete="barba.go('/programmation/1/humour', 'barba');">
                      Humour
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:34"
                        data-request-complete="barba.go('/programmation/1/bastringue-festival-de-cirque', 'barba');">
                      Bastringue - Festival de cirque
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:37"
                        data-request-complete="barba.go('/programmation/1/spectacles-hors-les-murs', 'barba');">
                      Spectacles Hors les murs
                    </a>
                  </li>
                  <li class="page-top__item">
                    <a class="page-top__item-link"
                        data-request="showsList::onChangeSerie" 
                        data-request-data="serie:40"
                        data-request-complete="barba.go('/programmation/1/mamo-art', 'barba');">
                      Mamo ART
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- .page-top__padding -->
        </section>
        <!-- .page-top -->
        <div class="main">
          <div class="main__filters-track">
            <div id="filters">
              <section class="mains__filters-bar">
                <div class="filters-bar">
                  <div class="filters-bar__selects-list">
                    <div class="filters-bar__selects-item">
                      <div class="select-field select-field--dark">
                        <select id="form-programming-room-select" placeholder="Toutes les salles" data-icon="ico-room" onchange="changeShowsRoom(this.value)">
                          <option selected  disabled  hidden>Toutes les salles</option>
                          <option value="">Tout voir</option>
                          <option value="Centre culturel Desjardins" >Centre culturel Desjardins</option>
                          <option value="Centre culturel Desjardins - Parterre debout" >Centre culturel Desjardins - Parterre debout</option>
                          <option value="Centre culturel Desjardins - Formule cabaret" >Centre culturel Desjardins - Formule cabaret</option>
                          <option value="Place Bourget" >Place Bourget</option>
                          <option value="Jardins Arômes et Saveurs" >Jardins Arômes et Saveurs</option>
                          <option value="Chapiteau d&#039;Alfonse" >Chapiteau d&#039;Alfonse</option>
                          <option value="Parc Antonio-Barrette" >Parc Antonio-Barrette</option>
                          <option value="Amphithéâtre Fernand-Lindsay" >Amphithéâtre Fernand-Lindsay</option>
                          <option value="Place de la Fresque" >Place de la Fresque</option>
                          <option value="Les Habitations Bordeleau" >Les Habitations Bordeleau</option>
                        </select>
                      </div>
                    </div>
                    <div class="filters-bar__selects-item">
                      <div class="select-field select-field--dark">
                        <select id="form-programming-category-select" placeholder="Mentions" data-icon="ico-category" onchange="changeShowsMention(this.value)">
                          <option selected  disabled  hidden>Mentions</option>
                          <option value="">Tout voir</option>
                          <option value="Supplémentaire" >Supplémentaire</option>
                          <option value="Complet" >Complet</option>
                          <option value="Événement locatif" >Événement locatif</option>
                          <option value="Gratuit" >Gratuit</option>
                          <option value="Quelques places disponibles!" >Quelques places disponibles!</option>
                          <option value="Hors-série" >Hors-série</option>
                          <option value="Présenté en primeur" >Présenté en primeur</option>
                        </select>
                      </div>
                    </div>
                  </div>
                </div>
              </section>
        </div>
            <section class="main__programmings-page section-with-button-round">
              <div id="miniSeries">
              </div>
              <div id="showsList">
                <div class="section-with-button-round__button">
                  <div class="section-with-button-round__button-sticky">
                    <a class="round-button round-button--big js-toggle-overlay-calendar-programmation">
                      <span class="round-button__text"><svg class="round-button__svg round-button__svg-calendar" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-calendar"></use></svg><br>
                        Voir le calendrier</span>
                    </a>
                  </div>
                </div>
                <div class="thumbs-list js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms">
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/labo" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/f25/capture-decran-2026-03-05-105843-f257f33fc2c58c63173ff2dfb25a17fa.jpg" data-src="/storage/app/media/_resized/ab9/capture-decran-2026-03-05-105843-ab925b62e11f93826f2e8a88aa80d684.jpg" alt="Collectif 4237">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 25 juin 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Collectif 4237</span>
                        <span class="thumb__subTitle">LABO</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/cirque-alfonse-41" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/dab/JF%20Savaria%20Bungee%20Alfonse-dab7693aaa0c7fa21670552ba17e0095.jpg" data-src="/storage/app/media/_resized/2f3/JF%20Savaria%20Bungee%20Alfonse-2f391c48381d845daef329ccfa0d340d.jpg" alt="Cirque Alfonse">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Cirque Alfonse</span>
                        <span class="thumb__subTitle">La Noce d&#039;Alfonse</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/limpro-cirque" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/6e4/Site%20impro-6e42e74c1e702f7da63a16f39afb6d1f.jpg" data-src="/storage/app/media/_resized/ce2/Site%20impro-ce2c019826cdd1f72bc3da2140fb0485.jpg" alt="Les Improduits">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 26 juin 2026 - 21 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Les Improduits</span>
                        <span class="thumb__subTitle">L&#039;Impro Cirque</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/le-grand-cirque-de-ryu" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/104/Site-1045f5795f6330a9fd01f23fd5176903.jpg" data-src="/storage/app/media/_resized/bf4/Site-bf41d99e92712b6e88c9100168864f7a.jpg" alt="Le Grand Cirque de Ryu">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Le Grand Cirque de Ryu</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/cabaret-noir-et-blanc" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/4f4/Cabaret_NB_C4237_Carlos-4f455a45556f3eff28e7775505dbc563.jpg" data-src="/storage/app/media/_resized/8a2/Cabaret_NB_C4237_Carlos-8a289a7afeaf1f9ad157d039daaf8e5d.jpg" alt="Cabaret Noir et Blanc">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 26 juin 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Cabaret Noir et Blanc</span>
                        <span class="thumb__subTitle">Collectif 4237</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/deambulatoire-avec-kumpania" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/53e/Parade%20ph%C3%A9nom%C3%A9nale%202022%20par%20Caroline%20Hayeur-53e641efe7dae47f0e9167adedbe0768.jpg" data-src="/storage/app/media/_resized/f57/Parade%20ph%C3%A9nom%C3%A9nale%202022%20par%20Caroline%20Hayeur-f5777068597cfdf455bc549ea4fd2c50.jpg" alt="KUMPA&#039;NIA">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">KUMPA&#039;NIA</span>
                        <span class="thumb__subTitle">En déambulatoire</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/silly-little-things" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/31b/Site%20Silly-31b198e048d0ec270e67147e5ad699f9.jpg" data-src="/storage/app/media/_resized/26f/Site%20Silly-26f26d40aac14544aaaa263a0e3b2ba9.jpg" alt="Silly Little Things">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 27 juin 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Silly Little Things</span>
                        <span class="thumb__subTitle">Trygve Wakenshaw</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/anetta-et-gustave" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/93c/Site-93c1816234a3268aa3281f52d4bdde34.jpg" data-src="/storage/app/media/_resized/30a/Site-30a1f235fd7382be017234c0d35803b4.jpg" alt="Annetta et Gustave">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 27 juin 2026 - 14 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Annetta et Gustave</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/self-help-karaoke" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/b66/Site-b66bebc4311b42cc655c7c7182c70671.jpg" data-src="/storage/app/media/_resized/894/Site-894e3e689922e0a57b79cd542ea3e9ae.jpg" alt="Self Help Karaoké">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 27 juin 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Self Help Karaoké</span>
                        <span class="thumb__subTitle">Avec Jerry Tremblay</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/productions-moulin-vent" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/07c/Site-07c7f4fd54ed56f34e06c72841ce8c7a.jpg" data-src="/storage/app/media/_resized/b62/Site-b6240bb201b7d694d920933a40e8bc78.jpg" alt="Productions Moulin à Vent">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 27 juin 2026 - 13 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Productions Moulin à Vent</span>
                        <span class="thumb__subTitle">Bazar de cirque!</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/drole-de-monstre" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/443/Site%20monster-443f3012055a2ee88ad5d84f0f1344ce.jpg" data-src="/storage/app/media/_resized/b37/Site%20monster-b37f84ea291f785c333876a806fb7a44.jpg" alt="Drôle de monstre!">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 28 juin 2026 - 14 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Drôle de monstre!</span>
                        <span class="thumb__subTitle">Trygve Wakenshaw</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/atelier-dinitiation-au-cirque" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/c4f/Atelier%20site-c4f958220b3ba1fd89a1f4a5c429e693.jpg" data-src="/storage/app/media/_resized/00a/Atelier%20site-00a23ff7438bea790c7c850a80c1f6f9.jpg" alt="Atelier d&#039;initiation au cirque">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 28 juin 2026 - 10 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Atelier d&#039;initiation au cirque</span>
                        <span class="thumb__subTitle">Avec le Cirque Alfonse</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/festival-de-lanaudiere" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/f52/FIL-f5284fe287c5770e0fcfe97c4c54fdea.png" data-src="/storage/app/media/_resized/eba/FIL-ebad281ee8d5ec341cdd9318979c9a97.png" alt="Festival de Lanaudière">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Du 3 juillet au 2 août 2026&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles Hors les murs</span>
                        <span class="thumb__title">Festival de Lanaudière</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/lensemble-oktopus" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/805/Oktopus%20Emmanuel%20Crombez-805fcd50ceea4cb09fecf892d00deb12.png" data-src="/storage/app/media/_resized/b79/Oktopus%20Emmanuel%20Crombez-b7958831298cec9a22ba32cb0749fc2f.png" alt="L&#039;Ensemble Oktopus">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 3 juillet 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Rendez-vous de la Place</span>
                        <span class="thumb__title">L&#039;Ensemble Oktopus</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/leffet-lisa" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/eee/Site%203-eee1972b959cc0f8e349904ee8a96450.jpg" data-src="/storage/app/media/_resized/21b/Site%203-21b80cbff4e3b5eaf1bcc64a3fd6eb06.jpg" alt="L&#039;effet Lisa">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Présenté en primeur</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Été</span>
                        <span class="thumb__title">L&#039;effet Lisa</span>
                        <span class="thumb__subTitle">Théâtre de l&#039;Œil Ouvert</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/la-magie-de-la-chimie-tome-2" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/85b/La%20magie%20de%20la%20chimie-85bcb89e551d0c54d924a833f32ead6e.png" data-src="/storage/app/media/_resized/671/La%20magie%20de%20la%20chimie-671ece3badf0ec8740e75ea1380fb0f6.png" alt="La magie de la chimie - TOME 2">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 15 juillet 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles au parc</span>
                        <span class="thumb__title">La magie de la chimie - TOME 2</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/yves-lambert-50-ans-de-la-bottine-aujourdhui" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/1d7/B%C3%A9bert-1d7949c58ca3a895237b2bace6c79a99.png" data-src="/storage/app/media/_resized/3ef/B%C3%A9bert-3efa221374f0ee3d790d5ff80abfd94e.png" alt="Yves Lambert - 50 ans, de la Bottine à aujourd’hui!">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 17 juillet 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles Hors les murs</span>
                        <span class="thumb__title">Yves Lambert - 50 ans, de la Bottine à aujourd’hui!</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/les-epatantes-epopees" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/329/patantes%20%C3%A9pop%C3%A9es-329e04f801e289f90985549140ea20bb.png" data-src="/storage/app/media/_resized/964/patantes%20%C3%A9pop%C3%A9es-96480f8f89198d8a5d9b7d8aefc15174.png" alt="Les Épatantes Épopées">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 22 juillet 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles au parc</span>
                        <span class="thumb__title">Les Épatantes Épopées</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/duo-annetta-et" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/da9/Duo%20Annetta%20et%20Gustave-da93efd1d90302971c152c7598e4cb1d.png" data-src="/storage/app/media/_resized/35c/Duo%20Annetta%20et%20Gustave-35c325a9e6b37b99c6aee6bd8ac1c86d.png" alt="Duo Annetta et Gustave">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 29 juillet 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles au parc</span>
                        <span class="thumb__title">Duo Annetta et Gustave</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/sortie-de-secours" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/85b/Sortie%20de%20secours-85bcb89e551d0c54d924a833f32ead6e.png" data-src="/storage/app/media/_resized/671/Sortie%20de%20secours-671ece3badf0ec8740e75ea1380fb0f6.png" alt="Sortie de secours">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 5 août 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles au parc</span>
                        <span class="thumb__title">Sortie de secours</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/kattam-et-ses-tams-tams" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/da9/Kattam-da93efd1d90302971c152c7598e4cb1d.png" data-src="/storage/app/media/_resized/35c/Kattam-35c325a9e6b37b99c6aee6bd8ac1c86d.png" alt="Kattam et ses tams-tams">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 12 août 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Spectacles au parc</span>
                        <span class="thumb__title">Kattam et ses tams-tams</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/lou-adriane-cassidy-11" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/4df/Lou-Adriane%20NO%C3%A9mie%20D.%20Leclerc-4df4cac3a90bd23150cdc58b0397b99b.png" data-src="/storage/app/media/_resized/5f1/Lou-Adriane%20NO%C3%A9mie%20D.%20Leclerc-5f1edd3cba4ad1cb426fc40c5b620d79.png" alt="Lou-Adriane Cassidy">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 15 août 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Rendez-vous de la Place</span>
                        <span class="thumb__title">Lou-Adriane Cassidy</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/gala-dhumour-festival-du-rire-de-joliette" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/46a/DANICK%20MARTINEAU-46a9c7eeecc3a879b0ec4876f99f5801.png" data-src="/storage/app/media/_resized/125/DANICK%20MARTINEAU-1253edf8bd8775d0737e40c343aa682b.png" alt="Gala d&#039;humour - Festival du rire de Joliette">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 21 août 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Gala d&#039;humour - Festival du rire de Joliette</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/gala-dhumour-festival-du-rire-de-joliette-1" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/2de/korine-cote-22-aout-2de2105740ce5867505f791d141284b2.png" data-src="/storage/app/media/_resized/13c/korine-cote-22-aout-13cb5923744d642d563a188683eb0ee9.png" alt="Gala d&#039;humour - Festival du rire de Joliette">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 22 août 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Gala d&#039;humour - Festival du rire de Joliette</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/gala-dhumour-festival-du-rire-de-joliette-2" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/aed/gala-billy-tellier-23-aout-2026-aed1104e037d0a35d553cbe5d3f4fced.png" data-src="/storage/app/media/_resized/322/gala-billy-tellier-23-aout-2026-322257d39d0c4c2b87d64836c22c9388.png" alt="Gala d&#039;humour - Festival du rire de Joliette">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 23 août 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Gala d&#039;humour - Festival du rire de Joliette</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/simon-leblanc-31" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/362/Site-3623614dc75ace7dca716ba53b2ed13e.jpg" data-src="/storage/app/media/_resized/8d5/Site-8d50dd6fbdbe50a1aa8036406433f60c.jpg" alt="Simon Leblanc">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Simon Leblanc</span>
                        <span class="thumb__subTitle">Présent</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/concert-aux-jardins-aromes-et-saveurs" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/755/Ar%C3%B4mes%20et%20saveurs-75500ba9a14588bb372537c260a8b562.png" data-src="/storage/app/media/_resized/00f/Ar%C3%B4mes%20et%20saveurs-00fc7919f0690402cd9a4fed691f776f.png" alt="Concert aux Jardins Arômes et Saveurs avec Francesca Willis et Jeanne Morin">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 30 août 2026 - 11 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Musique</span>
                        <span class="thumb__title">Concert aux Jardins Arômes et Saveurs avec Francesca Willis et Jeanne Morin</span>
                        <span class="thumb__subTitle">Dans le cadre du Festival et Concours de musique classique de Lanaudière</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/claude-dubois-8" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/4a8/Site-4a86021e4abce30f6d73d5a5898d71bb.jpg" data-src="/storage/app/media/_resized/d09/Site-d09d966c890c60592843d0f057058720.jpg" alt="Claude Dubois">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text">Supplémentaire</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 3 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Claude Dubois</span>
                        <span class="thumb__subTitle">Dubois solide en liberté</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/julien-tremblay-9" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/5c5/1040x660-affiche-julien-tremblay-1-5c570a0aa3ee952138aa557177973d69.jpg" data-src="/storage/app/media/_resized/d07/1040x660-affiche-julien-tremblay-1-d079027d5c562cd6208523896a43f858.jpg" alt="Julien Tremblay">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 4 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Julien Tremblay</span>
                        <span class="thumb__subTitle">Rebranché</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/michel-barrette-4" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/3d5/Site%20Michel%20Barrette-3d5692e2796985cd7da407f8c0210807.jpg" data-src="/storage/app/media/_resized/cc0/Site%20Michel%20Barrette-cc03adad5072e5292972ac3da4681e5b.jpg" alt="Michel Barrette">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Michel Barrette</span>
                        <span class="thumb__subTitle">Drôle depuis 1957</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/coeur-de-pirate-3" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/113/Site_CDP-113199e21848397955963ed18df73349.jpg" data-src="/storage/app/media/_resized/fb2/Site_CDP-fb2ae5cd42d11009fb140a2e2a91e95d.jpg" alt="Coeur de pirate">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 10 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Coeur de pirate</span>
                        <span class="thumb__subTitle">En cavale</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/ccr-reborn" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/816/CCR%20Reborn%206%20artistes_1040x660-81612ff4b2206f91ca83d46360e50cc7.jpg" data-src="/storage/app/media/_resized/efe/CCR%20Reborn%206%20artistes_1040x660-efe00bb34be72e8e008be7bb287a217e.jpg" alt="CCR Reborn">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 11 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">CCR Reborn</span>
                        <span class="thumb__subTitle">La revue musicale</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/greenwoodz-et-statzz" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/6cc/GreenWoodz%20v2-6cc8bd5146f9bcd90ac04983fe095813.png" data-src="/storage/app/media/_resized/fc5/GreenWoodz%20v2-fc54cdd582cd7986f39f22e4feb5a551.png" alt="GreenWoodz et Statzz">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 11 septembre 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Rendez-vous de la Place</span>
                        <span class="thumb__title">GreenWoodz et Statzz</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/arpin-lepine" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/feb/iwo251018001-1152x648-fr-68d7f1f1-febb433878c5dda2920a67a922e477f6.png" data-src="/storage/app/media/_resized/64f/iwo251018001-1152x648-fr-68d7f1f1-64fd47d8866368001f52f6e81b6f0fc2.png" alt="Arpin Lépine">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 12 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Arpin Lépine</span>
                        <span class="thumb__subTitle">Lune Brune</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/jean-francois-mercier" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/c63/design-sans-titre-12-c632c95a86914d08be12b32d9d9d8d3b.png" data-src="/storage/app/media/_resized/a4b/design-sans-titre-12-a4b313dfd21de8f6fb1050c5fad9cfb8.png" alt="Jean-François Mercier">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 19 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Jean-François Mercier</span>
                        <span class="thumb__subTitle">Avis d&#039;ébullition</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/planet-smashers" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/a4e/ThePlanetSmashes-2025-07-a4e44c29f461a2974a8bada22e054a31.jpg" data-src="/storage/app/media/_resized/56f/ThePlanetSmashes-2025-07-56f1b6d2ac187412e9f1fbed85a8aa26.jpg" alt="The Planet Smashers">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 24 septembre 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">The Planet Smashers</span>
                        <span class="thumb__subTitle">Avec Mustard Plug, K-Man &amp; the 45s et General Chaos</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/jf-pauze" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/03f/JFP2-03f6cb75ddc0f78c6b3c1701dd25d1ea.jpg" data-src="/storage/app/media/_resized/f99/JFP2-f9991dfdcbca640e6987ce807a4ac9a9.jpg" alt="JF Pauzé">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 25 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">JF Pauzé</span>
                        <span class="thumb__subTitle">Les amours de seconde main</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/fouki-et-jay-scott" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/978/Site-9789060c6ef1e4e53bc26d2e9cf995b9.jpg" data-src="/storage/app/media/_resized/d5c/Site-d5cce1f8f4da08ca3fcc6ad455f12c33.jpg" alt="FouKi + Jay Scøtt">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 26 septembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">FouKi + Jay Scøtt</span>
                        <span class="thumb__subTitle">Plateau double</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/la-gang-du-coin" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/7cf/290a5a22-674f-4ed6-91cc-a2c7b2d93b39-7cf1e2acbe82b035234d85e6eaed3485.jpg" data-src="/storage/app/media/_resized/d22/290a5a22-674f-4ed6-91cc-a2c7b2d93b39-d221ce9b381a96252987f0c6b253027c.jpg" alt="La Gang du coin (Lanaudière)">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 28 septembre 2026 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">La Gang du coin (Lanaudière)</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/charles-brunet-1" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/800/Site-800c530ac0541c1a2272352877eb570b.jpg" data-src="/storage/app/media/_resized/04b/Site-04b70900d6fed258663926b33774e2e1.jpg" alt="Charles Brunet">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 1 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Charles Brunet</span>
                        <span class="thumb__subTitle">Très très bon show</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/cette-voix-dan-et-gerry-notre-histoire" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/2b1/Site%202-2b1961adf7a9b2eb8acd4009a561f950.jpg" data-src="/storage/app/media/_resized/f64/Site%202-f647153fdd30a329860005d50c449ed8.jpg" alt="Cette Voix : Dan et Gerry, notre histoire">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 2 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Cette Voix : Dan et Gerry, notre histoire</span>
                        <span class="thumb__subTitle">Dan Bigras</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/le-retour-des-annees-80s" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/7f1/back-80-visuel-eclair-768x572-7f1f2a00de2739cc86e764b6010e1843.png" data-src="/storage/app/media/_resized/78b/back-80-visuel-eclair-768x572-78bdefab291f0479030e62e394b9b362.png" alt="Le Retour des Années 80">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Événement locatif</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 3 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                        <span class="thumb__title">Le Retour des Années 80</span>
                        <span class="thumb__subTitle">Back To The 80s Band</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/slache-pas" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/9d5/LachePas_1920x1080_01-9d54ff07237dafba9677d99f36b413eb.jpg" data-src="/storage/app/media/_resized/a89/LachePas_1920x1080_01-a89612c10ad946f7f510543d78e34537.jpg" alt="On s&#039;lâche pas">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 8 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                        <span class="thumb__title">On s&#039;lâche pas</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/nikamu-mamuitun-ii" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/b59/Nikamu%20site-b59a32ca9407fbd055b10e51397c694a.png" data-src="/storage/app/media/_resized/f3f/Nikamu%20site-f3fc3024590b09ea87165d580bdac1a5.png" alt="Nikamu Mamuitun II">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 9 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Nikamu Mamuitun II</span>
                        <span class="thumb__subTitle">Chansons rassembleuses</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/sam-breton-36" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/ac4/sbretonga-lealler1200x800sanstexte-ac4e0788a3235bc836bc0a43eb22fd43.png" data-src="/storage/app/media/_resized/df8/sbretonga-lealler1200x800sanstexte-df80c4a7486e6b6f24b18ad7412d9921.png" alt="Sam Breton">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Sam Breton</span>
                        <span class="thumb__subTitle">Ga-lé aller</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/maude-landry-8" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/11d/Site-11d0f07a6fd38d20fa7e2b36ff9013f7.jpg" data-src="/storage/app/media/_resized/38f/Site-38f132d48f43d34b286a903b92088f24.jpg" alt="Maude Landry">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 16 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Maude Landry</span>
                        <span class="thumb__subTitle">Trop cool</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/les-nympheas" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/501/Site-501f905b8920998df0e858d3f1284920.jpg" data-src="/storage/app/media/_resized/621/Site-621c53ea3f7cf34cacaa4713e44fb940.jpg" alt="Féériques Nymphéas de Claude Monet">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 18 octobre 2026 - 15 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Les Concerts OPUS 130</span>
                        <span class="thumb__title">Féériques Nymphéas de Claude Monet</span>
                        <span class="thumb__subTitle">Meagan Milatz et Maryse Chevrette</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/sans-quoi-nous-creverons" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/a89/Site-a89b7704a446905c6281d0e5e4cb82e0.jpg" data-src="/storage/app/media/_resized/f7b/Site-f7bb8077bd8c61a782407a5ac219c4ce.jpg" alt="Sans quoi nous crèverons">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 21 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Danse</span>
                        <span class="thumb__title">Sans quoi nous crèverons</span>
                        <span class="thumb__subTitle">Compagnie Virginie Brunelle</span>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </section>
            <!-- .main__programmings-page -->
            <div id="pagination">
              <section class="main__pagination">
                <div class="pagination js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 0ms">
                  <ul class="pagination__list">
                    <li class="pagination__item pagination__item--prev">
                      <span class="pagination__text"><svg role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg></span>
                    </li>
                    <li class="pagination__item pagination__item--active"><span class="pagination__text">1</span></li>
                    <li class="pagination__item">
                      <a class="pagination__link" 
                href="https://www.spectaclesjoliette.com/programmation/2">
                        2
                      </a>
                    </li>
                    <li class="pagination__item">
                      <a class="pagination__link" 
                href="https://www.spectaclesjoliette.com/programmation/3">
                        3
                      </a>
                    </li>
                    <li class="pagination__item pagination__item--next">
                      <a class="pagination__link"
                            title="Page suivante"
                            href="https://www.spectaclesjoliette.com/programmation/2">
                        <svg role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="pagination pagination--mobile">
                  <ul class="pagination__list">
                    <li class="pagination__item pagination__item--prev">
                      <span class="pagination__text"><svg role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>Précédente</span>
                    </li>
                    <li class="pagination__item pagination__item--next">
                      <a class="pagination__link"
                            title="Page suivante"
                            href="https://www.spectaclesjoliette.com/programmation/2">
                        Suivante
                        <svg role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
                      </a>
                    </li>
                  </ul>
                </div>
              </section>
              <!-- .main__pagination -->
            </div>
            <div id="publicites">
              <section class="main__advertisement">
                <a href="https://www.desjardins.com/" target="_blank" class="advertisement">
                  <span class="advertisement__image js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 200ms">
                    <picture class="advertisement__image-picture">
                      <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/026/Desjardins-02656ac7e7fbeed54884b5141e39f603.png" data-src="/storage/app/media/_resized/b9e/Desjardins-b9e1f41432370f09c52aabd31695a78a.png" alt="">
                    </picture><!-- .advertisement__image-picture -->
                  </span><!-- .advertisement__image -->
                </a><!-- .advertisement -->
              </section>
              <!-- .main__advertisement -->
            </div>
            <div class="mobile-filters-bar">
              <div class="mobile-filters-bar__content">
                <div class="mobile-filters-bar__link js-toggle-overlay-filters">
                  <div class="mobile-filters-bar__grid">
                    <div class="mobile-filters-bar__icon">
                      <svg class="mobile-filters-bar__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-filter"></use></svg>
                    </div>
                    <!-- .mobile-filters-bar__icon -->
                    <div class="mobile-filters-bar__text">
                      Filtres <span class="mobile-filters-bar__counter js-filters-bar-counter">(<span class="mobile-filters-bar__number js-filters-bar-number-bar">0</span>)</span>
                    </div>
                    <!-- .mobile-filters-bar__text -->
                  </div>
                  <!-- .mobile-filters-bar__grid -->
                </div>
                <!-- .mobile-filters-bar__link -->
              </div>
              <!-- .mobile-filters-bar__content -->
            </div>
            <!-- .mobile-filters-bar -->
          </div>
          <!-- .main__filters-track -->
        </div>
        <div class="logos-slider">
          <div class="logos-slider__padding">
            <div class="logos-slider__slides swiper-container js-logos-slides js-scrollfire scrollfire-fade-up">
              <div class="swiper-wrapper">
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.facebook.com/leC.A.RestoTraiteur/?locale=fr_CA" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/835/test%202%20c-8351758226d29a8c4b8df6affa6cf1c8.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.laction.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2a4/Medialo%20noir%20et%20blanc-2a4a30d83e5fc95bfee27a973e5f8ffb.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://cfnj.net/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/fe4/logo-cfnj-arrondi-1-fe473a19b2158e53de7f6bb996c7f6a3.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.lasourcespa.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/424/Logo%20La%20Source%20pour%20infolettre-42443771d8d4afd3c3b643c27cc66a50.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://priciderm.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/96b/logo%20priciderm-96bf9e5be8c8814b203a92da4ad0d00f.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://centrevisuel.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/8d6/logo%20centre%20visuel%20infolettre-8d6d06badbea29a12ed8a332ff0703e4.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.desjardins.com/votre-caisse/index.jsp?transit=81500026" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f46/caisse-desjardins-de-joliette-et-du-centre-de-lanaudiere-f46104e51bb59dd094d90d4ce27b783e.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://harnoisenergies.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/868/Logo-86803229a3bb927484d2220f749f8e4c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://galeriesjoliette.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e12/galeries-joliette-logonormal-004-e126701e2ce460bd8dd57c747ba6d564.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.info-logement.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/7c6/Info%20logement%20logo-7c66e28764dfd0b2b6e320499fb197c4.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.joliette.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/5ef/jol-5ef0c3445bb416a3f77a591a653038b8.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.vivrescb.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/7e0/Logo_SCB_web%20copie-7e05cef2db86ac849feeb3177297b685.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.notredamedesprairies.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ae9/logondpcouleur-ae9d921781a288ec6cca0d2a79c0e347.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://saintpaul.quebec/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/135/Saint-Paul%203-1353451da8eafdca1f23dd0f036ef3df.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.saintambroise.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e88/sak-e88d2687c7572d775bb66d43a58bb7e4.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.saintthomas.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ba4/stt-ba4a81666f75bf24e91fe6acc1fa43d4.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.canada.ca/fr/patrimoine-canadien.html" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2f1/canada-wordmark1-2f1507131ff1d6517d44e923270d9c7a.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.calq.gouv.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/52f/Logo_CALQ%20copie-52f238da79c6281e00b6be9f88b4a09c.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://habitationsbordeleau.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/695/Site-6959653a4ee0f38c3b6349f80bc129e1.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.patrickmorin.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9c7/LogoPM_RVB-9c7805869bdfc66c8cb5dd186a95c23c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.ecolelesmelezes.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/309/Logo%20couleur-309c598221492e7b14a24fdb783b0513.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://o1035.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/62d/Logo-62d7fb780caf069623ca345437675038.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.museejoliette.org/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2c6/MAJ_Logo2lignes_NOIR-2c6ea6433e7e8004827281c3d10d021d.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.opus130.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/076/Opus%20130%20Logo%20Avec%20Prix%20Opus%202021%20copie-076f0c4c4eff6180db5d29fc6370aeb9.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.synop6.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/81a/Synop6%20-%20Logo%20officiel%20copie-81a2659c96fd7408a7760803c78be990.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.poleterritoiredanse.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/eaf/Logo%20noir%20et%20blanc%20copie-eafa44ee7add40c8903f1191592ebeb7.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.benny-co.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/989/nouveau%20logo%20Benny%20copie-9896e1676cbe874bf1dbd79603f00804.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.joliettehalteculturelle.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f8b/Logo-f8b4cec19b5ab81804b5f9f5f9aa835b.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="http://www.ecoledemusique.org/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/bef/Logo%20a%20jour-bef9386c4786bfaa6f649b0725ed3f8a.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://lanaudiere.org/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/8c2/Site%20copie-8c228d2dddd3dc18122afc5eee04c58c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://aromesetsaveurs.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/162/jardins-200-x-120-px-162c68b4e25778e130a1411445857162.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://alchimiste.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/d84/Alchimiste_Logo_RGB%20site%202-d843f406e30f2175d65485c24d235307.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.batonrouge.ca/baton-rouge-joliette" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9fc/Logo%20blanc%20copie%202-9fcc8ff6f072154828db8d88432d4311.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/774/NOtable-7749f7fc43b3a59085beaf48afc8ab04.png" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.multi-paysages.net/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/58b/Logo-TMP-Final%20copie-58b75ec3856b1772794f7fc7ecd472ef.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://belisleconstruction.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/c0c/BelisleConstruction_LOGO-2024_RVB-c0c2a5294be989217d939c325f5804a2.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.groupebei.com/fr" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/c0f/BEI_logo-RVB%201-c0f3620d74ebadb40d4b70409635eae1.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/481/LE%20MANSEAU_LOGO_NOIR-48103f514393e11da77f387bb30f37fa.jpg" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://ladansesurlesroutes.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ba2/DSR_logo_horizontal_NOIR-ba2641372b1110f822ee1983d8a106af.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://previlleratelle.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/32c/PrevilleRatelleAvocats_COULEUR_WEB%20copie-32c040dda74d848e8e83c33201370505.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.gestionbgc.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f34/BGC_Logo_RBVHorizontal-f34b945f8d3013d5c2b295ef64a8f66d.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://joliettenissan.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/90b/Logo%20Joliette%20Nissan%20Horizontal%20noir-90bebf552b543945599c97723416982a.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.tanguay.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f68/Tanguay%20170-f68b435fc6a02c258678125117591d76.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.caalanaudiere.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9a1/Lettre%20appui-9a1fac3f152796d56fd0eb4f4e4598cc.jpeg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://remaxprestige.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/99f/Site-99fdcd291e23e7f05ea2b0cc8edb955c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.chateaujoliette.com/pages/restauration" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/084/Table%20G-08435d964f62fede2be03699186c3e98.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://serviceshydrauliqueslanaudiere.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2db/SHL-2db47f0839f40fcb2a68bf19de3b5e3e.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://glacenature.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/71e/Glace%20Nature-71ea4fcd82572c55ec1609a0fed544d2.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://rtados.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/1e3/RTA-1e3d944f0f8ea2f8273b9f49ca184f71.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/b58/En%20piste-b5883cc14123dca1209a1af8c09a2cd1.jpg" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.memoireracines.org/fr" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/762/Site%20FMR%20copie-762e91fdd56937d07b4dc572b6dd6f38.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://meuneriedalphond.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f62/dalphond-site-200-x-200-px-f62efa8c337aff7f8cc570fb1b6fca08.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.trevijoliette.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/983/Site%20copie-983611d74c4896d934ddfdac51d47eed.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.gruesprecision.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/544/grue-160-x-160-px-544df3219ca53499035c45d4c2303870.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.cegep-lanaudiere.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ab2/cegep-ab22c3c3d03713405bc4dd150b6470a7.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
              </div>
            </div>
            <!-- .logos-slider__slides -->
          </div>
          <!-- logos-slider__padding -->
        </div>
        <!-- .logos-slider -->
        <footer class="footer  footer--with-bar-filter  ">
          <div class="footer__padding">
            <div class="footer__grid">
              <div class="footer__left">
                <div class="footer__donation js-scrollfire scrollfire-fade-up">
                  <div class="footer__donation-title">Soutenez<br />
                    votre milieu<br />
                    culturel</div>
                  <div class="footer__donation-button">
                    <a href="https://spectaclesjoliette.tuxedobillet.com/main/art-de-donner" class="round-button" target="_blank">
                      <span class="round-button__text">Faire un don</span>
                    </a>
                  </div>
                  <!-- .footer__donation-button -->
                </div>
                <!-- .footer__donation -->
                <div class="footer__newsletter js-scrollfire scrollfire-fade-up js-form-newsletter">
                  <div class="footer__newsletter-title">Inscription à l’infolettre</div>
                  <div id="infolettreWrapper" class="footer__newsletter-form">
                    <form id="form-newsletter" class="newsletter-form"
                            data-request="infolettre::onSubscribe" data-request-data="'wrapperId':'#infolettreWrapper'">
                      <input class="newsletter-form__input js-newsletter-input" name="courriel" type="text" value="" placeholder="Courriel">
                      <span id="form-newsletter-submit" class="newsletter-form__submit"><svg class="newsletter-form__svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg></span>
                      <div class="input-field__error form-error js-form-error"></div>
                    </form>
                  </div>
                  <!-- .footer__newsletter-form -->
                </div>
                <!-- .footer__newsletter -->
              </div>
              <!-- .footer__left -->
              <div class="footer__right">
                <ul class="footer__navigation js-scrollfire scrollfire-fade-up">
                  <li class="footer__navigation-item">
                    <a href="javascript:;"
                            data-request="showsList::onResetParams"
                            data-request-redirect="/programmation"
                            class="footer__navigation-link">
                      Toute la programmation
                    </a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/festivals" class="footer__navigation-link">Festivals</a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/je-donne-en-culture" class="footer__navigation-link">Soutenez la culture</a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/nous-joindre" class="footer__navigation-link">Nous joindre</a>
                  </li>
                  <!-- .footer__navigation-item -->
                </ul>
                <!-- .footer__navigation -->
                <div class="footer__social js-scrollfire scrollfire-fade-up">
                  <ul class="social">
                    <li class="social__item">
                      <a href="https://www.facebook.com/centre.culturel.desjardins/" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://ca.linkedin.com/company/centre-culturel-de-joliette" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-linkedin"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.tiktok.com/@spectaclesjoliette" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg?v=1.1#ico-tiktok"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                  </ul>
                  <!-- .social -->
                </div>
                <!-- .footer-social -->
                <div class="footer__lanaudiere js-scrollfire scrollfire-fade-up">
                  <a href="https://www.joliettehalteculturelle.ca/" class="footer__lanaudiere-link" target="_blank" rel="noopener noreferrer">
                    <img class="footer__lanaudiere-logo" src="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/joliette_halte_culturelle.svg" width="250" height="58" alt="" />
                  </a>
                  <a href="https://lanaudiere.ca" class="footer__lanaudiere-link" target="_blank" rel="noopener noreferrer">
                    <img class="footer__lanaudiere-logo" src="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/lanaudiere.png" width="250" height="58" alt="Lanaudière, Osez grand, Vivez grand" />
                  </a><!-- .footer__lanaudiere-link -->
                </div>
                <!-- footer__lanaudiere -->
              </div>
              <!-- .footer__right -->
            </div>
            <!-- .footer__grid -->
          </div>
          <!-- .footer__padding -->
          <div class="footer__bottom">
            <div class="footer__bottom-grid">
              <div class="footer__bottom-left">
                Centre culturel Desjardins - Tous droits réservés<span class="footer__bottom-separation">|</span><a href="https://www.spectaclesjoliette.com/en-savoir-plus/politique-de-confidentialite" class="footer__bottom-link footer__bottom-link--underline">Sécurité et confidentialité</a>
              </div>
              <!-- .footer__bottom-left -->
              <div class="footer__bottom-right" style="display:none">
                <a href="https://blanko.ca" class="footer__bottom-link" target="_blank">#Blankonumérique</a>
              </div>
              <!-- .footer__bottom__right -->
            </div>
            <!-- .footer__bottom__grid -->
          </div>
          <!-- .footer__bottom -->
          <div class="footer__back-to-top js-scroll-to-header">
            <div class="footer__back-to-top-icon">
              <svg class="footer__back-to-top-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
            </div>
            <!-- .footer__back-to-top-icon -->
            <div class="footer__back-to-top-text">Retour</div>
          </div>
          <!-- .footer__back-to-top -->
        </footer>
        <!-- footer -->            </div>
    </div>
    <!-- SCRIPTS -->
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/tail.select.min.js"></script>
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.js?v=1.2"></script>
    <!-- DROPZONE -->
    <script type='text/javascript' src='/plugins/renatio/formbuilder/assets/vendor/dropzone/dropzone.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/file-multi.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/form.js' async='async'></script>
    <script src="/modules/system/assets/js/framework.combined-min.js"></script>
    <link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework.extras-min.css">
    <script>
      window.config = {
          site_name : 'Centre culturel Desjardins',
          theme_path : 'init-theme'
      }
    </script>
  </body>
</html>