<!DOCTYPE html><html lang="fr" class="lenis lenis-smooth no-touch" data-scroll-orientation="vertical" style="--vh: 1280px; --vh-runtime: 1280px;"><head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/png" href="/images/favicon.png">
        
        <!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
        <link rel="preload" as="style" href="https://www.artsdrummondville.com/build/assets/site-03ad4658.css"><link rel="modulepreload" href="https://www.artsdrummondville.com/build/assets/site-b07ded8f.js"><link rel="stylesheet" href="https://www.artsdrummondville.com/build/assets/site-03ad4658.css" data-navigate-track="reload"><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-6X4XY4QN9H&amp;cx=c&amp;_slc=1"></script><script async="" src="https://graph.culturecreates.com/footlight/v2/event-markup?url=https://www.artsdrummondville.com/representation/260108-marc-dupre-nouveau-spectacle"></script><script type="text/javascript" async="" src="https://cdn-cookieyes.com/client_data/70342970badcc53bdfe3348f/script.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script src="https://connect.facebook.net/signals/config/491858004344924?v=2.9.248&amp;r=stable&amp;domain=www.artsdrummondville.com&amp;hme=17590b9a2e1b26755cdc9ecb401f9f46bca979d3ccce95d786db0936167af731&amp;ex_m=94%2C156%2C134%2C20%2C67%2C68%2C127%2C63%2C43%2C128%2C72%2C62%2C10%2C141%2C80%2C15%2C93%2C28%2C122%2C115%2C70%2C73%2C121%2C138%2C102%2C143%2C7%2C3%2C4%2C6%2C5%2C2%2C81%2C91%2C144%2C224%2C167%2C57%2C226%2C227%2C50%2C183%2C27%2C69%2C232%2C231%2C170%2C30%2C56%2C9%2C59%2C87%2C88%2C89%2C95%2C118%2C29%2C26%2C120%2C117%2C116%2C135%2C71%2C137%2C136%2C45%2C55%2C111%2C14%2C140%2C40%2C213%2C215%2C177%2C23%2C24%2C25%2C17%2C18%2C39%2C35%2C37%2C36%2C76%2C82%2C86%2C100%2C126%2C129%2C41%2C101%2C21%2C19%2C107%2C64%2C33%2C131%2C130%2C132%2C123%2C22%2C32%2C54%2C99%2C139%2C65%2C16%2C133%2C104%2C31%2C193%2C163%2C284%2C211%2C154%2C196%2C189%2C164%2C97%2C119%2C75%2C109%2C49%2C44%2C103%2C42%2C108%2C114%2C53%2C60%2C113%2C48%2C51%2C47%2C90%2C142%2C0%2C112%2C13%2C110%2C11%2C1%2C52%2C83%2C58%2C61%2C106%2C79%2C78%2C145%2C146%2C84%2C85%2C8%2C92%2C46%2C124%2C77%2C74%2C66%2C105%2C96%2C38%2C125%2C34%2C98%2C12%2C147" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-M79QST"></script><script type="module" src="https://www.artsdrummondville.com/build/assets/site-b07ded8f.js" data-navigate-track="reload"></script>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-player/2.0.12/lottie-player.js" integrity="sha512-2nOSQ1o1ohJgCDWTrSe2tFG4CU8hurCGROpUKoopgPHT2mUWy1mgLed21mf2le8n9gZ2c3ujOHuiXlivAnYvTQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://cdn.jsdelivr.net/npm/@lottiefiles/lottie-interactivity@1.6.2/dist/lottie-interactivity.min.js"></script>
        <title> | Maison des arts Desjardins Drummondville</title>
<link rel="canonical" href="https://www.artsdrummondville.com/representation/260108-marc-dupre-nouveau-spectacle">
<meta name="description" content="">
<meta name="robots" content="">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://www.artsdrummondville.com/representation/260108-marc-dupre-nouveau-spectacle">
<meta property="og:type" content="website">
<meta property="og:title" content=" | Maison des arts Desjardins Drummondville">
<meta property="og:description" content="">
<meta property="og:image" content="https://www.artsdrummondville.com/assets/madd_sharefb.webp">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:domain" content="https://www.artsdrummondville.com">
<meta property="twitter:url" content="https://www.artsdrummondville.com/representation/260108-marc-dupre-nouveau-spectacle">
<meta name="twitter:title" content=" | Maison des arts Desjardins Drummondville">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="https://www.artsdrummondville.com/assets/madd_sharefb.webp">


        

        
            <!-- 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-M79QST');</script>
            <!-- End Google Tag Manager -->
        

    <style>/* Make clicks pass-through */

    #nprogress {
      pointer-events: none;
    }

    #nprogress .bar {
      background: var(--livewire-progress-bar-color, #29d);

      position: fixed;
      z-index: 1031;
      top: 0;
      left: 0;

      width: 100%;
      height: 2px;
    }

    /* Fancy blur effect */
    #nprogress .peg {
      display: block;
      position: absolute;
      right: 0px;
      width: 100px;
      height: 100%;
      box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
      opacity: 1.0;

      -webkit-transform: rotate(3deg) translate(0px, -4px);
          -ms-transform: rotate(3deg) translate(0px, -4px);
              transform: rotate(3deg) translate(0px, -4px);
    }

    /* Remove these to get rid of the spinner */
    #nprogress .spinner {
      display: block;
      position: fixed;
      z-index: 1031;
      top: 15px;
      right: 15px;
    }

    #nprogress .spinner-icon {
      width: 18px;
      height: 18px;
      box-sizing: border-box;

      border: solid 2px transparent;
      border-top-color: var(--livewire-progress-bar-color, #29d);
      border-left-color: var(--livewire-progress-bar-color, #29d);
      border-radius: 50%;

      -webkit-animation: nprogress-spinner 400ms linear infinite;
              animation: nprogress-spinner 400ms linear infinite;
    }

    .nprogress-custom-parent {
      overflow: hidden;
      position: relative;
    }

    .nprogress-custom-parent #nprogress .spinner,
    .nprogress-custom-parent #nprogress .bar {
      position: absolute;
    }

    @-webkit-keyframes nprogress-spinner {
      0%   { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes nprogress-spinner {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    </style><script src="https://cdn-cookieyes.com/client_data/70342970badcc53bdfe3348f/banner.js" async="" id="cookieyes-banner"></script><style id="cky-style">.cky-overlay{background:#000;opacity:.4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999}.cky-hide{display:none}.cky-btn-revisit-wrapper{display:flex;align-items:center;justify-content:center;background:#0056a7;width:45px;height:45px;border-radius:50%;position:fixed;z-index:999999;cursor:pointer}.cky-revisit-bottom-left{bottom:15px;left:15px}.cky-revisit-bottom-right{bottom:15px;right:15px}.cky-btn-revisit-wrapper .cky-btn-revisit{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;position:relative;margin:0;padding:0}.cky-btn-revisit-wrapper .cky-btn-revisit img{max-width:fit-content;margin:0;height:30px;width:30px}.cky-revisit-bottom-left:hover::before{content:attr(data-tooltip);position:absolute;background:#4e4b66;color:#fff;left:calc(100% + 7px);font-size:12px;line-height:16px;width:max-content;padding:4px 8px;border-radius:4px}.cky-revisit-bottom-left:hover::after{position:absolute;content:"";border:5px solid #fff0;left:calc(100% + 2px);border-left-width:0;border-right-color:#4e4b66}.cky-revisit-bottom-right:hover::before{content:attr(data-tooltip);position:absolute;background:#4e4b66;color:#fff;right:calc(100% + 7px);font-size:12px;line-height:16px;width:max-content;padding:4px 8px;border-radius:4px}.cky-revisit-bottom-right:hover::after{position:absolute;content:"";border:5px solid #fff0;right:calc(100% + 2px);border-right-width:0;border-left-color:#4e4b66}.cky-revisit-hide{display:none}.cky-consent-container{position:fixed;width:440px;box-sizing:border-box;z-index:9999999;border-radius:6px}.cky-consent-container .cky-consent-bar{background:#fff;border:1px solid;padding:20px 26px;box-shadow:0 -1px 10px 0 #acabab4d;border-radius:6px}.cky-box-bottom-left{bottom:40px;left:40px}.cky-box-bottom-right{bottom:40px;right:40px}.cky-box-top-left{top:40px;left:40px}.cky-box-top-right{top:40px;right:40px}.cky-custom-brand-logo-wrapper .cky-custom-brand-logo{width:100px;height:auto;margin:0 0 12px 0}.cky-notice .cky-title{color:#212121;font-weight:700;font-size:18px;line-height:24px;margin:0 0 12px 0;word-break:break-word}.cky-notice-des *,.cky-preference-content-wrapper *,.cky-dma-content-wrapper *,.cky-accordion-header-des *,.cky-gpc-wrapper .cky-gpc-desc *{font-size:14px}.cky-notice-des{color:#212121;font-size:14px;line-height:24px;font-weight:400}.cky-notice-des img{min-height:25px;min-width:25px}.cky-consent-bar .cky-notice-des p,.cky-gpc-wrapper .cky-gpc-desc p,.cky-preference-body-wrapper .cky-preference-content-wrapper p,.cky-accordion-header-wrapper .cky-accordion-header-des p,.cky-cookie-des-table li div:last-child p{color:inherit;margin-top:0;word-break:break-word}.cky-notice-des P:last-child,.cky-preference-content-wrapper p:last-child,.cky-cookie-des-table li div:last-child p:last-child,.cky-gpc-wrapper .cky-gpc-desc p:last-child{margin-bottom:0}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-notice-des a.cky-link-default,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{font-size:14px;color:#1863dc;white-space:nowrap;cursor:pointer;background:#fff0}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{text-decoration:underline;border:1px solid}.cky-notice-des a.cky-link-default{text-decoration:underline}.cky-notice-des button.cky-policy,.cky-dma-content-wrapper button.cky-policy{padding:0}.cky-notice-des a.cky-policy:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-dma-content-wrapper a.cky-policy:focus-visible,.cky-dma-content-wrapper button.cky-policy:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-preference-header .cky-btn-close:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,.cky-btn:focus-visible{outline:2px solid #1863dc;outline-offset:2px}.cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible){outline:0}button.cky-show-desc-btn:not(:hover):not(:active){color:#1863dc;background:#fff0}button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active){background:#fff0}.cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{text-decoration:none}.cky-notice-btn-wrapper{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.cky-notice-btn-wrapper .cky-btn{text-shadow:none;box-shadow:none}.cky-btn{flex:auto;max-width:100%;font-size:14px;font-family:inherit;line-height:24px;padding:8px;font-weight:500;border-radius:2px;cursor:pointer;text-align:center;text-transform:none;min-height:0;overflow-wrap:break-word}.cky-btn:hover{opacity:.8}.cky-btn-customize{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-btn-reject{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-btn-accept{background:#1863dc;color:#fff;border:2px solid #1863dc}.cky-btn:last-child{margin-right:0}@media (max-width:576px){.cky-box-bottom-left{bottom:0;left:0}.cky-box-bottom-right{bottom:0;right:0}.cky-box-top-left{top:0;left:0}.cky-box-top-right{top:0;right:0}}@media (max-width:440px){.cky-box-bottom-left,.cky-box-bottom-right,.cky-box-top-left,.cky-box-top-right{width:100%;max-width:100%}.cky-consent-container .cky-consent-bar{padding:20px 0}.cky-custom-brand-logo-wrapper,.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{padding:0 24px}.cky-notice-des{max-height:40vh;overflow-y:scroll}.cky-notice-btn-wrapper{gap:10px;flex-direction:column}.cky-btn{width:100%}.cky-notice-btn-wrapper .cky-btn-customize{order:2}.cky-notice-btn-wrapper .cky-btn-reject{order:3}.cky-notice-btn-wrapper .cky-btn-accept{order:1}}@media (max-width:352px){.cky-notice .cky-title{font-size:16px}.cky-notice-des *{font-size:12px}.cky-notice-des,.cky-btn{font-size:12px}}.cky-modal.cky-modal-open{display:flex;visibility:visible;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;transition:all 1s ease;max-height:100%}.cky-modal{box-shadow:0 32px 68px rgb(0 0 0 / .3);margin:0 auto;position:fixed;max-width:100%;background:#fff;top:50%;box-sizing:border-box;border-radius:6px;z-index:999999999;color:#212121;-webkit-transform:translate(-50%,100%);-moz-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);-o-transform:translate(-50%,100%);transform:translate(-50%,100%);visibility:hidden;transition:all 0s ease}.cky-preference-center{max-height:79vh;overflow:hidden;width:845px;overflow:hidden;flex:1 1 0%;display:flex;flex-direction:column;border-radius:6px}@media (max-height:576px){.cky-preference-center{height:100vh;overflow:auto}.cky-preference-center .cky-preference-body-wrapper{overflow:unset}}@media (max-height:480px){.cky-consent-container{max-height:100vh;overflow-y:scroll}.cky-notice-des{max-height:unset;overflow-y:unset}}@media (min-width:576px) and (max-height:660px){.cky-notice-des{max-height:40vh;overflow-y:scroll}}.cky-preference-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid}.cky-preference-header .cky-preference-title{font-size:18px;font-weight:700;line-height:24px;word-break:break-word}.cky-preference-header .cky-btn-close{margin:0;cursor:pointer;vertical-align:middle;padding:0;background:none;border:none;width:24px;height:24px;min-height:0;line-height:0;text-shadow:none;box-shadow:none}.cky-preference-header .cky-btn-close img{margin:0;height:10px;width:10px}.cky-preference-body-wrapper{padding:0 24px;flex:1;overflow:auto;box-sizing:border-box}.cky-preference-content-wrapper,.cky-gpc-wrapper .cky-gpc-desc{font-size:14px;line-height:24px;font-weight:400;padding:12px 0}.cky-preference-content-wrapper img{min-height:25px;min-width:25px}.cky-preference-content-wrapper .cky-show-desc-btn{font-size:14px;font-family:inherit;color:#1863dc;text-decoration:none;line-height:24px;padding:0;margin:0;white-space:nowrap;cursor:pointer;background:#fff0;border-color:#fff0;text-transform:none;min-height:0;text-shadow:none;box-shadow:none}.cky-accordion-wrapper{margin-bottom:10px}.cky-accordion{border-bottom:1px solid}.cky-accordion:last-child{border-bottom:none}.cky-accordion .cky-accordion-item{display:flex;margin-top:10px}.cky-accordion .cky-accordion-body{display:none}.cky-accordion.cky-accordion-active .cky-accordion-body{display:block;padding:0 22px;margin-bottom:16px}.cky-accordion-header-wrapper{cursor:pointer;width:100%}.cky-accordion-item .cky-accordion-header{display:flex;justify-content:space-between;align-items:center}.cky-accordion-header .cky-accordion-btn{font-size:16px;font-family:inherit;color:#212121;line-height:24px;background:none;border:none;font-weight:700;padding:0;margin:0;cursor:pointer;text-transform:none;min-height:0;text-shadow:none;box-shadow:none}.cky-accordion-header .cky-always-active{color:green;font-weight:600;line-height:24px;font-size:14px}.cky-accordion-header-des{font-size:14px;line-height:24px;margin:10px 0 16px 0}.cky-accordion-chevron{margin-right:22px;position:relative;cursor:pointer}.cky-accordion-chevron-hide{display:none}.cky-accordion .cky-accordion-chevron i::before{content:"";position:absolute;border-right:1.4px solid;border-bottom:1.4px solid;border-color:inherit;height:6px;width:6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);transition:all 0.2s ease-in-out;top:8px}.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.cky-audit-table{background:#f4f4f4;border-radius:6px}.cky-audit-table .cky-empty-cookies-text{color:inherit;font-size:12px;line-height:24px;margin:0;padding:10px;word-break:break-word}.cky-audit-table .cky-cookie-des-table{font-size:12px;line-height:24px;font-weight:400;padding:15px 10px;border-bottom:1px solid;border-bottom-color:inherit;margin:0}.cky-audit-table .cky-cookie-des-table:last-child{border-bottom:none}.cky-audit-table .cky-cookie-des-table li{list-style-type:none;display:flex;padding:3px 0}.cky-audit-table .cky-cookie-des-table li:first-child{padding-top:0}.cky-cookie-des-table li div:first-child{width:100px;font-weight:600;word-break:break-word;word-wrap:break-word}.cky-cookie-des-table li div:last-child{flex:1;word-break:break-word;word-wrap:break-word;margin-left:8px}.cky-footer-shadow{display:block;width:100%;height:40px;background:linear-gradient(180deg,#fff0 0%,#ffffff 100%);position:absolute;bottom:calc(100% - 1px)}.cky-footer-wrapper{position:relative}.cky-prefrence-btn-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:22px 24px;border-top:1px solid}.cky-prefrence-btn-wrapper .cky-btn{flex:auto;max-width:100%;text-shadow:none;box-shadow:none}.cky-btn-preferences{color:#1863dc;background:#fff0;border:2px solid #1863dc}.cky-preference-header,.cky-preference-body-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-accordion-wrapper,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{border-color:inherit}.cky-preference-body-wrapper .cky-dma-content-wrapper{font-size:14px;line-height:24px;font-weight:400;padding:4px 0 12px}.cky-preference-body-wrapper .cky-dma-content-wrapper p{color:inherit;word-break:break-word}.cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child{margin-top:0}.cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child{margin-bottom:0}.cky-preference-body-wrapper .cky-horizontal-separator{border-bottom:1px solid;border-color:inherit}@media (max-width:845px){.cky-modal{max-width:calc(100% - 16px)}}@media (max-width:576px){.cky-modal{max-width:100%}.cky-preference-center{max-height:100vh}.cky-prefrence-btn-wrapper{flex-direction:column;gap:10px}.cky-accordion.cky-accordion-active .cky-accordion-body{padding-right:0}.cky-prefrence-btn-wrapper .cky-btn{width:100%}.cky-prefrence-btn-wrapper .cky-btn-reject{order:3}.cky-prefrence-btn-wrapper .cky-btn-accept{order:1;margin-top:0}.cky-prefrence-btn-wrapper .cky-btn-preferences{order:2}}@media (max-width:425px){.cky-accordion-chevron{margin-right:15px}.cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 15px}}@media (max-width:352px){.cky-preference-header .cky-preference-title{font-size:16px}.cky-preference-header{padding:16px 24px}.cky-preference-content-wrapper *,.cky-accordion-header-des *,.cky-dma-content-wrapper *{font-size:12px}.cky-preference-content-wrapper,.cky-preference-body-wrapper .cky-dma-content-wrapper,.cky-preference-content-wrapper .cky-show-more,.cky-accordion-header .cky-always-active,.cky-accordion-header-des,.cky-preference-content-wrapper .cky-show-desc-btn,.cky-notice-des a.cky-policy,.cky-dma-content-wrapper a.cky-policy{font-size:12px}.cky-accordion-header .cky-accordion-btn{font-size:14px}}.cky-switch{display:flex}.cky-switch input[type="checkbox"]{position:relative;width:44px;height:24px;margin:0;background:#d0d5d2;-webkit-appearance:none;border-radius:50px;cursor:pointer;outline:0;border:none;top:0}.cky-switch input[type="checkbox"]:checked{background:#1863dc}.cky-switch input[type="checkbox"]:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;border-radius:50%;background-color:#fff;-webkit-transition:0.4s;transition:0.4s;margin:0}.cky-switch input[type="checkbox"]:after{display:none}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}@media (max-width:425px){.cky-switch input[type="checkbox"]{width:38px;height:21px}.cky-switch input[type="checkbox"]:before{height:17px;width:17px}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px)}}.cky-consent-bar .cky-banner-btn-close{position:absolute;right:9px;top:5px;background:none;border:none;cursor:pointer;padding:0;margin:0;min-height:0;line-height:0;height:24px;width:24px;text-shadow:none;box-shadow:none}.cky-consent-bar .cky-banner-btn-close img{height:9px;width:9px;margin:0}.cky-notice-group{font-size:14px;line-height:24px;font-weight:400;color:#212121}.cky-notice-btn-wrapper .cky-btn-do-not-sell{font-size:14px;line-height:24px;padding:6px 0;margin:0;font-weight:500;background:none;border-radius:2px;border:none;cursor:pointer;text-align:left;color:#1863dc;background:#fff0;border-color:#fff0;box-shadow:none;text-shadow:none;word-break:break-word;text-decoration:underline}.cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,.cky-opt-out-btn-wrapper .cky-btn:focus-visible,.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible{outline:2px solid #1863dc;outline-offset:2px}@media (max-width:440px){.cky-consent-container{width:100%}}@media (max-width:352px){.cky-notice-des a.cky-policy,.cky-notice-des a.cky-link-default,.cky-notice-btn-wrapper .cky-btn-do-not-sell{font-size:12px}}.cky-opt-out-wrapper{padding:12px 0}.cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper{display:flex;align-items:center}.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size:16px;font-weight:700;line-height:24px;margin:0 0 0 12px;cursor:pointer;word-break:break-word}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{background-color:#fff;border:1px solid #000;width:20px;height:18.5px;margin:0;-webkit-appearance:none;position:relative;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked{background-color:#1863dc;border:none}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left:6px;bottom:4px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;border-radius:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;box-sizing:border-box}.cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox{cursor:no-drop}.cky-gpc-wrapper{margin:0 0 0 32px}.cky-footer-wrapper .cky-opt-out-btn-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:22px 24px}.cky-opt-out-btn-wrapper .cky-btn{flex:auto;max-width:100%;text-shadow:none;box-shadow:none}.cky-opt-out-btn-wrapper .cky-btn-cancel{border:1px solid #dedfe0;background:#fff0;color:#858585}.cky-opt-out-btn-wrapper .cky-btn-confirm{background:#1863dc;color:#fff;border:1px solid #1863dc}@media (max-width:440px){.cky-footer-wrapper .cky-opt-out-btn-wrapper{gap:10px}}@media (max-width:352px){.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size:14px}.cky-gpc-wrapper .cky-gpc-desc,.cky-gpc-wrapper .cky-gpc-desc *{font-size:12px}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{width:16px;height:16px}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left:5px;bottom:4px;width:3px;height:9px}.cky-gpc-wrapper{margin:0 0 0 28px}}.video-placeholder-youtube{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#b2b0b059;position:relative;display:flex;align-items:center;justify-content:center;max-width:100%}.video-placeholder-text-youtube{text-align:center;align-items:center;padding:10px 16px;background-color:#000c;color:#fff;border:1px solid;border-radius:2px;cursor:pointer}.video-placeholder-normal{background-image:url(https://cdn-cookieyes.com/assets/images/cky-placeholder.svg);background-size:80px;background-position:center;background-repeat:no-repeat;background-color:#b2b0b059;position:relative;display:flex;align-items:flex-end;justify-content:center;max-width:100%}.video-placeholder-text-normal{align-items:center;padding:10px 16px;text-align:center;border:1px solid;border-radius:2px;cursor:pointer}.cky-rtl{direction:rtl;text-align:right}.cky-rtl .cky-banner-btn-close{left:9px;right:auto}.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right:8px}.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-notice-btn-wrapper{margin-left:0;margin-right:15px}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right:8px}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-accordion .cky-accordion-chevron i::before{border:none;border-left:1.4px solid;border-top:1.4px solid;left:12px}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}@media (max-width:768px){.cky-rtl .cky-notice-btn-wrapper{margin-right:0}}@media (max-width:576px){.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right:0}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right:0}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 22px 0 0}}@media (max-width:425px){.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding:0 15px 0 0}}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn{margin-right:12px}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child{margin-right:0}.cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{margin:0 12px 0 0}@supports not (gap:10px){.cky-btn{margin:0 8px 0 0}@media (max-width:440px){.cky-notice-btn-wrapper{margin-top:0}.cky-btn{margin:10px 0 0 0}.cky-notice-btn-wrapper .cky-btn-accept{margin-top:16px}}@media (max-width:576px){.cky-prefrence-btn-wrapper .cky-btn{margin:10px 0 0 0}}@media (max-width:425px){.cky-notice-btn-wrapper{margin-top:0}}} </style></head>
    <body class=" -"><div class="cky-hide cky-overlay"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide cky-revisit-bottom-left" data-cky-tag="revisit-consent" data-tooltip="Choix de consentement" style="background-color: #000000;"><button aria-label="Choix de consentement" class="cky-btn-revisit" aria-controls="ckyPreferenceCenter" aria-haspopup="true"><img alt="Revisit consent button" src="https://cdn-cookieyes.com/assets/images/revisit.svg"></button></div><div class="cky-consent-container cky-box-bottom-left" tabindex="-1" aria-label="Nous respectons votre vie privée." role="region"><div class="cky-consent-bar" data-cky-tag="notice" style="border-color: #FFFFFF; background-color: #FFFFFF;"><div class="cky-notice"><p class="cky-title" aria-level="1" data-cky-tag="title" role="heading" style="color: #000000;">Nous respectons votre vie privée.</p><div class="cky-notice-group"><div class="cky-notice-des" data-cky-tag="description" style="color: #000000;"><p>Nous utilisons des cookies pour améliorer votre expérience de navigation, diffuser des publicités ou des contenus personnalisés et analyser notre trafic. En cliquant sur « Tout accepter », vous consentez à notre utilisation des cookies.</p></div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"><button class="cky-btn cky-btn-customize" aria-label="Personnaliser" aria-haspopup="true" aria-controls="ckyPreferenceCenter" data-cky-tag="settings-button" style="color: #000000; border-color: #000000; background-color: #FFFFFF;">Personnaliser</button> <button class="cky-btn cky-btn-reject" aria-label="Tout rejeter" data-cky-tag="reject-button" style="color: #000000; border-color: #000000; background-color: #FFFFFF;">Tout rejeter</button> <button class="cky-btn cky-btn-accept" aria-label="Accepter tout" data-cky-tag="accept-button" style="color: #FFFFFF; border-color: #000000; background-color: #000000;">Accepter tout</button> </div></div></div></div></div><div class="cky-modal" tabindex="-1"><div class="cky-preference-center" data-cky-tag="detail" aria-label="Personnaliser les préférences en matière de consentement" aria-modal="true" id="ckyPreferenceCenter" role="dialog" style="color: #000000; border-color: #FFFFFF; background-color: #FFFFFF;"><div class="cky-preference-header"><span class="cky-preference-title" aria-level="1" data-cky-tag="detail-title" role="heading" style="color: #000000;">Personnaliser les préférences en matière de consentement</span> <button aria-label="Fermer" class="cky-btn-close" data-cky-tag="detail-close"><img alt="Close" src="https://cdn-cookieyes.com/assets/images/close.svg"></button></div><div class="cky-preference-body-wrapper" data-lenis-prevent="true"><div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color: #000000;"><p>Nous utilisons des cookies pour vous aider à naviguer efficacement et à exécuter certaines fonctionnalités. Vous trouverez des informations détaillées sur tous les cookies sous chaque catégorie de consentement ci-dessous.</p><p>Les cookies qui sont catégorisés comme « nécessaires » sont stockés sur votre navigateur car ils sont essentiels pour permettre les fonctionnalités de base du site....&nbsp;<button class="cky-show-desc-btn" data-cky-tag="show-desc-button" aria-label="Afficher plus">Afficher plus</button></p></div><div class="cky-horizontal-separator"></div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"><div class="cky-accordion" id="ckyDetailCategorynecessary"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategorynecessaryBody" aria-label="Nécessaire" data-cky-tag="detail-category-title" style="color: #000000;">Nécessaire</button><span class="cky-always-active" data-cky-tag="always-active">Toujours actif</span></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les cookies nécessaires sont cruciaux pour les fonctions de base du site Web et celui-ci ne fonctionnera pas comme prévu sans eux.Ces cookies ne stockent aucune donnée personnellement identifiable.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategorynecessaryBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>maison_des_arts_desjardins_drummondville_session</div></li><li><div>Durée</div><div>2 heure</div></li><li><div>Description</div><div>Description is currently not available.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>ASPSESSIONIDCQBCCRRS</div></li><li><div>Durée</div><div>session</div></li><li><div>Description</div><div>Description is currently not available.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>XSRF-TOKEN</div></li><li><div>Durée</div><div>2 heure</div></li><li><div>Description</div><div>Wix a placé ce témoin à des fins de sécurité.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>cookieyes-consent</div></li><li><div>Durée</div><div>1 an</div></li><li><div>Description</div><div>CookieYes place ce témoin pour mémoriser les préférences des utilisateurs en matière de consentement afin que leurs préférences soient respectées lors des visites ultérieures de ce site. Il ne collecte ni ne stocke aucune information personnelle sur les visiteurs du site.</div></li></ul></div></div></div><div class="cky-accordion" id="ckyDetailCategoryfunctional"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategoryfunctionalBody" aria-label="Fonctionnelle" data-cky-tag="detail-category-title" style="color: #000000;">Fonctionnelle</button></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les cookies fonctionnels permettent d'exécuter certaines fonctionnalités telles que le partage du contenu du site Web sur des plateformes de médias sociaux, la collecte de commentaires et d'autres fonctionnalités tierces.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategoryfunctionalBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div></div></div><div class="cky-accordion" id="ckyDetailCategoryanalytics"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategoryanalyticsBody" aria-label="Analytique" data-cky-tag="detail-category-title" style="color: #000000;">Analytique</button><div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics" aria-label="Activer Analytique" autocomplete="off" style="background-color: rgb(208, 213, 210);"></div></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les cookies analytiques sont utilisés pour comprendre comment les visiteurs interagissent avec le site Web. Ces cookies aident à fournir des informations sur le nombre de visiteurs, le taux de rebond, la source de trafic, etc.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategoryanalyticsBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_ga</div></li><li><div>Durée</div><div>1 an 1 mois 4 jour</div></li><li><div>Description</div><div>Google Analytics utilise ce témoin pour calculer les données relatives aux visiteurs, aux sessions et aux campagnes et suivre l’utilisation du site pour le rapport d’analyse du site. Le témoin stocke les informations de manière anonyme et attribue un numéro généré de manière aléatoire pour reconnaître les visiteurs uniques.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_gid</div></li><li><div>Durée</div><div>1 jour</div></li><li><div>Description</div><div>Google Analytics utilise ce témoin pour stocker des informations sur la façon dont les visiteurs utilisent un site Internet tout en créant un rapport d’analyse des performances du site. Certaines des données collectées comprennent le nombre de visiteurs, leur source et les pages qu’ils visitent de manière anonyme.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_gat_UA-*</div></li><li><div>Durée</div><div>1 minute</div></li><li><div>Description</div><div>Google Analytics sets this cookie for user behaviour tracking.
</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_fbp</div></li><li><div>Durée</div><div>3 mois</div></li><li><div>Description</div><div>Facebook définit ce témoin pour afficher des publicités lorsque vous êtes sur Facebook ou sur une plateforme numérique alimentée par la publicité de Facebook après avoir visité le site Internet.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_ga_*</div></li><li><div>Durée</div><div>1 an 1 mois 4 jour</div></li><li><div>Description</div><div>Google Analytics sets this cookie to store and count page views.</div></li></ul></div></div></div><div class="cky-accordion" id="ckyDetailCategoryperformance"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategoryperformanceBody" aria-label="Performance" data-cky-tag="detail-category-title" style="color: #000000;">Performance</button></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les cookies de performance sont utilisés pour comprendre et analyser les indices de performance clés du site Web, ce qui permet de fournir une meilleure expérience utilisateur aux visiteurs.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategoryperformanceBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div></div></div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategoryadvertisementBody" aria-label="Publicité" data-cky-tag="detail-category-title" style="color: #000000;">Publicité</button></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les cookies de publicité sont utilisés pour fournir aux visiteurs des publicités personnalisées basées sur les pages visitées précédemment et analyser l'efficacité de la campagne publicitaire.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategoryadvertisementBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div></div></div><div class="cky-accordion" id="ckyDetailCategoryother"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-controls="ckyDetailCategoryotherBody" aria-label="Non classé" data-cky-tag="detail-category-title" style="color: #000000;">Non classé</button></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #000000;"><p>Les autres cookies non classés sont ceux qui sont en cours d'analyse et qui n'ont pas encore été classés dans une catégorie.</p></div></div></div><div class="cky-accordion-body" id="ckyDetailCategoryotherBody"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #EBEBEB; background-color: #F4F4F4;"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div></div></div></div></div><div class="cky-footer-wrapper"><span class="cky-footer-shadow" style="background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></span><div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"><button aria-label="Tout rejeter" class="cky-btn cky-btn-reject" data-cky-tag="detail-reject-button" style="color: #000000; border-color: #000000; background-color: #FFFFFF;">Tout rejeter</button> <button aria-label="Enregistrer mes préférences" class="cky-btn cky-btn-preferences" data-cky-tag="detail-save-button" style="color: #000000; border-color: #000000; background-color: #FFFFFF;">Enregistrer mes préférences</button> <button aria-label="Accepter tout" class="cky-btn cky-btn-accept" data-cky-tag="detail-accept-button" style="color: #FFFFFF; border-color: #000000; background-color: #000000;">Accepter tout</button></div><div data-cky-tag="detail-powered-by" style="padding: 8px 24px; font-size: 12px; font-weight: 400; line-height: 20px; text-align: right; border-radius: 0 0 6px 6px; direction: ltr; display: flex; justify-content: flex-end; align-items: center; color: #293C5B; background-color: #EDEDED;">Powered by <a href="https://www.cookieyes.com/product/cookie-consent/?ref=cypbcyb&amp;utm_source=cookie-banner&amp;utm_medium=powered-by-cookieyes" rel="noopener" style="margin-left:5px;line-height:0" target="_blank"><img alt="Cookieyes logo" src="https://cdn-cookieyes.com/assets/images/poweredbtcky.svg" style="width:78px;height:13px;margin:0"></a></div></div></div></div>

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

            <!-- Meta Pixel Code -->
            <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '491858004344924');
            fbq('track', 'PageView');
            </script>
            <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=491858004344924&ev=PageView&noscript=1" /></noscript>
            <!-- End Meta Pixel Code -->
        

        

        
        <header data-scroll-group="" class="fixed w-full h-[10rem] md:h-[14rem] bg-white z-[110] shadow-[0_0_60px_-15px_rgba(0,0,0,0.05)] overflow-hiddenX">

    <div class="container flex h-full z-20">

        <div class="flex justify-between items-center h-full w-full">

            <a data-scroll="fade pinch" href="/" class="block h-[4rem] md:h-[5rem] is-inview" style="animation-delay: 0s;">
                <svg x="0px" y="0px" viewBox="0 0 1079 243.4" style="enable-background:new 0 0 1079 243.4;" xml:space="preserve">
            <path d="M290.5,179.6c-24.3,0-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2c-11.8,0-17.2,5.3-25.4,13.2
                c-9.5,9.3-22.6,21.9-47,21.9s-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2s-17.2,5.3-25.4,13.2c-9.5,9.3-22.6,21.9-47,21.9
                v-30.8c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2
                c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2V179.6L290.5,179.6z"></path>
            <path d="M290.5,103.8c-27.6,0-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S204,44.2,195.7,60.3c-9.9,19.4-22.5,43.6-49.9,43.6
                s-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S59.3,44.2,50.9,60.3C41,79.6,28.6,103.8,1,103.8V73c8.1,0,14.1-10.5,22.5-26.7
                C33.4,27,45.8,2.8,73.4,2.8s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7c8.1,0,14.1-10.5,22.5-26.7
                c9.9-19.4,22.5-43.6,49.9-43.6s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7V103.8z"></path>
            <rect x="1.2" y="210.6" width="289.4" height="31"></rect>
            <polygon points="373.9,25.6 386.9,58.4 396.5,58.4 409.5,25.6 409.5,58.4 421,58.4 421,2.3 407.7,2.3 391.7,43.1 375.8,2.3 
                362.4,2.3 362.4,58.4 373.9,58.4 	"></polygon>
            <path d="M444.1,45.1h21.7l5.4,13.3h12.1L460.4,2.3h-10.8l-22.9,56.1h12.1L444.1,45.1L444.1,45.1z M448.4,34.7l6.7-16.1l6.5,16.1
                H448.4z"></path>
            <rect x="488.9" y="2.3" width="11.5" height="56.1"></rect>
            <path d="M534,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                C543.5,48.2,537.4,49.1,534,49L534,49z"></path>
            <path d="M588.1,59.5c16.7,0,28.1-11.8,28.1-29.3s-11.3-29-28.1-29c-16.7,0-27.9,11.6-27.9,29S571.3,59.5,588.1,59.5L588.1,59.5z
                    M588.1,11.8c10.1,0,16.4,7.1,16.4,18.4s-6.4,18.6-16.4,18.6s-16.3-7.1-16.3-18.6S578,11.8,588.1,11.8z"></path>
            <polygon points="635.5,20.6 660.5,58.4 672.2,58.4 672.2,2.3 660.6,2.3 660.6,40.1 635.8,2.3 624,2.3 624,58.4 635.5,58.4 	"></polygon>
            <path d="M747.3,30.1c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C735.6,58.4,747.3,46.8,747.3,30.1z M719.7,47.7h-9.6V13h9.6
                c9.1,0,15.8,7.1,15.8,17C735.5,40.4,729,47.7,719.7,47.7L719.7,47.7z"></path>
            <polygon points="795.9,47.7 766.6,47.7 766.6,34.9 792.5,34.9 792.5,24.5 766.6,24.5 766.6,13 795.1,13 795.1,2.3 755.2,2.3 
                755.2,58.4 795.9,58.4 	"></polygon>
            <path d="M826.8,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                C836.2,48.2,830.3,49.1,826.8,49L826.8,49z"></path>
            <path d="M900.2,2.3h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3h12.1L900.2,2.3L900.2,2.3z M901.5,34.7h-13.2l6.7-16.1
                L901.5,34.7z"></path>
            <path d="M965.2,32.7c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4v56.1h11.5V38.1h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                h12.2L970,38.1C969.2,35.8,967.5,33.8,965.2,32.7z M940.4,13h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5V13z"></path>
            <polygon points="980.4,13 998.3,13 998.3,58.4 1010,58.4 1010,13 1027.8,13 1027.8,2.3 980.4,2.3 	"></polygon>
            <path d="M1061.4,26.2l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                C1077.8,31.3,1068.4,28.3,1061.4,26.2L1061.4,26.2z"></path>
            <path d="M382.9,94.1h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,94.1,382.9,94.1z M383.5,139.5h-9.6v-34.9h9.6
                c9.1,0,15.8,7.1,15.8,17C399.3,132.2,392.8,139.5,383.5,139.5L383.5,139.5z"></path>
            <polygon points="460.5,139.5 431.4,139.5 431.4,126.5 457.1,126.5 457.1,116.2 431.4,116.2 431.4,104.6 459.9,104.6 459.9,94.1 
                419.9,94.1 419.9,150.2 460.5,150.2 	"></polygon>
            <path d="M513.4,134.2c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1
                h11.6v-1.2c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8
                C505.2,151.3,513.4,144.6,513.4,134.2L513.4,134.2z"></path>
            <path d="M519.9,125.5v8.7c0,9.9,8.2,16.9,20,16.9c11.8,0,19.5-7.3,19.5-17.7V93.8h-11.5v39.5c0,4.2-3.3,7.1-8.2,7.1
                c-5,0-8.4-2.5-8.4-6.4v-8.7L519.9,125.5L519.9,125.5z"></path>
            <path d="M620.2,150.2l-22.9-56.1h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3H620.2L620.2,150.2z M598.3,126.3h-13.2l6.7-16.1
                L598.3,126.3z"></path>
            <path d="M662.8,124.3c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4V150h11.5v-20.3h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                H675l-7.4-20.1C666.8,127.4,665.1,125.5,662.8,124.3z M638,104.6h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6H638V104.6z"></path>
            <path d="M731,121.8c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C719.4,150,731,138.4,731,121.8z M703.2,139.5h-9.6v-34.9h9.6
                c9.1,0,15.8,7.1,15.8,17C719.1,132.2,712.5,139.5,703.2,139.5L703.2,139.5z"></path>
            <rect x="739.7" y="94.1" width="11.5" height="56.1"></rect>
            <polygon points="810.5,94.1 798.9,94.1 798.9,131.7 774.1,94.1 762.3,94.1 762.3,150.2 773.8,150.2 773.8,112.3 798.7,150.2 
                810.5,150.2 	"></polygon>
            <path d="M820.9,109.2c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5
                l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9
                c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6V112c-0.8-11.9-9.6-19.4-23.1-19.4
                C829.1,93,820.9,99.5,820.9,109.2L820.9,109.2z"></path>
            <path d="M382.9,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,185.7,382.9,185.7z M383.5,231.2h-9.6v-34.9h9.6
                c9.1,0,15.8,7.1,15.8,17C399.3,223.9,392.8,231.2,383.5,231.2z"></path>
            <path d="M457.4,216c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4H421v56.1h11.5v-20.3h14.6c2,0,3.3,0.8,3.9,2.5l6.5,17.7
                h12.2l-7.4-20.1C461.3,219.1,459.6,217.1,457.4,216L457.4,216z M432.6,196.4h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5
                V196.4z"></path>
            <path d="M512.9,222.5c0,5.9-4.6,9.6-12.1,9.6s-11.9-3.9-11.9-9.6v-36.7h-11.5v37c0,11.9,9.8,20.1,23.6,20.1
                c13.8,0,23.6-8.4,23.6-20.1v-37h-11.5v36.7H512.9z"></path>
            <polygon points="565.8,226.4 549.7,185.7 536.3,185.7 536.3,241.8 547.9,241.8 547.9,208.9 560.8,241.8 570.6,241.8 583.4,208.9 
                583.4,241.8 594.9,241.8 594.9,185.7 581.6,185.7 	"></polygon>
            <polygon points="636.6,226.4 620.6,185.7 607.3,185.7 607.3,241.8 618.8,241.8 618.8,208.9 631.8,241.8 641.4,241.8 654.4,208.9 
                654.4,241.8 665.9,241.8 665.9,185.7 652.6,185.7 	"></polygon>
            <path d="M703.7,184.6c-16.7,0-27.9,11.6-27.9,29s11.2,29.3,27.9,29.3s28.1-11.8,28.1-29.3S720.6,184.6,703.7,184.6z M703.7,232.3
                c-10.1,0-16.3-7.1-16.3-18.6s6.2-18.4,16.3-18.4s16.4,7,16.4,18.4S713.9,232.3,703.7,232.3z"></path>
            <polygon points="778.3,223.5 753.5,185.7 741.7,185.7 741.7,241.8 753.1,241.8 753.1,204.1 778.1,241.8 789.9,241.8 789.9,185.7 
                778.3,185.7 	"></polygon>
            <path d="M822.6,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S839.3,185.7,822.6,185.7z M823.2,231.2h-9.6v-34.9h9.6
                c9.1,0,15.8,7.1,15.8,17C839,223.9,832.7,231.2,823.2,231.2z"></path>
            <polygon points="881.2,224.7 866.1,185.7 853.7,185.7 875.6,241.8 886.7,241.8 908,185.7 895.6,185.7 	"></polygon>
            <rect x="915.1" y="185.7" width="11.5" height="56.1"></rect>
            <polygon points="950.4,185.7 939,185.7 939,241.8 977.9,241.8 977.9,231.2 950.4,231.2 	"></polygon>
            <polygon points="998.6,185.7 987.2,185.7 987.2,241.8 1026.1,241.8 1026.1,231.2 998.6,231.2 	"></polygon>
            <polygon points="1046.8,218.2 1072.6,218.2 1072.6,207.8 1046.8,207.8 1046.8,196.4 1075.4,196.4 1075.4,185.7 1035.4,185.7 
                1035.4,241.8 1076,241.8 1076,231.2 1046.8,231.2 	"></polygon>
            </svg>
        

            </a>

            <nav class="hidden text-right lg:block h-full ml-auto">
                
                <div data-scroll="fade pinch" class="text-xs mt-[4.2rem] is-inview" style="animation-delay: 0.1s;">Billetterie : 819 477-5412</div>

                <ul class="flex -mr-[1.6rem]">
                    
                        <li data-scroll="fade pinch" style="animation-delay: 0.2s;" class="is-inview">
                            <a href="/programmation" class="hover-flip block text-black tracking-wide font-bold uppercase text-sm pt-[1.2rem] pb-[3rem] px-[1.5rem]">
                                <span><span data-text="Programmation">Programmation</span></span>
                            </a>
                        </li>
                    
                        <li data-scroll="fade pinch" style="animation-delay: 0.3s;" class="is-inview">
                            <a href="/membres" class="hover-flip block text-black tracking-wide font-bold uppercase text-sm pt-[1.2rem] pb-[3rem] px-[1.5rem]">
                                <span><span data-text="Membres">Membres</span></span>
                            </a>
                        </li>
                    
                        <li data-scroll="fade pinch" style="animation-delay: 0.4s;" class="is-inview">
                            <a href="/promo" class="hover-flip block text-black tracking-wide font-bold uppercase text-sm pt-[1.2rem] pb-[3rem] px-[1.5rem]">
                                <span><span data-text="Promo">Promo</span></span>
                            </a>
                        </li>
                    
                </ul>

            </nav>

            <nav class="flex items-end h-[4rem] md:h-[5.25rem] ml-[3rem]">

                
            
                <a x-data="btnSearchToggle" @click="onClick" data-scroll="fade pinch" href="#" class="search-toggler relative block px-[1.25rem] h-[3.5rem] is-inview" style="animation-delay: 0.5s;">
            
                    <svg xmlns="http://www.w3.org/2000/svg" width="33.372" height="33.371" viewBox="0 0 33.372 33.371">
                        <g id="Group_5967" data-name="Group 5967" transform="translate(1747.646 11380.244)">
                        <ellipse id="Ellipse_123" data-name="Ellipse 123" cx="13.26" cy="13.26" rx="13.26" ry="13.26" transform="translate(-1746.646 -11379.244)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"></ellipse>
                        <path id="Path_649" data-name="Path 649" d="M-1713.94-11363.284l9.073,9.072" transform="translate(-10.115 6.632)" fill="none" stroke="#000" stroke-width="2"></path>
                        </g>
                    </svg>
                    
                </a>
            
                <span data-scroll="fade pinch" class="relative -bottom-[1.075rem] -mr-[.25rem] is-inview" style="animation-delay: 0.6s;">
                    <button class="mobile-menu-toggler relative hover:scale-[1.025] bg-black ml-[1.5rem] rounded rounded-full block h-[6rem] w-[6rem] md:h-[7.4rem] md:w-[7.4rem]">
            
                        <svg class="h-[2rem] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20">
                            <g id="Group_5" data-name="Group 5" transform="translate(-0.364 -0.565)">
                            <rect id="Rectangle_27" data-name="Rectangle 27" width="22" height="2" transform="translate(0.364 18.565)" fill="#fff"></rect>
                            <rect id="Rectangle_34" data-name="Rectangle 34" width="22" height="2" transform="translate(0.364 9.565)" fill="#fff"></rect>
                            <rect id="Rectangle_35" data-name="Rectangle 35" width="22" height="2" transform="translate(0.364 0.565)" fill="#fff"></rect>
                            </g>
                        </svg>
                        
                    </button>
                </span>
            
            </nav>

        </div>
    </div>

    
    <div wire:snapshot="{&quot;data&quot;:{&quot;search&quot;:null,&quot;open&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;6rEbGGzxAUlf5ZFqE4pR&quot;,&quot;name&quot;:&quot;search&quot;,&quot;path&quot;:&quot;representation\/260108-marc-dupre-nouveau-spectacle&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;c81e97e4f6e21159c33ecba0ad80c0b66c2f206363e51eee4ad7ae9a530396d5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;open-search&quot;]}" wire:id="6rEbGGzxAUlf5ZFqE4pR" x-data="search" class="search relative z-10">
    
    <div class="search-bar">
        <input wire:model.live.debounce.250ms="search" class="search-input" type="text" name="q" placeholder="Trouver un artiste, un spectacle" autocomplete="off" spellcheck="false" value="">
        <span @click="onClose; $wire.set('search', '')" class="search-toggler">
            <svg viewBox="0 0 21.501 21.501">
                <rect fill="#000" id="Rectangle_891" data-name="Rectangle 891" width="27.511" height="2.896" transform="translate(0 19.453) rotate(-45)"></rect>
                <rect fill="#000" id="Rectangle_892" data-name="Rectangle 892" width="27.511" height="2.896" transform="translate(19.454 21.501) rotate(-135)"></rect>
              </svg>
        </span>
    </div>

    

</div>

</header>


<nav aria-hidden="" class="mobile-menu sm:min-h-[480px] md:min-h-[550px] lg:min-h-[600px] xl:min-h-[750px] fixed top-0 left-0 z-[120] w-full h-[var(--vh-runtime)] text-white" style="display: none;">

    <div class="absolute overlay w-full h-[var(--vh-runtime)] bg-black"></div>

    <div class="md:min-h-[700px] h-[var(--vh-runtime)]">

        <div class="w-full h-[calc(10rem+1px)] md:h-[14rem] fixed z-10 border-b-[1px] sm:border-0 bg-black border-gray-dark">

            <div class="container flex h-full">

                <div class="flex justify-between items-center h-full w-full">

                    <a href="/" class="block h-[4rem] md:h-[5rem] no-hover">

                    <svg x="0px" y="0px" viewBox="0 0 1079 243.4" style="enable-background:new 0 0 1079 243.4;" xml:space="preserve">
                        <path d="M290.5,179.6c-24.3,0-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2c-11.8,0-17.2,5.3-25.4,13.2
                            c-9.5,9.3-22.6,21.9-47,21.9s-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2s-17.2,5.3-25.4,13.2c-9.5,9.3-22.6,21.9-47,21.9
                            v-30.8c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2
                            c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2V179.6L290.5,179.6z"></path>
                        <path d="M290.5,103.8c-27.6,0-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S204,44.2,195.7,60.3c-9.9,19.4-22.5,43.6-49.9,43.6
                            s-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S59.3,44.2,50.9,60.3C41,79.6,28.6,103.8,1,103.8V73c8.1,0,14.1-10.5,22.5-26.7
                            C33.4,27,45.8,2.8,73.4,2.8s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7c8.1,0,14.1-10.5,22.5-26.7
                            c9.9-19.4,22.5-43.6,49.9-43.6s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7V103.8z"></path>
                        <rect x="1.2" y="210.6" width="289.4" height="31"></rect>
                        <polygon points="373.9,25.6 386.9,58.4 396.5,58.4 409.5,25.6 409.5,58.4 421,58.4 421,2.3 407.7,2.3 391.7,43.1 375.8,2.3 
                            362.4,2.3 362.4,58.4 373.9,58.4 	"></polygon>
                        <path d="M444.1,45.1h21.7l5.4,13.3h12.1L460.4,2.3h-10.8l-22.9,56.1h12.1L444.1,45.1L444.1,45.1z M448.4,34.7l6.7-16.1l6.5,16.1
                            H448.4z"></path>
                        <rect x="488.9" y="2.3" width="11.5" height="56.1"></rect>
                        <path d="M534,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                            c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                            c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                            C543.5,48.2,537.4,49.1,534,49L534,49z"></path>
                        <path d="M588.1,59.5c16.7,0,28.1-11.8,28.1-29.3s-11.3-29-28.1-29c-16.7,0-27.9,11.6-27.9,29S571.3,59.5,588.1,59.5L588.1,59.5z
                                M588.1,11.8c10.1,0,16.4,7.1,16.4,18.4s-6.4,18.6-16.4,18.6s-16.3-7.1-16.3-18.6S578,11.8,588.1,11.8z"></path>
                        <polygon points="635.5,20.6 660.5,58.4 672.2,58.4 672.2,2.3 660.6,2.3 660.6,40.1 635.8,2.3 624,2.3 624,58.4 635.5,58.4 	"></polygon>
                        <path d="M747.3,30.1c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C735.6,58.4,747.3,46.8,747.3,30.1z M719.7,47.7h-9.6V13h9.6
                            c9.1,0,15.8,7.1,15.8,17C735.5,40.4,729,47.7,719.7,47.7L719.7,47.7z"></path>
                        <polygon points="795.9,47.7 766.6,47.7 766.6,34.9 792.5,34.9 792.5,24.5 766.6,24.5 766.6,13 795.1,13 795.1,2.3 755.2,2.3 
                            755.2,58.4 795.9,58.4 	"></polygon>
                        <path d="M826.8,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                            c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                            c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                            C836.2,48.2,830.3,49.1,826.8,49L826.8,49z"></path>
                        <path d="M900.2,2.3h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3h12.1L900.2,2.3L900.2,2.3z M901.5,34.7h-13.2l6.7-16.1
                            L901.5,34.7z"></path>
                        <path d="M965.2,32.7c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4v56.1h11.5V38.1h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                            h12.2L970,38.1C969.2,35.8,967.5,33.8,965.2,32.7z M940.4,13h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5V13z"></path>
                        <polygon points="980.4,13 998.3,13 998.3,58.4 1010,58.4 1010,13 1027.8,13 1027.8,2.3 980.4,2.3 	"></polygon>
                        <path d="M1061.4,26.2l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                            c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                            c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                            C1077.8,31.3,1068.4,28.3,1061.4,26.2L1061.4,26.2z"></path>
                        <path d="M382.9,94.1h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,94.1,382.9,94.1z M383.5,139.5h-9.6v-34.9h9.6
                            c9.1,0,15.8,7.1,15.8,17C399.3,132.2,392.8,139.5,383.5,139.5L383.5,139.5z"></path>
                        <polygon points="460.5,139.5 431.4,139.5 431.4,126.5 457.1,126.5 457.1,116.2 431.4,116.2 431.4,104.6 459.9,104.6 459.9,94.1 
                            419.9,94.1 419.9,150.2 460.5,150.2 	"></polygon>
                        <path d="M513.4,134.2c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1
                            h11.6v-1.2c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                            c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8
                            C505.2,151.3,513.4,144.6,513.4,134.2L513.4,134.2z"></path>
                        <path d="M519.9,125.5v8.7c0,9.9,8.2,16.9,20,16.9c11.8,0,19.5-7.3,19.5-17.7V93.8h-11.5v39.5c0,4.2-3.3,7.1-8.2,7.1
                            c-5,0-8.4-2.5-8.4-6.4v-8.7L519.9,125.5L519.9,125.5z"></path>
                        <path d="M620.2,150.2l-22.9-56.1h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3H620.2L620.2,150.2z M598.3,126.3h-13.2l6.7-16.1
                            L598.3,126.3z"></path>
                        <path d="M662.8,124.3c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4V150h11.5v-20.3h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                            H675l-7.4-20.1C666.8,127.4,665.1,125.5,662.8,124.3z M638,104.6h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6H638V104.6z"></path>
                        <path d="M731,121.8c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C719.4,150,731,138.4,731,121.8z M703.2,139.5h-9.6v-34.9h9.6
                            c9.1,0,15.8,7.1,15.8,17C719.1,132.2,712.5,139.5,703.2,139.5L703.2,139.5z"></path>
                        <rect x="739.7" y="94.1" width="11.5" height="56.1"></rect>
                        <polygon points="810.5,94.1 798.9,94.1 798.9,131.7 774.1,94.1 762.3,94.1 762.3,150.2 773.8,150.2 773.8,112.3 798.7,150.2 
                            810.5,150.2 	"></polygon>
                        <path d="M820.9,109.2c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5
                            l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9
                            c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6V112c-0.8-11.9-9.6-19.4-23.1-19.4
                            C829.1,93,820.9,99.5,820.9,109.2L820.9,109.2z"></path>
                        <path d="M382.9,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,185.7,382.9,185.7z M383.5,231.2h-9.6v-34.9h9.6
                            c9.1,0,15.8,7.1,15.8,17C399.3,223.9,392.8,231.2,383.5,231.2z"></path>
                        <path d="M457.4,216c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4H421v56.1h11.5v-20.3h14.6c2,0,3.3,0.8,3.9,2.5l6.5,17.7
                            h12.2l-7.4-20.1C461.3,219.1,459.6,217.1,457.4,216L457.4,216z M432.6,196.4h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5
                            V196.4z"></path>
                        <path d="M512.9,222.5c0,5.9-4.6,9.6-12.1,9.6s-11.9-3.9-11.9-9.6v-36.7h-11.5v37c0,11.9,9.8,20.1,23.6,20.1
                            c13.8,0,23.6-8.4,23.6-20.1v-37h-11.5v36.7H512.9z"></path>
                        <polygon points="565.8,226.4 549.7,185.7 536.3,185.7 536.3,241.8 547.9,241.8 547.9,208.9 560.8,241.8 570.6,241.8 583.4,208.9 
                            583.4,241.8 594.9,241.8 594.9,185.7 581.6,185.7 	"></polygon>
                        <polygon points="636.6,226.4 620.6,185.7 607.3,185.7 607.3,241.8 618.8,241.8 618.8,208.9 631.8,241.8 641.4,241.8 654.4,208.9 
                            654.4,241.8 665.9,241.8 665.9,185.7 652.6,185.7 	"></polygon>
                        <path d="M703.7,184.6c-16.7,0-27.9,11.6-27.9,29s11.2,29.3,27.9,29.3s28.1-11.8,28.1-29.3S720.6,184.6,703.7,184.6z M703.7,232.3
                            c-10.1,0-16.3-7.1-16.3-18.6s6.2-18.4,16.3-18.4s16.4,7,16.4,18.4S713.9,232.3,703.7,232.3z"></path>
                        <polygon points="778.3,223.5 753.5,185.7 741.7,185.7 741.7,241.8 753.1,241.8 753.1,204.1 778.1,241.8 789.9,241.8 789.9,185.7 
                            778.3,185.7 	"></polygon>
                        <path d="M822.6,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S839.3,185.7,822.6,185.7z M823.2,231.2h-9.6v-34.9h9.6
                            c9.1,0,15.8,7.1,15.8,17C839,223.9,832.7,231.2,823.2,231.2z"></path>
                        <polygon points="881.2,224.7 866.1,185.7 853.7,185.7 875.6,241.8 886.7,241.8 908,185.7 895.6,185.7 	"></polygon>
                        <rect x="915.1" y="185.7" width="11.5" height="56.1"></rect>
                        <polygon points="950.4,185.7 939,185.7 939,241.8 977.9,241.8 977.9,231.2 950.4,231.2 	"></polygon>
                        <polygon points="998.6,185.7 987.2,185.7 987.2,241.8 1026.1,241.8 1026.1,231.2 998.6,231.2 	"></polygon>
                        <polygon points="1046.8,218.2 1072.6,218.2 1072.6,207.8 1046.8,207.8 1046.8,196.4 1075.4,196.4 1075.4,185.7 1035.4,185.7 
                                1035.4,241.8 1076,241.8 1076,231.2 1046.8,231.2 	"></polygon>
                        </svg>
                
                    </a>

                    <span class="relative -bottom-[.1rem] -mr-[.25rem] is-inview">
                        <button class="mobile-menu-toggler relative hover:scale-[1.025] bg-white ml-[1.5rem] rounded rounded-full block h-[6rem] w-[6rem] md:h-[7.4rem] md:w-[7.4rem]">

                            <svg class="h-[2rem] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" id="Group_5978" data-name="Group 5978" xmlns="http://www.w3.org/2000/svg" width="21.501" height="21.501" viewBox="0 0 21.501 21.501">
                                <rect fill="#000" id="Rectangle_891" data-name="Rectangle 891" width="27.511" height="2.896" transform="translate(0 19.453) rotate(-45)"></rect>
                                <rect fill="#000" id="Rectangle_892" data-name="Rectangle 892" width="27.511" height="2.896" transform="translate(19.454 21.501) rotate(-135)"></rect>
                            </svg>
                            
                        </button>
                    </span>

                </div>

            </div>

        </div>

        <div data-lenis-prevent="" class="h-[var(--vh-runtime)] relative pt-[calc(10rem+2vh)] sm:pt-[10rem] md:pt-[14rem] pb-[calc(7vh+4vh)] overflow-y-auto overscroll-x-none overflow-x-hidden">

    <div class="container">

        <div class="flex -ml-[1vw] mt-[2vh]">

            <div class="w-full sm:w-[55%]">

                <ul data-scroll-group="" class="sm:inline-block">
                    
                    

                        

                            <li data-scroll="" style="animation-delay: 0s;"><a href="/programmation" data-submenu-target="submenu-74a5ed69-1f1b-4c93-96a6-e880a066054f" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">Programmation <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/programmation" class="block px-[1.25vw] py-[1vh] text-md">Spectacles</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/mises-en-vente" class="block px-[1.25vw] py-[1vh] text-md">Mises en vente</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/theatre-dete" class="block px-[1.25vw] py-[1vh] text-md">Théâtre d'été</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/sorties-scolaires" class="block px-[1.25vw] py-[1vh] text-md">Sorties scolaires</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                        

                            <li data-scroll="" style="animation-delay: 0.1s;"><a href="/abonnements-en-formule-au-choix" data-submenu-target="submenu-a7c3a20e-faf1-45bc-a7f1-ae084a21cf13" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">Abonnements <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/theatre" class="block px-[1.25vw] py-[1vh] text-md">Théâtre</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/jeune-public" class="block px-[1.25vw] py-[1vh] text-md">Jeunesse</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/danse" class="block px-[1.25vw] py-[1vh] text-md">Danse</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/kolab" class="block px-[1.25vw] py-[1vh] text-md">KOLAB</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/osd" class="block px-[1.25vw] py-[1vh] text-md">OSD</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/abonnements/ateliers-drac" class="block px-[1.25vw] py-[1vh] text-md">Ateliers DRAC</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                        

                            <li data-scroll="" style="animation-delay: 0.2s;"><a href="/membres" data-submenu-target="submenu-cb59f67f-8fac-4fee-96ca-a518ca3a31aa" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">Membres <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/membres" class="block px-[1.25vw] py-[1vh] text-md">Avantages</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="block px-[1.25vw] py-[1vh] text-md" target="_blank">Adhésion</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="block px-[1.25vw] py-[1vh] text-md" target="_blank">Renouveler</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                        

                            <li data-scroll="" style="animation-delay: 0.3s;"><a href="/promo" data-submenu-target="submenu-5f23504d-3b4f-4fe5-b796-a62756a63d24" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">Promotions <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/promo" class="block px-[1.25vw] py-[1vh] text-md">Promo</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/promo/groupes" class="block px-[1.25vw] py-[1vh] text-md">Groupes</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/promo/carte-cadeaux" class="block px-[1.25vw] py-[1vh] text-md">Carte-cadeau</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                        

                            <li data-scroll="" style="animation-delay: 0.4s;"><a href="/evenements-et-location-des-salles" data-submenu-target="submenu-d55bbfc6-0510-4cc9-8c2f-94f1843aeb9e" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">Location de salles <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/evenements-et-location-des-salles" class="block px-[1.25vw] py-[1vh] text-md">Événements et location des salles</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/evenements-et-location-des-salles/plans-et-devis-techniques" class="block px-[1.25vw] py-[1vh] text-md">Plans et devis techniques</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                        

                            <li data-scroll="" style="animation-delay: 0.5s;"><a href="/a-propos/infos-generales" data-submenu-target="submenu-363fcdb4-7eff-4fbd-a5f1-e5bb985dd9ee" class="block pl-[1vw] pr-[9rem] sm:pr-[4vw] py-[1vh] text-xl font-bold uppercase">À propos <button class="mobile-submenu-toggler"><span></span></button></a>
                                
                                

                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh]" data-height="0px" style="height: 0px;">
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/infos-generales" class="block px-[1.25vw] py-[1vh] text-md">Infos générales</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/corporation" class="block px-[1.25vw] py-[1vh] text-md">La Corporation</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/conseil-dadministration" class="block px-[1.25vw] py-[1vh] text-md">Conseil d'administration</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/equipe-et-bien-etre" class="block px-[1.25vw] py-[1vh] text-md">Équipe et bien-être</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/partenaires" class="block px-[1.25vw] py-[1vh] text-md">Partenaires</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/philanthropie-et-acces-culturel" class="block px-[1.25vw] py-[1vh] text-md">Philanthropie et accès culture</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/mediation" class="block px-[1.25vw] py-[1vh] text-md">Médiation</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                            
                                                <li>
                                                    
                                                        <a href="/a-propos/mediatheque" class="block px-[1.25vw] py-[1vh] text-md">Médiathèque</a>
                                                    

                                                    <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                                                        
                                                    </ul>
                                                </li>
                                            
                                        
                                    </ul>

                                
                                
                            </li>

                        

                    

                </ul>

            </div>

            <div class="hidden sm:block sm:w-[45%]">

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-74a5ed69-1f1b-4c93-96a6-e880a066054f" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/programmation" class="inline-block px-[1vw] py-[1vh] text-lg">Spectacles</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="/mises-en-vente" class="inline-block px-[1vw] py-[1vh] text-lg">Mises en vente</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.2s;">
                                            
                                                <a href="/theatre-dete" class="inline-block px-[1vw] py-[1vh] text-lg">Théâtre d'été</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.3s;">
                                            
                                                <a href="/sorties-scolaires" class="inline-block px-[1vw] py-[1vh] text-lg">Sorties scolaires</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                
                            
                        </ul>

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-a7c3a20e-faf1-45bc-a7f1-ae084a21cf13" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/abonnements/theatre" class="inline-block px-[1vw] py-[1vh] text-lg">Théâtre</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="/abonnements/jeune-public" class="inline-block px-[1vw] py-[1vh] text-lg">Jeunesse</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.2s;">
                                            
                                                <a href="/abonnements/danse" class="inline-block px-[1vw] py-[1vh] text-lg">Danse</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.3s;">
                                            
                                                <a href="/abonnements/kolab" class="inline-block px-[1vw] py-[1vh] text-lg">KOLAB</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.4s;">
                                            
                                                <a href="/abonnements/osd" class="inline-block px-[1vw] py-[1vh] text-lg">OSD</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.5s;">
                                            
                                                <a href="/abonnements/ateliers-drac" class="inline-block px-[1vw] py-[1vh] text-lg">Ateliers DRAC</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                            
                        </ul>

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-cb59f67f-8fac-4fee-96ca-a518ca3a31aa" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/membres" class="inline-block px-[1vw] py-[1vh] text-lg">Avantages</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="inline-block px-[1vw] py-[1vh] text-lg" target="_blank">Adhésion</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.2s;">
                                            
                                                <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="inline-block px-[1vw] py-[1vh] text-lg" target="_blank">Renouveler</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                            
                        </ul>

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-5f23504d-3b4f-4fe5-b796-a62756a63d24" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/promo" class="inline-block px-[1vw] py-[1vh] text-lg">Promo</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="/promo/groupes" class="inline-block px-[1vw] py-[1vh] text-lg">Groupes</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.2s;">
                                            
                                                <a href="/promo/carte-cadeaux" class="inline-block px-[1vw] py-[1vh] text-lg">Carte-cadeau</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                            
                        </ul>

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-d55bbfc6-0510-4cc9-8c2f-94f1843aeb9e" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/evenements-et-location-des-salles" class="inline-block px-[1vw] py-[1vh] text-lg">Événements et location des salles</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="/evenements-et-location-des-salles/plans-et-devis-techniques" class="inline-block px-[1vw] py-[1vh] text-lg">Plans et devis techniques</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                            
                        </ul>

                

                        <ul aria-hidden="" data-scroll-manual="" data-scroll-group="" data-submenu="submenu-363fcdb4-7eff-4fbd-a5f1-e5bb985dd9ee" class="absolute pl-[4rem]">

                            
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0s;">
                                            
                                                <a href="/a-propos/infos-generales" class="inline-block px-[1vw] py-[1vh] text-lg">Infos générales</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.1s;">
                                            
                                                <a href="/a-propos/corporation" class="inline-block px-[1vw] py-[1vh] text-lg">La Corporation</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.2s;">
                                            
                                                <a href="/a-propos/conseil-dadministration" class="inline-block px-[1vw] py-[1vh] text-lg">Conseil d'administration</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.3s;">
                                            
                                                <a href="/a-propos/equipe-et-bien-etre" class="inline-block px-[1vw] py-[1vh] text-lg">Équipe et bien-être</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.4s;">
                                            
                                                <a href="/a-propos/partenaires" class="inline-block px-[1vw] py-[1vh] text-lg">Partenaires</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.5s;">
                                            
                                                <a href="/a-propos/philanthropie-et-acces-culturel" class="inline-block px-[1vw] py-[1vh] text-lg">Philanthropie et accès culture</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.6s;">
                                            
                                                <a href="/a-propos/mediation" class="inline-block px-[1vw] py-[1vh] text-lg">Médiation</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                                    
                                        <li data-scroll-manual="" style="animation-delay: 0.7s;">
                                            
                                                <a href="/a-propos/mediatheque" class="inline-block px-[1vw] py-[1vh] text-lg">Médiathèque</a>
                                            

                                            <ul class="pl-8">
                                                
                                            </ul>

                                        </li>
                                    
                                
                            
                        </ul>

                

            </div>

        </div>

    </div>

</div>
        
        <div class="w-full absolute bg-black bottom-0 sm:bottom-[7vh] border-t-[1px] sm:border-0 border-gray-dark">

            <div class="container">

                <div class="hidden sm:block"><span data-scroll="fade pinch">Billetterie : 819 477-5412</span></div>

                <hr data-scroll="hr" class="hidden sm:block mt-[5vh] mb-[6vh]">

                <div class="flex flex-col sm:flex-row my-4 sm:my-0 gap-4 sm:gap-0 text-xxs items-center sm:h-[10vh]X sm:h-autoX h-auto">

                    <div data-scroll="fade pinch" class="md:pr-[2rem]">

                        <nav class="flex gap-[2.25rem] h-[2.3rem]">
                            
                                <a class="block h-full" href="https://www.facebook.com/maisondesarts" target="_blank">
                                    <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<g id="Group_5689_00000016064401968506198040000000653226643331655338_" transform="translate(123.875 2702.069)">
	<g>
		<defs>
			<path id="SVGID_1_" d="M-81.3-2699.9c-10.3,0-14.9,4.5-14.9,13.2v9.2h-7.2v11.7h7.2v34.4h13.8v-34.6h9.6l1-11.6h-10.7v-6.6
				c0-2.7,0.5-3.8,3.2-3.8h7.5v-12H-81.3z"></path>
		</defs>
		<use xlink:href="#SVGID_1_" style="overflow:visible;fill:#FFFFFF;"></use>
		<clipPath id="SVGID_00000171677603793005042800000003791994339344567445_">
			<use xlink:href="#SVGID_1_" style="overflow:visible;"></use>
		</clipPath>
	</g>
</g>
</svg>

                                </a>
                            
                                <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville" target="_blank">
                                    <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_5694_00000089547263595045159020000004333940200110288563_" transform="translate(0 0)">
	<path id="Path_89_00000182486492996395315240000013372215292006871463_" class="st0" d="M7.8,21.8h12.3v39.5H7.8V21.8z M14,2.2
		c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1S10,2.2,14,2.2C14,2.2,14,2.2,14,2.2 M27.8,61.3h12.3V41.8
		c0-5.2,1-10.2,7.4-10.2c6.3,0,6.4,5.9,6.4,10.5v19.2h12.3V39.7c0-10.6-2.3-18.8-14.7-18.8c-4.8-0.2-9.2,2.3-11.6,6.4h-0.2v-5.4
		H27.8L27.8,61.3z"></path>
</g>
</svg>

                                </a>
                            
                                <a class="block h-full" href="https://www.youtube.com/drspectacles" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" style="fill:#fff;"></path></svg>
                                </a>
                            
                                <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts" target="_blank">
                                    <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M56.4,15.9c0.3,0.3,0.6,0.6,0.8,0.9C57,16.5,56.7,16.2,56.4,15.9c-3.8-2.4-6.4-6.2-7.1-10.5
	c-0.1-0.4-0.1-0.9-0.2-1.3V2.7H37.9v44.6c0,5.2-4.3,9.4-9.5,9.4c-1.5,0-2.9-0.3-4.2-1c0,0,0,0,0,0c-4.7-2.4-6.5-8-4.2-12.7
	c2.1-4.1,6.9-6.1,11.3-4.7v-8.9c0,0,0,0,0,0v-2.5C20,25.2,9.6,33.1,8.1,44.4C7,52.2,10.5,60,17,64.3c0,0,0,0,0,0
	c9.5,6.3,22.3,3.8,28.6-5.7c2.3-3.4,3.5-7.4,3.5-11.5V24.4c4.5,3.2,10,5,15.6,5v-8.8c0,0,0,0,0,0v-2.4
	C61.8,18.3,58.9,17.5,56.4,15.9z M31.3,29.3L31.3,29.3c-0.7,0-1.3,0.1-2,0.1C30,29.4,30.7,29.3,31.3,29.3z M17.1,35.4
	c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.3-0.3,0.5-0.4C17.6,35,17.4,35.2,17.1,35.4z M31.7,59.3C31.7,59.3,31.6,59.3,31.7,59.3
	c0,0,0.1,0,0.2,0C31.8,59.3,31.8,59.3,31.7,59.3z"></path>
</svg>

                                </a>
                            
                                <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/" target="_blank">
                                    <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_6132" transform="translate(0 0)">
	<path id="Path_798" class="st0" d="M70.9,19.8c-0.4-4.5-2.4-8.8-5.6-11.9c-3.5-3.2-8-5.1-12.8-5.2C41,2,29.4,2.1,18,3
		C10.6,3.9,4.5,9.3,2.9,16.6c-1.7,5.9-1.3,33.3-0.4,39.2c0.9,7.6,6.6,13.7,14,15.2c5.5,1.4,32.5,1.2,38.6,0.3
		c7.6-0.9,13.7-6.5,15.3-14C72,51.2,71.5,25.2,70.9,19.8 M64.5,54.6c-0.6,5.8-5.3,10.2-11.1,10.5c-5.6,0.6-30.8,1-36-0.5
		c-4.7-1.1-8.1-5.1-8.7-9.9c-0.9-11.7-0.9-23.5,0-35.2c0.6-5.7,5.3-10.2,11-10.5c11.4-0.8,22.9-0.7,34.3,0.1
		c5.8,0.6,10.2,5.3,10.5,11.1C65.4,31.8,65.3,43.2,64.5,54.6 M36.6,19.2c-9.9,0-17.9,8-17.9,17.9S26.7,55,36.6,55
		c9.9,0,17.9-8,17.9-17.9c0,0,0,0,0,0C54.5,27.3,46.5,19.2,36.6,19.2 M36.5,48.7C30.1,48.6,25,43.4,25,37
		c0.1-6.4,5.3-11.5,11.7-11.5c6.4,0.1,11.5,5.3,11.5,11.7C48.1,43.6,42.9,48.7,36.5,48.7 M59.4,18.6c0,2.3-1.9,4.2-4.2,4.2
		c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2c0,0,0,0,0,0C57.5,14.4,59.4,16.2,59.4,18.6C59.4,18.6,59.4,18.6,59.4,18.6"></path>
</g>
</svg>

                                </a>
                            
                        
                        </nav>
                        
                    </div>
                    <div class="sm:ml-auto">
                        <nav data-scroll="fade pinch" class="block font-bold">
                            <ul class="flex -mr-[1rem]">
                                
                                    <li><a href="https://www.drac.ca/" class="px-[1rem] text-base" target="_blank">DRAC</a></li>
                                
                            </ul>
                        </nav>
                    </div>
                    <div class="sm:ml-auto text-right">

                        <div class="lg:hidden text-base"><span data-scroll="fade pinch">Billetterie : 819 477-5412</span></div>

                        <nav data-scroll="fade pinch" class="hidden lg:block font-bold">
                        
                            <ul class="flex -mr-[1rem]">
                                
                                    <li><a href="/politique-de-confidentialite" class="px-[1rem]">Politique de confidentialité</a></li>
                                
                                    <li><a href="/contact" class="px-[1rem]">Contact</a></li>
                                
                            </ul>
            
                        </nav>
                    </div>

                </div>

            </div>

        </div>

    </div>

</nav>

        
        <main id="main" class="pt-[8.75rem] md:pt-[14rem]">
            
            
<section class="theme-light">
    <div class="container">
        
        
            
        <h2 data-scroll="lines" class="h2 lg:w-[80%] is-inview" style="animation-delay: 0s; opacity: 1;"><div class="line" style="display: block; text-align: start; width: 100%; --index: 0;"><div class="word" style="display: inline-block;">Page</div> <div class="word" style="display: inline-block;">non</div> <div class="word" style="display: inline-block;">trouvée</div></div></h2><div data-scroll="" class="text-xl mb-[3.5rem] is-inview" style="animation-delay: 0.1s;">
            <p>Le contenu demandé n'a pu être acheminé.</p>
        </div>

    </div>
</section>
            
        </main>

        
        <section class="theme-default pb-0">

    <div class="container mb-[8rem] md:mb-[7vw]">

        
        <form id="form-subscribe" action="https://www.ovation.ca/marketing/01/Newsletter/Subscribe" class="flex flex-col gap-[2rem] md:gap-0 md:flex-row items-start md:items-end">

            

            <h3 data-scroll="lines" class="h5 -mb-[.5rem] md:w-1/2 is-inview" style="animation-delay: 0s; opacity: 1;"><div class="line" style="display: block; text-align: start; width: 100%; --index: 0;"><div class="word" style="display: inline-block;">Inscrivez-vous</div></div><div class="line" style="display: block; text-align: start; width: 100%; --index: 1;"><div class="word" style="display: inline-block;">à</div> <div class="word" style="display: inline-block;">notre</div> <div class="word" style="display: inline-block;">infolettre</div></div></h3><div data-scroll="" class="pb-[.5rem] md:w-1/4 w-full sm:w-auto is-inview" style="animation-delay: 0.1s;">
                <div class="relative w-full">
                    <input id="form-subscribe-email" class="w-full" type="text" placeholder="Votre courriel">
                    <label for="form-subscribe-email">Votre courriel</label>
                </div>
            </div>

            <div data-scroll="" class="md:pl-[6rem] md:w-1/4 pt-[.75rem] md:pt-0 is-inview" style="animation-delay: 0.2s;">
                <button type="submit" class="btn w-full"><div class="char" style="display: inline-block; --index: 0;">S</div><div class="char" style="display: inline-block; --index: 1;">’</div><div class="char" style="display: inline-block; --index: 2;">i</div><div class="char" style="display: inline-block; --index: 3;">n</div><div class="char" style="display: inline-block; --index: 4;">s</div><div class="char" style="display: inline-block; --index: 5;">c</div><div class="char" style="display: inline-block; --index: 6;">r</div><div class="char" style="display: inline-block; --index: 7;">i</div><div class="char" style="display: inline-block; --index: 8;">r</div><div class="char" style="display: inline-block; --index: 9;">e</div></button>
            </div>

        </form>

    </div>

      <lottie-player class="-mb-[.1rem]" data-frames="165" id="footer-wave" src="/lottie/wave-footer.json" background="transparent">undefined <div id="animation-container" lang="en" role="img" class="main" aria-label="Lottie animation">
      <div id="animation" class="animation" style="background:transparent;">
        <!--?lit$008521889$-->
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2000 142" width="2000" height="142" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_2"><rect width="2000" height="142" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_2)"><g transform="matrix(1,0,0,1,0,-100)" opacity="1" style="display: block;"><rect width="2000" height="342" fill="#ffffff"></rect></g><g transform="matrix(1,0,0,1,-4.800000190734863,70)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(0,0,0)" fill-opacity="1" d=" M258.59698486328125,-4 C187.5970001220703,-4 208.1999969482422,22 -53.79999923706055,22 C-315.79998779296875,22 -412,-15 -596,-15 C-780,-15 -772,53 -1106,55 C-1440,57 -1433,-47.5 -1497,-47.5 C-1561,-47.5 -1562,7 -1623.5,7 C-1685,7 -1683,-39.5 -1749,-39.5 C-1815,-39.5 -1831.5,19 -2046,19 C-2148,19 -2000,293 -2000,293 C-2000,293 2184,605 2184,605 C2184,605 2284,131 2284,131 C2284,131 2360.197021484375,34 1998.197998046875,34 C1636.197998046875,34 1606.197998046875,-4 1414.198974609375,-4 C1222.198974609375,-4 1190.199951171875,20 882.2000122070312,20 C574.2000122070312,20 577.197998046875,0 510.1990051269531,0 C443.1990051269531,0 450.1969909667969,12 386.1969909667969,12 C322.197998046875,12 329.59698486328125,-4 258.59698486328125,-4z"></path></g></g></g></svg></div>
      <!--?lit$008521889$-->
    </div></lottie-player>

</section>


<footer data-scroll-group="" class="theme-dark">
    <div class="container">

        <div class="mb-[5rem] md:mb-[8rem] flex gap-[5rem] md:gap-0 flex-col md:flex-row">

            <div class="md:w-1/4 md:pr-[2rem]">
                <a href="/" class="">
                    </a><a data-scroll="fade pinch" href="" class="block h-[5rem] is-inview" style="animation-delay: 0s;">
                        <svg x="0px" y="0px" viewBox="0 0 1079 243.4" style="enable-background:new 0 0 1079 243.4;" xml:space="preserve">
                       <path d="M290.5,179.6c-24.3,0-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2c-11.8,0-17.2,5.3-25.4,13.2
                           c-9.5,9.3-22.6,21.9-47,21.9s-37.4-12.7-47-21.9c-8.2-7.9-13.6-13.2-25.4-13.2s-17.2,5.3-25.4,13.2c-9.5,9.3-22.6,21.9-47,21.9
                           v-30.8c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2
                           c11.8,0,17.2-5.3,25.4-13.2c9.5-9.3,22.6-21.9,47-21.9s37.4,12.7,47,21.9c8.2,7.9,13.6,13.2,25.4,13.2V179.6L290.5,179.6z"></path>
                       <path d="M290.5,103.8c-27.6,0-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S204,44.2,195.7,60.3c-9.9,19.4-22.5,43.6-49.9,43.6
                           s-40-24.2-49.9-43.6c-8.4-16.1-14.4-26.7-22.5-26.7S59.3,44.2,50.9,60.3C41,79.6,28.6,103.8,1,103.8V73c8.1,0,14.1-10.5,22.5-26.7
                           C33.4,27,45.8,2.8,73.4,2.8s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7c8.1,0,14.1-10.5,22.5-26.7
                           c9.9-19.4,22.5-43.6,49.9-43.6s40,24.2,49.9,43.6c8.4,16.1,14.4,26.7,22.5,26.7V103.8z"></path>
                       <rect x="1.2" y="210.6" width="289.4" height="31"></rect>
                       <polygon points="373.9,25.6 386.9,58.4 396.5,58.4 409.5,25.6 409.5,58.4 421,58.4 421,2.3 407.7,2.3 391.7,43.1 375.8,2.3 
                           362.4,2.3 362.4,58.4 373.9,58.4 	"></polygon>
                       <path d="M444.1,45.1h21.7l5.4,13.3h12.1L460.4,2.3h-10.8l-22.9,56.1h12.1L444.1,45.1L444.1,45.1z M448.4,34.7l6.7-16.1l6.5,16.1
                           H448.4z"></path>
                       <rect x="488.9" y="2.3" width="11.5" height="56.1"></rect>
                       <path d="M534,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                           c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                           c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                           C543.5,48.2,537.4,49.1,534,49L534,49z"></path>
                       <path d="M588.1,59.5c16.7,0,28.1-11.8,28.1-29.3s-11.3-29-28.1-29c-16.7,0-27.9,11.6-27.9,29S571.3,59.5,588.1,59.5L588.1,59.5z
                            M588.1,11.8c10.1,0,16.4,7.1,16.4,18.4s-6.4,18.6-16.4,18.6s-16.3-7.1-16.3-18.6S578,11.8,588.1,11.8z"></path>
                       <polygon points="635.5,20.6 660.5,58.4 672.2,58.4 672.2,2.3 660.6,2.3 660.6,40.1 635.8,2.3 624,2.3 624,58.4 635.5,58.4 	"></polygon>
                       <path d="M747.3,30.1c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C735.6,58.4,747.3,46.8,747.3,30.1z M719.7,47.7h-9.6V13h9.6
                           c9.1,0,15.8,7.1,15.8,17C735.5,40.4,729,47.7,719.7,47.7L719.7,47.7z"></path>
                       <polygon points="795.9,47.7 766.6,47.7 766.6,34.9 792.5,34.9 792.5,24.5 766.6,24.5 766.6,13 795.1,13 795.1,2.3 755.2,2.3 
                           755.2,58.4 795.9,58.4 	"></polygon>
                       <path d="M826.8,49c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                           c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                           c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                           C836.2,48.2,830.3,49.1,826.8,49L826.8,49z"></path>
                       <path d="M900.2,2.3h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3h12.1L900.2,2.3L900.2,2.3z M901.5,34.7h-13.2l6.7-16.1
                           L901.5,34.7z"></path>
                       <path d="M965.2,32.7c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4v56.1h11.5V38.1h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                           h12.2L970,38.1C969.2,35.8,967.5,33.8,965.2,32.7z M940.4,13h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5V13z"></path>
                       <polygon points="980.4,13 998.3,13 998.3,58.4 1010,58.4 1010,13 1027.8,13 1027.8,2.3 980.4,2.3 	"></polygon>
                       <path d="M1061.4,26.2l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6v-1.2
                           c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                           c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17
                           C1077.8,31.3,1068.4,28.3,1061.4,26.2L1061.4,26.2z"></path>
                       <path d="M382.9,94.1h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,94.1,382.9,94.1z M383.5,139.5h-9.6v-34.9h9.6
                           c9.1,0,15.8,7.1,15.8,17C399.3,132.2,392.8,139.5,383.5,139.5L383.5,139.5z"></path>
                       <polygon points="460.5,139.5 431.4,139.5 431.4,126.5 457.1,126.5 457.1,116.2 431.4,116.2 431.4,104.6 459.9,104.6 459.9,94.1 
                           419.9,94.1 419.9,150.2 460.5,150.2 	"></polygon>
                       <path d="M513.4,134.2c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1
                           h11.6v-1.2c-0.8-11.9-9.6-19.4-23.1-19.4c-12.2,0-20.3,6.7-20.3,16.4c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4
                           c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8
                           C505.2,151.3,513.4,144.6,513.4,134.2L513.4,134.2z"></path>
                       <path d="M519.9,125.5v8.7c0,9.9,8.2,16.9,20,16.9c11.8,0,19.5-7.3,19.5-17.7V93.8h-11.5v39.5c0,4.2-3.3,7.1-8.2,7.1
                           c-5,0-8.4-2.5-8.4-6.4v-8.7L519.9,125.5L519.9,125.5z"></path>
                       <path d="M620.2,150.2l-22.9-56.1h-10.8l-22.9,56.1h12.1l5.4-13.3h21.7l5.4,13.3H620.2L620.2,150.2z M598.3,126.3h-13.2l6.7-16.1
                           L598.3,126.3z"></path>
                       <path d="M662.8,124.3c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4h-27.4V150h11.5v-20.3h14.6c2,0,3.3,0.9,3.9,2.5l6.5,17.7
                           H675l-7.4-20.1C666.8,127.4,665.1,125.5,662.8,124.3z M638,104.6h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6H638V104.6z"></path>
                       <path d="M731,121.8c0-16.3-11.6-27.7-28.2-27.7h-20.5v56.1h20.5C719.4,150,731,138.4,731,121.8z M703.2,139.5h-9.6v-34.9h9.6
                           c9.1,0,15.8,7.1,15.8,17C719.1,132.2,712.5,139.5,703.2,139.5L703.2,139.5z"></path>
                       <rect x="739.7" y="94.1" width="11.5" height="56.1"></rect>
                       <polygon points="810.5,94.1 798.9,94.1 798.9,131.7 774.1,94.1 762.3,94.1 762.3,150.2 773.8,150.2 773.8,112.3 798.7,150.2 
                           810.5,150.2 	"></polygon>
                       <path d="M820.9,109.2c0,11.2,10.4,14.3,16.6,16.1l9.1,2.8c5.9,1.9,7.7,3.4,7.7,6.4c0,5.3-5.9,6-9.5,6c-7.7,0-12.9-3.3-13.6-8.5
                           l-0.2-0.9h-11.6v1.2c0.8,11.5,10.7,18.8,25.4,18.8c12.9,0,21.2-6.7,21.2-17c0-11.3-9.5-14.3-16.4-16.4l-9.1-2.9
                           c-5.1-1.7-8.1-2.8-8.1-6c0-4,4.5-5.4,8.5-5.4c7.1,0,11.3,3.3,11.8,9v1.1h11.6V112c-0.8-11.9-9.6-19.4-23.1-19.4
                           C829.1,93,820.9,99.5,820.9,109.2L820.9,109.2z"></path>
                       <path d="M382.9,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S399.6,185.7,382.9,185.7z M383.5,231.2h-9.6v-34.9h9.6
                           c9.1,0,15.8,7.1,15.8,17C399.3,223.9,392.8,231.2,383.5,231.2z"></path>
                       <path d="M457.4,216c5.9-2.6,9.5-7.7,9.5-13.9c0-9.6-7.6-16.4-18.4-16.4H421v56.1h11.5v-20.3h14.6c2,0,3.3,0.8,3.9,2.5l6.5,17.7
                           h12.2l-7.4-20.1C461.3,219.1,459.6,217.1,457.4,216L457.4,216z M432.6,196.4h15.5c4.5,0,7.4,2.8,7.4,7.1c0,3.6-2,7.6-7.4,7.6h-15.5
                           V196.4z"></path>
                       <path d="M512.9,222.5c0,5.9-4.6,9.6-12.1,9.6s-11.9-3.9-11.9-9.6v-36.7h-11.5v37c0,11.9,9.8,20.1,23.6,20.1
                           c13.8,0,23.6-8.4,23.6-20.1v-37h-11.5v36.7H512.9z"></path>
                       <polygon points="565.8,226.4 549.7,185.7 536.3,185.7 536.3,241.8 547.9,241.8 547.9,208.9 560.8,241.8 570.6,241.8 583.4,208.9 
                           583.4,241.8 594.9,241.8 594.9,185.7 581.6,185.7 	"></polygon>
                       <polygon points="636.6,226.4 620.6,185.7 607.3,185.7 607.3,241.8 618.8,241.8 618.8,208.9 631.8,241.8 641.4,241.8 654.4,208.9 
                           654.4,241.8 665.9,241.8 665.9,185.7 652.6,185.7 	"></polygon>
                       <path d="M703.7,184.6c-16.7,0-27.9,11.6-27.9,29s11.2,29.3,27.9,29.3s28.1-11.8,28.1-29.3S720.6,184.6,703.7,184.6z M703.7,232.3
                           c-10.1,0-16.3-7.1-16.3-18.6s6.2-18.4,16.3-18.4s16.4,7,16.4,18.4S713.9,232.3,703.7,232.3z"></path>
                       <polygon points="778.3,223.5 753.5,185.7 741.7,185.7 741.7,241.8 753.1,241.8 753.1,204.1 778.1,241.8 789.9,241.8 789.9,185.7 
                           778.3,185.7 	"></polygon>
                       <path d="M822.6,185.7h-20.5v56.1h20.5c16.6,0,28.2-11.6,28.2-28.4S839.3,185.7,822.6,185.7z M823.2,231.2h-9.6v-34.9h9.6
                           c9.1,0,15.8,7.1,15.8,17C839,223.9,832.7,231.2,823.2,231.2z"></path>
                       <polygon points="881.2,224.7 866.1,185.7 853.7,185.7 875.6,241.8 886.7,241.8 908,185.7 895.6,185.7 	"></polygon>
                       <rect x="915.1" y="185.7" width="11.5" height="56.1"></rect>
                       <polygon points="950.4,185.7 939,185.7 939,241.8 977.9,241.8 977.9,231.2 950.4,231.2 	"></polygon>
                       <polygon points="998.6,185.7 987.2,185.7 987.2,241.8 1026.1,241.8 1026.1,231.2 998.6,231.2 	"></polygon>
                       <polygon points="1046.8,218.2 1072.6,218.2 1072.6,207.8 1046.8,207.8 1046.8,196.4 1075.4,196.4 1075.4,185.7 1035.4,185.7 
                           1035.4,241.8 1076,241.8 1076,231.2 1046.8,231.2 	"></polygon>
                   </svg>
                </a>
            </div>
            <div class="md:w-1/4 md:pr-[2rem] md:ml-auto">
                <div data-scroll="fade pinch" class="text-lg md:text-sm lg:text-base is-inview" style="animation-delay: 0.1s;">
                    Billetterie : 819 477-5412
                </div>
            </div>

        </div>

        <div class="md:flex text-sm md:text-xxs font-bold">

    

        
        
        <div class="md:w-1/4 md:pr-[2rem]">
            
            <nav data-scroll="fade pinch" class="is-inview" style="animation-delay: 0.2s;">
        
            
                <a href="/programmation" class="inline-block uppercase mb-[2rem]">Programmation</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/programmation" class="inline-block py-[.4rem]">Spectacles</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/mises-en-vente" class="inline-block py-[.4rem]">Mises en vente</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/theatre-dete" class="inline-block py-[.4rem]">Théâtre d'été</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/sorties-scolaires" class="inline-block py-[.4rem]">Sorties scolaires</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="javascript:void(0);" class="inline-block py-[.4rem]">En partenariat</a>
                                

                                
                                    <ul class="ml-4">
                                        
                                            <li class="">
                                                
                                                    <a href="https://ublo.tv/" class="inline-block py-[.4rem]" target="_blank">Ublo.tv</a>
                                                
                                            </li>
                                        
                                            <li class="">
                                                
                                                    <a href="/nouvelle-salle" class="inline-block py-[.4rem]">Nouvelle salle</a>
                                                
                                            </li>
                                        
                                    </ul>
                                
                            </li>
                        
                    </ul>
                

        
            </nav>
        </div>
        

    

        
        
        <div class="md:w-1/4 md:pr-[2rem]">
            
            <nav data-scroll="fade pinch" class="is-inview" style="animation-delay: 0.3s;">
        
            
                <a href="/abonnements-en-formule-au-choix" class="inline-block uppercase mb-[2rem]">Abonnements</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/abonnements/theatre" class="inline-block py-[.4rem]">Théâtre</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/abonnements/jeune-public" class="inline-block py-[.4rem]">Jeunesse</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/abonnements/danse" class="inline-block py-[.4rem]">Danse</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/abonnements/kolab" class="inline-block py-[.4rem]">KOLAB</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/abonnements/osd" class="inline-block py-[.4rem]">OSD</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/abonnements/ateliers-drac" class="inline-block py-[.4rem]">Ateliers DRAC</a>
                                

                                
                            </li>
                        
                    </ul>
                

        

    

        
        
            
                <a href="/membres" class="inline-block uppercase mb-[2rem]">Membres</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/membres" class="inline-block py-[.4rem]">Avantages</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="inline-block py-[.4rem]" target="_blank">Adhésion</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&amp;CodeSiteClient=00000P&amp;Lang=FR" class="inline-block py-[.4rem]" target="_blank">Renouveler</a>
                                

                                
                            </li>
                        
                    </ul>
                

        
            </nav>
        </div>
        

    

        
        
        <div class="md:w-1/4 md:pr-[2rem]">
            
            <nav data-scroll="fade pinch" class="is-inview" style="animation-delay: 0.4s;">
        
            
                <a href="/promo" class="inline-block uppercase mb-[2rem]">Promotions</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/promo" class="inline-block py-[.4rem]">Promo</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/promo/groupes" class="inline-block py-[.4rem]">Groupes</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/promo/carte-cadeaux" class="inline-block py-[.4rem]">Carte-cadeau</a>
                                

                                
                            </li>
                        
                    </ul>
                

        
            </nav>
        </div>
        

    

        
        
        <div class="md:w-1/4 md:pr-[2rem]">
            
            <nav data-scroll="fade pinch" class="is-inview" style="animation-delay: 0.5s;">
        
            
                <a href="/evenements-et-location-des-salles" class="inline-block uppercase mb-[2rem]">Location de salles</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/evenements-et-location-des-salles" class="inline-block py-[.4rem]">Événements et location des salles</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/evenements-et-location-des-salles/plans-et-devis-techniques" class="inline-block py-[.4rem]">Plans et devis techniques</a>
                                

                                
                            </li>
                        
                    </ul>
                

        
            </nav>
        </div>
        

    

        
        
        <div class="md:w-1/4 md:pr-[2rem]">
            
            <nav data-scroll="fade pinch" class="is-inview" style="animation-delay: 0.6s;">
        
            
                <a href="/a-propos/infos-generales" class="inline-block uppercase mb-[2rem]">À propos</a>

                
                    <ul class="mb-[4rem]">
                        
                            <li>
                                
                                    <a href="/a-propos/infos-generales" class="inline-block py-[.4rem]">Infos générales</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/corporation" class="inline-block py-[.4rem]">La Corporation</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/conseil-dadministration" class="inline-block py-[.4rem]">Conseil d'administration</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/equipe-et-bien-etre" class="inline-block py-[.4rem]">Équipe et bien-être</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/partenaires" class="inline-block py-[.4rem]">Partenaires</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/philanthropie-et-acces-culturel" class="inline-block py-[.4rem]">Philanthropie et accès culture</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/mediation" class="inline-block py-[.4rem]">Médiation</a>
                                

                                
                            </li>
                        
                            <li>
                                
                                    <a href="/a-propos/mediatheque" class="inline-block py-[.4rem]">Médiathèque</a>
                                

                                
                            </li>
                        
                    </ul>
                

        
            </nav>
        </div>
        

    

</div>

        
        <hr data-scroll="hr" class="mt-[5rem] mb-[6.5rem] md:my-[2.5rem]" style="animation-delay: 0.7s;">

        <div class="flex flex-col md:flex-row text-sm md:text-xxs md:items-center mb-[2rem]">

            <div data-scroll="fade pinch" class="md:pr-[2rem]" style="animation-delay: 0.8s;">

                <nav class="flex gap-[3rem] h-[2.3rem]">
                    
                    
                        <a class="block h-full" href="https://www.facebook.com/maisondesarts" target="_blank">
                            <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<g id="Group_5689_00000016064401968506198040000000653226643331655338_" transform="translate(123.875 2702.069)">
	<g>
		<defs>
			<path id="SVGID_1_" d="M-81.3-2699.9c-10.3,0-14.9,4.5-14.9,13.2v9.2h-7.2v11.7h7.2v34.4h13.8v-34.6h9.6l1-11.6h-10.7v-6.6
				c0-2.7,0.5-3.8,3.2-3.8h7.5v-12H-81.3z"></path>
		</defs>
		<use xlink:href="#SVGID_1_" style="overflow:visible;fill:#FFFFFF;"></use>
		<clipPath id="SVGID_00000171677603793005042800000003791994339344567445_">
			<use xlink:href="#SVGID_1_" style="overflow:visible;"></use>
		</clipPath>
	</g>
</g>
</svg>

                        </a>
                    
                        <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville" target="_blank">
                            <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_5694_00000089547263595045159020000004333940200110288563_" transform="translate(0 0)">
	<path id="Path_89_00000182486492996395315240000013372215292006871463_" class="st0" d="M7.8,21.8h12.3v39.5H7.8V21.8z M14,2.2
		c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1S10,2.2,14,2.2C14,2.2,14,2.2,14,2.2 M27.8,61.3h12.3V41.8
		c0-5.2,1-10.2,7.4-10.2c6.3,0,6.4,5.9,6.4,10.5v19.2h12.3V39.7c0-10.6-2.3-18.8-14.7-18.8c-4.8-0.2-9.2,2.3-11.6,6.4h-0.2v-5.4
		H27.8L27.8,61.3z"></path>
</g>
</svg>

                        </a>
                    
                        <a class="block h-full" href="https://www.youtube.com/drspectacles" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" style="fill:#fff;"></path></svg>
                        </a>
                    
                        <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts" target="_blank">
                            <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M56.4,15.9c0.3,0.3,0.6,0.6,0.8,0.9C57,16.5,56.7,16.2,56.4,15.9c-3.8-2.4-6.4-6.2-7.1-10.5
	c-0.1-0.4-0.1-0.9-0.2-1.3V2.7H37.9v44.6c0,5.2-4.3,9.4-9.5,9.4c-1.5,0-2.9-0.3-4.2-1c0,0,0,0,0,0c-4.7-2.4-6.5-8-4.2-12.7
	c2.1-4.1,6.9-6.1,11.3-4.7v-8.9c0,0,0,0,0,0v-2.5C20,25.2,9.6,33.1,8.1,44.4C7,52.2,10.5,60,17,64.3c0,0,0,0,0,0
	c9.5,6.3,22.3,3.8,28.6-5.7c2.3-3.4,3.5-7.4,3.5-11.5V24.4c4.5,3.2,10,5,15.6,5v-8.8c0,0,0,0,0,0v-2.4
	C61.8,18.3,58.9,17.5,56.4,15.9z M31.3,29.3L31.3,29.3c-0.7,0-1.3,0.1-2,0.1C30,29.4,30.7,29.3,31.3,29.3z M17.1,35.4
	c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.3-0.3,0.5-0.4C17.6,35,17.4,35.2,17.1,35.4z M31.7,59.3C31.7,59.3,31.6,59.3,31.7,59.3
	c0,0,0.1,0,0.2,0C31.8,59.3,31.8,59.3,31.7,59.3z"></path>
</svg>

                        </a>
                    
                        <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/" target="_blank">
                            <!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_6132" transform="translate(0 0)">
	<path id="Path_798" class="st0" d="M70.9,19.8c-0.4-4.5-2.4-8.8-5.6-11.9c-3.5-3.2-8-5.1-12.8-5.2C41,2,29.4,2.1,18,3
		C10.6,3.9,4.5,9.3,2.9,16.6c-1.7,5.9-1.3,33.3-0.4,39.2c0.9,7.6,6.6,13.7,14,15.2c5.5,1.4,32.5,1.2,38.6,0.3
		c7.6-0.9,13.7-6.5,15.3-14C72,51.2,71.5,25.2,70.9,19.8 M64.5,54.6c-0.6,5.8-5.3,10.2-11.1,10.5c-5.6,0.6-30.8,1-36-0.5
		c-4.7-1.1-8.1-5.1-8.7-9.9c-0.9-11.7-0.9-23.5,0-35.2c0.6-5.7,5.3-10.2,11-10.5c11.4-0.8,22.9-0.7,34.3,0.1
		c5.8,0.6,10.2,5.3,10.5,11.1C65.4,31.8,65.3,43.2,64.5,54.6 M36.6,19.2c-9.9,0-17.9,8-17.9,17.9S26.7,55,36.6,55
		c9.9,0,17.9-8,17.9-17.9c0,0,0,0,0,0C54.5,27.3,46.5,19.2,36.6,19.2 M36.5,48.7C30.1,48.6,25,43.4,25,37
		c0.1-6.4,5.3-11.5,11.7-11.5c6.4,0.1,11.5,5.3,11.5,11.7C48.1,43.6,42.9,48.7,36.5,48.7 M59.4,18.6c0,2.3-1.9,4.2-4.2,4.2
		c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2c0,0,0,0,0,0C57.5,14.4,59.4,16.2,59.4,18.6C59.4,18.6,59.4,18.6,59.4,18.6"></path>
</g>
</svg>

                        </a>
                    
                   
                </nav>
                  
            </div>

            <hr data-scroll="hr" class="md:hidden mt-[6.5rem] mb-[4.25rem]">

            <div class="md:ml-auto flex items-center mb-[1.75rem] md:my-[2rem]">
                <div data-scroll="fade pinch" class="uppercase font-bold pr-[3.5rem] leading-1" style="animation-delay: 0.9s;">
                    Partenaire principal
                </div>
                <div data-scroll="fade pinch" class="ml-auto sm:ml-0 h-[4.75rem] md:h-[3.4rem]" style="animation-delay: 1s;">
                    <svg id="Group_5973" data-name="Group 5973" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 170.036 36.689">
                        <defs>
                        <clipPath id="clip-path">
                            <rect id="Rectangle_1097" data-name="Rectangle 1097" width="170.036" height="36.689" fill="#fff"></rect>
                        </clipPath>
                        </defs>
                        <g id="Group_5972" data-name="Group 5972" transform="translate(0 0)" clip-path="url(#clip-path)">
                        <path id="Path_650" data-name="Path 650" d="M49.53,8.142H42.537V28.549h7.108c6.42,0,10.547-4.013,10.547-10.2C60.193,12.269,55.836,8.142,49.53,8.142ZM49.416,25.11H46.778V11.7h2.867c3.783,0,6.42,2.867,6.42,6.764A6.381,6.381,0,0,1,49.416,25.11ZM0,9.174V27.517l15.938,9.172,15.936-9.172V9.174L15.938,0ZM27.517,11.7V25.11L15.938,31.76,4.357,25V11.7l11.581-6.65Zm113.964-1.72A2.177,2.177,0,1,1,139.3,7.8a2.255,2.255,0,0,1,2.178,2.177m-.344,4.587h-3.669V28.551h3.669ZM83.581,19.951c-1.6-.574-2.063-.918-2.063-1.606,0-.574.46-1.032,1.376-1.032a5.092,5.092,0,0,1,3.325,1.606l2.063-2.293a7.268,7.268,0,0,0-5.389-2.293c-2.979,0-5.045,1.72-5.045,4.127,0,2.751,2.179,3.9,4.243,4.587.23.114.458.114.688.23,1.146.344,1.836.572,1.836,1.26,0,.46-.23,1.032-1.722,1.032a4.233,4.233,0,0,1-3.439-1.72l-2.177,2.293a7.017,7.017,0,0,0,5.617,2.523c3.325,0,5.389-1.606,5.389-4.243C88.4,21.9,86.563,21.1,83.581,19.951Zm81.748,0c-1.6-.574-2.063-.918-2.063-1.606,0-.574.46-1.032,1.376-1.032a5.1,5.1,0,0,1,3.325,1.606l2.064-2.293a7.271,7.271,0,0,0-5.389-2.293c-2.981,0-5.045,1.72-5.045,4.127,0,2.751,2.179,3.9,4.243,4.587.23.114.458.114.688.23,1.146.344,1.834.572,1.834,1.26,0,.46-.228,1.032-1.72,1.032a4.233,4.233,0,0,1-3.439-1.72l-2.177,2.293a7.015,7.015,0,0,0,5.617,2.523c3.325,0,5.389-1.606,5.389-4.243C170.146,21.9,168.311,21.1,165.329,19.951Zm-70.4-9.976a2.178,2.178,0,1,1-4.357,0A2.108,2.108,0,0,1,92.755,7.8a2.255,2.255,0,0,1,2.177,2.177M90.576,33.938c2.407,0,4.013-1.606,4.013-4.929V14.562H90.92V28.893c0,1.262-.572,1.95-1.376,1.95a2.614,2.614,0,0,1-1.262-.344l-.572,3.1A10.283,10.283,0,0,0,90.576,33.938ZM106.4,15.364a6.668,6.668,0,0,0-3.783-1.032,6.366,6.366,0,0,0-5.275,2.293c.23.228,1.836,1.95,2.179,2.293a3.477,3.477,0,0,1,1.95-1.492,2.531,2.531,0,0,1,.916-.114,4.079,4.079,0,0,1,1.262.23,1.957,1.957,0,0,1,1.376,1.948v.918a8.91,8.91,0,0,0-3.1-.574c-2.981,0-5.159,1.95-5.159,4.473a4.341,4.341,0,0,0,4.585,4.357,5.1,5.1,0,0,0,3.555-1.492h.114v1.262h3.439V19.263A4.375,4.375,0,0,0,106.4,15.364Zm-1.376,8.6c0,.688-1.49,1.834-3.209,1.834a1.7,1.7,0,0,1-1.836-1.606c0-.572.344-1.72,2.179-1.72a11.343,11.343,0,0,1,2.865.46Zm10.2-7.8-.114-1.6h-3.669V28.549h3.669V22.243c0-2.521,1.262-4.241,4.357-4.241V14.332A4.958,4.958,0,0,0,115.226,16.166Zm15.708,11.121h.114v1.262h3.441V8.142H130.82v7.566H130.7a4.929,4.929,0,0,0-3.553-1.376c-4.471,0-6.764,3.669-6.764,7.222a7.31,7.31,0,0,0,2.063,5.275,6.689,6.689,0,0,0,4.7,1.95A6.141,6.141,0,0,0,130.934,27.287Zm-3.553-1.834a3.732,3.732,0,0,1-3.555-3.9,3.731,3.731,0,0,1,3.555-3.9,3.792,3.792,0,0,1,3.553,3.9,3.731,3.731,0,0,1-3.553,3.9M147.9,15.708h-.116V14.562h-3.669V28.549h3.669V21.327c0-3.211,1.95-3.669,3.211-3.669,2.064,0,2.865,1.72,2.865,3.325v7.566h3.669V20.983c0-4.129-2.293-6.65-5.963-6.65A4.559,4.559,0,0,0,147.9,15.708Zm-72,5.733a6.748,6.748,0,0,0-6.88-7.108c-4.013,0-6.878,2.981-6.878,7.222a6.923,6.923,0,0,0,7.222,7.224,7.6,7.6,0,0,0,5.963-2.523c-.23-.344-1.836-1.948-2.179-2.291a4.677,4.677,0,0,1-3.439,1.6A3.583,3.583,0,0,1,66.04,22.7H75.9Zm-9.976-1.376a3.181,3.181,0,0,1,3.211-2.637,2.99,2.99,0,0,1,3.1,2.637Z" transform="translate(0 0)" fill="#fff"></path>
                        </g>
                    </svg>
                    
                </div>
            </div>

        </div>

        <div class="text-sm md:text-xxs md:flex -mb-[2rem] md:-mb-[3rem]">

            <div data-scroll="fade pinch" class="pr-[2rem]" style="animation-delay: 1.1s;">
                © 2026 Maison des arts Desjardins Drummondville. Tous&nbsp;droits&nbsp;réservés.
            </div>
            <div data-scroll="fade pinch" class="ml-auto" style="animation-delay: 1.2s;">
                <nav class="block font-bold"></nav>
                    <ul class="mt-[4.75rem] md:mt-0 md:flex -mr-[1rem]">
                        
                            <li><a href="https://www.drac.ca/" class="inline-block md:inline md:px-[1rem] py-[.25rem] md:py-0" target="_blank">DRAC</a></li>
                        
                    </ul>
                
            </div>
            <div class="ml-auto md:text-right">
                <nav data-scroll="fade pinch" class="block font-bold" style="animation-delay: 1.3s;">
                
                    <ul class="mt-[4.75rem] md:mt-0 md:flex -mr-[1rem]">
                        
                            <li><a href="/politique-de-confidentialite" class="inline-block md:inline md:px-[1rem] py-[.25rem] md:py-0">Politique de confidentialité</a></li>
                        
                            <li><a href="/contact" class="inline-block md:inline md:px-[1rem] py-[.25rem] md:py-0">Contact</a></li>
                        
                    </ul>
    
                </nav>
            </div>

        </div>

    </div>

</footer>

        <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"K3XWIL9aIXSVu5e9gVzJGhPl0laKiukEQUrHMfEM","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
    <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;a9b51109b8c342b4bb89751dbfe0817e&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>

<script type="text/javascript" id="" charset="">(function(e,c,d,f,g,a,b){a=c.createElement(d);b=c.getElementsByTagName(d)[0];a.async=1;a.src=f+"?url\x3d"+e.location;b.parentNode.insertBefore(a,b)})(window,document,"script","https://graph.culturecreates.com/footlight/v2/event-markup");</script>
<script id="" text="" charset="" type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-6X4XY4QN9H"></script>
<script type="text/javascript" id="" charset="">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date);gtag("config","G-6X4XY4QN9H");</script></body></html>