Uri: https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Frue-duplessis-ma-petite-noirceur

Page name: Rue Duplessis | Ma petite noirceur | Centre culturel Desjardins

Edit | Back

Date Scraped: 2026-04-09 01:13:50 -0400

Last Successful Refresh: 2026-04-09 01:13:50 -0400

Created: 2026-01-25 00:13:31 -0500

Updated: 2026-04-09 01:13:50 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html class="showLanding" lang="fr">
  <head>
    <!-- TITLE -->
    <title>Rue Duplessis | Ma petite noirceur | Centre culturel Desjardins</title>
    <meta name="description" content="En&#x20;savoir&#x20;plus&#x20;sur&#x20;la&#x20;repr&#x00E9;sentation&#x20;de&#x20;&#x00AB;&#x20;Rue&#x20;Duplessis&#x20;&#x7C;&#x20;Ma&#x20;petite&#x20;noirceur&#x20;&#x00BB;&#x20;au&#x20;Centre&#x20;culturel&#x20;Desjardins.&#x20;" />
    <!-- META -->
    <meta charset="UTF-8"/>
    <meta name="theme-color" content="#343b48"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.spectaclesjoliette.com/spectacle/rue-duplessis-ma-petite-noirceur" />
    <meta property="og:site_name" content="" />
    <meta property="og:image" content="https://www.spectaclesjoliette.com/storage/app/media/programmation/theatre/2025-2026/Rue Duplessis ma petite noirceur/Site Rue.jpg" />
    <meta property="og:title" content="Rue Duplessis | Ma petite noirceur | Centre culturel Desjardins" />
    <meta property="og:description" content="En savoir plus sur la représentation de « Rue Duplessis | Ma petite noirceur » au Centre culturel Desjardins. " />
    <!-- FAVICON -->
    <link href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <!-- CSS -->
    <link rel="stylesheet" href="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.min.css?v=1.2">
    <!-- SCRIPTS -->
    <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=6184159804c9870012778fe2&product=sop' async='async'></script>
    <!-- Google Tag Manager -->
    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
          })(window,document,'script','dataLayer','GTM-5XLG7J6');
    </script>
    <!-- End Google Tag Manager -->
    <!-- Consentement Contextuel -->
    <script>
      (_axcb = window._axcb || []).push(function(sdk) {
          sdk.on('cookies:complete', function(choices){
          document
              .querySelectorAll('[data-hide-on-vendor-consent]')
              .forEach(el => {
              const vendor = el.getAttribute('data-hide-on-vendor-consent');
              el.style.display = choices[vendor] ? 'none' : 'inherit';
              });
          document
              .querySelectorAll('[data-requires-vendor-consent]')
              .forEach(el => {
              const vendor = el.getAttribute('data-requires-vendor-consent');
              el.style.display = choices[vendor] ? 'inherit' : 'none';
              });
          });
      });
    </script>
    <!-- End Consentement Contextuel -->
  </head>
  <body data-barba="wrapper">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5XLG7J6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <!-- Empêche la page de s'afficher avant que les styles soient chargés -->
    <div class="first-loading" style="position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff;"></div>
    <div class="default-transition js-default-transition" style="display: block;">
      <div class="default-transition__container js-default-transition-container" style="top: 0;"></div>
    </div>
    <div data-barba="container" data-barba-namespace="showView">
      <div id="show" class="background">
        <div class="overlay-share" data-overlay="share">
          <div class="overlay-share__container">
            <h2 class="overlay-share__title">Où souhaitez-vous<br />
              partager cette page?</h2>
            <ul class="overlay-share__list">
              <li class="overlay-share__list-li">
                <a id="facebookShareBtn" class="overlay-share__link overlay-share__facebook st-sharebtn st-custom-button" data-network="facebook" data-url="https://www.spectaclesjoliette.com/spectacle/rue-duplessis-ma-petite-noirceur">
                  <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/rue-duplessis-ma-petite-noirceur" >
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-messenger"></use></svg>
                </a>
              </li>
              <li class="overlay-share__list-li">
                <a id="emailShareBtn" class="overlay-share__link overlay-share__email" href="mailto:?Subject=Centre culturel Desjardins&body=https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Frue-duplessis-ma-petite-noirceur">
                  <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/rue-duplessis-ma-petite-noirceur">
                  <svg class="overlay-share__svg"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-copy"></use></svg>
                </a>
              </li>
            </ul>
            <!-- .overlay-share__list -->
            <div class="overlay-share__close close-overlay">
              <div></div>
            </div>
          </div>
          <div class="overlay-share__background close-overlay"></div>
        </div>
                
        <div class="overlay-menu" data-overlay="menu">
          <div class="overlay-menu__container js-menu-container">
            <div class="overlay-menu__container-flex">
              <div class="overlay-menu__mobile-scroll">
                <div class="overlay-menu__main">
                  <div class="overlay-menu__main-padding">
                    <div class="overlay-menu__container-scroll">
                      <ul class="overlay-menu__level-1 js-accordions-menu-level-1">
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Programmation
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span><!-- .overlay-menu__level-1-link -->
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="javascript:;"
                                                data-request="showsList::onResetParams"
                                                data-request-redirect="/programmation"
                                                class="overlay-menu__level-2-link">
                                  Programmation complète
                                </a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/danse" class="overlay-menu__level-2-link">Danse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/theatre" class="overlay-menu__level-2-link">Théâtre</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/ete" class="overlay-menu__level-2-link">Été</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/famille" class="overlay-menu__level-2-link">Famille</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/musique" class="overlay-menu__level-2-link">Musique</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/scolaire" class="overlay-menu__level-2-link">Scolaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/varietes" class="overlay-menu__level-2-link">Variété</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/chanson" class="overlay-menu__level-2-link">Chanson</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/humour" class="overlay-menu__level-2-link">Humour</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/les-concerts-opus-130" class="overlay-menu__level-2-link">Les Concerts OPUS 130</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/1/bastringue-festival-de-cirque" class="overlay-menu__level-2-link">Bastringue - Festival de cirque</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Festivals
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/festival-petits-bonheurs" class="overlay-menu__level-2-link">Festival Petits bonheurs du Centre de Lanaudière</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/bastringue-festival-cirque" class="overlay-menu__level-2-link">Bastringue</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/festivals/festival-et-concours-de-musique-classique" class="overlay-menu__level-2-link">Festival et Concours de musique classique de Lanaudière</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Je donne en culture
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/je-donne"  class="overlay-menu__level-2-link">Faire un don</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/lart-de-donner"  class="overlay-menu__level-2-link">Qu'est-ce que L'ART de donner</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/cultiver-l-essentiel"  class="overlay-menu__level-2-link">À quoi servent les dons?</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/nos-genereux-donateurs"  class="overlay-menu__level-2-link">Nos généreux donateurs</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/resultats-des-campagnes-passees"  class="overlay-menu__level-2-link">Résultats des campagnes passées</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            En savoir plus
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/propos-de-nous"  class="overlay-menu__level-2-link">À propos de nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/bien-planifier-votre-visite-chez-nous"  class="overlay-menu__level-2-link">Bien planifier votre visite chez-nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/faire-partie-de-lequipe"  class="overlay-menu__level-2-link">Faire partie de l'équipe</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/sorties-scolaires"  class="overlay-menu__level-2-link">Sorties scolaires</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            Offres et promotions
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-de-groupe-pour-leffet-lisa" class="overlay-menu__level-2-link">Offre de groupe - L&#039;effet Lisa</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-jeunesse" class="overlay-menu__level-2-link">Offres pour la jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarifs-speciaux" class="overlay-menu__level-2-link">Tarifs spéciaux</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-fadoq" class="overlay-menu__level-2-link">Rabais FADOQ</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-citoyens" class="overlay-menu__level-2-link">Rabais citoyens</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-acces-culture" class="overlay-menu__level-2-link">Tarif Accès-Cible</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/abonnements" class="overlay-menu__level-2-link">Abonnements</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/carte-cadeau" class="overlay-menu__level-2-link">Carte-cadeau</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-aux-entreprises" class="overlay-menu__level-2-link">Offre aux entreprises</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-chez-nos-partenaires-restaurateurs" class="overlay-menu__level-2-link">Rabais chez nos partenaires restaurateurs</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                      <!-- .overlay-menu__level-1 -->
                    </div>
                    <!-- .overlay-menu__container-scroll -->
                  </div>
                  <!-- .overlay-menu__main-padding -->
                </div>
                <!-- .overlay-menu__main -->
                <div class="overlay-menu__side">
                  <div class="overlay-menu__side-padding">
                    <div class="overlay-menu__side-scroll">
                      <ul class="overlay-menu__side-links">
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/nouveautes" class="overlay-menu__side-link">Nouveautés</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/devenir-membre"  class="overlay-menu__side-link">Devenir membre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/acheter-une-carte-cadeau"  class="overlay-menu__side-link">Acheter une carte-cadeau</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/location-et-services"  class="overlay-menu__side-link">Location et services</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/loges"  class="overlay-menu__side-link">Loges</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/blogue"  class="overlay-menu__side-link">Blogue</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/emplois"  class="overlay-menu__side-link">Offres d'emploi</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/projet-cabaret-la-fresque"  class="overlay-menu__side-link">Projet Cabaret La Fresque</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/brochure-de-saison"  class="overlay-menu__side-link">Brochure de saison</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nos-partenaires"  class="overlay-menu__side-link">Nos partenaires</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nous-joindre"  class="overlay-menu__side-link">Nous joindre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                      </ul>
                      <!-- .overlay-menu__side-links -->
                      <div class="overlay-menu__social-and-button">
                        <div class="overlay-menu__social">
                          <ul class="social">
                            <li class="social__item">
                              <a href="https://www.facebook.com/centre.culturel.desjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                            <li class="social__item">
                              <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                            <li class="social__item">
                              <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                            </li>
                            <!-- .social__item -->
                          </ul>
                          <!-- .social -->
                        </div>
                        <!-- .overlay-menu__social -->
                        <a class="overlay-menu__member-button" href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" target="_blank" rel="noopener noreferrer">
                          <span>Espace membre</span>
                        </a>
                      </div>
                    </div>
                    <!-- .overlay-menu__side-scroll -->
                  </div>
                  <!-- .overlay-menu__side-padding -->
                </div>
                <!-- .overlay-menu__side -->
              </div>
              <!-- overlay-menu__mobile-scroll -->
            </div>
            <!-- .overlay-menu__container-flex -->
          </div>
          <!-- .overlay-menu__container -->
          <div class="overlay-menu__background background-overlay js-close-overlay-menu"></div>
        </div>
                
        <div class="overlay-search" data-overlay="search">
          <div class="overlay-search__container js-overlay-search-content">
            <div class="overlay-search__padding">
              <div class="overlay-search__scroll">
                <div class="overlay-search__main">
                  <div class="overlay-search__title">Recherche par mots-clés</div>
                  <div class="overlay-search__form">
                    <form id="form-search" class="search-form" action="https://www.spectaclesjoliette.com/recherche">
                      <div class="search-form__field">
                        <input class="search-form__input js-input-to-clear" id="form-search-input" name="q" autocomplete="off" placeholder="Que recherchez-vous ?">
                        <div class="search-form__x js-clear-input">
                          <div class="search-form__x-wrapper"></div>
                        </div>
                        <p class="field__error"></p>
                      </div>
                      <!-- .search-form__field -->
                      <div class="search-form__button">
                        <button id="submit-search" class="search-form__submit">
                          <svg class="search-form__submit-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-search"></use></svg>
                        </button><!-- .search-form__submit -->
                      </div>
                      <!-- .search-form__button -->
                    </form>
                    <!-- .search-form -->
                  </div>
                  <!-- .overlay-search__form -->
                  <div class="overlay-search__autocomplete">
                    <ul class="search-autocomplete listResult"></ul>
                    <!-- .search-autocomplete -->
                  </div>
                  <!-- .overlay-search__autocomplete -->
                </div>
                <!-- .overlay-search__main -->
                <div class="overlay-search__popular ">
                  <div class="overlay-search__title">Recherches populaires</div>
                  <div class="overlay-search__popular-list">
                    <ul class="search-popular-list">
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Emplois" class="search-popular-list__link js-close-overlay-search">Emplois</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Salles" class="search-popular-list__link js-close-overlay-search">Salles</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Théâtre" class="search-popular-list__link js-close-overlay-search">Théâtre</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Petits Bonheurs" class="search-popular-list__link js-close-overlay-search">Petits Bonheurs</a>
                      </li>
                      <!-- .search-popular-list__item -->
                      <li class="search-popular-list__item">
                        <a href="https://www.spectaclesjoliette.com/recherche?q=Billetterie" class="search-popular-list__link js-close-overlay-search">Billetterie</a>
                      </li>
                      <!-- .search-popular-list__item -->
                    </ul>
                    <!-- search-popular-list -->
                  </div>
                  <!-- .overlay-search__popular-list -->
                </div>
                <!-- .overlay-search__popular -->
              </div>
              <!-- overlay-search__scroll -->
              <div class="overlay-search__mobile-logo">
                <svg class="overlay-search__logo-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-dark"></use></svg>
              </div>
              <!-- .overlay-search__mobile-logo -->
              <div class="overlay-search__top-controls">
                <div class="overlay-search__calendar-button js-toggle-overlay-calendar">
                  <div class="overlay-search__calendar-text">Par date</div>
                  <svg class="overlay-search__calendar-icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-calendar"></use></svg>
                </div>
                <!-- .overlay-search__calendar-button -->
                <div class="overlay-search__close-button js-close-overlay-search">
                  <div class="overlay-search__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-search__top-controls -->
            </div>
            <!-- .overlay-search__padding -->
          </div>
          <!-- .overlay-search__container -->
          <div class="overlay-search__background js-close-overlay-search"></div>
        </div>
        <!-- .overlay-search -->                
        <div class="overlay-calendar" data-overlay="calendar">
          <div class="overlay-calendar__container js-overlay-calendar-content">
            <div class="overlay-calendar__padding">
              <div class="overlay-calendar__scroll">
                <div class="overlay-calendar__main">
                  <div class="overlay-calendar__calendar-container">
                    <div class="calendar"
                            data-list="5-9-2026,21-1-2027,8-4-2026,9-4-2026,29-4-2026,30-4-2026,26-2-2027,20-5-2026,21-5-2026,29-1-2027,12-2-2027,25-4-2026,15-6-2027,16-6-2027,23-4-2026,3-12-2026,28-5-2026,20-2-2026,12-6-2027,21-5-2027,6-6-2026,15-10-2026,4-2-2026,20-11-2026,19-9-2026,30-5-2026,20-6-2026,17-12-2026,14-5-2026,7-11-2026,16-10-2026,2-4-2027,13-11-2026,26-9-2026,7-5-2026,12-12-2026,22-1-2027,6-11-2026,27-11-2026,2-5-2026,5-2-2027,5-6-2026,28-8-2026,29-8-2026,10-10-2026,14-10-2026,28-1-2027,30-1-2026,16-1-2027,1-5-2026,12-4-2026,21-2-2026,11-3-2027,3-9-2026,5-3-2027,27-5-2027,19-6-2026,20-6-2026,21-8-2026,22-8-2026,23-8-2026,19-6-2026,20-6-2026,21-6-2026,26-6-2026,27-6-2026,29-5-2026,5-11-2026,31-1-2027,22-10-2026,2-10-2026,26-4-2026,24-4-2026,3-10-2026,23-5-2026,21-4-2026,18-12-2026,9-5-2026,25-9-2026,6-12-2026,21-4-2026,28-4-2026,28-4-2026,11-9-2026,22-5-2026,10-7-2026,11-7-2026,14-7-2026,16-7-2026,17-7-2026,18-7-2026,23-7-2026,24-7-2026,25-7-2026,30-7-2026,31-7-2026,1-8-2026,5-3-2026,6-3-2027,17-6-2026,9-10-2026,3-4-2026,10-12-2026,15-5-2026,23-10-2026,11-12-2026,31-10-2026,5-12-2026,28-11-2026,6-2-2026,1-10-2026,13-2-2026,20-2-2027,19-12-2026,24-1-2026,9-1-2027,26-3-2027,12-3-2027,12-9-2026,18-10-2026,8-11-2026,14-2-2027,14-1-2027,15-1-2027,27-6-2026,28-6-2026,18-6-2026,26-6-2026,25-6-2026,7-3-2027,18-4-2027,25-10-2026,24-4-2027,27-3-2027,4-2-2027,21-10-2026,25-4-2027,20-12-2026,19-5-2027,8-10-2026,24-10-2026,14-11-2026,13-2-2027,26-11-2026,13-3-2027,23-1-2027,20-5-2027,29-4-2027,4-9-2026,4-12-2027,"
                            data-date=""
                        ></div>
                    <div class="overlay-calendar__button">
                      <a href="https://www.spectaclesjoliette.com/programmation" class="overlay-calendar__button-link secondary-button js-close-overlay-calendar">Toute la programmation</a>
                    </div>
                    <!-- .overlay-calendar__button -->
                  </div>
                  <!-- .overlay-calendar__calendar-container -->
                </div>
                <!-- .overlay-calendar__main -->
              </div>
              <!-- overlay-calendar__scroll -->
              <div class="overlay-calendar__top-controls">
                <div class="overlay-calendar__close-button js-close-overlay-calendar">
                  <div class="overlay-calendar__close-button-x"></div>
                </div>
              </div>
              <!-- .overlay-calendar__top-controls -->
              <div class="overlay-calendar__footnote">
                <div class="overlay-calendar__footnote-text">Légende</div>
                <div class="overlay-calendar__footnote-events">
                  Événements
                </div>
                <div class="overlay-calendar__footnote-today">
                  <div class="overlay-calendar__footnote-circle">04</div>
                  Aujourd’hui
                </div>
                <div class="overlay-calendar__footnote-selected">
                  <div class="overlay-calendar__footnote-circle overlay-calendar__footnote-circle--red">20</div>
                  Selectionnée
                </div>
              </div>
              <!-- .overlay-calendar__footnote -->
            </div>
            <!-- .overlay-calendar__padding -->
          </div>
          <!-- .overlay-calendar__container -->
          <div class="overlay-calendar__background js-close-overlay-calendar"></div>
        </div>
        <!-- .overlay-calendar -->
        <header class="header  header--transparent  header--dark js-header">
          <div class="header__padding">
            <div class="header__flex">
              <div class="header__logo-container ">
                <a href="https://www.spectaclesjoliette.com" class="header__logo">
                  <svg class="header__logo-svg header__logo-svg--white" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd"></use></svg>
                  <svg class="header__logo-svg header__logo-svg--dark" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-dark"></use></svg>
                </a><!-- .header__logo -->
              </div>
              <!-- .header__logo-container -->
              <div class="header__navigation-container js-scrollfire scrollfire-fade-up">
                <ul class="header__navigation">
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/programmation" class="header__navigation-link flip">
                      <span class="flip__main">Programmation</span>
                      <span class="flip__hover">Programmation</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/festivals" class="header__navigation-link flip">
                      <span class="flip__main">Festivals</span>
                      <span class="flip__hover">Festivals</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/je-donne-en-culture" class="header__navigation-link flip">
                      <span class="flip__main">Je donne en culture</span>
                      <span class="flip__hover">Je donne en culture</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                  <li class="header__navigation-item">
                    <a href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" class="header__navigation-link flip underlined" target="_blank" rel="noopener noreferrer">
                      <span class="flip__main">Espace membre</span>
                      <span class="flip__hover">Espace membre</span>
                    </a>
                  </li>
                  <!-- .header__navigation-item -->
                </ul>
                <!-- .header__navigation -->
              </div>
              <!-- .header__navigation-container -->
              <div class="header__buttons js-scrollfire scrollfire-fade-up">
                <div class="header__icon-button js-toggle-overlay-calendar">
                  <svg class="header__icon-button-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-calendar"></use></svg>
                </div>
                <!-- .header__icon-buttons -->
                <div class="header__icon-button js-toggle-overlay-search">
                  <svg class="header__icon-button-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-search"></use></svg>
                </div>
                <!-- .header__icon-buttons -->
                <div class="header__menu-button hamburger-hover js-toggle-overlay-menu">
                  <div class="header__menu-button-text flip">
                    <span class="flip__main">Menu</span>
                    <span class="flip__hover">Menu</span>
                  </div>
                  <!-- .header__menu-button-text -->
                  <div class="header__menu-button-hamburger">
                    <div class="hamburger">
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                      <span class="hamburger__line"></span>
                    </div>
                    <!-- .hamburger -->
                  </div>
                  <!-- .header__menu-button-hamburger -->
                  <div class="header__menu-button-x"></div>
                </div>
                <!-- .header__menu-button -->
                <div class="header__share">
                  <span class="share js-share" >
                    <svg class="share__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-share"></use></svg>
                  </span><!-- .share -->                </div>
                <!-- .header__share -->
              </div>
              <!-- .header__buttons -->
            </div>
            <!-- .header__flex -->
          </div>
          <!-- .header__padding -->
        </header>
        <!-- header -->
        <div class="main">
          <div class="main__show-bar-track">
            <section class="page-top page-top--with-image page-top--show">
              <div class="page-top__container">
                <div class="page-top__left"></div>
                <div class="page-top__right">
                  <div class="page-top__content">
                    <div class="page-top__breadcrumbs js-scrollfire scrollfire-fade-up">
                      <div class="breadcrumbs">
                        <ul class="breadcrumbs__list">
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com" class="breadcrumbs__text breadcrumbs__text--home">
                              <svg class="breadcrumbs__logo" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/logos.svg#logo-ccd-no-text"></use></svg>
                            </a><!-- .breadcrumbs__text--home -->
                          </li>
                          <!-- .breadcrumbs__item -->
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com/programmation" class="breadcrumbs__text breadcrumbs__text--link">Programmation</a>
                          </li>
                          <li class="breadcrumbs__item">
                            <a href="https://www.spectaclesjoliette.com/programmation/1/theatre" class="breadcrumbs__text breadcrumbs__text--link">Théâtre</a>
                          </li>
                          <li class="breadcrumbs__item">
                            <span class="breadcrumbs__text">...</span>
                          </li>
                        </ul>
                        <div class="breadcrumbs__mobile-back">
                          <a href="https://www.spectaclesjoliette.com/programmation" class="breadcrumbs__mobile-back-link">
                            <svg class="breadcrumbs__mobile-back-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
                            <span class="breadcrumbs__mobile-back-text">Retour</span>
                          </a><!-- .breadcrumbs__mobile-back-link -->
                        </div>
                        <!-- .breadcrumbs__mobile-back -->
                      </div>
                      <!-- .breadcrumbs -->                    </div>
                    <!-- .page-top__breadcrumbs -->
                    <div class="js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 200ms">
                      <h1 class="page-top__title">Rue Duplessis | Ma petite noirceur</h1>
                    </div>
                    <div class="page-top__date-wrapper">
                      <span class="page-top__date js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms">Le 24 avril 2026 - 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">
                      <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/523/Site%20Rue-523225ca1ace2cc6ba070e21770cf04a.jpg" data-src="/storage/app/media/_resized/7fc/Site%20Rue-7fc070389cf1b1730e621af54aa7a1c8.jpg" alt="">
                    </picture>
                  </div>
                </div>
              </div>
            </section>
            <section class="main__presenters">
              <div class="presenters js-scrollfire scrollfire-fade-up">
                <div class="presenters__grid">
                  <div class="presenters__text">Présenté par</div>
                  <div class="presenters__logos">
                    <div class="logos-presenter">
                      <div class="logos-presenter__link">
                        <img class="logos-presenter__img" src="/storage/app/media/_resized/348/Logo%20Centre%20Visuel%20Joliette-34862f78fa73f3111fabbc3b0b798b29.jpg" alt="">
                      </div>
                    </div>
                    </div>
                </div>
              </div>
            </section>
            <section class="main__informations js-informations">
              <div class="informations informations--show">
                <div class="informations__list js-scrollfire scrollfire-fade-up">
                  <div class="information information--left">
                    <div class="information__header">
                      <h2 class="information__title">Représentations</h2>
                    </div>
                    <div class="information__content information__content--list">
                      <ul class="information__list">
                        <li class="information__item">
                          <div class="information__content">
                            <h3 class="information__subtitle">Le 24 avril 2026 - 20 h 00</h3>
                            <p class="information__text">Centre culturel Desjardins</p>
                          </div>
                          <!-- .information__content -->
                          <span class="information__price-button">
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette.tuxedobillet.com/main/rue-duplessis-ma-petite-noirceur" target="_blank"><span>Acheter</span></a>
                          </span>
                        </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">58.25 $</span>
                          </div>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Membre</span>
                            <span class="information__price-cost">53.05 $</span>
                          </div>
                        </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>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Accès-Cible</span>
                            <span class="information__price-cost">30.00 $</span>
                          </div>
                        </li>
                        <li class="information__price">
                          <span class="information__price-taxes"> *Taxes et frais de services inclus.</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- .main__informations -->
            <section class="main__dynamic js-description">
              <div class="dynamic js-scrollfire scrollfire-fade-up">
                <p>Qui aurait cru qu’un petit gars de la rue Duplessis à Drummondville, qui a grandi dans la pauvreté, la peur et les préjugés, deviendrait un sociologue estimé et un animateur réputé à Radio-Canada ? Jean-Philippe Pleau vient d’une famille bienveillante dans laquelle l’ambition intellectuelle suscitait la méfiance : « L’école, c’est pour ceux qui pètent plus haut que leur trou » y disait-on. Nourri au « macarouni » gratiné au fromage Singles de Kraft, celui qu’on connaît surtout pour ses réflexions savoureuses à <em>C’est fou…&nbsp;</em>(avec Serge Bouchard) et à <em>Réfléchir à voix haute</em> est aujourd’hui étranger au monde d’où il vient, sans vraiment appartenir à celui dans lequel il a abouti. <em>Rue Duplessis,</em> c’est son histoire, celle de sa « migration intérieure » de transfuge de classe; mais c’est aussi un regard critique sur les inégalités socioéconomiques qui dictent encore trop souvent le destin et les aspirations de celles et ceux qui sont « né·es pour un p’tit pain ». Un parcours drôle et émouvant, empreint de courage, de nostalgie… et de sociologie.</p>
                <p>Jean-Philippe Pleau, qui s’est faufilé entre les mailles d’un système qui ne le prédisposait pas à devenir auteur, dit qu’il écrit pour « venger les siens ». Après l'énorme succès de son roman autobiographique <em>Rue Duplessis, ma petite noirceur</em>, il s’apprête maintenant à franchir une autre étape : monter sur scène pour défendre son récit si personnel devant des centaines de spectateur·ices, soir après soir. Le codirecteur artistique du Théâtre Duceppe, David Laurin, qui en signe l’adaptation, et la metteuse en scène Marie-Ève Milot (<em>Mama</em>, <em>Docteure</em>) en proposent une version théâtrale riche et surprenante au fil de laquelle l’auteur nous racontera sa propre révolution tranquille. Au-delà de l’intime, ce spectacle trouvera assurément une résonance toute particulière chez de nombreux·ses Québécois·es qui, comme Jean-Philippe, naviguent entre deux mondes; ils et elles y reconnaîtront leur propre vécu, leur fierté et leurs contradictions.</p>
                <p><strong>Durée du spectacle</strong> 1h35 (sans entracte)</p>
                <p><strong>Loges BGC et Groupe BEI disponibles pour groupes de 6 personnes. Pour en savoir plus, contactez-nous au 450 759-6202.</strong></p>
                <p><strong><u>CRÉDITS:</u></strong>
                  <br>
                  Une production Duceppe</p>
                <p><img src="/storage/app/media/uploaded-files/DUCEPPE%20-%20Logo%20-%20noir.png" style="width: 251px;" class="fr-fic fr-dib fr-fil" data-result="success"></p>
                <p>En collaboration avec&nbsp;</p>
                <p><img src="/storage/app/media/uploaded-files/PlaceDesArts_H_RGB_K%20copie2.jpg" style="width: 267px;" class="fr-fic fr-dib fr-fil" data-result="success"></p>
                <p><em>Rue Duplessis,</em> <em>ma petite noirceur</em> <strong>Duceppe</strong></p>
                <p>Texte <strong>Jean-Philippe Pleau</strong>
                  <br>
                  Adaptation théâtrale <strong>David Laurin</strong>
                  <br>
                  Mise en scène <strong>Marie-Ève Milot</strong></p>
                <p>Interprétation <strong>Steve Laplante, Michel-Maxime Legault</strong> et <strong>Jean-Philippe Pleau</strong></p>
                <p>Conseil dramaturgique Andréane Roy
                  <br>
                  Assistance à la m.e.s. Josianne Dulong-Savignac
                  <br>
                  Scénographie Geneviève Lizotte
                  <br>
                  Costumes Cynthia St-Gelais, assistée de Juliette Dubé-Tyler
                  <br>
                  Éclairages Paul Chambers
                  <br>
                  Musique Antoine Berthiaume
                  <br>
                  Accessoires Camille Walsh
                  <br>
                  Maquillage Sylvie Rolland-Provost
                  <br>
                  Coach de voix Luc Bourgeois
                  <br>
                  Répétiteur Frédérik Fournier
                  <br>
                  Doublure de Jean-Philippe Pleau<strong>&nbsp;</strong>Jean-François Poulin</p>
                <p><a class="primary-button" href="https://www.youtube.com/watch?v=jJTDziV7GIQ" rel="noopener noreferrer" target="_blank"><strong>bande-annonce</strong></a></p>
                <p><strong>Voici ce que les premiers spectateurs avaient à dire sur leur soirée:&nbsp;</strong>
                  <br>
                  <br>
                  «<em>Superbe texte poignant d'authenticité et pertinent du point de vue société et enjeu de santé mentale. Excellente mise en scène. Décor impressionnant. Éclairage superbe autant au niveau des volumes que de l'utilisation localisé de fixtures d'éclairage</em>.» — Félix-Antoine L. &nbsp; &nbsp;&nbsp;</p>
                <p>«<em>J'ai vraiment aimé la mise en scène: les trois "Jean-Philippe Pleau", le studio de radio (quelle bonne idée!), le petit bout de la rue Duplessis, la voiture... Ayant lu le roman, je me demandais comment il serait possible de rendre justice au récit tout en tenant compte de la poursuite en cours. Bravo !</em>» &nbsp;— Louise P.&nbsp;</p>
                <p>«<em>Tout simplement WOW. La trame de fond de cette histoire m'a beaucoup touché et elle est venue me chercher dans mon histoire personnelle. Nous traînons tous un "sac de vie" avec des roches différentes mais tellement similaires à la fois. Merci JP Pleau pour cet accès dans ton univers. Merci aux comédiens pour votre jeu théâtral.&nbsp;</em>
                  <br>
                  <em>PS: Monsieur Pleau, tu as ta place sur les planches.</em>..» — Éric D.&nbsp;</p>
                <p>«<em>Extraordinaire! Touchant, ras de marée de nostalgie et de prises de conscience sur certains événements de nos vies. Jeux extraordinaires des comédiens et mise en scène impeccable! Bravo!.</em>» — Rosalie P.</p>
                <div class="emphasis">
                  <p><strong>Abonnez-vous à la série Théâtre et bénéficiez de rabais!</strong></p>
                  <p>3 et 4 pièces / 25% de rabais*
                    <br>
                    5 à 7 pièces / 35% de rabais*
                    <br>
                    8 pièces et plus / 45% de rabais*</p>
                  <p><strong>Pour former un abonnement, vous n'avez qu'à vous procurer des billets pour les pièces de votre choix (excluant les hors-série). Le rabais de l'abonnement sera automatiquement mis en application lors de l'achat.</strong></p>
                  <p>*Sur le prix régulier, avant taxes et frais</p>
                </p>
              </div>
              <!-- .dynamic -->
            </section>
            <!-- .main__dynamic -->
            <section class="main__programmings-page js-similar">
              <div class="home-section-header js-scrollfire scrollfire-fade-up">
                <div class="home-section-header__title">Vous aimeriez aussi...</div>
                <div class="home-section-header__button-container">
                  <a href="https://www.spectaclesjoliette.com/programmation" class="home-section-header__button flip">
                    <span class="flip__main">Toute la programmation</span>
                    <span class="flip__hover">Toute la programmation</span>
                  </a><!-- .home-section-header__button -->
                </div>
                <!-- .home-section-header__button -->
              </div>
              <div class="thumbs-list js-scrollfire scrollfire-fade-up">
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/la-florida" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/2ae/Site%202-2ae4fbd499c08b669793430e63f82a98.jpg" data-src="/storage/app/media/_resized/160/Site%202-1606a4ba2993baed0a0131bb61f575e3.jpg" alt="La Florida">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text">Hors-série</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 27 mars 2027 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">La Florida</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/slache-pas" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/9d5/LachePas_1920x1080_01-9d54ff07237dafba9677d99f36b413eb.jpg" data-src="/storage/app/media/_resized/a89/LachePas_1920x1080_01-a89612c10ad946f7f510543d78e34537.jpg" alt="On s&#039;lâche pas">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 8 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">On s&#039;lâche pas</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/fleurs-dacier" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/dda/Site-ddabcd34eb1d6397c14bef4bd61bef4c.jpg" data-src="/storage/app/media/_resized/a9f/Site-a9f55d012db6035689359eff9eebaa0d.jpg" alt="Fleurs d&#039;acier">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 24 octobre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Fleurs d&#039;acier</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/neige-sur-abidjan" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/172/neige-sur-abidjan-iannicko-sceno-hrcvalerieremise-172b9b0eeeabc5e6dfca59a98de6e3f5.jpeg" data-src="/storage/app/media/_resized/688/neige-sur-abidjan-iannicko-sceno-hrcvalerieremise-6889e68c897ce0ca57cde8f4f5705b12.jpeg" alt="Neige sur Abidjan">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 14 novembre 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Neige sur Abidjan</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/le-fantome-dans-la-machine" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/1a7/Site-1a7c5ac1f07d1b2ed330333d523e19b7.jpg" data-src="/storage/app/media/_resized/b95/Site-b95252a7931db1f4f3ab78c31c79c421.jpg" alt="Le fantôme dans la machine">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 13 février 2027 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Le fantôme dans la machine</span>
                    </div>
                  </a>
                </div>
              </div>
            </section>
            <!-- .main__programmings-page -->
            <div class="show-bar">
              <div class="show-bar__container">
                <div class="show-bar__content">
                  <div class="show-bar__grid">
                    <div class="show-bar__presenters">
                      <div class="logos-presenter">
                        <div class="logos-presenter__link">
                          <img class="logos-presenter__img" src="/storage/app/media/_resized/348/Logo%20Centre%20Visuel%20Joliette-34862f78fa73f3111fabbc3b0b798b29.jpg" alt="">
                        </div>
                      </div>
                        </div>
                    <ul class="show-bar__links">
                      <li class="show-bar__link hover-button js-scroll-to-informations">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Dates et Tarifs</span>
                          <span class="flip__hover">Dates et Tarifs</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                      <li class="show-bar__link hover-button js-scroll-to-description">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Description</span>
                          <span class="flip__hover">Description</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                      <li class="show-bar__link hover-button js-scroll-to-similar">
                        <span class="show-bar__link-flip flip">
                          <span class="flip__main">Similaires</span>
                          <span class="flip__hover">Similaires</span>
                        </span><!-- .show-bar__link-flip -->
                      </li>
                      <!-- .show-bar__links -->
                    </ul>
                    <!-- .show-bar__links -->
                    <div class="member-button-container || js-scrollfire">
                      <a class="member-button" href="https://spectaclesjoliette-membre.tuxedobillet.com/authentication" target="_blank" rel="noopener noreferrer">
                        <span class="svg-container">
                          <svg role="img">
                            <use href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-bonhommes" xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-bonhommes"></use>
                          </svg>
                        </span>
                        <span class="text-container">Espace membre</span>
                      </a>
                    </div>
                </div>
                  <!-- .show-bar__grid -->
                </div>
                <!-- .show-bar__content -->
              </div>
              <!-- .show-bar__container -->
            </div>
            <!-- .show-bar -->
          </div>
          <!-- .main__show-bar-track --></div>
        <!-- .main -->
        <div class="logos-slider">
          <div class="logos-slider__padding">
            <div class="logos-slider__slides swiper-container js-logos-slides js-scrollfire scrollfire-fade-up">
              <div class="swiper-wrapper">
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.facebook.com/leC.A.RestoTraiteur/?locale=fr_CA" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/835/test%202%20c-8351758226d29a8c4b8df6affa6cf1c8.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.laction.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2a4/Medialo%20noir%20et%20blanc-2a4a30d83e5fc95bfee27a973e5f8ffb.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://cfnj.net/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/52d/logo%20cfnj-52def4bd3bec9edb98c62b9904a47a5a.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.lasourcespa.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/424/Logo%20La%20Source%20pour%20infolettre-42443771d8d4afd3c3b643c27cc66a50.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://priciderm.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/96b/logo%20priciderm-96bf9e5be8c8814b203a92da4ad0d00f.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://centrevisuel.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/8d6/logo%20centre%20visuel%20infolettre-8d6d06badbea29a12ed8a332ff0703e4.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.desjardins.com/votre-caisse/index.jsp?transit=81500026" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f46/caisse-desjardins-de-joliette-et-du-centre-de-lanaudiere-f46104e51bb59dd094d90d4ce27b783e.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://harnoisenergies.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/868/Logo-86803229a3bb927484d2220f749f8e4c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://galeriesjoliette.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e12/galeries-joliette-logonormal-004-e126701e2ce460bd8dd57c747ba6d564.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.info-logement.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/7c6/Info%20logement%20logo-7c66e28764dfd0b2b6e320499fb197c4.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.joliette.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/5ef/jol-5ef0c3445bb416a3f77a591a653038b8.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.vivrescb.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/7e0/Logo_SCB_web%20copie-7e05cef2db86ac849feeb3177297b685.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.notredamedesprairies.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ae9/logondpcouleur-ae9d921781a288ec6cca0d2a79c0e347.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://saintpaul.quebec/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/135/Saint-Paul%203-1353451da8eafdca1f23dd0f036ef3df.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.saintambroise.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e88/sak-e88d2687c7572d775bb66d43a58bb7e4.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.saintthomas.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ba4/stt-ba4a81666f75bf24e91fe6acc1fa43d4.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.canada.ca/fr/patrimoine-canadien.html" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2f1/canada-wordmark1-2f1507131ff1d6517d44e923270d9c7a.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.calq.gouv.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/52f/Logo_CALQ%20copie-52f238da79c6281e00b6be9f88b4a09c.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://habitationsbordeleau.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/695/Site-6959653a4ee0f38c3b6349f80bc129e1.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.patrickmorin.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9c7/LogoPM_RVB-9c7805869bdfc66c8cb5dd186a95c23c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.ecolelesmelezes.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/309/Logo%20couleur-309c598221492e7b14a24fdb783b0513.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://o1035.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/62d/Logo-62d7fb780caf069623ca345437675038.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.museejoliette.org/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2c6/MAJ_Logo2lignes_NOIR-2c6ea6433e7e8004827281c3d10d021d.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.opus130.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/076/Opus%20130%20Logo%20Avec%20Prix%20Opus%202021%20copie-076f0c4c4eff6180db5d29fc6370aeb9.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.synop6.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/81a/Synop6%20-%20Logo%20officiel%20copie-81a2659c96fd7408a7760803c78be990.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.poleterritoiredanse.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/eaf/Logo%20noir%20et%20blanc%20copie-eafa44ee7add40c8903f1191592ebeb7.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.benny-co.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/989/nouveau%20logo%20Benny%20copie-9896e1676cbe874bf1dbd79603f00804.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.joliettehalteculturelle.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f8b/Logo-f8b4cec19b5ab81804b5f9f5f9aa835b.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="http://www.ecoledemusique.org/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/bef/Logo%20a%20jour-bef9386c4786bfaa6f649b0725ed3f8a.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://lanaudiere.org/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/8c2/Site%20copie-8c228d2dddd3dc18122afc5eee04c58c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://aromesetsaveurs.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/fe8/Logo%20Jardins%20aromes%20et%20saveurs%20coul-fe87599a1b6699003452b603771d2a43.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://alchimiste.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/d84/Alchimiste_Logo_RGB%20site%202-d843f406e30f2175d65485c24d235307.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.batonrouge.ca/baton-rouge-joliette" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9fc/Logo%20blanc%20copie%202-9fcc8ff6f072154828db8d88432d4311.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/774/NOtable-7749f7fc43b3a59085beaf48afc8ab04.png" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.multi-paysages.net/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/58b/Logo-TMP-Final%20copie-58b75ec3856b1772794f7fc7ecd472ef.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://belisleconstruction.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/c0c/BelisleConstruction_LOGO-2024_RVB-c0c2a5294be989217d939c325f5804a2.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.groupebei.com/fr" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/c0f/BEI_logo-RVB%201-c0f3620d74ebadb40d4b70409635eae1.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/481/LE%20MANSEAU_LOGO_NOIR-48103f514393e11da77f387bb30f37fa.jpg" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://ladansesurlesroutes.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ba2/DSR_logo_horizontal_NOIR-ba2641372b1110f822ee1983d8a106af.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://previlleratelle.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/32c/PrevilleRatelleAvocats_COULEUR_WEB%20copie-32c040dda74d848e8e83c33201370505.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.gestionbgc.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f34/BGC_Logo_RBVHorizontal-f34b945f8d3013d5c2b295ef64a8f66d.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://joliettenissan.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/90b/Logo%20Joliette%20Nissan%20Horizontal%20noir-90bebf552b543945599c97723416982a.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.tanguay.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f68/Tanguay%20170-f68b435fc6a02c258678125117591d76.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.caalanaudiere.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/9a1/Lettre%20appui-9a1fac3f152796d56fd0eb4f4e4598cc.jpeg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://chocochocolat.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/e85/CHoco%20chocolat-e85db04d439e846aaec3449d33c1899c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://remaxprestige.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/99f/Site-99fdcd291e23e7f05ea2b0cc8edb955c.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.chateaujoliette.com/pages/restauration" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/084/Table%20G-08435d964f62fede2be03699186c3e98.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://serviceshydrauliqueslanaudiere.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/2db/SHL-2db47f0839f40fcb2a68bf19de3b5e3e.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://glacenature.com/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/71e/Glace%20Nature-71ea4fcd82572c55ec1609a0fed544d2.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://cr34te.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/cf1/CR3ATE-cf10e8594a7e54f7fe94872aad27b63d.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://rtados.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/1e3/RTA-1e3d944f0f8ea2f8273b9f49ca184f71.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <div class="logos-slider__link">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/b58/En%20piste-b5883cc14123dca1209a1af8c09a2cd1.jpg" alt="" />
                  </div>
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.memoireracines.org/fr" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/762/Site%20FMR%20copie-762e91fdd56937d07b4dc572b6dd6f38.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://meuneriedalphond.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/f62/dalphond-site-200-x-200-px-f62efa8c337aff7f8cc570fb1b6fca08.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.trevijoliette.com/fr/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/983/Site%20copie-983611d74c4896d934ddfdac51d47eed.jpg" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <a href="https://www.cegep-lanaudiere.qc.ca/" class="logos-slider__link" target="_blank">
                    <img class="logos-slider__image" src="/storage/app/media/_resized/ab2/cegep-ab22c3c3d03713405bc4dd150b6470a7.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
              </div>
            </div>
            <!-- .logos-slider__slides -->
          </div>
          <!-- logos-slider__padding -->
        </div>
        <!-- .logos-slider -->
        <footer class="footer   footer--with-bar-show ">
          <div class="footer__padding">
            <div class="footer__grid">
              <div class="footer__left">
                <div class="footer__donation js-scrollfire scrollfire-fade-up">
                  <div class="footer__donation-title">Soutenez<br />
                    votre milieu<br />
                    culturel</div>
                  <div class="footer__donation-button">
                    <a href="https://spectaclesjoliette.tuxedobillet.com/main/art-de-donner" class="round-button" target="_blank">
                      <span class="round-button__text">Faire un don</span>
                    </a>
                  </div>
                  <!-- .footer__donation-button -->
                </div>
                <!-- .footer__donation -->
                <div class="footer__newsletter js-scrollfire scrollfire-fade-up js-form-newsletter">
                  <div class="footer__newsletter-title">Inscription à l’infolettre</div>
                  <div id="infolettreWrapper" class="footer__newsletter-form">
                    <form id="form-newsletter" class="newsletter-form"
                            data-request="infolettre::onSubscribe" data-request-data="'wrapperId':'#infolettreWrapper'">
                      <input class="newsletter-form__input js-newsletter-input" name="courriel" type="text" value="" placeholder="Courriel">
                      <span id="form-newsletter-submit" class="newsletter-form__submit"><svg class="newsletter-form__svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg></span>
                      <div class="input-field__error form-error js-form-error"></div>
                    </form>
                  </div>
                  <!-- .footer__newsletter-form -->
                </div>
                <!-- .footer__newsletter -->
              </div>
              <!-- .footer__left -->
              <div class="footer__right">
                <ul class="footer__navigation js-scrollfire scrollfire-fade-up">
                  <li class="footer__navigation-item">
                    <a href="javascript:;"
                            data-request="showsList::onResetParams"
                            data-request-redirect="/programmation"
                            class="footer__navigation-link">
                      Toute la programmation
                    </a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/festivals" class="footer__navigation-link">Festivals</a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/je-donne-en-culture" class="footer__navigation-link">Soutenez la culture</a>
                  </li>
                  <!-- .footer__navigation-item -->
                  <li class="footer__navigation-item">
                    <a href="https://www.spectaclesjoliette.com/nous-joindre" class="footer__navigation-link">Nous joindre</a>
                  </li>
                  <!-- .footer__navigation-item -->
                </ul>
                <!-- .footer__navigation -->
                <div class="footer__social js-scrollfire scrollfire-fade-up">
                  <ul class="social">
                    <li class="social__item">
                      <a href="https://www.facebook.com/centre.culturel.desjardins/" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://ca.linkedin.com/company/centre-culturel-de-joliette" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-linkedin"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.tiktok.com/@spectaclesjoliette" class="social__link" target="_blank" rel="noopener noreferrer"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg?v=1.1#ico-tiktok"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                  </ul>
                  <!-- .social -->
                </div>
                <!-- .footer-social -->
                <div class="footer__lanaudiere js-scrollfire scrollfire-fade-up">
                  <a href="https://www.joliettehalteculturelle.ca/" class="footer__lanaudiere-link" target="_blank" rel="noopener noreferrer">
                    <img class="footer__lanaudiere-logo" src="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/joliette_halte_culturelle.svg" width="250" height="58" alt="" />
                  </a>
                  <a href="https://lanaudiere.ca" class="footer__lanaudiere-link" target="_blank" rel="noopener noreferrer">
                    <img class="footer__lanaudiere-logo" src="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/lanaudiere.png" width="250" height="58" alt="Lanaudière, Osez grand, Vivez grand" />
                  </a><!-- .footer__lanaudiere-link -->
                </div>
                <!-- footer__lanaudiere -->
              </div>
              <!-- .footer__right -->
            </div>
            <!-- .footer__grid -->
          </div>
          <!-- .footer__padding -->
          <div class="footer__bottom">
            <div class="footer__bottom-grid">
              <div class="footer__bottom-left">
                Centre culturel Desjardins - Tous droits réservés<span class="footer__bottom-separation">|</span><a href="https://www.spectaclesjoliette.com/en-savoir-plus/politique-de-confidentialite" class="footer__bottom-link footer__bottom-link--underline">Sécurité et confidentialité</a>
              </div>
              <!-- .footer__bottom-left -->
              <div class="footer__bottom-right" style="display:none">
                <a href="https://blanko.ca" class="footer__bottom-link" target="_blank">#Blankonumérique</a>
              </div>
              <!-- .footer__bottom__right -->
            </div>
            <!-- .footer__bottom__grid -->
          </div>
          <!-- .footer__bottom -->
          <div class="footer__back-to-top js-scroll-to-header">
            <div class="footer__back-to-top-icon">
              <svg class="footer__back-to-top-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
            </div>
            <!-- .footer__back-to-top-icon -->
            <div class="footer__back-to-top-text">Retour</div>
          </div>
          <!-- .footer__back-to-top -->
        </footer>
        <!-- footer -->            </div>
    </div>
    <!-- SCRIPTS -->
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/tail.select.min.js"></script>
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.js?v=1.2"></script>
    <!-- DROPZONE -->
    <script type='text/javascript' src='/plugins/renatio/formbuilder/assets/vendor/dropzone/dropzone.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/file-multi.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/form.js' async='async'></script>
    <script src="/modules/system/assets/js/framework.combined-min.js"></script>
    <link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework.extras-min.css">
    <script>
      window.config = {
          site_name : 'Centre culturel Desjardins',
          theme_path : 'init-theme'
      }
    </script>
  </body>
</html>