Wringer

Html

<!DOCTYPE html>





<html class="" lang="fr">

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

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

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

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

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

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

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

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

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

</div>
                </div>
                <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>
              </div>
              
              <div class="col-sm-16 show-details-column">
                
                  <div class="show-details-container btn-video bottom-left">
                    <img src="../../images/spectacles/theatre-hors-serie/les-39-marches.jpg" alt="" />
                    <div class="show-details">
                      <p>
                        <span class="uppercase"><em><strong>Les 39 marches</strong></em></span><br/>
                        59 $ I 55 $ carte Odyssée<br/>
						  45 $ → <span style="color: #79bd8a;">Abonnés théâtre*</span> <br/>
						 <small class="fees"> *Tarif réservé aux abonnés des Rendez-vous théâtre. Disponible seulement en personne ou au téléphone</small><br/>
                        <small class="fees">Des frais supplémentaires s’appliquent sur les achats en ligne et par téléphone</small>
                      </p>
                      <p>
                        Dates :<br/>
                      Lundi 4 mai 2026 - 20 h <small>Supplémentaire</small><br/>
						 Mardi 5 mai 2026 - 20 h <small>Supplémentaire</small><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>
                      </p>          
                    </div>
                  </div>
                
              </div>
              
              
              <div class="artist-video">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/x1MrcBBmsYU?si=YY8ndX8NfRs1n4ls" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            
            
              </div>
              
            </div>
            
            
          </div>
          
        </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>
      		
    	</footer>
        
      </div>
      
    </div>
    
    
  </div>
  
	<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>

<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>
</body>
</html>

Editing Website