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=4e6490h2"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-17759444727&amp;cx=c&amp;gtm=4e6490h2"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-963900683&amp;cx=c&amp;gtm=4e6490h2"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=DC-15402153&amp;cx=c&amp;gtm=4e6490h2"></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/chanson/roxane-bruneau.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=1776083403484ywj58q"></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="reviews-container" style="display: block;">
                  <h5><a class="btn-toggle-parent-sibling btn-reviews" href="#">Critiques</a></h5>
                  <div class="reviews-content">
                  
<p>
               «Une vague électrisante» - Frédérique De Simone, Le Journal de Montréal
                  </p>
					  <p>
               «[…] Roxane a démontré, une fois de plus, que son talent est totalement insubmersible! Une tournée qui transcendera toutes les autres.» - Mylène Groleau, MatTv
                  </p>
					  <p>
               «Par sa fougue, sa voix et son unique sens de l’humour, Roxane livre un spectacle à la fois hautement énergique et touchant. Elle sait conquérir le coeur de chaque spectateur.» - Alex Marsolais, Mitsou Magazine
                  </p>
					  <p>
               «<em>Submergé</em>, le tout dernier spectacle de Roxane Bruneau nous amène au coeur de son univers parfaitement balancé entre l'émotion pure et l'humour, mais avec cette fois-ci un aspect très assumé et plus adulte de la chanteuse. Dans tous les cas, la connexion avec les “Bruno’z” était à nouveau au rendez-vous!» - Marie-Ève Allard, Allô Vedettes
                  </p>
					  <p>
               «Roxane Bruneau est assurément au sommet de son art dans son nouveau spectacle. Elle sait comment rejoindre son public avec authenticité et même avec humour.» - Marie-Soleil Lajeunesse, Noovo Moi
                  </p>
					  <p>
               «Roxane a su instaurer une énergie unique dans L’Olympia. J’ai été frappée par la dose d’amour qui envahissait la salle. J’en ressors émue et pleine d’admiration pour l’artiste authentique et chaleureuse qu’elle est.» - Ariane Beauchemin, Le Carnet du manager
                  </p>
                    
                  </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-right derniere-chance bt-video">
                    <div class="wrapper"><img src="../../images/spectacles/chanson/roxane-bruneau.jpg" alt="" class="clickable"></div>
                    <div class="show-details">
                      <p>
                        <span class="uppercase"><strong>Roxane Bruneau</strong></span><br>
						   <span class="uppercase"><em>Submergé</em></span><br>
                        53 $ I 49 $ carte Odyssée<br>
                      <small class="fees">Des frais supplémentaires s’appliquent sur les achats en ligne et par téléphone</small><br>
                      </p>
                      <p>
                        Date :<br>
						    Samedi 22 novembre 2025 - 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>
                      <a class="bt-reseau-ovation" href="https://reseau.ovation.ca/pesite.asp?CodeRepresentation=0E04QL&amp;CodeSiteClient=00000V" target="_blank">Achat en ligne réseau ovation</a></p>
                    </div>
                  </div>
                
              <div class="related-events"><h5>Vous pourriez aussi aimer</h5><div class="artists-container row"><div class="col-sm-8 artist-container bg-chason" style="height: 250px;"><a href="/Salle-Odyssee/spectacles/chanson/2freres.html"><img src="/Salle-Odyssee/images/spectacles/chanson/2freres.jpg" alt=""><span class="artist-details"><strong>2Frères</strong><br>2 mai 2026</span></a></div><div class="col-sm-8 artist-container bg-chanson" style="height: 250px;"><a href="/Salle-Odyssee/spectacles/chanson/kain-derniere-chance.html"><img src="/Salle-Odyssee/images/spectacles/chanson/kain-26.jpg" alt=""><span class="artist-details"><strong>Kain</strong><br>23 octobre 2026</span></a></div><div class="col-sm-8 artist-container bg-country" style="height: 250px;"><a href="/Salle-Odyssee/spectacles/country-folk/sara-dufour.html"><img src="/Salle-Odyssee/images/spectacles/country-folk/sara-dufour-2027.jpg" alt=""><span class="artist-details"><strong>Sara Dufour</strong><br>4 mars 2027</span></a></div></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/_QxJZjHc-RQ?si=rTz2B6jRMueCmytl" 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="fitvid272568"></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?CodeRepresentation=0E04QL&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>

<div class="mm-page__blocker mm-slideout"></div><noscript>
	<style>
		.tonik-privacy-modal {
			display: none;
		}
	</style>
</noscript>
<div id="tonik-privacy-modal-1" class="tonik-privacy-modal tonik-privacy-modal-1 with-transition">
			<div class="open-tonik-privacy-modal tonikHide" id="open-modal" title="Paramètres de confidentialité"></div>
		<div class="tonik-privacy-modal-content">
	<div class="close-modal tonikHide" id="close-modal">X</div>
		<input type="checkbox" class="show-more-toggle" id="toggle-text">
		<div class="tonik-privacy-modal-header">
			<p class="titre">Respect de la vie privée</p>
			<div class="truncated-text" id="truncated-text"><p>En acceptant de nous partager certaines informations de navigation, vous nous... <label for="toggle-text">Plus</label> </p></div>
			<div class="acceptingDesc" id="acceptingDesc"><p>En acceptant de nous partager certaines informations de navigation, vous nous aidez à nous améliorer et à vous offrir une expérience de navigation optimale. Merci de votre appui! <a href="/Salle-Odyssee/politique-confidentialite.html" target="_blank" rel="noopener">Politique de confidentialité</a> <label for="toggle-text">Moins</label></p></div>
			<div class="customizingDesc" id="acceptingDesc">
				<p>Activez les catégories que vous souhaitez partager, merci de votre aide! <a href="/Salle-Odyssee/politique-confidentialite.html" target="_blank" rel="noopener">Politique de confidentialité</a></p>			</div>
		</div>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
        // Define the character limit based on window width
        const maxChars = window.innerWidth < 992 ? 77 : 100;

// Helper function to truncate text and add "See more"
        function addSeeMore(elementId, maxChars) {
            const element = document.getElementById(elementId);
            const fullText = element.textContent.trim();
            console.log(maxChars); //! To remove

// Check if text length exceeds maxChars
            if (fullText.length > (maxChars + 10)) {
                const truncatedText = fullText.substring(0, maxChars) + "... ";
                element.innerHTML = truncatedText + '<span class="see-more"></span>';

// Function to toggle the text and class
                function toggleText() {
                    // Check if the element currently has the 'open' class
                    if (!element.classList.contains('open')) {
                        element.classList.add('open'); // Add the 'open' class
                        element.innerHTML = fullText + " <span class='see-more'>Moins</span>";
                    } else {
                        element.classList.remove('open'); // Remove the 'open' class
                        element.innerHTML = truncatedText + '<span class="see-more"></span>';
                    }
                    // Reattach the event listener to the new "See more" or "See less" link
                    attachSeeMoreLink();
                }

// Function to attach the event listener
                function attachSeeMoreLink() {
                    const seeMoreLink = element.querySelector(".see-more");
                    if (seeMoreLink) {
                        seeMoreLink.addEventListener("click", toggleText);
                    }
                }

// Initially attach the event listener to the "See more" link
                attachSeeMoreLink();
            }
        }
        
        // Apply the function to your specific elements with a character limit of 200
        addSeeMore("acceptingDesc", maxChars);
        addSeeMore("customizingDesc", maxChars);
        });
    </script>

<div class="tonik-privacy-permissions">
			<div class="tonik-privacy-permission">
				<span class="open-desc tonikHide"></span>
				<label>
					<input type="checkbox" name="necessary" id="necessary" checked="" disabled="">
					<span>Nécessaires</span>
					<span class="custom-check"></span>
				</label>
				<div class="description"></div>
			</div>
			<div class="tonik-privacy-permission">
				<span class="open-desc"></span>
				<label>
					<input type="checkbox" name="statistics" id="statistics">
					<span>Statistiques</span>
					<span class="custom-check"></span>
				</label>
				<div class="description">
											<ul><li>Google Analytics</li><li>Facebook Pixel</li><li>Clic Ovation</li></ul>									</div>
			</div>
			<div class="tonik-privacy-permission">
				<span class="open-desc"></span>
				<label>
					<input type="checkbox" name="preferences" id="preferences">
					<span>Préférences</span>
					<span class="custom-check"></span>
				</label>
				<div class="description">
											<ul><li>Clic Ovation</li></ul>									</div>
			</div>
			<div class="tonik-privacy-permission">
				<span class="open-desc"></span>
				<label>
					<input type="checkbox" name="marketing" id="marketing">
					<span>Marketing</span>
					<span class="custom-check"></span>
				</label>
				<div class="description">
											<ul><li>Google Analytics</li><li>Facebook Pixel</li><li>Clic Ovation</li></ul>									</div>
			</div>
		</div>
        
		<div class="tonik-privacy-modal-footer">
			<button class="btn rejecting-cookies" id="rejecting-cookies">Rejeter tout</button>
			<button class="btn custom-settings" id="custom-settings">Personnaliser</button>
			<button class="btn saving-settings" id="saving-settings">Enregistrer</button>
			<button class="btn accepting-cookies" id="accepting-cookies">Accepter tout</button>
		</div>
		<div class="powered">
			<a href="https://www.tonikwebstudio.com/" target="_blank">Propulsé par <img src="https://loi25.maisondelaculture.ca/tonik-privacy/images/tonik.png" alt="Tonik Web Studio"></a>
		</div>
	</div>
</div>
<script>const script = document.createElement('script');
script.textContent = `
    console.log('This script runs as expected!');
    // Your inline JavaScript code here
`;
document.body.appendChild(script);</script><iframe height="0" width="0" src="https://15402153.fls.doubleclick.net/activityi;src=15402153;type=pagev0;cat=pagev0;rcb=13;ord=3079313464431;npa=0;auiddc=2105038301.1776083404;uaa=;uab=;uafvl=;uamb=0;uam=;uap=;uapv=;uaw=0;frm=0;_tu=KFA;gtm=45fe6490h2v9219570822z89127320812za20gzb9127320812zd9127320812xea;gcs=G111;gcd=13t3t3l3l5l1;dma=0;dc_fmt=2;tag_exp=0~115616986~115938466~115938468~116363097~117384405;epver=2;dc_random=1776083404_718QD0HLt_OJTA48Jf98l8pQ77UWdTlADQ;_dc_test=1;~oref=https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fchanson%2Froxane-bruneau.html?" style="display: none; visibility: hidden;"></iframe>
</body></html>

Editing Website