Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Fle-matou
Page name: Le Matou | Centre des arts Juliette-Lassonde de Saint-Hyacinthe
Edit | BackDate Scraped: 2025-07-30 19:11:32 -0400
Last Successful Refresh: 2025-07-30 19:11:32 -0400
Created: 2024-04-25 02:18:01 -0400
Updated: 2025-07-30 19:11:32 -0400
HTTP Response Code: 200
Html:
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Le Matou | 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="Le Matou | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta property="og:url" content="https://www.centredesarts.ca/spectacle/le-matou" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:title" content="Le Matou | La comédie musicale" />
<meta property="og:image" content="https://www.centredesarts.ca/img-activites/matou-comedie-musicale-1280x720-MD.jpg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:description" content="Oeuvre phare de la littérature et du cinéma québécois, Le Matou d'Yves Beauchemin est adapté pour la première fois pour la scène dans une version comédie musicale. Mettant en vedette Matthieu Lévesque, Audrey-Louise Beauséjour et plusieurs autres!"/>
<!-- End Facebook tags -->
<!-- Instagram optimized image -->
<meta property="og:image:alt" content="Le Matou | La comédie musicale">
<!-- Begin Twitter tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/le-matou" />
<meta name="twitter:title" content="Le Matou | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/matou-comedie-musicale-1280x720-MD.jpg" />
<meta name="twitter:description" content="Oeuvre phare de la littérature et du cinéma québécois, Le Matou d'Yves Beauchemin est adapté pour la première fois pour la scène dans une version comédie musicale. Mettant en vedette Matthieu Lévesque, Audrey-Louise Beauséjour et plusieurs autres!" />
<!-- End Twitter tags -->
<meta name="Description" content="Oeuvre phare de la littérature et du cinéma québécois, Le Matou d'Yves Beauchemin est adapté pour la première fois pour la scène dans une version comédie musicale. Mettant en vedette Matthieu Lévesque, Audrey-Louise Beauséjour et plusieurs autres!" />
<meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/le-matou" />
<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=1753917092" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1753917092" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1753917092" />
<!-- Custom Fonts -->
<!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1753917092" /> -->
<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> </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 à l'Infolettre" class="navbar-top-social-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i> 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ète" class="dropdown-item">Programmation complè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é-H.-Gagnon" class="dropdown-item">Cabaret André-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ège de Juliette" class="dropdown-item">Carte privilè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éâtre" class="dropdown-item">Forfait mordu de théâ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="Étudiant" class="dropdown-item">É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èque-cadeau" class="dropdown-item">Chèque-cadeau</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="https://www.centredesarts.ca/a-propos" title="À propos" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">À 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="Équipe" class="dropdown-item">Équipe</a>
<a href="https://www.centredesarts.ca/carriere" title="Carrière" class="dropdown-item">Carriè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> </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 à l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i> 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> </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 à l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i> 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> </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 à l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i> 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>Le Matou</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/matou-comedie-musicale-1280x720.webp" alt="Le Matou" class="img-fluid img-portfolio mx-0 mt-0" style="margin-bottom: 10px;" />
<div class="row">
<div class="col-md-6">
<span class="tag float-left" style="color: #FFFFFF; background: #8F8F8F; ">THÉÂTRE MUSICAL</span>
</div>
<div class="col-md-6">
<span class="discipline float-right" >Théâtre</span>
</div>
</div>
</div>
<div class="col-12 spectacle-content-left">
<h3>La comédie musicale</h3>
</div>
<div class="col-12 spectacle-content-left distribution">
<p>Adaptée de l’œuvre originale <em>Le Matou</em> de Yves Beauchemin | Mise en scène : Joël Legendre | Livret, paroles et musique : Jessy Brouillard | Avec : Matthieu Lévesque, Audrey-Louise Beauséjour, Eliot Dupras et Diego Flint (en alternance), Marilou Morin, Martin Larocque, Alain Dumas, Normand Carrière, Luis Oliva, Amélie B. Simard, Alexandre Bacon, Nicolas Drolet, Renee Wilkin et Lisa Palmieri | Production : Entourage</p>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;">Œuvre phare de la littérature et du cinéma québécois, <em>Le Matou</em> s’empare maintenant de la scène pour la première fois avec une comédie musicale aussi divertissante qu’émouvante, célébrant le 40e anniversaire de ce fleuron d’ici. 13 comédiens et comédiennes donnent vie aux célèbres personnages créés par Yves Beauchemin, en plus de faire découvrir au public de nouvelles chansons originales qui sont partie prenante de l’histoire. Vendu en millions d’exemplaires, traduit en 16 langues, porté au cinéma et récipiendaire de nombreux prix à travers le monde, <em>Le Matou</em> a révolutionné son époque et s’est inscrit dans le cœur des Québécois de nombreuses générations. Les gens seront heureux de retrouver le Montréal des années 70 et ses mœurs, le plateau Mont-Royal de l’époque, sa binerie, le jeune Monsieur Émile, son chat Déjeuner et tous les personnages gravitant autour d’eux, mais ils seront aussi enchantés de redécouvrir la portée universelle qu’a conservée <em>Le Matou</em> encore aujourd’hui. </p>
<p style="text-align: justify;"><em>Le Matou</em> nous ramène en 1974, alors qu’un couple de jeunes Montréalais, Élise et Florent, caresse depuis longtemps le rêve d’acquérir un restaurant. Egon Ratablavasky, figure diabolique, surgit dans leur vie pour leur offrir l’objet de leur désir sur un plateau d’argent. Mais l’aventure tourne vite au cauchemar quand le couple découvre qu’il a été piégé et qu’il a tout perdu. Pourtant, le rêve du couple n’est pas mort et il décide de se venger en retournant en affaires avec l’aide d’un gamin sans domicile fixe, d’un cuisinier exubérant et d’un journaliste fouine. Élise et Florent devront compter sur toute l’aide qui leur sera offerte, une aide qui proviendra parfois des endroits les plus incongrus…</p>
<p style="text-align: justify;">La comédie musicale <em>Le Matou </em>est un spectacle réjouissant et rassembleur, à la fois drôle et touchant, où le jeu, le chant et une distribution de premier plan redonneront vie à cette grande histoire emblématique de notre patrimoine culturel célébrant le Montréal d’époque.</p>
<p> </p>
</div>
<div class="col-12">
<span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
<a href="https://lematou.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">
<p> </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éservé au lecteur Vidéo">
</div>
<iframe data-src="https://www.youtube.com/embed/kIB-3OyNGOY" class="w-100" style="aspect-ratio: 16 / 9; border-width: 0px;" allowfullscreen data-requires-vendor-consent="youtube"></iframe>
</div>
</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éservé au lecteur Vidéo">
</div>
<iframe data-src="https://www.youtube.com/embed/eWATowzyd_I" 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> </p>
<p>Note(s) :</p>
<p>Une carte étudiante valide sera exigée lors de l'événement pour les détenteurs de billets au tarif é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>Le Matou</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/matou-comedie-musicale-1280x720.webp" alt="Le Matou" 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">
<span class="tag float-left" style="color: #FFFFFF; background: #8F8F8F; ">THÉÂTRE MUSICAL</span>
</div>
<div class="col-md-6">
<span class="discipline float-right" >Théâtre</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 margin-top-6">
<p> </p>
<div class="col-12 spectacle-content-left">
<h3>La comédie musicale</h3>
</div>
<div class="col-12 spectacle-content-left distribution">
<p>Adaptée de l’œuvre originale <em>Le Matou</em> de Yves Beauchemin | Mise en scène : Joël Legendre | Livret, paroles et musique : Jessy Brouillard | Avec : Matthieu Lévesque, Audrey-Louise Beauséjour, Eliot Dupras et Diego Flint (en alternance), Marilou Morin, Martin Larocque, Alain Dumas, Normand Carrière, Luis Oliva, Amélie B. Simard, Alexandre Bacon, Nicolas Drolet, Renee Wilkin et Lisa Palmieri | Production : Entourage</p>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;">Œuvre phare de la littérature et du cinéma québécois, <em>Le Matou</em> s’empare maintenant de la scène pour la première fois avec une comédie musicale aussi divertissante qu’émouvante, célébrant le 40e anniversaire de ce fleuron d’ici. 13 comédiens et comédiennes donnent vie aux célèbres personnages créés par Yves Beauchemin, en plus de faire découvrir au public de nouvelles chansons originales qui sont partie prenante de l’histoire. Vendu en millions d’exemplaires, traduit en 16 langues, porté au cinéma et récipiendaire de nombreux prix à travers le monde, <em>Le Matou</em> a révolutionné son époque et s’est inscrit dans le cœur des Québécois de nombreuses générations. Les gens seront heureux de retrouver le Montréal des années 70 et ses mœurs, le plateau Mont-Royal de l’époque, sa binerie, le jeune Monsieur Émile, son chat Déjeuner et tous les personnages gravitant autour d’eux, mais ils seront aussi enchantés de redécouvrir la portée universelle qu’a conservée <em>Le Matou</em> encore aujourd’hui. </p>
<p style="text-align: justify;"><em>Le Matou</em> nous ramène en 1974, alors qu’un couple de jeunes Montréalais, Élise et Florent, caresse depuis longtemps le rêve d’acquérir un restaurant. Egon Ratablavasky, figure diabolique, surgit dans leur vie pour leur offrir l’objet de leur désir sur un plateau d’argent. Mais l’aventure tourne vite au cauchemar quand le couple découvre qu’il a été piégé et qu’il a tout perdu. Pourtant, le rêve du couple n’est pas mort et il décide de se venger en retournant en affaires avec l’aide d’un gamin sans domicile fixe, d’un cuisinier exubérant et d’un journaliste fouine. Élise et Florent devront compter sur toute l’aide qui leur sera offerte, une aide qui proviendra parfois des endroits les plus incongrus…</p>
<p style="text-align: justify;">La comédie musicale <em>Le Matou </em>est un spectacle réjouissant et rassembleur, à la fois drôle et touchant, où le jeu, le chant et une distribution de premier plan redonneront vie à cette grande histoire emblématique de notre patrimoine culturel célébrant le Montréal d’époque.</p>
<p> </p>
</div>
<div class="col-12">
<span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
<a href="https://lematou.ca/" title="Site de l'artiste" target="_blank" class="ablack">Site de l'artiste</a>
</span>
</div>
<div class="col-12">
<div class="divider"> </div>
</div>
<div class="col-12">
<p> </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éservé au lecteur Vidéo">
</div>
<iframe data-src="https://www.youtube.com/embed/kIB-3OyNGOY" class="w-100" style="aspect-ratio: 16 / 9; border-width: 0px;" allowfullscreen data-requires-vendor-consent="youtube"></iframe>
</div>
</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éservé au lecteur Vidéo">
</div>
<iframe data-src="https://www.youtube.com/embed/eWATowzyd_I" 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> </p>
<p>Note(s) :</p>
<p>Une carte étudiante valide sera exigée lors de l'événement pour les détenteurs de billets au tarif é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é et de protection de la vie privée</a></p>
<p> </p>
</div>
<div class="d-md-none d-sm-block col-sm-3 d-none"> </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 à 17h</p>
<p>Deux heures avant chacun des spectacles</p>
</div>
</div>
<p> </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>
<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>
<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>
<a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement à l'Infolettre" class="footer-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i> <span class="text-dark">Infolettre</span></a>
<p> </p>
</div>
<div class="col-sm-1 d-none d-sm-block"> </div>
</div>
<div class="row footer-footer">
<div class="col-md-8 col-sm-9 d-sm-block d-none">
<p>Tous droits réservés. © Centre des arts Juliette-Lassonde de Saint-Hyacinthe 2025</p>
</div>
<div class="col-12 d-sm-none">
<p>Tous droits réservés.<br />
© Centre des arts Juliette-Lassonde de Saint-Hyacinthe 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> </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é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é-H.-Gagnon">Cabaret André-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ège de Juliette">Carte privilè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éâtre" class="dropdown-item">Forfait mordu de théâ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="Étudiant">É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èque-cadeau">Chèque-cadeau</a></li>
</ul>
</li>
<li><a href="#" id="btn-4" title="À propos" data-toggle="collapse" data-target="#submenu4" aria-expanded="false">À 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="Équipe">Équipe</a></li>
<li><a href="https://www.centredesarts.ca/carriere" title="Carrière">Carriè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=20250730191132"></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évrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Dé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>