Uri: https%3A%2F%2Fwww.artsdrummondville.com%2Frepresentation%2F250531-symphonie-de-drummondville-concert-printanier-2025

Page name: Symphonie de Drummondville (Concert printanier 2025) | Maison des arts Desjardins Drummondville

Edit | Back

Date Scraped: 2025-09-18 14:14:11 -0400

Last Successful Refresh: 2025-09-18 14:14:11 -0400

Created: 2025-02-14 06:19:21 -0500

Updated: 2025-09-18 14:14:11 -0400

HTTP Response Code: 200

Html:

<!doctype html>
<html lang="fr">
  <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-b3680d35.css" /><link rel="modulepreload" href="https://www.artsdrummondville.com/build/assets/site-73002677.js" /><link rel="stylesheet" href="https://www.artsdrummondville.com/build/assets/site-b3680d35.css" data-navigate-track="reload" /><script type="module" src="https://www.artsdrummondville.com/build/assets/site-73002677.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>Symphonie de Drummondville (Concert printanier 2025) | Maison des arts Desjardins Drummondville</title>
    <link rel="canonical" href="https://www.artsdrummondville.com/representation/250531-symphonie-de-drummondville-concert-printanier-2025">
    <meta name="description" content="">
    <meta name="robots" content="">
    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://www.artsdrummondville.com/representation/250531-symphonie-de-drummondville-concert-printanier-2025">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Symphonie de Drummondville (Concert printanier 2025) | Maison des arts Desjardins Drummondville">
    <meta property="og:description" content="">
    <meta property="og:image" content="https://reseau.ovation.ca/ImagesWeb/sp010011.jpg?v=20250521140942">
    <!-- 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/250531-symphonie-de-drummondville-concert-printanier-2025">
    <meta name="twitter:title" content="Symphonie de Drummondville (Concert printanier 2025) | Maison des arts Desjardins Drummondville">
    <meta name="twitter:description" content="">
    <meta name="twitter:image" content="https://reseau.ovation.ca/ImagesWeb/sp010011.jpg?v=20250521140942">
    <!-- 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 -->
  </head>
  <body class="representations representations-250531-symphonie-de-drummondville-concert-printanier-2025">
    <!-- 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]">
            <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 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"/>
              <rect x="1.2" y="210.6" width="289.4" height="31"/>
              <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 	"/>
              <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"/>
              <rect x="488.9" y="2.3" width="11.5" height="56.1"/>
              <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 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"/>
              <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 	"/>
              <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"/>
              <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 	"/>
              <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 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 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"/>
              <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 	"/>
              <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 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"/>
              <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 	"/>
              <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 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 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 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 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"/>
              <rect x="739.7" y="94.1" width="11.5" height="56.1"/>
              <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 	"/>
              <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 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 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 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"/>
              <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 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 	"/>
              <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"/>
              <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 	"/>
              <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"/>
              <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 	"/>
              <rect x="915.1" y="185.7" width="11.5" height="56.1"/>
              <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 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 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 	"/>
            </svg>
          </a>
          <nav class="hidden text-right lg:block h-full ml-auto">
            <div data-scroll="fade pinch" class="text-xs mt-[4.2rem]">Billetterie : 819 477-5412</div>
            <ul class="flex -mr-[1.6rem]">
              <li data-scroll="fade pinch">
                <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">
                <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">
                <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]">
              <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"/>
                  <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"/>
                </g>
              </svg>
            </a>
            <span data-scroll="fade pinch" class="relative -bottom-[1.075rem] -mr-[.25rem]">
              <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 id="Rectangle_34" data-name="Rectangle 34" width="22" height="2" transform="translate(0.364 9.565)" fill="#fff"/>
                    <rect id="Rectangle_35" data-name="Rectangle 35" width="22" height="2" transform="translate(0.364 0.565)" fill="#fff"/>
                  </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;iygt3C7OVVxa4VD7J0h9&quot;,&quot;name&quot;:&quot;search&quot;,&quot;path&quot;:&quot;representation\/250531-symphonie-de-drummondville-concert-printanier-2025&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;00da7d7cd46fd58ebad64989e98799d522d50ef413d952abcebb6d6cf32ebbd3&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;open-search&quot;]}" wire:id="iygt3C7OVVxa4VD7J0h9" 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 fill="#000" id="Rectangle_892" data-name="Rectangle 892" width="27.511" height="2.896" transform="translate(19.454 21.501) rotate(-135)"/>
            </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">
      <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 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"/>
                  <rect x="1.2" y="210.6" width="289.4" height="31"/>
                  <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 	"/>
                  <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"/>
                  <rect x="488.9" y="2.3" width="11.5" height="56.1"/>
                  <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 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"/>
                  <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 	"/>
                  <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"/>
                  <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 	"/>
                  <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 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 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"/>
                  <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 	"/>
                  <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 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"/>
                  <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 	"/>
                  <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 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 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 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 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"/>
                  <rect x="739.7" y="94.1" width="11.5" height="56.1"/>
                  <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 	"/>
                  <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 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 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 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"/>
                  <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 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 	"/>
                  <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"/>
                  <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 	"/>
                  <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"/>
                  <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 	"/>
                  <rect x="915.1" y="185.7" width="11.5" height="56.1"/>
                  <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 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 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 	"/>
                </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 fill="#000" id="Rectangle_892" data-name="Rectangle 892" width="27.511" height="2.896" transform="translate(19.454 21.501) rotate(-135)"/>
                  </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><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]">
                      <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><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]">
                      <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><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]">
                      <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&CodeSiteClient=00000P&Lang=FR" class="block px-[1.25vw] py-[1vh] text-md">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&CodeSiteClient=00000P&Lang=FR" class="block px-[1.25vw] py-[1vh] text-md">Renouveler</a>
                        <ul class="sm:hidden overflow-hidden pb-[1.5vh] pl-8">
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li data-scroll><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]">
                      <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><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]">
                      <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><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]">
                      <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>
                    <a href="/programmation" class="inline-block px-[1vw] py-[1vh] text-lg">Spectacles</a>
                    <ul class="pl-8">
                    </ul>
                  </li>
                  <li data-scroll-manual>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <a href="/membres" class="inline-block px-[1vw] py-[1vh] text-lg">Avantages</a>
                    <ul class="pl-8">
                    </ul>
                  </li>
                  <li data-scroll-manual>
                    <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&CodeSiteClient=00000P&Lang=FR" class="inline-block px-[1vw] py-[1vh] text-lg">Adhésion</a>
                    <ul class="pl-8">
                    </ul>
                  </li>
                  <li data-scroll-manual>
                    <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&CodeSiteClient=00000P&Lang=FR" class="inline-block px-[1vw] py-[1vh] text-lg">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>
                    <a href="/promo" class="inline-block px-[1vw] py-[1vh] text-lg">Promo</a>
                    <ul class="pl-8">
                    </ul>
                  </li>
                  <li data-scroll-manual>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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">
                    <?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"/>
                            </defs>
                            <use xlink:href="#SVGID_1_"  style="overflow:visible;fill:#FFFFFF;"/>
                            <clipPath id="SVGID_00000171677603793005042800000003791994339344567445_">
                              <use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
                            </clipPath>
                          </g>
                        </g>
                      </svg>
                    </a>
                    <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville">
                      <?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"/>
                          </g>
                        </svg>
                      </a>
                      <a class="block h-full" href="https://www.youtube.com/drspectacles">
                        <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;"/></svg>
                      </a>
                      <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts">
                        <?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"/>
                          </svg>
                        </a>
                        <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/">
                          <?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"/>
                              </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">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]">
              <div class="collection-representations">
                <div class="b-hero-container">
                  <section style="--theme-color-text: #000; --theme-color-bg: #F8F8F4;" class="landscape:h-[50rem] p-0 bg-[var(--theme-color-bg)] portrait:flex portrait:flex-col">
                    <div class="portrait:order-2 h-full w-full landscape:absolute overflow-hidden">
                      <div class="landscape:w-[42%] min-h-full aspect-[4/3] h-full portrait:relative landscape:absolute right-0" data-scroll="fade"><img class="h-full w-full object-cover" src="https://reseau.ovation.ca/ImagesWeb/sp010011.jpg?v=20250521140942">
                        <div class="absolute h-full w-full top-0 left-0 landscape:-left-[1px] portrait:-top-[1px]">
                        </div>
                      </div>
                    </div>
                    <div class="portrait:order-1 portrait:pt-[8rem] portrait:pb-[5rem] container h-full">
                      <div class="flex flex-col justify-center landscape:w-[58%] relative h-full -top-[3%]">
                        <div data-scroll class="tags mb-[.8rem]">
                          <span class="tag" style="color:var(--theme-color-text); border-color: var(--theme-color-text);">
                            Musique
                          </span>
                        </div>
                        <h1 data-scroll="lines" class="sm:portrait:h1 h2 text-[var(--theme-color-text)]">Symphonie de Drummondville</h1>
                        <div data-scroll class="text-[var(--theme-color-text)]">
                          Concert printanier 2025
                        </div>
                      </div>
                    </div>
                  </section>
                </div>
                <section class="sticky-bar z-[1] theme-dark py-[6rem] lg:top-0 lg:sticky w-full">
                  <div class="container">
                    <div class="lg:flex items-center">
                      <div class="md:-my-[.75rem] lg:w-[35%] xl:w-auto">
                        <div aria-hidden data-scroll="lines" class="hidden [.sticky-bar-active_&]:md:block h4">Symphonie de Drummondville</div>
                        <div data-scroll class="text-xl mb-[1rem]">Samedi 31 mai 2025 <span class="ml-[3.5rem]">19h30</span></div>
                        <div data-scroll class="text-xs">Maison des arts Desjardins Drummondville, Salle principale</div>
                      </div>
                      <div class="ml-auto btn-group mt-[2.5rem] md:mt-[4rem] lg:mt-0 [.sticky-bar-active_&]:md:-mb-[.5rem]">
                        <div><a data-scroll class="btn icon arrow" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0104OJ&CodeSiteClient=00000P">
                            Achat 
                            <svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 61.4 100.7' xml:space='preserve'><path  d='M10.1,99.8L-0.3,89.4l39.7-39.7L-0.3,9.9L10.1-0.5l50.2,50.1L10.1,99.8z'/></svg>
                          </a></div>
                      </div>
                    </div>
                  </div>
                </section>
                <section class="theme-light py-[6rem]">
                  <div class="container">
                    <div data-scroll class="grid grid-cols-1 sm:grid-cols-4 gap-[3rem] items-center mb-[4rem]">
                      <div>
                        <h2 class="h4">Tarifs</h2>
                      </div>
                    </div>
                    <div class="grid grid-cols-2 sm:grid-cols-4 gap-[3rem] mb-[3.75rem] items-end">
                      <div data-scroll>
                        <h3 class="text-xs font-bold uppercase mb-[.5rem]">régulier</h3>
                        <div class="text-xl">30,00 $</div>
                      </div>
                      <div data-scroll>
                        <h3 class="text-xs font-bold uppercase mb-[.5rem]">12 ans et -</h3>
                        <div class="text-xl">20,00 $</div>
                      </div>
                    </div>
                    <div data-scroll class="text-xs">
                      Frais de service en sus : achats par téléphone et via internet : 5$ par billet | achats à la billetterie : 1$ par billet | abonnements : 1$ par billet
                    </div>
                  </div>
                </section>
                <section  class="theme-default">
                  <div class="container">
                    <div class="md:flex">
                      <div class="md:w-3/5 xl:w-1/2">
                        <h2 data-scroll class="h4 mb-[4rem]">Description</h2>
                        <div data-scroll class="body mb-[6rem]">
                          Au fil des ans, la Symphonie de Drummondville (SDD) a su &eacute;voluer et d&eacute;velopper de nouveaux projets pour accroitre l&rsquo;offre musicale drummondvilloise. Ainsi, Drummondville compte avantageusement quatre orchestres symphoniques de grande qualit&eacute;&nbsp;: la Symphonie de Drummondville qui chapeaute la Symphonie, sa Rel&egrave;ve et l&rsquo;orchestre professionnel r&eacute;duit SymphoPop, ainsi que l&rsquo;Orchestre symphonique de Drummondville (OSD), bien entendu.<br />
                           Ce 31 mai 2025, la Rel&egrave;ve et la Symphonie vous interpr&eacute;teront encore une fois des pi&egrave;ces musicales au style vari&eacute;, allant du classique aux musiques de films, afin de vous faire d&eacute;couvrir l&rsquo;&eacute;tendue de talents des musiciens de notre r&eacute;gion.<br />
                           Bon spectacle&thinsp;!<br />
 <br />
                           Dur&eacute;e approximative : 2 heures avec entracte
                        </div>
                      </div>
                      <aside class="sm:w-1/2 md:w-1/3 mt-[8rem] md:mt-0 md:ml-auto">
                        <h2 data-scroll class="h4 mt-[8rem] mb-[4.5rem]">Lieu</h2>
                        <div data-scroll class="text-xl mb-[2rem]">
                          Maison des arts Desjardins Drummondville, Salle principale
                        </div>
                        <div data-scroll class="body mb-[6rem]">
                          <p><a href="https://www.google.ca/maps/place/175%2C+rue+Ringuet%2C+Drummondville+%28Qu%C3%A9bec%29+J2C+2P7">175, rue Ringuet,  Drummondville (Québec) J2C 2P7</a></p>
                        </div>
                      </aside>
                    </div>
                  </div>
                </section>
                <section class="set-image theme-default">
                  <div class="container">
                    <div class="m-auto lg:w-2/3">
                      <div data-scroll class="rounded-[2rem] overflow-hidden">
                        <img class="w-full h-full object-cover" data-scroll="zoom" src="/storage/concert-printanier-(regulier).png" alt="">
                      </div>
                    </div>
                  </div>
                </section>
                <div data-scroll class="set-text">
                  <p></p>
                </div>
                <section class="theme-light">
                  <div class="container">
                    <h2 data-scroll="lines" class="h3 mb-[6.25rem]">Vous aimerez aussi</h3>
                    <div class="tiles grid sm:grid-cols-2 md:grid-cols-3 gap-[2rem]">
                      <div data-scroll class="show-card rounded-[2rem] flex flex-col bg-white overflow-hidden">
                        <div class="aspect-[4/3.33] relative overflow-hidden">
                          <a href="/representation/251005m-viviane-audet-le-piano-et-le-torrent" data-hover="zoom"><img class="h-full w-full object-cover" src="https://reseau.ovation.ca/ImagesWeb/sp01020A.jpg?v=20250401123135">
                            <span class="uppercase theme-dark absolute left-0 top-0 text-xs px-[3.5rem] py-[1.75rem]">Nouveau</span>
                          </a>
                        </div>
                        <div class="p-[3rem] pb-[11rem] relative grow">
                          <div class="tags">
                            <span class="tag">
                              Musique
                            </span>
                          </div>
                          <h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/251005m-viviane-audet-le-piano-et-le-torrent">Viviane Audet</a></h3>
                          <p class="text-xs m-0">
                            <a href="/representation/251005m-viviane-audet-le-piano-et-le-torrent">
                              Dimanche 5 octobre 2025 
                              <span class="ml-[1.5em]">15h</span>
                            </a>
                          </p>
                          <div class="btn-group absolute bottom-[3rem] left-[3rem]">
                            <a class="btn" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0104PD&CodeSiteClient=00000P">Acheter</a>
                          </div>
                        </div>
                      </div>
                      <div data-scroll class="show-card rounded-[2rem] flex flex-col bg-white overflow-hidden">
                        <div class="aspect-[4/3.33] relative overflow-hidden">
                          <a href="/representation/251002-orchestre-symphonique-de-drummondville-entre-orient-et-occident" data-hover="zoom"><img class="h-full w-full object-cover" src="https://reseau.ovation.ca/ImagesWeb/re0104PG.jpg?v=20250618111217">
                            <span class="uppercase theme-dark absolute left-0 top-0 text-xs px-[3.5rem] py-[1.75rem]">Nouveau</span>
                          </a>
                        </div>
                        <div class="p-[3rem] pb-[11rem] relative grow">
                          <div class="tags">
                            <span class="tag">
                              Musique
                            </span>
                          </div>
                          <h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/251002-orchestre-symphonique-de-drummondville-entre-orient-et-occident">Orchestre symphonique de Drummondville</a></h3>
                          <p class="text-xs m-0">
                            <a href="/representation/251002-orchestre-symphonique-de-drummondville-entre-orient-et-occident">
                              Jeudi 2 octobre 2025 
                              <span class="ml-[1.5em]">19h30</span>
                            </a>
                          </p>
                          <div class="btn-group absolute bottom-[3rem] left-[3rem]">
                            <a class="btn" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0104PG&CodeSiteClient=00000P">Acheter</a>
                          </div>
                        </div>
                      </div>
                      <div data-scroll class="show-card rounded-[2rem] flex flex-col bg-white overflow-hidden">
                        <div class="aspect-[4/3.33] relative overflow-hidden">
                          <a href="/representation/260426m-valerie-milot-et-stephane-tetreault-opus-2" data-hover="zoom"><img class="h-full w-full object-cover" src="https://reseau.ovation.ca/ImagesWeb/sp0101Y8.jpg?v=20250415134153">
                            <span class="uppercase theme-dark absolute left-0 top-0 text-xs px-[3.5rem] py-[1.75rem]">Nouveau</span>
                          </a>
                        </div>
                        <div class="p-[3rem] pb-[11rem] relative grow">
                          <div class="tags">
                            <span class="tag">
                              Musique
                            </span>
                          </div>
                          <h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/260426m-valerie-milot-et-stephane-tetreault-opus-2">Valérie Milot et Stéphane Tétreault</a></h3>
                          <p class="text-xs m-0">
                            <a href="/representation/260426m-valerie-milot-et-stephane-tetreault-opus-2">
                              Dimanche 26 avril 2026 
                              <span class="ml-[1.5em]">15h</span>
                            </a>
                          </p>
                          <div class="btn-group absolute bottom-[3rem] left-[3rem]">
                            <a class="btn" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0104RW&CodeSiteClient=00000P">Acheter</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div data-scroll class="mt-[5.5rem] lg:mt-[7.5rem] text-center">
                      <a href="/programmation" class="btn outline">Voir tous les spectacles</a>
                    </div>
                  </section>
                </div>
              </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">Inscrivez-vous <br>
                      à notre infolettre</h3>
                    <div data-scroll class="pb-[.5rem] md:w-1/4 w-full sm:w-auto">
                      <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">
                      <button type="submit" class="btn w-full">S’inscrire</button>
                    </div>
                  </form>
                </div>
                <lottie-player class="-mb-[.1rem]" data-frames="165" id="footer-wave" src="/lottie/wave-footer.json"></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 data-scroll="fade pinch" href="" class="block h-[5rem]">
                          <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 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"/>
                            <rect x="1.2" y="210.6" width="289.4" height="31"/>
                            <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 	"/>
                            <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"/>
                            <rect x="488.9" y="2.3" width="11.5" height="56.1"/>
                            <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 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"/>
                            <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 	"/>
                            <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"/>
                            <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 	"/>
                            <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 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 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"/>
                            <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 	"/>
                            <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 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"/>
                            <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 	"/>
                            <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 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 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 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 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"/>
                            <rect x="739.7" y="94.1" width="11.5" height="56.1"/>
                            <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 	"/>
                            <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 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 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 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"/>
                            <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 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 	"/>
                            <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"/>
                            <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 	"/>
                            <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"/>
                            <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 	"/>
                            <rect x="915.1" y="185.7" width="11.5" height="56.1"/>
                            <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 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 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 	"/>
                          </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">
                          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="">
                          <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]">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="">
                          <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&CodeSiteClient=00000P&Lang=FR" class="inline-block py-[.4rem]">Adhésion</a>
                            </li>
                            <li>
                              <a href="https://reseau.ovation.ca/Membre/AchatCarte2.asp?CodeEtablissement=000001&CodeSiteClient=00000P&Lang=FR" class="inline-block py-[.4rem]">Renouveler</a>
                            </li>
                          </ul>
                        </nav>
                      </div>
                      <div class="md:w-1/4 md:pr-[2rem]">
                        <nav data-scroll="fade pinch" class="">
                          <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="">
                          <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="">
                          <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]">
                    <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]">
                        <nav class="flex gap-[3rem] h-[2.3rem]">
                          <a class="block h-full" href="https://www.facebook.com/maisondesarts">
                            <?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"/>
                                    </defs>
                                    <use xlink:href="#SVGID_1_"  style="overflow:visible;fill:#FFFFFF;"/>
                                    <clipPath id="SVGID_00000171677603793005042800000003791994339344567445_">
                                      <use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
                                    </clipPath>
                                  </g>
                                </g>
                              </svg>
                            </a>
                            <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville">
                              <?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"/>
                                  </g>
                                </svg>
                              </a>
                              <a class="block h-full" href="https://www.youtube.com/drspectacles">
                                <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;"/></svg>
                              </a>
                              <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts">
                                <?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"/>
                                  </svg>
                                </a>
                                <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/">
                                  <?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"/>
                                      </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">
                                  Partenaire principal
                                </div>
                                <div data-scroll="fade pinch" class="ml-auto sm:ml-0 h-[4.75rem] md:h-[3.4rem]">
                                  <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"/>
                                      </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"/>
                                    </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]">
                                &copy; 2025 Maison des arts Desjardins Drummondville. Tous&nbsp;droits&nbsp;réservés.
                              </div>
                              <div data-scroll="fade pinch" class="ml-auto">
                                <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">DRAC</a></li>
                                </ul>
                              </nav>
                            </div>
                            <div class="ml-auto md:text-right">
                              <nav data-scroll="fade pinch" class="block font-bold">
                                <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":"n5lE3EvutJCD06EhZZa0mQPZ4IgaFUZFU8Zr9Nml","uri":"\/livewire\/update","progressBar":"","nonce":""};
                      </script>
                    </body>
                  </html>