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=4e66f1h1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-17759444727&amp;cx=c&amp;gtm=4e66f1h1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-963900683&amp;cx=c&amp;gtm=4e66f1h1"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15402153&amp;cx=c&amp;gtm=4e66f1h1"></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/varietes/messmer.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=1781693867621o611g3"></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">

<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=0E00WQ&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;rcb=12;ord=5394884589132;npa=0;auiddc=73108513.1781693869;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;pscdl=noapi;frm=0;_tu=KFA;gtm=45fe66f1h1v9219570822z89127320812za20gzb9127320812zd9127320812xea;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=115938466~115938468~119381662~119392696~119392704~119456239~119456247;epver=2;dc_random=1781693869_XmBX56b1p5Omkj7r7y0n0huR8F9fgRjhbg;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fvarietes%2Fmessmer.html?" style="display: none; visibility: hidden;"></iframe><div class="mm-page__blocker mm-slideout"></div></body></html>

Editing Website