Uri: https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Fundercover-legends-rock

Page name: Undercover Legends of Rock | Centre culturel Desjardins

Edit | Back

Date Scraped: 2025-09-23 14:14:48 -0400

Last Successful Refresh: 2025-09-23 14:14:48 -0400

Created: 2025-04-26 01:14:41 -0400

Updated: 2025-09-23 14:14:48 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html><html class="showLanding js-scrollfire-delay-enabled" lang="fr"><head>
    <!-- TITLE -->
    <title>Undercover Legends of Rock | Centre culturel Desjardins</title>
    <meta name="description" content="En savoir plus sur la représentation de « Undercover Legends of Rock » au Centre culturel Desjardins. ">
    <!-- META -->
    <meta charset="UTF-8">
    <meta name="theme-color" content="#343b48">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.spectaclesjoliette.com/spectacle/undercover-legends-rock">
    <meta property="og:site_name" content="">
    <meta property="og:image" content="https://www.spectaclesjoliette.com/storage/app/media/programmation/variete/2025-2026/Undercover legends of rock/Site 2.jpg">
    <meta property="og:title" content="Undercover Legends of Rock | Centre culturel Desjardins">
    <meta property="og:description" content="En savoir plus sur la représentation de « Undercover Legends of Rock » 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">
    <!-- SCRIPTS -->
    <script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/identify_4e6f0095.js"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/main.MWM1NDgwZmE2MQ.js" data-id="CPQOPGJC77UA4KP5UUCG"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=CPQOPGJC77UA4KP5UUCG&amp;lib=ttq"></script><script async="" src="//static.axept.io/sdk.js"></script><script async="" src="https://platform-api.sharethis.com/panorama.js"></script><iframe id="pxcelframe" title="pxcelframe" src="//t.sharethis.com/a/t_.htm?ver=1.1915.23417&amp;cid=c010&amp;cls=B#cid=c010&amp;cls=B&amp;dmn=www.spectaclesjoliette.com&amp;rnd=1758651284677&amp;tt=t.dhj&amp;dhjLcy=240&amp;lbl=pxcel&amp;flbl=pxcel&amp;ll=d&amp;ver=1.1915.23417&amp;ell=d&amp;cck=__stid&amp;pn=%2Fspectacle%2Fundercover-legends-rock&amp;qs=na&amp;rdn=www.spectaclesjoliette.com&amp;rpn=%2Fspectacle%2Fundercover-legends-rock&amp;rqs=na&amp;cc=US&amp;cont=NA&amp;rc=IA&amp;ipaddr=34.45.196.216" style="display: none;"></iframe><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5XLG7J6"></script><script async="" src="https://buttons-config.sharethis.com/js/6184159804c9870012778fe2.js"></script><script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6184159804c9870012778fe2&amp;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 -->
    <style data-styled="active" data-styled-version="5.3.1">
      @media (max-width:450px){html.axeptio-widget--open{min-height:100vh !important;overflow:hidden !important;touch-action:none !important;}html.axeptio-widget--open > body{position:fixed !important;width:100% !important;overflow:hidden !important;}html.axeptio-widget--open .ax-website-overlay{top:0 !important;}}.axeptio_mount{z-index:2147483647;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Rubik",sans-serif;font-size:1em;line-height:1.5;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;text-align:unset;}.axeptio_mount *,.axeptio_mount *:before,.axeptio_mount *:after{box-sizing:border-box;}.axeptio_mount .modal_reorder_helper{z-index:50000;}.axeptio_mount > div:first-child{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;}.ax-widget .sr-only,.sr-only-aria{border:0 !important;-webkit-clip:rect(1px,1px,1px,1px) !important;clip:rect(1px,1px,1px,1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important;}.ax-widget .sr-only-focusable:focus{-webkit-clip:auto !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;height:auto !important;margin:auto !important;overflow:visible !important;width:auto !important;white-space:normal !important;}
    </style><link rel="stylesheet" media="all" type="text/css" href="https://fonts.googleapis.com/css?family=Poppins:600,regular"></head>
  <body data-barba="wrapper" aria-live="polite">
    <!-- 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="">
      <div class="default-transition__container js-default-transition-container" style="top: 0px;"></div>
    </div>
    <div data-barba="container" data-barba-namespace="showView">
      <div id="show" class="background">
        <div class="overlay-share overlay-initialized" data-overlay="share" id="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/undercover-legends-rock">
                  <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/undercover-legends-rock">
                  <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&amp;body=https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Fundercover-legends-rock">
                  <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/undercover-legends-rock">
                  <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 overlay-initialized" data-overlay="menu" id="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" data-index="0">
                          <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/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/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/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/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/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/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/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/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/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/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/abonnement-theatre" class="overlay-menu__level-2-link">Abonnement théâtre</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/primaire" class="overlay-menu__level-2-link">Primaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/secondaire" class="overlay-menu__level-2-link">Secondaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/lenvers-du-decors" class="overlay-menu__level-2-link">L'Envers du décor</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1" data-index="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/mamo-art" class="overlay-menu__level-2-link">Mamo ART</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" data-index="2">
                          <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/lart-de-donner" class="overlay-menu__level-2-link">Contribuer à 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/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" data-index="3">
                          <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/foire-aux-questions" class="overlay-menu__level-2-link">Foire aux questions</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/politiques-et-renseignements" class="overlay-menu__level-2-link">Politiques et renseignements</a>
                              </li>
                              <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/carte-de-membre-jeunesse" class="overlay-menu__level-2-link">Carte de membre jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/menu-bar" class="overlay-menu__level-2-link">Expérience bar</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/limplication-benevole" class="overlay-menu__level-2-link">L'implication bénévole</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/nos-actions-ecoresponsables" class="overlay-menu__level-2-link">Nos actions écoresponsables</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/rapport-annuel" class="overlay-menu__level-2-link">Rapport annuel</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/stationnement" class="overlay-menu__level-2-link">Stationnement</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1" data-index="4">
                          <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/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/tarif-jeunesse" class="overlay-menu__level-2-link">Tarif jeunesse</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/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/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/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-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/tarifs-speciaux" class="overlay-menu__level-2-link">Tarifs spéciaux</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="/nous-joindre" class="overlay-menu__side-link">Nous joindre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/salles" class="overlay-menu__side-link">Salles</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/actualites" class="overlay-menu__side-link">Actualités</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="https://www.spectaclesjoliette.com/joliette-halte-culturelle" class="overlay-menu__side-link">Joliette halte culturelle</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/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="/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="/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/projets-de-renovations-majeures" class="overlay-menu__side-link">Projet de rénovations majeures</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                      </ul>
                      <!-- .overlay-menu__side-links -->
                      <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 -->
                    </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 overlay-initialized" data-overlay="search" id="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 overlay-initialized" data-overlay="calendar" id="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="21-5-2026,11-12-2025,9-4-2026,7-2-2026,21-11-2025,25-4-2026,2-11-2025,22-1-2026,3-10-2025,28-5-2026,18-12-2025,20-2-2026,27-2-2026,6-6-2026,30-10-2025,22-11-2025,30-5-2026,21-12-2025,23-1-2026,14-11-2025,10-10-2025,14-5-2026,1-10-2025,12-12-2025,5-12-2025,13-11-2026,6-12-2025,29-1-2026,7-11-2025,7-5-2026,20-3-2026,5-2-2026,6-11-2026,4-10-2025,27-12-2025,2-5-2026,27-3-2026,16-10-2025,15-10-2025,7-3-2026,27-9-2025,30-1-2026,12-4-2026,27-11-2025,16-1-2026,21-2-2026,12-3-2026,19-2-2026,13-3-2026,22-10-2025,25-10-2025,25-11-2025,25-11-2025,26-11-2025,26-11-2025,27-11-2025,27-11-2025,28-11-2025,28-11-2025,28-11-2025,8-11-2025,18-10-2025,25-9-2025,23-10-2025,9-10-2025,2-10-2025,4-12-2025,17-10-2025,19-12-2025,13-2-2026,30-4-2026,21-3-2026,14-3-2026,13-12-2025,29-5-2026,20-11-2025,6-11-2025,19-11-2025,2-10-2026,12-2-2026,19-10-2025,23-11-2025,15-2-2026,29-3-2026,26-4-2026,26-3-2026,4-2-2026,6-3-2026,15-11-2025,24-1-2026,2-4-2026,1-11-2025,31-1-2026,24-4-2026,4-4-2026,11-10-2025,20-12-2025,3-10-2026,19-3-2026,1-2-2026,23-5-2026,28-3-2026,1-3-2026,13-11-2025,16-11-2025,21-4-2026,18-12-2026,9-5-2026,11-11-2025,11-11-2025,25-11-2025,8-12-2025,8-12-2025,2-2-2026,2-2-2026,10-2-2026,10-2-2026,19-2-2026,19-3-2026,31-3-2026,31-3-2026,31-3-2026,31-3-2026,21-4-2026,21-4-2026,28-4-2026,28-4-2026,26-9-2025,6-2-2026,18-10-2025,24-1-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,14-2-2026,5-3-2026,24-10-2025,7-12-2025,16-10-2025,17-6-2026,17-6-2026,9-10-2026,3-4-2026,15-5-2026,5-4-2026," data-date="">
                      <div class="datepicker datepicker-inline">
                        <div class="datepicker-days" style="">
                          <table class="table-condensed">
                            <thead>
                              <tr>
                                <th colspan="7" class="datepicker-title" style="display: none;"></th>
                              </tr>
                              <tr>
                                <th class="prev">«</th>
                                <th colspan="5" class="datepicker-switch">Septembre 2025</th>
                                <th class="next">»</th>
                              </tr>
                              <tr>
                                <th class="dow">D</th>
                                <th class="dow">L</th>
                                <th class="dow">M</th>
                                <th class="dow">M</th>
                                <th class="dow">J</th>
                                <th class="dow">V</th>
                                <th class="dow">S</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td class="old day disabled" data-date="1756598400000">31</td>
                                <td class="day disabled" data-date="1756684800000">1</td>
                                <td class="day disabled" data-date="1756771200000">2</td>
                                <td class="day disabled" data-date="1756857600000">3</td>
                                <td class="day disabled" data-date="1756944000000">4</td>
                                <td class="day disabled" data-date="1757030400000">5</td>
                                <td class="day disabled" data-date="1757116800000">6</td>
                              </tr>
                              <tr>
                                <td class="day disabled" data-date="1757203200000">7</td>
                                <td class="day disabled" data-date="1757289600000">8</td>
                                <td class="day disabled" data-date="1757376000000">9</td>
                                <td class="day disabled" data-date="1757462400000">10</td>
                                <td class="day disabled" data-date="1757548800000">11</td>
                                <td class="day disabled" data-date="1757635200000">12</td>
                                <td class="day disabled" data-date="1757721600000">13</td>
                              </tr>
                              <tr>
                                <td class="day disabled" data-date="1757808000000">14</td>
                                <td class="day disabled" data-date="1757894400000">15</td>
                                <td class="day disabled" data-date="1757980800000">16</td>
                                <td class="day disabled" data-date="1758067200000">17</td>
                                <td class="day disabled" data-date="1758153600000">18</td>
                                <td class="day disabled" data-date="1758240000000">19</td>
                                <td class="day disabled" data-date="1758326400000">20</td>
                              </tr>
                              <tr>
                                <td class="day disabled" data-date="1758412800000">21</td>
                                <td class="day disabled" data-date="1758499200000">22</td>
                                <td class="today day disabled" data-date="1758585600000">23</td>
                                <td class="day disabled" data-date="1758672000000">24</td>
                                <td class="day" data-date="1758758400000">25</td>
                                <td class="day" data-date="1758844800000">26</td>
                                <td class="day" data-date="1758931200000">27</td>
                              </tr>
                              <tr>
                                <td class="day disabled" data-date="1759017600000">28</td>
                                <td class="day disabled" data-date="1759104000000">29</td>
                                <td class="day disabled" data-date="1759190400000">30</td>
                                <td class="new day" data-date="1759276800000">1</td>
                                <td class="new day" data-date="1759363200000">2</td>
                                <td class="new day" data-date="1759449600000">3</td>
                                <td class="new day" data-date="1759536000000">4</td>
                              </tr>
                              <tr>
                                <td class="new day disabled" data-date="1759622400000">5</td>
                                <td class="new day disabled" data-date="1759708800000">6</td>
                                <td class="new day disabled" data-date="1759795200000">7</td>
                                <td class="new day disabled" data-date="1759881600000">8</td>
                                <td class="new day" data-date="1759968000000">9</td>
                                <td class="new day" data-date="1760054400000">10</td>
                                <td class="new day" data-date="1760140800000">11</td>
                              </tr>
                            </tbody>
                            <tfoot>
                              <tr>
                                <th colspan="7" class="today" style="display: none;">Aujourd'hui</th>
                              </tr>
                              <tr>
                                <th colspan="7" class="clear" style="display: none;">Clear</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                        <div class="datepicker-months" style="display: none;">
                          <table class="table-condensed">
                            <thead>
                              <tr>
                                <th colspan="7" class="datepicker-title" style="display: none;"></th>
                              </tr>
                              <tr>
                                <th class="prev">«</th>
                                <th colspan="5" class="datepicker-switch">2025</th>
                                <th class="next">»</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td colspan="7"><span class="month">Jan</span><span class="month">Fév</span><span class="month">Mar</span><span class="month">Avr</span><span class="month">Mai</span><span class="month">Juin</span><span class="month">Jui</span><span class="month">Août</span><span class="month focused">Sep</span><span class="month">Oct</span><span class="month">Nov</span><span class="month">Déc</span></td>
                              </tr>
                            </tbody>
                            <tfoot>
                              <tr>
                                <th colspan="7" class="today" style="display: none;">Aujourd'hui</th>
                              </tr>
                              <tr>
                                <th colspan="7" class="clear" style="display: none;">Clear</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                        <div class="datepicker-years" style="display: none;">
                          <table class="table-condensed">
                            <thead>
                              <tr>
                                <th colspan="7" class="datepicker-title" style="display: none;"></th>
                              </tr>
                              <tr>
                                <th class="prev">«</th>
                                <th colspan="5" class="datepicker-switch">2020-2029</th>
                                <th class="next">»</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td colspan="7"><span class="year old">2019</span><span class="year">2020</span><span class="year">2021</span><span class="year">2022</span><span class="year">2023</span><span class="year">2024</span><span class="year focused">2025</span><span class="year">2026</span><span class="year">2027</span><span class="year">2028</span><span class="year">2029</span><span class="year new">2030</span></td>
                              </tr>
                            </tbody>
                            <tfoot>
                              <tr>
                                <th colspan="7" class="today" style="display: none;">Aujourd'hui</th>
                              </tr>
                              <tr>
                                <th colspan="7" class="clear" style="display: none;">Clear</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                        <div class="datepicker-decades" style="display: none;">
                          <table class="table-condensed">
                            <thead>
                              <tr>
                                <th colspan="7" class="datepicker-title" style="display: none;"></th>
                              </tr>
                              <tr>
                                <th class="prev">«</th>
                                <th colspan="5" class="datepicker-switch">2000-2090</th>
                                <th class="next">»</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td colspan="7"><span class="decade old">1990</span><span class="decade">2000</span><span class="decade">2010</span><span class="decade focused">2020</span><span class="decade">2030</span><span class="decade">2040</span><span class="decade">2050</span><span class="decade">2060</span><span class="decade">2070</span><span class="decade">2080</span><span class="decade">2090</span><span class="decade new">2100</span></td>
                              </tr>
                            </tbody>
                            <tfoot>
                              <tr>
                                <th colspan="7" class="today" style="display: none;">Aujourd'hui</th>
                              </tr>
                              <tr>
                                <th colspan="7" class="clear" style="display: none;">Clear</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                        <div class="datepicker-centuries" style="display: none;">
                          <table class="table-condensed">
                            <thead>
                              <tr>
                                <th colspan="7" class="datepicker-title" style="display: none;"></th>
                              </tr>
                              <tr>
                                <th class="prev">«</th>
                                <th colspan="5" class="datepicker-switch">2000-2900</th>
                                <th class="next">»</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td colspan="7"><span class="century old">1900</span><span class="century focused">2000</span><span class="century">2100</span><span class="century">2200</span><span class="century">2300</span><span class="century">2400</span><span class="century">2500</span><span class="century">2600</span><span class="century">2700</span><span class="century">2800</span><span class="century">2900</span><span class="century new">3000</span></td>
                              </tr>
                            </tbody>
                            <tfoot>
                              <tr>
                                <th colspan="7" class="today" style="display: none;">Aujourd'hui</th>
                              </tr>
                              <tr>
                                <th colspan="7" class="clear" style="display: none;">Clear</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                      </div>
                    </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" data-initialized="" data-fire="">
                <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 -->
                </ul>
                <!-- .header__navigation -->
              </div>
              <!-- .header__navigation-container -->
              <div class="header__buttons js-scrollfire scrollfire-fade-up" data-initialized="" data-fire="">
                <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" data-initialized="" data-fire="">
                      <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/varietes" class="breadcrumbs__text breadcrumbs__text--link">Variété</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" data-initialized="" data-fire="">
                      <h1 class="page-top__title">Undercover Legends of Rock</h1>
                    </div>
                    <div class="page-top__date-wrapper">
                      <span class="page-top__date js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms" data-initialized="" data-fire="">Le 25 septembre 2025 - 20 h 00</span>
                    </div>
                  </div>
                  <div class="page-top__image">
                    <picture class="page-top__image-picture js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 400ms" data-initialized="" data-fire="">
                      <img class="lazy entered error" data-object-fit="cover" src="/storage/app/media/_resized/aaf/Site%202-aaf9ea8628e7c81d76eb2766d00c25a5.jpg" data-src="/storage/app/media/_resized/aaf/Site%202-aaf9ea8628e7c81d76eb2766d00c25a5.jpg" alt="" data-ll-status="error">
                    </picture>
                  </div>
                </div>
              </div>
            </section>
            <section class="main__presenters">
              <div class="presenters js-scrollfire scrollfire-fade-up" data-initialized="" data-fire="">
                <div class="presenters__grid">
                  <div class="presenters__text">Présenté par</div>
                  <div class="presenters__logos">
                    <div class="logos-presenter">
                      <a href="https://josegregoire.com/" class="logos-presenter__link" target="_blank">
                        <img class="logos-presenter__img" src="/storage/app/media/_resized/96b/remax_tuxedo-96bb46b63ba2204bf68e72f103ee7582.jpg" alt="">
                      </a>
                    </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" data-initialized="">
                  <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 25 septembre 2025 - 20 h 00</h3>
                            <p class="information__text">Centre culturel Desjardins&nbsp;&nbsp;/&nbsp;&nbsp;Formule Cabaret</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">Régulier</span>
                            <span class="information__price-cost">36.25 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Membre</span>
                            <span class="information__price-cost">34.75 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette-membre.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette-membre.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">18 ans et moins</span>
                            <span class="information__price-cost">29.25 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <span class="information__price-taxes"> *Taxes et frais de services inclus.</span>
                        </li>
                      </ul>
                    </div>
                    <div class="information__button">
                      <a href="https://www.spectaclesjoliette.com/nous-joindre" class="primary-button"><span>Contactez-nous</span></a>
                    </div>
                    <!-- .information__button -->
                  </div>
                </div>
              </div>
            </section>
            <!-- .main__informations -->
            <section class="main__dynamic js-description">
              <div class="dynamic js-scrollfire scrollfire-fade-up" data-initialized="">
                <p>UNDERCOVER Legends of Rock, L’Ultime revue musicale commandée par la voix puissante de Dominic Michaud, célèbre ses 10 ans et présentera une nouvelle mouture encore plus explosive de son spectacle déployant les hits pour l’occasion! Une performance épique attend la foule!</p>
                <p>Honorant les succès intemporels des piliers du rock, sous une formule <em>Greatest Hits</em>. Avec plus de 600 concerts donnés à travers le Québec et les Maritimes. Les classiques de Bon Jovi, Def Leppard, Foreigner, Journey, AC/DC, Styx, Queen et plusieurs autres… L’Ultime revue musicale Rock!</p>
                <p>
                  <a href="https://www.spectaclesjoliette.com/devenir-membre" class="link-image"><img src="/storage/app/media/devenir-membre/Carte%20membre%20site%20final.jpg" style="width: 1100px;" class="fr-fic fr-dib"></a></p>
              </div>
              <!-- .dynamic -->
            </section>
            <!-- .main__dynamic -->
            <div class="js-medias"></div>
            <section class="main__video-page-show js-scrollfire scrollfire-fade-up" data-hide-on-vendor-consent="youtube" data-initialized="">
              <a onclick="window.axeptioSDK.requestConsent('youtube')" class="video">
                <div class="video__image">
                  <picture class="video__picture">
                    <img class="video__img lazy" style="filter:blur(30px);" data-object-fit="cover" src="https://img.youtube.com/vi/cHPXo2Ey1oo/hqdefault.jpg" data-src="https://img.youtube.com/vi/cHPXo2Ey1oo/maxresdefault.jpg" alt="">
                  </picture>
                  <span class="video__accept-cookies">
                    <span class="video__accept-cookies-btn">Accepter le cookie</span>
                  </span>
                </div>
                <!--.video__image-->
              </a><!--.video-->
            </section>
            <!--.main__video-->
            <section class="main__video-page-show js-scrollfire scrollfire-fade-up" data-requires-vendor-consent="youtube" data-initialized="">
              <a href="https://www.youtube-nocookie.com/embed/cHPXo2Ey1oo?autoplay=1" class="video" data-fancybox="video">
                <div class="video__image">
                  <picture class="video__picture">
                    <img class="video__img lazy" data-object-fit="cover" src="https://img.youtube.com/vi/cHPXo2Ey1oo/hqdefault.jpg" data-src="https://img.youtube.com/vi/cHPXo2Ey1oo/maxresdefault.jpg" alt="">
                  </picture>
                  <span class="video__play-button">
                    <svg class="video__play-button-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-play"></use></svg>
                  </span>
                </div>
                <!--.video__image-->
              </a><!--.video-->
            </section>
            <!--.main__video-->
            <section class="main__programmings-page js-similar">
              <div class="home-section-header js-scrollfire scrollfire-fade-up" data-initialized="">
                <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" data-initialized="">
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/rita-baga" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/2fe/Site-2fe725d5cc172b62541c46e0b64d7079.jpg" data-src="/storage/app/media/_resized/259/Site-259bc585786b6fc8724c8b2a3bc814de.jpg" alt="Rita Baga">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 3 octobre 2025 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                      <span class="thumb__title">Rita Baga</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/en-direct-de-lunivers" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/1f6/Site%20EDU-1f602c7f9b01c3bfb9de528e2747df9c.jpg" data-src="/storage/app/media/_resized/9b7/Site%20EDU-9b768579fdabf3d2e0648bfa1a860b5d.jpg" alt="L'Ensemble En Direct de l'Univers">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 28 mai 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                      <span class="thumb__title">L'Ensemble En Direct de l'Univers</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/luc-langevin-8" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/92d/Site-92dea16a3747a810256af9b8106010c7.jpg" data-src="/storage/app/media/_resized/2ae/Site-2aea0ae4cdf53a92a2e19e99ff3a746c.jpg" alt="Luc Langevin">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 27 février 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                      <span class="thumb__title">Luc Langevin</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/noel-une-tradition-en-chanson-24" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/5bf/Site_Noel3-5bfc3193d3a2388ab740d129455db7a6.jpg" data-src="/storage/app/media/_resized/d80/Site_Noel3-d807f2bcd002624c714f2e12581494bf.jpg" alt="Noël une tradition en chanson">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 21 décembre 2025 - 15 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                      <span class="thumb__title">Noël une tradition en chanson</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/lancement-de-saison" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/414/Site%20copie%202-41469c10b0a86754fc41ba3a36cf6ac5.jpg" data-src="/storage/app/media/_resized/7e6/Site%20copie%202-7e66f15368adaa77d87de8df43118e50.jpg" alt="Lancement de saison">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Complet</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 1 octobre 2025 - 19 h 30&nbsp;&nbsp;/&nbsp;&nbsp;Variété</span>
                      <span class="thumb__title">Lancement de saison</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">
                        <a href="https://josegregoire.com/" class="logos-presenter__link" target="_blank">
                          <img class="logos-presenter__img" src="/storage/app/media/_resized/96b/remax_tuxedo-96bb46b63ba2204bf68e72f103ee7582.jpg" alt="">
                        </a>
                      </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-medias">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Médias</span>
                          <span class="flip__hover">Médias</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 -->
                    <a href="https://spectaclesjoliette.tuxedobillet.com/main/undercover-legends-of-rock-01" target="_blank" class="show-bar__buy hover-button">
                      <span class="show-bar__buy-wrapper flip">
                        <span class="flip__main">
                          <span class="show-bar__buy-text">Acheter vos billets</span>
                        </span>
                        <span class="flip__hover">
                          <span class="show-bar__buy-text">Acheter vos billets</span>
                        </span>
                      </span><!-- .show-bar__buy-wrapper -->
                    </a><!-- .show-bar__buy -->
                  </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 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events" data-initialized="">
              <div class="swiper-wrapper" id="swiper-wrapper-a5eb3250110d06fa6" aria-live="off" style="transform: translate3d(-201.8px, 0px, 0px); transition-duration: 0ms;">
                <div class="logos-slider__slide swiper-slide swiper-slide-prev" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="1 / 52">
                  <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 swiper-slide-active" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="2 / 52">
                  <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 swiper-slide-next" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="3 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="4 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="5 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="6 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="7 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="8 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="9 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="10 / 52">
                  <a href="https://www.notredamedesprairies.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/721/logo_web_ndp%20copie-72182e156f8d8a1ee9c378218165fbdd.jpg" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="11 / 52">
                  <a href="https://saintpaul.quebec/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ba4/stp-ba4a81666f75bf24e91fe6acc1fa43d4.png" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="12 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="13 / 52">
                  <a href="https://www.notredamedelourdes.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/053/logo_ND-lourdes-053fb73029bae9df3fc2c191d3d4ab42.png" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="14 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="15 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="16 / 52">
                  <a href="https://habitationsbordeleau.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/994/hab_signature_verticale_couleur-994763d36c5ba207b4144c1ac3806c84.jpg" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="17 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="18 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="19 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="20 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="21 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="22 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="23 / 52">
                  <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/a2a/Logo%202-a2acd31469e29925d5fe8e7e82f6c3e6.jpg" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="24 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="25 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="26 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="27 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="28 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="29 / 52">
                  <a href="https://lanaudiere.org/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/935/Festival_de_Lanaudi%C3%A8re%20noir-935ce6d525a61b43829c2a59597522b6.png" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="30 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="31 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="32 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="33 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="34 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="35 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="36 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="37 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="38 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="39 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="40 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="41 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="42 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="43 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="44 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="45 / 52">
                  <a href="https://remaxprestige.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/46a/Remax%20Prestige-46aeece8a9111d9f21ed8b13b18f0993.jpg" alt="">
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="46 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="47 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="48 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="49 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="50 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="51 / 52">
                  <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" style="width: 171.8px; margin-right: 30px;" role="group" aria-label="52 / 52">
                  <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>
              <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></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" data-initialized="">
                  <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" data-initialized="">
                  <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'" novalidate="novalidate">
                      <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" data-initialized="">
                  <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" data-initialized="">
                  <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>
                <!-- .footer-social -->
                <div class="footer__lanaudiere js-scrollfire scrollfire-fade-up" data-initialized="">
                  <a href="https://lanaudiere.ca" class="footer__lanaudiere-link" target="_blank">
                    <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"></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>
    <div class="stripe-loading-indicator loaded">
      <div class="stripe"></div>
      <div class="stripe-loaded"></div>
    </div>
    <script type="text/javascript" id="" charset="">
      window.axeptioSettings={clientId:"650c80f215fa4e4de7f2a68d",cookiesVersion:"cookies-fr"};(function(a,b){var c=a.getElementsByTagName(b)[0];a=a.createElement(b);a.async=!0;a.src="//static.axept.io/sdk.js";c.parentNode.insertBefore(a,c)})(document,"script");
    </script>
    <script type="text/javascript" id="" charset="">
      window._axcb=window._axcb||[];window._axcb.push(function(b){b.on("cookies:complete",function(c){c=document.querySelectorAll("a");c.forEach(function(a){a.href.match(/spectaclesjoliette.com|tuxedobillet.com/gim)&&(a.href=a.search&&""!==a.search?a.href+("\x26axeptio_token\x3d"+b.getToken()):a.href+("?axeptio_token\x3d"+b.getToken()))})});b.on("consent:saved",function(c){window.location.reload()})});
    </script>
    <script type="text/javascript" id="" charset="">
      !function(d,g,e){d.TiktokAnalyticsObject=e;var a=d[e]=d[e]||[];a.methods="page track identify instances debug on off once ready alias group enableCookie disableCookie holdConsent revokeConsent grantConsent".split(" ");a.setAndDefer=function(b,c){b[c]=function(){b.push([c].concat(Array.prototype.slice.call(arguments,0)))}};for(d=0;d<a.methods.length;d++)a.setAndDefer(a,a.methods[d]);a.instance=function(b){b=a._i[b]||[];for(var c=0;c<a.methods.length;c++)a.setAndDefer(b,a.methods[c]);return b};a.load=
      function(b,c){var f="https://analytics.tiktok.com/i18n/pixel/events.js";a._i=a._i||{};a._i[b]=[];a._i[b]._u=f;a._t=a._t||{};a._t[b]=+new Date;a._o=a._o||{};a._o[b]=c||{};c=document.createElement("script");c.type="text/javascript";c.async=!0;c.src=f+"?sdkid\x3d"+b+"\x26lib\x3d"+e;b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(c,b)};a.load("CPQOPGJC77UA4KP5UUCG");a.page()}(window,document,"ttq");
    </script>
    <!--googleoff: index-->
    <div class="axeptio_mount" id="axeptio_overlay" data-project-id="650c80f215fa4e4de7f2a68d" data-nosnippet="" style="z-index: 2147483647;">
      <div class="needsclick" style="display: block !important;"><style data-styled="active" data-styled-version="5.3.1">
          .bihjvE{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.cioNop{position:relative;width:48px;height:48px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.cioNop svg{z-index:0;position:relative;width:48px;height:48px;max-width:none;max-height:none;}.cioNop svg line,.cioNop svg polyline{-webkit-transition:0.15s ease;transition:0.15s ease;}.cioNop svg rect,.cioNop svg path,.cioNop svg circle,.cioNop svg polygon{-webkit-transition:0.15s ease;transition:0.15s ease;}.dUCOa-d svg{z-index:100;position:relative;}.dUCOa-d svg path{fill:#030303;}.dUCOa-d svg path:last-child{fill:#FFFFFF;}.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA{border:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-text-decoration:none !important;text-decoration:none !important;text-overflow:unset !important;background:none !important;box-shadow:none !important;overflow:unset !important;z-index:1000 !important;position:absolute !important;display:-webkit-inline-box !important;display:-webkit-inline-flex !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-webkit-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;min-width:auto !important;width:auto !important;min-height:auto !important;height:auto !important;margin:0 !important;padding:0 !important;font-family:"Rubik",sans-serif !important;font-size:14px !important;font-weight:700 !important;line-height:1.25 !important;white-space:nowrap !important;cursor:pointer !important;-webkit-transition:-webkit-transform 0.2s ease !important;-webkit-transition:transform 0.2s ease !important;transition:transform 0.2s ease !important;}.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA::after{content:'' !important;position:absolute !important;top:50% !important;left:50% !important;margin-top:-22px !important;margin-left:-18px !important;width:40px !important;height:40px !important;border-radius:44px 18px 40px 25px !important;}.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA{left:18px !important;bottom:10px !important;-webkit-transform:translate(-1px,-88px) !important;-ms-transform:translate(-1px,-88px) !important;transform:translate(-1px,-88px) !important;}.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA.eqGjmA:hover{-webkit-transform:translate(-1px,-88px) scale(1.1) !important;-ms-transform:translate(-1px,-88px) scale(1.1) !important;transform:translate(-1px,-88px) scale(1.1) !important;}.kFWkWv{position:absolute !important;-webkit-clip:rect(1px,1px,1px,1px);clip:rect(1px,1px,1px,1px);}.cApBiK{z-index:20930940;position:fixed;left:0;right:0;bottom:0;}.cApBiK .sc-hKgJUU{position:absolute;bottom:20px;}.bYXdGF{z-index:1100;position:absolute;left:0;bottom:0;width:auto;}@-webkit-keyframes appearLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes appearLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@-webkit-keyframes disappearLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}100%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);}}@keyframes disappearLeft{0%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}100%{opacity:0;-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0);}}@-webkit-keyframes appearRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes appearRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@-webkit-keyframes disappearRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes disappearRight{0%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@media (min-width:450px){.bYXdGF{left:20px;bottom:80px;width:420px;}}.bYXdGF .sc-iJuVqt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100vw;-webkit-animation:appearLeft 0.4s ease-out !important;animation:appearLeft 0.4s ease-out !important;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}.bYXdGF .sc-TmdmN{-webkit-animation:appearLeft 0.4s ease-out;animation:appearLeft 0.4s ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}@media (max-width:450px){html.axeptio-widget--open{min-height:100vh !important;overflow:hidden !important;touch-action:none !important;}html.axeptio-widget--open > body{position:fixed !important;width:100% !important;overflow:hidden !important;}html.axeptio-widget--open .ax-website-overlay{top:0 !important;}}.axeptio_mount{z-index:2147483647;position:relative;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Rubik",sans-serif;font-size:1em;line-height:1.5;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;text-align:unset;}.axeptio_mount *,.axeptio_mount *:before,.axeptio_mount *:after{box-sizing:border-box;}.axeptio_mount .modal_reorder_helper{z-index:50000;}.axeptio_mount > div:first-child{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;}.ax-widget .sr-only,.sr-only-aria{border:0 !important;-webkit-clip:rect(1px,1px,1px,1px) !important;clip:rect(1px,1px,1px,1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important;}.ax-widget .sr-only-focusable:focus{-webkit-clip:auto !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;height:auto !important;margin:auto !important;overflow:visible !important;width:auto !important;white-space:normal !important;}
        </style>
        <div class="sc-gIRjGK cApBiK ax-website-overlay">
          <div class="sc-iWFTwQ bYXdGF ax-widget-container" tabindex="-1" role="dialog" aria-modal="false" aria-labelledby="main-dialog-aria-label" aria-describedby="main-dialog-aria-description" data-lenis-prevent="true"><input type="hidden" name="axeptio_cookies_cookies-fr_value" value="">
            <div aria-hidden="true" class="sc-gkdBiK kFWkWv"><label for="axeptio_consent_checkbox">Axeptio consent</label><input id="axeptio_consent_checkbox" type="checkbox" class="not_uniform comparator" name="axeptio_cookies_cookies-fr_accept" tabindex="-1" value="0"></div>
            <div class="sr-only-aria" aria-hidden="true">
              <p id="main-dialog-aria-label">Plateforme de Gestion du Consentement : Personnalisez vos Options</p>
              <p id="main-dialog-aria-description">Notre plateforme vous permet d'adapter et de gérer vos paramètres de confidentialité, en garantissant la conformité avec les réglementations. Personnalisez vos préférences pour contrôler la manière dont vos informations sont manipulées.</p>
            </div>
          </div>
          <button title="Gérez vos préférences en matière de cookies et données personnelles" id="axeptio_main_button" role="button" tabindex="0" class="sc-hKgJUU eqGjmA" aria-hidden="false"><span class="sc-dlfnuX dUCOa-d"><span class="sc-bdfBQB bihjvE"><span class="sc-gsTEea cioNop svgr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.662 2.821C18.866.025 11.663-.252 5.124 5.422-.987 10.725-.89 17.107 3.87 20.613c4.443 3.272 10.542 3.802 15.191-1.256 5.648-6.144 5.399-13.74 2.601-16.536z"></path><path fill="#FFF" d="M8.104 14.644a.567.567 0 01-.804 0h-.001l-2.53-2.529a.57.57 0 01.805-.807l2.128 2.127 6.186-6.185a.57.57 0 01.805.805l-6.589 6.589zm4.895-1.92a.546.546 0 01-.387-.93l4.047-4.047a.549.549 0 01.774 0 .549.549 0 010 .774l-4.046 4.047a.545.545 0 01-.388.156zm4.964 1.236l-1.593 1.591a.544.544 0 01-.773 0 .549.549 0 010-.774l1.594-1.594a.547.547 0 11.79.755l-.016.017-.002.005zm0-2.985l-3.085 3.084a.549.549 0 01-.774-.775l3.087-3.087a.549.549 0 01.774.775l-.002.003z"></path></svg></span></span></span></button></div>
      </div>
    </div>
    <!--googleon: index--></body></html>