<!DOCTYPE html>
<html lang="fr">
<head>

<title>Les EXséparables | 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="Les EXséparables | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta property="og:url" content="https://www.centredesarts.ca/spectacle/humour-les-exseparables" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:title" content="Les EXséparables | Avec Patricia Paquin et Mathieu Gratton" />
    <meta property="og:image" content="https://www.centredesarts.ca/img-activites/les-exseparables-1280x720-MD.jpg" />
    <meta property="og:image:width" content="1280" />
    <meta property="og:image:height" content="720" />
    <meta property="og:description" content="Les EXséparables Patricia Paquin et Mathieu Gratton viennent régler leurs différends sur la scène du Centre des arts Juliette-Lassonde de Saint-Hyacinthe."/>
    <!-- End Facebook tags -->
    <!-- Instagram optimized image -->
    <meta property="og:image:alt" content="Les EXséparables | Avec Patricia Paquin et Mathieu Gratton">

    <!-- Begin Twitter tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:url" content="https://www.centredesarts.ca/spectacle/humour-les-exseparables" />
    <meta name="twitter:title" content="Les EXséparables | Centre des arts Juliette-Lassonde de Saint-Hyacinthe" />
    <meta name="twitter:image" content="https://www.centredesarts.ca/img-activites/les-exseparables-1280x720-MD.jpg" />
    <meta name="twitter:description" content="Les EXséparables Patricia Paquin et Mathieu Gratton viennent régler leurs différends sur la scène du Centre des arts Juliette-Lassonde de Saint-Hyacinthe." />
    <!-- End Twitter tags -->

    <meta name="Description" content="Les EXséparables Patricia Paquin et Mathieu Gratton viennent régler leurs différends sur la scène du Centre des arts Juliette-Lassonde de Saint-Hyacinthe." />
    <meta name="Identifier-URL" content="https://www.centredesarts.ca/spectacle/humour-les-exseparables" />
    <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=1754498339" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-ed.css?v=1754498339" />
    <link rel="stylesheet" href="https://www.centredesarts.ca/css/stylesheet-medias.css?v=1754498339" />

    <!-- Custom Fonts -->
    <!-- <link rel="stylesheet" href="https://www.centredesarts.ca/font-awesome/css/font-awesome.min.css?v=1754498339" /> -->
    <script src="https://kit.fontawesome.com/9b5d6590d8.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/favicon/manifest.json" />

    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
    <meta name="theme-color" content="#ffffff" />
    <style>
        body {
            padding-top: 0;
            font-size: 14px;
            line-height: 20px;
            color: #333;
            font-family: 'Roboto', sans-serif;
        }
        .navbar-search::-webkit-input-placeholder {
            color: #BBB;
        }
        .dropdown-menu {
            padding: 0.5rem 0;
            margin: 0;
        }
        .container {
            min-height: 550px;
            /* padding-right: 0; */
            /* padding-left: 0; */
        }
        .container ul li {
            margin-left: 1.8em;
            list-style-type: square;
        }
        .image-ab img {
            -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
            clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
        }
        .image-c img {
            -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
        }
        .image-programmation img {
            -webkit-clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
            clip-path: polygon(0 7%, 100% 1%, 100% 100%, 0% 100%);
        }
        .box-shadow {
            /* box-shadow: -4px 0 3px -1px #333; */
            box-shadow: -5px 0 5px -4px #000;
        }
        .carousel-item {
            min-height: unset;
        }
        .en-vedette {
            width: 100%;
            height: 100px;
            margin-top:20px;
            background: url('https://www.centredesarts.ca/template/bg_full-vedette.png') no-repeat;
        }
        @media only screen and (min-width: 768px){
            .dropdown:hover .dropdown-menu {
                display: block;
            }
        }
    </style>

    <script>
        (_axcb = window._axcb || []).push(function(sdk) {
            sdk.on('cookies:complete', function(choices){
                document
                    .querySelectorAll('[data-hide-on-vendor-consent]')
                    .forEach(el => {
                        // console.log('test1');
                        const vendor = el.getAttribute('data-hide-on-vendor-consent');
                        el.style.display = choices[vendor] ? 'none' : 'inherit';
                    });
                document
                    .querySelectorAll('[data-requires-vendor-consent]')
                    .forEach(el => {
                        const vendor = el.getAttribute('data-requires-vendor-consent');
                        // console.log('test2');
                        if (choices[vendor]) {
                            // console.log('test3');
                            // Select all elements with the class 'videoCookiePlaceholder'
                            var elements = document.querySelectorAll('.videoCookiePlaceholder');
                            // Loop through the NodeList
                            elements.forEach(function(element) {
                                // Remove the 'display: none;' style
                                element.style.display = 'none';
                            });

                            el.setAttribute('src', el.getAttribute('data-src'));
                        }
                    });
            });
        });
        </script>
</head>
<body>
    <!-- Rest of your HTML -->
    <input type="hidden" name="test" value="test" />

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3VMV5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <div id="wrapper">
        <div class="mobile-hamburger-menu">
    <a href="#" class="btn btn-danger btn-lg back-to-top white" title="Menu - Centre des arts Juliette-Lassonde de Saint-Hyacinthe" data-toggle="modal" data-target="#menuModal">
        <!-- <i class="fa fa-bars" aria-hidden="true"></i> -->
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <rect y="4" width="24" height="2" rx="1"></rect>
            <rect y="11" width="24" height="2" rx="1"></rect>
            <rect y="18" width="24" height="2" rx="1"></rect>
        </svg>
    </a>
</div>
<div class="lg-header"><div class="container-fluid navbar-inverse">
    <div class="row">
        <div class="col-md-12">
            <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2024/logo-CAJL-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
            <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-facebook-f fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-instagram fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa-brands fa-youtube fa-lg" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
                <div class="float-right" style="margin-right: 1em; ">
                    <form name="frmSearch" id="frmSearch" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 28px; ">
                        <div class="input-group">
                            <input type="text" name="txtKeyword" id="txtKeyword" placeholder="Recherche..." class="form-control navbar-search" />
                            <div class="input-group-append">
                                <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                            </div>
                        </div>
                        <input type="submit" style="border: 0; padding: 0; font-size: 0; " />
                    </form>
                </div>
            </div>
            <nav class="navbar navbar-expand-sm" style="margin-top: 30px; padding-left: 5px; ">
                <!-- Links -->
                <ul class="navbar-nav">
                    <li class="nav-item"><a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="nav-link">ACCUEIL</a></li>
                    <!-- Dropdown -->
                    <li class="nav-item dropdown">
                        <a href="https://www.centredesarts.ca/programmation" title="Programmation" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">PROGRAMMATION <b class="caret"></b></a>
                        <div class="dropdown-menu">
                            <a href="https://www.centredesarts.ca/programmation/" title="Programmation compl&egrave;te" class="dropdown-item">Programmation compl&egrave;te</a>
    <a href='https://www.centredesarts.ca/programmation/spectacle-conference' title='Spectacle - conférence' class='dropdown-item'>Spectacle - conférence</a><a href='https://www.centredesarts.ca/programmation/theatre' title='Théâtre' class='dropdown-item'>Théâtre</a><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' class='dropdown-item'>Musique</a><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' class='dropdown-item'>Danse</a><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' class='dropdown-item'>Cirque</a><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' class='dropdown-item'>Chanson</a><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' class='dropdown-item'>Humour</a><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' class='dropdown-item'>Variétés</a><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Jeunesse' class='dropdown-item'>Jeunesse</a><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' class='dropdown-item'>Scolaire</a><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' class='dropdown-item'>Événements en location</a><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' class='dropdown-item'>Art de la parole</a>                        </div>
                    </li>
                    <li class="nav-item"><a href="https://www.centredesarts.ca/billetterie" title="Billetterie" class="nav-link">BILLETTERIE</a></li>
                    <li class="nav-item dropdown">
                        <a href="https://www.centredesarts.ca/salles-et-services" title="Nos Salles et service" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">SALLES ET SERVICES <b class="caret"></b></a>
                        <div class="dropdown-menu">
                            <a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins" class="dropdown-item">Salle Desjardins</a>
                            <a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret Andr&eacute;-H.-Gagnon" class="dropdown-item">Cabaret Andr&eacute;-H.-Gagnon</a>
                            <a href="https://www.centredesarts.ca/le-zaricot" title="Le Zaricot" class="dropdown-item">Le Zaricot</a>
                            <a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite" class="dropdown-item">Planifiez votre visite</a>
                            <a href="https://www.centredesarts.ca/location" title="Location" class="dropdown-item">Location</a>
                            <a href="https://www.centredesarts.ca/devis-technique" title="Devis technique" class="dropdown-item">Devis technique</a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a href="https://www.centredesarts.ca/promotions" title="Promotions" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">PROMOTIONS <b class="caret"></b></a>
                        <div class="dropdown-menu">
                            <a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours" class="dropdown-item">Offres en cours</a>
                            <a href="https://www.centredesarts.ca/carte-privilege" title="Carte privil&egrave;ge de Juliette" class="dropdown-item">Carte privil&egrave;ge de Juliette</a>
                            <a href="https://www.centredesarts.ca/cinq-spectacles-et-plus" title="5 spectacles et +" class="dropdown-item">5 spectacles et +</a>
                            <a href="https://www.centredesarts.ca/forfait-mordu-de-theatre" title="Forfait mordu de th&eacute;&acirc;tre" class="dropdown-item">Forfait mordu de th&eacute;&acirc;tre</a>
                            <a href="https://www.centredesarts.ca/forfait-osez-le-cirque" title="Forfait Osez le cirque" class="dropdown-item">Forfait Osez le cirque</a>
                            <a href="https://www.centredesarts.ca/forfait-sortez-en-famille" title="Forfait Sortez en famille" class="dropdown-item">Forfait Sortez en famille</a>
                            <a href="https://www.centredesarts.ca/etudiant" title="&Eacute;tudiant" class="dropdown-item">&Eacute;tudiant</a>
                            <a href="https://www.centredesarts.ca/enfant" title="Enfant" class="dropdown-item">Enfant</a>
                            <a href="https://www.centredesarts.ca/groupe" title="Groupe" class="dropdown-item">Groupe</a>
                            <a href="https://www.centredesarts.ca/entreprise" title="Entreprise" class="dropdown-item">Entreprise</a>
                            <a href="https://www.centredesarts.ca/partenaires" title="Partenaires" class="dropdown-item">Partenaires</a>
                            <a href="https://www.centredesarts.ca/cheque-cadeau" title="Ch&egrave;que-cadeau" class="dropdown-item">Ch&egrave;que-cadeau</a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a href="https://www.centredesarts.ca/a-propos" title="&Agrave; propos" class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">&Agrave; PROPOS <b class="caret"></b></a>
                        <div class="dropdown-menu">
                            <a href="https://www.centredesarts.ca/nouvelles" title="Nouvelles" class="dropdown-item">Nouvelles</a>
                            <a href="https://www.centredesarts.ca/centre-des-arts-juliette-lassonde-de-saint-hyacinthe" title="Le Centre des arts Juliette-Lassond" class="dropdown-item">Le Centre des arts Juliette-Lassonde</a>
                            <a href="https://www.centredesarts.ca/conseil-administration" title="Conseil d'administration" class="dropdown-item">Conseil d'administration</a>
                            <a href="https://www.centredesarts.ca/equipe" title="&Eacute;quipe" class="dropdown-item">&Eacute;quipe</a>
                            <a href="https://www.centredesarts.ca/carriere" title="Carri&egrave;re" class="dropdown-item">Carri&egrave;re</a>
                            <a href="https://www.centredesarts.ca/distinctions" title="Distinctions" class="dropdown-item">Distinctions</a>
                            <a href="https://www.centredesarts.ca/partenaires-et-commanditaires" title="Partenaires et commanditaires" class="dropdown-item">Partenaires et commanditaires</a>
                        </div>
                    </li>
                    <li class="nav-item"><a href="https://www.centredesarts.ca/nous-joindre" title="Nous joindre" class="nav-link">NOUS JOINDRE</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div></div> <!-- d-none d-xl-block -->
<div class="md-header"><div class="container-fluid navbar-inverse">
    <div class="row">
        <div class="col-md-7">
            <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2024/logo-CAJL-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
            <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br /><a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br /><a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
            </div>
        </div>
        <div class="col-md-5 text-right" style="margin-top: 105px; padding-right: 15px; ">
            <form name="frmSearchMD" id="frmSearchMD" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 30px; ">
                <div class="input-group">
                    <input type="text" name="txtKeywordMD" id="txtKeywordMD" placeholder="Recherche..." class="form-control navbar-search" />
                    <div class="input-group-append">
                        <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                    </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
            </form>
        </div>
    </div>
</div>
</div> <!-- d-none d-md-block d-lg-none -->
<div class="sm-header"><div class="container-fluid navbar-inverse">
    <div class="row">
        <div class="col-sm-11">
            <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2024/logo-CAJL-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
            <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br /><a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br /><a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 header-SM-frmSearch" style="padding-right: 15px; ">
            <form name="frmSearchSM" id="frmSearchSM" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 30px; ">
                <div class="input-group">
                    <input type="text" name="txtKeywordSM" id="txtKeywordSM" placeholder="Recherche..." class="form-control navbar-search" />
                    <div class="input-group-append">
                        <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                    </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
            </form>
        </div>
    </div>
</div>
</div> <!-- d-none d-sm-block d-md-none -->
<div class="xs-header"><div class="container-fluid navbar-inverse">
    <div class="row">
        <div class="col-12">
            <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe"><img src="https://www.centredesarts.ca/images-2024/logo-CAJL-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid img-hover navbar-logo" /></a>
            <div class="navbar-top">
                <p>&nbsp;</p>
                <a href="tel:4507783388" title="Billetterie" class="navbar-top-link">Billetterie : 450 778-3388</a>
                <br /><a href="tel:+18557783388" title="Billetterie" class="navbar-top-link">Sans frais : 1 855 778-3388</a>
                <br /><a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="navbar-top-social-link"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="navbar-top-social-link"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" target="_blank" class="navbar-top-social-link"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="navbar-top-social-link"><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;&nbsp;Infolettre</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12" id="headerSearchXS" style="padding: 10px 15px 30px 15px; ">
            <form name="frmSearchXS" id="frmSearchXS" action="https://www.centredesarts.ca/programmation/recherche" method="POST" style="height: 28px; ">
                <div class="input-group">
                    <input type="text" name="txtKeywordXS" id="txtKeywordXS" placeholder="Recherche..." class="form-control navbar-search" />
                    <div class="input-group-append">
                        <span class="input-group-text" id="btn-search"><i class="fa fa-search"></i></span>
                    </div>
                </div>
                <input type="submit" class="border-0 p-0" style="font-size: 0; " />
            </form>
        </div>
    </div>
</div></div> <!-- d-block d-sm-none -->                <div class="container-fluid" class="px-0">
            <!-- Promo banner -->
            
            <!-- Page Content -->
        <div class="d-none d-sm-block"><div class="m-0 p-0" style="background: #DFE0E1; ">
    <div style="background: url('https://www.centredesarts.ca/template/bg_spectacle-top05.png') no-repeat; ">
        <div class="container">
            <div class="row page-title page-title-spectacle">
                <div class="col-12">
                    <h1>Les EXséparables</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/les-exseparables-1280x720.webp" alt="Les EXséparables" 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" >Humour</span>
                            </div>
                        </div>
    		        </div>
    		        <div class="col-12 spectacle-content-left">
    			        <h3>Avec Patricia Paquin et Mathieu Gratton</h3>
    		        </div>
                                                <div class="col-12 spectacle-content-left distribution"><p>Mise en sc&egrave;ne : Jo&euml;l Legendre<br />&Acirc;ge recommand&eacute; : 16 ans et plus.</p></div>
                                                                    <div class="col-12 spectacle-content-left description">
                                <p style="text-align: justify;">Le duo d&rsquo;ex le plus aim&eacute; du Qu&eacute;bec n&rsquo;ayant pas r&eacute;ussi &agrave; r&eacute;gler leurs diff&eacute;rends devant le m&eacute;diateur, c&rsquo;est donc devant le public qu&eacute;b&eacute;cois qu&rsquo;ils finiront le travail. &Ccedil;a promet!</p>
<p style="text-align: justify;">Pour certaines repr&eacute;sentations, Benjamin Gratton rejoindra ses parents sur sc&egrave;ne pour leur rappeler qu&rsquo;ils ont d&eacute;j&agrave; &eacute;t&eacute; un couple ! Il en profitera pour prendre une d&eacute;cision d&rsquo;adulte : choisir chez lequel des deux il veut vivre les prochaines ann&eacute;es&hellip;</p>                                <p>&nbsp;</p>
                            </div>
                                                        </div>
        	    <div class="col-md-6 margin-top-6">
                &nbsp;                        <div class="col-12"><p>&nbsp;</p></div>
                    
    	        </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid m-0" style="padding: 0 15px; background: url('https://www.centredesarts.ca/template/bg_spectacle-bottom.png') no-repeat; ">
    <div class="row spectacle-wrap">
        <div class="col-lg-4 spectacle-footer-left">
            <div><!--Vous aimerez egalement...Liste des mots cles...--></div>
        </div>
        <div class="col-lg-8 text-justify spectacle-footer-right notes margin-top-5">
        <p>&nbsp;</p><p>Note(s) :</p><p>Une carte &eacute;tudiante valide sera exig&eacute;e lors de l'&eacute;v&eacute;nement pour les d&eacute;tenteurs de billets au tarif &eacute;tudiant.</p>        </div>
    </div>
    <div class="row">
    	<div class="col-12 p-0 margin-top-5">
                	</div>
    </div>
</div></div>
<div class="d-block d-sm-none"><div class="m-0 p-0" style="background: #DFE0E1; ">
    <div style="background: url('https://www.centredesarts.ca/template/bg_spectacle-top05.png') no-repeat; ">
        <div class="container">
            <div class="row page-title page-title-spectacle">
                <div class="col-12">
                    <h1>Les EXséparables</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/les-exseparables-1280x720.webp" alt="Les EXséparables" 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" >Humour</span>
                            </div>
                        </div>
    		        </div>
                </div>
                <div class="col-md-6 margin-top-6">
                                        <p>&nbsp;</p>
    		        <div class="col-12 spectacle-content-left">
    			        <h3>Avec Patricia Paquin et Mathieu Gratton</h3>
    		        </div>
                                        <div class="col-12 spectacle-content-left distribution"><p>Mise en sc&egrave;ne : Jo&euml;l Legendre<br />&Acirc;ge recommand&eacute; : 16 ans et plus.</p></div>
                                        <div class="col-12 spectacle-content-left description">
                            <p style="text-align: justify;">Le duo d&rsquo;ex le plus aim&eacute; du Qu&eacute;bec n&rsquo;ayant pas r&eacute;ussi &agrave; r&eacute;gler leurs diff&eacute;rends devant le m&eacute;diateur, c&rsquo;est donc devant le public qu&eacute;b&eacute;cois qu&rsquo;ils finiront le travail. &Ccedil;a promet!</p>
<p style="text-align: justify;">Pour certaines repr&eacute;sentations, Benjamin Gratton rejoindra ses parents sur sc&egrave;ne pour leur rappeler qu&rsquo;ils ont d&eacute;j&agrave; &eacute;t&eacute; un couple ! Il en profitera pour prendre une d&eacute;cision d&rsquo;adulte : choisir chez lequel des deux il veut vivre les prochaines ann&eacute;es&hellip;</p>                            <p>&nbsp;</p>
                        </div>
                                    <div class="col-12"><div class="divider">&nbsp;</div></div>
                &nbsp;                    <div class="col-12"><p>&nbsp;</p></div>
                                
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid m-0" style="padding: 0 15px; background: url('https://www.centredesarts.ca/template/bg_spectacle-bottom.png') no-repeat; ">
    <div class="row spectacle-wrap">
        <div class="col-lg-4 spectacle-footer-left">
            <div><!--Vous aimerez egalement...Liste des mots cles...--></div>
        </div>
        <div class="col-lg-8 text-justify spectacle-footer-right notes margin-top-5">
<p>&nbsp;</p><p>Note(s) :</p><p>Une carte &eacute;tudiante valide sera exig&eacute;e lors de l'&eacute;v&eacute;nement pour les d&eacute;tenteurs de billets au tarif &eacute;tudiant.</p>        </div>
    </div>
    <div class="row">
        <div class="col-12 p-0 margin-top-5">
                	</div>
    </div>
</div></div>
        </div>
        <!-- /.container -->
        <!-- Footer Content -->
        <div class="container-fluid footer clip-footer pt-5">
            <footer>
    <div class="row">
        <div class="col-md-2 col-sm-3 col-4">
            <a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe">
                <img src="https://www.centredesarts.ca/images-2024/logo-CAJL-02-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-portfolio img-hover d-block mx-auto mb-3" style="max-width: 175px; " />
            </a>
        </div>
            <div class="col-lg-4 col-md-5 col-sm-9 col-12" style="z-index: 9999 !important; ">
            <p>Centre des arts Juliette-Lassonde de Saint-Hyacinthe<br />1705, rue Saint-Antoine<br />Saint-Hyacinthe (QC)<br />J2S 9E2</p>
            <p>Billetterie : <a href="tel:4507783388" title="Billetterie">450 778-3388</a><br />Sans frais : <a href="tel:+18557783388" title="Billetterie">1 855 778-3388</a></p>
            <p><a href="mailto:info@centredesarts.ca" title="info@centredesarts.ca" target="_blank">info@centredesarts.ca</a></p>
            <p><a href="https://www.centredesarts.ca/politique-confidentialite" title="Politique de confidentialit?" class="footer-link">Politique de confidentialit&eacute; et de protection de la vie priv&eacute;e</a></p>
            <p>&nbsp;</p>
        </div>
        <div class="d-md-none d-sm-block col-sm-3 d-none">&nbsp;</div>
        <div class="col-lg-4 col-md-4 col-sm-9 col-12" style="z-index: 9999 !important; ">
            <p>Horaire de la billetterie :</p>
            <div class="row">
<div class="col-12">
<p>Du mardi au samedi de 12h &agrave; 17h</p>
<p>Deux heures avant chacun des spectacles</p>
</div>
</div>            <p>&nbsp;</p>
            <a href="https://www.facebook.com/Centredesarts" title="Facebook" target="_blank" class="footer-link"><i class="fa-brands fa-facebook-f fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
            <a href="https://www.instagram.com/centredesartsjuliettelassonde/" title="Instagram" target="_blank" class="footer-link"><i class="fa-brands fa-instagram fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
            <a href="https://www.youtube.com/channel/UCgfuqe3XdtCyxz-pxf5UO7A" title="Youtube" class="footer-link"><i class="fa-brands fa-youtube fa-lg" aria-hidden="true"></i></a>&nbsp;&nbsp;&nbsp;
            <a href="https://www.centredesarts.ca/abonnement-infolettre" title="Abonnement &agrave; l'Infolettre" class="footer-link"><i class="fa-regular fa-envelope fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;<span class="text-dark">Infolettre</span></a>
            <p>&nbsp;</p>
        </div>
        <div class="col-sm-1 d-none d-sm-block">&nbsp;</div>
    </div>
    <div class="row footer-footer">
        <div class="col-md-8 col-sm-9 d-sm-block d-none">
            <p>Tous droits r&eacute;serv&eacute;s. &copy; Centre des arts Juliette-Lassonde de Saint-Hyacinthe&nbsp;2025</p>
        </div>
        <div class="col-12 d-sm-none">
            <p>Tous droits r&eacute;serv&eacute;s.<br />&copy; Centre des arts Juliette-Lassonde de Saint-Hyacinthe&nbsp;2025</p>
        </div>
        <div class="col-md-4 col-sm-3 text-right">
            <p>Conception : <a href="http://www.eddesign.ca/" title="ed design" target="_blank">ed design</a></p>
        </div>
    </div>
</footer>
        </div>
        <!-- /.container-fluid -->
    </div>

    <!-- Menu modal -->
    <style>
    .cajl-navbar li {
        border-bottom: 1px solid #999999;
    }
    .cajl-navbar a { color: #000; font-weight: normal; text-decoration: none; }
    .cajl-navbar a:visited { color: #000; font-weight: normal; text-decoration: none; }
    .cajl-navbar a:hover { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
    .cajl-navbar a:focus { color: #bb4c9c; font-weight: normal; text-decoration: none; outline: none; }
    .cajl-navbar a:active { color: #bb4c9c; font-weight: normal; text-decoration: none; }
    .modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-body {
        max-height: calc(100vh - 250px);
        overflow-y: auto;
    }
    /* Mobile landscape */
    @media (orientation: landscape) {
        .modal .modal-dialog {
            width: 100%;
            max-width: none;
            height: 100%;
            margin: 0;
        }
        .modal-body {
            max-height: calc(100vh - 50px);
            overflow-y: auto;
        }
    }
</style>
<!-- Menu modal -->
<div class="modal fade" id="menuModal" tabindex="-1" style="z-index: 99999 !important;">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content" style="background-color: #EEE; ">
            <div class="modal-body text-center">
                <div class="row">
                    <div class="col-sm-3 d-none d-sm-inline-block" style="padding-left:0px;">
                        <img src="https://www.centredesarts.ca/images-2024/logo-CAJL-2024.png" alt="Centre des arts Juliette-Lassonde de Saint-Hyacinthe" class="img-fluid d-block mx-auto img-hover" style="width: 100%; margin-top:-16px;" />
                        <p>&nbsp;</p>
                        <!--<button type="button" class="btn btn-danger btn-block" data-dismiss="modal">Fermer</button>-->
                    </div>
                    <div class="col-sm-9">
                        <nav style="background: #EEE; ">
                            <ul class="cajl-navbar">
                                <li><a href="https://www.centredesarts.ca/" title="Centre des arts Juliette-Lassonde de Saint-Hyacinthe">ACCUEIL</a></li>
                                <li><a href="#" id="btn-1" title="Programmation" data-toggle="collapse" data-target="#submenu1" aria-expanded="false">PROGRAMMATION <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                                    <ul class="collapse submenu1Mobile" id="submenu1" role="menu" aria-labelledby="btn-1">
                                        <li><a href="https://www.centredesarts.ca/programmation/" title="">Programmation compl&eacute;te</a></li>
    <li><a href='https://www.centredesarts.ca/programmation/spectacle-conference' title='Spectacle - conférence' style='padding: 10px 15px; '>Spectacle - conférence</a></li><li><a href='https://www.centredesarts.ca/programmation/theatre' title='Théâtre' style='padding: 10px 15px; '>Théâtre</a></li><li><a href='https://www.centredesarts.ca/programmation/musique' title='Musique' style='padding: 10px 15px; '>Musique</a></li><li><a href='https://www.centredesarts.ca/programmation/danse' title='Danse' style='padding: 10px 15px; '>Danse</a></li><li><a href='https://www.centredesarts.ca/programmation/cirque' title='Cirque' style='padding: 10px 15px; '>Cirque</a></li><li><a href='https://www.centredesarts.ca/programmation/chanson' title='Chanson' style='padding: 10px 15px; '>Chanson</a></li><li><a href='https://www.centredesarts.ca/programmation/humour-varietes' title='Humour' style='padding: 10px 15px; '>Humour</a></li><li><a href='https://www.centredesarts.ca/programmation/varietes' title='Variétés' style='padding: 10px 15px; '>Variétés</a></li><li><a href='https://www.centredesarts.ca/programmation/jeunesse-famille' title='Jeunesse' style='padding: 10px 15px; '>Jeunesse</a></li><li><a href='https://www.centredesarts.ca/programmation/jeunesse-scolaire' title='Scolaire' style='padding: 10px 15px; '>Scolaire</a></li><li><a href='https://www.centredesarts.ca/programmation/locations' title='Événements en location' style='padding: 10px 15px; '>Événements en location</a></li><li><a href='https://www.centredesarts.ca/programmation/conte' title='Art de la parole' style='padding: 10px 15px; '>Art de la parole</a></li>                                    </ul>
                                </li>
                                <li><a href="https://www.centredesarts.ca/billetterie" title="billetterie">BILLETTERIE</a></li>
                                <li><a href="#" id="btn-2" title="Salles et services" data-toggle="collapse" data-target="#submenu2" aria-expanded="false">SALLES ET SERVICES <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                                    <ul class="collapse submenu1Mobile" id="submenu2" role="menu" aria-labelledby="btn-2">
                                        <li><a href="https://www.centredesarts.ca/salle-desjardins" title="Salle Desjardins">Salle Desjardins</a></li>
                                        <li><a href="https://www.centredesarts.ca/cabaret-andre-h-gagnon" title="Cabaret Andr&eacute;-H.-Gagnon">Cabaret Andr&eacute;-H.-Gagnon</a></li>
                                        <li><a href="https://www.centredesarts.ca/le-zaricot" title="Le Zaricot">Le Zaricot</a></li>
                                        <li><a href="https://www.centredesarts.ca/planifiez-votre-visite" title="Planifiez votre visite">Planifiez votre visite</a></li>
                                        <li><a href="https://www.centredesarts.ca/location" title="Location">Location</a></li>
                                        <li><a href="https://www.centredesarts.ca/devis-technique" title="Devis technique">Devis technique</a></li>
                                    </ul>
                                </li>
                                <li><a href="#" id="btn-3" title="Promotions" data-toggle="collapse" data-target="#submenu3" aria-expanded="false">PROMOTIONS <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                                    <ul class="collapse submenu1Mobile" id="submenu3" role="menu" aria-labelledby="btn-3">
                                        <li><a href="https://www.centredesarts.ca/offres-en-cours" title="Offres en cours">Offres en cours</a></li>
                                        <li><a href="https://www.centredesarts.ca/carte-privilege" title="Carte privil&egrave;ge de Juliette">Carte privil&egrave;ge de Juliette</a></li>
                                        <li><a href="https://www.centredesarts.ca/cinq-spectacles-et-plus" title="5 spectacles et +">5 spectacles et +</a></li>
                                        <li><a href="https://www.centredesarts.ca/forfait-mordu-de-theatre" title="Forfait mordu de th&eacute;&acirc;tre" class="dropdown-item">Forfait mordu de th&eacute;&acirc;tre</a></li>
                                        <li><a href="https://www.centredesarts.ca/forfait-sortez-en-famille" title="Forfait Sortez en famille" class="dropdown-item">Forfait Sortez en famille</a></li>
                                        <li><a href="https://www.centredesarts.ca/forfait-osez-le-cirque" title="Forfait Osez le cirque" class="dropdown-item">Forfait Osez le cirque</a></li>
                                        <li><a href="https://www.centredesarts.ca/etudiant" title="&Eacute;tudiant">&Eacute;tudiant</a></li>
                                        <li><a href="https://www.centredesarts.ca/enfant" title="Enfant">Enfant</a></li>
                                        <li><a href="https://www.centredesarts.ca/groupe" title="Groupe">Groupe</a></li>
                                        <li><a href="https://www.centredesarts.ca/entreprise" title="Entreprise">Entreprise</a></li>
                                        <li><a href="https://www.centredesarts.ca/partenaires" title="Partenaires">Partenaires</a></li>
                                        <li><a href="https://www.centredesarts.ca/cheque-cadeau" title="Ch&egrave;que-cadeau">Ch&egrave;que-cadeau</a></li>
                                    </ul>
                                </li>
                                <li><a href="#" id="btn-4" title="&Agrave; propos" data-toggle="collapse" data-target="#submenu4" aria-expanded="false">&Agrave; PROPOS <i class="fa fa-caret-down" arial-hidden="true"></i></a>
                                    <ul class="collapse submenu1Mobile" id="submenu4" role="menu" aria-labelledby="btn-4">
                                        <li><a href="https://www.centredesarts.ca/nouvelles" title="Nouvelles">Nouvelles</a></li>
                                        <li><a href="https://www.centredesarts.ca/centre-des-arts-juliette-lassonde-de-saint-hyacinthe" title="Le Centre des arts Juliette-Lassond">Le Centre des arts Juliette-Lassonde</a></li>
                                        <li><a href="https://www.centredesarts.ca/conseil-administration" title="Conseil d'administration">Conseil d'administration</a></li>
                                        <li><a href="https://www.centredesarts.ca/equipe" title="&Eacute;quipe">&Eacute;quipe</a></li>
                                        <li><a href="https://www.centredesarts.ca/carriere" title="Carri&egrave;re">Carri&egrave;re</a></li>
                                        <li><a href="https://www.centredesarts.ca/distinctions" title="Distinctions">Distinctions</a></li>
                                        <li><a href="https://www.centredesarts.ca/partenaires-et-commanditaires" title="Partenaires et commanditaires">Partenaires et commanditaires</a></li>
                                    </ul>
                                </li>
                                <li><a href="https://www.centredesarts.ca/nous-joindre" title="Nous Joindre">NOUS JOINDRE</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Menu modal -->    <!-- Menu modal -->

    <!-- Bootstrap core JavaScript -->
    <script src="https://www.centredesarts.ca/vendor/jquery/jquery.min.js"></script>
    <script src="https://www.centredesarts.ca/vendor/bootstrap/js/bootstrap.bundle.js?v=20250806123859"></script>
    <script src="https://www.centredesarts.ca/js/jquery-ui.min.js"></script>

    <!-- Toastr JavaScript -->
    <script src="https://www.centredesarts.ca/js/toastr.min.js"></script>
    <!-- jQuery Add-on -->
    <script src="https://www.centredesarts.ca/js/jqBootstrapValidationFR.js"></script>
    <script>
        $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
    </script>
    <script>
        // Menu open on mouse over
        $('.dropdown-toggle').click(function(e){
            if ($(document).width() > 768){
                e.preventDefault();
                var url = $(this).attr('href');
                if (url !== '#') {
                    window.location.href = url;
                }
            }
        });
        // Thousand separator
        function commaSeparatedNumber(x) {
            var parts = x.toString().split(".");
            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            return parts.join(".");
        }
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip(); 
        });
        $(document).ready(function(){
            $(".filter-button").click(function(){
                var value = $(this).attr('data-filter');
                if(value == "all"){
                    //$('.filter').removeClass('hidden');
                    $('.filter').show('1000');
                } else {
        //          $('.filter[filter-item="'+value+'"]').removeClass('hidden');
        //          $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
                    $(".filter").not('.'+value).hide('3000');
                    $('.filter').filter('.'+value).show('3000');
                }
            });
        });
        $(document).on('click', '#btn-search', function(){
            $(this).parents("form").submit()
        })
        $(document).on('change', '#selCategory', function(){
            var id = this.value
            $.ajax({
                url: 'https://www.centredesarts.ca/ajax-categories-link.php',
                type: 'post',
                data: { id: id },
                success: function(data){
                    window.location.href = 'https://www.centredesarts.ca/programmation/'+data
                }
            })
        })
        $(document).on('change', '#selSerie', function(){
            var id = this.value
            $.ajax({
                url: 'https://www.centredesarts.ca/ajax-series-link.php',
                type: 'post',
                data: { id: id },
                success: function(data){
                    window.location.href = 'https://www.centredesarts.ca/serie/'+data
                }
            })
        })
        // Location Form Script ****************************************************
        $(".datepicker").datepicker({
            monthNames: ['Janvier', 'F&eacute;vrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Ao&ucirc;t', 'Septembre', 'Octobre', 'Novembre', 'D&eacute;cembre'], 
            dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'], 
            dateFormat: 'yy-mm-dd'
        })
        $('.ConfirmationWrap').css('display', 'none')
        var typePrice = 0
        var locationPrice = 0
        var configurationPrice = 0
        var durationPrice = 0
        var total = 0
        $(document).ready(function(){
            $(".filter-button").on("click", function(){
                let value = $(this).attr("data-filter");
                if(value == "all"){
                    $(".filter").show("1000");
                } else {
                    $(".filter").not("." + value).hide("3000");
                    $(".filter").filter("." + value).show("3000");
                }
            });
        });

        $(document).on('change', '.txtType', function(){
            var type = $(this).attr('data-type')
            var amount = $(this).attr('data-amount')
            $('.radioLocationWrap').css('display', 'none')
            $('.radioConfigurationWrap').css('display', 'none')
            $('.radioDurationWrap').css('display', 'none')
            $('.ConfirmationWrap').css('display', 'none')
            $('.txtLocation').prop('checked', false)
            $('#location' + type).css('display', 'block')

            typePrice = amount
            locationPrice = 0
            configurationPrice = 0
            durationPrice = 0
            total = 0
            total = Number(typePrice).toFixed(2)

            $('#txtTotal').val(total)
            $('#txtTotalDisplay').html(total)
        })

        $(document).on('change', '.txtLocation', function(){
            var location = $(this).attr('data-location')
            var amount = $(this).attr('data-amount')
            $('.radioConfigurationWrap').css('display', 'none')
            $('.radioDurationWrap').css('display', 'none')
            $('.ConfirmationWrap').css('display', 'none')
            $('.txtConfiguration').prop('checked', false)
            $('#configuration' + location).css('display', 'block')

            locationPrice = amount
            configurationPrice = 0
            durationPrice = 0
            total = Number(typePrice)
            total = Number(+total + +locationPrice).toFixed(2)

            $('#txtTotal').val(total)
            $('#txtTotalDisplay').html(total)
        })

        $(document).on('change', '.txtConfiguration', function(){
            var configuration = $(this).attr('data-configuration')
            var amount = $(this).attr('data-amount')
            $('.radioDurationWrap').css('display', 'none')
            $('.ConfirmationWrap').css('display', 'none')
            $('.txtDuration').prop('checked', false)
            $('#duration' + configuration).css('display', 'block')
            configurationPrice = amount
            durationPrice = 0
            total = Number(+typePrice + +locationPrice)
            total = Number(+total + +configurationPrice).toFixed(2)
            $('#txtTotal').val(total)
            $('#txtTotalDisplay').html(total)
        })

        $(document).on('change', '.txtDuration', function(){
            var duration = $(this).attr('data-duration')
            var amount = $(this).attr('data-amount')
            $('#confirmation' + duration).css('display', 'block')
            durationPrice = amount
            total = Number(+typePrice + +locationPrice + +configurationPrice)
            total = Number(+total + +durationPrice).toFixed(2)
            $('#txtTotal').val(total)
            $('#txtTotalDisplay').html(total)
        })

        $(document).on('click', '#btnNext', function(){
            $('#step-1').attr('hidden', 'hidden')
            $('#step-2').removeAttr('hidden')
        })

        $(document).on('click', '#btnPrevious', function(){
            $('#step-2').attr('hidden', 'hidden')
            $('#step-1').removeAttr('hidden')
        })
        $(document).on('click', '.requestVideoConsent', function() {
            var reqConsent = $(this).data('ref');

            // window._axcb = window._axcb || [];
            window._axcb.push(function(sdk){
                // sdk.requestConsent(reqConsent);
                sdk.openCookies('onComplete');
            });
        }) ;
        // Location Form Script ****************************************************
    </script>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3VMV5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
</body>
</html>
