Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Ftocadeo

Page name: POST call https://www.centredesarts.ca/spectacle/tocadeo

Edit | Back

Date Scraped: 2025-07-08 11:18:05 -0400

Last Successful Refresh: 2025-07-08 11:18:05 -0400

Created: 2024-04-17 11:18:09 -0400

Updated: 2025-07-08 11:18:05 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Tocadéo | 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="Tocadéo | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta property="og:url" content="https://www.centredesarts.ca/spectacle/tocadeo" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:title" content="Tocadéo | Chansons pour durer toujours" />
    <meta property="og:image" content="https://www.centredesarts.ca/img-activites/tocadeo-1280x720-MD.jpg" />
    <meta property="og:image:width" content="1280" />
    <meta property="og:image:height" content="720" />
    <meta property="og:description" content="Le quatuor vocal Tocadéo rend hommage à chanson francophone avec « Chansons pour durer toujours »."/>
    <!-- End Facebook tags -->
    <!-- Instagram optimized image -->
    <meta property="og:image:alt" content="Tocadéo | Chansons pour durer toujours">
    <!-- Begin Twitter tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/tocadeo" />
    <meta name="twitter:title" content="Tocadéo | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/tocadeo-1280x720-MD.jpg" />
    <meta name="twitter:description" content="Le quatuor vocal Tocadéo rend hommage à chanson francophone avec « Chansons pour durer toujours »." />
    <!-- End Twitter tags -->
    <meta name="Description" content="Le quatuor vocal Tocadéo rend hommage à chanson francophone avec « Chansons pour durer toujours »." />
    <meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/tocadeo" />
    <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=1751987885" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1751987885" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1751987885" />
    <!-- Custom Fonts -->
    <!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1751987885" /> -->
    <script src="https://kit.fontawesome.com/9b5d6590d8.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-2024/logo-CAJL-2024.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/spectacle-conference' title='Spectacle - conférence' class='dropdown-item'>Spectacle - conférence</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='Jeunesse' class='dropdown-item'>Jeunesse</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>
                      <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/cinq-spectacles-et-plus" title="5 spectacles et +" class="dropdown-item">5 spectacles et +</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-2024/logo-CAJL-2024.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-2024/logo-CAJL-2024.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-2024/logo-CAJL-2024.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>Tocadéo</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/tocadeo-1280x720.webp" alt="Tocadéo" 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" >Chanson</span>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 spectacle-content-left">
                      <h3>Chansons pour durer toujours</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">En 2023, Tocad&eacute;o c&eacute;l&egrave;brait son quinzi&egrave;me anniversaire d&rsquo;existence avec la sortie d&rsquo;un huiti&egrave;me album intitul&eacute; &laquo;<em>Chansons pour durer toujours</em>&nbsp;qui rend hommage &agrave; la chanson francophone en reprenant certains des plus grands succ&egrave;s cr&eacute;&eacute;s par des artistes du Qu&eacute;bec et de la francophonie canadienne. &nbsp;</p>
                      <p style="text-align: justify;">Pr&eacute;sent&eacute; partout en tourn&eacute;e, le spectacle <em>Chansons pour durer toujours</em> met en vedette les chansons de l&rsquo;album ainsi que les plus grands succ&egrave;s du groupe. Il fait une place particuli&egrave;re aux chansons d&rsquo;ici et d&rsquo;ailleurs qui ont marqu&eacute; et qui continuent de marquer par leur intemporalit&eacute;, leur universalit&eacute; et l&rsquo;amour que le public leur porte. &nbsp;</p>
                      <p style="text-align: justify;">Fid&egrave;les &agrave; eux-m&ecirc;mes, les quatre chanteurs de Tocad&eacute;o vous feront vivre encore une fois une exp&eacute;rience hors du commun par leurs voix grandioses, leur charme certain, leur complicit&eacute; et leur proximit&eacute; avec le public, sans oublier bien s&ucirc;r leur classe et leur humour. Un rendez-vous &agrave; ne pas manquer!</p>
                                
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="http://tocadeo.ca/" 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">
                    &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/agXnmwDklpM?si=TrWqM_GpBdGuGTrK" 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>
        </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>Tocadéo</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/tocadeo-1280x720.webp" alt="Tocadéo" 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" >Chanson</span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6 margin-top-6">
                    <p>&nbsp;</p>
                    <div class="col-12 spectacle-content-left">
                      <h3>Chansons pour durer toujours</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">En 2023, Tocad&eacute;o c&eacute;l&egrave;brait son quinzi&egrave;me anniversaire d&rsquo;existence avec la sortie d&rsquo;un huiti&egrave;me album intitul&eacute; &laquo;<em>Chansons pour durer toujours</em>&nbsp;qui rend hommage &agrave; la chanson francophone en reprenant certains des plus grands succ&egrave;s cr&eacute;&eacute;s par des artistes du Qu&eacute;bec et de la francophonie canadienne. &nbsp;</p>
                      <p style="text-align: justify;">Pr&eacute;sent&eacute; partout en tourn&eacute;e, le spectacle <em>Chansons pour durer toujours</em> met en vedette les chansons de l&rsquo;album ainsi que les plus grands succ&egrave;s du groupe. Il fait une place particuli&egrave;re aux chansons d&rsquo;ici et d&rsquo;ailleurs qui ont marqu&eacute; et qui continuent de marquer par leur intemporalit&eacute;, leur universalit&eacute; et l&rsquo;amour que le public leur porte. &nbsp;</p>
                      <p style="text-align: justify;">Fid&egrave;les &agrave; eux-m&ecirc;mes, les quatre chanteurs de Tocad&eacute;o vous feront vivre encore une fois une exp&eacute;rience hors du commun par leurs voix grandioses, leur charme certain, leur complicit&eacute; et leur proximit&eacute; avec le public, sans oublier bien s&ucirc;r leur classe et leur humour. Un rendez-vous &agrave; ne pas manquer!</p>
                            
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="http://tocadeo.ca/" 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/agXnmwDklpM?si=TrWqM_GpBdGuGTrK" 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>
        </div>
            </div>
            <div class="row">
              <div class="col-12 p-0 margin-top-5">
              </div>
            </div>
          </div>
        </div>
      </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-2024/logo-CAJL-02-2024.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;2025</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;2025</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-2024/logo-CAJL-2024.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/spectacle-conference' title='Spectacle - conférence' style='padding: 10px 15px; '>Spectacle - conférence</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='Jeunesse' style='padding: 10px 15px; '>Jeunesse</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>
                        <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/cinq-spectacles-et-plus" title="5 spectacles et +">5 spectacles et +</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=20250708111805"></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>