Uri: https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Fself-help-karaoke

Page name: Self Help Karaoké | Centre culturel Desjardins

Edit | Back

Date Scraped: 2026-05-01 01:12:53 -0400

Last Successful Refresh: 2026-05-01 01:12:53 -0400

Created: 2026-04-30 01:21:39 -0400

Updated: 2026-05-01 01:12:53 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html class="showLanding" lang="fr">
  <head>
    <!-- TITLE -->
    <title>Self Help Karaoké | Centre culturel Desjardins</title>
    <meta name="description" content="En&#x20;savoir&#x20;plus&#x20;sur&#x20;la&#x20;repr&#x00E9;sentation&#x20;de&#x20;&#x00AB;&#x20;Self&#x20;Help&#x20;Karaok&#x00E9;&#x20;&#x00BB;&#x20;au&#x20;Centre&#x20;culturel&#x20;Desjardins.&#x20;" />
    <!-- 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/spectacle/self-help-karaoke" />
    <meta property="og:site_name" content="" />
    <meta property="og:image" content="https://www.spectaclesjoliette.com/storage/app/media/Festivals/bastringue/2026/Karaoke Jerry/Site.jpg" />
    <meta property="og:title" content="Self Help Karaoké | Centre culturel Desjardins" />
    <meta property="og:description" content="En savoir plus sur la représentation de « Self Help Karaoké » 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="showView">
      <div id="show" 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/spectacle/self-help-karaoke">
                  <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/spectacle/self-help-karaoke" >
                  <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%2Fspectacle%2Fself-help-karaoke">
                  <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/spectacle/self-help-karaoke">
                  <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/festival-et-concours-de-musique-classique" class="overlay-menu__level-2-link">Festival et Concours de musique classique de Lanaudière</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/bastringue-festival-cirque" class="overlay-menu__level-2-link">Bastringue</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Je donne en culture
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/je-donne"  class="overlay-menu__level-2-link">Faire un don</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/lart-de-donner"  class="overlay-menu__level-2-link">Qu'est-ce que L'ART de donner</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/cultiver-l-essentiel"  class="overlay-menu__level-2-link">À quoi servent les dons?</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/campagne-de-sociofinancement-passe-echo"  class="overlay-menu__level-2-link">Campagne de sociofinancement - ÉCHO</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/nos-genereux-donateurs"  class="overlay-menu__level-2-link">Nos généreux donateurs</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/resultats-des-campagnes-passees"  class="overlay-menu__level-2-link">Résultats des campagnes passées</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            En savoir plus
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/propos-de-nous"  class="overlay-menu__level-2-link">À propos de nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/bien-planifier-votre-visite-chez-nous"  class="overlay-menu__level-2-link">Bien planifier votre visite chez-nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/faire-partie-de-lequipe"  class="overlay-menu__level-2-link">Faire partie de l'équipe</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/sorties-scolaires"  class="overlay-menu__level-2-link">Sorties scolaires</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Offres et promotions
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-de-groupe-pour-leffet-lisa" class="overlay-menu__level-2-link">Offre de groupe - L&#039;effet Lisa</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-jeunesse" class="overlay-menu__level-2-link">Offres pour la jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarifs-speciaux" class="overlay-menu__level-2-link">Tarifs spéciaux</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-fadoq" class="overlay-menu__level-2-link">Rabais FADOQ</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-citoyens" class="overlay-menu__level-2-link">Rabais citoyens</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-acces-culture" class="overlay-menu__level-2-link">Tarif Accès-Cible</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/abonnements" class="overlay-menu__level-2-link">Abonnements</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/carte-cadeau" class="overlay-menu__level-2-link">Carte-cadeau</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-aux-entreprises" class="overlay-menu__level-2-link">Offre aux entreprises</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-chez-nos-partenaires-restaurateurs" class="overlay-menu__level-2-link">Rabais chez nos partenaires restaurateurs</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                      <!-- .overlay-menu__level-1 -->
                    </div>
                    <!-- .overlay-menu__container-scroll -->
                  </div>
                  <!-- .overlay-menu__main-padding -->
                </div>
                <!-- .overlay-menu__main -->
                <div class="overlay-menu__side">
                  <div class="overlay-menu__side-padding">
                    <div class="overlay-menu__side-scroll">
                      <ul class="overlay-menu__side-links">
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/nouveautes" class="overlay-menu__side-link">Nouveautés</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/devenir-membre"  class="overlay-menu__side-link">Devenir membre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/acheter-une-carte-cadeau"  class="overlay-menu__side-link">Acheter une carte-cadeau</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/location-et-services"  class="overlay-menu__side-link">Location et services</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/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,12-11-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,24-3-2027,12-2-2027,10-9-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,30-4-2027,28-5-2026,9-4-2027,20-2-2026,12-6-2027,21-5-2027,6-6-2026,15-10-2026,20-3-2027,4-2-2026,20-11-2026,19-9-2026,30-5-2026,20-6-2026,17-12-2026,14-5-2026,30-1-2027,7-11-2026,16-10-2026,2-4-2027,13-11-2026,10-3-2027,26-9-2026,7-5-2026,21-6-2026,28-6-2026,12-12-2026,13-12-2026,11-11-2027,22-1-2027,26-6-2026,6-11-2026,27-11-2026,2-5-2026,5-2-2027,6-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,14-5-2027,28-1-2027,30-1-2026,16-1-2027,1-5-2026,18-2-2027,21-2-2026,11-3-2027,3-9-2026,5-3-2027,3-5-2026,27-5-2027,19-6-2026,20-6-2026,17-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,3-10-2026,23-5-2026,11-2-2027,18-12-2026,9-5-2026,25-9-2026,6-12-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,4-12-2026,5-12-2026,28-11-2026,6-2-2026,1-10-2026,13-2-2026,20-2-2027,19-12-2026,24-1-2026,9-1-2027,26-3-2027,12-3-2027,12-9-2026,18-10-2026,8-11-2026,14-2-2027,14-1-2027,15-1-2027,27-6-2026,28-6-2026,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,18-3-2027,24-9-2026,12-5-2027,4-3-2027,19-3-2027,3-9-2027,18-6-2026,26-6-2026,18-6-2026,19-6-2026,20-6-2026,20-6-2026,26-6-2026,27-6-2026,25-2-2027,20-6-2026,20-6-2026,27-6-2026,27-6-2026,23-6-2026,27-6-2026,27-6-2026,20-6-2026,22-5-2027,"
                            data-date=""
                        ></div>
                    <div class="overlay-calendar__button">
                      <a href="https://www.spectaclesjoliette.com/programmation" class="overlay-calendar__button-link secondary-button js-close-overlay-calendar">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  header--transparent  header--dark 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">
                  <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="main">
          <div class="main__show-bar-track">
            <section class="page-top page-top--with-image page-top--show">
              <div class="page-top__container">
                <div class="page-top__left"></div>
                <div class="page-top__right">
                  <div class="page-top__content">
                    <div class="page-top__breadcrumbs js-scrollfire scrollfire-fade-up">
                      <div class="breadcrumbs">
                        <ul class="breadcrumbs__list">
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com" class="breadcrumbs__text breadcrumbs__text--home">
                              <svg class="breadcrumbs__logo" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-no-text"></use></svg>
                            </a><!-- .breadcrumbs__text--home -->
                          </li>
                          <!-- .breadcrumbs__item -->
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com/programmation" class="breadcrumbs__text breadcrumbs__text--link">Programmation</a>
                          </li>
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com/programmation/1/bastringue-festival-de-cirque" class="breadcrumbs__text breadcrumbs__text--link">Bastringue - Festival de cirque</a>
                          </li>
                          <li class="breadcrumbs__item">
                            <span class="breadcrumbs__text">...</span>
                          </li>
                        </ul>
                        <div class="breadcrumbs__mobile-back">
                          <a href="https://www.spectaclesjoliette.com/programmation" class="breadcrumbs__mobile-back-link">
                            <svg class="breadcrumbs__mobile-back-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
                            <span class="breadcrumbs__mobile-back-text">Retour</span>
                          </a><!-- .breadcrumbs__mobile-back-link -->
                        </div>
                        <!-- .breadcrumbs__mobile-back -->
                      </div>
                      <!-- .breadcrumbs -->                    </div>
                    <!-- .page-top__breadcrumbs -->
                    <div class="js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 200ms">
                      <h1 class="page-top__title">Self Help Karaoké</h1>
                      <div class="page-top__subtitle">Avec Jerry Tremblay</div>
                    </div>
                    <div class="page-top__date-wrapper">
                      <span class="page-top__date js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms">Le 27 juin 2026 - 19 h 00</span>
                    </div>
                    <div class="page-top__taglist-wrapper js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms">
                      <ul class="page-top__taglist taglist taglist--reverse">
                        <li class="taglist__tag"><a href="https://www.spectaclesjoliette.com/recherche?q=Gratuit" class="taglist__text--important">Gratuit</a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="page-top__image">
                    <picture class="page-top__image-picture js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 400ms">
                      <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/d78/Site-d78250e13c908404105e0b924867d98d.jpg" data-src="/storage/app/media/_resized/47e/Site-47e9c21ede7fd09fe6451b81c5022b2a.jpg" alt="">
                    </picture>
                  </div>
                </div>
              </div>
            </section>
            <section class="main__presenters">
              <div class="presenters js-scrollfire scrollfire-fade-up">
                <div class="presenters__grid">
                  <div class="presenters__text">Présenté par</div>
                  <div class="presenters__logos">
                    <div class="logos-presenter">
                      <div class="logos-presenter__link">
                        <img class="logos-presenter__img" src="/storage/app/media/_resized/26d/25Ans_HB_Logo_Couleur_Horizontal-26d59e257e721770c23494bf6a6826ed.jpg" alt="">
                      </div>
                    </div>
                    </div>
                </div>
              </div>
            </section>
            <section class="main__informations js-informations">
              <div class="informations informations--show">
                <div class="informations__list js-scrollfire scrollfire-fade-up">
                  <div class="information information--left">
                    <div class="information__header">
                      <h2 class="information__title">Représentations</h2>
                    </div>
                    <div class="information__content information__content--list">
                      <ul class="information__list">
                        <li class="information__item">
                          <div class="information__content">
                            <h3 class="information__subtitle">Le 27 juin 2026 - 19 h 00</h3>
                            <p class="information__text">Place Bourget</p>
                          </div>
                          <!-- .information__content -->
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="information information--right">
                    <div class="information__header">
                      <h2 class="information__title">Tarifs</h2>
                    </div>
                    <div class="information__content information__content--price">
                      <ul class="information__prices">
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Gratuit</span>
                            <span class="information__price-cost">0.00 $</span>
                          </div>
                        </li>
                        <li class="information__price">
                          <span class="information__price-taxes"> *Taxes et frais de services inclus.</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- .main__informations -->
            <section class="main__dynamic js-description">
              <div class="dynamic js-scrollfire scrollfire-fade-up">
                <p>Tu te sens pas trop bien face à tout ce qui se passe? Tu te sens écrasé par ton propre jugement et pris en otage par tes dépendances? Tu as envie de te mettre en position fœtale 24/7?</p>
                <p>Peut-être que le Self Help Karaoké est exactement ce qu’il te faut pour te débarrasser de ce blues hivernal qui traîne (on espère qu’il ne traînera pas jusqu’à juin) et découvrir en toi une quantité modérée et fonctionnelle d’estime personnelle.</p>
                <p>Jerry Tremblay, un humain autodidacte, professionnel certifié par ses propres traumatismes, animera ce Self Help Karaoké. L'exercice est simple : &nbsp;</p>
                <p>💔 Choisis ta toune</p>
                <p>❤️‍🩹 Viens la chanter</p>
                <p>✨ Sens-toi mieux</p>
                <p>Résultats garanties ou argent remis (l'évènement est gratuit). Self Help Karaoké — parce que la thérapie, c’est rendu ben trop cher. Viens t'en man.</p>
                <p><strong>AUCUNE RÉSERVATION NÉCESSAIRE. Cet événement est gratuit et ouvert à tous!</strong><strong><a href="https://www.spectaclesjoliette.com/programmation/1/bastringue-festival-de-cirque"><img src="/storage/app/media/Festivals/bastringue/2026/banni%C3%A8re%20Bastringue%20voir%20la%20programmation.jpg" style="width: 1100px;" class="fr-fic fr-dib"></a></strong></p>
                <p><strong><strong><img data-fr-image-pasted="true" src="https://www.spectaclesjoliette.com/storage/app/media/programmation/Vendredis%20acoustiques/Bandeau%20partenaires%20ete.jpg" class="fr-fic fr-dib fr-fil" style="width: 344px;"></strong></strong></p>
              </div>
              <!-- .dynamic -->
            </section>
            <!-- .main__dynamic -->
            <section class="main__programmings-page js-similar">
              <div class="home-section-header js-scrollfire scrollfire-fade-up">
                <div class="home-section-header__title">Vous aimeriez aussi...</div>
                <div class="home-section-header__button-container">
                  <a href="https://www.spectaclesjoliette.com/programmation" class="home-section-header__button flip">
                    <span class="flip__main">Toute la programmation</span>
                    <span class="flip__hover">Toute la programmation</span>
                  </a><!-- .home-section-header__button -->
                </div>
                <!-- .home-section-header__button -->
              </div>
              <div class="thumbs-list js-scrollfire scrollfire-fade-up">
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/atelier-dinitiation-au-cirque" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/c4f/Atelier%20site-c4f958220b3ba1fd89a1f4a5c429e693.jpg" data-src="/storage/app/media/_resized/00a/Atelier%20site-00a23ff7438bea790c7c850a80c1f6f9.jpg" alt="Atelier d&#039;initiation au cirque">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Plusieurs dates&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                      <span class="thumb__title">Atelier d&#039;initiation au cirque</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/deambulatoire-avec-kumpania" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/53e/Parade%20ph%C3%A9nom%C3%A9nale%202022%20par%20Caroline%20Hayeur-53e641efe7dae47f0e9167adedbe0768.jpg" data-src="/storage/app/media/_resized/f57/Parade%20ph%C3%A9nom%C3%A9nale%202022%20par%20Caroline%20Hayeur-f5777068597cfdf455bc549ea4fd2c50.jpg" alt="KUMPA&#039;NIA">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 26 juin 2026&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                      <span class="thumb__title">KUMPA&#039;NIA</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>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/lancement-de-bastringue-festival-de-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/110/86473250_2731438156945829_453281790333812736_n-1105e2fd9c08a8d9c676dc91bc626390.jpg" data-src="/storage/app/media/_resized/bb0/86473250_2731438156945829_453281790333812736_n-bb0b7f2c7118c58b56f4334694a007eb.jpg" alt="Lancement de Bastringue - Festival de cirque">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Gratuit</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 17 juin 2026 - 17 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Bastringue - Festival de cirque</span>
                      <span class="thumb__title">Lancement de Bastringue - Festival de cirque</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>
                    </div>
                  </a>
                </div>
              </div>
            </section>
            <!-- .main__programmings-page -->
            <div class="show-bar">
              <div class="show-bar__container">
                <div class="show-bar__content">
                  <div class="show-bar__grid">
                    <div class="show-bar__presenters">
                      <div class="logos-presenter">
                        <div class="logos-presenter__link">
                          <img class="logos-presenter__img" src="/storage/app/media/_resized/26d/25Ans_HB_Logo_Couleur_Horizontal-26d59e257e721770c23494bf6a6826ed.jpg" alt="">
                        </div>
                      </div>
                        </div>
                    <ul class="show-bar__links">
                      <li class="show-bar__link hover-button js-scroll-to-informations">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Dates et Tarifs</span>
                          <span class="flip__hover">Dates et Tarifs</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                      <li class="show-bar__link hover-button js-scroll-to-description">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Description</span>
                          <span class="flip__hover">Description</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                      <li class="show-bar__link hover-button js-scroll-to-similar">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Similaires</span>
                          <span class="flip__hover">Similaires</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                    </ul>
                    <!-- .show-bar__links -->
                    <div class="member-button-container || js-scrollfire">
                      <a class="member-button" href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" target="_blank" rel="noopener noreferrer">
                        <span class="svg-container">
                          <svg role="img">
                            <use href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-bonhommes" xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-bonhommes"></use>
                          </svg>
                        </span>
                        <span class="text-container">Espace membre</span>
                      </a>
                    </div>
                </div>
                  <!-- .show-bar__grid -->
                </div>
                <!-- .show-bar__content -->
              </div>
              <!-- .show-bar__container -->
            </div>
            <!-- .show-bar -->
          </div>
          <!-- .main__show-bar-track --></div>
        <!-- .main -->
        <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-show ">
          <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>