Uri: https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fparoles-musique-et-danse%2Fdance-me.html

Page name: POST call https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/paroles-musique-et-danse/dance-me.html

Edit | Back

Date Scraped: 2025-07-29 19:33:02 -0400

Last Successful Refresh: 2025-06-16 21:21:08 -0400

Created: 2024-04-17 12:28:16 -0400

Updated: 2025-07-29 19:33:02 -0400

HTTP Response Code: 405

Html:

<!DOCTYPE html><!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]--><!--[if IE 7 ]>    <html class="ie ie7"> <![endif]--><!--[if IE 8 ]>    <html class="ie ie8"> <![endif]--><!--[if IE 9 ]>    <html class="ie ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html class=" json svg devicemotion deviceorientation opacity csspositionsticky rgba inlinesvg hashchange supports svgasimg no-touchevents mediaqueries cssanimations bgsizecover backgroundsize boxsizing flexbox no-flexboxtweener csstransforms csstransforms3d csstransitions datauri" lang="fr" style=""><!-- InstanceBegin template="/Templates/spectacle-artiste.dwt" codeOutsideHTMLIsLocked="false" --><!--<![endif]--><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="content-language" content="fr">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="robots" content="all">
    <meta name="googlebot" content="index, follow">
    <meta name="copyright" content="Copyright Maison de la culture de Gatineau. Tous droits réservés.">
    <meta http-equiv="imagetoolbar" content="no">
    <meta name="MSSmartTagsPreventParsing" content="true">
    <meta name="Rating" content="General">
    <meta name="Distribution" content="Global">
    <meta http-equiv="expires" content="0">
    <meta name="author" content="www.maisondelaculture.ca">
    <meta name="Revisit-After" content="7 Days">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="keywords" content="">
    <meta name="description" content="Maison de la culture de Gatineau, 855, boul. de la Gappe, Gatineau (Québec) J8T 8H9 | 819 243-2525">
    <!--Facebook Metadata /-->
    <meta property="fb:page_id" content="">
    <meta property="og:image" content="">
    <meta property="og:description" content="Maison de la culture de Gatineau, 855, boul. de la Gappe, Gatineau (Québec) J8T 8H9 | 819 243-2525">
    <meta property="og:title" content="Salle Odyssée | La Maison de la culture de Gatineau">
    <title>Salle Odyssée | La Maison de la culture de Gatineau | 855, boulevard de la Gappe | Gatineau | 819 243-2525</title>
    <link rel="icon" href="/Salle-Odyssee/favicon.png">
    <!-- Injecting tonik privacy plugin -->
    <link rel="preload" href="https://loi25.maisondelaculture.ca/tonik-privacy/css/styles.css?v=4" as="style">
    <link rel="preload" href="https://loi25.maisondelaculture.ca/tonik-privacy/css/odyssee.css?v=4" as="style">
    <div class="fit-vids-style" id="fit-vids-style" style="display: none;">­<style>
        .fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}
      </style></div>
    <script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15402153&amp;cx=c&amp;gtm=45He56g0h2v9127320812za200&amp;tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104611821~104617979~104617981~104718208~104736445~104736447~104748473~104748475"></script><script async="" src="https://graph.culturecreates.com/footlight/v2/event-markup?url=https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/paroles-musique-et-danse/dance-me.html"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TXNQQPG"></script><script type="text/javascript" async="" src="https://cse.google.com/cse.js?cx=005859429556555066483:5miyy5x9xwe"></script><script src="https://loi25.maisondelaculture.ca/tonik-privacy/permissions/?nonce=17501232640764bmute"></script><script>
      var script = document.createElement("script");
      script.src = "https://loi25.maisondelaculture.ca/tonik-privacy/permissions/?nonce=" + Date.now() + Math.random().toString(36).substring(7);
      var scripts = document.getElementsByTagName("script");
      var firstScript = scripts[0];
      firstScript.parentNode.insertBefore(script, firstScript);

      if (!window.tonikPrivacy) window.tonikPrivacy = {};
      window.tonikPrivacy.observer = new MutationObserver(function(mutations) {
      		mutations.forEach(function(mutation) {
      			if (mutation.type === "childList") {
      				mutation.addedNodes.forEach(function(node) {
      					if (node.tagName === "SCRIPT" && node.innerHTML.indexOf("googletagmanager.com") !== -1) {
      						window.tonikPrivacy.observer.disconnect();
      						window.GTM_SCRIPT = {
      							NODE: node,
      							SIBLING: node.previousElementSibling,
      						};
      						node.remove();
      					}
      				});
      			}
      		});
      	});
      	window.tonikPrivacy.observer.observe(document.head, { childList: true });
    </script>
    <script src="https://loi25.maisondelaculture.ca/tonik-privacy/js/modal.js?v=4" async=""></script>
    <script src="https://loi25.maisondelaculture.ca/tonik-privacy/js/privacy.js?v=4" async=""></script>
    <link rel="stylesheet" href="https://loi25.maisondelaculture.ca/tonik-privacy/css/styles.css?v=4">
    <link rel="stylesheet" href="https://loi25.maisondelaculture.ca/tonik-privacy/css/odyssee.css?v=4"><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-TXNQQPG');
    </script>
    <!-- End Injecting tonik privacy plugin -->
    <!-- Google Tag Manager -->
    <!-- End Google Tag Manager -->
    <!-- Google Search Engine -->
    <script>
      (function() {
        var cx = '005859429556555066483:5miyy5x9xwe';
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
      })();
    </script>
    <!-- End Google Search Engine -->
    <!--
<script type="text/javascript" src="//use.typekit.net/ofs4llv.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-->
    <link rel="stylesheet" href="https://use.typekit.net/yhe4sft.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
      window.jQuery || document.write('<script src="../theme/js/jquery-1.9.1.min.js"><\/script>')
    </script>
    <script src="../../theme/js/paging.js"></script>
    <script src="../../theme/js/fullscreen.js?v=20240314"></script>
    <script src="../../theme/js/breadcrumbs.js"></script>
    <script src="../../theme/js/return-to-top.js"></script>
    <script src="../../theme/js/alert-bottom.js"></script>
    <script src="../../theme/js/modernizr-custom.min.js?v=202304"></script>
    <script src="../../theme/js/jquery.matchHeight.min.js"></script>
    <!-- SLICK SLIDER -->
    <link rel="stylesheet" href="../../theme/js/slick-1.8.1/slick/slick.css?v=202304">
    <script src="../../theme/js/slick-1.8.1/slick/slick.min.js?v=202304"></script>
    <!-- CALENDAR -->
    <link rel="stylesheet" href="../../theme/js/jquery.calendar/calendar.css?v=202505">
    <link rel="stylesheet" href="../../theme/js/jquery.calendar/tooltip.css?v=202304">
    <script src="../../theme/js/jquery.calendar/calendar.js?v=202304"></script>
    <!-- MMENU -->
    <link rel="stylesheet" href="../../theme/js/jquery.mmenu/jquery.mmenu.all.css?v=202304">
    <script src="../../theme/js/jquery.mmenu/jquery.mmenu.all.js?v=202304"></script>
    <!-- AUTOCOMPLETE -->
    <link rel="stylesheet" href="../../theme/js/EasyAutocomplete-1.3.5/easy-autocomplete.css">
    <script src="../../theme/js/EasyAutocomplete-1.3.5/jquery.easy-autocomplete.min.js"></script>
    <link rel="stylesheet" href="../../theme/css/bootstrap.css?v=202304">
    <link rel="stylesheet" href="../../theme/css/styles.css?v=20250325">
    <script src="../../theme/js/jquery.fitvids.js?v=202304"></script>
    <script src="../../theme/js/html5shiv.js?v=202304"></script>
    <!-- InstanceBeginEditable name="head" -->
    <script type="text/javascript">
      highlightSection = "paroles-musique-et-danse";
    </script>
    <!-- InstanceEndEditable -->
    <script src="../../theme/js/app.js?v=202304"></script>
    <!-- Footlight Event Markup -->
    <script>
      (function(i,s,o,g,r,a,m){a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=
      g+'?url='+i.location;m.parentNode.insertBefore(a,m)})(window,document,'script',
      'https://graph.culturecreates.com/footlight/v2/event-markup');
    </script>
    <!-- Footlight Event Markup -->
    <script src="https://www.google.com/cse/static/element/9d4779bf0a3053cc/cse_element__fr.js?usqp=CAI%3D" type="text/javascript"></script><link type="text/css" href="https://www.google.com/cse/static/element/9d4779bf0a3053cc/default+fr.css" rel="stylesheet"><link type="text/css" href="https://www.google.com/cse/static/style/look/v4/default.css" rel="stylesheet"><style type="text/css">
      .gsc-control-cse{font-family:arial, sans-serif}.gsc-control-cse .gsc-table-result{font-family:arial, sans-serif}.gsc-refinementsGradient{background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0))}.gsc-control-cse{border-color:#FFFFFF;background-color:#FFFFFF}input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus{border-color:#D9D9D9}.gsc-search-button-v2,.gsc-search-button-v2:hover,.gsc-search-button-v2:focus{border-color:#2F5BB7;background-color:#4D90FE;background-image:none;filter:none}.gsc-search-button-v2 svg{fill:#FFFFFF}.gsc-tabHeader.gsc-tabhActive,.gsc-refinementHeader.gsc-refinementhActive{color:#CCCCCC;border-color:#CCCCCC;background-color:#FFFFFF}.gsc-tabHeader.gsc-tabhInactive,.gsc-refinementHeader.gsc-refinementhInactive{color:#CCCCCC;border-color:#CCCCCC;background-color:#FFFFFF}.gsc-webResult.gsc-result,.gsc-results .gsc-imageResult{border-color:#FFFFFF;background-color:#FFFFFF}.gsc-webResult.gsc-result:hover{border-color:#FFFFFF;background-color:#FFFFFF}.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b,.gs-imageResult a.gs-title:link,.gs-imageResult a.gs-title:link b{color:#1155CC}.gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b,.gs-imageResult a.gs-title:visited,.gs-imageResult a.gs-title:visited b{color:#1155CC}.gs-webResult.gs-result a.gs-title:hover,.gs-webResult.gs-result a.gs-title:hover b,.gs-imageResult a.gs-title:hover,.gs-imageResult a.gs-title:hover b{color:#1155CC}.gs-webResult.gs-result a.gs-title:active,.gs-webResult.gs-result a.gs-title:active b,.gs-imageResult a.gs-title:active,.gs-imageResult a.gs-title:active b{color:#1155CC}.gsc-cursor-page{color:#1155CC}a.gsc-trailing-more-results:link{color:#1155CC}.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,.gs-fileFormatType{color:#333333}.gs-webResult div.gs-visibleUrl{color:#009933}.gs-webResult div.gs-visibleUrl-short{color:#009933}.gsc-cursor-box{border-color:#FFFFFF}.gsc-results .gsc-cursor-box .gsc-cursor-page{border-color:#CCCCCC;background-color:#FFFFFF;color:#CCCCCC}.gsc-results .gsc-cursor-box .gsc-cursor-current-page{border-color:#CCCCCC;background-color:#FFFFFF;color:#CCCCCC}.gsc-webResult.gsc-result.gsc-promotion{border-color:#F6F6F6;background-color:#F6F6F6}.gsc-completion-title{color:#1155CC}.gsc-completion-snippet{color:#333333}.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#1155CC}.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#1155CC}.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#1155CC}.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#1155CC}.gs-promotion .gs-snippet,.gs-promotion .gs-title .gs-promotion-title-right,.gs-promotion .gs-title .gs-promotion-title-right *{color:#333333}.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short{color:#009933}.gcsc-find-more-on-google{color:#1155CC}.gcsc-find-more-on-google-magnifier{fill:#1155CC}
    </style></head>
  <!-- InstanceBeginEditable name="BodyClass" -->
  <body class="paroles-musique-et-danse"><nav id="mm-main-navigation" class="mm-menu mm-menu_offcanvas mm-menu_navbar_bottom-1 mm-menu_pagedim-black mm-menu_fx-menu-slide mm-menu_fx-panels-slide-100 mm-menu_fx-listitems-fade mm-menu_border-full" aria-hidden="true">
      <div class="mm-panels">
        <div id="mm-0" class="mm-panel mm-panel_has-navbar mm-panel_opened">
          <div class="mm-navbar"><a class="mm-navbar__title">Menu</a></div>
          <ul class="mm-listview">
            <li class="bg-accueil mm-listitem"><a href="../../index.html" rel="accueil" title="Accueil">Accueil</a></li>
            <li class="bg-spectacles expanded mm-listitem"><a class="mm-btn_next" href="#mm-1"><span class="mm-sronly">Open submenu (Programmation)</span></a><a href="#" title="Spectacles">Programmation</a>
            </li>
            <li class="bg-achats expanded mm-listitem"><a class="mm-btn_next" href="#mm-4"><span class="mm-sronly">Open submenu (Achats)</span></a><a href="#" title="Achats">Achats</a>
            </li>
            <li class="bg-membres mm-listitem"><a class="mm-btn_next" href="#mm-5"><span class="mm-sronly">Open submenu (Espace Membres)</span></a><a href="#" title="Achats">Espace Membres</a>
            </li>
            <li class="bg-services mm-listitem"><a class="mm-btn_next" href="#mm-6"><span class="mm-sronly">Open submenu (Salles et services)</span></a><a href="#" title="Services">Salles et services</a>
            </li>
            <li class="bg-concours mm-listitem"><a href="../../concours.html" title="Concours">Concours et nouvelles</a></li>
            <li class="bg-renseignements mm-listitem"><a class="mm-btn_next" href="#mm-7"><span class="mm-sronly">Open submenu (Renseignements)</span></a><a title="Renseignements" href="#">Renseignements</a>
            </li>
            <li class="bg-maisondelaculture mm-listitem"><a href="http://www.maisondelaculture.ca" title="Maison de la culture">Maison de la culture</a></li>
            <li class="bg-nous-joindre mm-listitem"><a href="../../nous-joindre.html" title="Nous joindre">Nous joindre</a></li>
            <li class="bg-passeurs-culturels mm-listitem" style="display: none;"><a href="../../passeurs-culturels/" rel="passeurs-culturels" title="Passeurs Culturels">Passeurs Culturels</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-1" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-0" aria-owns="mm-0" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-0">Programmation</a></div>
          <ul class="subnav mm-listview">
            <li class="mm-listitem"><a href="../tous-les-spectacles/index.html" rel="tous-les-spectacles" title="Liste complète">Liste complète</a></li>
            <li class="mm-listitem"><a class="mm-btn_next mm-btn_fullwidth" href="#mm-2"><span class="mm-sronly">Open submenu (Salle Odyssée)</span></a><span class="header">Salle Odyssée</span>
            </li>
            <li class="mm-listitem"><a class="mm-btn_next mm-btn_fullwidth" href="#mm-3"><span class="mm-sronly">Open submenu (Hors murs)</span></a><span class="header">Hors murs</span>
            </li>
            <!--
                  <li><span class="header">Spectacles virtuels</span>
                    <ul>
                      <li><a href="../spectacles/studiOdyssee/index.html" rel="studiOdyssee" title="StudiOdyssée">StudiOdyssée</a></li>
                    </ul>
                  </li>
					          <li><span class="header">Reports et annulations</span>
                    <ul>
                      <li><a href="../spectacles/reports-et-annulations/liste-des-spectacles.html" rel="reports" title="Reports et annulations">Liste des spectacles</a></li>
                    </ul>
                  </li>
-->
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-2" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-1" aria-owns="mm-1" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-1">Salle Odyssée</a></div>
          <ul class="mm-listview">
            <li class="mm-listitem"><a href="../chanson/index.html" rel="chanson" title="Chanson">Chanson</a></li>
            <li class="mm-listitem"><a href="../cirque/index.html" rel="cirque" title="Cirque">Cirque</a></li>
            <li class="mm-listitem"><a href="../comedie-et-theatre-musical/index.html" rel="comedie-et-theatre-musical" title="Comédie et théâtre musical">Comédie et théâtre musical</a></li>
            <li class="mm-listitem"><a href="../country-folk/index.html" rel="country-folk" title="Country Folk">Country-folk</a></li>
            <li class="mm-listitem"><a href="../danse/index.html" rel="danse-spectacles" title="Danse">Danse</a></li>
            <li class="mm-listitem"><a href="../humour/index.html" rel="humour" title="Humour">Humour</a></li>
            <li class="mm-listitem active"><a href="../paroles-musique/index.html" rel="paroles-musique-et-danse" title="Paroles musique" class="active">Paroles musique</a></li>
            <li class="mm-listitem"><a href="../podcast/index.html" rel="Podcast" title="Podcast">Podcast</a></li>
            <li class="mm-listitem"><a href="../rendez-vous-theatre/index.html" rel="rendez-vous-theatre" title="Rendez-vous théâtre">Rendez-vous théâtre</a></li>
            <li class="mm-listitem"><a href="../soirees-cabaret/index.html" rel="soirees-cabaret" title="Soirées cabaret">Soirées cabaret</a></li>
            <li class="mm-listitem"><a href="../sorties-famille/index.html" rel="sorties-famille" title="Sorties famille">Sorties famille</a></li>
            <li class="mm-listitem"><a href="../sorties-scolaires/index.html" rel="sorties-scolaires" title="Sorties scolaires">Sorties scolaires</a></li>
            <li class="mm-listitem"><a href="../spectacles-dete/index.html" rel="spectacles-dete" title="Spectacles d'été">Spectacles d'été</a></li>
            <li class="mm-listitem"><a href="../theatre-hors-serie/index.html" rel="theatre-hors-serie" title="Théâtre hors-série">Théâtre hors-série</a></li>
            <li class="mm-listitem"><a href="../varietes/index.html" rel="varietes" title="Variétés">Variétés</a></li>
            <li class="mm-listitem"><a href="../autres-evenements/index.html" rel="autres-evenements" title="Autre Événements">Autres Événements</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-3" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-1" aria-owns="mm-1" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-1">Hors murs</a></div>
          <ul class="mm-listview">
            <li class="mm-listitem"><a href="../auditorium-de-la-polyvalente-nicolas-gatineau/index.html" rel="auditorium-de-la-polyvalente-nicolas-gatineau" title="Auditorium de l'école Polyvalente Nicolas-Gatineau">Auditorium de l'école polyvalente Nicolas-Gatineau</a></li>
            <li class="mm-listitem"><a href="../dome-immersif/index.html" rel="dome-immersif" title="Dôme immersif">Dôme immersif</a></li>
            <li class="mm-listitem"><a href="../place-de-la-cite/index.html" rel="place-de-la-cite " title="Place de la Cité">Place de la Cité</a></li>
            <li class="mm-listitem"><a href="../espace-t/index.html" rel="espace-t" title="Espace T">Espace T</a></li>
            <li class="mm-listitem"><a href="../festival-humour-de-gatineau/index.html" rel="festival-humour-de-gatineau" title="Festival d'humour de Gatineau">Festival d'humour de Gatineau</a></li>
            <li class="mm-listitem"><a href="../minotaure/index.html" rel="minotaure" title="Minotaure">Minotaure</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-4" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-0" aria-owns="mm-0" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-0">Achats</a></div>
          <ul class="subnav mm-listview">
            <li class="mm-listitem"><a href="../../achats/billets.html" title="Billets">Billets</a></li>
            <li class="mm-listitem"><a href="../../achats/carte-cadeau.html" title="Chèques-cadeaux">Carte-cadeau</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-5" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-0" aria-owns="mm-0" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-0">Espace Membres</a></div>
          <ul class="subnav mm-listview">
            <li class="mm-listitem"><a href="../../membres/carte-odyssee.html" title="Carte Odyssée">Carte Odyssée</a></li>
            <li class="mm-listitem"><a href="../../membres/carte-odyssee-affaires.html" title="Carte Odyssée affaires">Carte Odyssée affaires</a></li>
            <li class="mm-listitem"><a href="../../membres/abonnement-theatre.html" title="Abonnement théâtre">Abonnement théâtre</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-6" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-0" aria-owns="mm-0" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-0">Salles et services</a></div>
          <ul class="subnav mm-listview">
            <li class="mm-listitem"><a href="../../services/plans.html" title="Bar et vestiaire">Plans et devis technique</a></li>
            <li class="mm-listitem"><a href="../../services/bar-et-vestiaire.html" title="Bar et vestiaire">Bar et vestiaire</a></li>
            <li class="mm-listitem"><a href="../../services/location-de-salles.html" title="Location de salles">Location des espaces</a></li>
            <li class="mm-listitem"><a href="../../services/services-adaptes.html" title="Services adaptés">Services adaptés</a></li>
            <li class="mm-listitem"><a href="../../services/stationnement.html" title=" Stationnement">Stationnement</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
        <div id="mm-7" class="mm-panel mm-hidden mm-panel_has-navbar" aria-hidden="true">
          <div class="mm-navbar"><a class="mm-btn mm-btn_prev mm-navbar__btn" href="#mm-0" aria-owns="mm-0" aria-haspopup="true"><span class="mm-sronly">Close submenu</span></a><a class="mm-navbar__title" href="#mm-0">Renseignements</a></div>
          <ul class="subnav mm-listview">
            <li class="last mm-listitem"><a title="À propos" href="../../renseignements/a-propos.html">À propos</a></li>
            <li class="last mm-listitem"><a title="Partenaires" href="../../renseignements/partenaires.html">Partenaires</a></li>
            <li class="mmenu-prizes mm-listitem">
              <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
            </li>
          </ul>
        </div>
      </div>
      <div class="mm-navbars_bottom">
        <div class="mm-navbar">
          <div id="mmenu-footer"><span>Billetterie</span><span><a href="tel:819 243-2525">819 243-2525</a></span></div>
        </div>
      </div>
    </nav>
    <!-- InstanceEndEditable -->
    <div id="page-container" class="mm-page mm-slideout">
      <div class="container">
        <div class="row">
          <div id="sidebar" class="col-md-6">
            <div id="mobile-buy-online-container">
              <a class="bt-buy-online" href="#"><span>Achetez vos<br>
                  billets ici</span></a>
              <a class="bt-instagram" href="https://www.instagram.com/salleodyssee/" target="_blank">Instagram</a>
              <a class="bt-facebook" href="http://www.facebook.com/salleodyssee" target="_blank">Facebook</a>
              <a class="bt-youtube" href="https://www.youtube.com/channel/UCq-aWsj5i5N528kmLcA0W3A" target="_blank">Youtube</a>
              <a class="bt-newsletter" href="#">Abonnez-vous à l'infolettre</a>
            </div>
            <!-- #mobile-buy-online-container -->
            <div class="background"><a id="logo" href="../../index.html" title="Retour à l'accueil | salle Odyssée | Maison de la culture Gatineau"><img src="../../theme/images/logo-salle-odysee.png?v=202304" alt="Salle Odyssée"></a><a id="bt-hamburger" class="hamburger hamburger--slider js-hamburger" href="#">
                <div class="hamburger-box">
                  <div class="hamburger-inner"></div>
                </div>
              </a>
              <div class="search-container">
                <div class="easy-autocomplete eac-square" style="width: 200px;"><input type="search" class="search-field" placeholder="Recherche" name="q" id="eac-9678" autocomplete="off">
                  <div class="easy-autocomplete-container" id="eac-container-eac-9678">
                    <ul></ul>
                  </div>
                </div>
              </div>
              <!-- .search-container -->
              <nav id="main-navigation">
                <ul>
                  <li class="bg-accueil"><a href="../../index.html" rel="accueil" title="Accueil">Accueil</a></li>
                  <li class="bg-spectacles expanded active"><a href="#" title="Spectacles">Programmation</a>
                    <ul class="subnav">
                      <li><a href="../tous-les-spectacles/index.html" rel="tous-les-spectacles" title="Liste complète">Liste complète</a></li>
                      <li class="active"><span class="header">Salle Odyssée</span>
                        <ul>
                          <li><a href="../chanson/index.html" rel="chanson" title="Chanson">Chanson</a></li>
                          <li><a href="../cirque/index.html" rel="cirque" title="Cirque">Cirque</a></li>
                          <li><a href="../comedie-et-theatre-musical/index.html" rel="comedie-et-theatre-musical" title="Comédie et théâtre musical">Comédie et théâtre musical</a></li>
                          <li><a href="../country-folk/index.html" rel="country-folk" title="Country Folk">Country-folk</a></li>
                          <li><a href="../danse/index.html" rel="danse-spectacles" title="Danse">Danse</a></li>
                          <li><a href="../humour/index.html" rel="humour" title="Humour">Humour</a></li>
                          <li class="active"><a href="../paroles-musique/index.html" rel="paroles-musique-et-danse" title="Paroles musique" class="active">Paroles musique</a></li>
                          <li><a href="../podcast/index.html" rel="Podcast" title="Podcast">Podcast</a></li>
                          <li><a href="../rendez-vous-theatre/index.html" rel="rendez-vous-theatre" title="Rendez-vous théâtre">Rendez-vous théâtre</a></li>
                          <li><a href="../soirees-cabaret/index.html" rel="soirees-cabaret" title="Soirées cabaret">Soirées cabaret</a></li>
                          <li><a href="../sorties-famille/index.html" rel="sorties-famille" title="Sorties famille">Sorties famille</a></li>
                          <li><a href="../sorties-scolaires/index.html" rel="sorties-scolaires" title="Sorties scolaires">Sorties scolaires</a></li>
                          <li><a href="../spectacles-dete/index.html" rel="spectacles-dete" title="Spectacles d'été">Spectacles d'été</a></li>
                          <li><a href="../theatre-hors-serie/index.html" rel="theatre-hors-serie" title="Théâtre hors-série">Théâtre hors-série</a></li>
                          <li><a href="../varietes/index.html" rel="varietes" title="Variétés">Variétés</a></li>
                          <li><a href="../autres-evenements/index.html" rel="autres-evenements" title="Autre Événements">Autres Événements</a></li>
                        </ul>
                      </li>
                      <li><span class="header">Hors murs</span>
                        <ul>
                          <li><a href="../auditorium-de-la-polyvalente-nicolas-gatineau/index.html" rel="auditorium-de-la-polyvalente-nicolas-gatineau" title="Auditorium de l'école Polyvalente Nicolas-Gatineau">Auditorium de l'école polyvalente Nicolas-Gatineau</a></li>
                          <li><a href="../dome-immersif/index.html" rel="dome-immersif" title="Dôme immersif">Dôme immersif</a></li>
                          <li><a href="../place-de-la-cite/index.html" rel="place-de-la-cite " title="Place de la Cité">Place de la Cité</a></li>
                          <li><a href="../espace-t/index.html" rel="espace-t" title="Espace T">Espace T</a></li>
                          <li><a href="../festival-humour-de-gatineau/index.html" rel="festival-humour-de-gatineau" title="Festival d'humour de Gatineau">Festival d'humour de Gatineau</a></li>
                          <li><a href="../minotaure/index.html" rel="minotaure" title="Minotaure">Minotaure</a></li>
                        </ul>
                      </li>
                      <!--
                  <li><span class="header">Spectacles virtuels</span>
                    <ul>
                      <li><a href="../spectacles/studiOdyssee/index.html" rel="studiOdyssee" title="StudiOdyssée">StudiOdyssée</a></li>
                    </ul>
                  </li>
					          <li><span class="header">Reports et annulations</span>
                    <ul>
                      <li><a href="../spectacles/reports-et-annulations/liste-des-spectacles.html" rel="reports" title="Reports et annulations">Liste des spectacles</a></li>
                    </ul>
                  </li>
-->
                    </ul>
                  </li>
                  <li class="bg-achats expanded"><a href="#" title="Achats">Achats</a>
                    <ul class="subnav">
                      <li><a href="../../achats/billets.html" title="Billets">Billets</a></li>
                      <li><a href="../../achats/carte-cadeau.html" title="Chèques-cadeaux">Carte-cadeau</a></li>
                    </ul>
                  </li>
                  <li class="bg-membres"><a href="#" title="Achats">Espace Membres</a>
                    <ul class="subnav">
                      <li><a href="../../membres/carte-odyssee.html" title="Carte Odyssée">Carte Odyssée</a></li>
                      <li><a href="../../membres/carte-odyssee-affaires.html" title="Carte Odyssée affaires">Carte Odyssée affaires</a></li>
                      <li><a href="../../membres/abonnement-theatre.html" title="Abonnement théâtre">Abonnement théâtre</a></li>
                    </ul>
                  </li>
                  <li class="bg-services"><a href="#" title="Services">Salles et services</a>
                    <ul class="subnav">
                      <li><a href="../../services/plans.html" title="Bar et vestiaire">Plans et devis technique</a></li>
                      <li><a href="../../services/bar-et-vestiaire.html" title="Bar et vestiaire">Bar et vestiaire</a></li>
                      <li><a href="../../services/location-de-salles.html" title="Location de salles">Location des espaces</a></li>
                      <li><a href="../../services/services-adaptes.html" title="Services adaptés">Services adaptés</a></li>
                      <li><a href="../../services/stationnement.html" title=" Stationnement">Stationnement</a></li>
                    </ul>
                  </li>
                  <li class="bg-concours"><a href="../../concours.html" title="Concours">Concours et nouvelles</a></li>
                  <li class="bg-renseignements"><a title="Renseignements" href="#">Renseignements</a>
                    <ul class="subnav">
                      <li class="last"><a title="À propos" href="../../renseignements/a-propos.html">À propos</a></li>
                      <li class="last"><a title="Partenaires" href="../../renseignements/partenaires.html">Partenaires</a></li>
                    </ul>
                  </li>
                  <li class="bg-maisondelaculture"><a href="http://www.maisondelaculture.ca" title="Maison de la culture">Maison de la culture</a></li>
                  <li class="bg-nous-joindre"><a href="../../nous-joindre.html" title="Nous joindre">Nous joindre</a></li>
                  <li class="bg-passeurs-culturels" style="display: none;"><a href="../../passeurs-culturels/" rel="passeurs-culturels" title="Passeurs Culturels">Passeurs Culturels</a></li>
                </ul>
              </nav>
              <div id="tickets"><span>Billetterie</span><span><a href="tel:819 243-2525">819 243-2525</a></span></div>
              <!-- #tickets -->
              <div id="prizes">
                <img class="responsive" src="../../theme/images/reconnaissance-salle-odyssee-2025.png?v=2025-03-21" alt="La Salle Odysée remporte 2 Félix et 1 Olivier">
              </div>
            </div>
            <!-- .background -->
          </div>
          <!-- #sidebar -->
          <div id="content" class="col-md-18">
            <header class="trente-ans">
              <div id="buy-online-container"><a class="bt-buy-online" href="https://www.ovation.qc.ca/pesite.asp?CodeEtablissement=000014&amp;CodeSiteClient=00000V" target="_self" rel="nofollow" onclick="_gaq.push(['_link', 'https://www.ovation.qc.ca/pesite.asp?CodeEtablissement=000014&amp;CodeSiteClient=00000V']); return false;">Achat de billets en ligne</a>
                <div id="buy-online-box">
                  <div class="top"></div>
                  <div class="content clearfix">
                    <div class="column-left">
                      <div>
                        <!-- InstanceBeginEditable name="OvationLink" -->
                        <a class="bt-reseau-ovation" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0E0448&amp;CodeSiteClient=00000V" target="_blank">
                          Achat en ligne réseau ovation
                        </a>
                        <!-- InstanceEndEditable -->
                      </div>
                      <p><strong>Frais d'achat par Internet</strong><br>
                        5 $ par billet</p>
                      <p><strong>Frais d'achat par téléphone</strong><br>
                        2,50 $ par billet</p>
                      <p><strong>Frais d'envoi postal</strong><br>
                        2,50 $ par commande</p>
                      <h4>BILLETTERIE</h4>
                      <p class="phone"><a href="tel:819 243-2525">819 243-2525</a></p>
                    </div>
                    <!-- .column-left -->
                    <div class="column-right">
                      <div class="row">
                        <div class="col-sm-12">
                          <h4>HEURES D’OUVERTURE<br>
                            DE LA BILLETTERIE</h4>
                          <p><strong>Du lundi au vendredi</strong><br>
                            De 10 h à 20 h</p>
                          <p><strong>Le samedi</strong><br>
                            De 12 h à 16 h<br>
                            (jusqu'à 20 h les<br>
                            soirs de spectacle)</p>
                          <p><strong>Fermé le dimanche</strong><br>
                            (s'il y a un spectacle,<br>
                            elle ouvre 3 heures<br>
                            avant la représentation)</p>
                        </div>
                        <!-- .col -->
                        <div class="col-sm-12">
                          <h4>SALLE ODYSSÉE</h4>
                          <p><strong>La Maison de la culture<br>
                              de Gatineau</strong><br>
                            855, boulevard de la Gappe<br>
                            Gatineau (Québec) J8T 8H9</p>
                          <h4>MODES DE PAIEMENT<br>
                            ACCEPTÉS</h4>
                          <p><img src="../../theme/images/accepted-methods-of-payment.png" alt=""></p>
                        </div>
                        <!-- .col -->
                      </div>
                      <!-- .row -->
                      <div class="row">
                        <p class="note">* Échanges et remboursements : voir politique d'achat de billets</p>
                      </div>
                    </div>
                    <!-- .column-right -->
                  </div>
                  <!-- .content -->
                </div>
                <!-- #buy-online-box -->
              </div>
              <!-- #buy-online-container -->
              <div class="row social-media-header">
                <a href="../../comment-se-rendre.html" class="comment-se-rendre">Comment se rendre</a>
                <h1 class="col-sm-12 d-none">Saison 2022</h1>
                <div id="social" class="col-sm-12">
                  <a class="bt-instagram" href="https://www.instagram.com/salleodyssee/" target="_blank">Instagram</a>
                  <a class="bt-facebook" href="http://www.facebook.com/salleodyssee" target="_blank">Facebook</a>
                  <a class="bt-youtube" href="https://www.youtube.com/channel/UCq-aWsj5i5N528kmLcA0W3A" target="_blank">Youtube</a>
                  <a class="bt-newsletter" href="#">Abonnez-vous à l'infolettre</a>
                </div>
                <!-- #social -->
              </div>
              <!-- .row -->
            </header>
            <div class="row">
              <div class="col-sm-24">
                <h2>
                  <!-- InstanceBeginEditable name="Title" -->Paroles, musique et danse<!-- InstanceEndEditable -->
                </h2>
                <div class="row">
                  <div class="col-sm-24">
                    <div class="breadCrumbs"><span class="no-margin">Programmation</span><span>&gt;</span><a href="https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/tous-les-spectacles/index.html">Liste complète</a><span>&gt;</span><a href="https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/paroles-musique/index.html">Paroles musique</a><span>&gt;</span><span class="no-margin">Dance Me</span></div>
                  </div>
                </div>
                <div class="row show-content">
                  <div class="col-sm-8 show-description-column show-description">
                    <!-- InstanceBeginEditable name="Description" -->
                    <p>
                      <em>Dance Me – Musique de Leonard Cohen</em> est une création exclusive inspirée de l’œuvre riche et profonde du poète, artiste et auteur-compositeur d’origine montréalaise, Leonard Cohen.
                    </p>
                    <p>
                      Approuvé par Cohen de son vivant, cet hommage unique au célèbre artiste évoque les grands cycles de l’existence, tels qu’ils sont décrits dans la musique et les poèmes profondément réfléchis de Cohen.
                    </p>
                    <p>
                      L’écriture chorégraphique du spectacle a été confiée à trois chorégraphes internationaux : Andonis Foniadakis, Annabelle Lopez Ochoa et Ihsan Rustem, pour créer un univers puissant et profond à l’image de l’oeuvre du célèbre poète montréalais, sous l’impulsion lumineuse des 14 artistes-interprètes de la compagnie et la dramaturgie forte et audacieuse d’Eric Jean.
                    </p>
                    <p>
                      Entourée d’une équipe de concepteurs de renom, <em>Dance Me</em> marie ainsi écritures scénique, visuelle, musicale, dramaturgique et chorégraphique pour rendre hommage au plus grand des ambassadeurs Montréalais. Danse, musique, vidéos et éclairages rythment ce spectacle complet et multidisciplinaire, lequel a reçu les droits exclusifs en danse durant cinq années.
                    </p>
                    <p>
                      <img src="../../images/spectacles/paroles-musique-et-danse/programme-de-developpement-la-danse-sur-les-routes-du-quebec.jpg" width="150" height="45" alt="">
                    </p>
                    <!-- InstanceEndEditable -->
                    <div id="reviews-container" style="display: block;">
                      <h5><a class="btn-toggle-parent-sibling btn-reviews" href="#">Critiques</a></h5>
                      <div class="reviews-content">
                        <!-- InstanceBeginEditable name="Reviews" -->
                        <p>
                          «Ceux qui considèrent Cohen comme un simple mélancolique sont loin du compte. Ici, c'est toute la variété tonale de sa musique qui est exposée. Son célèbre enregistrement live du World Tour est utilisé pour certaines chansons et ces grands arrangements ont ouvert les esprits au potentiel musical des chansons. Il y a de la lumière et de l'harmonie dans certains numéros, une énergie tonique dans d'autres comme <em>Nevermind</em>, et, bien sûr, il y a la valse douce-amère de ses meilleures ballades, et quoi de plus approprié pour l'art lyrique du ballet.» - <em>The American</em> (Londres)
                        </p>
                        <p>
                          «Malgré son étiquette de chanteur folk, Cohen m'a toujours fait penser à des bars sombres et enfumés, à des conversations larmoyantes et à de la bière renversée ; un ami l'appelle <em>un misérabiliste</em>. Mais <em>Dance Me - Musique de Leonard Cohen</em> se débarrasse de cette atmosphère d'introspection en faveur d'une énergie joyeuse et de la romance qui jaillit de l'amitié sans chagrin ni amertume.» - <em>Dancewatch</em> (Londres)
                        </p>
                        <p>
                          «L'ensemble de 14 personnes est vêtu simplement de costumes et de chapeaux dignes de Cohen, de chemises amples pour les uns et de robes courtes pour les autres. La mise en scène est simple mais efficace, une scène brillante est présidée par des bancs de lumières. La conception des éclairages de Cédric Delorme-Bouchard et Simon Beetschen est un régal, montrant les corps légers sous leur meilleur jour et évoquant toute une gamme d'humeurs. » - <em>The Upcoming</em> (Londres)
                        </p>
                        <p>
                          «Les danseurs des Ballets Jazz Montréal savent interpréter et transmettre non seulement les paroles, mais aussi le rythme de la poésie de Cohen et le mouvement des chansons. Habituellement, lorsqu'on fait appel à trois chorégraphes différents pour une même pièce de danse, il y a des pauses afin de les différencier.  Ici, les danses s'enchaînent de manière fluide. Il n'y a pas de pauses, pas d'intervalles.  Il n'y a pas de tentative ringarde d'interprétation littérale des mots. Tout est question de sentiment, et certains pourraient penser que le mouvement est éloigné ou décousu de ce sur quoi ils dansent. Ce n'est pas le cas. Les danseurs (très impressionnants, hautement qualifiés) se laissent aller, véhiculant parfois la beauté, parfois la laideur. C'est ce que font les paroles de Cohen, et les chorégraphes et les danseurs l'ont compris.» - <em>Ballet Co Forum</em> (Londres)
                        </p>
                        <!-- InstanceEndEditable -->
                      </div>
                      <!-- .reviews-content -->
                    </div>
                    <!-- #reviews-container -->
                    <div id="share-container">
                      <h5><a class="btn-toggle-parent-sibling btn-share" href="#">Partager</a></h5>
                      <div class="addthis_inline_share_toolbox"></div>
                    </div>
                    <!-- #share-container -->
                  </div>
                  <!-- .col -->
                  <div class="col-sm-16 show-details-column">
                    <!-- InstanceBeginEditable name="Details" -->
                    <div class="show-details-container btn-video bottom-left bt-video">
                      <div class="wrapper"><img src="../../images/spectacles/paroles-musique-et-danse/dance-me.jpg" alt="" class="clickable"></div>
                      <div class="show-details">
                        <p>
                          <span class="uppercase"><strong><em>Dance Me</em></strong></span><br>
                          <span class="uppercase">Ballets Jazz Montréal</span><br>
                          <span class="uppercase">Musique de Leonard Cohen</span><br>
                          53 $ I 49 $ carte Odyssée<br>
                          <small class="fees">Des frais supplémentaires s’appliquent sur les achats en ligne et par téléphone</small>
                        </p>
                        <p>
                          Date :<br>
                          Jeudi 30 mai 2024 - 20 h <br>
                          <br>
                          <a href="../../services/services-adaptes.html"><img src="../../images/services/icone-accompagnateur.png" width="30" height="30"> <img src="../../images/services/icone-aide-auditive.png" width="30" height="30"> <img src="../../images/services/icone-fauteuil.png" width="30" height="30"></a>
                          <a class="bt-reseau-ovation" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0E0448&amp;CodeSiteClient=00000V" target="_blank">
                            Achat en ligne réseau ovation
                          </a></p>
                      </div>
                    </div>
                    <!-- InstanceEndEditable -->
                  </div>
                  <!-- .col -->
                  <div class="artist-video">
                    <!-- InstanceBeginEditable name="Video" -->
                    <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="https://player.vimeo.com/video/331249240?h=a4905ecf0b" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="" id="fitvid327175"></iframe></div>
                    <!-- InstanceEndEditable -->
                  </div>
                  <!-- .artist-video -->
                </div>
                <!-- .row -->
              </div>
              <!-- .col -->
            </div>
            <footer>
              <div class="row">
                <div class="col-md-24 nav-container">
                  <ul>
                    <li><a href="../../politique-confidentialite.html">Politique de confidentialité</a></li>
                    <li><a href="../../renseignements/a-propos.html" title="À propos">À propos</a></li>
                    <li><a href="../tous-les-spectacles/index.html" title="Programmation">Programmation</a></li>
                    <li><a href="../../achats/billets.html" title="Achats">Achats</a></li>
                    <li><a href="../../services/plans.html" title="Services">Plan de salle et données techniques</a></li>
                    <li><a href="../../concours.html" title="Concours et nouvelles">Concours et nouvelles</a></li>
                    <li><a href="../../nous-joindre.html" title="Nous joindre">Nous joindre</a></li>
                  </ul>
                </div>
              </div>
              <!-- .row -->
            </footer>
            <!-- .row -->
          </div>
          <!-- #content-->
        </div>
        <!-- .row -->
      </div>
      <!-- .container -->
      <section class="loi-25-alert" id="loi-25-alert" style="display:none;">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-24">
              <div class="content-wrapper">
                <p>This website uses cookies to provide necessary site functionality and improve your online experience. By using this website, you agree to the use of cookies as outlined in KPMG's online privacy statement.</p>
              </div>
              <div class="btn-wrapper">
                <button id="accept-terms">
                  Accepter
                </button>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <!-- #page-container -->
    <div id="buy-online-modal" class="overlay-modal overlay-scale">
      <a href="#" class="bt-close-overlay"></a>
      <div class="vertical-align-container">
        <div class="vertical-align-content-middle">
          <div class="modal-content">
            <div class="column-left">
              <div>
                <!-- InstanceBeginEditable name="OvationLink" -->
                <a class="bt-reseau-ovation" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0E0448&amp;CodeSiteClient=00000V" target="_blank">
                  Achat en ligne réseau ovation
                </a>
                <!-- InstanceEndEditable -->
              </div>
              <p><strong>Frais d'achat par Internet</strong><br>
                5 $ par billet</p>
              <p><strong>Frais d'achat par téléphone</strong><br>
                2,50 $ par billet</p>
              <p><strong>Frais d'envoi postal</strong><br>
                2,50 $ par commande</p>
              <h4>BILLETTERIE</h4>
              <p class="phone"><a href="tel:819 243-2525">819 243-2525</a></p>
            </div>
            <!-- .column-left -->
            <div class="column-right">
              <div class="row">
                <div class="col-sm-12">
                  <h4>HEURES D’OUVERTURE<br>
                    DE LA BILLETTERIE</h4>
                  <p><strong>Du lundi au vendredi</strong><br>
                    De 10 h à 20 h</p>
                  <p><strong>Le samedi</strong><br>
                    De 12 h à 16 h<br>
                    (jusqu'à 20 h les<br>
                    soirs de spectacle)</p>
                  <p><strong>Fermé le dimanche</strong><br>
                    (s'il y a un spectacle,<br>
                    elle ouvre 3 heures<br>
                    avant la représentation)</p>
                </div>
                <!-- .col -->
                <div class="col-sm-12">
                  <h4>SALLE ODYSSÉE</h4>
                  <p><strong>La Maison de la culture<br>
                      de Gatineau</strong><br>
                    855, boulevard de la Gappe<br>
                    Gatineau (Québec) J8T 8H9</p>
                  <h4>MODES DE PAIEMENT<br>
                    ACCEPTÉS</h4>
                  <p><img src="../../theme/images/accepted-methods-of-payment.png" alt=""></p>
                </div>
                <!-- .col -->
              </div>
              <!-- .row -->
              <div class="row">
                <p class="note">* Échanges et remboursements : voir politique d'achat de billets</p>
              </div>
            </div>
            <!-- .column-right -->
          </div>
        </div>
      </div>
    </div>
    <div id="newsletter-modal" class="overlay-modal overlay-scale">
      <a href="#" class="bt-close-overlay"></a>
      <div class="vertical-align-container">
        <div class="vertical-align-content-middle">
          <div class="modal-content">
            <h2>Abonnez-vous à notre infolettre</h2>
            <form id="subscribeForm" action="#">
              <label>
                Prénom
                <input required="required" type="text" id="subscribeName" placeholder="Prénom">
              </label>
              <label>
                Nom
                <input required="required" type="text" id="subscribeNom" placeholder="Nom">
              </label>
              <label>
                Courriel *
                <input required="required" type="email" id="subscribeEmail" placeholder="Courriel">
              </label>
              <label class="text-right">
                <button id="subscribeSubmit" type="button" onclick="SE_Submit()">Je m'abonne</button>
              </label>
              <div id="subscribeResponse"></div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5bd20e7a74819956"></script>
    <div class="return-to-top"></div>
    <noscript>
      <style>
        .tonik-privacy-modal {
        	display: none;
        }
      </style>
    </noscript>
    <div id="tonik-privacy-modal-1" class="tonik-privacy-modal tonik-privacy-modal-1 with-transition">
      <div class="open-tonik-privacy-modal tonikHide" id="open-modal" title="Paramètres de confidentialité"></div>
      <div class="tonik-privacy-modal-content">
        <div class="close-modal tonikHide" id="close-modal">X</div>
        <input type="checkbox" class="show-more-toggle" id="toggle-text">
        <div class="tonik-privacy-modal-header">
          <p class="titre">Respect de la vie privée</p>
          <div class="truncated-text" id="truncated-text">
            <p>En acceptant de nous partager certaines informations de navigation, vous nous... <label for="toggle-text">Plus</label> </p>
          </div>
          <div class="acceptingDesc" id="acceptingDesc">
            <p>En acceptant de nous partager certaines informations de navigation, vous nous aidez à nous améliorer et à vous offrir une expérience de navigation optimale. Merci de votre appui! <a href="/Salle-Odyssee/politique-confidentialite.html" target="_blank" rel="noopener">Politique de confidentialité</a> <label for="toggle-text">Moins</label></p>
          </div>
          <div class="customizingDesc" id="acceptingDesc">
            <p>Activez les catégories que vous souhaitez partager, merci de votre aide! <a href="/Salle-Odyssee/politique-confidentialite.html" target="_blank" rel="noopener">Politique de confidentialité</a></p>
			</div>
        </div>
        <script>
          document.addEventListener("DOMContentLoaded", function () {
          // Define the character limit based on window width
          const maxChars = window.innerWidth < 992 ? 77 : 100;

          // Helper function to truncate text and add "See more"
          function addSeeMore(elementId, maxChars) {
              const element = document.getElementById(elementId);
              const fullText = element.textContent.trim();
              console.log(maxChars); //! To remove


              // Check if text length exceeds maxChars
              if (fullText.length > (maxChars + 10)) {
                  const truncatedText = fullText.substring(0, maxChars) + "... ";
                  element.innerHTML = truncatedText + '<span class="see-more"></span>';

                  // Function to toggle the text and class
                  function toggleText() {
                      // Check if the element currently has the 'open' class
                      if (!element.classList.contains('open')) {
                          element.classList.add('open'); // Add the 'open' class
                          element.innerHTML = fullText + " <span class='see-more'>Moins</span>";
                      } else {
                          element.classList.remove('open'); // Remove the 'open' class
                          element.innerHTML = truncatedText + '<span class="see-more"></span>';
                      }
                      // Reattach the event listener to the new "See more" or "See less" link
                      attachSeeMoreLink();
                  }

                  // Function to attach the event listener
                  function attachSeeMoreLink() {
                      const seeMoreLink = element.querySelector(".see-more");
                      if (seeMoreLink) {
                          seeMoreLink.addEventListener("click", toggleText);
                      }
                  }

                  // Initially attach the event listener to the "See more" link
                  attachSeeMoreLink();
              }
          }

          // Apply the function to your specific elements with a character limit of 200
          addSeeMore("acceptingDesc", maxChars);
          addSeeMore("customizingDesc", maxChars);
          });
        </script>
        <div class="tonik-privacy-permissions">
          <div class="tonik-privacy-permission">
            <span class="open-desc tonikHide"></span>
            <label>
              <input type="checkbox" name="necessary" id="necessary" checked="" disabled="">
              <span>Nécessaires</span>
              <span class="custom-check"></span>
            </label>
            <div class="description"></div>
          </div>
          <div class="tonik-privacy-permission">
            <span class="open-desc"></span>
            <label>
              <input type="checkbox" name="statistics" id="statistics">
              <span>Statistiques</span>
              <span class="custom-check"></span>
            </label>
            <div class="description">
              <ul>
                <li>Google Analytics</li>
                <li>Facebook Pixel</li>
                <li>Clic Ovation</li>
              </ul>
									</div>
          </div>
          <div class="tonik-privacy-permission">
            <span class="open-desc"></span>
            <label>
              <input type="checkbox" name="preferences" id="preferences">
              <span>Préférences</span>
              <span class="custom-check"></span>
            </label>
            <div class="description">
              <ul>
                <li>Clic Ovation</li>
              </ul>
									</div>
          </div>
          <div class="tonik-privacy-permission">
            <span class="open-desc"></span>
            <label>
              <input type="checkbox" name="marketing" id="marketing">
              <span>Marketing</span>
              <span class="custom-check"></span>
            </label>
            <div class="description">
              <ul>
                <li>Google Analytics</li>
                <li>Facebook Pixel</li>
                <li>Clic Ovation</li>
              </ul>
									</div>
          </div>
        </div>
        <div class="tonik-privacy-modal-footer">
          <button class="btn rejecting-cookies" id="rejecting-cookies">Rejeter tout</button>
          <button class="btn custom-settings" id="custom-settings">Personnaliser</button>
          <button class="btn saving-settings" id="saving-settings">Enregistrer</button>
          <button class="btn accepting-cookies" id="accepting-cookies">Accepter tout</button>
        </div>
        <div class="powered">
          <a href="https://www.tonikwebstudio.com/" target="_blank">Propulsé par <img src="https://loi25.maisondelaculture.ca/tonik-privacy/images/tonik.png" alt="Tonik Web Studio"></a>
        </div>
      </div>
    </div>
    <script>
      const script = document.createElement('script');
      script.textContent = `
          console.log('This script runs as expected!');
          // Your inline JavaScript code here
      `;
      document.body.appendChild(script);
    </script>
    <iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><iframe height="0" width="0" src="https://15402153.fls.doubleclick.net/activityi;src=15402153;type=pagev0;cat=pagev0;ord=4080958353531;npa=0;auiddc=1407275543.1750123265;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KlA;gtm=45fe56g0h2v9219570822z89127320812za200zb9127320812;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104573694~104617979~104617981~104718208~104736445~104736447~104748473~104748475;epver=2;dc_random=1750123265243;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fparoles-musique-et-danse%2Fdance-me.html?" style="display: none; visibility: hidden;"></iframe><iframe allow="join-ad-interest-group" data-tagging-id="DC-15402153/pagev0/pagev0+standard" data-load-time="1750123265280" height="0" width="0" src="https://td.doubleclick.net/td/fls/rul/activityi;fledge=1;src=15402153;type=pagev0;cat=pagev0;ord=4080958353531;npa=0;auiddc=1407275543.1750123265;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KlA;gtm=45fe56g0h2v9219570822z89127320812za200zb9127320812;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=9;tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104573694~104617979~104617981~104718208~104736445~104736447~104748473~104748475;epver=2;dc_random=1750123265243;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fparoles-musique-et-danse%2Fdance-me.html?" style="display: none; visibility: hidden;"></iframe>
    <div class="mm-page__blocker mm-slideout"></div>
  </body><!-- InstanceEnd --></html>