Wringer

Html

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

<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>

#nprogress {
      pointer-events: none;
    }

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

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

width: 100%;
      height: 2px;
    }

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

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

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

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

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

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

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

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

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

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

<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>

</a>

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

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

</nav>

</div>
    </div>

</div>

</header>

</div>

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

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

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

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

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

</li>

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

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

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

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

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

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

</li>

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

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

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

</li>

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

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

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

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

</li>

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

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

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

</li>

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

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

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

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

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

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

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

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

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

</li>

</ul>

</div>

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

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

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

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

</li>
                                    
                                
                                    
                                
                            
                        </ul>

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

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

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

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

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

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

</li>
                                    
                                
                            
                        </ul>

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

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

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

</li>
                                    
                                
                            
                        </ul>

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

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

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

</li>
                                    
                                
                            
                        </ul>

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

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

</li>
                                    
                                
                            
                        </ul>

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

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

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

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

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

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

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

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

</li>
                                    
                                
                            
                        </ul>

</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="hidden sm:block"><span data-scroll="fade pinch">Billetterie : 819 477-5412</span></div>

</a>
                            
                                <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville" target="_blank">
                                    

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_5694_00000089547263595045159020000004333940200110288563_" transform="translate(0 0)">
	<path id="Path_89_00000182486492996395315240000013372215292006871463_" class="st0" d="M7.8,21.8h12.3v39.5H7.8V21.8z M14,2.2
		c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1S10,2.2,14,2.2C14,2.2,14,2.2,14,2.2 M27.8,61.3h12.3V41.8
		c0-5.2,1-10.2,7.4-10.2c6.3,0,6.4,5.9,6.4,10.5v19.2h12.3V39.7c0-10.6-2.3-18.8-14.7-18.8c-4.8-0.2-9.2,2.3-11.6,6.4h-0.2v-5.4
		H27.8L27.8,61.3z"></path>
</g>
</svg>

</a>
                            
                                <a class="block h-full" href="https://www.youtube.com/drspectacles" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" style="fill:#fff;"></path></svg>
                                </a>
                            
                                <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts" target="_blank">
                                    

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M56.4,15.9c0.3,0.3,0.6,0.6,0.8,0.9C57,16.5,56.7,16.2,56.4,15.9c-3.8-2.4-6.4-6.2-7.1-10.5
	c-0.1-0.4-0.1-0.9-0.2-1.3V2.7H37.9v44.6c0,5.2-4.3,9.4-9.5,9.4c-1.5,0-2.9-0.3-4.2-1c0,0,0,0,0,0c-4.7-2.4-6.5-8-4.2-12.7
	c2.1-4.1,6.9-6.1,11.3-4.7v-8.9c0,0,0,0,0,0v-2.5C20,25.2,9.6,33.1,8.1,44.4C7,52.2,10.5,60,17,64.3c0,0,0,0,0,0
	c9.5,6.3,22.3,3.8,28.6-5.7c2.3-3.4,3.5-7.4,3.5-11.5V24.4c4.5,3.2,10,5,15.6,5v-8.8c0,0,0,0,0,0v-2.4
	C61.8,18.3,58.9,17.5,56.4,15.9z M31.3,29.3L31.3,29.3c-0.7,0-1.3,0.1-2,0.1C30,29.4,30.7,29.3,31.3,29.3z M17.1,35.4
	c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.3-0.3,0.5-0.4C17.6,35,17.4,35.2,17.1,35.4z M31.7,59.3C31.7,59.3,31.6,59.3,31.7,59.3
	c0,0,0.1,0,0.2,0C31.8,59.3,31.8,59.3,31.7,59.3z"></path>
</svg>

</a>
                            
                                <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/" target="_blank">
                                    

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

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

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

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

</div>

</nav>

</div></div>
        </div>

<div data-scroll="" class="tags mb-[.8rem] is-inview" style="animation-delay: 0.1s;">
                    <span class="tag" style="color:var(--theme-color-text); border-color: var(--theme-color-text);">
                        Chanson
                    </span>
                </div>

<h1 data-scroll="lines" class="sm:portrait:h1 h2 text-[var(--theme-color-text)] is-inview" style="animation-delay: 0.2s; opacity: 1;"><div class="line" style="display: block; text-align: start; width: 100%; --index: 0;"><div class="word" style="display: inline-block;">Noël,</div> <div class="word" style="display: inline-block;">une</div> <div class="word" style="display: inline-block;">tradition</div> <div class="word" style="display: inline-block;">en</div></div><div class="line" style="display: block; text-align: start; width: 100%; --index: 1;"><div class="word" style="display: inline-block;">chanson</div></div></h1><div data-scroll="" class="text-[var(--theme-color-text)] is-inview" style="animation-delay: 0.3s;">
                    Édition 2025
                    <span class="ml-[2em] text-[70%]">Nouveau</span>
                </div>

</div>

</section>
</div>

<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_&amp;]:md:block h4" style="opacity: 1;"><div class="line" style="display: block; text-align: start; width: 100%; --index: 0;"><div class="word" style="display: inline-block;">Noël,</div> <div class="word" style="display: inline-block;">une</div> <div class="word" style="display: inline-block;">tradition</div> <div class="word" style="display: inline-block;">en</div> <div class="word" style="display: inline-block;">chanson</div></div></div><div data-scroll="" class="text-xl mb-[1rem]" style="animation-delay: 0s;">Vendredi 19 décembre 2025 <span class="ml-[3.5rem]">20h</span></div>
                    <div data-scroll="" class="text-xs" style="animation-delay: 0.1s;">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_&amp;]:md:-mb-[.5rem]">
                    
                    
    
                    
                        <div><a data-scroll="" class="btn icon arrow" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0104QC&amp;CodeSiteClient=00000P" style="animation-delay: 0.2s;" target="_blank"> <div class="char" style="display: inline-block; --index: 0;">A</div><div class="char" style="display: inline-block; --index: 1;">c</div><div class="char" style="display: inline-block; --index: 2;">h</div><div class="char" style="display: inline-block; --index: 3;">a</div><div class="char" style="display: inline-block; --index: 4;">t</div> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 61.4 100.7" xml:space="preserve" style="display: inline-block; position: relative;"><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"></path></svg>
                        </a></div>

<div>
                    <h2 class="h4">Tarifs</h2>
                </div>

</div>

<div data-scroll="" style="animation-delay: 0.1s;">
                        <h3 class="text-xs font-bold uppercase mb-[.5rem]">Prix membre</h3>
                        
                        <div class="text-xl">54,00 $</div>
                        
                    </div>
                
                    <div data-scroll="" style="animation-delay: 0.2s;">
                        <h3 class="text-xs font-bold uppercase mb-[.5rem]">régulier</h3>
                        
                        <div class="text-xl">62,00 $</div>
                        
                    </div>

</div>

<div data-scroll="" class="text-xs" style="animation-delay: 0.3s;">
                
                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>

<div class="container">
    
            <div class="md:flex">
    
                <div class="md:w-3/5 xl:w-1/2">
    
                    <h2 data-scroll="" class="h4 mb-[4rem]" style="animation-delay: 0s;">Description</h2>
    
                    
    
                    <div data-scroll="" class="body mb-[6rem]" style="animation-delay: 0.1s;">
    
                        
                            <p>Certaines coutumes sont indélogeables et pour une huitième édition le spectacle NOËL UNE TRADITION EN CHANSON vient célébrer le temps des fêtes en musique<br><br>Avec: Paul Daraîche, Johanne Blouin, Émilie Bégin, Rita Tabbakh, Joël Legendre, Steve Veilleux et David Latulippe.</p><p>Durée approximative: 90 minutes sans entracte</p>

</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]" style="animation-delay: 0.2s;">Lieu</h2>
        
                        <div data-scroll="" class="text-xl mb-[2rem]" style="animation-delay: 0.3s;">
                            Maison des arts Desjardins Drummondville, Salle principale
                        </div>
        
                        <div data-scroll="" class="body mb-[6rem]" style="animation-delay: 0.4s;">
                            <p><a href="https://www.google.ca/maps/place/175%2C+rue+Ringuet%2C+Drummondville+%28Qu%C3%A9bec%29+J2C+2P7" target="_blank">175, rue Ringuet,  Drummondville (Québec) J2C 2P7</a></p>
                        </div>

</aside>
    
            </div>
    
        </div>
    
    </section>

</div>

</section>
            
        
            
            
                <div data-scroll="" class="set-text"><p></p></div>
            
        
    
    
    
    
        <section class="theme-light">

<h2 data-scroll="lines" class="h3 mb-[6.25rem]" style="animation-delay: 0s; opacity: 1;"><div class="line" style="display: block; text-align: start; width: 100%; --index: 0;"><div class="word" style="display: inline-block;">Vous</div> <div class="word" style="display: inline-block;">aimerez</div> <div class="word" style="display: inline-block;">aussi</div></div></h2><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" style="animation-delay: 0.1s;">

<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">
                
                Chanson
            </span>
        </div>

<h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/260418-bleu-jeans-bleu-nouveau-spectacle">Bleu Jeans Bleu</a></h3>

<p class="text-xs m-0">
            <a href="/representation/260418-bleu-jeans-bleu-nouveau-spectacle">
                Samedi 18 avril 2026 
                
                <span class="ml-[1.5em]">20h</span>
            </a>
        </p>

</div>

<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">
                
                Chanson
            </span>
        </div>

<h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/260402-william-cloutier-lamour">William Cloutier</a></h3>

<p class="text-xs m-0">
            <a href="/representation/260402-william-cloutier-lamour">
                Jeudi 2 avril 2026 
                
                <span class="ml-[1.5em]">20h</span>
            </a>
        </p>

</div>

<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">
                
                Chanson
            </span>
        </div>

<h3 class="h6 lg:text-lg mt-[2.5rem] mb-[1.75rem]"><a href="/representation/270305-vincent-vallieres-au-travers-de-la-route">Vincent Vallières</a></h3>

<p class="text-xs m-0">
            <a href="/representation/270305-vincent-vallieres-au-travers-de-la-route">
                Vendredi 5 mars 2027 
                
                <span class="ml-[1.5em]">20h</span>
            </a>
        </p>

</div>

</div></section>

</div>
            
        </main>

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

</form>

</div>

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

</section>

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

</div>

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

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

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

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

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

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

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

</nav>
        </div>

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

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

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

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

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

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

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

</li>
                        
                    </ul>

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

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

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

</li>
                        
                    </ul>

</nav>
        </div>

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

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

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

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

</li>
                        
                    </ul>

</nav>
        </div>

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

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

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

</li>
                        
                    </ul>

</nav>
        </div>

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

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

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

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

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

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

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

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

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

</li>
                        
                    </ul>

</nav>
        </div>

</div>

</a>
                    
                        <a class="block h-full" href="https://ca.linkedin.com/company/maison-des-arts-desjardins-drummondville" target="_blank">
                            

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<g id="Group_5694_00000089547263595045159020000004333940200110288563_" transform="translate(0 0)">
	<path id="Path_89_00000182486492996395315240000013372215292006871463_" class="st0" d="M7.8,21.8h12.3v39.5H7.8V21.8z M14,2.2
		c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1s-7.1-3.2-7.1-7.1S10,2.2,14,2.2C14,2.2,14,2.2,14,2.2 M27.8,61.3h12.3V41.8
		c0-5.2,1-10.2,7.4-10.2c6.3,0,6.4,5.9,6.4,10.5v19.2h12.3V39.7c0-10.6-2.3-18.8-14.7-18.8c-4.8-0.2-9.2,2.3-11.6,6.4h-0.2v-5.4
		H27.8L27.8,61.3z"></path>
</g>
</svg>

</a>
                    
                        <a class="block h-full" href="https://www.youtube.com/drspectacles" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" style="fill:#fff;"></path></svg>
                        </a>
                    
                        <a class="block h-full" href="https://www.tiktok.com/@maison.des.arts" target="_blank">
                            

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72.8 73.6" style="enable-background:new 0 0 72.8 73.6;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M56.4,15.9c0.3,0.3,0.6,0.6,0.8,0.9C57,16.5,56.7,16.2,56.4,15.9c-3.8-2.4-6.4-6.2-7.1-10.5
	c-0.1-0.4-0.1-0.9-0.2-1.3V2.7H37.9v44.6c0,5.2-4.3,9.4-9.5,9.4c-1.5,0-2.9-0.3-4.2-1c0,0,0,0,0,0c-4.7-2.4-6.5-8-4.2-12.7
	c2.1-4.1,6.9-6.1,11.3-4.7v-8.9c0,0,0,0,0,0v-2.5C20,25.2,9.6,33.1,8.1,44.4C7,52.2,10.5,60,17,64.3c0,0,0,0,0,0
	c9.5,6.3,22.3,3.8,28.6-5.7c2.3-3.4,3.5-7.4,3.5-11.5V24.4c4.5,3.2,10,5,15.6,5v-8.8c0,0,0,0,0,0v-2.4
	C61.8,18.3,58.9,17.5,56.4,15.9z M31.3,29.3L31.3,29.3c-0.7,0-1.3,0.1-2,0.1C30,29.4,30.7,29.3,31.3,29.3z M17.1,35.4
	c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.3-0.3,0.5-0.4C17.6,35,17.4,35.2,17.1,35.4z M31.7,59.3C31.7,59.3,31.6,59.3,31.7,59.3
	c0,0,0.1,0,0.2,0C31.8,59.3,31.8,59.3,31.7,59.3z"></path>
</svg>

</a>
                    
                        <a class="block h-full" href="https://www.instagram.com/maisonarts_drummond/" target="_blank">
                            

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

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

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

</div>

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

</div>

</footer>

Editing Website