Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Fhumour-jean-francois-mercier

Page name: Jean-François Mercier | Centre des arts Juliette-Lassonde de Saint-Hyacinthe

Edit | Back

Date Scraped: 2026-05-13 08:40:43 -0400

Last Successful Refresh: 2026-05-13 08:40:43 -0400

Created: 2024-12-03 01:16:17 -0500

Updated: 2026-05-13 08:40:43 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Jean-François Mercier | Centre des arts Juliette-Lassonde de Saint-Hyacinthe</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="google-site-verification" content="PJtO_zsCIN2JLjuKSPaShRd5uLp_PaLTHi3OhLoOCS8" />
    <!-- Begin Facebook tags -->
    <meta property="fb:app_id" content="966242223397117"/> <!-- FB default -->
    <meta property="og:site_name" content="Jean-François Mercier | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta property="og:url" content="https://www.centredesarts.ca/spectacle/humour-jean-francois-mercier" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:title" content="Jean-François Mercier | Avis d'ébullition" />
    <meta property="og:image" content="https://www.centredesarts.ca/img-activites/jean-francois-mercier-avis-d-ebullition-1280x720-MD.jpg" />
    <meta property="og:image:width" content="1280" />
    <meta property="og:image:height" content="720" />
    <meta property="og:description" content="L'humoriste Jean-François Mercier fait un retour sur scène avec un son quatrième spectacle en carrière, avis d'ébullition! "/>
    <!-- End Facebook tags -->
    <!-- Instagram optimized image -->
    <meta property="og:image:alt" content="Jean-François Mercier | Avis d'ébullition">
    <!-- Begin Twitter tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/humour-jean-francois-mercier" />
    <meta name="twitter:title" content="Jean-François Mercier | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/jean-francois-mercier-avis-d-ebullition-1280x720-MD.jpg" />
    <meta name="twitter:description" content="L'humoriste Jean-François Mercier fait un retour sur scène avec un son quatrième spectacle en carrière, avis d'ébullition! " />
    <!-- End Twitter tags -->
    <meta name="Description" content="L'humoriste Jean-François Mercier fait un retour sur scène avec un son quatrième spectacle en carrière, avis d'ébullition! " />
    <meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/humour-jean-francois-mercier" />
    <meta name="Revisit-after" content="7 days" />
    <meta name="Robots" content="index,follow" />
    <!-- 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-W3VMV5');
    </script>
    <!-- End Google Tag Manager -->
    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="https://www.centredesarts.ca/vendor/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/jquery-ui.min.css" />
    <!-- Toastr CSS -->
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/toastr.min.css" />
    <!-- Custom CSS -->
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/modern-business.css" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet.css?v=1778676043" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1778676043" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1778676043" />
    <!-- Custom Fonts -->
    <!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1778676043" /> -->
    <script src="https://kit.fontawesome.com/5fdad197cc.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/favicon/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
    <meta name="theme-color" content="#ffffff" />
    <style>
      body {
          padding-top: 0;
          font-size: 14px;
          line-height: 20px;
          color: #333;
          font-family: 'Roboto', sans-serif;
      }
      .navbar-search::-webkit-input-placeholder {
          color: #BBB;
      }
      .dropdown-menu {
          padding: 0.5rem 0;
          margin: 0;
      }
      .container {
          min-height: 550px;
          /* padding-right: 0; */
          /* padding-left: 0; */
      }
      .container ul li {
          margin-left: 1.8em;
          list-style-type: square;
      }
      .image-ab img {
          -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
          clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
      }
      .image-c img {
          -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
      }
      .image-programmation img {
          -webkit-clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
          clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
      }
      .box-shadow {
          /* box-shadow: -4px 0 3px -1px #333; */
          box-shadow: -5px 0 5px -4px #000;
      }
      .carousel-item {
          min-height: unset;
      }
      .en-vedette {
          width: 100%;
          height: 100px;
          margin-top:20px;
          background: url('https://www.centredesarts.ca/template/bg_full-vedette.png') no-repeat;
      }
      @media only screen and (min-width: 768px){
          .dropdown:hover .dropdown-menu {
              display: block;
          }
      }
    </style>
    <script>
      (_axcb = window._axcb || []).push(function(sdk) {
          sdk.on('cookies:complete', function(choices){
              document
                  .querySelectorAll('[data-hide-on-vendor-consent]')
                  .forEach(el => {
                      // console.log('test1');
                      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');
                      // console.log('test2');
                      if (choices[vendor]) {
                          // console.log('test3');
                          // Select all elements with the class 'videoCookiePlaceholder'
                          var elements = document.querySelectorAll('.videoCookiePlaceholder');
                          // Loop through the NodeList
                          elements.forEach(function(element) {
                              // Remove the 'display: none;' style
                              element.style.display = 'none';
                          });

                          el.setAttribute('src', el.getAttribute('data-src'));
                      }
                  });
          });
      });
    </script>
  </head>
  <body>
    <!-- Rest of your HTML -->
    <input type="hidden" name="test" value="test" />
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3VMV5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="wrapper">
      <div class="mobile-hamburger-menu">
        <a href="#" class="btn btn-danger btn-lg back-to-top white" title="Menu - Centre des arts Juliette-Lassonde de Saint-Hyacinthe" data-toggle="modal" data-target="#menuModal">
          <!-- <i class="fa fa-bars" aria-hidden="true"></i> -->
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <rect y="4" width="24" height="2" rx="1"></rect>
            <rect y="11" width="24" height="2" rx="1"></rect>
            <rect y="18" width="24" height="2" rx="1"></rect>
          </svg>
        </a>
      </div>
      <div class="lg-header">
        <div class="container-fluid navbar-inverse">
          <div class="row">
            <div class="col-md-12">
              <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
              <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-facebook-f fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-instagram fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-youtube fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
                <div class="float-right" style="margin-right: 1em; ">
                  <form name="frmSearch" id="frmSearch" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 28px; ">
                    <div class="input-group">
                      <input type="text" name="txtKeyword" id="txtKeyword" placeholder="Recherche..." class="form-control navbar-search" />
                      <div class="input-group-append">
                        <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                      </div>
                    </div>
                    <input type="submit" style="border: 0; padding: 0; font-size: 0; " />
                  </form>
                </div>
              </div>
              <nav class="navbar navbar-expand-sm" style="margin-top: 30px; padding-left: 5px; ">
                <!-- Links -->
                <ul class="navbar-nav">
                  <li class="nav-item"><a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="nav-link">ACCUEIL</a></li>
                  <!-- Dropdown -->
                  <li class="nav-item dropdown">
                    <a href="https://www.centredesarts.ca/programmation" title="Programmation" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">PROGRAMMATION <b class="caret"></b></a>
                    <div class="dropdown-menu">
                      <a href="https://www.centredesarts.ca/programmation/" title="Programmation compl&egrave;te" class="dropdown-item">Programmation compl&egrave;te</a>
                      <a href='https://www.centredesarts.ca/programmation/theatre' title='Théâtre' class='dropdown-item'>Théâtre</a><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' class='dropdown-item'>Musique</a><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' class='dropdown-item'>Danse</a><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' class='dropdown-item'>Cirque</a><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' class='dropdown-item'>Chanson</a><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' class='dropdown-item'>Humour</a><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' class='dropdown-item'>Variétés</a><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Famille' class='dropdown-item'>Famille</a><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' class='dropdown-item'>Scolaire</a><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' class='dropdown-item'>Événements en location</a><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' class='dropdown-item'>Art de la parole</a>                        </div>
                  </li>
                  <li class="nav-item"><a href="https://www.centredesarts.ca/billetterie" title="Billetterie" class="nav-link">BILLETTERIE</a></li>
                  <li class="nav-item dropdown">
                    <a href="https://www.centredesarts.ca/salles-et-services" title="Nos Salles et service" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">SALLES ET SERVICES <b class="caret"></b></a>
                    <div class="dropdown-menu">
                      <a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins" class="dropdown-item">Salle Desjardins</a>
                      <a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret Andr&eacute;-H.-Gagnon" class="dropdown-item">Cabaret Andr&eacute;-H.-Gagnon</a>
                      <a href="https://www.centredesarts.ca/le-zaricot" title="Le Zaricot" class="dropdown-item">Le Zaricot</a>
                      <!-- Le Deuxième -->
                      <a href="https://www.centredesarts.ca/le-deuxieme" title="Le Deuxi&egrave;me" class="dropdown-item">Le Deuxi&egrave;me</a>
                      <a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite" class="dropdown-item">Planifiez votre visite</a>
                      <a href="https://www.centredesarts.ca/location" title="Location" class="dropdown-item">Location</a>
                      <a href="https://www.centredesarts.ca/devis-technique" title="Devis technique" class="dropdown-item">Devis technique</a>
                    </div>
                  </li>
                  <li class="nav-item dropdown">
                    <a href="https://www.centredesarts.ca/promotions" title="Promotions" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">PROMOTIONS <b class="caret"></b></a>
                    <div class="dropdown-menu">
                      <a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours" class="dropdown-item">Offres en cours</a>
                      <a href="https://www.centredesarts.ca/carte-privilege" title="Carte privil&egrave;ge de Juliette" class="dropdown-item">Carte privil&egrave;ge de Juliette</a>
                      <a href="https://www.centredesarts.ca/forfait-mordu-de-theatre" title="Forfait mordu de th&eacute;&acirc;tre" class="dropdown-item">Forfait mordu de th&eacute;&acirc;tre</a>
                      <a href="https://www.centredesarts.ca/forfait-osez-le-cirque" title="Forfait Osez le cirque" class="dropdown-item">Forfait Osez le cirque</a>
                      <a href="https://www.centredesarts.ca/forfait-sortez-en-famille" title="Forfait Sortez en famille" class="dropdown-item">Forfait Sortez en famille</a>
                      <a href="https://www.centredesarts.ca/etudiant" title="&Eacute;tudiant" class="dropdown-item">&Eacute;tudiant</a>
                      <a href="https://www.centredesarts.ca/enfant" title="Enfant" class="dropdown-item">Enfant</a>
                      <a href="https://www.centredesarts.ca/groupe" title="Groupe" class="dropdown-item">Groupe</a>
                      <a href="https://www.centredesarts.ca/entreprise" title="Entreprise" class="dropdown-item">Entreprise</a>
                      <a href="https://www.centredesarts.ca/partenaires" title="Partenaires" class="dropdown-item">Partenaires</a>
                      <a href="https://www.centredesarts.ca/cheque-cadeau" title="Ch&egrave;que-cadeau" class="dropdown-item">Ch&egrave;que-cadeau</a>
                    </div>
                  </li>
                  <li class="nav-item dropdown">
                    <a href="https://www.centredesarts.ca/a-propos" title="&Agrave; propos" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">&Agrave; PROPOS <b class="caret"></b></a>
                    <div class="dropdown-menu">
                      <a href="https://www.centredesarts.ca/nouvelles" title="Nouvelles" class="dropdown-item">Nouvelles</a>
                      <a href="https://www.centredesarts.ca/centre-des-arts-juliette-lassonde-de-saint-hyacinthe" title="Le Centre des arts Juliette-Lassond" class="dropdown-item">Le Centre des arts Juliette-Lassonde</a>
                      <a href="https://www.centredesarts.ca/conseil-administration" title="Conseil d'administration" class="dropdown-item">Conseil d'administration</a>
                      <a href="https://www.centredesarts.ca/equipe" title="&Eacute;quipe" class="dropdown-item">&Eacute;quipe</a>
                      <a href="https://www.centredesarts.ca/carriere" title="Carri&egrave;re" class="dropdown-item">Carri&egrave;re</a>
                      <a href="https://www.centredesarts.ca/distinctions" title="Distinctions" class="dropdown-item">Distinctions</a>
                      <a href="https://www.centredesarts.ca/partenaires-et-commanditaires" title="Partenaires et commanditaires" class="dropdown-item">Partenaires et commanditaires</a>
                    </div>
                  </li>
                  <li class="nav-item"><a href="https://www.centredesarts.ca/nous-joindre" title="Nous joindre" class="nav-link">NOUS JOINDRE</a></li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
 <!-- d-none d-xl-block -->
      <div class="md-header">
        <div class="container-fluid navbar-inverse">
          <div class="row">
            <div class="col-md-7">
              <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
              <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br />
                <a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br />
                <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
              </div>
            </div>
            <div class="col-md-5 text-right" style="margin-top: 105px; padding-right: 15px; ">
              <form name="frmSearchMD" id="frmSearchMD" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 30px; ">
                <div class="input-group">
                  <input type="text" name="txtKeywordMD" id="txtKeywordMD" placeholder="Recherche..." class="form-control navbar-search" />
                  <div class="input-group-append">
                    <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                  </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
              </form>
            </div>
          </div>
        </div>
      </div>
 <!-- d-none d-md-block d-lg-none -->
      <div class="sm-header">
        <div class="container-fluid navbar-inverse">
          <div class="row">
            <div class="col-sm-11">
              <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
              <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br />
                <a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br />
                <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12 header-SM-frmSearch" style="padding-right: 15px; ">
              <form name="frmSearchSM" id="frmSearchSM" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 30px; ">
                <div class="input-group">
                  <input type="text" name="txtKeywordSM" id="txtKeywordSM" placeholder="Recherche..." class="form-control navbar-search" />
                  <div class="input-group-append">
                    <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                  </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
              </form>
            </div>
          </div>
        </div>
      </div>
 <!-- d-none d-sm-block d-md-none -->
      <div class="xs-header">
        <div class="container-fluid navbar-inverse">
          <div class="row">
            <div class="col-12">
              <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
              <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br />
                <a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br />
                <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12" id="headerSearchXS" style="padding: 10px 15px 30px 15px; ">
              <form name="frmSearchXS" id="frmSearchXS" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 28px; ">
                <div class="input-group">
                  <input type="text" name="txtKeywordXS" id="txtKeywordXS" placeholder="Recherche..." class="form-control navbar-search" />
                  <div class="input-group-append">
                    <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                  </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
              </form>
            </div>
          </div>
        </div>
      </div>
 <!-- d-block d-sm-none -->                
      <div class="container-fluid" class="px-0">
        <!-- Promo banner -->
        <!-- Page Content -->
        <div class="d-none d-sm-block">
          <div class="m-0 p-0" style="background: #DFE0E1; ">
            <div style="background: url('https://www.centredesarts.ca/template/bg_spectacle-top05.png') no-repeat; ">
              <div class="container">
                <div class="row page-title page-title-spectacle">
                  <div class="col-12">
                    <h1>Jean-François Mercier</h1>
                  </div>
                </div>
                <div class="row spectacle-wrap margin-top-5">
                  <div class="col-md-6">
                    <div class="col-12 clip-image-artist">
                      <img src="https://www.centredesarts.ca/img-activites/jean-francois-mercier-avis-d-ebullition-1280x720.webp" alt="Jean-François Mercier" class="img-fluid img-portfolio mx-0 mt-0" style="margin-bottom: 10px;" />
                      <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6">
                          <span class="discipline float-right" >Humour</span>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 spectacle-content-left">
                      <h3>Avis d'ébullition</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">Jean-Fran&ccedil;ois Mercier est de retour sur sc&egrave;ne pour pr&eacute;senter son quatri&egrave;me spectacle en carri&egrave;re !&nbsp;</p>
                      <p style="text-align: justify;">&nbsp;Avec son regard critique et pertinent, son ton souvent corrosif et parfois &eacute;mouvant, il ram&egrave;ne son humour singulier sur les planches avec un seul objectif : brasser une fois de plus la cage de l'humour en confrontant nos convictions pour nous faire rire de nos travers, mais aussi des siens. Auteur de grand talent, animateur et com&eacute;dien, c'est sur sc&egrave;ne, nourri par les r&eacute;actions du public, qu'il trouve sa voix d&rsquo;humoriste pour nous faire rire et r&eacute;fl&eacute;chir.</p>
                                
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="https://jeanfrancoismercier.com/" title="Site de l'artiste" target="_blank" class="ablack">Site de l'artiste</a>
                      </span>
                    </div>
                  </div>
                  <div class="col-md-6 margin-top-6">
                    <div class="col-12" style="margin-top: 10px; ">
                      <span class="spectacle-content-right-head">
                        Jeudi 21 janvier 2027                                                &nbsp;|&nbsp;20&nbsp;h&nbsp;                                                                    </span>
                    </div>
                    <div class="col-12 mt-2">
                      <div><span class="amount-label">R&eacute;gulier :</span> <span class="amount">45,50$</span></div>
                                
                      <div><span class="amount-label">&Eacute;tudiant :</span> <span class="amount">35,50$</span></div>
                                                                <!-- Prix Privilege -->
                      <div><span class="amount-label">Privil&egrave;ge :</span> <span class="amount">41,50$</span></div>
                                <!-- Prix Autres -->
                      <span class="salle">Salle Desjardins</span>
                    </div>
                    <div class="col-12 mt-2" style="z-index: 999 !important; ">
                      <!-- Prevente -->
                      <!-- Achat -->
                      <!-- Scolaire -->
                      <p>
                        <a href="https://centredesarts.tuxedobillet.com/main/jean-francois-mercier-270121/20270121200000" title="ACHETER" target="_blank" class="btn btn-flat btn-sm" style="color: #FFF; background: #bb4c9c; "><i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;ACHETER&nbsp;</a>
                        <span class="btn btn-flat btn-sm" style="color: #FFFFFF; background: #8F8F8F; ">Supplémentaire</span>
                      </p>
                    </div>
                    <div class="col-12">
                      <div class="divider">&nbsp;</div>
                    </div>
                    &nbsp;                        
                    <div class="col-12">
                      <p>&nbsp;</p>
                    </div>
                    <div class="row">
                      <div class="col-12 margin-top-5" style="max-height:350px;">                                        
                        <div class="videoCookiePlaceholder w-100 requestVideoConsent" data-ref="Youtube" style="position: relative; cursor:pointer;">
                          <img src="/images-2024/video_placeholder-02.png" class="w-100" alt="Espace r&eacute;serv&eacute; au lecteur Vid&eacute;o">
                        </div>
                        <iframe data-src="https://www.youtube.com/embed/u13y4NkFyxg" class="w-100" style="aspect-ratio: 16 / 9; border-width: 0px;" allowfullscreen data-requires-vendor-consent="youtube"></iframe>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="container-fluid m-0" style="padding: 0 15px; background: url('https://www.centredesarts.ca/template/bg_spectacle-bottom.png') no-repeat; ">
            <div class="row spectacle-wrap">
              <div class="col-lg-4 spectacle-footer-left">
                <div><!--Vous aimerez egalement...Liste des mots cles...--></div>
              </div>
              <div class="col-lg-8 text-justify spectacle-footer-right notes margin-top-5">
                <p>&nbsp;</p>
                <p>Note(s) :</p>
                <p>Une carte &eacute;tudiante valide sera exig&eacute;e lors de l'&eacute;v&eacute;nement pour les d&eacute;tenteurs de billets au tarif &eacute;tudiant.</p>
                <p>Les quantit&eacute;s sont limit&eacute;es pour les tarifs r&eacute;duits.</p>
        </div>
            </div>
            <div class="row">
              <div class="col-12 p-0 margin-top-5">
              </div>
            </div>
          </div>
        </div>
        <div class="d-block d-sm-none">
          <div class="m-0 p-0" style="background: #DFE0E1; ">
            <div style="background: url('https://www.centredesarts.ca/template/bg_spectacle-top05.png') no-repeat; ">
              <div class="container">
                <div class="row page-title page-title-spectacle">
                  <div class="col-12">
                    <h1>Jean-François Mercier</h1>
                  </div>
                </div>
                <div class="row spectacle-wrap margin-top-5">
                  <div class="col-md-6 p-0">
                    <img src="https://www.centredesarts.ca/img-activites/jean-francois-mercier-avis-d-ebullition-1280x720.webp" alt="Jean-François Mercier" class="img-fluid img-portfolio mx-0 mt-0" style="margin-bottom: 10px; " />
                  </div>
                  <div class="col-md-6">
                    <div class="col-12 clip-image-artist">
                      <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6">
                          <span class="discipline float-right" >Humour</span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6 margin-top-6">
                    <div class="col-12" style="margin-top: 10px; ">
                      <span class="spectacle-content-right-head">
                        Jeudi 21 janvier 2027                                                                &nbsp;|&nbsp;20&nbsp;h&nbsp;                                                                            </span>
                    </div>
                    <div class="col-12 mt-2">
                      <div><span class="amount-label">R&eacute;gulier :</span> <span class="amount">45,50$</span></div>
                            
                      <div><span class="amount-label">&Eacute;tudiant :</span> <span class="amount">35,50$</span></div>
                                                        <!-- Prix Privilege -->
                      <div><span class="amount-label">Privil&egrave;ge :</span> <span class="amount">41,50$</span></div>
                            <!-- Prix Autres -->
                      <span class="salle">Salle Desjardins</span>
                    </div>
                    <div class="col-12 mt-2" style="z-index: 999 !important; ">
                      <!-- Prevente -->
                      <p>
                        <a href="https://centredesarts.tuxedobillet.com/main/jean-francois-mercier-270121/20270121200000" title="ACHETER" target="_blank" class="btn btn-flat btn-sm" style="color: #FFF; background: #bb4c9c; "><i class="fa fa-chevron-circle-right" aria-hidden="true"></i>&nbsp;ACHETER&nbsp;</a>
                        <span class="btn btn-flat btn-sm" style="color: #FFFFFF; background: #8F8F8F; ">Supplémentaire</span>
                      </p>
                    </div>
                    <div class="col-12">
                      <div class="divider">&nbsp;</div>
                    </div>
                    <p>&nbsp;</p>
                    <div class="col-12 spectacle-content-left">
                      <h3>Avis d'ébullition</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">Jean-Fran&ccedil;ois Mercier est de retour sur sc&egrave;ne pour pr&eacute;senter son quatri&egrave;me spectacle en carri&egrave;re !&nbsp;</p>
                      <p style="text-align: justify;">&nbsp;Avec son regard critique et pertinent, son ton souvent corrosif et parfois &eacute;mouvant, il ram&egrave;ne son humour singulier sur les planches avec un seul objectif : brasser une fois de plus la cage de l'humour en confrontant nos convictions pour nous faire rire de nos travers, mais aussi des siens. Auteur de grand talent, animateur et com&eacute;dien, c'est sur sc&egrave;ne, nourri par les r&eacute;actions du public, qu'il trouve sa voix d&rsquo;humoriste pour nous faire rire et r&eacute;fl&eacute;chir.</p>
                            
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="https://jeanfrancoismercier.com/" title="Site de l'artiste" target="_blank" class="ablack">Site de l'artiste</a>
                      </span>
                    </div>
                    <div class="col-12">
                      <div class="divider">&nbsp;</div>
                    </div>
                    &nbsp;                    
                    <div class="col-12">
                      <p>&nbsp;</p>
                    </div>
                    <div class="row">
                      <div class="col-12 margin-top-5">                                
                        <div class="videoCookiePlaceholder w-100 requestVideoConsent" data-ref="Youtube" style="position: relative; cursor:pointer;">
                          <img src="/images-2024/video_placeholder-02.png" class="w-100" alt="Espace r&eacute;serv&eacute; au lecteur Vid&eacute;o">
                        </div>
                        <iframe data-src="https://www.youtube.com/embed/u13y4NkFyxg" class="w-100" style="aspect-ratio: 16 / 9; border-width: 0px;" allowfullscreen data-requires-vendor-consent="youtube"></iframe>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="container-fluid m-0" style="padding: 0 15px; background: url('https://www.centredesarts.ca/template/bg_spectacle-bottom.png') no-repeat; ">
            <div class="row spectacle-wrap">
              <div class="col-lg-4 spectacle-footer-left">
                <div><!--Vous aimerez egalement...Liste des mots cles...--></div>
              </div>
              <div class="col-lg-8 text-justify spectacle-footer-right notes margin-top-5">
                <p>&nbsp;</p>
                <p>Note(s) :</p>
                <p>Une carte &eacute;tudiante valide sera exig&eacute;e lors de l'&eacute;v&eacute;nement pour les d&eacute;tenteurs de billets au tarif &eacute;tudiant.</p>
                <p>Les quantit&eacute;s sont limit&eacute;es pour les tarifs r&eacute;duits.</p>
        </div>
            </div>
            <div class="row">
              <div class="col-12 p-0 margin-top-5">
              </div>
            </div>
          </div>
        </div>
        <!-- Start Schema tags CAJL -->
        <div itemscope itemtype="http://schema.org/Event">
          <meta itemprop="startDate" content="2027-01-21T20:00:00"/>
          <meta itemprop="endDate" content="2027-01-21T22:00:00"/>
          <meta itemprop="eventStatus" content="https://schema.org/EventScheduled"/>
          <meta itemprop="eventAttendanceMode" content="https://schema.org/OfflineEventAttendanceMode"/>
          <meta itemprop="name" content="Jean-François Mercier"/>
          <meta itemprop="description" content="Avis d'ébullition"/>
          <meta itemprop="url" content="https://www.centredesarts.ca/spectacle/humour-jean-francois-mercier"/>
          <meta itemprop="image" content="https://www.centredesarts.ca/img-activites/jean-francois-mercier-avis-d-ebullition-1280x720-MD.webp" />
          <div itemprop="location" itemscope itemtype="https://schema.org/Place">
            <meta itemprop="name" content="Salle Desjardins" />
            <meta itemprop="alternateName" content="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
            <div itemprop="containedInPlace" itemscope itemtype="https://schema.org/Place">
              <meta itemprop="name" content="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
            </div>
            <meta itemprop="sameAs" content="http://www.wikidata.org/entity/Q111668872" />
            <div class="address" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
              <!-- Salle Desjardins -->
              <meta itemprop="streetAddress" content="1705 rue Saint-Antoine" /><br>
              <meta itemprop="addressLocality" content="Saint-Hyacinthe" />
              <meta itemprop="addressRegion" content="QC" />
              <meta itemprop="postalCode" content="J2S 9E2" />
              <meta itemprop="addressCountry" content="CA" />
            </div>
          </div>
          <div itemprop="organizer" itemscope itemtype="https://schema.org/Organization">
            <meta itemprop="name" content="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
            <meta itemprop="url" content="https://www.centredesarts.ca/" />
          </div>
          <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
            <meta itemprop="availability" content="http://schema.org/InStock" />
            <meta itemprop="validFrom" content="2025-12-15" />
            <meta itemprop="validThrough" content="2027-01-21" />
            <meta itemprop="price" content="45.50" />
            <meta itemprop="priceCurrency" content="CAD" />
            <meta itemprop="url" content="https://centredesarts.tuxedobillet.com/main/jean-francois-mercier-270121/20270121200000" />
          </div>
          <div itemprop="performer" itemscope itemtype="https://schema.org/Person">
            <meta itemprop="name" content="Jean-François Mercier" />
          </div>
        </div>
        <!-- End Schema tags -->
      </div>
      <!-- /.container -->
      <!-- Footer Content -->
      <div class="container-fluid footer clip-footer pt-5">
        <footer>
          <div class="row">
            <div class="col-md-2 col-sm-3 col-4">
              <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe">
                <img src="https://www.centredesarts.ca/images-2026/logo-CAJL-02-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-portfolio img-hover d-block mx-auto mb-3" style="max-width: 175px; " />
              </a>
            </div>
            <div class="col-lg-4 col-md-5 col-sm-9 col-12" style="z-index: 9999 !important; ">
              <p>Centre des arts Juliette-Lassonde de Saint-Hyacinthe<br />
                1705, rue Saint-Antoine<br />
                Saint-Hyacinthe (QC)<br />
                J2S 9E2</p>
              <p>Billetterie : <a href="tel:4507783388" title="Billetterie">450 778-3388</a><br />
                Sans frais : <a href="tel:+18557783388" title="Billetterie">1 855 778-3388</a></p>
              <p><a href="mailto:info@centredesarts.ca" title="info@centredesarts.ca" target="_blank">info@centredesarts.ca</a></p>
              <p><a href="https://www.centredesarts.ca/politique-confidentialite" title="Politique de confidentialit?" class="footer-link">Politique de confidentialit&eacute; et de protection de la vie priv&eacute;e</a></p>
              <p>&nbsp;</p>
            </div>
            <div class="d-md-none d-sm-block col-sm-3 d-none">&nbsp;</div>
            <div class="col-lg-4 col-md-4 col-sm-9 col-12" style="z-index: 9999 !important; ">
              <p>Horaire de la billetterie :</p>
              <div class="row">
                <div class="col-12">
                  <p>Du mardi au samedi de 12h &agrave; 17h</p>
                  <p>Deux heures avant chacun des spectacles</p>
                </div>
              </div>
            
              <p>&nbsp;</p>
              <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="footer-link"><i class="fa-brands fa-facebook-f fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="footer-link"><i class="fa-brands fa-instagram fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" class="footer-link"><i class="fa-brands fa-youtube fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
              <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="footer-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;<span class="text-dark">Infolettre</span></a>
              <p>&nbsp;</p>
            </div>
            <div class="col-sm-1 d-none d-sm-block">&nbsp;</div>
          </div>
          <div class="row footer-footer">
            <div class="col-md-8 col-sm-9 d-sm-block d-none">
              <p>Tous droits r&eacute;serv&eacute;s. &copy; Centre des arts Juliette-Lassonde de Saint-Hyacinthe&nbsp;2026</p>
            </div>
            <div class="col-12 d-sm-none">
              <p>Tous droits r&eacute;serv&eacute;s.<br />
                &copy; Centre des arts Juliette-Lassonde de Saint-Hyacinthe&nbsp;2026</p>
            </div>
            <div class="col-md-4 col-sm-3 text-right">
              <p>Conception : <a href="http://www.eddesign.ca/" title="ed design" target="_blank">ed design</a></p>
            </div>
          </div>
        </footer>
      </div>
      <!-- /.container-fluid -->
    </div>
    <!-- Menu modal -->
    <style>
      .cajl-navbar li {
          border-bottom: 1px solid #999999;
      }
      .cajl-navbar a { color: #000; font-weight: normal; text-decoration: none; }
      .cajl-navbar a:visited { color: #000; font-weight: normal; text-decoration: none; }
      .cajl-navbar a:hover { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
      .cajl-navbar a:focus { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
      .cajl-navbar a:active { color: #bb4c9c; font-weight: normal; text-decoration: none; }
      .modal .modal-dialog {
          width: 100%;
          max-width: none;
          height: 100%;
          margin: 0;
      }
      .modal-body {
          max-height: calc(100vh - 250px);
          overflow-y: auto;
      }
      /* Mobile landscape */
      @media (orientation: landscape) {
          .modal .modal-dialog {
              width: 100%;
              max-width: none;
              height: 100%;
              margin: 0;
          }
          .modal-body {
              max-height: calc(100vh - 50px);
              overflow-y: auto;
          }
      }
    </style>
    <!-- Menu modal -->
    <div class="modal fade" id="menuModal" tabindex="-1" style="z-index: 99999 !important;">
      <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content" style="background-color: #EEE; ">
          <div class="modal-body text-center">
            <div class="row">
              <div class="col-sm-3 d-none d-sm-inline-block" style="padding-left:0px;">
                <img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid d-block mx-auto img-hover" style="width: 100%; margin-top:-16px;" />
                <p>&nbsp;</p>
                <!--<button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Fermer</button>-->
              </div>
              <div class="col-sm-9">
                <nav style="background: #EEE; ">
                  <ul class="cajl-navbar">
                    <li><a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe">ACCUEIL</a></li>
                    <li><a href="#" id="btn-1" title="Programmation" data-toggle="collapse" data-target="#submenu1" aria-expanded="false">PROGRAMMATION <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                      <ul class="collapse submenu1Mobile" id="submenu1" role="menu" aria-labelledby="btn-1">
                        <li><a href="https://www.centredesarts.ca/programmation/" title="">Programmation compl&eacute;te</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/theatre' title='Théâtre' style='padding: 10px 15px; '>Théâtre</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' style='padding: 10px 15px; '>Musique</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' style='padding: 10px 15px; '>Danse</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' style='padding: 10px 15px; '>Cirque</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' style='padding: 10px 15px; '>Chanson</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' style='padding: 10px 15px; '>Humour</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' style='padding: 10px 15px; '>Variétés</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Famille' style='padding: 10px 15px; '>Famille</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' style='padding: 10px 15px; '>Scolaire</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' style='padding: 10px 15px; '>Événements en location</a></li>
                        <li><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' style='padding: 10px 15px; '>Art de la parole</a></li>
                                    </ul>
                    </li>
                    <li><a href="https://www.centredesarts.ca/billetterie" title="billetterie">BILLETTERIE</a></li>
                    <li><a href="#" id="btn-2" title="Salles et services" data-toggle="collapse" data-target="#submenu2" aria-expanded="false">SALLES ET SERVICES <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                      <ul class="collapse submenu1Mobile" id="submenu2" role="menu" aria-labelledby="btn-2">
                        <li><a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins">Salle Desjardins</a></li>
                        <li><a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret Andr&eacute;-H.-Gagnon">Cabaret Andr&eacute;-H.-Gagnon</a></li>
                        <li><a href="https://www.centredesarts.ca/le-zaricot" title="Le Zaricot">Le Zaricot</a></li>
                        <!-- Le Deuxième -->
                        <a href="https://www.centredesarts.ca/le-deuxieme" title="Le Deuxi&egrave;me" class="dropdown-item">Le Deuxi&egrave;me</a>
                        <li><a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite">Planifiez votre visite</a></li>
                        <li><a href="https://www.centredesarts.ca/location" title="Location">Location</a></li>
                        <li><a href="https://www.centredesarts.ca/devis-technique" title="Devis technique">Devis technique</a></li>
                      </ul>
                    </li>
                    <li><a href="#" id="btn-3" title="Promotions" data-toggle="collapse" data-target="#submenu3" aria-expanded="false">PROMOTIONS <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                      <ul class="collapse submenu1Mobile" id="submenu3" role="menu" aria-labelledby="btn-3">
                        <li><a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours">Offres en cours</a></li>
                        <li><a href="https://www.centredesarts.ca/carte-privilege" title="Carte privil&egrave;ge de Juliette">Carte privil&egrave;ge de Juliette</a></li>
                        <li><a href="https://www.centredesarts.ca/forfait-mordu-de-theatre" title="Forfait mordu de th&eacute;&acirc;tre" class="dropdown-item">Forfait mordu de th&eacute;&acirc;tre</a></li>
                        <li><a href="https://www.centredesarts.ca/forfait-sortez-en-famille" title="Forfait Sortez en famille" class="dropdown-item">Forfait Sortez en famille</a></li>
                        <li><a href="https://www.centredesarts.ca/forfait-osez-le-cirque" title="Forfait Osez le cirque" class="dropdown-item">Forfait Osez le cirque</a></li>
                        <li><a href="https://www.centredesarts.ca/etudiant" title="&Eacute;tudiant">&Eacute;tudiant</a></li>
                        <li><a href="https://www.centredesarts.ca/enfant" title="Enfant">Enfant</a></li>
                        <li><a href="https://www.centredesarts.ca/groupe" title="Groupe">Groupe</a></li>
                        <li><a href="https://www.centredesarts.ca/entreprise" title="Entreprise">Entreprise</a></li>
                        <li><a href="https://www.centredesarts.ca/partenaires" title="Partenaires">Partenaires</a></li>
                        <li><a href="https://www.centredesarts.ca/cheque-cadeau" title="Ch&egrave;que-cadeau">Ch&egrave;que-cadeau</a></li>
                      </ul>
                    </li>
                    <li><a href="#" id="btn-4" title="&Agrave; propos" data-toggle="collapse" data-target="#submenu4" aria-expanded="false">&Agrave; PROPOS <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                      <ul class="collapse submenu1Mobile" id="submenu4" role="menu" aria-labelledby="btn-4">
                        <li><a href="https://www.centredesarts.ca/nouvelles" title="Nouvelles">Nouvelles</a></li>
                        <li><a href="https://www.centredesarts.ca/centre-des-arts-juliette-lassonde-de-saint-hyacinthe" title="Le Centre des arts Juliette-Lassond">Le Centre des arts Juliette-Lassonde</a></li>
                        <li><a href="https://www.centredesarts.ca/conseil-administration" title="Conseil d'administration">Conseil d'administration</a></li>
                        <li><a href="https://www.centredesarts.ca/equipe" title="&Eacute;quipe">&Eacute;quipe</a></li>
                        <li><a href="https://www.centredesarts.ca/carriere" title="Carri&egrave;re">Carri&egrave;re</a></li>
                        <li><a href="https://www.centredesarts.ca/distinctions" title="Distinctions">Distinctions</a></li>
                        <li><a href="https://www.centredesarts.ca/partenaires-et-commanditaires" title="Partenaires et commanditaires">Partenaires et commanditaires</a></li>
                      </ul>
                    </li>
                    <li><a href="https://www.centredesarts.ca/nous-joindre" title="Nous Joindre">NOUS JOINDRE</a></li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Menu modal -->    <!-- Menu modal -->
    <!-- Bootstrap core JavaScript -->
    <script src="https://www.centredesarts.ca/vendor/jquery/jquery.min.js"></script>
    <script src="https://www.centredesarts.ca/vendor/bootstrap/js/bootstrap.bundle.js?v=20260513084043"></script>
    <script src="https://www.centredesarts.ca/js/jquery-ui.min.js"></script>
    <!-- Toastr JavaScript -->
    <script src="https://www.centredesarts.ca/js/toastr.min.js"></script>
    <!-- jQuery Add-on -->
    <script src="https://www.centredesarts.ca/js/jqBootstrapValidationFR.js"></script>
    <script>
      $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
    </script>
    <script>
      // Menu open on mouse over
      $('.dropdown-toggle').click(function(e){
          if ($(document).width() > 768){
              e.preventDefault();
              var url = $(this).attr('href');
              if (url !== '#') {
                  window.location.href = url;
              }
          }
      });
      // Thousand separator
      function commaSeparatedNumber(x) {
          var parts = x.toString().split(".");
          parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
          return parts.join(".");
      }
      $(document).ready(function(){
          $('[data-toggle="tooltip"]').tooltip();
      });
      $(document).ready(function(){
          $(".filter-button").click(function(){
              var value = $(this).attr('data-filter');
              if(value == "all"){
                  //$('.filter').removeClass('hidden');
                  $('.filter').show('1000');
              } else {
      //          $('.filter[filter-item="'+value+'"]').removeClass('hidden');
      //          $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
                  $(".filter").not('.'+value).hide('3000');
                  $('.filter').filter('.'+value).show('3000');
              }
          });
      });
      $(document).on('click', '#btn-search', function(){
          $(this).parents("form").submit()
      })
      $(document).on('change', '#selCategory', function(){
          var id = this.value
          $.ajax({
              url: 'https://www.centredesarts.ca/ajax-categories-link.php',
              type: 'post',
              data: { id: id },
              success: function(data){
                  window.location.href = 'https://www.centredesarts.ca/programmation/'+data
              }
          })
      })
      $(document).on('change', '#selSerie', function(){
          var id = this.value
          $.ajax({
              url: 'https://www.centredesarts.ca/ajax-series-link.php',
              type: 'post',
              data: { id: id },
              success: function(data){
                  window.location.href = 'https://www.centredesarts.ca/serie/'+data
              }
          })
      })
      // Location Form Script ****************************************************
      $(".datepicker").datepicker({
          monthNames: ['Janvier', 'F&eacute;vrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Ao&ucirc;t', 'Septembre', 'Octobre', 'Novembre', 'D&eacute;cembre'],
          dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
          dateFormat: 'yy-mm-dd'
      })
      $('.ConfirmationWrap').css('display', 'none')
      var typePrice = 0
      var locationPrice = 0
      var configurationPrice = 0
      var durationPrice = 0
      var total = 0
      $(document).ready(function(){
          $(".filter-button").on("click", function(){
              let value = $(this).attr("data-filter");
              if(value == "all"){
                  $(".filter").show("1000");
              } else {
                  $(".filter").not("." + value).hide("3000");
                  $(".filter").filter("." + value).show("3000");
              }
          });
      });

      $(document).on('change', '.txtType', function(){
          var type = $(this).attr('data-type')
          var amount = $(this).attr('data-amount')
          $('.radioLocationWrap').css('display', 'none')
          $('.radioConfigurationWrap').css('display', 'none')
          $('.radioDurationWrap').css('display', 'none')
          $('.ConfirmationWrap').css('display', 'none')
          $('.txtLocation').prop('checked', false)
          $('#location' + type).css('display', 'block')

          typePrice = amount
          locationPrice = 0
          configurationPrice = 0
          durationPrice = 0
          total = 0
          total = Number(typePrice).toFixed(2)

          $('#txtTotal').val(total)
          $('#txtTotalDisplay').html(total)
      })

      $(document).on('change', '.txtLocation', function(){
          var location = $(this).attr('data-location')
          var amount = $(this).attr('data-amount')
          $('.radioConfigurationWrap').css('display', 'none')
          $('.radioDurationWrap').css('display', 'none')
          $('.ConfirmationWrap').css('display', 'none')
          $('.txtConfiguration').prop('checked', false)
          $('#configuration' + location).css('display', 'block')

          locationPrice = amount
          configurationPrice = 0
          durationPrice = 0
          total = Number(typePrice)
          total = Number(+total + +locationPrice).toFixed(2)

          $('#txtTotal').val(total)
          $('#txtTotalDisplay').html(total)
      })

      $(document).on('change', '.txtConfiguration', function(){
          var configuration = $(this).attr('data-configuration')
          var amount = $(this).attr('data-amount')
          $('.radioDurationWrap').css('display', 'none')
          $('.ConfirmationWrap').css('display', 'none')
          $('.txtDuration').prop('checked', false)
          $('#duration' + configuration).css('display', 'block')
          configurationPrice = amount
          durationPrice = 0
          total = Number(+typePrice + +locationPrice)
          total = Number(+total + +configurationPrice).toFixed(2)
          $('#txtTotal').val(total)
          $('#txtTotalDisplay').html(total)
      })

      $(document).on('change', '.txtDuration', function(){
          var duration = $(this).attr('data-duration')
          var amount = $(this).attr('data-amount')
          $('#confirmation' + duration).css('display', 'block')
          durationPrice = amount
          total = Number(+typePrice + +locationPrice + +configurationPrice)
          total = Number(+total + +durationPrice).toFixed(2)
          $('#txtTotal').val(total)
          $('#txtTotalDisplay').html(total)
      })

      $(document).on('click', '#btnNext', function(){
          $('#step-1').attr('hidden', 'hidden')
          $('#step-2').removeAttr('hidden')
      })

      $(document).on('click', '#btnPrevious', function(){
          $('#step-2').attr('hidden', 'hidden')
          $('#step-1').removeAttr('hidden')
      })
      $(document).on('click', '.requestVideoConsent', function() {
          var reqConsent = $(this).data('ref');

          // window._axcb = window._axcb || [];
          window._axcb.push(function(sdk){
              // sdk.requestConsent(reqConsent);
              sdk.openCookies('onComplete');
          });
      }) ;
      // Location Form Script ****************************************************
    </script>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3VMV5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
  </body>
</html>