Uri: https%3A%2F%2Fwww.maisondelaculture.ca%2FSalle-Odyssee%2Fspectacles%2Fcirque%2Fbarka.html

Page name: Salle Odyssée | La Maison de la culture de Gatineau | 855, boulevard de la Gappe | Gatineau | 819 243-2525

Edit | Back

Date Scraped: 2025-11-07 16:20:22 -0500

Last Successful Refresh: 2025-11-07 16:20:22 -0500

Created: 2025-04-29 17:16:48 -0400

Updated: 2025-11-07 16:20:22 -0500

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="" lang="fr"><!-- 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">
    <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">
    <!-- End Injecting tonik privacy plugin -->
    <!-- Google Tag Manager -->
    <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 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 = "cirque";
    </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 -->
  </head>
  <!-- InstanceBeginEditable name="BodyClass" -->
  <body class="">
    <!-- InstanceEndEditable -->
    <div id="page-container">
      <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">
                <input type="search" class="search-field" placeholder="Recherche" name="q" />
              </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"><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="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><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><a href="../dome-immersif/index.html" rel="dome-immersif" title="Dôme immersif">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&amp;CodeSiteClient=00000V" target='_blank' rel='nofollow'>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?CodeRepresentation=0E04QK&CodeSiteClient=00000V" target="_blank">Achat de billets en ligne</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" -->Cirque<!-- InstanceEndEditable -->
                </h2>
                <div class="row show-content">
                  <div class="col-sm-8 show-description-column show-description">
                    <!-- InstanceBeginEditable name="Description" -->
                    <p>
                      <em>Barka</em> est un spectacle où se rencontrent les arts du cirque, la danse et la musique par les créateurs du groupe Gypsy Kumbia.  
                    </p>
                    <p>
                      <em>Barka</em> est un extraordinaire chaos festif, une célébration de la vie et un appel à l'espoir et à la liberté responsable.  <em>Barka</em> propose un mélange audacieux de cirque, de musique live et de danse, joyeusement entrelacés dans un spectacle plein d'une énergie délirante et d'une richesse sonore, visuelle et sensorielle.           
                    </p>
                    <p>
                      Nous nous trouvons tous dans un bateau. Explorateurs, migrants ou survivants, peu importe, nous sommes partis. Le voyage a commencé, chacun d'entre nous à la recherche de son rêve. Mais nous flottons tous ensemble en mouvement, alors qu'une grosse tempête est prévue à l'horizon.
                    </p>
                    <p>
                      Alors que les artistes de cirque assurent des numéros très précis et virtuoses sur la roue cyr, la corde lisse, le mât chinois, la jonglerie et la contorsion, l'interaction permanente avec les musiciens ajoute au sentiment de risque et d'équilibre précaire permanent.
                    </p>
                    <p>
                      Aussi, tout au long du spectacle, on goute l’Amérique Latine, et particulièrement à la cumbia qui serve de base rythmique qui accompagne la multiplicité des mélodies qui façonnent la trame sonore de l'œuvre. 
                    </p>
                    <p>
                      La cumbia est également présente en tant que langage chorégraphique qui inspire le mouvement collectif des artistes sur scène. Jupes et tambours, cuivres et maracas se côtoient, donnant une couleur particulière à l'œuvre, la rendant festive et invitant irrésistiblement au plaisir de la danse.
                    </p>
                    <p>
                      Avec le soutien de <em>Destination cirque</em>, un programme porté par <em>En Piste – Regroupement national des arts du cirque</em>
                    </p>
                    <p>
                      <img src="../../images/spectacles/cirque/logo-en-piste.jpg" width="150" height="45" 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" -->
                        <p>
                          «…tout est matière à la fête dans ce spectacle passionnant, dont le mot d’ordre est métissage» - La Presse
                        </p>
                        <p>
                          «le spectacle multidisciplinaire <em>Barka</em> amuse et transporte» - Le Journal de Montréal
                        </p>
                        <p>
                          «<em>Barka</em> est un spectacle multidisciplinaire mêlant danse, art circassien et prestations musicales fusionnant la sonorité effervescente de fanfares roms et les percussions afro-colombiennes.» - Radio-Canada
                        </p>
                        <p>
                          «Un concert savant, mélange de musiques entraînantes, de numéros de cirque, de personnages haut en couleur et d’un soupçon de folie.» - MaTv
                        </p>
                        <!-- 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-left">
                      <img src="../../images/spectacles/cirque/barka.jpg" alt="" />
                      <div class="show-details">
                        <p>
                          <span class="uppercase"><strong><em>Barka</em></strong></span><br/>
                          <span class="uppercase">Par les créateurs du groupe Gypsy Kumbia</span><br/>
                          30 $ I 26 $ carte Odyssée<br/>
                          16 $ étudiants<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/>
                          Dimanche 9 novembre 2025 - 19 h<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>
                    <!-- InstanceEndEditable -->
                  </div>
                  <!-- .col -->
                  <div class="artist-video">
                    <!-- InstanceBeginEditable name="Video" -->
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/6Ap0OstxDeE?si=rkaVreBG4jzz9rnr" 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>
                    <!-- 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">
            <!-- Content dynamically added -->
          </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>
  </body>
  <!-- InstanceEnd --></html>