https://www.laconfrerire.be/spectacles.html

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>Réserver un spectacle d'impro à Liège | La Confrérire</title>
7<meta name="description" content="Prochaines dates et réservations des spectacles d'impro de La Confrérire à Liège, au TURLG et à la Courte Échelle. Saison 2026-2027.">
8<link rel="canonical" href="https://www.laconfrerire.be/spectacles.html">
9
10<meta property="og:type" content="website">
11<meta property="og:title" content="Réserver un spectacle d'impro à Liège">
12<meta property="og:description" content="Prochaines dates et réservations des spectacles d'impro de La Confrérire à Liège, au TURLG et à la Courte Échelle. Saison 2026-2027.">
13<meta property="og:image" content="https://www.laconfrerire.be/images/groupe-scene-rouge.jpg">
14<meta property="og:url" content="https://www.laconfrerire.be/spectacles.html">
15<meta property="og:site_name" content="La Confrérire">
16<meta property="og:locale" content="fr_BE">
17

18<script type="application/ld+json">
19{
20  "@context": "https://schema.org",
21  "@type": "BreadcrumbList",
22  "itemListElement": [
23    { "@type": "ListItem", "position": 1, "name": "Accueil",
24      "item": "https://www.laconfrerire.be/" },
25    { "@type": "ListItem", "position": 2, "name": "Réservation",
26      "item": "https://www.laconfrerire.be/spectacles.html" }
27  ]
28}
29</script>

29
30
31<meta name="color-scheme" content="light">
32
33<!-- Polices hébergées avec le site (voir css/styles.css, section 0).
34     Ces quatre fichiers sont préchargés parce qu'ils servent au tout premier
35     écran : fraunces-700 pour le nom de la troupe en haut, jost-500 pour les
36     liens du menu, fraunces-600 pour le titre, jost-400 pour le texte. -->
37<link rel="preload" href="fonts/fraunces-700.woff2" as="font" type="font/woff2" crossorigin>
38<link rel="preload" href="fonts/jost-500.woff2" as="font" type="font/woff2" crossorigin>
39<link rel="preload" href="fonts/fraunces-600.woff2" as="font" type="font/woff2" crossorigin>
40<link rel="preload" href="fonts/jost-400.woff2" as="font" type="font/woff2" crossorigin>
41<link rel="icon" href="favicon.png" type="image/png">
42<link rel="apple-touch-icon" href="apple-touch-icon.png">
43<link rel="stylesheet" href="css/styles.css">
44<!-- Meta Pixel Code -->

45<script>

45
46!function(f,b,e,v,n,t,s)
47{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
48n.callMethod.apply(n,arguments):n.queue.push(arguments)};
49if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
50n.queue=[];t=b.createElement(e);t.async=!0;
51t.src=v;s=b.getElementsByTagName(e)[0];
52s.parentNode.insertBefore(t,s)}(window, document,'script',
53'https://connect.facebook.net/en_US/fbevents.js');
54fbq('init', '

542516077441954049

54');
55fbq('track', 'PageView');

56fbq('track', 'ViewContent', {content_name: 'Page reservation'});
57</script>

57
58<noscript><img height="1" width="1" style="display:none"
59src="https://www.facebook.com/tr?id=2516077441954049&ev=PageView&noscript=1"
60/></noscript>
61<!-- End Meta Pixel Code -->
62</head>
63<body>
64
65<a class="skip-link" href="#contenu">Aller au contenu</a>
66
67<!-- ===== EN-TÊTE (identique sur les 4 pages) ===== -->
68<nav class="site-nav" aria-label="Navigation principale">
69  <div class="nav-inner">
70    <a class="brand" href="index.html">
71      <img src="images/logo-confrerire.png" alt="" width="123" height="160">
72      <span>La Confrérire</span>
73    </a>
74    <button class="burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="nav-links">☰</button>
75    <ul class="nav-links" id="nav-links">
76      <li><a href="index.html">Accueil</a></li>
77      <li><a href="troupe.html">La troupe</a></li>
78      <li><a href="demander.html">Demander un spectacle</a></li>
79      <li><a class="btn-resa" href="spectacles.html" aria-current="page">Réserver</a></li>
80    </ul>
81  </div>
82</nav>
83
84<main id="contenu">
85
86<!-- ===== TITRE DE PAGE ===== -->
87<header class="page-head">
88  <div class="wrap">
89    <span class="kicker">Saison 2026 – 2027</span>
90    <h1>Réservation</h1>
91  </div>
92</header>
93
94<!--
95  Les dates et les modules Billetweb sont gérés dans js/agenda.js.
96  C'est le seul fichier à modifier pour publier, retirer ou mettre à jour un
97  spectacle. Le mode d'emploi complet se trouve au début de ce fichier.
98-->
99<section class="agenda">
100  <div class="wrap">
101    <h2 class="section-title">Les prochaines dates</h2>
102
103    <div id="billetterie" class="billetterie-multi">
104      <a title="Vente de billets en ligne" href="https://www.billetweb.fr/multi_event.php?multi=30646&amp;color=f2bf5e" class="shop_frame" target="_blank" rel="noopener" data-src="https://www.billetweb.fr/multi_event.php?multi=30646&amp;color=f2bf5e" data-max-width="100%" data-initial-height="600" data-scrolling="no" data-id="30646" data-resize="1">Vente de billets en ligne</a>
105    </div>
106    

106<script src="https://www.billetweb.fr/js/export.js"></script>

106
107
108    <ul class="agenda-list" id="agenda-list" aria-live="polite"></ul>
109
110    <!-- Affiché automatiquement tant qu'aucune date n'est renseignée. -->
111    <div class="empty-agenda" hidden>
112      <h2>Pas de date annoncée pour le moment</h2>
113      <p class="lead center mb-lg">La prochaine saison se prépare. Suivez-nous sur Instagram pour être les premiers au courant.</p>
114      <a class="btn btn-primary" href="https://www.instagram.com/laconfrerire/" target="_blank" rel="noopener">Nous suivre sur Instagram</a>
115    </div>
116  </div>
117</section>
118
119<!-- ===== OÙ NOUS VOIR ===== -->
120<section class="lieux">
121  <div class="wrap">
122    <span class="kicker">Où nous voir</span>
123    <h2 class="section-title">Nos salles à Liège</h2>
124    <div class="lieux-grid">
125      <div class="lieu-card">
126        <a class="lieu-logo" href="https://turlg.be/" target="_blank" rel="noopener"
127           aria-label="Site du Théâtre Universitaire Royal de Liège (nouvelle fenêtre)">
128          <img src="images/logo-turlg.jpg" alt="Théâtre Universitaire Royal de Liège" width="320" height="305" loading="lazy">
129        </a>
130        <div>
131          <h3><a href="https://turlg.be/" target="_blank" rel="noopener">Théâtre Universitaire Royal de Liège (TURLG)</a></h3>
132          <p>Notre plus grande et plus belle salle, à deux pas de la place du Vingt-Août.</p>
133        </div>
134      </div>
135      <div class="lieu-card">
136        <a class="lieu-logo" href="https://www.courte-echelle.be/" target="_blank" rel="noopener"
137           aria-label="Site de À la Courte Échelle (nouvelle fenêtre)">
138          <img src="images/logo-courte-echelle.png" alt="À la Courte Échelle" width="200" height="305" loading="lazy">
139        </a>
140        <div>
141          <h3><a href="https://www.courte-echelle.be/" target="_blank" rel="noopener">À la Courte Échelle</a></h3>
142          <p>Une salle liégeoise à taille humaine, idéale pour les formats courts et les soirées plus intimes.</p>
143        </div>
144      </div>
145    </div>
146  </div>
147</section>
148
149<!-- ===== APPEL À L'ACTION ===== -->
150<section class="cta-band">
151  <div class="wrap">
152    <span class="kicker">Sur mesure</span>
153    <h2>Aucune date ne vous convient&nbsp;?</h2>
154    <p class="lead">Nous pouvons aussi venir jouer chez vous, pour votre entreprise, votre école, votre association ou votre fête.</p>
155    <a class="btn btn-primary" href="demander.html">Demander un spectacle</a>
156  </div>
157</section>
158
159</main>
160
161<!-- ===== PIED DE PAGE (identique sur les 4 pages) ===== -->
162<footer class="site-footer">
163  <div class="wrap foot">
164    <a class="foot-brand" href="index.html">
165      <img src="images/logo-confrerire.png" alt="" width="123" height="160">
166      <span>La Confrérire</span>
167    </a>
168    <nav aria-label="Navigation de pied de page">
169      <ul>
170        <li><a href="index.html">Accueil</a></li>
171        <li><a href="troupe.html">Troupe</a></li>
172        <li><a href="demander.html">Demander un spectacle</a></li>
173        <li><a href="spectacles.html">Réserver</a></li>
174      </ul>
175    </nav>
176  </div>
177</footer>
178

179<script src="js/agenda.js" defer></script>

179

180<script src="js/site.js" defer></script>

180
181</body>
182</html>