Uri: https%3A%2F%2Ftheatrepatriote.com%2Fspectacle%2Fchanson%2Fthe-box
Page name: POST call https://theatrepatriote.com/spectacle/chanson/the-box
Edit | BackDate Scraped: 2025-10-10 20:06:14 -0400
Last Successful Refresh: 2025-10-10 20:06:14 -0400
Created: 2024-06-19 03:17:11 -0400
Updated: 2025-10-10 20:06:14 -0400
HTTP Response Code: 200
Html:
<!DOCTYPE html>
<html class="show-page-transition js-has-pseudo" lang="fr">
<head>
<script type="text/javascript" src="https://api.byscuit.com/data/client/FC00CBA7-AD01-44DD-9694-F055511A2733/script/script.js"></script>
<!-- TITLE -->
<title>The Box</title>
<meta name="description" content="Pour en savoir plus sur le spectacle « 1982-2025 » qui se déroulera au Théâtre Le Patriote." />
<!-- META -->
<meta charset="UTF-8"/>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://theatrepatriote.com/spectacle/1982-2025" />
<meta property="og:site_name" content="Théâtre Le Patriote" />
<meta property="og:image" content="https://theatrepatriote.com/resize/754c606776ae18a8b1518952114d946c-1" />
<meta property="og:title" content="The Box" />
<meta property="og:description" content="Pour en savoir plus sur le spectacle « 1982-2025 » qui se déroulera au Théâtre Le Patriote." />
<!-- FAVICON -->
<link href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<!-- CSS -->
<link rel="stylesheet" href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/dist/build.css?v=1759179057">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JY6R3FBE6R"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-JY6R3FBE6R');
</script>
</head>
<body class="o-page o-page--show" data-scroller-destination="body">
<div class="page-transition">
<div class="page-transition__container"></div>
</div>
<div data-namespace="show">
<button class="c-button-cookies" onclick="cc.showSettings(0);" title="Ouvrir l'interface de gestion des témoins">
<svg class="c-button-cookies__svg" viewBox="0 0 22 22" role="img">
<path d="M21,13c0,3.2-4.5,5.9-10,5.9c-5.5,0-10-2.6-10-5.9c0-0.4,0.1-0.8,0.2-1.2c0.9,2.8,5,5,9.8,5c4.8,0,8.9-2.1,9.8-5 C20.9,12.2,21,12.6,21,13z"/>
<path d="M11,3.1c-5.4,0-9.8,2.4-9.8,5.3c0,3,4.4,5.3,9.8,5.3s9.8-2.4,9.8-5.3C20.8,5.5,16.4,3.1,11,3.1z M10.1,10.7L7.3,9.2 l0.7-1.3l2.1,1l4-2.5l0.8,1.3L10.1,10.7z"/>
</svg>
</button>
<div class="c-overlay-share" data-overlay="share">
<div class="c-overlay-share__container" data-overlay-container="share">
<button class="c-overlay-share__button-close || js-close-overlay-share" title="Fermer">
<svg class="c-overlay-share__button-close-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"></use>
</svg>
</button>
<div class="c-overlay-share__content">
<h2 class="c-overlay-share__title">Où souhaitez-vous<br />
partager <span class="|| js-overlay-share-inner-text">cette page</span> ?</h2>
<div id="Share-buttons" class="c-overlay-share__links share-btn" data-url="https://theatrepatriote.com/spectacle/1982-2025">
<a class="c-overlay-share__link || trk-fb" data-id="fb" title="Facebook">
<svg class="c-overlay-share__link-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"></use>
</svg>
</a>
<a class="c-overlay-share__link || trk-tw" data-id="tw" title="X">
<svg class="c-overlay-share__link-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-elon"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-elon"></use>
</svg>
</a>
<a class="c-overlay-share__link || trk-mail" data-id="mail" title="Courriel">
<svg class="c-overlay-share__link-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-courriel"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-courriel"></use>
</svg>
</a>
<a class="c-overlay-share__link || trk-copy" data-id="copy" title="L’URL de la page">
<svg class="c-overlay-share__link-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-lien"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-lien"></use>
</svg>
</a>
<a class="c-overlay-share__link || trk-shareSheet" data-id="share" title="Plus d’options">
<svg class="c-overlay-share__link-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-trois-points"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-trois-points"></use>
</svg>
</a>
</div>
</div>
</div>
<div class="c-overlay-share__background || js-close-overlay-share"></div>
</div>
<div class="c-overlay-menu-desktop" data-overlay="menu-desktop">
<div class="c-overlay-menu-desktop__container" data-interface-container="menu-desktop">
<div class="c-overlay-menu-desktop__container-left">
<div class="c-overlay-menu-desktop__container-left-inner || js-overlay-menu-desktop-container-left-inner">
<div class="c-overlay-menu-desktop__parent-menus-list-element">
<ul class="c-overlay-menu-desktop__parent-menus-list">
<li class="c-overlay-menu-desktop__parent-menus-list-item">
<button class="c-overlay-menu-desktop__parent-menu || js-overlay-menu-desktop-parent-menu" data-menu-desktop-interface-button="programmation">
<span class="c-overlay-menu-desktop__parent-menu-text">Programmation</span>
<svg class="c-overlay-menu-desktop__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-desktop__parent-menus-list-item">
<a class="c-overlay-menu-desktop__parent-menu" href="/devenez-membre" target="_self">
<span class="c-overlay-menu-desktop__parent-menu-text">Devenez membre</span>
<svg class="c-overlay-menu-desktop__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-desktop__parent-menus-list-item">
<button class="c-overlay-menu-desktop__parent-menu || js-overlay-menu-desktop-parent-menu" data-menu-desktop-interface-button="billetterie">
<span class="c-overlay-menu-desktop__parent-menu-text">Billetterie</span>
<svg class="c-overlay-menu-desktop__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-desktop__parent-menus-list-item">
<button class="c-overlay-menu-desktop__parent-menu || js-overlay-menu-desktop-parent-menu" data-menu-desktop-interface-button="le-patriote">
<span class="c-overlay-menu-desktop__parent-menu-text">Le Patriote</span>
<svg class="c-overlay-menu-desktop__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-desktop__parent-menus-list-item">
<button class="c-overlay-menu-desktop__parent-menu || js-overlay-menu-desktop-parent-menu" data-menu-desktop-interface-button="explorez-la-region">
<span class="c-overlay-menu-desktop__parent-menu-text">Explorez la région</span>
<svg class="c-overlay-menu-desktop__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
</ul>
</div>
<div class="c-overlay-menu-desktop__secondary-pages-list-element">
<ul class="c-overlay-menu-desktop__secondary-pages-list">
<li class="c-overlay-menu-desktop__secondary-pages-list-item">
<a class="c-overlay-menu-desktop__secondary-page" href="/calendrier-complet" target="_self">Calendrier complet</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-desktop__container-right">
<div class="c-overlay-menu-desktop__interfaces-element">
<div class="c-overlay-menu-desktop__interfaces">
<div class="c-overlay-menu-desktop__interface" data-interface="main">
<div class="c-overlay-menu-desktop__showcase">
<div class="c-overlay-menu-desktop__showcase-content">
<div class="c-overlay-menu-desktop__showcase-tag">Infolettre</div>
<span class="c-overlay-menu-desktop__showcase-title">Soyez aux premières loges</span>
<p class="c-overlay-menu-desktop__showcase-description">Découvrez nos nouveautés, nos offres exclusives et nos événements à venir!</p>
<a class="c-overlay-menu-desktop__showcase-button" href="https://theatrepatriote.com/infolettre" target="_self">
<span>Inscrivez-vous à l'infolettre</span>
</a>
</div>
<picture class="c-overlay-menu-desktop__showcase-picture">
<img class="c-overlay-menu-desktop__showcase-img || cover lazy" src="https://theatrepatriote.com/storage/app/resources/resize/68_87_0_0_crop/img_60d05be70a346a39d55d404793fb99c9.jpg" data-src="https://theatrepatriote.com/storage/app/resources/resize/680_875_0_0_crop/img_ad9d492ba9b7a8f750ed8802be5627e8.jpg" alt="" style="--position: center;">
</picture>
</div>
</div>
<div class="c-overlay-menu-desktop__interface" data-interface="programmation">
<ul class="c-overlay-menu-desktop__pages-list ">
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation">Voir tous les spectacles</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/chanson">Chanson</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/poesie-arts-de-la-parole">Conte / Arts de la parole</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/danse">Danse</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/hors-programmation">Hors programmation</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/humour">Humour</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/jeune-public">Jeune public</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/mediation-culturelle">Médiation culturelle</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/musique">Musique</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/sortie-scolaire">Sortie scolaire</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/theatre">Théâtre</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="https://theatrepatriote.com/programmation/varietes">Variétés</a>
</li>
</ul>
</div>
<div class="c-overlay-menu-desktop__interface" data-interface="billetterie">
<ul class="c-overlay-menu-desktop__pages-list ">
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/billetterie/carte-cadeau" target="_self">Carte-Cadeau</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/billetterie/promotions" target="_self">Offres spéciales</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/billetterie/plan-de-salle" target="_self">Plan de salle</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/billetterie/reservation" target="_self">Réservation</a>
</li>
</ul>
</div>
<div class="c-overlay-menu-desktop__interface" data-interface="le-patriote">
<ul class="c-overlay-menu-desktop__pages-list ">
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/le-patriote/ecoresponsabilite" target="_self">Écoresponsabilité</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/le-patriote/equipe" target="_self">Équipe</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/le-patriote/fiche-technique-et-plan-de-scene" target="_self">Fiche technique et plan de scène</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/le-patriote/location-de-salle" target="_self">Location de salle</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/le-patriote/lhistoire" target="_self">L’histoire</a>
</li>
</ul>
</div>
<div class="c-overlay-menu-desktop__interface" data-interface="explorez-la-region">
<ul class="c-overlay-menu-desktop__pages-list ">
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/explorez-la-region/ou-dormir" target="_self">Où dormir</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/explorez-la-region/ou-manger" target="_self">Où manger</a>
</li>
<li class="c-overlay-menu-desktop__pages-list-item">
<a class="c-overlay-menu-desktop__page" href="/explorez-la-region/quoi-faire" target="_self">Quoi faire</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-desktop__under-interfaces-element">
<div class="c-overlay-menu-desktop__under-interfaces">
<ul class="c-overlay-menu-desktop__social-medias-items">
<li class="c-overlay-menu-desktop__social-medias-item">
<a class="c-overlay-menu-desktop__social-media" href="https://www.facebook.com/TheatreLePatriote" target="_blank" title="Facebook">
<svg class="c-overlay-menu-desktop__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-desktop__social-medias-item">
<a class="c-overlay-menu-desktop__social-media" href="https://www.instagram.com/theatrelepatriote" target="_blank" title="Instagram">
<svg class="c-overlay-menu-desktop__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-desktop__social-medias-item">
<a class="c-overlay-menu-desktop__social-media" href="https://www.youtube.com/channel/UCLQQKruhsBpptZ_vJpj3SFw" target="_blank" title="YouTube">
<svg class="c-overlay-menu-desktop__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-desktop__decorations">
<div class="c-overlay-menu-desktop__decoration-1">
<svg class="c-overlay-menu-desktop__decoration-1-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"></use>
</svg>
</div>
<div class="c-overlay-menu-desktop__decoration-2">
<svg class="c-overlay-menu-desktop__decoration-2-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue-et-cercle-plein-horizontale"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue-et-cercle-plein-horizontale"></use>
</svg>
</div>
<div class="c-overlay-menu-desktop__decoration-3">
<svg class="c-overlay-menu-desktop__decoration-3-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein-et-cercle-troue-verticale"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein-et-cercle-troue-verticale"></use>
</svg>
</div>
<div class="c-overlay-menu-desktop__decoration-4">
<svg class="c-overlay-menu-desktop__decoration-4-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"></use>
</svg>
</div>
</div>
<div class="c-overlay-menu-desktop__blob">
<svg class="c-overlay-menu-desktop__blob-svg" viewBox="0 0 810 785" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M388.022 56.6609C519.647 49.121 674.26 -54.2897 768.048 38.3064C861.791 130.857 771.668 287.564 754.09 418.073C740.236 520.931 751.293 634.32 677.883 707.736C604.456 781.169 491.833 787.991 388.022 784.173C288.9 780.527 188.637 757.499 118.743 687.168C49.0546 617.045 35.4308 516.261 24.1944 418.073C10.8184 301.187 -34.2936 162.424 49.2012 79.4839C132.659 -3.41935 270.54 63.3906 388.022 56.6609Z" fill="url(#paint0_linear_4504_12495)"/>
<defs>
<linearGradient id="paint0_linear_4504_12495" x1="405" y1="0" x2="405" y2="785" gradientUnits="userSpaceOnUse">
<stop stop-color="#0038FF"/>
<stop offset="0.5" stop-color="#1541DC"/>
<stop offset="1" stop-color="#5176F9"/>
</linearGradient>
</defs>
</svg>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile" data-overlay="menu-mobile">
<div class="c-overlay-menu-mobile__container">
<div class="c-overlay-menu-mobile__interfaces" data-interface-container="menu-mobile">
<div class="c-overlay-menu-mobile__interface" data-interface="main" data-interface-level="1">
<div class="c-overlay-menu-mobile__interface-inner || js-overlay-menu-mobile-interface-inner">
<div class="c-overlay-menu-mobile__parent-menus-list-element">
<ul class="c-overlay-menu-mobile__parent-menus-list">
<li class="c-overlay-menu-mobile__parent-menus-list-item">
<button class="c-overlay-menu-mobile__parent-menu || js-overlay-menu-mobile-parent-menu" data-menu-mobile-interface-button="programmation">
<span class="c-overlay-menu-mobile__parent-menu-text">Programmation</span>
<svg class="c-overlay-menu-mobile__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-mobile__parent-menus-list-item">
<a class="c-overlay-menu-mobile__parent-menu" href="/devenez-membre" target="_self">
<span class="c-overlay-menu-mobile__parent-menu-text">Devenez membre</span>
<svg class="c-overlay-menu-mobile__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-mobile__parent-menus-list-item">
<button class="c-overlay-menu-mobile__parent-menu || js-overlay-menu-mobile-parent-menu" data-menu-mobile-interface-button="billetterie">
<span class="c-overlay-menu-mobile__parent-menu-text">Billetterie</span>
<svg class="c-overlay-menu-mobile__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-mobile__parent-menus-list-item">
<button class="c-overlay-menu-mobile__parent-menu || js-overlay-menu-mobile-parent-menu" data-menu-mobile-interface-button="le-patriote">
<span class="c-overlay-menu-mobile__parent-menu-text">Le Patriote</span>
<svg class="c-overlay-menu-mobile__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
<li class="c-overlay-menu-mobile__parent-menus-list-item">
<button class="c-overlay-menu-mobile__parent-menu || js-overlay-menu-mobile-parent-menu" data-menu-mobile-interface-button="explorez-la-region">
<span class="c-overlay-menu-mobile__parent-menu-text">Explorez la région</span>
<svg class="c-overlay-menu-mobile__parent-menu-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</li>
</ul>
</div>
<div class="c-overlay-menu-mobile__secondary-pages-list-element">
<ul class="c-overlay-menu-mobile__secondary-pages-list">
<li class="c-overlay-menu-mobile__secondary-pages-list-item">
<a class="c-overlay-menu-mobile__secondary-page" href="/calendrier-complet" target="_self">Calendrier complet</a>
</li>
</ul>
</div>
<div class="c-overlay-menu-mobile__social-medias-items-element">
<ul class="c-overlay-menu-mobile__social-medias-items">
<li class="c-overlay-menu-mobile__social-medias-item">
<a class="c-overlay-menu-mobile__social-media" href="https://www.facebook.com/TheatreLePatriote" target="_blank" title="Facebook">
<svg class="c-overlay-menu-mobile__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-mobile__social-medias-item">
<a class="c-overlay-menu-mobile__social-media" href="https://www.instagram.com/theatrelepatriote" target="_blank" title="Instagram">
<svg class="c-overlay-menu-mobile__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"></use>
</svg>
</a>
</li>
<li class="c-overlay-menu-mobile__social-medias-item">
<a class="c-overlay-menu-mobile__social-media" href="https://www.youtube.com/channel/UCLQQKruhsBpptZ_vJpj3SFw" target="_blank" title="YouTube">
<svg class="c-overlay-menu-mobile__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile__interface" data-interface="programmation" data-interface-level="2">
<div class="c-overlay-menu-mobile__interface-inner || js-overlay-menu-mobile-interface-inner">
<div class="c-overlay-menu-mobile__button-back-element">
<button class="c-overlay-menu-mobile__button-back" data-menu-mobile-interface-button="main">
<svg class="c-overlay-menu-mobile__button-back-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"></use>
</svg>
<span class="c-overlay-menu-mobile__button-back-text">Menu</span>
</button>
</div>
<div class="c-overlay-menu-mobile__parent-menu-title-element">
<a class="c-overlay-menu-mobile__parent-menu-title" target="" target="_self">Programmation</a>
</div>
<div class="c-overlay-menu-mobile__pages-list-element">
<ul class="c-overlay-menu-mobile__pages-list">
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation">Voir tous les spectacles</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/chanson">Chanson</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/poesie-arts-de-la-parole">Conte / Arts de la parole</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/danse">Danse</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/hors-programmation">Hors programmation</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/humour">Humour</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/jeune-public">Jeune public</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/mediation-culturelle">Médiation culturelle</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/musique">Musique</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/sortie-scolaire">Sortie scolaire</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/theatre">Théâtre</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="https://theatrepatriote.com/programmation/varietes">Variétés</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile__interface" data-interface="billetterie" data-interface-level="2">
<div class="c-overlay-menu-mobile__interface-inner || js-overlay-menu-mobile-interface-inner">
<div class="c-overlay-menu-mobile__button-back-element">
<button class="c-overlay-menu-mobile__button-back" data-menu-mobile-interface-button="main">
<svg class="c-overlay-menu-mobile__button-back-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"></use>
</svg>
<span class="c-overlay-menu-mobile__button-back-text">Menu</span>
</button>
</div>
<div class="c-overlay-menu-mobile__parent-menu-title-element">
<a href="/billetterie" class="c-overlay-menu-mobile__parent-menu-title" target="_self">Billetterie</a>
</div>
<div class="c-overlay-menu-mobile__pages-list-element">
<ul class="c-overlay-menu-mobile__pages-list">
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/billetterie/carte-cadeau" target="_self">Carte-Cadeau</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/billetterie/promotions" target="_self">Offres spéciales</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/billetterie/plan-de-salle" target="_self">Plan de salle</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/billetterie/reservation" target="_self">Réservation</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile__interface" data-interface="le-patriote" data-interface-level="2">
<div class="c-overlay-menu-mobile__interface-inner || js-overlay-menu-mobile-interface-inner">
<div class="c-overlay-menu-mobile__button-back-element">
<button class="c-overlay-menu-mobile__button-back" data-menu-mobile-interface-button="main">
<svg class="c-overlay-menu-mobile__button-back-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"></use>
</svg>
<span class="c-overlay-menu-mobile__button-back-text">Menu</span>
</button>
</div>
<div class="c-overlay-menu-mobile__parent-menu-title-element">
<a href="/le-patriote" class="c-overlay-menu-mobile__parent-menu-title" target="_self">Le Patriote</a>
</div>
<div class="c-overlay-menu-mobile__pages-list-element">
<ul class="c-overlay-menu-mobile__pages-list">
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/le-patriote/ecoresponsabilite" target="_self">Écoresponsabilité</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/le-patriote/equipe" target="_self">Équipe</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/le-patriote/fiche-technique-et-plan-de-scene" target="_self">Fiche technique et plan de scène</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/le-patriote/location-de-salle" target="_self">Location de salle</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/le-patriote/lhistoire" target="_self">L’histoire</a>
</li>
</ul>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile__interface" data-interface="explorez-la-region" data-interface-level="2">
<div class="c-overlay-menu-mobile__interface-inner || js-overlay-menu-mobile-interface-inner">
<div class="c-overlay-menu-mobile__button-back-element">
<button class="c-overlay-menu-mobile__button-back" data-menu-mobile-interface-button="main">
<svg class="c-overlay-menu-mobile__button-back-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"></use>
</svg>
<span class="c-overlay-menu-mobile__button-back-text">Menu</span>
</button>
</div>
<div class="c-overlay-menu-mobile__parent-menu-title-element">
<a href="/explorez-la-region" class="c-overlay-menu-mobile__parent-menu-title" target="_self">Explorez la région</a>
</div>
<div class="c-overlay-menu-mobile__pages-list-element">
<ul class="c-overlay-menu-mobile__pages-list">
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/explorez-la-region/ou-dormir" target="_self">Où dormir</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/explorez-la-region/ou-manger" target="_self">Où manger</a>
</li>
<li class="c-overlay-menu-mobile__pages-list-item">
<a class="c-overlay-menu-mobile__page" href="/explorez-la-region/quoi-faire" target="_self">Quoi faire</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-overlay-menu-mobile__blob">
<svg class="c-overlay-menu-mobile__blob-svg" viewBox="0 0 879 852" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M420.994 61.5557C563.625 53.3798 731.165 -58.754 832.795 41.6529C934.376 142.01 836.718 311.936 817.67 453.454C802.657 564.989 814.639 687.943 735.091 767.552C655.525 847.18 533.485 854.577 420.994 850.436C313.584 846.482 204.938 821.513 129.199 745.249C53.6845 669.211 38.9216 559.925 26.7457 453.454C12.2513 326.709 -36.6326 176.241 53.8434 86.3039C144.279 -3.59255 293.688 68.8531 420.994 61.5557Z" fill="url(#paint0_linear_4504_12493)"/>
<defs>
<linearGradient id="paint0_linear_4504_12493" x1="439.392" y1="0.115234" x2="439.392" y2="851.333" gradientUnits="userSpaceOnUse">
<stop stop-color="#0038FF"/>
<stop offset="0.648521" stop-color="#132978"/>
<stop offset="1" stop-color="#384D99"/>
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="c-overlay-menu-mobile__background || js-close-overlay-menu-mobile"></div>
</div>
<div class="c-overlay-search" data-overlay="search">
<div class="c-overlay-search__container || js-overlay-search-container">
<div class="c-overlay-search__search-field">
<form id="form-search-overlay" class="c-search-field" action="https://theatrepatriote.com/recherche">
<div class="c-search-field__input-container">
<input class="c-search-field__input || js-search-field-input js-input-to-clear" type="search" name="q" autocomplete="off" placeholder="Rechercher">
<button class="c-search-field__button-delete || js-search-field-button-delete js-clear-input" type="button" title="Effacer">
<svg class="c-search-field__button-delete-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"></use>
</svg>
</button>
<button class="c-search-field__button-submit" title="Rechercher">
<svg class="c-search-field__button-submit-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-loupe"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-loupe"></use>
</svg>
</button>
</div>
</form>
</div>
<div class="c-overlay-search__sections">
<div class="c-overlay-search__section || js-overlay-search-section" data-section="main">
</div>
<div id="autocomplete" class="c-overlay-search__section || js-overlay-search-section" data-section="fast-results"></div>
</div>
<div class="c-overlay-search__blob">
<svg class="c-overlay-search__blob-svg" viewBox="0 0 879 852" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M420.994 61.5557C563.625 53.3798 731.165 -58.754 832.795 41.6529C934.376 142.01 836.718 311.936 817.67 453.454C802.657 564.989 814.639 687.943 735.091 767.552C655.525 847.18 533.485 854.577 420.994 850.436C313.584 846.482 204.938 821.513 129.199 745.249C53.6845 669.211 38.9216 559.925 26.7457 453.454C12.2513 326.709 -36.6326 176.241 53.8434 86.3039C144.279 -3.59255 293.688 68.8531 420.994 61.5557Z" fill="url(#paint0_linear_4504_12493)"/>
<defs>
<linearGradient id="paint0_linear_4504_12493" x1="439.392" y1="0.115234" x2="439.392" y2="851.333" gradientUnits="userSpaceOnUse">
<stop stop-color="#0038FF"/>
<stop offset="0.648521" stop-color="#132978"/>
<stop offset="1" stop-color="#384D99"/>
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="c-overlay-search__background || js-close-overlay-search"></div>
</div>
<div class="c-overlay-calendar" data-overlay="calendar">
<div class="c-overlay-calendar__container || js-overlay-calendar-container">
<div class="c-overlay-calendar__header">
<button class="c-overlay-calendar__button-close || js-close-overlay-calendar" title="Fermer">
<svg class="c-overlay-calendar__button-close-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"></use>
</svg>
</button>
</div>
<div class="c-overlay-calendar__content">
<div class="c-overlay-calendar__calendar-container">
<div class="c-overlay-calendar__calendar">
</div>
<div class="c-overlay-calendar__legend">
<span class="c-overlay-calendar__legend-event">Événements</span>
<div class="c-overlay-calendar__legend-today">
<span class="c-overlay-calendar__legend-today-number">11</span>
<span class="c-overlay-calendar__legend-today-text">Aujourd’hui</span>
</div>
<div class="c-overlay-calendar__legend-selected">
<span class="c-overlay-calendar__legend-selected-number">11</span>
<span class="c-overlay-calendar__legend-selected-text">Sélectionnée</span>
</div>
</div>
</div>
<button data-request="eventsListe::onChangeDate"
data-request-update="'eventsListe::eventsList': '#eventsList', 'eventsListe::pagination': '#pagination', 'eventsListe::activeFilters': '#activeFilters'"
data-request-success="namespace.lazyload.update();SCROLLFIRE.update();"
class="c-overlay-calendar__button-all-programming || js-close-overlay-calendar">
<span>Toute la programmation</span>
<svg role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-evenement"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-evenement"></use>
</svg>
</button>
</div>
<div class="c-overlay-calendar__blob">
<svg class="c-overlay-calendar__blob-svg" viewBox="0 0 879 852" role="img">
<path fill-rule="evenodd" clip-rule="evenodd" d="M420.994 61.5557C563.625 53.3798 731.165 -58.754 832.795 41.6529C934.376 142.01 836.718 311.936 817.67 453.454C802.657 564.989 814.639 687.943 735.091 767.552C655.525 847.18 533.485 854.577 420.994 850.436C313.584 846.482 204.938 821.513 129.199 745.249C53.6845 669.211 38.9216 559.925 26.7457 453.454C12.2513 326.709 -36.6326 176.241 53.8434 86.3039C144.279 -3.59255 293.688 68.8531 420.994 61.5557Z" fill="url(#paint0_linear_4504_12493)"/>
<defs>
<linearGradient id="paint0_linear_4504_12493" x1="439.392" y1="0.115234" x2="439.392" y2="851.333" gradientUnits="userSpaceOnUse">
<stop stop-color="#0038FF"/>
<stop offset="0.648521" stop-color="#132978"/>
<stop offset="1" stop-color="#384D99"/>
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="c-overlay-calendar__background || js-close-overlay-calendar"></div>
</div>
<div class="c-alerts || js-alerts">
<div class="c-alerts__container">
<div class="c-alerts__left">
<svg class="c-alerts__svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg?v=1#ico-alerte"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg?v=1#ico-alerte"></use>
</svg>
<div class="c-alerts__swiper-pagination" data-swiper-pagination="alerts"></div>
<div class="c-alerts__swiper-navigation">
<button class="c-alerts__button-swiper-prev" title="Précédent" data-swiper-prev="alerts">
<svg class="c-alerts__button-swiper-prev-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-gauche"></use>
</svg>
</button>
<button class="c-alerts__button-swiper-next" title="Suivant" data-swiper-next="alerts">
<svg class="c-alerts__button-swiper-next-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-chevron-droit"></use>
</svg>
</button>
</div>
</div>
<div class="c-alerts__center">
<div class="c-alerts__swiper">
<div class="|| swiper" data-swiper="alerts">
<div class="|| swiper-wrapper">
<div class="|| swiper-slide">
<a class="c-alerts__alert" href="https://vsadm.ca/citoyens/travaux-dans-les-rues/travaux-incidences-circulation/" target="_blank">
<span class="c-alerts__alert-text">
Message important : Rue Saint-Venant fermée. Détour par la rue de l'Edelweiss et la Montée Alouette.
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="c-alerts__right">
<button class="c-alerts__button-close || js-close-alerts" title="Fermer" data-request="regularAlerts::onCloseAlert" data-request-data="ids: [7,]">
<span class="c-alerts__button-close-text">Fermer</span>
<svg class="c-alerts__button-close-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="c-message-box || js-message-box">
<div class="c-message-box__container">
<span class="c-message-box__text">L’adresse URL a bien été copiée dans votre presse-papier.</span>
</div>
</div>
<header class="c-header || js-header">
<div class="c-header__left">
<div class="c-header__button-menu-element">
<div class="c-header__button-menu">
<button class="c-header__button-menu-desktop || js-toggle-overlay-menu-desktop" title="Menu"></button>
<button class="c-header__button-menu-mobile || js-toggle-overlay-menu-mobile" title="Menu"></button>
<span class="c-header__button-menu-lines">
<span class="c-header__button-menu-line"></span>
<span class="c-header__button-menu-line"></span>
<span class="c-header__button-menu-line"></span>
<span class="c-header__button-menu-line"></span>
</span>
</div>
</div>
<div class="c-header__logo-element">
<a class="c-header__logo-link" href="https://theatrepatriote.com" title="Retour à l’accueil">
<img class="c-header__logo-img" src="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/logo.svg" alt="Logo Théâtre Le Patriote">
</a>
</div>
</div>
<div class="c-header__right || js-header-right">
<div class="c-header__button-search-element">
<button class="c-header__button-search || js-trigger-overlay-search" data-overlay-search-section="main" data-force-close-overlay-when-opened title="Rechercher">
<span class="c-header__button-search-open">
<span class="c-header__button-search-text">Rechercher</span>
<svg class="c-header__button-search-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-loupe"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-loupe"></use>
</svg>
</span>
<span class="c-header__button-search-close">
<span class="c-header__button-search-text">Fermer</span>
<svg class="c-header__button-search-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-x"></use>
</svg>
</span>
</button>
</div>
<div class="c-header__button-ticketing-element" title="Billetterie">
<a class="c-header__button-ticketing" href="https://theatrepatriote.tuxedobillet.com/" target="_blank">
<span class="c-header__button-ticketing-text">Billetterie</span>
<svg class="c-header__button-ticketing-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg?v=3#ico-panier"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg?v=3#ico-panier"></use>
</svg>
</a>
</div>
</div>
<div class="c-header__decorations">
<div class="c-header__decoration-1" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-header__decoration-1-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"></use>
</svg>
</div>
<div class="c-header__decoration-2" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-header__decoration-2-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"></use>
</svg>
</div>
<div class="c-header__decoration-3" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-header__decoration-3-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue-et-cercle-plein-horizontale"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue-et-cercle-plein-horizontale"></use>
</svg>
</div>
</div>
</header>
<div class="o-layout o-layout--page-show">
<section class="o-section o-section--breadcrumbs">
<div class="c-breadcrumbs || js-scrollfire scrollfire-fade-up">
<span class="c-breadcrumbs__link-container">
<a class="c-breadcrumbs__link" href="https://theatrepatriote.com">Accueil</a>
</span>
<span class="c-breadcrumbs__link-container">
<a class="c-breadcrumbs__link" href="https://theatrepatriote.com/programmation">Programmation</a>
</span>
</div>
</section>
<section class="o-section o-section--aside-and-content" style="--scrollfire-delay: 200ms">
<section class="o-section o-section--aside">
<aside class="c-aside">
<div class="c-aside__page-image || js-scrollfire scrollfire-fade-up" data-teleport-container="page-image" data-teleport-min="1000">
<div class="c-page-image" data-teleport-element="page-image">
<picture class="c-page-image__picture">
<img class="c-page-image__img || cover lazy"
src="https://theatrepatriote.com/resize/fe7d0489b5db166e4ff920b9b0639c68-1"
data-src="https://theatrepatriote.com/resize/2d0050f39c37555e26cf3a535587ae11-1"
alt="" style="--position: center;">
</picture>
</div>
</div>
<div class="c-aside__button-back-to-list || js-scrollfire scrollfire-fade-up" data-teleport-container="button-back-to-list" data-teleport-min="1000">
<a class="c-button-back-to-list" href="https://theatrepatriote.com/programmation" data-teleport-element="button-back-to-list">
<svg class="c-button-back-to-list__svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-gauche"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-gauche"></use>
</svg>
<span class="c-button-back-to-list__text">Retour à la programmation</span>
</a>
</div>
</aside>
</section>
<section class="o-section o-section--content">
<section class="o-section o-section--page-title">
<div class="c-page-title || js-scrollfire scrollfire-fade-up">
<div class="c-page-title__categories-and-date-and-buttons">
<div class="c-page-title__categories-and-date">
<div class="c-page-title__categories">
<a class="c-page-title__category" href="https://theatrepatriote.com/programmation/chanson">Chanson</a>
</div>
</div>
<div class="c-page-title__buttons">
<button class="c-page-title__button" onclick="window.print();" title="Imprimer">
<svg class="c-page-title__button-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-imprimante"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-imprimante"></use>
</svg>
</button>
<button class="c-page-title__button || js-open-overlay-share" title="Partager">
<svg class="c-page-title__button-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-partager"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-partager"></use>
</svg>
</button>
</div>
</div>
<div class="c-page-title__content">
<h1 class="c-page-title__title" data-character-count="60:50-65,55:66-80,50:81-1000">The Box</h1>
<h2 class="c-page-title__subtitle">1982-2025</h2>
</div>
<div class="c-page-title__page-image" data-teleport-container="page-image" data-teleport-max="1000"></div>
</div>
</section>
<section class="o-section o-section--infos-show">
<div class="c-infos-show">
<div class="c-infos-show__representations || js-scrollfire scrollfire-fade-up">
<h3 class="c-infos-show__representations-title">Représentation</h3>
<div class="c-infos-show__representations-items">
</div>
</div>
<div class="c-infos-show__pricing || js-scrollfire scrollfire-fade-up">
<h3 class="c-infos-show__pricing-title">Tarification</h3>
<div class="c-infos-show__pricing-items">
<div class="c-infos-show__pricing-item">
<span class="c-infos-show__pricing-name">
Régulier
</span>
<span class="c-infos-show__pricing-price">46,00 $</span>
</div>
<div class="c-infos-show__pricing-item">
<span class="c-infos-show__pricing-name">
Membre privilège
</span>
<span class="c-infos-show__pricing-price">43,00 $</span>
</div>
</div>
</div>
<div class="c-infos-show__buttons || js-scrollfire scrollfire-fade-up">
<a class="c-infos-show__button-main" href="https://theatrepatriote.tuxedobillet.com/main/the-box" target="_blank">
<span>Réservation en ligne</span>
</a>
<a class="c-infos-show__button-secondary" href="tel:819 326-3655" title="819 326-3655">
<span>Réservation par téléphone</span>
</a>
<a class="c-infos-show__button-secondary" href="https://theatrepatriote.com/storage/app/media/spectacles/plan-salle-site.jpg" target="_blank">
<span>Voir le plan de la salle</span>
</a>
</div>
</div>
</section>
<section class="o-section o-section--cms-content">
<div class="c-cms-content || js-scrollfire scrollfire-fade-up">
<div class="c-cms-content__container">
<div class="c-cms-content__content">
<div class="s-cms-content">
<p>Formé en 1981, The Box voit le jour en 1982 et domine les palmarès dix années durant. Fort de 4 Félix et 4 albums tous certifiés or et platine, le groupe se dissout en 1992, épuisé par les tournées incessantes. Mais une pression constante de l’industrie finit par convaincre le leader Jean Marc Pisapia de former une nouvelle mouture du groupe, retourner sur scène, mais non sans avoir de nouveau matériel à présenter.</p>
<p>The Box sort donc trois autres opus en 2005, 2009 et 2014 ainsi qu’un mini album en 2018 et n’a pas cessé de se produire en concert au pays et ailleurs depuis, tant en salles qu’en festivals.</p>
<p>Déjà presque 20 ans depuis le retour du groupe et 42 ans depuis le jour un, The Box n’a aucune intention de prendre sa retraite!</p>
<p>The Box offre une rétrospective de leur discographie en première partie du spectacle pour ensuite enfiler tous les succès des années 80 et 90. Ça ne dérougit pas jusqu’à la fin!</p>
</div>
</div>
</div>
</div>
</section>
<section class="o-section o-section--button-back-to-list">
<div class="|| js-scrollfire scrollfire-fade-up" data-teleport-container="button-back-to-list" data-teleport-max="1000"></div>
</section>
</section>
</section>
</div>
<footer class="c-footer">
<button class="c-footer__button-scroll" data-scroller-button="body" title="Défiler vers le haut de la page">
<svg class="c-footer__button-scroll-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-haut"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-haut"></use>
</svg>
</button>
<div class="c-footer__top">
<div class="c-footer__top-left || js-scrollfire scrollfire-fade-up">
<div class="c-footer__logo-element">
<a class="c-footer__logo-link" href="https://theatrepatriote.com" title="Retour à l’accueil">
<img class="c-footer__logo-img" src="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/logo.svg" alt="Logo Théâtre Le Patriote">
</a>
</div>
<div class="c-footer__address-element">
<p class="c-footer__address">258, rue Saint-Venant <br>
Sainte-Agathe-des-Monts (Québec) J8C 2Z7</p>
</div>
</div>
<div class="c-footer__top-right || js-scrollfire scrollfire-fade-up">
<div class="c-footer__fast-links-element">
<div class="c-footer__fast-links">
<ul class="c-footer__fast-links-columns">
<li class="c-footer__fast-links-column">
<ul class="c-footer__fast-links-items">
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/nouvelles/nouveaute/brochure_automne_2025" target="_self">
<span>Nouvelle brochure automne 2025</span>
</a>
</li>
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/devenez-membre" target="_self">
<span>Devenez membre</span>
</a>
</li>
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/nous-joindre" target="_self">
<span>Nous joindre</span>
</a>
</li>
</ul>
</li>
<li class="c-footer__fast-links-column">
<ul class="c-footer__fast-links-items">
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/emplois" target="_self">
<span>Emplois</span>
</a>
</li>
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/le-patriote" target="_self">
<span>Le Patriote</span>
</a>
</li>
<li class="c-footer__fast-links-item">
<a class="c-footer__fast-link" href="https://theatrepatriote.com/partenaires" target="_self">
<span>Partenaires</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="c-footer__button-contact-element">
<a class="c-footer__button-contact" href="https://theatrepatriote.com/nous-joindre">
<span>Nous joindre</span>
</a>
</div>
</div>
</div>
<div class="c-footer__middle">
<div class="c-footer__middle-left || js-scrollfire scrollfire-fade-up">
<div class="c-footer__newsletter">
<h2 class="c-footer__newsletter-title">Inscrivez-vous à l’infolettre pour ne rien manquer !</h2>
<div class="c-footer__newsletter-field">
<a class="c-footer__button-contact" href="https://theatrepatriote.com/infolettre">
<span>S’inscrire</span>
<svg class="c-newsletter-field__button-submit-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-droite"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiStroke.svg#ico-fleche-droite"></use>
</svg>
</a>
</div>
</div>
</div>
<div class="c-footer__middle-right || js-scrollfire scrollfire-fade-up">
<ul class="c-footer__social-medias-items">
<li class="c-footer__social-medias-item">
<a class="c-footer__social-media" href="https://www.facebook.com/TheatreLePatriote" target="_blank" rel="noopener noreferrer" title="Facebook">
<svg class="c-footer__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-facebook"></use>
</svg>
</a>
</li>
<li class="c-footer__social-medias-item">
<a class="c-footer__social-media" href="https://www.instagram.com/theatrelepatriote" target="_blank" rel="noopener noreferrer" title="Instagram">
<svg class="c-footer__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-instagram"></use>
</svg>
</a>
</li>
<li class="c-footer__social-medias-item">
<a class="c-footer__social-media" href="https://www.youtube.com/channel/UCLQQKruhsBpptZ_vJpj3SFw" target="_blank" rel="noopener noreferrer" title="YouTube">
<svg class="c-footer__social-media-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/uiFill.svg#ico-youtube"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="c-footer__bottom">
<div class="c-footer__bottom-left || js-scrollfire scrollfire-fade-up">
<a class="c-footer__blanko" href="https://www.blanko.ca" target="_blank" rel="noopener noreferrer">Blanko</a>
<a class="c-footer__policy" href="/politique-de-confidentialite">Politique de confidentialité</a>
</div>
<div class="c-footer__bottom-right || js-scrollfire scrollfire-fade-up">
<span class="c-footer__copyright">© 2025, Théâtre Le Patriote</span>
</div>
</div>
<div class="c-footer__decorations">
<div class="c-footer__decoration-1" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-footer__decoration-1-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-petit-cercle-troue-et-grand-cercle-plein-verticale"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-petit-cercle-troue-et-grand-cercle-plein-verticale"></use>
</svg>
</div>
<div class="c-footer__decoration-2" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-footer__decoration-2-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-troue"></use>
</svg>
</div>
<div class="c-footer__decoration-3" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-footer__decoration-3-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein"></use>
</svg>
</div>
<div class="c-footer__decoration-4" data-parallax="0, 0, 0.3, -0.3, 0, 1">
<svg class="c-footer__decoration-4-svg" role="img">
<use href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein-et-cercle-troue-verticale"
xlink:href="https://theatrepatriote.com/themes/theatre-le-patriote/assets/medias/images/symbols/circles.svg?v=9#ico-cercle-plein-et-cercle-troue-verticale"></use>
</svg>
</div>
</div>
</footer>
</div>
<script>
window.config = {
theme_path : 'theatre-le-patriote',
environment : 'production'
}
</script>
<!-- SCRIPTS -->
<script type="text/javascript" src="https://theatrepatriote.com/combine/423764cede6e4ce63eb5bb6ea839c4ee-1704896012.js"></script>
<script src="https://theatrepatriote.com/themes/theatre-le-patriote/assets/dist/build.js?v=1759253940"></script>
<script src="/modules/system/assets/js/framework-extras.js"></script>
<link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework-extras.css">
<script src="https://theatrepatriote.com/plugins/blanko/links/assets/js/links.js"></script>
</body>
</html>