Uri: https%3A%2F%2Fagora.ticketacces.net%2Ffr%2Forganisation%2Frepresentations%2Findex.cfm%3FEvenementID%3D20318

Page name: Bénévolat Tableau Noir - Agora des Arts (Billetterie de l'Agora des Arts) - TicketAcces.net

Edit | Back

Date Scraped: 2026-04-07 14:14:09 -0400

Last Successful Refresh: 2026-04-07 14:14:09 -0400

Created: 2026-02-04 06:44:28 -0500

Updated: 2026-04-07 14:14:09 -0400

HTTP Response Code: 200

Html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" lang="fr"><!-- InstanceBegin template="/Templates/apparence-client-2015.dwt" codeOutsideHTMLIsLocked="false" -->
  <head>
    <meta charset="iso-8859-1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="Réseau de billetteries pour la vente et l'achat de billets de spectacle, de cinéma, de sport et autres." />
    <meta name="author" content="Radium inc." />
    <meta property="og:title" content="Bénévolat
Tableau Noir"/>
    <meta property="og:type" content="activity"/>
    <meta property="og:url" content="https%3A%2F%2Fagora%2Eticketacces%2Enet%2Ffr%2Forganisation%2Frepresentations%2Findex%2Ecfm%3FEvenementID%3D20318%26DetectionCookies%3DTestComplet"/>
    <meta property="og:image" content="https://agora.ticketacces.net/organisations/agora/evenements/grandes/benevolat.png"/>
    <meta property="og:site_name" content="TicketAcces.net"/>
    <meta property="og:description" content="Amaryllis étudie en sciences à l'université. Anthony est incarcéré dans un pénitencier. La première est performante, rigide et a le vague à l'âme malgré le confort et la réussite. Le second est dysfonctionnel, impulsif et bon vivant malgré les erreurs et les difficultés. Ils auraient dû mener leur vie en parallèle, sans se croiser. Ils aboutiront pourtant dans le même petit local terne où, deux heures par semaine, Amaryllis se transformera en professeure de français et Anthony, en élève du secondaire. Au fil de ces rencontres hebdomadaires, ils devront, malgré eux, apprendre à se connaître et à s'apprivoiser.

Bénévolat est un huis clos à la fois sensible et haletant, où les mots agissent comme moteur de l'intrigue, mais également comme catalyseur, provoquant la rencontre improbable et attachante de deux êtres fragilisés par des parcours aux antipodes.

Crédits

Texte | Maud de Palma-Duquet
Mise en scène | Rose-Anne Déry
Avec | Stéphanie Arav et Mathieu Richard
Assistance à la mise en scène | Charlotte Ménard
Décor | Xavier Mary | Costumes et accessoires | Didier Senécal
Éclairages | Leticia Hamaoui
Musique | Étienne Thibeault et Sarah Laurendeau

 
COUP DE THÉÂTRE! À l'achat d'un billet pour cette pièce, obtenez un code promo donnant 25% de rabais pour la pièce Fallait pas dire ça présentée au Théâtre du cuivre.

Ce spectacle est présenté par le Club Rotary."/>
    <meta property="fb:admins" content="100001187679186"/>
    <!-- Include meta -->
    <!-- InstanceBeginEditable name="editTitle" -->
    <title>Bénévolat Tableau Noir - Agora des Arts (Billetterie de l'Agora des Arts) - TicketAcces.net</title>
    <!-- InstanceEndEditable -->
    <script>
      window.dataLayer = window.dataLayer || [];
      window.GTM_MODELE_DONNEES = 'ancien';
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics - TicketAcces.net -->
    <script type="text/plain" data-cookiecategory="analytics" async src="https://www.googletagmanager.com/gtag/js?id=G-XVJ3PQJG00"></script>
    <script>
      function gtag(){window.dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-XVJ3PQJG00');


              gtag('config','G-TCNJXDT8P1')
    </script>
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/css/styles-2019-v23.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/css/foundation/foundation-6.4.2-custom-v04.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/css/responsive-v02.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/js/modules/password-reveal/styles.css" />
    <link rel="stylesheet" type="text/css" media="print" href="https://www.ticketacces.net/css/print11.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/js/jquery/plugins/jquery.alerts.css"  />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/js/jquery/plugins/jquery-labelauty/jquery-labelauty.css" />
    <!-- Chargement de la feuille de style pour le consentement des cookies -->
    <link rel="stylesheet" href="https://www.ticketacces.net/js/modules/cookieconsent-v2.9.2/cookieconsent.css">
    <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/favicons/manifest.json">
    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
    <meta name="msapplication-config" content="/favicons/browserconfig.xml">
    <meta name="theme-color" content="#000000">
    <style type="text/css" media="screen">
      body {
      background:#000 url(https://www.ticketacces.net/images/fonds/bg-agoradesarts-2023-v03.jpg) no-repeat top center fixed;
      background-size:cover;
      }
    </style>
    <script type="text/javascript">
      <!--
      var globalCurrentLanguage = 'fr';
      -->
    </script>
    <!-- InstanceBeginEditable name="editHead" -->
    <link rel="stylesheet" type="text/css" media="all" href="https://www.ticketacces.net/js/jquery/plugins/fancybox-2.1.5/jquery.fancybox.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="https://www.ticketacces.net/css/pages/organisation/representations/index6.css" />
    <meta http-equiv="refresh" content="90;URL=index.cfm?EvenementID=20318&amp;Date=&amp;refresh=1" />
    <!-- InstanceEndEditable -->
    <!-- CSS de l'organisation -->
    <style type="text/css" media="screen">
      .btn-primary {background-color:#d93033;color:#FFFFFF;}.interactive-calendar-has-content {background-color:#d93033;color:#FFFFFF;}.interactive-calendar table td.interactive-calendar-has-content a {background-color:#d93033;color:#FFFFFF;}.ui-tabs .ui-state-default, .ui-tabs.ui-widget-content .ui-tabs .ui-state-default, .ui-tabs .ui-widget-header .ui-tabs .ui-state-default {background-color:#d93033;color:#FFFFFF;}.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited {color:#FFFFFF;}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.open .dropdown-toggle.btn-primary {background-color:#d93033;color:#FFFFFF;}div#menu ul li a:hover {border-color:#d93033;}div#cadre-secondaire {border-color:#d93033;}.article-contenu h2::after {border-color:#d93033;}a, h2 a, .btn-link {color:#000123;}div.calendrier .titre {background-color:#000123;color:#ffffff;}
    </style>
  </head>
  <body class="">
    <div id="cadre-principal">
      <div id="menu-haut-drop-down">
        <div class="container">
          <!-- Single button -->
          <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bars fa-2x"></i>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
              <li>
                <a href="/en/organisation/representations/index.cfm?EvenementID=20318&amp;DetectionCookies=TestComplet"><i class="fa fa-language fa-fw"></i> English</a>
              </li>
              <li><a href="/fr/organisation/cartes-cadeaux/index.cfm"><i class="fa fa-credit-card fa-fw"></i> Cartes-Cadeaux</a></li>
              <li><a href="/fr/organisation/cartes-privileges/index.cfm"><i class="fa fa-heart-o fa-fw"></i> Carte privilège</a></li>
              <li><a href="/fr/portail/compte/connexion.cfm"><i class="fa fa-lock fa-fw"></i> Compte</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div id="menu-haut">
        <div class="container">
          <div class="row collapse">
            <div class="column small-12 large-1 text-left">
              <ul class="text-right large-text-left">
                <li>
                  <a href="/en/organisation/representations/index.cfm?EvenementID=20318&amp;DetectionCookies=TestComplet">English</a>
                </li>
              </ul>
            </div>
            <div class="column small-12 large-11">
              <ul class="text-right">
                <li><a href="/fr/organisation/cartes-cadeaux/index.cfm">Cartes-Cadeaux</a></li>
                <li><a href="/fr/organisation/cartes-privileges/index.cfm">Carte privilège</a></li>
                <li class="menu-haut-element-compte"><a href="/fr/portail/compte/connexion.cfm"><i class="fa fa-user-circle-o"></i> Compte</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div id="cadre-haut-fond">
        <div id="cadre-haut-fond-organisation">
          <div id="cadre-haut">
            <div id="cadre-interne">
              <div id="info-organisation">
                <h1>
                  <a href="/fr/organisation/index.cfm">
                    <img src="https://www.ticketacces.net/organisations/agora/theme/images/agora_complet_rgb-horizontal-inv-2.svg" alt="Agora des Arts (Billetterie de l'Agora des Arts)" />
                  </a>
                </h1>
              </div>
              <div id="menu">
                <ul>
                  <li><a href="/fr/organisation/index.cfm">billets</a></li>
                  <li><a href="/fr/organisation/produits/categories.cfm">Produits et forfaits</a></li>
                  <li id="mnuPanier"><a href="/fr/organisation/panier/">Panier<br />
                      <span>&nbsp;</span></a></li>
                  <li id="mnuPaiement"><a href="/fr/organisation/achat/paiement.cfm">Passer à la caisse<br />
                      <span><span id="temps">&nbsp;</span></span></a></li>
                </ul>
              </div>
              <div id="menu-responsive">
                <ul>
                  <li><a href="/fr/organisation/index.cfm"><i class="fa fa-ticket"></i><br />
                      <span>Billets</span></a></li>
                  <li><a href="/fr/organisation/produits/categories.cfm"><i class="fa fa-beer"></i><br />
                      <span>Produits</span></a></li>
                  <li><a href="/fr/portail/compte/"><i class="fa fa-user"></i><br />
                      <span>Compte</span></a></li>
                  <li id="mnuResponsivePanier"><a href="/fr/organisation/panier/"><i class="fa fa-shopping-cart"></i><br />
                      <span>Panier</span></a><span class="label-menu"></span></li>
                  <li id="mnuResponsivePaiement"><a href="/fr/organisation/achat/paiement.cfm"><i class="fa fa-calculator"></i><br />
                      <span>Payer</span></a><span class="label-menu"></span></li>
                </ul>
              </div>
              <div class="clear">&nbsp;</div>
            </div>
          </div>
        </div>
      </div>
      <div id="milieu">
        <!-- InstanceBeginEditable name="editHautPage" -->
        <!-- InstanceEndEditable -->
        <div id="cadre-secondaire">
          <div id="corps">
            <!-- InstanceBeginEditable name="editCorps" -->
            <p id="fil-ariane"><a href="https://www.ticketacces.net/fr/portail/index.cfm">TicketAcces.net</a> &gt; <a href="../index.cfm">Agora des Arts (Billetterie de l'Agora des Arts)</a> &gt; <a href="../evenements/index.cfm?ProgrammationID=2065">Programmation 2025-2026</a></p>
            <p class="show-for-small-only"><a href="#table-representations" class="btn btn-default btn-sm"><i class="fa fa-arrow-down"></i> Voir les dates</a></p>
            <h1>Bénévolat<br />
              Tableau Noir</h1>
            <div class="clear">&nbsp;</div>
            <div class="row">
              <div class="column small-12 medium-3">
                <p>
                  <img src="https://www.ticketacces.net/organisations/agora/evenements/grandes/benevolat.png" alt="" />
                </p>
              </div>
              <div class="column small-12 medium-9">
                <div class="description">
                  <div class="colonne-auto">
                    <p>
                      <strong>Genre</strong><br />
                      <span class="light">Spectacle &bull; Pièce de théâtre</span>
                    </p>
                  </div>
                  <div class="colonne-auto">
                    <p>
                      <strong>Durée</strong><br />
                      <span class="light">1h20</span>
                    </p>
                  </div>
                  <div class="clear">&nbsp;</div>
                  <hr />
                  <div class="content">
                    <p class="text-left large-text-justify">
                      Amaryllis étudie en sciences à l'université. Anthony est incarcéré dans un pénitencier. La première est performante, rigide et a le vague à l'âme malgré le confort et la réussite. Le second est dysfonctionnel, impulsif et bon vivant malgré les erreurs et les difficultés. Ils auraient dû mener leur vie en parallèle, sans se croiser. Ils aboutiront pourtant dans le même petit local terne où, deux heures par semaine, Amaryllis se transformera en professeure de français et Anthony, en élève du secondaire. Au fil de ces rencontres hebdomadaires, ils devront, malgré eux, apprendre à se connaître et à s'apprivoiser.<br />
                      <br />
                      Bénévolat est un huis clos à la fois sensible et haletant, où les mots agissent comme moteur de l'intrigue, mais également comme catalyseur, provoquant la rencontre improbable et attachante de deux êtres fragilisés par des parcours aux antipodes.<br />
                      <br />
                      Crédits<br />
                      <br />
                      Texte | Maud de Palma-Duquet<br />
                      Mise en scène | Rose-Anne Déry<br />
                      Avec | Stéphanie Arav et Mathieu Richard<br />
                      Assistance à la mise en scène | Charlotte Ménard<br />
                      Décor | Xavier Mary | Costumes et accessoires | Didier Senécal<br />
                      Éclairages | Leticia Hamaoui<br />
                      Musique | Étienne Thibeault et Sarah Laurendeau<br />
                      <br />
 <br />
                      COUP DE THÉÂTRE! À l'achat d'un billet pour cette pièce, obtenez un code promo donnant 25% de rabais pour la pièce Fallait pas dire ça présentée au Théâtre du cuivre.<br />
                      <br />
                      Ce spectacle est présenté par le Club Rotary.
                    </p>
                  </div>
                  <hr />
                </div>
              </div>
            </div>
            <div class="clear">&nbsp;</div>
            <div id="resultats">
              <div class="fiche fiche-speciale">
                <h2 class="text-center">Forfaits disponibles</h2>
                <p class="text-center"><button type="button" id="btnAfficherForfaits" class="btn btn-default btn-sm"><i class="fa fa-plus-square"></i> Afficher plus</button></p>
                <div class="row large-up-2">
                  <div class="column ">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 3 spectacles (tarif régulier)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1023" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1023" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column ">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 3 spectacles (tarif 30 ans et moins)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1024" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1024" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 3 spectacles (tarif étudiant)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1025" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1025" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 3 spectacles (tarif mécène)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1026" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1026" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 5 spectacles (tarif régulier)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1027" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1027" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 5 spectacles (tarif 30 ans et moins)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1028" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1028" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 5 spectacles (tarif étudiant)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1029" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1029" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 5 spectacles (tarif mécène)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1030" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1030" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 7 spectacles (tarif régulier)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1031" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1031" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 7 spectacles (tarif 30 ans et moins)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1032" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1032" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 7 spectacles (tarif étudiant)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1033" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1033" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="column section-forfaits-forfait-supplementaire">
                    <div class="fiche fiche-speciale">
                      <h3 class="text-center">Forfait 7 spectacles (tarif mécène)</h3>
                      <div class="row">
                        <div class="column small-12">
                          <hr />
                          <div class="row">
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1034" class="btn btn-link btn-sm">En savoir plus</a></p>
                            </div>
                            <div class="column small-12 large-6">
                              <p class="text-center"><a href="../produits/details.cfm?ProduitID=1034" class="btn btn-secondary btn-sm">Acheter</a></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <table class="donnees responsive" id="table-representations">
                <tr>
                  <td class="col1">
                    <div class="calendrier hidden-sm">
                      <span class="titre">MER</span>
                      <span class="contenu"><strong>8</strong><br />
                        AVR<br />
                        <span class="calendrier-annee">2026</span></span>
                      <span class="pied">19 h</span>
                    </div>
                  </td>
                  <td class="col2">
                    <h3>Bénévolat<br />
                      Tableau Noir</h3>
                    <p class="visible-sm"><i class="fa fa-calendar fa-fw"></i> <strong>Mercredi 8 avril 2026 à 19 h</strong></p>
                    <p>
                      Agora des Arts - Salle principale<br />
                      170 avenue Murdoch, Rouyn-Noranda
                    </p>
                    <div class="clear">&nbsp;</div>
                    <div>
                      <div class="bulle-indicateur"><img src="https://www.ticketacces.net/images/design/fr/prix-web2.png" alt="Prix web" /></div>
                      <div class="bulle hidden-sm">
                        <strong>Régulier</strong><br />
                        49,21 $
                      </div>
                      <div class="bulle hidden-sm">
                        <strong>Étudiant</strong><br />
                        30,75 $
                      </div>
                      <div class="bulle hidden-sm">
                        <strong>Mécène</strong><br />
                        73,82 $
                      </div>
                      <div class="bulle hidden-sm">
                        <strong>30 ans et moins</strong><br />
                        36,90 $
                      </div>
                      <div class="bulle hidden-sm">
                        <strong><a href="prix.cfm?RepresentationID=20726" class="window">Autres prix</a></strong><br />
                        &nbsp;
                      </div>
                      <a href="prix.cfm?RepresentationID=20726" class="window btn btn-secondary visible-sm">Voir les prix</a>
                    </div>
                    <div class="clear">&nbsp;</div>
                  </td>
                  <td class="col3">
                    <p class="text-center large-text-right">
                      <a href="../achat/index.cfm?RepresentationID=20726" class="btn btn-primary">Acheter des billets
                        <br />
                        <span class="btn-info-date">MER 8 AVR 2026 à 19 h</span>
                      </a><br />
                    </p>
                    <span class="light">
                      En vente maintenant!
                    </span><br />
                    <br />
                    <a href="../produits/forfaits/index.cfm?RepresentationID=20726" class="btn btn-default">Acheter dans un forfait</a>
                  </td>
                </tr>
              </table>
            </div>
            <hr class="separateur-transparent separateur-grand" />
            <div class="suggestions">
              <h2 class="suggestions-title">Vous pourriez également aimer...</h2>
              <div class="row large-up-3 medium-up-2">
                <div class="column">
                  <a href="../../organisation/representations/index.cfm?EvenementID=20305">
                    <div class="image-crop geante" style="background-image:url('../../../organisations/agora/evenements/grandes/image-carre_un-banc-pour-un-enfant.png')"></div>
                  </a>
                  <p class="suggestions-element-tags">
                  </p>
                  <p class="suggestions-element-title">
                    <a href="../../organisation/representations/index.cfm?EvenementID=20305">
                      Un banc pour un enfant<br />
                      Campagne de financement
                    </a>
                  </p>
                </div>
                <div class="column">
                  <a href="../../organisation/representations/index.cfm?EvenementID=20326">
                    <div class="image-crop geante" style="background-image:url('../../../organisations/agora/evenements/grandes/359_064_carreavectexte_fondre_1200x1200_vf.jpg')"></div>
                  </a>
                  <p class="suggestions-element-tags">
                    <a href="../../organisation/representations/index.cfm?EvenementID=20326"><span class="label label-default">31 octobre 2026</span></a>
                    <a href="../../organisation/representations/index.cfm?EvenementID=20326"><span class="label label-default">3 novembre 2026</span></a>
                    <a href="../../organisation/representations/index.cfm?EvenementID=20326"><span class="label label-default">Plus...</span></a>
                  </p>
                  <p class="suggestions-element-title">
                    <a href="../../organisation/representations/index.cfm?EvenementID=20326">
                      Fondre<br />
                      Th&eacute;&acirc;tre du Tandem, Th&eacute;&acirc;tre de la Mar&eacute;e Haute et Centre du Th&eacute;&acirc;tre d&#x27;Aujourd&#x27;hui
                    </a>
                  </p>
                </div>
              </div>
            </div>
            <!-- InstanceEndEditable -->
            <div class="clear">&nbsp;</div>
          </div>
        </div>
      </div>
      <div id="bas">
        <div class="contenu">
          <div class="row">
            <div class="column small-12 large-4">
              <h3>Agora des Arts</h3>
              <p>
                170, av Murdoch<br />
                Rouyn-Noranda (Québec)&nbsp;&nbsp;J9X 1E4
              </p>
              <ul class="data-icons">
                <li>
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-phone fa-stack-1x fa-inverse"></i>
                  </span>
                  <strong>819 797-0800</strong>
                </li>
                <li>
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-fax fa-stack-1x fa-inverse"></i>
                  </span>
                  <strong>819 797-9676</strong>
                </li>
                <li>
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
                  </span>
                  <a href="mailto:info@agoradesarts.com">info@agoradesarts.com</a>
                </li>
                <li>
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-globe fa-stack-1x fa-inverse"></i>
                  </span>
                  <a href="http://www.agoradesarts.com" target="_blank" rel="noopener">Site Web</a>
                </li>
                <li>
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                  </span>
                  <a href="https://www.facebook.com/pages/LAgora-des-Arts/200722429966133" target="_blank" rel="noopener">Suivez-nous sur Facebook</a>
                </li>
              </ul>
            </div>
            <div class="column small-12 large-4">
              <h3>TicketAcces.net</h3>
              <ul>
                <li><a href="/fr/portail/a-propos/index.cfm">À propos</a></li>
                <li><a href="/fr/organisation/conditions-et-politiques/index.cfm">Conditions et politiques</a></li>
                <li><a href="http://info.ticketacces.net" target="_blank" rel="noopener">Vendre des billets sur notre réseau</a></li>
                <li><a href="https://www.facebook.com/Ticketacces.net" target="_blank" rel="noopener">Suivez TicketAcces sur Facebook</a></li>
                <li><a href="/fr/portail/a-propos/nous-contacter.cfm">Contact</a></li>
                <li><a href="#" data-cc="c-settings">Cookies</a></li>
                <li><a href="/en/organisation/representations/index.cfm?EvenementID=20318&amp;DetectionCookies=TestComplet">English</a></li>
              </ul>
            </div>
            <div class="column small-12 large-4">
              <h3>Compte</h3>
              <ul>
                <li><a href="/fr/portail/compte/creer.cfm">S'inscrire gratuitement</a></li>
                <li><a href="/fr/portail/compte/connexion.cfm">Connexion</a></li>
                <li><a href="/fr/portail/compte/mot-de-passe-oublie.cfm">Mot de passe oublié</a></li>
                <li><a href="/fr/portail/aide/index.cfm">Aide</a></li>
              </ul>
              <div id="copyright">
                <p><a href="https://www.ticketacces.net/fr/portail/index.cfm"><img src="https://www.ticketacces.net/images/logos/ticketacces-2023-soft.svg" alt="TicketAcces.net" /></a></p>
                <p id="copyright-info">Tous droits réservés &copy;2005 - 2026</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="https://www.ticketacces.net/js/fonctions9.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/jquery/plugins/jquery.alerts.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/jquery/plugins/countdown/jquery.plugin.min.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/jquery/plugins/countdown/jquery.countdown.min.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/communs/organisation.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/modules/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/modules/password-reveal/password-reveal-v1.js"></script>
    <script src="https://www.ticketacces.net/js/modules/cookieconsent-v2.9.2/cookieconsent.js" defer></script>
    <script src="https://www.ticketacces.net/js/modules/cookieconsent-v2.9.2/cookieconsent-init.js" defer></script>
    <script>
      $(document).ready(function(){
      	$('#temps').countdown({

      			until:0

      		,format:'MS'
      		,padZeroes:true
      		,layout: 'Il vous reste {mn} {ml} {sn} {sl}'
      		,expiryText:'Temps limite atteint'
      	});

      		$('#temps').hide();

      });
    </script>
    <!-- InstanceBeginEditable name="editFinBody" -->
    <script type="text/javascript" src="https://www.ticketacces.net/js/jquery/plugins/fancybox-2.1.5/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="https://www.ticketacces.net/js/pages/fr/organisations/representations/index.js"></script>
    <script type="text/javascript">
      /* Activate Fancybox */
      $("a.window").fancybox({
      	type: 'iframe',
      	ajax: {
      	dataFilter: function(data) {
      		return $(data);
      	}
      	},
      	padding:5,
      	width:560,
      	height:360,
      	helpers:{
      		overlay : {
      			css : {
      				'background' : 'rgba(00, 00, 00, 0.8)'
      			}
      		}
      	}
      });
    </script>
    <!-- InstanceEndEditable -->
  </body>
  <!-- InstanceEnd --></html>