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

Page name: Programmation complète | Centre culturel Desjardins

Edit | Back

Date Scraped: 2026-04-16 01:16:18 -0400

Last Successful Refresh: 2026-04-16 01:16:18 -0400

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

Updated: 2026-04-16 01:16:18 -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/bastringue-festival-de-cirque" class="overlay-menu__level-2-link">Bastringue - Festival de cirque</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/bastringue-festival-cirque" class="overlay-menu__level-2-link">Bastringue</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>
                            </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/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="/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,29-4-2026,30-4-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,12-2-2027,25-4-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,28-5-2026,20-2-2026,12-6-2027,21-5-2027,6-6-2026,15-10-2026,4-2-2026,20-11-2026,19-9-2026,30-5-2026,20-6-2026,17-12-2026,14-5-2026,7-11-2026,16-10-2026,2-4-2027,13-11-2026,26-9-2026,7-5-2026,12-12-2026,22-1-2027,6-11-2026,27-11-2026,2-5-2026,5-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,28-1-2027,30-1-2026,16-1-2027,1-5-2026,21-2-2026,11-3-2027,3-9-2026,5-3-2027,3-5-2026,27-5-2027,19-6-2026,20-6-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,26-4-2026,24-4-2026,3-10-2026,23-5-2026,21-4-2026,18-12-2026,9-5-2026,25-9-2026,6-12-2026,21-4-2026,28-4-2026,28-4-2026,11-9-2026,22-5-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,17-6-2026,9-10-2026,3-4-2026,10-12-2026,15-5-2026,23-10-2026,11-12-2026,31-10-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,18-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,"
                            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="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 - 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="Parc Louis-Querbes" id="venues-Parc Louis-Querbes" 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 Louis-Querbes" class="overlay-filters__level-2-link" >Parc Louis-Querbes</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="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>
                        </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>
                          <li class="overlay-filters__level-2-item js-accordion-filters-level-2">
                            <input name="categorie" value="Spectacle extérieur" id="categories-Spectacle extérieur" 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-Spectacle extérieur" class="overlay-filters__level-2-link" >Spectacle extérieur</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,29-4-2026,30-4-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,12-2-2027,25-4-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,28-5-2026,20-2-2026,12-6-2027,21-5-2027,6-6-2026,15-10-2026,4-2-2026,20-11-2026,19-9-2026,30-5-2026,20-6-2026,17-12-2026,14-5-2026,7-11-2026,16-10-2026,2-4-2027,13-11-2026,26-9-2026,7-5-2026,12-12-2026,22-1-2027,6-11-2026,27-11-2026,2-5-2026,5-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,28-1-2027,30-1-2026,16-1-2027,1-5-2026,21-2-2026,11-3-2027,3-9-2026,5-3-2027,3-5-2026,27-5-2027,19-6-2026,20-6-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,26-4-2026,24-4-2026,3-10-2026,23-5-2026,21-4-2026,18-12-2026,9-5-2026,25-9-2026,6-12-2026,21-4-2026,28-4-2026,28-4-2026,11-9-2026,22-5-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,17-6-2026,9-10-2026,3-4-2026,10-12-2026,15-5-2026,23-10-2026,11-12-2026,31-10-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,18-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,"
                             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: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 - Formule cabaret" >Centre culturel Desjardins - Formule cabaret</option>
                          <option value="Parc Louis-Querbes" >Parc Louis-Querbes</option>
                          <option value="Centre culturel Desjardins - Parterre debout" >Centre culturel Desjardins - Parterre debout</option>
                          <option value="Chapiteau d&#039;Alfonse" >Chapiteau d&#039;Alfonse</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>
                          <option value="Spectacle extérieur" >Spectacle extérieur</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/gravity-other-myths" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/bc6/Site%20Gravity-bc6afcc9e1683d0d903ddae59e5d7b0d.jpg" data-src="/storage/app/media/_resized/5d8/Site%20Gravity-5d8ceaffdbf7e8b886178461f0689f8c.jpg" alt="Gravity &amp; Other Myths">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 21 avril 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                        <span class="thumb__title">Gravity &amp; Other Myths</span>
                        <span class="thumb__subTitle">Ten Thousand Hours</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/10-000-hours-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/f80/Site%20Gravity-f800a9091c91499e25cbc787246cc2e9.jpg" data-src="/storage/app/media/_resized/aa1/Site%20Gravity-aa1e08594347a70ab7eae068038e3bbf.jpg" alt="10 000 hours">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 21 avril 2026 - 13 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Scolaire</span>
                        <span class="thumb__title">10 000 hours</span>
                        <span class="thumb__subTitle">Gravity and other myths</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/simon-gouache-7" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/d1a/Gouache%20nouveau%20site-d1a306138cea01f066b9df5df207fceb.png" data-src="/storage/app/media/_resized/530/Gouache%20nouveau%20site-53001013d5182ad704ccc154f0da25f8.png" alt="Simon Gouache">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Simon Gouache</span>
                        <span class="thumb__subTitle">Pour l&#039;instant</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/rue-duplessis-ma-petite-noirceur" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/b82/Site%20Rue-b82fb00211c80e719ce9e416d2ec3a30.jpg" data-src="/storage/app/media/_resized/18d/Site%20Rue-18d60735c7f3fcf2692fe402a593c272.jpg" alt="Rue Duplessis | Ma petite noirceur">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 24 avril 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                        <span class="thumb__title">Rue Duplessis | Ma petite noirceur</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 25 avril 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/deux-siecles-de-trios" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/205/Site-20503ef5535a3140589a04eb82472fa3.jpg" data-src="/storage/app/media/_resized/19c/Site-19c8b6b1cf49c95c7bfd7fdb1d2beffa.jpg" alt="Deux siècles de trios!">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 26 avril 2026 - 15 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Les Concerts OPUS 130</span>
                        <span class="thumb__title">Deux siècles de trios!</span>
                        <span class="thumb__subTitle">Trio Marsolais Roy Chiu</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/attention-fragile" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/092/Attention%20%20-%20Site-0925589de1e5f8b11c903ae09243efb1.png" data-src="/storage/app/media/_resized/193/Attention%20%20-%20Site-1939a8ee58a2b7b3467e2161705496b1.png" alt="Attention : Fragile">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Scolaire</span>
                        <span class="thumb__title">Attention : Fragile</span>
                        <span class="thumb__subTitle">Samsara Théâtre et L&#039;Arrière Scène</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/mariana-mazza-15" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/bd8/Site-bd858e2f82f7b29732ff399d5fe93f98.jpg" data-src="/storage/app/media/_resized/2e4/Site-2e46ea34def638accc5eede722831ebc.jpg" alt="Mariana Mazza">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Mariana Mazza</span>
                        <span class="thumb__subTitle">Foie Gras</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/alter-ego-experience" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/dea/Site25-dea4b61c470e903767d9b4f55421e5db.jpg" data-src="/storage/app/media/_resized/07e/Site25-07e46ed959d7112d72c9127f9960beba.jpg" alt="Bal en blanc RE/MAX PRESTIGE avec ALTER EGO">
                        </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 1 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                        <span class="thumb__title">Bal en blanc RE/MAX PRESTIGE avec ALTER EGO</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/mehdi-bousaidan-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/233/Site%20Mehdi-233a5605432bf51b76a807f6e387dcd4.jpg" data-src="/storage/app/media/_resized/e97/Site%20Mehdi-e9752112b1597f8d9efe363e6bde6763.jpg" alt="Mehdi Bousaidan">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 2 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Mehdi Bousaidan</span>
                        <span class="thumb__subTitle">Le garçon et la fenêtre</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/gala-festival-et-concours-de-musique-classique" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/925/visuel_%C3%A9v%C3%A9nement_gala-92534b97ef7b1c9816487d1f0840d2ab.jpg" data-src="/storage/app/media/_resized/92b/visuel_%C3%A9v%C3%A9nement_gala-92b3965595fe45bcd19c7525ab667f48.jpg" alt="Gala - Festival et Concours de musique classique">
                        </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 3 mai 2026 - 15 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Musique</span>
                        <span class="thumb__title">Gala - Festival et Concours de musique classique</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/souldia-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/22a/Site-22a94f874309e01797345c0a0d8fae87.jpg" data-src="/storage/app/media/_resized/f3b/Site-f3b817f1bb20c13a80638b6f51239ebe.jpg" alt="Souldia">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 7 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Souldia</span>
                        <span class="thumb__subTitle">Nouvelle vie</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">Plusieurs dates&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/les-trois-accords-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/e9e/troisaccords_2025_4-credit_louis-philippe_eno-e9ea0bbb62a05d3fa5b9fd3e90126bd5.jpg" data-src="/storage/app/media/_resized/44d/troisaccords_2025_4-credit_louis-philippe_eno-44d9f5ac858caadcfada11593f79e253.jpg" alt="Les Trois Accords">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 14 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Les Trois Accords</span>
                        <span class="thumb__subTitle">Toujours les vacances</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/grimskunk-illness" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/b54/Site%202%20copie-b540a0780f2e11b4d017ae8df8402c15.jpg" data-src="/storage/app/media/_resized/2ed/Site%202%20copie-2ed5fdd034b2560fecb2ef5e5271472b.jpg" alt="GrimSkunk + Illness">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 15 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">GrimSkunk + Illness</span>
                        <span class="thumb__subTitle">Plateau double</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/dominic-paquet-5" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/ee6/Site%20Dom%20Paquet-ee629b53fc395c3fcd47703e0d05523e.jpg" data-src="/storage/app/media/_resized/120/Site%20Dom%20Paquet-12054f6f08ea71f448c69cf0cd853900.jpg" alt="Dominic Paquet">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Dominic Paquet</span>
                        <span class="thumb__subTitle">J&#039;comprends la game</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/country-boys" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/c2f/Site-c2fe5c9825177a6a78e488c292987a30.jpg" data-src="/storage/app/media/_resized/04e/Site-04ef4926a990d35179f47de173af9fdc.jpg" alt="Country Boys">
                        </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 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                        <span class="thumb__title">Country Boys</span>
                        <span class="thumb__subTitle">Hommage à Alan Jackson, Garth Brooks, Brad Paisley et George Strait</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/alexandre-barrette-40" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/779/Site%202-7795580b43de3b1ef79faa8f91708981.jpg" data-src="/storage/app/media/_resized/dc4/Site%202-dc4d753f203ffe746dd3287868a930a4.jpg" alt="Alexandre Barrette">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 23 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Alexandre Barrette</span>
                        <span class="thumb__subTitle">OUVERT</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/en-direct-de-lunivers" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/1f6/Site%20EDU-1f602c7f9b01c3bfb9de528e2747df9c.jpg" data-src="/storage/app/media/_resized/9b7/Site%20EDU-9b768579fdabf3d2e0648bfa1a860b5d.jpg" alt="L&#039;Ensemble En Direct de l&#039;Univers">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Quelques places disponibles!</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 28 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                        <span class="thumb__title">L&#039;Ensemble En Direct de l&#039;Univers</span>
                        <span class="thumb__subTitle">Harmonies d&#039;un soir</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/pierre-hebert-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/ef9/Site%20Pierre-ef9d93b5cf73cfc1c36872fb9a3e7e47.jpg" data-src="/storage/app/media/_resized/5fd/Site%20Pierre-5fd66c437df117eefcd799a2f1810437.jpg" alt="Pierre Hébert">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Quelques places disponibles!</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Humour</span>
                        <span class="thumb__title">Pierre Hébert</span>
                        <span class="thumb__subTitle">Grandiose</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/bleu-jeans-bleu-16" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/28c/Officielle-Rectangulaire-Bleu-Jeans-Bleu-28c8a6193a29ec8c3f09f18e370d27b4.jpg" data-src="/storage/app/media/_resized/3d7/Officielle-Rectangulaire-Bleu-Jeans-Bleu-3d70204e296b2470592570eaace6a772.jpg" alt="Bleu Jeans Bleu">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 30 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Bleu Jeans Bleu</span>
                        <span class="thumb__subTitle">Record NºV</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>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Complet</span></li>
                        </ul>
                      </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/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>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Quelques places disponibles!</span></li>
                        </ul>
                      </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/la-noce-dalfonse-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/255/Alfonse-255d9c967506c3ff1af0db2260a26d04.png" data-src="/storage/app/media/_resized/402/Alfonse-4020ee7615eec667c44b1653c36a35b5.png" alt="La noce d&#039;Alfonse">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 17 juin 2026 - 10 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Scolaire</span>
                        <span class="thumb__title">La noce d&#039;Alfonse</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/wow-world-words" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/7bd/Site-7bd0b8d6e97742a6340ffdfed0f6ad9c.jpg" data-src="/storage/app/media/_resized/143/Site-1439f43643bb139b92f65022649bd5a1.jpg" alt="Productions Kalabanté">
                        </picture>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 18 juin 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                        <span class="thumb__title">Productions Kalabanté</span>
                        <span class="thumb__subTitle">WOW : World of Words</span>
                      </div>
                    </a>
                  </div>
                  <div class="thumbs-list__item thumb">
                    <a href="https://www.spectaclesjoliette.com/spectacle/jerry-tremblay" class="thumb__button">
                      <div class="thumb__photo-container">
                        <picture class="thumb__photo">
                          <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/f4d/16_9%20-%20SFL%20-%20SansText-f4d56a688ae147ffccff6081d22e2a40.png" data-src="/storage/app/media/_resized/b1f/16_9%20-%20SFL%20-%20SansText-b1f7811953ff2475a63908a082596f07.png" alt="Jerry Tremblay">
                        </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">Jerry Tremblay</span>
                        <span class="thumb__subTitle">Searching for Love</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/quebec-redneck-bluegrass-project-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/f76/QRBP%20Joliette%201040x660-f767d220f9bbc1a4caf78046a8e5a018.jpg" data-src="/storage/app/media/_resized/4b9/QRBP%20Joliette%201040x660-4b9fd0f001926bd2e6b258df2bed623c.jpg" alt="Québec Redneck Bluegrass Project + Angine de Poitrine">
                        </picture>
                        <ul class="thumb__taglist taglist">
                          <li class="taglist__tag"><span class="taglist__text--important">Spectacle extérieur</span></li>
                        </ul>
                      </div>
                      <div class="thumb__info">
                        <span class="thumb__date">Le 20 juin 2026 - 19 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Chanson</span>
                        <span class="thumb__title">Québec Redneck Bluegrass Project + Angine de Poitrine</span>
                        <span class="thumb__subTitle">Plateau double</span>
                      </div>
                    </a>
                  </div>
                  <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/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/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/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/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/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/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/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/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/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/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>
              </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/52d/logo%20cfnj-52def4bd3bec9edb98c62b9904a47a5a.jpg" 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/fe8/Logo%20Jardins%20aromes%20et%20saveurs%20coul-fe87599a1b6699003452b603771d2a43.jpg" 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://chocochocolat.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e85/CHoco%20chocolat-e85db04d439e846aaec3449d33c1899c.jpg" 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://cr34te.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/cf1/CR3ATE-cf10e8594a7e54f7fe94872aad27b63d.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.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>