Uri: https%3A%2F%2Fwww.centredesarts.ca%2Fspectacle%2Fmatt-lang
Page name: POST call https://www.centredesarts.ca/spectacle/matt-lang
Edit | BackDate Scraped: 2026-04-23 06:08:42 -0400
Last Successful Refresh: 2026-04-23 06:08:42 -0400
Created: 2024-04-25 02:15:11 -0400
Updated: 2026-04-23 06:08:42 -0400
HTTP Response Code: 200
Html:
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Matt Lang | 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="Matt Lang | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta property="og:url" content="https://www.centredesarts.ca/spectacle/matt-lang" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:title" content="Matt Lang | Ain't That Bad" />
<meta property="og:image" content="https://www.centredesarts.ca/img-activites/photo-non-disponible-MD.jpg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:description" content="Venez vivre Ain’t That Bad avec Matt Lang et plongez dans une soirée country-rock aussi explosive qu’inoubliable."/>
<!-- End Facebook tags -->
<!-- Instagram optimized image -->
<meta property="og:image:alt" content="Matt Lang | Ain't That Bad">
<!-- Begin Twitter tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/matt-lang" />
<meta name="twitter:title" content="Matt Lang | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
<meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/photo-non-disponible-MD.jpg" />
<meta name="twitter:description" content="Venez vivre Ain’t That Bad avec Matt Lang et plongez dans une soirée country-rock aussi explosive qu’inoubliable." />
<!-- End Twitter tags -->
<meta name="Description" content="Venez vivre Ain’t That Bad avec Matt Lang et plongez dans une soirée country-rock aussi explosive qu’inoubliable." />
<meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/matt-lang" />
<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=1776938922" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1776938922" />
<link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1776938922" />
<!-- Custom Fonts -->
<!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1776938922" /> -->
<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/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>
<!-- 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>Matt Lang</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/photo-non-disponible.jpg" alt="Matt Lang" class="img-fluid img-portfolio mx-0 mt-0" style="margin-bottom: 10px;" />
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<span class="discipline float-right" >Chanson</span>
</div>
</div>
</div>
<div class="col-12 spectacle-content-left">
<h3>Ain't That Bad</h3>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;">Matt Lang débarque en ville avec sa nouvelle tournée <em>Ain’t That Bad</em> ! Figure incontournable de la musique country au Canada, Matt et ses musiciens nous entraînent dans un spectacle honky-tonk déjanté et spectaculaire, où son 4e album prend vie dans une mise en scène immersive et inédite. Inspiré par l’énergie débridée du film <em>The Hangover,</em> cet album-concept de 10 titres raconte une nuit complètement imprévisible et légendaire, du premier shooter jusqu’au chaos du lendemain matin.</p>
<p style="text-align: justify;">Sur scène, Lang fusionne country et rock avec énergie, en interprétant les pièces de son nouvel album ainsi que ses meilleurs succès. Les fans découvriront un spectacle cinématographique et spectaculaire, avec effets visuels et pyrotechnie qui offrent une expérience scénique unique. Avec <em>Ain’t That Bad</em>, Matt Lang nous rappelle que parfois, les meilleures soirées sont celles qu’on n’avait pas prévues, celles dont on ne se souvient pas parfaitement… mais qu’on ne veut jamais oublier.</p>
<p> </p>
</div>
<div class="col-12">
<span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
<a href="https://mattlangmusic.com/fr/" 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/1IawXL_rL_g" 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>
<p>Ce spectacle est soutenu par la <em>Mesure particulière à la diffusion de spectacles québécois</em>.</p>
<p><img src="../documents/quebw3.gif" alt="" /></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>Matt Lang</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/photo-non-disponible.jpg" alt="Matt Lang" class="img-fluid img-portfolio mx-0 mt-0" style="margin-bottom: 10px; " />
</div>
<div class="col-md-6">
<div class="col-12 clip-image-artist">
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<span class="discipline float-right" >Chanson</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 margin-top-6">
<p> </p>
<div class="col-12 spectacle-content-left">
<h3>Ain't That Bad</h3>
</div>
<div class="col-12 spectacle-content-left description">
<p style="text-align: justify;">Matt Lang débarque en ville avec sa nouvelle tournée <em>Ain’t That Bad</em> ! Figure incontournable de la musique country au Canada, Matt et ses musiciens nous entraînent dans un spectacle honky-tonk déjanté et spectaculaire, où son 4e album prend vie dans une mise en scène immersive et inédite. Inspiré par l’énergie débridée du film <em>The Hangover,</em> cet album-concept de 10 titres raconte une nuit complètement imprévisible et légendaire, du premier shooter jusqu’au chaos du lendemain matin.</p>
<p style="text-align: justify;">Sur scène, Lang fusionne country et rock avec énergie, en interprétant les pièces de son nouvel album ainsi que ses meilleurs succès. Les fans découvriront un spectacle cinématographique et spectaculaire, avec effets visuels et pyrotechnie qui offrent une expérience scénique unique. Avec <em>Ain’t That Bad</em>, Matt Lang nous rappelle que parfois, les meilleures soirées sont celles qu’on n’avait pas prévues, celles dont on ne se souvient pas parfaitement… mais qu’on ne veut jamais oublier.</p>
<p> </p>
</div>
<div class="col-12">
<span class="tag" style="margin: 0 1%; color: #000; background: #999; ">
<a href="https://mattlangmusic.com/fr/" 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/1IawXL_rL_g" 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>
<p>Ce spectacle est soutenu par la <em>Mesure particulière à la diffusion de spectacles québécois</em>.</p>
<p><img src="../documents/quebw3.gif" alt="" /></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-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/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>
<!-- 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=20260423060842"></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>