Wringer

Html

<!DOCTYPE html><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=""><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">
<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&amp;cx=c&amp;gtm=4e6341"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-17759444727&amp;cx=c&amp;gtm=4e6341"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-963900683&amp;cx=c&amp;gtm=4e6341"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15402153&amp;cx=c&amp;gtm=4e6341"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TXNQQPG"></script><script async="" src="https://graph.culturecreates.com/footlight/v2/event-markup?url=https://www.maisondelaculture.ca/Salle-Odyssee/spectacles/rendez-vous-theatre/moi-et-lautre.html"></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=1772880195661pnzba"></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>

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

<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=0E01LW&amp;CodeSiteClient=00000V" target="_blank">
                Achat en ligne réseau ovation
                </a></p>          
                    </div>
                  </div>
                
              </div>
              
              
              <div class="artist-video">
                <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="https://www.youtube.com/embed/MmfCM8VfAms?si=pOWUexiAowyeTvw1" 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="" id="fitvid116449"></iframe></div>

</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="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>
                    
                <a class="bt-reseau-ovation" href="https://reseau.ovation.ca/pesite.asp?CodeSalleSpectacle=0E01LW&amp;CodeSiteClient=00000V" target="_blank">
                Achat en ligne réseau ovation
                </a>
                
                  </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>
                
                <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>
                    
                    <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>
                    
                  </div>
                  
                  <div class="row">
                    <p class="note">* Échanges et remboursements : voir politique d'achat de billets</p>
                  </div>
                </div>
                
              </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>

// 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;ord=6791026952530;npa=0;auiddc=1242232026.1772880197;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KFA;gtm=45fe6341v9219570822z89127320812za20gzb9127320812zd9127320812xea;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=103116026~103200004~115616985~115938465~115938469~116024733~117484252~117625640;epver=2;dc_random=1772880196_P6enC8WDuVe1SV5N3uZXVcagp286bOsJxg;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Frendez-vous-theatre%2Fmoi-et-lautre.html?" style="display: none; visibility: hidden;"></iframe><div class="mm-page__blocker mm-slideout"></div></body></html>

Editing Website