Page name: Salle Odyssée | La Maison de la culture de Gatineau | 855, boulevard de la Gappe | Gatineau | 819 243-2525
Edit | BackDate Scraped: 2025-07-08 11:44:59 -0400
Last Successful Refresh: 2025-07-08 11:44:59 -0400
Created: 2024-04-17 12:29:16 -0400
Updated: 2025-07-08 11:44:59 -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=DC-15402153&cx=c&gtm=45He5720v9127320812za200&tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104573694~104684208~104684211~104718208~104839054~104839056~104885889~104885891"></script><script async="" src="https://graph.culturecreates.com/footlight/v2/event-markup?url=https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/cote-cour/bebe-symphonique.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=17519894939067lqsml"></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 = "dome-immersif";
</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/197b0e284b1b1f14/cse_element__fr.js?usqp=CAM%3D" type="text/javascript"></script><link type="text/css" href="https://www.google.com/cse/static/element/197b0e284b1b1f14/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="dome-immersif"><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"><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-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 active"><a href="../dome-immersif/index.html" rel="dome-immersif" title="Dôme immersif" class="active">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-8837" autocomplete="off">
<div class="easy-autocomplete-container" id="eac-container-eac-8837">
<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><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><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 class="active"><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 class="active"><a href="../dome-immersif/index.html" rel="dome-immersif" title="Dôme immersif" class="active">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&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?CodeSalleSpectacle=0E01JR&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" -->Dôme immersif<!-- InstanceEndEditable -->
</h2>
<div class="row">
<div class="col-sm-24">
<div class="breadCrumbs"><span class="no-margin">Programmation</span><span>></span><a href="https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/tous-les-spectacles/index.html">Liste complète</a><span>></span><a href="https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/dome-immersif/index.html">Dôme immersif</a><span>></span><span class="no-margin">Le Dôme - Expérience immersive</span></div>
</div>
</div>
<div class="row show-content">
<div class="col-sm-8 show-description-column show-description">
<!-- InstanceBeginEditable name="Description" -->
<p>
L’expérience immersive <em>Bébé symphonique</em> puise dans la richesse et la puissance de la musique orchestrale pour créer des moments privilégiés de connexion entre les bébés et leurs parents, tout en favorisant le développement des tout-petits. Ayant pour point de départ sept pièces instrumentales interprétées par l’Orchestre symphonique de Montréal, <em>Bébé symphonique</em> transporte les spectateurs dans un univers merveilleux de formes, de couleurs et de textures. Au rythme de la musique symphonique, nébuleuses lointaines, nuages de poussières d’étoiles, billes colorées et bricolages se livrent à des chorégraphies captivantes imaginées pour éveiller de façon ludique la vue et l’ouïe des très jeunes enfants.
</p>
<p>
<strong>Durée de la projection : 33 minutes</strong>
</p>
<p><em>*Place à l’émerveillement avec des spectacles présentés dans un dôme extérieur à la fine pointe de la technologie pour une expérience immersive, auditive et visuelle à 360 degrés! Des rendez-vous à couper le souffle dans la cour de la Maison de la culture de Gatineau (accès par le stationnement arrière - P1). </em>
</p>
<p> <a href="/Salle-Odyssee/foire-aux-questions-dome-immersif.html">
<img src="../../images/spectacles/place-de-la-cite/bouton-foire-aux-questions.png" width="210" height="50" alt=""></a></p>
<p>
Le dôme est présenté grâce à :<br>
<br>
<img src="../../images/spectacles/dome-immersif/logo-entente-developpement-culturel.png" width="200" height="73" 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 btn-video bottom-right bt-video">
<div class="wrapper"><img src="../../images/spectacles/dome-immersif/bebe-symphonique.jpg" alt="" class="clickable"></div>
<div class="show-details">
<p>
<span class="uppercase"><strong>Le Dôme - Expérience immersive</strong></span><br>
<span class="uppercase"><em>Bébé symphonique</em></span><br>
<span class="uppercase">PROJECTIONS 360 DEGRÉS</span><br>
17 $<br>
10 $ 5 à 17 ans<br>
Gratuit pour les 0 à 4 ans<br>
<small class="fees">Exceptionnellement, aucuns frais supplémentaires ne sont appliqués sur les achats au téléphone ou en ligne. </small><br>
</p>
<p>
Dates :<br>
Jusqu'au 29 septembre 2024 <small>jeudi au dimanche</small> <br>
<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?CodeSalleSpectacle=0E01JR&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://www.youtube.com/embed/7JSPSpb74wM?si=4pPrnp-dP51duD4n" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" id="fitvid976598"></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?CodeSalleSpectacle=0E01JR&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=8556404714432;npa=0;auiddc=58358924.1751989495;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KlA;gtm=45fe5720v9219570822z89127320812za200zb9127320812;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104684208~104684211~104718208~104839054~104839056~104885889~104885891~104909299~104909301;epver=2;dc_random=1751989494718;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fcote-cour%2Fbebe-symphonique.html?" style="display: none; visibility: hidden;"></iframe><iframe allow="join-ad-interest-group" data-tagging-id="DC-15402153/pagev0/pagev0+standard" data-load-time="1751989494745" height="0" width="0" src="https://td.doubleclick.net/td/fls/rul/activityi;fledge=1;src=15402153;type=pagev0;cat=pagev0;ord=8556404714432;npa=0;auiddc=58358924.1751989495;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KlA;gtm=45fe5720v9219570822z89127320812za200zb9127320812;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=9;tag_exp=101509157~103116026~103200004~103233427~103351869~103351871~104684208~104684211~104718208~104839054~104839056~104885889~104885891~104909299~104909301;epver=2;dc_random=1751989494718;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fcote-cour%2Fbebe-symphonique.html?" style="display: none; visibility: hidden;"></iframe>
<div class="mm-page__blocker mm-slideout"></div>
</body><!-- InstanceEnd --></html>