Wringer

Html

<!DOCTYPE html>
<html lang="fr-CA">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

gtag('consent', 'default', {
                'ad_storage': 'denied',
                'analytics_storage': 'denied',
                'ad_user_data': 'denied',
                'ad_personalization': 'denied',
                'functionality_storage': 'granted',
                'security_storage': 'granted',
                'wait_for_update': 500
            });
        </script>
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',"GTM-T6J2RPKS");</script>

// Check on initial load
            document.addEventListener('DOMContentLoaded', function() {
                initDialogInsight();
            });
        </script>

<script type="text/javascript" src="https://cdn.cookielaw.org/consent/ce516416-7b35-4aec-b8a5-9f0676d27e42/OtAutoBlock.js"> </script>
            <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="7bb32d22-95d0-4017-95e8-fdb9d08f8f9d"></script>
            
        
                <script type="text/javascript">
            // Check when consent changes
            function OptanonWrapper() {
                // DialogInsight
                initDialogInsight();

// GCM V2 — update au choix de l'utilisateur
                if (typeof OnetrustActiveGroups === 'string') {
                    if (OnetrustActiveGroups.includes('C0002')) {
                    gtag('consent', 'update', { 'analytics_storage': 'granted' });
                    }
                    if (OnetrustActiveGroups.includes('C0004')) {
                    gtag('consent', 'update', {
                        'ad_storage':         'granted',
                        'ad_user_data':       'granted',
                        'ad_personalization': 'granted'
                    });
                    }
                }
            }
        </script>

.loading-veil.active {
				pointer-events: auto;
				opacity: 1;
			}
		</style>
	<title>SIX STEPS | Exposition gratuite du 26 mars au 24 avril</title><meta name="generator" content="SEOmatic">
<meta name="description" content="Présentée dans la Salle d&#039;exposition de la Place des Arts à Montréal. Entrée gratuite pour le grand public!">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="robots" content="all">
<meta content="fr_CA" property="og:locale">
<meta content="en_CA" property="og:locale:alternate">
<meta content="Place des Arts" property="og:site_name">
<meta content="website" property="og:type">
<meta content="https://www.placedesarts.com/evenement/six-steps" property="og:url">
<meta content="Place des Arts | SIX STEPS | Exposition gratuite du 26 mars au 24 avril" property="og:title">
<meta content="Présentée dans la Salle d&#039;exposition de la Place des Arts à Montréal. Entrée gratuite pour le grand public!" property="og:description">
<meta content="https://cdn.placedesarts.com/tranforms/_1200x630_crop_center-center_82_none_ns/exposition-joat_2400x1035.jpg?mtime=1751470344" property="og:image">
<meta content="1200" property="og:image:width">
<meta content="630" property="og:image:height">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@">
<meta name="twitter:title" content="Place des Arts | SIX STEPS | Exposition gratuite du 26 mars au 24 avril">
<meta name="twitter:description" content="Présentée dans la Salle d&#039;exposition de la Place des Arts à Montréal. Entrée gratuite pour le grand public!">
<meta name="twitter:image" content="https://cdn.placedesarts.com/tranforms/_800x418_crop_center-center_82_none_ns/exposition-joat_2400x1035.jpg?mtime=1751470344">
<meta name="twitter:image:width" content="800">
<meta name="twitter:image:height" content="418">
<meta name="google-site-verification" content="x93NE1JY2swueY7R6Am0avHG3M-xOXTH3s6bEMDve2Y">
<link href="https://www.placedesarts.com/evenement/six-steps" rel="canonical">
<link href="https://www.placedesarts.com/" rel="home">
<link type="text/plain" href="https://www.placedesarts.com/humans.txt" rel="author">
<link href="https://www.placedesarts.com/en/event/six-steps" rel="alternate" hreflang="en-ca">
<link href="https://www.placedesarts.com/evenement/six-steps" rel="alternate" hreflang="x-default">
<link href="https://www.placedesarts.com/evenement/six-steps" rel="alternate" hreflang="fr-ca"></head>

<nav class="header__nav">
							<ul class="header__nav--list">
											<li data-url="https://www.placedesarts.com/programmation" class="">
							<a href="https://www.placedesarts.com/programmation">
								Programmation
							</a>
						</li>
											<li data-url="https://www.placedesarts.com/planifiez-votre-visite" class="">
							<a href="https://www.placedesarts.com/planifiez-votre-visite">
								Infos pratiques
							</a>
						</li>
											<li data-url="https://www.placedesarts.com/magazine" class="">
							<a href="https://www.placedesarts.com/magazine">
								Magazine Culturel
							</a>
						</li>
											<li data-url="https://www.placedesarts.com/explorer" class="">
							<a href="https://www.placedesarts.com/explorer">
								Explorer+
							</a>
						</li>
										<li class="header__nav-indicator"></li>
				</ul>
					</nav>

<a href="https://www.placedesarts.com/programmation" class="h2">
											Programmation
										</a>

</li>
																	<li class="nav__list--item">

<a href="https://www.placedesarts.com/planifiez-votre-visite" class="h2">
											Infos pratiques
										</a>

</li>
																	<li class="nav__list--item">

<a href="https://www.placedesarts.com/magazine" class="h2">
											Magazine Culturel
										</a>

</li>
																	<li class="nav__list--item">

<a href="https://www.placedesarts.com/explorer" class="h2">
											Explorer+
										</a>

</li>
															</ul>
											</nav>
					<div class="divider">
						<hr>
					</div>
											<ul class="nav-secondary" role="navigation" aria-label="secondary navigation">
															<li>
									<a href="https://www.placedesarts.com/education">
										ÉDUCATION
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/art-adapte">
										ART ADAPTÉ
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/soutien-a-la-creation">
										SOUTIEN À LA CRÉATION
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/fondation-de-la-place-des-arts">
										FONDATION DE LA PLACE DES ARTS
									</a>
								</li>
													</ul>
									</div>
			</div>

<div class="burger__inner--3">
				<div class="burger__inner--3-content">
					<a tabindex="0" class="router-link language-btn" data-barba-prevent href="https://www.placedesarts.com/en/event/six-steps">
						English
					</a>
					<span class="btn--close"></span>
				</div>
			</div>

<div class="burger__inner--4">
				<div class="burger__inner--4-content">
											<p>Liens rapides</p>
						<ul class="nav-secondary columns-2" role="navigation" aria-label="Navigation de liens rapides">
															<li>
									<a href="https://www.placedesarts.com/salles-et-espaces" aria-label="Lien rapide">
										Salles
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/planifiez-votre-visite/carte-des-lieux" aria-label="Lien rapide">
										Carte des lieux
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/planifiez-votre-visite/stationnement" aria-label="Lien rapide">
										Stationnement
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/planifiez-votre-visite/services-adaptes" aria-label="Lien rapide">
										Services adaptés
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/location-salle" aria-label="Lien rapide">
										Location de salles et espaces
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/foire-aux-questions" aria-label="Lien rapide">
										Foire aux questions
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/planifiez-votre-visite/espace-billets" aria-label="Lien rapide">
										Espace Billets
									</a>
								</li>
															<li>
									<a href="https://www.placedesarts.com/carte-cadeau" aria-label="Lien rapide">
										Carte-cadeau
									</a>
								</li>
													</ul>
									</div>
			</div>

</div>
		</div>
	</div>

</div>
				<div id="burgermenu-mobile" data-lenis-prevent>
	<div class="burger">
		<div
			class="burger__inner">
						<div
				class="burger__inner--top">
								<div class="burger__inner--header">
					<a href="/" class="logo-pda">
						<img src="https://www.placedesarts.com/dist/src/images/logo.svg" alt="Place des Arts"/>
					</a>
					<div class="flex items-center">
						<a tabindex="0" class="router-link language-btn" data-barba-prevent href="https://www.placedesarts.com/en/event/six-steps">
							English
						</a>
						<span id="burger-btn-close" class="btn--close"></span>
					</div>
				</div>
				<nav class="nav" aria-label="primary navigation">
											<ul class="nav__list">
															<li class="nav__list--item">
									<h2>
										<a href="https://www.placedesarts.com/programmation">
											Programmation
										</a>
									</h2>
								</li>
															<li class="nav__list--item">
									<h2>
										<a href="https://www.placedesarts.com/planifiez-votre-visite">
											Infos pratiques
										</a>
									</h2>
								</li>
															<li class="nav__list--item">
									<h2>
										<a href="https://www.placedesarts.com/magazine">
											Magazine Culturel
										</a>
									</h2>
								</li>
															<li class="nav__list--item">
									<h2>
										<a href="https://www.placedesarts.com/explorer">
											Explorer+
										</a>
									</h2>
								</li>
													</ul>
									</nav>

<ul class="nav-secondary" role="navigation" aria-label="secondary navigation">
													<li>
								<a href="https://www.placedesarts.com/education">
									ÉDUCATION
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/art-adapte">
									ART ADAPTÉ
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/soutien-a-la-creation">
									SOUTIEN À LA CRÉATION
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/fondation-de-la-place-des-arts">
									FONDATION DE LA PLACE DES ARTS
								</a>
							</li>
											</ul>
							</div>

<div class="burger__inner--middle">
									<p>Liens rapides</p>
					<ul class="nav-secondary" role="navigation" aria-label="quick links navigation">
													<li>
								<a href="https://www.placedesarts.com/salles-et-espaces">
									Salles
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/planifiez-votre-visite/carte-des-lieux">
									Carte des lieux
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/planifiez-votre-visite/stationnement">
									Stationnement
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/planifiez-votre-visite/services-adaptes">
									Services adaptés
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/location-salle">
									Location de salles et espaces
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/foire-aux-questions">
									Foire aux questions
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/planifiez-votre-visite/espace-billets">
									Espace Billets
								</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/carte-cadeau">
									Carte-cadeau
								</a>
							</li>
											</ul>
							</div>

</div>
		</div>
	</div>
</div>

<header class="hero-header2 hero-header2--event is-centered">
	<ul class="hero-header2__backlinks">
			<li>
            <a href="https://www.placedesarts.com/" class="hero-header2__backlink">
                <img src="https://www.placedesarts.com/dist/src/images/icons/icon-caret.svg" alt="Retour à Accueil" fetchpriority="low" decoding="async" loading="lazy">
                Accueil
            </a>
        </li>
			<li>
            <a href="https://www.placedesarts.com/programmation" class="hero-header2__backlink">
                <img src="https://www.placedesarts.com/dist/src/images/icons/icon-caret.svg" alt="Retour à Programmation" fetchpriority="low" decoding="async" loading="lazy">
                Programmation
            </a>
        </li>
	</ul>

<div class="hero-header2__title-wrapper">
		<h1 class="hero-header2__title stagger-effect" aria-label="Six Steps - L&#039;exposition">
			Six Steps - L&#039;exposition
		</h1>
	</div>

<div class="hero-header2__txtbtn">
					<div class="hero-header2__txt-wrapper">
				<div class="hero-header2__txt">
																										<span>Exposition</span>
																						<span class="dot">•</span>
																																																<span>photographie</span>
																													</div>
			</div>
			</div>

</div>

<div class="media-credits is-under">
                    Photo: ©Do Phan Hoi
            </div>
		</div>
	</header>

<section class="infosbloc">
					<div class="infosbloc__left">
													<div class="info__wrapper">
																	<span class="info-title">Date</span>
								
								<p class="info-text resumedDates">26 mars au 24 avril 2026</p>

<div class="info-text info-text-secondary">
										<p>Lundi : Fermé<br />Mardi au vendredi : 16 h à 20 h<br />Samedi et dimanche : 12 h à 20 h</p>
									</div>
															</div>
						
						<div class="info__wrapper">
							<span class="info-title">
								Lieu
							</span>
																								<a href="https://www.placedesarts.com/salle/salle-dexposition" class="info-text is-block venue">
										Salle d&#039;exposition
																			</a>
																					</div>

<div class="info__wrapper">
																											<span class="info-title">
											Prix
										</span>
										<div class="info-price">
																							<span class="info-price__text">
													Gratuit
												</span>
																					</div>
									
									<div class="info-btns">
													<button class="btn btn--primary" disabled>
			Entrée libre
		</button>

</div>
															</div>
											</div>

<div class="infosbloc__right">
						<div class="event-txtwrapper">
							<div class="tags-actions">
																	<div class="event-tags">
																																		<a href="https://www.placedesarts.com/festival/joat-festival-international-street-dance" target="" class="tag tag-link tag-animation">
		JOAT Festival international de street dance
		<span class="tag-shape"></span>
	</a>
																					
																						<a href="https://www.placedesarts.com/activites-gratuites" target="" class="tag tag-link tag-animation">
		Activités gratuites
		<span class="tag-shape"></span>
	</a>
																			</div>
								
								<div class="event-actions eventdatas-wrapper" data-id="1070091" data-api-group-id="craft_1070091">
									<div class="event-action event-card__fav">
										<button class="love-btn" aria-label="Ajouter aux favoris">
	<span class="icon text-black">
	<svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path fill-rule="evenodd" clip-rule="evenodd" d="M1.67224 8.72976C3.06226 10.7792 4.62602 12.2692 6.28044 13.8484C7.28141 14.8027 8.31636 15.7907 9.3041 16.9097C9.40231 17.0228 9.5704 17.0307 9.67805 16.9275C9.68371 16.9216 9.68938 16.9156 9.69505 16.9097C10.6828 15.7907 11.7177 14.8027 12.7187 13.8484C14.3731 12.2692 15.9369 10.7792 17.3269 8.72976C17.3326 8.7238 17.3363 8.71587 17.3401 8.70793C18.6943 6.25574 17.8973 3.11312 15.5629 1.69259C13.5724 0.480385 11.0473 0.891068 9.49863 2.67665C7.6799 0.581568 4.58825 0.43277 2.59388 2.34334C0.896027 3.9702 0.506974 6.61881 1.65714 8.70793C1.66091 8.71587 1.66469 8.7238 1.67036 8.72976H1.67224Z" stroke="#221F20" stroke-width="1.5" stroke-miterlimit="10"/>
	</svg>
</span>

<span>Enregistrer</span>
	</button>
									</div>
									<div class="event-action">
										<button class="share-btn">
	<span class="icon text-black">
    <svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M10.4519 11.8164L10.4519 1.46305" stroke="#171716" stroke-width="2" stroke-linecap="round"/>
        <path d="M7.2688 4.16504L10.4339 0.999955L13.599 4.16504" stroke="#171716" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M16 6.86475H19.0058V22.1697H1V6.86475H4" stroke="#171716" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
	<span>Partager</span>
</button>
									</div>
								</div>
							</div>

<div class="event-fulltext">
																	<div class="event-intro wysiwyg-field"><p><i>Six Steps - L'exposition</i> est une série de portraits photographiques en noir et blanc, à la fois bruts et intemporels, qui célèbrent la richesse et la singularité de la scène <i>street dance</i> montréalaise.</p></div>
								
								<div class="event-text wysiwyg-field ">
									<p style="margin-left:0px;">Dans une esthétique inspirée des années 80-90, chaque image agit comme un témoignage visuel de celles et ceux qui ont façonné, habité et fait rayonner cette culture. </p><p style="margin-left:0px;">Plus qu’une exposition, c’est une reconnaissance. Celle d’une communauté d’artistes dont les gestes, les luttes et les innovations ont marqué l’identité d’un mouvement unique en son genre.  </p><p style="margin-left:0px;">Derrière l’objectif, un regard complice : celui d’un danseur issu de cette même communauté, qui documente avec sensibilité et puissance les traces vivantes de cette mémoire collective. </p><p style="margin-left:0px;"><i>Six Steps - L'exposition</i> s’adresse au grand public, aux amateurs de danse et à toutes celles et ceux qui souhaitent découvrir une facette essentielle du patrimoine culturel québécois — celle qui bouge, qui vibre, et qui parle avec le corps. </p>
								</div>

</div>
						</div>

<div
								class="event-credits modules">
																	<div class="accordion accordion-credits">
		<ul class="list list-credits accordion__items">
							<li class="list__item accordion__item accordionBlock is-open">
					<div class="list__item--titlewrapper">
						<button class="list__item--title">
							Artistes
															<span class="list__item--icon icon"></span>
													</button>
					</div>

<div class="list__item--textwrapper">
						<div class="list__item--grid tablet:grid-cols-2">
																								<div class="list__item--text">
																					<p class="list__item--text-subtitle">
												Photographie et direction artistique
											</p>
																				<p><p>Do Phan Hoi </p></p>
									</div>
																																<div class="list__item--text">
																					<p class="list__item--text-subtitle">
												Aménagement et expérience utilisateur
											</p>
																				<p><p>Sarah Pradel</p></p>
									</div>
																																<div class="list__item--text">
																					<p class="list__item--text-subtitle">
												Composition musicale
											</p>
																				<p>Richard St-Aubin</p>
									</div>
																					</div>
					</div>
				</li>
							<li class="list__item accordion__item accordionBlock is-open">
					<div class="list__item--titlewrapper">
						<button class="list__item--title">
							Production
															<span class="list__item--icon icon"></span>
													</button>
					</div>

<div class="list__item--textwrapper">
						<div class="list__item--grid tablet:grid-cols-2">
																								<div class="list__item--text">
																					<p class="list__item--text-subtitle">
												Production / Diffusion
											</p>
																				<p>JOAT Festival international de street dance</p>
									</div>
																																<div class="list__item--text">
																					<p class="list__item--text-subtitle">
												Coproduction
											</p>
																				<p>Danse Danse</p>
									</div>
																					</div>
					</div>
				</li>
					</ul>
	</div>
							</div>
						
													<div class="modules">
								
																	<section class="event-articles-list">
										<div class="event-articles-list__inner">
																																				<a href="https://www.placedesarts.com/article/joat-suggestions" class="event-article-card">
														<div class="event-article-card__img-wrapper">
																															<picture class="event-article-card__img">
																																		<img src="https://cdn.placedesarts.com/article/article-transform/_900x900_crop_center-center_none_ns/1175393/Design-sans-titre-1.webp" alt="" decoding="async" loading="lazy" fetchpriority="low"/>
																</picture>
																													</div>

<div class="event-article-card__infos">
															<h6 class="event-article-card__title">
																JOAT 2025 : en pleine ascension au profit de la culture street dance montréalaise
															</h6>
																															
						<span class="tag tag-notclickable">
				Article
			</span>
																																</div>
													</a>
																																	</div>
									</section>
															</div>
						
																					<div class="event-highlight">
								<div class="event-highlight">
									<div class="event-highlight__inner">
										<div class="event-highlight__header">
											<span class="info-title">Événement associé</span>
										</div>
										<div class="event-highlight__body">
											<span class="event-highlight__surtitle">
												L’expérience partagée du street dance : transmission, savoirs et communautés
											</span>
											<p class="event-highlight__title">
												Table Ronde
											</p>
											<div class="event-highlight__footer">
												<div>
													<p class="event-highlight__subtitle">
														Mercredi 15 avril de 17 h à 18 h 30
													</p>
													<p class="event-highlight__details">
														Gratuit, à la Salle d&#039;exposition de la Place des Arts
													</p>
												</div>
																										<button class="btn btn--tertiary btn__sb-highlight" href="" target="" aria-label="Voir les détails">
					<span class="btn--label">Voir les détails</span>
		
					<div class="btn__icon--right">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
			</button>

<section class="list-events list-events--js standard">
                                    <div class="title-btn">
                            <h2 class="h2 title-btn__title">
            Vous aimerez aussi
        </h2>
        </div>
                
                <ul>
                                                                	<li
		class="list-events__li">
										<div class="list-events__link">
				<div class="list-events__infos">
					
	<div class="event-infos">
																
					<div class="event-infos__categories">
				Musique classique
			</div>
		
					<a href="https://www.placedesarts.com/evenement/concert-de-fin-de-saison-de-laojm">
										<h6 class="event-infos__title">
					Concert de fin de saison de l&#039;AOJM
				</h6>
									</a>
		
		<div class="event-infos__infos">
			<div class="event-infos__date">
				6 juin 2026
			</div>

<div class="event-infos__count">
					1 représentation
				</div>
			
						
			<div class="event-infos__location">
									Maison symphonique
							</div>
		</div>

<div class="event-infos__txt">
				<p style="margin-left:0px;">L’Association des orchestres de jeunes de la Montérégie présente un concert à la Maison symphonique de Montréal réunissant trois ensembles de la relève : l’Ensemble Prélude, dirigé par Isabelle Bouchard, l’Orchestre à cordes junior de la Montérégie, sous la direction de Nicole Lauzière, et l’Orchestre symphonique des jeunes de la Montérégie, dirigé par Georges-Étienne d’Entremont. </p>
			</div>
			</div>
					</div>

</a>
					
					<div class="event-action event-card__fav">
						<button class="love-btn" aria-label="Ajouter aux favoris">
	<span class="icon text-black">
	<svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path fill-rule="evenodd" clip-rule="evenodd" d="M1.67224 8.72976C3.06226 10.7792 4.62602 12.2692 6.28044 13.8484C7.28141 14.8027 8.31636 15.7907 9.3041 16.9097C9.40231 17.0228 9.5704 17.0307 9.67805 16.9275C9.68371 16.9216 9.68938 16.9156 9.69505 16.9097C10.6828 15.7907 11.7177 14.8027 12.7187 13.8484C14.3731 12.2692 15.9369 10.7792 17.3269 8.72976C17.3326 8.7238 17.3363 8.71587 17.3401 8.70793C18.6943 6.25574 17.8973 3.11312 15.5629 1.69259C13.5724 0.480385 11.0473 0.891068 9.49863 2.67665C7.6799 0.581568 4.58825 0.43277 2.59388 2.34334C0.896027 3.9702 0.506974 6.61881 1.65714 8.70793C1.66091 8.71587 1.66469 8.7238 1.67036 8.72976H1.67224Z" stroke="#221F20" stroke-width="1.5" stroke-miterlimit="10"/>
	</svg>
</span>

</button>
					</div>
				</div>
			</div>
			</li>
                                            	<li
		class="list-events__li">
										<div class="list-events__link">
				<div class="list-events__infos">
					
	<div class="event-infos">
																
					<div class="event-infos__categories">
				Musique classique • de film
			</div>
		
					<a href="https://www.placedesarts.com/evenement/star-wars-the-empire-strikes-back-en-concert">
										<h6 class="event-infos__title">
					Star Wars: The Empire Strikes Back en concert
				</h6>
									</a>
		
		<div class="event-infos__infos">
			<div class="event-infos__date">
				21 et 22 mai 2027
			</div>

<div class="event-infos__count">
					3 représentations
				</div>
			
						
			<div class="event-infos__location">
									Salle Wilfrid-Pelletier
							</div>
		</div>

<div class="event-infos__txt">
				<p>Joignez-vous à l’orchestre FILMharmonique pour un autre voyage dans une galaxie lointaine, très lointaine, alors qu’il interprétera la musique de John Williams, gagnante d’un Grammy®, avec le film remastérisé de 1980 sur grand écran. </p>
			</div>
			</div>
					</div>

</button>
					</div>
				</div>
			</div>
			</li>
                                            	<li
		class="list-events__li">
										<div class="list-events__link">
				<div class="list-events__infos">
					
	<div class="event-infos">
																
					<div class="event-infos__categories">
				Chanson francophone
			</div>
		
					<a href="https://www.placedesarts.com/evenement/paul-piche">
										<h6 class="event-infos__title">
					Paul Piché
				</h6>
									</a>
		
		<div class="event-infos__infos">
			<div class="event-infos__date">
				19 juin 2026
			</div>

<div class="event-infos__count">
					1 représentation
				</div>
			
						
			<div class="event-infos__location">
									Théâtre Jean-Duceppe
							</div>
		</div>

<div class="event-infos__txt">
				<p>Un rendez-vous unique où l’auteur-compositeur-interprète, faisant cavalier seul sur scène avec sa guitare, revisite ses grands succès. </p>
			</div>
			</div>
					</div>

</button>
					</div>
				</div>
			</div>
			</li>
                                    </ul>

</section>
            
								
										<section class="list-meshlinks">
					<span class="list-meshlinks__title">En savoir plus</span>
		
		<ul>
							<li>
					<a href="https://www.placedesarts.com/programmation" target="_blank" class="meshlink">Consultez notre programmation </a>
					<span class="icon bg-orange text-black">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
				</li>
							<li>
					<a href="https://www.placedesarts.com/planifiez-votre-visite" target="_blank" class="meshlink">Planifiez votre visite</a>
					<span class="icon bg-orange text-black">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
				</li>
							<li>
					<a href="https://www.placedesarts.com/explorer" target="_blank" class="meshlink">Explorez la Place des Arts</a>
					<span class="icon bg-orange text-black">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
				</li>
					</ul>
	</section>
				
				<script type="application/json" id="eventbannerdata">
										{"mainImage":"https:\/\/cdn.placedesarts.com\/tranforms\/_300x140_crop_center-center_none_ns\/1070093\/exposition-joat_2400x1035.webp","title":"Six Steps - L'exposition","url":"https:\/\/www.placedesarts.com\/evenement\/six-steps","hasPassed":false,"dates":"26 mars au 24 avril 2026"}
				</script>

<p class="sb-performances__subtitle">
				Vous serez redirigé·e vers notre système de billetterie.
			</p>
			<p class="sb-performances__subtitle">
				Tous les prix affichés incluent les taxes et frais associés.
			</p>

<h6 class="sb-performance__date">
										Jeudi 26 mars 2026
									</h6>
																			<div class="sb-performance__extrainfos">
																																	<template class="sb-performance-promotion-template">
												<div class="sb-performance__promo"></span>
													<span class="font-primary"></span>
												</div>
											</template>

</p>
										</div>
																	</div>

<a class="btn btn--tertiary " href="https://am.ticketmaster.com/pda/fr-ca/buy/ism/" target="_blank" aria-label="Obtenir des billets">
		
					<div class="btn__icon--right">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
			</a>
															</div>
															</div>
				</div>
</section>
				<section class="sidebar sb-packages" id="sb-packages" data-lenis-prevent>
	<div class="sidebar__bg"></div>
	<div class="sidebar__inner">
		<div class="sidebar__header">
			<p class="sidebar__title">
									Offres
							</p>
			<span class="btn--close"></span>
		</div>

</div>
	</div>
</section>
				<section class="sidebar sb-highlight" id="sb-highlight" data-lenis-prevent>
    <div class="sidebar__bg"></div>
	<div class="sidebar__inner">
		<div class="sidebar__header">
			<p class="sidebar__title"></p>
			<span class="btn--close"></span>
		</div>

<h4 class="sb-highlight__title"></h4>
				<div class="sb-highlight__description"></div>
			</div>
		</template>
	</div>
</section>
				<section class="sidebar sb-favorites" id="sb-favorites" data-lenis-prevent>
	<div class="sidebar__bg"></div>
	<div class="sidebar__inner">
		<div class="sidebar__header">
			<p class="sidebar__title">
				<img src="https://www.placedesarts.com/dist/src/images/icons/icon-love.svg" alt="Vos favoris"/>
				Vos favoris
			</p>
			<span class="btn--close"></span>
		</div>

<div id="sb-favorites-intro" class="sb-favorites__intro">
				<p class="h6">Sauvegardez vos événements favoris, activez les alertes courriel et partagez votre liste à vos proches.</p>
				<a href="/programmation" class="btn btn--secondary">
					Explorer la programmation
				</a>
			</div>

<div id="sb-favorites-list-wrapper" class="sb-favorites-list-wrapper">
				<div id="sb-favorites-actions" class="sb-favorites__actions">
					<div class="switch__wrapper">
						<label class="switch">
							<input type="checkbox">
							<span class="slider__wrapper">
								<span class="slider round"></span>
								<span class="switch__txt">
									Alertes courriel
								</span>
							</span>
						</label>
					</div>

<button class="btn sb-favorites__actions-share">
						<img src="https://www.placedesarts.com/dist/src/images/icons/icon-share.svg" alt="Partager"/>
						Partager
					</button>
				</div>

<div id="sb-favorites-notifications">
					<div id="notification-success" class="sb-favorites__notification">
						<span class="btn--close"></span>
						<span class="sb-favorites__notification-icon"></span>
						<div class="notification__inner">
							Abonnement réussi!
						</div>
					</div>
					<template id="notification-fail-template">
						<div class="sb-favorites__notification error">
							<span class="btn--close"></span>
							<span class="sb-favorites__notification-icon"></span>
							<div class="notification__inner"></div>
						</div>
					</template>
				</div>

<div id="sb-favorites-form" class="sb-favorites__form">
				<button class="sidebar__btn-back">Retour à la liste</button>
				<p class="h6 sb-favorites__form-title">Recevez des nouvelles sur vos événements favoris et partagez-les!</p>
				<p class="sb-favorites__form-subtitle">Entrez vos informations :</p>

<form name="favoritesformsubscription">
					<div class="form-row">
						<div class="form-row">
							<div class="sb-favorites__form-firstname form-column form-text">
								<label for="firstnamefav">Prénom</label>
								<input type="text" name="firstname" id="firstnamefav"/>
							</div>
						</div>
						<div class="sb-favorites__form-lastname form-column form-text">
							<label for="lastnamefav">Nom</label>
							<input type="text" name="lastname" id="lastnamefav"/>
						</div>
					</div>
					<div class="form-row">
						<div class="sb-favorites__form-email form-column form-email">
							<label for="emailfav">Courriel</label>
							<input type="email" name="email" required id="emailfav"/>
						</div>
					</div>

<div class="form-row">
						<p class="sb-favorites__form-description">
							En cliquant JE M&#039;ABONNE, vous acceptez de recevoir des communications électroniques de la Place des Arts concernant vos favoris selon sa Politique de confidentialité. Vous pouvez vous désabonner à tout moment.
						</p>
						<div class="sb-favorites__form-subscription form-row">
							<div class="form-column form-checkbox">
								<input id="sb-favorites-subscription" type="checkbox" name="newsletter" id="newsletterfav"/>
								<label for="newsletterfav">
									J&#039;en profite pour m&#039;abonner à l&#039;infolettre de la Place des Arts pour recevoir toutes les préventes et promotions.
								</label>
							</div>
						</div>

<div class="sb-favorites__form-btns">
							<button type="button" class="btn btn--secondary">
								Annuler
							</button>
							<button type="submit" class="btn btn--primary">
								Je m&#039;abonne
							</button>
						</div>
					</div>
				</form>
			</div>

<div id="sb-favorites-share" class="sharemodal">
		<div class="sharemodal__bg"></div>
		<div class="sharemodal__inner">
			<div class="sharemodal__head">
				<p class="sidebar__title">
					Vos favoris
				</p>
				<span class="btn--close"></span>
			</div>

<div class="sharemodal__body">
				<button class="btn sharemodal__btn sharemodal__btn-copy">
					<img src="https://www.placedesarts.com/dist/src/images/icons/icon-sharemodal-copy.svg" alt="Copier le lien"/>
					<span class="sharemodal__txt-default">Copier le lien</span>
					<span class="sharemodal__txt-copied">Copié!</span>
				</button>
				<a href="" class="btn sharemodal__btn sharemodal__btn-email">
					<img src="https://www.placedesarts.com/dist/src/images/icons/icon-sharemodal-email.svg" alt="Courriel"/>
					Courriel
				</a>
				<a href="" class="btn sharemodal__btn sharemodal__btn-facebook" target="_blank">
					<img src="https://www.placedesarts.com/dist/src/images/icons/icon-sharemodal-facebook.svg" alt="Facebook"/>
					Facebook
				</a>
			</div>
		</div>
	</div>
</section>
				<section class="sidebar sb-favorites" id="sb-favorites-sharedlist" data-lenis-prevent>
	<div class="sidebar__bg"></div>
	<div class="sidebar__inner">
		<div class="sidebar__header">
			<p class="sidebar__title">
				<img src="https://www.placedesarts.com/dist/src/images/icons/icon-users.svg" alt="Événements partagés"/>
				Événements partagés
			</p>
			<span class="btn--close"></span>
		</div>

<div
			class="sidebar__body">
						<div id="sb-sharedlist-wrapper" class="sb-favorites-list-wrapper">
				<div id="sb-sharedlist-intro" class="sb-favorites__intro">
					<p class="h6">Une personne vous a partagé sa liste d&#039;événements favoris à la Place des Arts!</p>
				</div>
				<div id="sb-sharedlist-list" class="sb-favorites-list">
					<div class="sb-favorites__grid"></div>
				</div>
			</div>

<div class="sb-favorite__btns">
						<a href="" class="link sb-favorite__btn">
							Détails de l&#039;événement
						</a>
						<button class="btn btn--primary">Billets</button>
					</div>
					<script type="application/json" class="favoritedatas">
						{"id":null}
					</script>
				</div>
			</template>
		</div>
	</div>
</section>
				
<section class="sidebar sb-performances" id="sb-favorites-performances" data-lenis-prevent>
	<div class="sidebar__bg"></div>
	<div class="sidebar__inner">
		<div class="sidebar__header">
			<p class="sidebar__title">
				<img src="https://www.placedesarts.com/dist/src/images/icons/icon-love.svg" alt="Vos favoris"/>
				Vos favoris
			</p>
			<span class="btn--close"></span>
		</div>

<div class="sb-performances__title">
				<button class="sidebar__btn-back">Retour à la liste</button>
				<h4 class="h4"></h4>
			</div>

<section class="newsletter__wrapper color-orange">
		<div class="newsletter">
			<div class="newsletter__shape"></div>
							<h4 class="h4 newsletter__title">
					Abonnez-vous à l&#039;infolettre
				</h4>
										<div class="newsletter__subtitle">
					Profitez de préventes en primeur, de rabais exclusifs et de contenus culturels variés.
				</div>
											<a class="btn btn--secondary " href="https://communication.placedesarts.com/T/WF/17350/QNtSxM/Optin/fr-CA/Form.ofsys" target="" >
					<div class="btn__icon--left">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
							<span class="btn--label">M&#039;inscrire</span>
							<div class="btn__icon--right">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
			</a>

</div>
	</section>
		</div>
	</div>

<footer class="footer">
	<div class="footer__inner footer__inner--1">
		<h2 class="flex justify-center items-center whitespace-nowrap">
			Place des Arts
		</h2>
	</div>

<div class="footer__inner footer__inner--2" role="navigation" aria-label="Footer navigation">
					<div class="footer__row">
				<div class="footer__row--title">
											<span>À propos</span>
					
											<span class="footer__row--btn"></span>
									</div>
				<ul class="footer__row--list">

<li>
							<a href="https://www.placedesarts.com/mission">Mission</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/historique">Historique</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/rapports-annuels">Rapports annuels</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/gouvernance">Gouvernance</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/fondation-de-la-place-des-arts">Fondation de la Place des Arts</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/gouvernance/loi-regles-et-politiques">Lois, règles et politiques</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/gouvernance/acces-a-linformation">Accès à l&#039;information</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/gouvernance/diffusion-de-linformation">Diffusion de l&#039;information</a>
						</li>
					
				</ul>
			</div>
					<div class="footer__row">
				<div class="footer__row--title">
											<span>Conditions et politiques</span>
					
											<span class="footer__row--btn"></span>
									</div>
				<ul class="footer__row--list">

<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-dutilisation-du-site-web">Conditions d&#039;utilisation du site Web</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-de-vente-billetterie-et-services">Conditions de vente | Billetterie et services</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-de-vente-stationnement">Conditions de vente | Stationnement</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-utilisation-carte-cadeau">Conditions d’utilisation | Carte-cadeau</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/politique-de-confidentialite">Politique de confidentialité</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/admission-des-enfants">Admission des enfants</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/politique-relative-aux-temoins-cookies">Politique relative aux témoins (cookies)</a>
						</li>
					
				</ul>
			</div>
					<div class="footer__row">
				<div class="footer__row--title">
											<span>Ressources</span>
					
											<span class="footer__row--btn"></span>
									</div>
				<ul class="footer__row--list">

<li>
							<a href="https://www.placedesarts.com/communiques">Salle de presse</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/carrieres-place-des-arts">Carrière</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/logos-et-normes-graphiques">Logos et normes graphiques</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/plans-de-salle">Plans de salle</a>
						</li>
											<li>
							<a href="https://www.placedesarts.com/nous-joindre">Nous joindre</a>
						</li>
					
				</ul>
			</div>
		
		<div class="footer__row">
							<div class="footer__row--title">
											<a href="">Médias sociaux</a>
					
									</div>
						<ul class="footer__socials" role="list" aria-label="footer social networks">
				<li>
					<a href="https://www.facebook.com/placedesarts/" target="_blank">Facebook</a>
				</li>
				<li>
					<a href="https://www.instagram.com/placedesarts/" target="_blank">Instagram</a>
				</li>
				<li>
					<a href="https://www.tiktok.com/@placedesarts.mtl" target="_blank">TikTok</a>
				</li>
			</ul>
		</div>
	</div>

<div class="lang">
				<img src="https://www.placedesarts.com/dist/src/images/icons/icon-worldwide.svg" alt="Worldwide" fetchpriority="low" decoding="async" loading="lazy"/>
				<a tabindex="0" data-barba-prevent class="lang" href="https://www.placedesarts.com/en/event/six-steps">
					EN
				</a>
			</div>
			<span class="lang-credits__divider"></span>
			<a onclick="OneTrust.ToggleInfoDisplay();">Gestion des témoins</a>
					</div>
	</div>
</footer>
<template id="eventBannerBtn">
		<button class="btn btn--secondary " href="" target="" >
					<div class="btn__icon--left">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
							<span class="btn--label">Retour vers l&#039;événement</span>
							<div class="btn__icon--right">
				<span class="icon btn--icon bg-black text-white">
	<svg width="24" height="22" viewbox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M1.83203 10.8984L21.832 10.8984" stroke-width="2" stroke-linecap="round"/>
		<path d="M12.1016 1L22.0011 10.8995L12.1016 20.799" stroke-width="2" stroke-linecap="round"/>
	</svg>
</span>
			</div>
			</button>

</template>

<footer class="footer footer-mobile">
	<div class="footer__inner footer__inner--1">
		<h2 class="flex justify-center items-center whitespace-nowrap">
			Place des Arts
		</h2>
	</div>

<li>
								<a href="https://www.placedesarts.com/mission">Mission</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/historique">Historique</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/rapports-annuels">Rapports annuels</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/gouvernance">Gouvernance</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/gouvernance/loi-regles-et-politiques">Lois, règles et politiques</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/gouvernance/acces-a-linformation">Accès à l&#039;information</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/gouvernance/diffusion-de-linformation">Diffusion de l&#039;information</a>
							</li>
						
					</ul>
				</div>
			</div>
					<div class="footer__row">
				<div class="footer__row--title">
											<span>Conditions et politiques</span>
					
											<span class="footer__row--btn"></span>
									</div>
				<div class="footer__row--wrapper">
					<ul class="footer__row--list">

<li>
								<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-dutilisation-du-site-web">Conditions d&#039;utilisation du site Web</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-de-vente-billetterie-et-services">Conditions de vente | Billetterie et services</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/conditions-de-vente-stationnement">Conditions de vente | Stationnement</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/politique-de-confidentialite">Politique de confidentialité</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/avant-de-faire-une-transaction/admission-des-enfants">Admission des enfants</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/politique-relative-aux-temoins-cookies">Politique relative aux témoins (cookies)</a>
							</li>
						
					</ul>
				</div>
			</div>
					<div class="footer__row">
				<div class="footer__row--title">
											<span>Ressources</span>
					
											<span class="footer__row--btn"></span>
									</div>
				<div class="footer__row--wrapper">
					<ul class="footer__row--list">

<li>
								<a href="https://www.placedesarts.com/communiques">Salle de presse</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/carrieres-place-des-arts">Carrière</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/logos-et-normes-graphiques">Logos et normes graphiques</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/plans-de-salle">Plans de salle</a>
							</li>
													<li>
								<a href="https://www.placedesarts.com/nous-joindre">Nous joindre</a>
							</li>
						
					</ul>
				</div>
			</div>
					<div class="footer__row">
				<div class="footer__row--title">
											<a href="">Médias sociaux</a>
					
									</div>
				<div class="footer__row--wrapper">
					<ul class="footer__row--list">

</ul>
				</div>
			</div>
		
		<ul class="footer__row footer__socials" role="list" aria-label="footer social networks">
			<li>
				<a href="https://www.facebook.com/placedesarts/" target="_blank">Facebook</a>
			</li>
			<li>
				<a href="https://www.instagram.com/placedesarts/" target="_blank">Instagram</a>
			</li>
			<li>
				<a href="https://www.tiktok.com/@placedesarts.mtl" target="_blank">TikTok</a>
			</li>
		</ul>
	</div>

<div class="cookie-management">
			<div onclick="OneTrust.ToggleInfoDisplay();">Gestion des témoins</div>
		</div>
	</div>
</footer>
	<div id="searchmenu" data-lenis-prevent>
	<div class="search">
		<div class="search__inner">
			<div class="search__header">
				<div class="search__header__inner">
					<a href="/" class="logo-pda">
						<img src="https://www.placedesarts.com/dist/src/images/logo-white.svg" alt="Place des Arts"/>
					</a>
					<div id="searchinput"></div>
					<span class="btn--close"></span>
				</div>
			</div>

<div class="search__body">
				<div class="loader"></div>
				<div class="search-default">
					<div class="search-default__left">
						<h6>Quoi faire à la Place des Arts ?</h6>
						<ul class="search-default__list">
							<li>
									<a href="/programmation?PDA-production-fr-clone%5Brange%5D%5BdatesTimestamp%5D=1776052800%3A1776052800" target="" class="tag tag-link tag-animation">
		Aujourd&#039;hui
		<span class="tag-shape"></span>
	</a>
							</li>
							<li>
									<a href="/programmation?PDA-production-fr-clone%5Brange%5D%5BdatesTimestamp%5D=1776052800%3A1776603954" target="" class="tag tag-link tag-animation">
		7 prochains jours
		<span class="tag-shape"></span>
	</a>
							</li>
							<li>
									<a href="/programmation?PDA-production-fr-clone%5Brange%5D%5BdatesTimestamp%5D=1775048754%3A1777554354" target="" class="tag tag-link tag-animation">
		Ce mois-ci
		<span class="tag-shape"></span>
	</a>
							</li>
							<li>
									<a href="/programmation?PDA-production-fr-clone%5Btoggle%5D%5Bfree%5D%5B0%5D=true" target="" class="tag tag-link tag-animation">
		Activités gratuites
		<span class="tag-shape"></span>
	</a>
							</li>
							<li>
									<a href="/programmation" target="" class="tag tag-link tag-animation">
		Tous les événements
		<span class="tag-shape"></span>
	</a>
							</li>
						</ul>
					</div>

<div id="tophits" class="search-default__right">
						<h6>Événements les plus recherchés</h6>
						<ul class="tophits__list"></ul>
					</div>
				</div>

<lottie-transition v-pre></lottie-transition>

</div>

<noscript>
            <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T6J2RPKS" height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
        
		<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
<script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script>
<script src="https://www.placedesarts.com/dist/assets/polyfills-legacy-f79a9b38.js" nomodule onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;vite/legacy-polyfills-legacy&#039;}});document.dispatchEvent(e);" integrity="sha384-C0tWJaku6bs291luw8qkOqrTxWlnQl/IJ+vDgnhrRvtlTzIG1EqQw4qcTU6R5O4Y"></script>
<script type="module" src="https://www.placedesarts.com/dist/assets/app-ecb11ab6.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/scripts/main.js&#039;}});document.dispatchEvent(e);" integrity="sha384-rNMdMA+3dDYRlIyEH+ygrucJDrgtZk/w6VrqLZaVeEkmkArtTgCFoXsFONv6L7dy"></script>
<link href="https://www.placedesarts.com/dist/assets/main-351fe578.css" rel="stylesheet">
<script src="https://www.placedesarts.com/dist/assets/app-legacy-8fcdf2c6.js" nomodule onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/scripts/main-legacy.js&#039;}});document.dispatchEvent(e);" integrity="sha384-umIiLgQ5s31flDTE0ihGyqTSFzj+NZK8WOE/sWldIgG1dv8BAL3kQi7oGKI5whq0"></script>

Editing Website