Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Fmisc-melissa-fortin
Page name: MISC + Mélissa Fortin | Centre des arts Juliette-Lassonde de Saint-Hyacinthe
Edit | BackDate Scraped: 2026-05-13 16:51:35 -0400
Last Successful Refresh: 2026-05-13 16:51:35 -0400
Created: 2024-11-19 01:21:44 -0500
Updated: 2026-05-13 16:51:35 -0400
HTTP Response Code: 200
Html:
<!DOCTYPE html>
<html lang="fr">
<head>
<title>MISC + Mélissa Fortin | 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="MISC + Mélissa Fortin | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta property="og:url" content="https://www.centredesarts.ca/spectacle/misc-melissa-fortin" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:title" content="MISC + Mélissa Fortin" />
<meta property="og:image" content="https://www.centredesarts.ca/img-activites/misc-melissa-fortin-1280x720-MD.jpg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:description" content="Une soirée sous le signe du jazz instrumental mettant en vedette MISC et Mélissa Fortin. Spectacle présenté en formule centrale au Zaricot."/>
<!-- End Facebook tags -->
<!-- Instagram optimized image -->
<meta property="og:image:alt" content="MISC + Mélissa Fortin">
<!-- Begin Twitter tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/misc-melissa-fortin" />
<meta name="twitter:title" content="MISC + Mélissa Fortin | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/misc-melissa-fortin-1280x720-MD.jpg" />
<meta name="twitter:description" content="Une soirée sous le signe du jazz instrumental mettant en vedette MISC et Mélissa Fortin. Spectacle présenté en formule centrale au Zaricot." />
<!-- End Twitter tags -->
<meta name="Description" content="Une soirée sous le signe du jazz instrumental mettant en vedette MISC et Mélissa Fortin. Spectacle présenté en formule centrale au Zaricot." />
<meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/misc-melissa-fortin" />
<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=1778705495" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1778705495" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1778705495" />
<!-- Custom Fonts -->
<!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1778705495" /> -->
<script src="https://kit.fontawesome.com/5fdad197cc.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="manifest" href="/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<style>
body {
padding-top: 0;
font-size: 14px;
line-height: 20px;
color: #333;
font-family: 'Roboto', sans-serif;
}
.navbar-search::-webkit-input-placeholder {
color: #BBB;
}
.dropdown-menu {
padding: 0.5rem 0;
margin: 0;
}
.container {
min-height: 550px;
/* padding-right: 0; */
/* padding-left: 0; */
}
.container ul li {
margin-left: 1.8em;
list-style-type: square;
}
.image-ab img {
-webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
}
.image-c img {
-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
}
.image-programmation img {
-webkit-clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
}
.box-shadow {
/* box-shadow: -4px 0 3px -1px #333; */
box-shadow: -5px 0 5px -4px #000;
}
.carousel-item {
min-height: unset;
}
.en-vedette {
width: 100%;
height: 100px;
margin-top:20px;
background: url('https://www.centredesarts.ca/template/bg_full-vedette.png') no-repeat;
}
@media only screen and (min-width: 768px){
.dropdown:hover .dropdown-menu {
display: block;
}
}
</style>
<script>
(_axcb = window._axcb || []).push(function(sdk) {
sdk.on('cookies:complete', function(choices){
document
.querySelectorAll('[data-hide-on-vendor-consent]')
.forEach(el => {
// console.log('test1');
const vendor = el.getAttribute('data-hide-on-vendor-consent');
el.style.display = choices[vendor] ? 'none' : 'inherit';
});
document
.querySelectorAll('[data-requires-vendor-consent]')
.forEach(el => {
const vendor = el.getAttribute('data-requires-vendor-consent');
// console.log('test2');
if (choices[vendor]) {
// console.log('test3');
// Select all elements with the class 'videoCookiePlaceholder'
var elements = document.querySelectorAll('.videoCookiePlaceholder');
// Loop through the NodeList
elements.forEach(function(element) {
// Remove the 'display: none;' style
element.style.display = 'none';
});
el.setAttribute('src', el.getAttribute('data-src'));
}
});
});
});
</script>
</head>
<body>
<!-- Rest of your HTML -->
<input type="hidden" name="test" value="test" />
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3VMV5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="wrapper">
<div class="mobile-hamburger-menu">
<a href="#" class="btn btn-danger btn-lg back-to-top white" title="Menu - Centre des arts Juliette-Lassonde de Saint-Hyacinthe" data-toggle="modal" data-target="#menuModal">
<!-- <i class="fa fa-bars" aria-hidden="true"></i> -->
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<rect y="4" width="24" height="2" rx="1"></rect>
<rect y="11" width="24" height="2" rx="1"></rect>
<rect y="18" width="24" height="2" rx="1"></rect>
</svg>
</a>
</div>
<div class="lg-header">
<div class="container-fluid navbar-inverse">
<div class="row">
<div class="col-md-12">
<a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
<div class="navbar-top">
<p> </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/theatre' title='Théâtre' class='dropdown-item'>Théâtre</a><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' class='dropdown-item'>Musique</a><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' class='dropdown-item'>Danse</a><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' class='dropdown-item'>Cirque</a><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' class='dropdown-item'>Chanson</a><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' class='dropdown-item'>Humour</a><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' class='dropdown-item'>Variétés</a><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Famille' class='dropdown-item'>Famille</a><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' class='dropdown-item'>Scolaire</a><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' class='dropdown-item'>Événements en location</a><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' class='dropdown-item'>Art de la parole</a> </div>
</li>
<li class="nav-item"><a href="https://www.centredesarts.ca/billetterie" title="Billetterie" class="nav-link">BILLETTERIE</a></li>
<li class="nav-item dropdown">
<a href="https://www.centredesarts.ca/salles-et-services" title="Nos Salles et service" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">SALLES ET SERVICES <b class="caret"></b></a>
<div class="dropdown-menu">
<a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins" class="dropdown-item">Salle Desjardins</a>
<a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret André-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>
<!-- Le Deuxième -->
<a href="https://www.centredesarts.ca/le-deuxieme" title="Le Deuxième" class="dropdown-item">Le Deuxième</a>
<a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite" class="dropdown-item">Planifiez votre visite</a>
<a href="https://www.centredesarts.ca/location" title="Location" class="dropdown-item">Location</a>
<a href="https://www.centredesarts.ca/devis-technique" title="Devis technique" class="dropdown-item">Devis technique</a>
</div>
</li>
<li class="nav-item dropdown">
<a href="https://www.centredesarts.ca/promotions" title="Promotions" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">PROMOTIONS <b class="caret"></b></a>
<div class="dropdown-menu">
<a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours" class="dropdown-item">Offres en cours</a>
<a href="https://www.centredesarts.ca/carte-privilege" title="Carte privilège de Juliette" class="dropdown-item">Carte privilège de Juliette</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-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
<div class="navbar-top">
<p> </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-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
<div class="navbar-top">
<p> </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-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
<div class="navbar-top">
<p> </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>MISC + Mélissa Fortin</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/misc-melissa-fortin-1280x720.webp" alt="MISC + Mélissa Fortin" 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: #000000; ">Spectacle présenté au Zaricot</span>
</div>
<div class="col-md-6">
<span class="discipline float-right" >Musique</span>
</div>
</div>
</div>
<div class="col-12 spectacle-content-left">
<h3></h3>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;"><strong>MISC</strong></p>
<p style="text-align: justify;">Misc, trio instrumental de jazz mutant basé à Montréal, soutient ses mélodies cinématiques par de solides grooves. Si son esthétique s’articule autour de la formule piano-basse-batterie, l’utilisation de divers effets, de synthétiseurs, de percussions atypiques et d’échantillonnages, forme une mosaïque sonore qui transcende l'idiome traditionnel du jazz.</p>
<p style="text-align: justify;">Fondé en 2010 et maintes fois primé depuis, Misc a transporté ses compositions sur plusieurs continents et se plaît aussi à faire voyager son public en l’invitant à se déplacer librement autour du groupe durant la prestation. Passant de l’introspection méditative à l’envolée psychédélico-prog au sein d’une même pièce, la musique de Misc s’abreuve de toutes les influences imaginables sans pour autant manquer de cohérence. C’est qu’elle est longuement réfléchie et composée collaborativement par Jérôme Beaulieu, William Côté et Jérémi Roy, musiciens réputés sur la scène musicale québécoise (Daniel Bélanger, Tire le Coyote, les Louanges, Esmérine, Bellflower, etc.).</p>
<p style="text-align: justify;"></p>
<p style="text-align: justify;"><strong>Mélissa Fortin</strong></p>
<p style="text-align: justify;">Issue de sa propre planète quelque part en périphérie de l’univers connu, ainsi que d’Alma au Lac St-Jean, Mélissa Fortin récupère de sa formation de pianiste jazz en se construisant une vie de rock star en même temps qu’un intérêt grandissant pour les synthétiseurs vintage au sein de la bande de Bon Enfant. Dans ses moments de solitude elle crée une musique chamarrée et vivante regorgeant d’harmonies riches et de paysages où se perdre; quelque chose comme la trame sonore d’un voyage enchanté. Elle présente <em>Prismacolore</em>, son premier album instrumental solo réalisé par Emmanuel Ethier.</p>
<p style="text-align: justify;"></p>
<p><em>Ce spectacle est présenté sur le plancher du Zaricot face à la scène et non dessus. Une occasion unique ce vivre une expérience des plus spéciales au Zaricot. </em></p>
<p> </p>
</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/_pXdung-aQQ" 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">
</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>MISC + Mélissa Fortin</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/misc-melissa-fortin-1280x720.webp" alt="MISC + Mélissa Fortin" 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: #000000; ">Spectacle présenté au Zaricot</span>
</div>
<div class="col-md-6">
<span class="discipline float-right" >Musique</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 margin-top-6">
<p> </p>
<div class="col-12 spectacle-content-left">
<h3></h3>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;"><strong>MISC</strong></p>
<p style="text-align: justify;">Misc, trio instrumental de jazz mutant basé à Montréal, soutient ses mélodies cinématiques par de solides grooves. Si son esthétique s’articule autour de la formule piano-basse-batterie, l’utilisation de divers effets, de synthétiseurs, de percussions atypiques et d’échantillonnages, forme une mosaïque sonore qui transcende l'idiome traditionnel du jazz.</p>
<p style="text-align: justify;">Fondé en 2010 et maintes fois primé depuis, Misc a transporté ses compositions sur plusieurs continents et se plaît aussi à faire voyager son public en l’invitant à se déplacer librement autour du groupe durant la prestation. Passant de l’introspection méditative à l’envolée psychédélico-prog au sein d’une même pièce, la musique de Misc s’abreuve de toutes les influences imaginables sans pour autant manquer de cohérence. C’est qu’elle est longuement réfléchie et composée collaborativement par Jérôme Beaulieu, William Côté et Jérémi Roy, musiciens réputés sur la scène musicale québécoise (Daniel Bélanger, Tire le Coyote, les Louanges, Esmérine, Bellflower, etc.).</p>
<p style="text-align: justify;"></p>
<p style="text-align: justify;"><strong>Mélissa Fortin</strong></p>
<p style="text-align: justify;">Issue de sa propre planète quelque part en périphérie de l’univers connu, ainsi que d’Alma au Lac St-Jean, Mélissa Fortin récupère de sa formation de pianiste jazz en se construisant une vie de rock star en même temps qu’un intérêt grandissant pour les synthétiseurs vintage au sein de la bande de Bon Enfant. Dans ses moments de solitude elle crée une musique chamarrée et vivante regorgeant d’harmonies riches et de paysages où se perdre; quelque chose comme la trame sonore d’un voyage enchanté. Elle présente <em>Prismacolore</em>, son premier album instrumental solo réalisé par Emmanuel Ethier.</p>
<p style="text-align: justify;"></p>
<p><em>Ce spectacle est présenté sur le plancher du Zaricot face à la scène et non dessus. Une occasion unique ce vivre une expérience des plus spéciales au Zaricot. </em></p>
<p> </p>
</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/_pXdung-aQQ" 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">
</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-2026/logo-CAJL-02-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-portfolio img-hover d-block mx-auto mb-3" style="max-width: 175px; " />
</a>
</div>
<div class="col-lg-4 col-md-5 col-sm-9 col-12" style="z-index: 9999 !important; ">
<p>Centre des arts Juliette-Lassonde de Saint-Hyacinthe<br />
1705, rue Saint-Antoine<br />
Saint-Hyacinthe (QC)<br />
J2S 9E2</p>
<p>Billetterie : <a href="tel:4507783388" title="Billetterie">450 778-3388</a><br />
Sans frais : <a href="tel:+18557783388" title="Billetterie">1 855 778-3388</a></p>
<p><a href="mailto:info@centredesarts.ca" title="info@centredesarts.ca" target="_blank">info@centredesarts.ca</a></p>
<p><a href="https://www.centredesarts.ca/politique-confidentialite" title="Politique de confidentialit?" class="footer-link">Politique de confidentialité 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 2026</p>
</div>
<div class="col-12 d-sm-none">
<p>Tous droits réservés.<br />
© Centre des arts Juliette-Lassonde de Saint-Hyacinthe 2026</p>
</div>
<div class="col-md-4 col-sm-3 text-right">
<p>Conception : <a href="http://www.eddesign.ca/" title="ed design" target="_blank">ed design</a></p>
</div>
</div>
</footer>
</div>
<!-- /.container-fluid -->
</div>
<!-- Menu modal -->
<style>
.cajl-navbar li {
border-bottom: 1px solid #999999;
}
.cajl-navbar a { color: #000; font-weight: normal; text-decoration: none; }
.cajl-navbar a:visited { color: #000; font-weight: normal; text-decoration: none; }
.cajl-navbar a:hover { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
.cajl-navbar a:focus { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
.cajl-navbar a:active { color: #bb4c9c; font-weight: normal; text-decoration: none; }
.modal .modal-dialog {
width: 100%;
max-width: none;
height: 100%;
margin: 0;
}
.modal-body {
max-height: calc(100vh - 250px);
overflow-y: auto;
}
/* Mobile landscape */
@media (orientation: landscape) {
.modal .modal-dialog {
width: 100%;
max-width: none;
height: 100%;
margin: 0;
}
.modal-body {
max-height: calc(100vh - 50px);
overflow-y: auto;
}
}
</style>
<!-- Menu modal -->
<div class="modal fade" id="menuModal" tabindex="-1" style="z-index: 99999 !important;">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content" style="background-color: #EEE; ">
<div class="modal-body text-center">
<div class="row">
<div class="col-sm-3 d-none d-sm-inline-block" style="padding-left:0px;">
<img src="https://www.centredesarts.ca/images-2026/logo-CAJL-20ans.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid d-block mx-auto img-hover" style="width: 100%; margin-top:-16px;" />
<p> </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/theatre' title='Théâtre' style='padding: 10px 15px; '>Théâtre</a></li>
<li><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' style='padding: 10px 15px; '>Musique</a></li>
<li><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' style='padding: 10px 15px; '>Danse</a></li>
<li><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' style='padding: 10px 15px; '>Cirque</a></li>
<li><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' style='padding: 10px 15px; '>Chanson</a></li>
<li><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' style='padding: 10px 15px; '>Humour</a></li>
<li><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' style='padding: 10px 15px; '>Variétés</a></li>
<li><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Famille' style='padding: 10px 15px; '>Famille</a></li>
<li><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' style='padding: 10px 15px; '>Scolaire</a></li>
<li><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' style='padding: 10px 15px; '>Événements en location</a></li>
<li><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' style='padding: 10px 15px; '>Art de la parole</a></li>
</ul>
</li>
<li><a href="https://www.centredesarts.ca/billetterie" title="billetterie">BILLETTERIE</a></li>
<li><a href="#" id="btn-2" title="Salles et services" data-toggle="collapse" data-target="#submenu2" aria-expanded="false">SALLES ET SERVICES <i class="fa fa-caret-down" arial-hidden="true"></i></a>
<ul class="collapse submenu1Mobile" id="submenu2" role="menu" aria-labelledby="btn-2">
<li><a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins">Salle Desjardins</a></li>
<li><a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret André-H.-Gagnon">Cabaret André-H.-Gagnon</a></li>
<li><a href="https://www.centredesarts.ca/le-zaricot" title="Le Zaricot">Le Zaricot</a></li>
<!-- Le Deuxième -->
<a href="https://www.centredesarts.ca/le-deuxieme" title="Le Deuxième" class="dropdown-item">Le Deuxième</a>
<li><a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite">Planifiez votre visite</a></li>
<li><a href="https://www.centredesarts.ca/location" title="Location">Location</a></li>
<li><a href="https://www.centredesarts.ca/devis-technique" title="Devis technique">Devis technique</a></li>
</ul>
</li>
<li><a href="#" id="btn-3" title="Promotions" data-toggle="collapse" data-target="#submenu3" aria-expanded="false">PROMOTIONS <i class="fa fa-caret-down" arial-hidden="true"></i></a>
<ul class="collapse submenu1Mobile" id="submenu3" role="menu" aria-labelledby="btn-3">
<li><a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours">Offres en cours</a></li>
<li><a href="https://www.centredesarts.ca/carte-privilege" title="Carte privilège de Juliette">Carte privilège de Juliette</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=20260513165135"></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>