Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Fguitar-story

Page name: Guitar Story | Centre des arts Juliette-Lassonde de Saint-Hyacinthe

Edit | Back

Date Scraped: 2025-08-18 02:12:41 -0400

Last Successful Refresh: 2025-08-18 02:12:41 -0400

Created: 2024-04-19 02:11:38 -0400

Updated: 2025-08-18 02:12:41 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Guitar Story | 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="Guitar Story | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta property="og:url" content="https://www.centredesarts.ca/spectacle/guitar-story" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:title" content="Guitar Story | Guitar Story 2.0" />
    <meta property="og:image" content="https://www.centredesarts.ca/img-activites/guitar-story-adrenaline-1280x720-MD.jpg" />
    <meta property="og:image:width" content="1280" />
    <meta property="og:image:height" content="720" />
    <meta property="og:description" content="Guitar Story Adrenaline vous promet une montée d'énergie pure. Préparez-vous à une soirée où chaque note déchaîne les passions."/>
    <!-- End Facebook tags -->
    <!-- Instagram optimized image -->
    <meta property="og:image:alt" content="Guitar Story | Guitar Story 2.0">
    <!-- Begin Twitter tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/guitar-story" />
    <meta name="twitter:title" content="Guitar Story | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/guitar-story-adrenaline-1280x720-MD.jpg" />
    <meta name="twitter:description" content="Guitar Story Adrenaline vous promet une montée d'énergie pure. Préparez-vous à une soirée où chaque note déchaîne les passions." />
    <!-- End Twitter tags -->
    <meta name="Description" content="Guitar Story Adrenaline vous promet une montée d'énergie pure. Préparez-vous à une soirée où chaque note déchaîne les passions." />
    <meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/guitar-story" />
    <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=1755497561" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1755497561" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1755497561" />
    <!-- Custom Fonts -->
    <!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1755497561" /> -->
    <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>Guitar Story</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/guitar-story-adrenaline-1280x720.webp" alt="Guitar Story" 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>Guitar Story 2.0</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">V&eacute;ritable hommage &agrave; la guitare et aux guitaristes les plus influents des 100 derni&egrave;res ann&eacute;es, ce deuxi&egrave;me spectacle du groupe form&eacute; de cinq musiciens et chanteurs saura vous charmer, vous faire rire et vous divertir pour une soir&eacute;e haute en couleurs.</p>
                      <p style="text-align: justify;">Dans une&nbsp;mise en sc&egrave;ne &agrave; couper le souffle, incluant un mur LED de 40 guitares, et&nbsp;mettant de l'avant des chor&eacute;graphies mythiques ce spectacle concept surprend par son dynamisme et son &eacute;clectisme. Allant du rock de Jimmy Page et David Gilmour au country de Brent Mason, du blues de Stevie Ray Vaughan au jazz de George Benson, du flamenco de Paco de Lucia au manouche de Django Reinhardt, ne manquez pas ce spectacle &agrave; couper le souffle!</p>
                                
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="https://www.guitarstory.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">
                    <div class="col-12" style="margin-top: 10px; ">
                      <span class="spectacle-content-right-head">
                        Jeudi 19 mars 2026                                                &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">46,50$</span></div>
                                
                      <div><span class="amount-label">&Eacute;tudiant :</span> <span class="amount">36,50$</span></div>
                                                                <!-- Prix Privilege -->
                      <div><span class="amount-label">Privil&egrave;ge :</span> <span class="amount">42,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 -->
                      <p>
                        <a href="https://centredesarts.tuxedobillet.com/main/guitar-story-260319/20260319200000" title="ACHETER 32" 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>
                      </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/WO2cbmsZCAs" 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>Guitar Story</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/guitar-story-adrenaline-1280x720.webp" alt="Guitar Story" 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">
                    <div class="col-12" style="margin-top: 10px; ">
                      <span class="spectacle-content-right-head">
                        Jeudi 19 mars 2026                                                                &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">46,50$</span></div>
                            
                      <div><span class="amount-label">&Eacute;tudiant :</span> <span class="amount">36,50$</span></div>
                                                        <!-- Prix Privilege -->
                      <div><span class="amount-label">Privil&egrave;ge :</span> <span class="amount">42,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/guitar-story-260319/20260319200000" 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></p>
                    </div>
                    <div class="col-12">
                      <div class="divider">&nbsp;</div>
                    </div>
                    <p>&nbsp;</p>
                    <div class="col-12 spectacle-content-left">
                      <h3>Guitar Story 2.0</h3>
                    </div>
                    <div class="col-12 spectacle-content-left description">
                      <p style="text-align: justify;">V&eacute;ritable hommage &agrave; la guitare et aux guitaristes les plus influents des 100 derni&egrave;res ann&eacute;es, ce deuxi&egrave;me spectacle du groupe form&eacute; de cinq musiciens et chanteurs saura vous charmer, vous faire rire et vous divertir pour une soir&eacute;e haute en couleurs.</p>
                      <p style="text-align: justify;">Dans une&nbsp;mise en sc&egrave;ne &agrave; couper le souffle, incluant un mur LED de 40 guitares, et&nbsp;mettant de l'avant des chor&eacute;graphies mythiques ce spectacle concept surprend par son dynamisme et son &eacute;clectisme. Allant du rock de Jimmy Page et David Gilmour au country de Brent Mason, du blues de Stevie Ray Vaughan au jazz de George Benson, du flamenco de Paco de Lucia au manouche de Django Reinhardt, ne manquez pas ce spectacle &agrave; couper le souffle!</p>
                            
                      <p>&nbsp;</p>
                    </div>
                    <div class="col-12">
                      <span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
                        <a href="https://www.guitarstory.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/WO2cbmsZCAs" 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>
        <!-- Start Schema tags CAJL -->
        <div itemscope itemtype="http://schema.org/Event">
          <meta itemprop="startDate" content="2026-03-19T20:00:00"/>
          <meta itemprop="endDate" content="2026-03-19T22:00:00"/>
          <meta itemprop="eventStatus" content="https://schema.org/EventScheduled"/>
          <meta itemprop="eventAttendanceMode" content="https://schema.org/OfflineEventAttendanceMode"/>
          <meta itemprop="name" content="Guitar Story"/>
          <meta itemprop="description" content="Guitar Story 2.0"/>
          <meta itemprop="url" content="https://www.centredesarts.ca/spectacle/guitar-story"/>
          <meta itemprop="image" content="https://www.centredesarts.ca/img-activites/guitar-story-adrenaline-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-04-30" />
            <meta itemprop="validThrough" content="2026-03-19" />
            <meta itemprop="price" content="46.50" />
            <meta itemprop="priceCurrency" content="CAD" />
            <meta itemprop="url" content="https://centredesarts.tuxedobillet.com/main/guitar-story-260319/20260319200000" />
          </div>
          <div itemprop="performer" itemscope itemtype="https://schema.org/Person">
            <meta itemprop="name" content="Guitar Story" />
          </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-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=20250818021241"></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>