Uri: https%3A%2F%2Fwww.spectaclesjoliette.com%2Fspectacle%2Fclemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers

Page name: CLÉMENCE, des fleurs d'enfants pour grandes personnes | Centre culturel Desjardins

Edit | Back

Date Scraped: 2025-12-18 00:13:43 -0500

Last Successful Refresh: 2025-12-18 00:13:43 -0500

Created: 2025-10-05 01:14:33 -0400

Updated: 2025-12-18 00:13:43 -0500

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html class="showLanding" lang="fr">
  <head>
    <!-- TITLE -->
    <title>CLÉMENCE, des fleurs d&#039;enfants pour grandes personnes | 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;CL&#x00C9;MENCE,&#x20;des&#x20;fleurs&#x20;d&#x27;enfants&#x20;pour&#x20;grandes&#x20;personnes&#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/clemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers" />
    <meta property="og:site_name" content="" />
    <meta property="og:image" content="https://www.spectaclesjoliette.com/storage/app/media/programmation/theatre/2025-2026/Clemence des fleurs denfants pour grandes personnes/Site.jpg" />
    <meta property="og:title" content="CLÉMENCE, des fleurs d&#039;enfants pour grandes personnes | Centre culturel Desjardins" />
    <meta property="og:description" content="En savoir plus sur la représentation de « CLÉMENCE, des fleurs d&#039;enfants pour grandes personnes » au Centre culturel Desjardins. " />
    <!-- FAVICON -->
    <link href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <!-- CSS -->
    <link rel="stylesheet" href="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.min.css">
    <!-- SCRIPTS -->
    <script type='text/javascript' 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/clemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers">
                  <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/clemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers" >
                  <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%2Fclemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers">
                  <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/clemence-theatre-musical-inspire-de-la-vie-et-loeuvre-de-clemence-desrochers">
                  <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/danse" class="overlay-menu__level-2-link">Danse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/theatre" class="overlay-menu__level-2-link">Théâtre</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/ete" class="overlay-menu__level-2-link">Été</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/famille" class="overlay-menu__level-2-link">Famille</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/musique" class="overlay-menu__level-2-link">Musique</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/scolaire" class="overlay-menu__level-2-link">Scolaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/varietes" class="overlay-menu__level-2-link">Variété</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/chanson" class="overlay-menu__level-2-link">Chanson</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/humour" class="overlay-menu__level-2-link">Humour</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/les-concerts-opus-130" class="overlay-menu__level-2-link">Les Concerts OPUS 130</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/abonnement-theatre" class="overlay-menu__level-2-link">Abonnement théâtre</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/primaire" class="overlay-menu__level-2-link">Primaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/secondaire" class="overlay-menu__level-2-link">Secondaire</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/lenvers-du-decors" class="overlay-menu__level-2-link">L&#039;Envers du décor</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/programmation/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/lart-de-donner"  class="overlay-menu__level-2-link">Contribuer à L'ART de donner</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/cultiver-l-essentiel"  class="overlay-menu__level-2-link">À quoi servent les dons?</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/nos-genereux-donateurs"  class="overlay-menu__level-2-link">Nos généreux donateurs</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/je-donne-en-culture/resultats-des-campagnes-passees"  class="overlay-menu__level-2-link">Résultats des campagnes passées</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="overlay-menu__level-1-item js-accordion-menu-level-1">
                          <span class="overlay-menu__level-1-link js-accordion-menu-toggle-level-1">
                            En savoir plus
                            <span class="overlay-menu__level-1-link__icon">
                              <svg class="overlay-menu__level-1-link__icon-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-pointer"></use></svg>
                            </span><!-- .overlay-menu__level-1-link__icon -->
                          </span>
                          <div class="overlay-menu__level-1-content js-accordion-menu-content-level-1">
                            <ul class="overlay-menu__level-2 js-accordions-menu-level-2">
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/foire-aux-questions"  class="overlay-menu__level-2-link">Foire aux questions</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/stationnement"  class="overlay-menu__level-2-link">Stationnement</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/menu-bar"  class="overlay-menu__level-2-link">Expérience bar</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/carte-de-membre-jeunesse"  class="overlay-menu__level-2-link">Carte de membre jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/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/nos-actions-ecoresponsables"  class="overlay-menu__level-2-link">Nos actions écoresponsables</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/limplication-benevole"  class="overlay-menu__level-2-link">L'implication bénévole</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/politiques-et-renseignements"  class="overlay-menu__level-2-link">Politiques et renseignements</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/projets-de-renovations-majeures"  class="overlay-menu__level-2-link">Projet de rénovations majeures</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/propos-de-nous"  class="overlay-menu__level-2-link">À propos de nous</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/en-savoir-plus/rapport-annuel"  class="overlay-menu__level-2-link">Rapport annuel</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/promo-decouverte-boxing-day" class="overlay-menu__level-2-link">Promo 2 pour 1 - Après-Noël</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/forfait-de-noel-entourage" class="overlay-menu__level-2-link">2 spectacles pour 80$!</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>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-acces-culture" class="overlay-menu__level-2-link">Tarif Accès-Cible</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarif-jeunesse" class="overlay-menu__level-2-link">Tarif jeunesse</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-fadoq" class="overlay-menu__level-2-link">Rabais FADOQ</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/carte-cadeau" class="overlay-menu__level-2-link">Carte-cadeau</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/abonnements" class="overlay-menu__level-2-link">Abonnements</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/offre-aux-entreprises" class="overlay-menu__level-2-link">Offre aux entreprises</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/rabais-citoyens" class="overlay-menu__level-2-link">Rabais citoyens</a>
                              </li>
                              <li class="overlay-menu__level-2-item js-accordion-menu-level-2">
                                <a href="https://www.spectaclesjoliette.com/offres-et-promotions/tarifs-speciaux" class="overlay-menu__level-2-link">Tarifs spéciaux</a>
                              </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                      <!-- .overlay-menu__level-1 -->
                    </div>
                    <!-- .overlay-menu__container-scroll -->
                  </div>
                  <!-- .overlay-menu__main-padding -->
                </div>
                <!-- .overlay-menu__main -->
                <div class="overlay-menu__side">
                  <div class="overlay-menu__side-padding">
                    <div class="overlay-menu__side-scroll">
                      <ul class="overlay-menu__side-links">
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/nouveautes" class="overlay-menu__side-link">Nouveautés</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/devenir-membre"  class="overlay-menu__side-link">Devenir membre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="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/loges"  class="overlay-menu__side-link">Loges</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/salles"  class="overlay-menu__side-link">Salles</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="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/brochure-de-saison"  class="overlay-menu__side-link">Brochure de saison</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/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/joliette-halte-culturelle"  class="overlay-menu__side-link">Joliette halte culturelle</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nous-joindre"  class="overlay-menu__side-link">Nous joindre</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/actualites"  class="overlay-menu__side-link">Actualités</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="https://www.spectaclesjoliette.com/leffet-lisa-groupes"  class="overlay-menu__side-link">L'effet Lisa - Groupes</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/nos-partenaires"  class="overlay-menu__side-link">Nos partenaires</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                        <li class="overlay-menu__side-link-item">
                          <a href="/emplois"  class="overlay-menu__side-link">Offres d'emploi</a>
                        </li>
                        <!-- .overlay-menu__side-link-item -->
                      </ul>
                      <!-- .overlay-menu__side-links -->
                      <div class="overlay-menu__social">
                        <ul class="social">
                          <li class="social__item">
                            <a href="https://www.facebook.com/centre.culturel.desjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                          </li>
                          <!-- .social__item -->
                          <li class="social__item">
                            <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                          </li>
                          <!-- .social__item -->
                          <li class="social__item">
                            <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                          </li>
                          <!-- .social__item -->
                        </ul>
                        <!-- .social -->
                      </div>
                      <!-- .overlay-menu__social -->
                    </div>
                    <!-- .overlay-menu__side-scroll -->
                  </div>
                  <!-- .overlay-menu__side-padding -->
                </div>
                <!-- .overlay-menu__side -->
              </div>
              <!-- overlay-menu__mobile-scroll -->
            </div>
            <!-- .overlay-menu__container-flex -->
          </div>
          <!-- .overlay-menu__container -->
          <div class="overlay-menu__background background-overlay js-close-overlay-menu"></div>
        </div>
                
        <div class="overlay-search" 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="21-5-2026,14-1-2026,8-4-2026,29-4-2026,9-4-2026,20-5-2026,15-10-2026,7-2-2026,25-4-2026,22-1-2026,23-4-2026,25-2-2026,28-5-2026,18-12-2025,20-2-2026,27-2-2026,6-6-2026,30-5-2026,21-12-2025,17-12-2026,23-1-2026,14-5-2026,30-12-2025,7-11-2026,28-2-2026,16-10-2026,13-11-2026,29-1-2026,26-9-2026,7-5-2026,20-3-2026,5-2-2026,12-12-2026,22-1-2027,6-11-2026,27-11-2026,27-12-2025,2-5-2026,27-3-2026,5-6-2026,7-3-2026,30-1-2026,1-5-2026,12-4-2026,16-1-2026,21-2-2026,12-3-2026,19-2-2026,13-3-2026,19-6-2026,21-8-2026,22-8-2026,23-8-2026,19-6-2026,20-6-2026,19-12-2025,13-2-2026,30-4-2026,21-3-2026,14-3-2026,29-5-2026,22-10-2026,2-10-2026,12-2-2026,15-2-2026,29-3-2026,26-4-2026,26-3-2026,4-2-2026,6-3-2026,24-1-2026,2-4-2026,31-1-2026,24-4-2026,4-4-2026,20-12-2025,3-10-2026,19-3-2026,1-2-2026,23-5-2026,28-3-2026,1-3-2026,10-12-2026,21-4-2026,18-12-2026,9-5-2026,2-2-2026,2-2-2026,3-2-2026,10-2-2026,10-2-2026,10-2-2026,10-2-2026,19-2-2026,19-3-2026,31-3-2026,31-3-2026,1-4-2026,1-4-2026,31-3-2026,31-3-2026,1-4-2026,1-4-2026,21-4-2026,21-4-2026,28-4-2026,28-4-2026,6-2-2026,24-1-2026,11-9-2026,22-5-2026,10-7-2026,11-7-2026,14-7-2026,16-7-2026,17-7-2026,18-7-2026,23-7-2026,24-7-2026,25-7-2026,30-7-2026,31-7-2026,1-8-2026,14-2-2026,5-3-2026,17-6-2026,17-6-2026,9-10-2026,3-4-2026,15-5-2026,5-4-2026,23-10-2026,26-2-2026,25-9-2026,21-1-2026,5-11-2026,11-12-2026,31-10-2026,5-12-2026,22-3-2026,28-11-2026,1-10-2026,20-6-2026,19-12-2026,17-1-2026,"
                            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 -->
                </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/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">CLÉMENCE, des fleurs d&#039;enfants pour grandes personnes</h1>
                      <div class="page-top__subtitle">Théâtre de l&#039;Œil Ouvert</div>
                    </div>
                    <div class="page-top__date-wrapper">
                      <span class="page-top__date js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 300ms">Le 20 décembre 2025 - 20 h 00</span>
                    </div>
                  </div>
                  <div class="page-top__image">
                    <picture class="page-top__image-picture js-scrollfire scrollfire-fade-up" style="--scrollfire-delay: 400ms">
                      <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/fc6/Site-fc6b4164e107bd3fccc350aa88776c6e.jpg" data-src="/storage/app/media/_resized/be2/Site-be25f7889b7694e0d5de8fa858bf42ab.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 20 décembre 2025 - 20 h 00</h3>
                            <p class="information__text">Centre culturel Desjardins&nbsp;&nbsp;/&nbsp;&nbsp;Fauteuils</p>
                          </div>
                          <!-- .information__content -->
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="information information--right">
                    <div class="information__header">
                      <h2 class="information__title">Tarifs</h2>
                    </div>
                    <div class="information__content information__content--price">
                      <ul class="information__prices">
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Régulier</span>
                            <span class="information__price-cost">51.25 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">Membre</span>
                            <span class="information__price-cost">46.75 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette-membre.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette-membre.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <div class="information__price-text">
                            <span class="information__price-type">18 ans et moins</span>
                            <span class="information__price-cost">29.25 $</span>
                          </div>
                          <span class="information__price-button">
                            <a class="basket-button information__price-button--mobile" href="https://spectaclesjoliette.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank">
                              <svg><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-basket"></use></svg>
                            </a>
                            <a class="primary-button primary-button--small information__price-button--desktop" href="https://spectaclesjoliette.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank"><span>Acheter</span></a>
                          </span>
                        </li>
                        <li class="information__price">
                          <span class="information__price-taxes"> *Taxes et frais de services inclus.</span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- .main__informations -->
            <section class="main__dynamic js-description">
              <div class="dynamic js-scrollfire scrollfire-fade-up">
                <p><strong>« <em>Clémence, des fleurs d’enfants pour grandes personnes</em> réussit à rendre hommage à une artiste incontournable sans tomber dans la sanctification ni la reproduction fidèle. Il s’agit plutôt d’un portrait vivant, qui donne envie de replonger dans l’œuvre de Clémence DesRochers, mais aussi de reconnaître l’héritage qu’elle a transmis à celles et ceux qui lui ont succédé »</strong> - Pascaline Lamarre (Journal Le Carrefour de Québec)</p>
                <p>Sur scène, une femme et un jardin.&nbsp;</p>
                <p>C'est en s’appropriant sa voix que les artistes du Théâtre de l'Oeil Ouvert ont réalisé l'impact de la prise de parole encore très actuelle, toute simple et si évidente de Clémence DesRochers. Une prise de parole et un message au-delà des blagues et des monologues humoristiques. C’est dans univers poétique et délicat, qu’on redécouvre l’œuvre de Clémence DesRochers. Des confidences de personnalités qui témoignent de son impact sur notre milieu culturel artistique québécois. Le tout est lié par des textes originaux écrits par Laurence Régnier qui mettent en relief le legs de Clémence sur les autres générations. De ses tantes, de sa mère et son père, des femmes multiples et inspirantes, Clémence a créé ses plus belles chansons, ses textes les plus porteurs et universels. Venez retrouver la grosse Raymonde, Bertha La Ronde, Nicole, Armande, Drienne la moyenne et autant de personnages sortis tout droit de l’imaginaire de Clémence. Les crayons de couleurs, les notes de musique, les verres de vin blanc émergeront à tour de rôle du jardin prolifique cultivé avec la magie de sa créativité et sa grande humanité. Faisons des jardins!</p>
                <p>Mise en scène, adaptation, collage et interprétation <strong>JADE BRUNEAU</strong>
                  <br>
                  Accompagnée sur scène de<strong>&nbsp;SIMON FRÉCHETTE-DAOUST</strong> et <strong>MARC-ANDRÉ PERRON</strong> (pianiste)
                  <br>
                  Direction musicale <strong>MARC-ANDRÉ PERRON</strong>
                  <br>
                  Textes originaux et conseillère artistique<strong>&nbsp;LAURENCE RÉGNIER</strong>
                  <br>
                  Dramaturgie du mouvement <strong>PENÉLOPE DESJARDINS</strong>
                  <br>
                  Éclairages <strong>MÉLANIE WHISSELL</strong>
                  <br>
                  Directeur technique <strong>ALEXE MORISSETTE</strong></p>
                <p>Notez qu'après la représentation, une discussion animée d'une quinzaine de minutes permettra aux spectateur.ice.s d’entrer en relation avec les artistes et de partager leurs commentaires ou interrogations autour de l'œuvre.</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/fretillant-et-agile" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/18f/Site-18f83edc03961890a48d22ddfb758beb.jpg" data-src="/storage/app/media/_resized/0cd/Site-0cdf4cb4ce4ae4013f1b8edf02b393a9.jpg" alt="Frétillant et Agile">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 19 février 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Frétillant et Agile</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/menopause" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/865/Site%202-86559fe9e53739afc4c02039c09c9e21.jpg" data-src="/storage/app/media/_resized/aaf/Site%202-aaf9bb4c4f5a2952c60393a19ca01851.jpg" alt="Ménopause">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Quelques places disponibles!</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 14 mars 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Ménopause</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/5-balles-dans-la-tete" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/27f/Site-27f72a37a8fdb0c0403d6d981860c634.jpg" data-src="/storage/app/media/_resized/ad3/Site-ad3945274dbad417e626b84c88da6934.jpg" alt="5 balles dans la tête">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 31 janvier 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">5 balles dans la tête</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/rue-duplessis-ma-petite-noirceur" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/b82/Site%20Rue-b82fb00211c80e719ce9e416d2ec3a30.jpg" data-src="/storage/app/media/_resized/18d/Site%20Rue-18d60735c7f3fcf2692fe402a593c272.jpg" alt="Rue Duplessis | Ma petite noirceur">
                      </picture>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 24 avril 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Rue Duplessis | Ma petite noirceur</span>
                    </div>
                  </a>
                </div>
                <div class="thumbs-list__item thumb">
                  <a href="https://www.spectaclesjoliette.com/spectacle/les-39-marches" class="thumb__button">
                    <div class="thumb__photo-container">
                      <picture class="thumb__photo">
                        <img class="lazy" data-object-fit="cover" src="/storage/app/media/_resized/449/Site-4499c2fcc46b257a5c30948924462a4d.jpg" data-src="/storage/app/media/_resized/b7b/Site-b7be86e59614b499fe4a76c1ce07d0cc.jpg" alt="Les 39 marches">
                      </picture>
                      <ul class="thumb__taglist taglist">
                        <li class="taglist__tag"><span class="taglist__text--important">Quelques places disponibles!</span></li>
                      </ul>
                    </div>
                    <div class="thumb__info">
                      <span class="thumb__date">Le 4 avril 2026 - 20 h 00&nbsp;&nbsp;/&nbsp;&nbsp;Théâtre</span>
                      <span class="thumb__title">Les 39 marches</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 -->
                    <a href="https://spectaclesjoliette.tuxedobillet.com/main/clemence-des-fleurs-denfants-pour-grandes-personnes" target="_blank" class="show-bar__buy hover-button">
                      <span class="show-bar__buy-wrapper flip">
                        <span class="flip__main">
                          <span class="show-bar__buy-text">Acheter vos billets</span>
                        </span>
                        <span class="flip__hover">
                          <span class="show-bar__buy-text">Acheter vos billets</span>
                        </span>
                      </span><!-- .show-bar__buy-wrapper -->
                    </a><!-- .show-bar__buy -->
                  </div>
                  <!-- .show-bar__grid -->
                </div>
                <!-- .show-bar__content -->
              </div>
              <!-- .show-bar__container -->
            </div>
            <!-- .show-bar -->
          </div>
          <!-- .main__show-bar-track --></div>
        <!-- .main -->
        <div class="logos-slider">
          <div class="logos-slider__padding">
            <div class="logos-slider__slides swiper-container js-logos-slides js-scrollfire scrollfire-fade-up">
              <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/994/hab_signature_verticale_couleur-994763d36c5ba207b4144c1ac3806c84.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/935/Festival_de_Lanaudi%C3%A8re%20noir-935ce6d525a61b43829c2a59597522b6.png" alt="" />
                  </a><!-- .logos-slider__link -->
                </div>
                <!-- .logos-slider__slide -->
                <div class="logos-slider__slide swiper-slide">
                  <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.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"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-facebook"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.instagram.com/centrecultureldesjardins/" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-instagram"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                    <li class="social__item">
                      <a href="https://www.youtube.com/user/INTERCENTRES" class="social__link" target="_blank"><svg class="social__icon" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-youtube"></use></svg></a>
                    </li>
                    <!-- .social__item -->
                  </ul>
                  <!-- .social -->
                </div>
                <!-- .footer-social -->
                <div class="footer__lanaudiere js-scrollfire scrollfire-fade-up">
                  <a href="https://lanaudiere.ca" class="footer__lanaudiere-link" target="_blank">
                    <img class="footer__lanaudiere-logo" src="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/logos/lanaudiere.png" width="250" height="58" alt="Lanaudière, Osez grand, Vivez grand" />
                  </a><!-- .footer__lanaudiere-link -->
                </div>
                <!-- footer__lanaudiere -->
              </div>
              <!-- .footer__right -->
            </div>
            <!-- .footer__grid -->
          </div>
          <!-- .footer__padding -->
          <div class="footer__bottom">
            <div class="footer__bottom-grid">
              <div class="footer__bottom-left">
                Centre culturel Desjardins - Tous droits réservés<span class="footer__bottom-separation">|</span><a href="https://www.spectaclesjoliette.com/en-savoir-plus/politique-de-confidentialite" class="footer__bottom-link footer__bottom-link--underline">Sécurité et confidentialité</a>
              </div>
              <!-- .footer__bottom-left -->
              <div class="footer__bottom-right" style="display:none">
                <a href="https://blanko.ca" class="footer__bottom-link" target="_blank">#Blankonumérique</a>
              </div>
              <!-- .footer__bottom__right -->
            </div>
            <!-- .footer__bottom__grid -->
          </div>
          <!-- .footer__bottom -->
          <div class="footer__back-to-top js-scroll-to-header">
            <div class="footer__back-to-top-icon">
              <svg class="footer__back-to-top-svg" role="img"><use xlink:href="https://www.spectaclesjoliette.com/themes/init-theme/assets/medias/images/icons/symbols.svg#ico-arrow"></use></svg>
            </div>
            <!-- .footer__back-to-top-icon -->
            <div class="footer__back-to-top-text">Retour</div>
          </div>
          <!-- .footer__back-to-top -->
        </footer>
        <!-- footer -->            </div>
    </div>
    <!-- SCRIPTS -->
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/tail.select.min.js"></script>
    <script src="https://www.spectaclesjoliette.com/themes/init-theme/assets/dist/build.js"></script>
    <!-- DROPZONE -->
    <script type='text/javascript' src='/plugins/renatio/formbuilder/assets/vendor/dropzone/dropzone.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/file-multi.js' async='async'></script>
    <script type='text/javascript' src='https://www.spectaclesjoliette.com/plugins/blanko/formbuilderextension/assets/js/form.js' async='async'></script>
    <script src="/modules/system/assets/js/framework.combined-min.js"></script>
    <link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework.extras-min.css">
    <script>
      window.config = {
          site_name : 'Centre culturel Desjardins',
          theme_path : 'init-theme'
      }
    </script>
  </body>
</html>