Uri: https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fdanse%2Fma-danse-story.html
Page name: Salle Odyssée | La Maison de la culture de Gatineau | 855, boulevard de la Gappe | Gatineau | 819 243-2525
Edit | BackDate Scraped: 2026-05-13 12:49:44 -0400
Last Successful Refresh: 2026-05-13 12:49:44 -0400
Created: 2024-11-20 16:20:32 -0500
Updated: 2026-05-13 12:49:44 -0400
HTTP Response Code: 200
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=G-11BKQ0HSEQ&cx=c&gtm=4e65b1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-17759444727&cx=c&gtm=4e65b1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-963900683&cx=c&gtm=4e65b1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15402153&cx=c&gtm=4e65b1"></script><script async="" src="https://graph.culturecreates.com/footlight/v2/event-markup?url=https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/danse/ma-danse-story.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=1778690965754p4inu7"></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 src="https://www.google.com/cse/static/element/dc329f57de078f5d/cse_element__fr.js?usqp=CAM%3D" type="text/javascript"></script><link type="text/css" href="https://www.google.com/cse/static/element/dc329f57de078f5d/default_v6+fr.css" rel="stylesheet"><link type="text/css" href="https://www.google.com/cse/static/style/look/v6/default.css" rel="stylesheet">
<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 = "";
</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 -->
<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}.gsc-results-wrapper-overlay{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:#1A0DAB}.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:#1A0DAB}.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:#1A0DAB}.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:#1A0DAB}.gsc-cursor-page{color:#1A0DAB}a.gsc-trailing-more-results:link{color:#1A0DAB}.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,.gs-fileFormatType{color:#4D5156}.gs-webResult div.gs-visibleUrl{color:#202124}.gs-webResult div.gs-visibleUrl-short{color:#202124}.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-container{border-color:#D9D9D9}.gsc-completion-title{color:#1A0DAB}.gsc-completion-snippet{color:#4D5156}.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link{color:#1A0DAB}.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited{color:#1A0DAB}.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover{color:#1A0DAB}.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active{color:#1A0DAB}.gs-promotion .gs-snippet,.gs-promotion .gs-title .gs-promotion-title-right,.gs-promotion .gs-title .gs-promotion-title-right *{color:#4D5156}.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short{color:#202124}.gcsc-find-more-on-google{color:#1A0DAB}.gcsc-find-more-on-google-magnifier{fill:#1A0DAB}
</style><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/963900683/?random=1778690967087&cv=11&fst=1778690967087&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be65b1v9235138683z89127320812za20gzb9127320812zd9127320812xec&gcd=13t3t3l3l5l1&dma=0&tag_exp=0~115938465~115938468~118131809~118463261&u_w=800&u_h=600&url=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fdanse%2Fma-danse-story.html&rcb=5&frm=0&tiba=Salle%20Odyss%C3%A9e%20%7C%20La%20Maison%20de%20la%20culture%20de%20Gatineau%20%7C%20855%2C%20boulevard%20de%20la%20Gappe%20%7C%20Gatineau%20%7C%20819%20243-2525&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=1585936741.1778690967&uaa=&uab=&uafvl=&uamb=0&uam=&uap=&uapv=&uaw=0&data=event%3Dgtag.config&rfmt=3&fmt=4"></script><script type="text/javascript" async="" src="https://googleads.g.doubleclick.net/pagead/viewthroughconversion/17759444727/?random=1778690967187&cv=11&fst=1778690967187&bg=ffffff&guid=ON&async=1&en=gtag.config&gtm=45be65b1v9236125350z89127320812za20gzb9127320812zd9127320812xec&gcd=13t3t3l3l5l1&dma=0&tag_exp=0~115616986~115938465~115938468~118131809~118463262&u_w=800&u_h=600&url=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fdanse%2Fma-danse-story.html&rcb=18&frm=0&tiba=Salle%20Odyss%C3%A9e%20%7C%20La%20Maison%20de%20la%20culture%20de%20Gatineau%20%7C%20855%2C%20boulevard%20de%20la%20Gappe%20%7C%20Gatineau%20%7C%20819%20243-2525&hn=www.googleadservices.com&npa=0&pscdl=noapi&auid=1585936741.1778690967&uaa=&uab=&uafvl=&uamb=0&uam=&uap=&uapv=&uaw=0&data=event%3Dgtag.config&rfmt=3&fmt=4"></script></head>
<!-- InstanceBeginEditable name="BodyClass" -->
<body class=""><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.png" 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.png" 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="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"><a href="../paroles-musique/index.html" rel="paroles-musique-et-danse" title="Paroles musique">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.png" 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><a href="../spectacles/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.png" 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.png" 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.png" 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.png" 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.png" 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-733" autocomplete="off">
<div class="easy-autocomplete-container" id="eac-container-eac-733">
<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"><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><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="index.html" rel="danse-spectacles" title="Danse">Danse</a></li>
<li><a href="../humour/index.html" rel="humour" title="Humour">Humour</a></li>
<li><a href="../paroles-musique/index.html" rel="paroles-musique-et-danse" title="Paroles musique">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="../spectacles/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.png" 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&CodeSiteClient=00000V" target="_self" rel="nofollow" onclick="_gaq.push(['_link', 'https://www.ovation.qc.ca/pesite.asp?CodeEtablissement=000014&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=0E04ML&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" -->Danse<!-- InstanceEndEditable -->
</h2>
<div class="row show-content">
<div class="col-sm-8 show-description-column show-description">
<!-- InstanceBeginEditable name="Description" -->
<p>
Le célèbre danseur Jean-Marc Généreux est mort!
</p>
<p>
Rassurez-vous, cette prémisse ne fait que donner le ton au spectacle enlevant, glam et amusant <em>Ma Danse Story</em>, où il est accompagné de huit danseurs émérites.
</p>
<p>
Coincé dans les limbes entre ciel et terre, Jean-Marc Généreux doit revisiter les moments marquants de sa vie et de sa carrière pour prouver qu'il mérite une place dans le paradis des danseurs. À travers un parcours amusant et introspectif, Jean-Marc se remémore ses succès, ses échecs, et les leçons qu'il a apprises.
</p>
<p>
Alors que des juges célestes évaluent ses actions et ses choix, il est confronté à l’ultime épreuve du jugement dernier. Avec l’énergie débordante qu’on lui connaît, il doit convaincre qu'il a le «talent divin» pour faire partie de l'élite des danseurs. Vegas, ballroom, danse sociale, fox-trot, boogie-woogie, tout y passe. Réussira-t-il à gagner son ciel ?
</p>
<p>
<em>Ma Danse Story</em>, un spectacle où se mêlent fous rires, danses endiablées et situations burlesques! Un concept de Alex Francoeur, Jean-Marc Généreux et Christian Lalumière.
</p>
<p>
À propos de Jean-Marc Généreux :<br>
S’il est quelqu’un qui incarne la danse au Québec, c’est bien Jean-Marc Généreux. Il a compétitionné à travers le monde, il a dansé avec Jennifer Lopez, il a été juge sur la télé-réalité <em>So You Think You Can Dance</em> (Canada et États-Unis) et <em>Dancing With The Stars</em> (France) et il nous émeut depuis 2018 à l’émission <em>Révolution</em>, pour ne nommer que quelques-uns des projets auxquels il apporte immanquablement sa touche et sa couleur.
</p>
<p>
<img src="../../images/spectacles/danse/programme-de-developpement-la-danse-sur-les-routes-du-quebec.jpg" width="150" height="45" alt="">
</p>
<!-- InstanceEndEditable -->
<div id="reviews-container">
<h5><a class="btn-toggle-parent-sibling btn-reviews" href="#">Critiques</a></h5>
<div class="reviews-content">
<!-- InstanceBeginEditable name="Reviews" -->
<!-- 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">
<img src="../../images/spectacles/danse/ma-danse-story.jpg" alt="">
<div class="show-details">
<p>
<span class="uppercase"><strong><em>Ma Danse Story</em></strong></span><br>
<span class="uppercase">Avec Jean-Marc Généreux et 8 danseurs émérites</span><br>
55 $ I 51 $ 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>
Lundi 24 novembre 2025 - 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=0E04ML&CodeSiteClient=00000V" target="_blank">
Achat en ligne réseau ovation
</a></p>
</div>
</div>
<!-- InstanceEndEditable -->
</div>
<!-- .col -->
<div class="artist-video">
<!-- InstanceBeginEditable name="Video" -->
<!-- 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=0E04ML&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>
<div class="mm-page__blocker mm-slideout"></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" src="https://15402153.fls.doubleclick.net/activityi;src=15402153;type=pagev0;cat=pagev0;rcb=16;ord=6019798965797;npa=0;auiddc=1585936741.1778690967;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;pscdl=noapi;frm=0;_tu=KFA;gtm=45fe65b1v9219570822z89127320812za20gzb9127320812zd9127320812xea;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=0~115938465~115938468~118131809~118463261~119013245;epver=2;dc_random=1778690966_OnZpOh67CYIxgJbUkxtCJN_qZvEjYcB3xQ;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fdanse%2Fma-danse-story.html?" style="display: none; visibility: hidden;"></iframe>
</body><!-- InstanceEnd --></html>