Wringer

Html

<!doctype html>
<html lang="fr-CA" class="is-scrolling-down">

<head>
	<meta charset="UTF-8">
		<title>Réalité dés/augmentée 2.0 – Visions du monde numérique par Gilles Tarabiscuité | Culture Trois&#x2d;Rivières</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0 minimal-ui" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="shortcut icon" href="https://www.culture3r.com/app/themes/baserock/assets/ico/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.culture3r.com/app/themes/baserock/assets/ico/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://www.culture3r.com/app/themes/baserock/assets/ico/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://www.culture3r.com/app/themes/baserock/assets/ico/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json?v=5">
    <link rel="mask-icon" href="https://www.culture3r.com/app/themes/baserock/assets/ico/safari-pinned-tab.svg" color="#000000">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="theme-color" content="#ffffff">
			<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	

<link rel="canonical" href="https://www.culture3r.com/evenements/realite-des-augmentee-2-0-visions-du-monde-numerique/" />
<meta name="description" content="À l’ère de l’intelligence artificielle et de la prolifération des technologies numériques, l’artiste montréalais Gilles Tarabiscuité interroge la manière dont ces outils transforment notre rapport au monde. Son travail s’ancre dans une volonté de rematérialiser l’objet d’art, en transposant dans l’espace tridimensionnel des images initialement conçues pour l’écran. En sculptant le virtuel, Tarabiscuité donne corps&#8230;" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="fr_CA" />
<meta property="og:site_name" content="Culture Trois-Rivières" />
<meta property="og:title" content="Réalité dés/augmentée 2.0 – Visions du monde numérique par Gilles Tarabiscuité | Culture Trois&#x2d;Rivières" />
<meta property="og:description" content="À l’ère de l’intelligence artificielle et de la prolifération des technologies numériques, l’artiste montréalais Gilles Tarabiscuité interroge la manière dont ces outils transforment notre rapport au monde. Son travail s’ancre dans une volonté de rematérialiser l’objet d’art, en transposant dans l’espace tridimensionnel des images initialement conçues pour l’écran. En sculptant le virtuel, Tarabiscuité donne corps&#8230;" />
<meta property="og:url" content="https://www.culture3r.com/evenements/realite-des-augmentee-2-0-visions-du-monde-numerique/" />
<meta property="og:image" content="https://www.culture3r.com/app/uploads/2025/06/2025-av-epj-expo-gilles-tarabiscuite-photo-web-cr-etienne-boisvert-3-officiel-1-scaled.jpg" />
<meta property="og:image:width" content="2560" />
<meta property="og:image:height" content="1707" />
<meta property="article:published_time" content="2025-06-26T14:48:21+00:00" />
<meta property="article:modified_time" content="2025-09-18T20:26:25+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Réalité dés/augmentée 2.0 – Visions du monde numérique par Gilles Tarabiscuité | Culture Trois&#x2d;Rivières" />
<meta name="twitter:description" content="À l’ère de l’intelligence artificielle et de la prolifération des technologies numériques, l’artiste montréalais Gilles Tarabiscuité interroge la manière dont ces outils transforment notre rapport au monde. Son travail s’ancre dans une volonté de rematérialiser l’objet d’art, en transposant dans l’espace tridimensionnel des images initialement conçues pour l’écran. En sculptant le virtuel, Tarabiscuité donne corps&#8230;" />
<meta name="twitter:image" content="https://www.culture3r.com/app/uploads/2025/06/2025-av-epj-expo-gilles-tarabiscuite-photo-web-cr-etienne-boisvert-3-officiel-1-scaled.jpg" />
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.culture3r.com/#/schema/WebSite","url":"https://www.culture3r.com/","name":"Culture Trois&#x2d;Rivières","description":"De la culture plein la ville","inLanguage":"fr-CA","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.culture3r.com/search/{search_term_string}/"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","@id":"https://www.culture3r.com/#/schema/Organization","name":"Culture Trois&#x2d;Rivières","url":"https://www.culture3r.com/"}},{"@type":"WebPage","@id":"https://www.culture3r.com/evenements/realite-des-augmentee-2-0-visions-du-monde-numerique/","url":"https://www.culture3r.com/evenements/realite-des-augmentee-2-0-visions-du-monde-numerique/","name":"Réalité dés/augmentée 2.0 – Visions du monde numérique par Gilles Tarabiscuité | Culture Trois&#x2d;Rivières","description":"À l’ère de l’intelligence artificielle et de la prolifération des technologies numériques, l’artiste montréalais Gilles Tarabiscuité interroge la manière dont ces outils transforment notre rapport au monde. Son travail s’ancre dans une volonté de rematérialiser l’objet d’art, en transposant dans l’espace tridimensionnel des images initialement conçues pour l’écran. En sculptant le virtuel, Tarabiscuité donne corps&#8230;","inLanguage":"fr-CA","isPartOf":{"@id":"https://www.culture3r.com/#/schema/WebSite"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://www.culture3r.com/#/schema/BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":"https://www.culture3r.com/","name":"Culture Trois&#x2d;Rivières"},{"@type":"ListItem","position":2,"item":"https://www.culture3r.com/archives-evenements/","name":"Archives: Évènements"},{"@type":"ListItem","position":3,"item":"https://www.culture3r.com/libelles/money/","name":"Libellé: Gratuit"},{"@type":"ListItem","position":4,"name":"Réalité dés/augmentée 2.0 – Visions du monde numérique par Gilles Tarabiscuité"}]},"potentialAction":{"@type":"ReadAction","target":"https://www.culture3r.com/evenements/realite-des-augmentee-2-0-visions-du-monde-numerique/"},"datePublished":"2025-06-26T14:48:21+00:00","dateModified":"2025-09-18T20:26:25+00:00"}]}</script>

.t-blog-single .o-post__img img{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	width:100%;
	height:auto;
	object-fit:unset;
} 		</style>
			<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-KZBKDJ9');
	</script>
</head>
<body class=" ">
	 	<header class="c-header" data-module="NavClass">
		<div class="o-container">
			<a href="/" class="c-header__logo__link hidden-lg-up">
					<svg aria-hidden="true" focusable="false" class="o-ico c-header__logo">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#logo"></use>
	</svg>
				</a>
			
			<div class="c-header-nav">
				<nav class="c-nav-main c-nav">
					<ul class="c-nav-ul -lvl-0"><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/programmation/"><span>Programmation</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/lieux/"><span>Lieux</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/forfaits-et-promotions/"><span>Promotions</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/carriere/"><span>Carrière</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/zone-prof/"><span>Zone prof</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/carte-cadeau/"><span>Carte-cadeau</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>				</nav>
				<div class="c-nav-burger">
					<div class="o-container">
						<div class="o-row">
							<div class="o-col w-1/4">
								<ul class="c-nav-sub c-nav-ul"><li  class="c-nav-list__item -lvl-0  -has-children"><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/">Nos services<span class="c-nav-link__sibling js-nav-link__sibling"></span></a>
<ul class="c-submenu -lvl-1">
<li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/service-de-billetterie/">Service de billetterie<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/service-pour-nos-organismes-accredites/">Service pour nos organismes accrédités<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/evenement-corporatif-sur-mesure/">Évènement corporatif sur mesure<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/forfaits-de-groupes/">Forfaits de groupes<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/fetes-denfants/">Fêtes d’enfants<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/location-de-salles/">Location de salles<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>
</li></ul>							</div>
							<div class="o-col w-1/4">
								<ul class="c-nav-sub c-nav-ul"><li  class="c-nav-list__item -lvl-0  -has-children"><a class="c-nav-list__link"  href="https://www.culture3r.com/vie-culturelle/">Vie culturelle<span class="c-nav-link__sibling js-nav-link__sibling"></span></a>
<ul class="c-submenu -lvl-1">
<li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/vie-culturelle/politique-culturelle/">Politique culturelle<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/vie-culturelle/grands-prix-culturels-de-trois-rivieres-2025/">Grands Prix culturels de Trois-Rivières<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/vie-culturelle/art-public/">Art public<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/appels-de-projets-culturels/">Appels de projets culturels<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>
</li></ul>							</div>
							<div class="o-col w-1/4">
								<ul class="c-nav-sub c-nav-ul"><li  class="c-nav-list__item -lvl-0  -has-children"><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/">À propos<span class="c-nav-link__sibling js-nav-link__sibling"></span></a>
<ul class="c-submenu -lvl-1">
<li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/developpement-durable/">Développement durable<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/equipe-et-membres-du-c-a/">Équipe et conseil d’administration<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/prix-et-distinctions/">Prix et distinctions<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-1  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/nos-partenaires/">Nos partenaires<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>
</li><li  class="c-nav-list__item -lvl-0  current_page_parent"><a class="c-nav-list__link"  href="https://www.culture3r.com/blogue/">Blogue<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/salle-de-presse/">Salle de presse<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nous-joindre/">Nous joindre<span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>							</div>
							<div class="o-col w-1/4">
								<a href="https://www.culture3r.com/carte-cadeau/" class="c-nav-buttonbox -green">
									<span class="c-nav-buttonbox__title">NE CHERCHEZ PLUS LE CADEAU IDÉAL! </span>
									<span class="c-nav-buttonbox__text">Avec la carte-cadeau de Culture Trois-Rivières, vous êtes assurés de plaire à tous!</span>
									<span class="c-nav-buttonbox__link">ACHETER UNE CARTE-CADEAU</span>
																	</a>
							</div>
						</div>
					</div>
				</div>
				<a href="https://www.culture3r.com/zone-membre/" class="c-nav-membre">
					Membre accès plus
						<svg aria-hidden="true" focusable="false" class="o-ico c-nav-membre__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#arrow-right"></use>
	</svg>
					</a>
			</div>

<div id="barba-wrapper" data-barba="wrapper">
		<div class="barba-container t-event-single" data-barba="container" data-barba-namespace="event-single" data-namespace="event-single">
			<div class="is-hidden" data-module="UtilsInit"></div>
			<div class="is-hidden" data-module="CreditOverlay"></div>
			<div class="js-anims" data-module="Anims">
			<div class="is-hidden" data-module="ScrollDirection"></div>
				<div class="c-programation-results" style="display:none;">
					<div class="container-fluid">
						<strong class="c-programation-results__num"><span class="js-programation-results__num">371</span> résultats</strong>
						<div class="c-show-prog-results__wrap">
							<a class="o-button -bg-green -hover-black c-show-prog-results js-show-prog-results -ico-right" href="#">
								<span class="o-button__content">Afficher les résultats</span>
								<svg class="i-ico">
									<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=1750946397#arrow-full-right"></use>
								</svg>
							</a>
						</div>
					</div>
				</div>
<section class="o-section o-section__event-slider -smaller-mobile">
    <div class="o-container">
        
<div class="o-breadcrumb__wrap">
    <ul class="o-breadcrumb"><li class="o-breadcrumb__item"><a class="o-breadcrumb__link" href="/" title="Accueil">Accueil</a></li><li class="o-breadcrumb__item separator separator-home">  </li><li class="o-breadcrumb__item item-cat item-custom-post-type-spectacles"><a class="bread-cat o-breadcrumb__link o-breadcrumb__link bread-custom-post-type-spectacles" href="https://www.culture3r.com/programmation/" title="Évènements">Évènements</a></li><li class="o-breadcrumb__item separator">  </li><li class="o-breadcrumb__item item-353638"><span class="o-breadcrumb__span bread-353638" title="Réalité dés/augmentée 2.0 – Visions du monde numérique">Réalité dés/augmentée 2.0 – Visions du monde numérique</span></li></ul></div>

<section class="o-section o-section__main-event -mgt-xl -smaller-mobile">
    <div class="o-container">
        <div class="o-row">
            <div class="o-col w-1/2">
                <div class="o-col-inner">
                    <h1 class="o-title-1 c-main-event__title">
                        Réalité dés/augmentée 2.0 – Visions du monde numérique                    </h1>
                    <div class="c-main-event__description">
                        <div class="o-text">
                            <p>À l’ère de l’intelligence artificielle et de la prolifération des technologies numériques, l’artiste montréalais Gilles Tarabiscuité interroge la manière dont ces outils transforment notre rapport au monde. Son travail s’ancre dans une volonté de rematérialiser l’objet d’art, en transposant dans l’espace tridimensionnel des images initialement conçues pour l’écran.</p>
<p>En sculptant le virtuel, Tarabiscuité donne corps à des formes numériques souvent perçues comme éphémères ou immatérielles. Ses œuvres proposent ainsi un dialogue entre matière et code, tangible et intangible, physique et numérique. À travers cette approche, il explore de nouvelles façons d’habiter un monde traversé par les flux d’information, et cherche à réinventer les liens entre le corps, l’image et la technologie.</p>
<p>Artiste : <a href="http://tarabiscuite.com/" target="_blank" rel="noopener">Gilles Tarabiscuité</a></p>
<blockquote><p>Grâce à un casque de réalité virtuelle, vous plongerez dans un univers où réel et virtuel se mélangent. Vous pourrez vous déplacer, vous asseoir ou toucher des objets physiques et numériques qui interagissent ensemble, afin de vivre une expérience à la fois étonnante et déstabilisante.</p></blockquote>
<p>L’artiste remercie Casey Alexander : designer immersif.</p>
<p>&nbsp;</p>
<p><strong>À propos de l&rsquo;artiste</strong></p>
<p><span class="TextRun SCXW205831054 BCX8" lang="FR-CA" xml:lang="FR-CA" data-contrast="none"><span class="NormalTextRun SCXW205831054 BCX8" data-ccp-parastyle="Default">Historien de l’art et artiste montréalais, Gilles </span><span class="NormalTextRun SCXW205831054 BCX8" data-ccp-parastyle="Default">Tarabiscuité</span><span class="NormalTextRun SCXW205831054 BCX8" data-ccp-parastyle="Default"> a présenté ses œuvres au Japon, en Allemagne, en Grèce, en France et aux Pays-Bas. Fondateur du Hangar 7826 à Montréal, il développe une pratique singulière où l’image numérique devient matière, et où la photographie, sans retouche, se fait témoin d’installations construites pour être vues… mais aussi vécues.</span></span><span class="EOP SCXW205831054 BCX8" data-ccp-props="{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559739&quot;:0,&quot;335559740&quot;:276}"> </span></p>
<p>&nbsp;</p>
<p><span data-teams="true"><i>*Pour des raisons de santé et de sécurité, l’utilisation des casques de réalité virtuelle est recommandée aux gens âgés de 12 ans et plus.</i></span></p>
                        </div>

</div>
                                    </div>
            </div>
            <div class="o-col w-1/2">
                <div class="o-col-inner" id="details">

<div class="c-event-details">
            <div class="c-event-details__item">
            <div class="c-event-details__label">
                <span>Date</span>
            </div>
            <div class="c-event-details__content">
                <span class="o-badge">Du 13 septembre au 14 décembre 2025</span>
            </div>
        </div>
                <div class="c-event-details__item">
            <div class="c-event-details__label">
                <span>Vernissage</span>
            </div>
            <div class="c-event-details__content">
                <span class="o-badge">Vendredi le 12 septembre 2025, 17 h </span>
            </div>
        </div>
                <div class="c-event-details__item">
            <div class="c-event-details__label">
                <span>Lieu</span>
            </div>
            <div class="c-event-details__content">
                <span class="o-badge">Espace Pauline-Julien </span>
            </div>
        </div>
                <div class="c-event-details__item">
            <div class="c-event-details__label">
                <span>Médium</span>
            </div>
            <div class="c-event-details__content">
                <span class="o-badge">Installation immersive en réalité virtuelle</span>
            </div>
        </div>
                <div class="c-event-details__item">
            <div class="c-event-details__label">
                <span>Prix</span>
            </div>
            <div class="c-event-details__content">
                <span class="o-badge">Gratuit</span>
            </div>
        </div>
            
    </div>

<section class="o-section o-section__related -mgy-xl">
    <div class="o-container -pd-lg">
        <h3 class="o-title-4 c-small__title">
            Vous aimerez aussi
        </h3>
        
<div class="c-slider c-slider-related">
        <div class="swiper-container c-slider__container" data-module="SliderRelated">

<a class="c-listing-card__content" href="https://www.culture3r.com/evenements/circuit-des-murales/">
                                <span class="c-listing-card__title">
                                                                            Circuit des murales                                                                    </span>
                                                                <span class="o-badge__wrapper">
                                    <span class="o-badge">
                                                                                    Offert à l'année
                                                                            </span>
                                </span>
                                                            </a>
                        </div>
                    </div>
                
                                            
                                    <div class="swiper-slide c-slider__item">
                        <div class="c-listing-card -split">
                            <a class="c-listing-card__img" href="https://www.culture3r.com/evenements/transformations/">
                                <span class="o-responsive-img" style="padding-top: 92.4479%;">
                                                                        <img src="https://www.culture3r.com/app/uploads/2024/05/2024-pat-bor-expo-transformations-photo-cr-etienne-boisvert-13-600x600.jpg" alt="">
                                </span>
                            </a>

<a class="c-listing-card__content" href="https://www.culture3r.com/evenements/transformations/">
                                <span class="c-listing-card__title">
                                                                            Boréalis                                                                    </span>
                                                                    <span class="c-listing-card__description">
                                        Transformations                                    </span>
                                                                <span class="o-badge__wrapper">
                                    <span class="o-badge">
                                                                                    Offert à l'année
                                                                            </span>
                                </span>
                                                            </a>
                        </div>
                    </div>
                
                                            
                                    <div class="swiper-slide c-slider__item">
                        <div class="c-listing-card -split">
                            <a class="c-listing-card__img" href="https://www.culture3r.com/evenements/mikoman-2/">
                                <span class="o-responsive-img" style="padding-top: 92.4479%;">
                                                                        <img src="https://www.culture3r.com/app/uploads/2025/12/2025-av-expo-caroline-monnet-photo-web-cr-etienne-boisvert-1-1-600x600.jpg" alt="">
                                </span>
                            </a>

<a class="c-listing-card__content" href="https://www.culture3r.com/evenements/mikoman-2/">
                                <span class="c-listing-card__title">
                                                                            Caroline Monnet                                                                    </span>
                                                                    <span class="c-listing-card__description">
                                        MIKOMÀN                                    </span>
                                                                <span class="o-badge__wrapper">
                                    <span class="o-badge">
                                                                                    Du 6 décembre 2025                                            au 8 mars 2026                                                                            </span>
                                </span>
                                                            </a>
                        </div>
                    </div>
                
                                            
                                    <div class="swiper-slide c-slider__item">
                        <div class="c-listing-card -split">
                            <a class="c-listing-card__img" href="https://www.culture3r.com/evenements/la-foret-des-entre-mondes-2/">
                                <span class="o-responsive-img" style="padding-top: 92.4479%;">
                                                                        <img src="https://www.culture3r.com/app/uploads/2025/08/myriam-lafae-2024-600x600.jpg" alt="">
                                </span>
                            </a>

<a class="c-listing-card__content" href="https://www.culture3r.com/evenements/la-foret-des-entre-mondes-2/">
                                <span class="c-listing-card__title">
                                                                            Myriam Lafae                                                                    </span>
                                                                    <span class="c-listing-card__description">
                                        La forêt des entre-mondes                                    </span>
                                                                <span class="o-badge__wrapper">
                                    <span class="o-badge">
                                                                                    Du 14 mars 2026                                            au 14 juin 2026                                                                            </span>
                                </span>
                                                            </a>
                        </div>
                    </div>
                
            
        </div>

<div class="swiper-button-prev c-slider__nav"></div>
        <div class="swiper-button-next c-slider__nav"></div>

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

</div>
            <div class="o-col w-1/3">
                <div class="c-membre-plus__content">
                    <h2 class="o-title-2">Devenez un.e membre Accès Plus</h2>
                                            <div class="o-text">
                            Être membre accès plus, c'est se faire plaisir plus souvent à plus petit prix.                        </div>
                                                                <div class="o-button__wrapper">
                            <a href="https://culture3r.tuxedobillet.com/main/acces-plus?_gl=1*m8ggwi*_ga*MTIxNjY5OTEyNC4xNjczNDY0Nzg0*_ga_PBECEPQZJ9*MTY4MjQyOTUzMy4xNDAuMS4xNjgyNDU1OTYzLjAuMC4w"  class="o-button">
                                	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
	                                <span class="o-button__text">Devenir membre</span>
                            </a>
                        </div>
                                    </div>
            </div>
        </div>
    </div>
</div></section>
			<section class="c-footer__wrap">
				<div class="c-prefooter">
					<div class="o-container">
						<div class="o-row -gutter">
							<div class="o-col w-1/2">
								<div class="c-prefooter__intro">
									<h1 class="o-title-3 c-prefooter__title">
										Infolettre									</h1>
									<div class="o-text -sm c-prefooter__text">
										<p>Abonnez-vous à notre infolettre pour connaître les nouveautés en primeur, profiter d’offres exclusives et bénéficier d’une foule de rabais.</p>
									</div>
								</div>
							</div>
							<div class="o-col w-1/2">
								<div class="c-prefooter__mail">
									<div class="c-prefooter__mail__input">
										<label class="sr-only" for="courriel">Courriel*</label>
	                                    <input class="o-input" type="email" id="courriel" name="Courriel" placeholder="Courriel*" required>
	                                    									</div>
									<div class="c-prefooter__mail__btn">
										<button type="button" class="o-button js-btn-overlay" data-module="Overlay" data-overlay=".js-overlay-content-newsletter">
	                                        	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
		                                        <span class="o-button__text">Compléter l’inscription</span>
	                                    </button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

<footer class="c-footer">
					<div class="o-container">
						<div class="o-row -gutter">
							<div class="o-col w-1/2 -mb-2">
								<a href="/" class="c-footer__logo">
										<svg aria-hidden="true" focusable="false" class="o-ico logo-footer">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#logo"></use>
	</svg>
									</a>
								<div class="o-text -sm c-footer__text">
									<p>
										<a href="tel:+18193724614" target="_blank" rel="noreferrer noopener">819 372-4614</a><br>
										<a href="mailto:info@culture3r.com" class="-underline" target="_blank" rel="noreferrer noopener">info@culture3r.com</a>
									</p>
									<p><a href="https://www.google.com/maps/place/1425+Pl.+de+l'H%C3%B4tel+de+Ville,+Trois-Rivi%C3%A8res,+QC+G9A+4J4/@46.34285,-72.544568,17z/data=!3m1!4b1!4m5!3m4!1s0x4cc7c603d9cdbb43:0x12f7321cd58f10d6!8m2!3d46.34285!4d-72.5423793" target="_blank" rel="noreferrer noopener">1425, Place de l'Hôtel-de-Ville <br>C.P. 368 <br>Trois-Rivières (Québec) <br>G9A 5H3</a></p>
								</div>
								<div class="c-footer__social">
									<div class="c-social">
    <ul class="c-social__list">
        <li class="c-social__item">
            <a class="c-social__link" href="https://www.facebook.com/culturetroisrivieres/" target="_blank" rel="noreferrer noopener" aria-label="Lien Facebook (s'ouvre dans un nouvel onglet)">
                	<svg aria-hidden="true" focusable="false" class="o-ico -facebook">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#facebook"></use>
	</svg>
	            </a>
        </li>
        <li class="c-social__item">
            <a class="c-social__link" href="https://www.instagram.com/culture3r/" target="_blank" rel="noreferrer noopener" aria-label="Lien Instagram (s'ouvre dans un nouvel onglet)">
                	<svg aria-hidden="true" focusable="false" class="o-ico -instagram">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#instagram"></use>
	</svg>
	            </a>
        </li>
        <li class="c-social__item">
            <a class="c-social__link" href="https://www.youtube.com/channel/UCFjUTp7dkn-ydtiSJNovLKw" target="_blank" rel="noreferrer noopener" aria-label="Lien Youtube (s'ouvre dans un nouvel onglet)">
                	<svg aria-hidden="true" focusable="false" class="o-ico -youtube">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#youtube"></use>
	</svg>
	            </a>
        </li>
    </ul>
</div>
								</div>
							</div>
							<div class="o-col w-1/2 -mb-1">
								<div class="o-row -gutter">
									<div class="o-col w-1/2">
										<nav class="c-nav-footer">
											<ul class="c-nav-list -lvl-0 -main"><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/programmation/"><span>Programmation</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/lieux/"><span>Lieux</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/forfaits-et-promotions/"><span>Promotions</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/carriere/"><span>Carrière</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/zone-prof/"><span>Zone prof</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>										</nav>
									</div>
									<div class="o-col w-1/2">
										<div class="c-nav-footer__btn">
											<a href="https://www.culture3r.com/zone-membre/" class="o-button -light">
		                                        	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
			                                        <span class="o-button__text">Membre accès plus</span>
		                                    </a>
										</div>
										<nav class="c-nav-footer">
											<ul class="c-nav-list -lvl-0"><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nos-services/"><span>Nos services</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/vie-culturelle/"><span>Vie culturelle</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/"><span>À propos</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/a-propos/nos-partenaires/"><span>Nos partenaires</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  current_page_parent"><a class="c-nav-list__link"  href="https://www.culture3r.com/blogue/"><span>Blogue</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/salle-de-presse/"><span>Salle de presse</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li><li  class="c-nav-list__item -lvl-0  "><a class="c-nav-list__link"  href="https://www.culture3r.com/nous-joindre/"><span>Nous joindre</span><span class="c-nav-link__sibling js-nav-link__sibling"></span></a></li></ul>										</nav>
									</div>
								</div>
							</div>
						</div>

<div class="c-footer__rights">
							<div class="c-footer__rights__item">© 2025 Culture Trois-Rivières, Tous droits réservés.</div>
							<div class="c-footer__rights__item"><a href="https://www.culture3r.com/politique-de-confidentialite/" class="-underline">Politique de confidentialité</a></div>
							<div class="c-footer__rights__item"><a href="https://www.culture3r.com/conditions-de-vente/" class="-underline">Conditions de vente</a></div>
							<div class="c-footer__rights__item"><a href="https://www.culture3r.com/conditions-dutilisation/" class="-underline">Conditions d’utilisation</a></div>
							<div class="c-footer__stereo -desktop">
								<div class="o-footer-stereo">
									<a href="https://www.stereo.ca/" class="o-stereo-hand__txt" target="_blank" rel="noreferrer noopener" title="Portfolio de Stereo" aria-label="Portfolio de Stereo (s'ouvre dans un nouvel onglet)">Site Web</a>
									<span class="o-stereo-hand">
										<span class="o-stereo-hand__inner">
											<svg class="o-stereo-hand__svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
												width="18.554px" height="12.993px" viewBox="-2.308 1.401 18.554 12.993" enable-background="new -2.308 1.401 18.554 12.993"
												xml:space="preserve">
												<g class="o-stereo-hand__thumbs">
												<path d="M10.191,8.042c0.742,0.178,1.026,0.389,1.06,0.851c0.036,0.5-0.246,0.831-0.99,1.155c0.584,0.112,0.841,0.479,0.841,1.021
													c-0.007,0.427-0.333,0.683-0.783,0.831l0.269,0.093c0.595,0.259,0.288,1.373-0.353,1.353c-0.656,0.005-2.029,0.101-3.606,0.062
													c-0.922-0.013-1.887-0.096-2.817-0.222c-0.543-0.077-1.129-0.228-1.642-0.422c-0.593-0.228-1.163-0.147-1.738-0.145
													c-0.458,0.034-0.917,0.066-1.412,0.103c-1.527,0.111-1.84-5.239-0.389-5.345c0.191-0.014,0.382-0.028,0.535-0.039
													c0.534-0.039,1.066-0.116,1.6-0.155c0.344-0.025,0.6-0.198,0.812-0.445c0.178-0.207,0.317-0.41,0.493-0.616
													C2.527,5.544,3.15,5.152,3.774,4.758c1.104-0.66,1.779-0.864,2.842-1.559c0.588-0.352,1.089-0.853,1.552-1.35
													c0.106-0.124,0.176-0.206,0.285-0.292c0.289-0.253,0.638-0.201,0.742,0.178c0.058,0.266,0.08,0.574,0.059,0.808
													C9.122,3.364,8.749,4.048,7.976,4.491C7.388,4.843,7.355,4.923,7.012,5.489C6.773,5.894,6.902,6.077,7.36,6.044
													c1.297-0.094,1.458,0.351,3.015,0.122c0.19-0.014,0.906,0.209,0.938,0.725C11.391,7.766,10.303,7.995,10.191,8.042z"/>
												</g>
												<g class="o-stereo-hand__yeah">
												<path d="M7.36,6.044c1.297-0.094,2.598-0.15,3.893-0.283c1.56-0.191,2.277-0.359,3.834-0.588c0.19-0.014,0.382-0.028,0.537,0
													c0.388,0.049,0.59,0.189,0.609,0.458c0.063,0.343-0.105,0.665-0.443,0.767c-0.75,0.248-1.535,0.537-2.325,0.749
													c-1.322,0.29-1.813,0.402-3.083,0.881c-0.003-0.039-0.079-0.033-0.19,0.014c0.742,0.178,1.026,0.389,1.06,0.851
													c0.036,0.5-0.246,0.831-0.99,1.155c0.584,0.112,0.841,0.479,0.841,1.021c-0.007,0.427-0.333,0.683-0.783,0.831
													c0.671,0.261,1.302,0.485,1.932,0.71c0.868,0.324,1.279,0.178,2.186,0.498c0.196,0.063,0.396,0.165,0.598,0.305
													c0.363,0.244,0.32,0.711-0.05,0.894c-0.147,0.088-0.377,0.104-0.57,0.079c-1.211-0.299-1.963-0.088-3.137-0.39
													c-1.525-0.393-3.071-0.55-4.648-0.589"/>
												</g>
											</svg>
										</span>
									</span>
									<a href="https://www.stereo.ca/" class="o-stereo-hand__txt" target="_blank" rel="noreferrer noopener" title="Design et développement" aria-label="Design et développement (s'ouvre dans un nouvel onglet)">STEREO</a>
								</div>
							</div>
						</div>

<div class="c-footer__btm">
							<div class="c-footer__btm__row">
								<div class="c-footer__logos__text">
									Merci aux partenaires								</div>
							</div>
							<div class="c-footer__logos">
								
								<div class="c-footer__logos__item">
									<a href="https://www.v3r.net/" class="c-footer__logos__link -tr" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/logo-tres-tr-2023.png" alt="Très Trois-Rivières">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.canada.ca/" class="c-footer__logos__link -gc" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/logo-canada.png" alt="Gouvernement Canada">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.calq.gouv.qc.ca/" class="c-footer__logos__link -gq" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/logo-quebec.png" alt="Gouvernement Québec">
									</a>
								</div>

<div class="c-footer__logos__item">
									<a href="https://www.calq.gouv.qc.ca/" class="c-footer__logos__link -gc" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/Calq_renverse.png" alt="CALQ">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.cogeco.ca/fr/" class="c-footer__logos__link -gc" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/COGECO_Logo_BLANC.png" alt="COGECO">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.desjardins.com/qc/fr.html" class="c-footer__logos__link -gc" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/Desjardins_Logo_Blanc.png" alt="Desjardins">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.hydroquebec.com/residentiel/" class="c-footer__logos__link -md-height" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/Logo_Hydro-quebec.png" alt="Hydro Québec">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.patrickmorin.com/fr/" class="c-footer__logos__link -md-height" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/LogoPM_CMYK.png" alt="Patick Morin">
									</a>
								</div>
								<div class="c-footer__logos__item">
									<a href="https://www.quebecor.com/fr/" class="c-footer__logos__link -md-height" target="_blank" rel="noreferrer noopener">
										<img src="https://www.culture3r.com/app/themes/baserock/assets/img/logo_QuebecorMedia_Blanc.png" alt="Québécor média">
									</a>
								</div>
							</div>
						</div>
						<div class="c-footer__stereo -mobile">
							<div class="o-footer-stereo">
								<a href="https://www.stereo.ca/" class="o-stereo-hand__txt" target="_blank" rel="noreferrer noopener" title="Portfolio de Stereo" aria-label="Portfolio de Stereo (s'ouvre dans un nouvel onglet)">Site Web</a>
								<span class="o-stereo-hand">
									<span class="o-stereo-hand__inner">
										<svg class="o-stereo-hand__svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
											width="18.554px" height="12.993px" viewBox="-2.308 1.401 18.554 12.993" enable-background="new -2.308 1.401 18.554 12.993"
											xml:space="preserve">
											<g class="o-stereo-hand__thumbs">
											<path d="M10.191,8.042c0.742,0.178,1.026,0.389,1.06,0.851c0.036,0.5-0.246,0.831-0.99,1.155c0.584,0.112,0.841,0.479,0.841,1.021
												c-0.007,0.427-0.333,0.683-0.783,0.831l0.269,0.093c0.595,0.259,0.288,1.373-0.353,1.353c-0.656,0.005-2.029,0.101-3.606,0.062
												c-0.922-0.013-1.887-0.096-2.817-0.222c-0.543-0.077-1.129-0.228-1.642-0.422c-0.593-0.228-1.163-0.147-1.738-0.145
												c-0.458,0.034-0.917,0.066-1.412,0.103c-1.527,0.111-1.84-5.239-0.389-5.345c0.191-0.014,0.382-0.028,0.535-0.039
												c0.534-0.039,1.066-0.116,1.6-0.155c0.344-0.025,0.6-0.198,0.812-0.445c0.178-0.207,0.317-0.41,0.493-0.616
												C2.527,5.544,3.15,5.152,3.774,4.758c1.104-0.66,1.779-0.864,2.842-1.559c0.588-0.352,1.089-0.853,1.552-1.35
												c0.106-0.124,0.176-0.206,0.285-0.292c0.289-0.253,0.638-0.201,0.742,0.178c0.058,0.266,0.08,0.574,0.059,0.808
												C9.122,3.364,8.749,4.048,7.976,4.491C7.388,4.843,7.355,4.923,7.012,5.489C6.773,5.894,6.902,6.077,7.36,6.044
												c1.297-0.094,1.458,0.351,3.015,0.122c0.19-0.014,0.906,0.209,0.938,0.725C11.391,7.766,10.303,7.995,10.191,8.042z"/>
											</g>
											<g class="o-stereo-hand__yeah">
											<path d="M7.36,6.044c1.297-0.094,2.598-0.15,3.893-0.283c1.56-0.191,2.277-0.359,3.834-0.588c0.19-0.014,0.382-0.028,0.537,0
												c0.388,0.049,0.59,0.189,0.609,0.458c0.063,0.343-0.105,0.665-0.443,0.767c-0.75,0.248-1.535,0.537-2.325,0.749
												c-1.322,0.29-1.813,0.402-3.083,0.881c-0.003-0.039-0.079-0.033-0.19,0.014c0.742,0.178,1.026,0.389,1.06,0.851
												c0.036,0.5-0.246,0.831-0.99,1.155c0.584,0.112,0.841,0.479,0.841,1.021c-0.007,0.427-0.333,0.683-0.783,0.831
												c0.671,0.261,1.302,0.485,1.932,0.71c0.868,0.324,1.279,0.178,2.186,0.498c0.196,0.063,0.396,0.165,0.598,0.305
												c0.363,0.244,0.32,0.711-0.05,0.894c-0.147,0.088-0.377,0.104-0.57,0.079c-1.211-0.299-1.963-0.088-3.137-0.39
												c-1.525-0.393-3.071-0.55-4.648-0.589"/>
											</g>
										</svg>
									</span>
								</span>
								<a href="https://www.stereo.ca/" class="o-stereo-hand__txt" target="_blank" rel="noreferrer noopener" title="Design et développement" aria-label="Design et développement (s'ouvre dans un nouvel onglet)">STEREO</a>
							</div>
						</div>
					</div>
				</footer>
			</section>

<div class="c-overlay-newsletter c-overlay-content__item js-overlay-content-newsletter" data-module="Newsletter">
                        <div class="c-overlay-content__item__inner">
							<form class="o-form-newsletter">
								<input type="hidden" name="action" value="newsletter">
								<input type="hidden" name="email" value="">
								<section class="c-overlay-newsletter__section js-newsletter-section -is-current" data-step="1">
									<div class="c-overlay-newsletter__section__inner">
										<h2 class="c-overlay-newsletter__subtitle o-title-5">Abonnement à l’infolettre</h2>
			                            <h1 class="c-overlay-newsletter__title o-title-2">Merci pour votre inscription!</h1>
									</div>
									<div class="c-overlay-newsletter__section__inner">
										<h4 class="c-overlay-newsletter__subtitle o-title-5">Nous aimerions en savoir un peu plus sur vous à l'aide de 3 questions.</h4>
			                            <h3 class="c-overlay-newsletter__title o-title-3">Qui recevera l’infolettre?</h3>
									</div>
									<div class="o-form-group">
										<div class="o-form-group__item">
		                                    <label class="sr-only" for="prenom">Prénom</label>
		                                    <input class="o-input" type="text" id="prenom" name="prenom" placeholder="Prénom" required>
		                                </div>
		                                <div class="o-form-group__item">
		                                    <label class="sr-only" for="nom">Nom</label>
		                                    <input class="o-input" type="text" id="nom" name="nom" placeholder="Nom" required>
		                                </div>
									</div>
									<div class="o-button__wrapper o-form-newsletter__next js-newsletter-next">
	                                    <button type="button" class="o-button">
	                                        	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
		                                        <span class="o-button__text">Continuer</span>
	                                    </button>
	                                </div>
								</section>

<section class="c-overlay-newsletter__section js-newsletter-section" data-step="2">
									<div class="c-overlay-newsletter__section__inner">
										<h2 class="c-overlay-newsletter__subtitle o-title-5">Abonnement à l’infolettre</h2>
			                            <h1 class="c-overlay-newsletter__title o-title-3">Quels sont vos intérêts</h1>
									</div>
									<div class="o-checkbox__group">
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-1" value="Exposition en arts visuels">
	                                        <label class="o-checkbox-label" for="choix-1">
	                                            Exposition en arts visuels	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-2" value="Conférence">
	                                        <label class="o-checkbox-label" for="choix-2">
	                                            Conférence	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-3" value="Activité et expositions de Boréalis">
	                                        <label class="o-checkbox-label" for="choix-3">
	                                            Activité et expositions de Boréalis	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-4" value="Activité">
	                                        <label class="o-checkbox-label" for="choix-4">
	                                            Activité	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-5" value="Projections de court métrage">
	                                        <label class="o-checkbox-label" for="choix-5">
	                                            Projections de court métrage	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-6" value="Famille">
	                                        <label class="o-checkbox-label" for="choix-6">
	                                            Famille	                                        </label>
	                                    </div>
									</div>
									<div class="o-button__wrapper o-form-newsletter__next js-newsletter-next">
	                                    <button type="button" class="o-button">
	                                        	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
		                                        <span class="o-button__text">Continuer</span>
	                                    </button>
	                                </div>
								</section>

<section class="c-overlay-newsletter__section js-newsletter-section" data-step="3">
									<div class="c-overlay-newsletter__section__inner">
										<h2 class="c-overlay-newsletter__subtitle o-title-5">Abonnement à l’infolettre</h2>
			                            <h1 class="c-overlay-newsletter__title o-title-3">Quel genre de spectacle aimez vous</h1>
									</div>
									<div class="o-checkbox__group">
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-1-1" value="Cirque">
	                                        <label class="o-checkbox-label" for="choix-1-1">
	                                            Cirque	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-2-2" value="Jeunesse">
	                                        <label class="o-checkbox-label" for="choix-2-2">
	                                            Jeunesse	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-3-3" value="Variété">
	                                        <label class="o-checkbox-label" for="choix-3-3">
	                                            Variété	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-4-4" value="Musique">
	                                        <label class="o-checkbox-label" for="choix-4-4">
	                                            Musique	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-5-5" value="Danse">
	                                        <label class="o-checkbox-label" for="choix-5-5">
	                                            Danse	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-6-6" value="Théâtre">
	                                        <label class="o-checkbox-label" for="choix-6-6">
	                                            Théâtre	                                        </label>
	                                    </div>
	                                    <div class="o-checkbox__wrap">
	                                        <input class="o-checkbox" type="checkbox" name="tags[]" id="choix-7-7" value="Humour">
	                                        <label class="o-checkbox-label" for="choix-7-7">
	                                            Humour	                                        </label>
	                                    </div>
	                                </div>
									<div class="o-button__wrapper o-form-newsletter__next js-newsletter-next">
	                                    <button type="button" class="o-button">
	                                        	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#right"></use>
	</svg>
		                                        <span class="o-button__text">Terminer</span>
	                                    </button>
	                                </div>
								</section>

<section class="c-overlay-newsletter__section js-newsletter-section" data-step="4">
									<div class="c-overlay-newsletter__section__inner">
										<h2 class="c-overlay-newsletter__subtitle o-title-5">Abonnement à l’infolettre</h2>
			                            <h1 class="c-overlay-newsletter__title o-title-3">Merci votre insciption est complétée!</h1>
									</div>
								</section>
							</form>
                        </div>
                    </div>

<button type="submit" class="o-button c-form-search__button" v-on:click.prevent="hideSearchOverlay">
                	<svg aria-hidden="true" focusable="false" class="o-ico -ico-search">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#search"></use>
	</svg>
	            </button>
        </div>
        <div class="c-form-search__intro__advanced">
            <button type="button" class="o-button c-form-search__toggle" v-on:click.prevent="showFiltersOverlay">
                <span class="o-button__text">Recherche avancée</span>
                	<svg aria-hidden="true" focusable="false" class="o-ico o-button__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#setting-full"></use>
	</svg>
	            </button>
        </div>
    </div>

<div class="c-form-search__extra__wrap">
            <div class="c-form-search__extra">
                <div class="c-form-search__col" :class="{'is-mobile-active':col1}">
                    <div class="c-form-search__col__title" v-on:click.prevent="col1=!col1">
                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-category">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#option-category"></use>
	</svg>
	                        Catégories                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                    </div>
                    <div class="c-form-search__data -two-cols">
                        <div class="c-form-search__data__item" v-for="item in categories">
                            <div class="o-checkbox__wrap">
                                <input class="o-checkbox" type="checkbox" v-model="item.checked" @click="updateUrl()" v-bind:id="'label_'+item.term_id">
                                <label v-bind:for="'label_'+item.term_id" class="o-checkbox-label">{{item.name}}</label>
                            </div>
                        </div>
                    </div>
                </div>

<div class="c-form-search__col" :class="{'is-mobile-active':col2}">
                    <div class="c-form-search__col__title" v-on:click.prevent="col2=!col2">
                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-place">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#option-place"></use>
	</svg>
	                        Lieux                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                    </div>
                    <div class="c-form-search__data">
                        <div class="c-form-search__data__item" v-for="item in salles">
                            <div class="o-checkbox__wrap">
                                <input class="o-checkbox" type="checkbox" v-bind:id="'salle_' + item.term_id" @click="updateUrl()" v-model="item.checked">
                                <label v-bind:for="'salle_' + item.term_id" class="o-checkbox-label">{{item.name}}</label>
                            </div>
                        </div>
                    </div>
                </div>

<div class="c-form-search__col" :class="{'is-mobile-active':col3}">
                    <div class="c-form-search__col__title" v-on:click.prevent="col3=!col3">
                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-date">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#option-date"></use>
	</svg>
	                        Période                        	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                    </div>
                    <div class="c-form-search__data">
                        <div class="-horizontal">
                            <div class="c-form-search__data__item">
                                <div class="o-checkbox__wrap">                                    <input class="o-checkbox" type="checkbox" id="today_682" v-model="today">
                                    <label class="o-checkbox-label" for="today_682">
                                        Aujourd’hui                                    </label>
                                </div>
                            </div>
                            <div class="c-form-search__data__item">
                                <div class="o-checkbox__wrap">
                                    <input class="o-checkbox" type="checkbox" id="weekend_682" v-model="weekend">
                                    <label class="o-checkbox-label" for="weekend_682">
                                        Ce week-end                                    </label>
                                </div>
                            </div>
                            <div class="c-form-search__data__item">
                                <div class="o-checkbox__wrap">
                                    <input class="o-checkbox" type="checkbox" id="sevendays_682" v-model="sevendays">
                                    <label class="o-checkbox-label" for="sevendays_682">
                                        7 prochains jours                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="c-form-search__data__dates">
                            <div class="c-form-search__data__date">
                                <span class="c-form-search__data__date__label">Entre le</span>
                                <label for="" class="o-input">
                                    	<svg aria-hidden="true" focusable="false" class="o-ico ">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#calendar"></use>
	</svg>
	                                    <input type="date" v-model="datefrom" @change="updateEndDate">
                                </label>
                            </div>
                            <div class="c-form-search__data__date">
                                <span class="c-form-search__data__date__label">et</span>
                                <label for="" class="o-input">
                                    	<svg aria-hidden="true" focusable="false" class="o-ico ">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#calendar"></use>
	</svg>
	                                    <input type="date" v-model="dateto" @change="updateUrl">
                                </label>
                            </div>

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

<div class="c-form-search__results">
                <div class="c-form-search__results__item">
                    <button type="button" class="o-button" @click="clear">
                        <span class="o-button__text">Réinitialiser la recherche</span>
                    </button>
                </div>
                <div class="c-form-search__results__item">
                    <div class="c-form-search__results__count">
                        <button class="o-button" v-on:click.prevent="hideSearchOverlay">
                            <span class="o-button__text">
                                Consulter les {{filteredElements.length}} résultat{{filteredElements.length > 1 ? 's' : ''}}
                            </span>
                        </button>
                    </div>
                </div>
                            </div>
        </div>
    </div>
</form>						</div>
                    </div>

<div class="c-overlay-content__item js-overlay-filters-zoneprof">
                        <div class="c-search-overlay" id="filters-zoneprof" data-module="ZoneProf">
							<div class="c-form-search -zone-prof is-active">
    <div class="c-form-search__intro">
        <div class="c-form-search__intro__inputs">
            <input class="o-input c-form-search__input js-filter-zoneprof__text" type="text" @change="updateUrl()" @keyup.enter="scrolltoresults()" name="q" value="" v-model="search" placeholder="Recherche par mots-clé">
            <button type="submit" class="o-button c-form-search__button" v-on:click.prevent="hideSearchOverlay">
                	<svg aria-hidden="true" focusable="false" class="o-ico -ico-search">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#search"></use>
	</svg>
	            </button>
        </div>
    </div>
</div>
<div class="c-form-search__all">
    <div class="c-form-search__extra__wrap">
        <div class="c-form-search__data">
            <div class="c-form-search__data__dates">
                <div class="c-form-search__data__date">
                    <span class="c-form-search__data__date__label">Entre le</span>
                    <label for="" class="o-input">
                        	<svg aria-hidden="true" focusable="false" class="o-ico ">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#calendar"></use>
	</svg>
	                        <input type="date" v-model="datefrom" @change="updateEndDate">
                    </label>
                </div>
                <div class="c-form-search__data__date">
                    <span class="c-form-search__data__date__label">et</span>
                    <label for="" class="o-input">
                        	<svg aria-hidden="true" focusable="false" class="o-ico ">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#calendar"></use>
	</svg>
	                        <input type="date" v-model="dateto" @change="updateUrl">
                    </label>
                </div>
            </div>
        </div>

<div class="c-form-search__extra -4-cols">
            <div class="c-form-search__col" :class="{'is-mobile-active':col1}">
                <div class="c-form-search__col__title" v-on:click.prevent="col1=!col1">
                    Types d'activités                    	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                </div>
                <div class="c-form-search__data">
                    <div v-for="item in labels" class="c-form-search__data__item">
                        <label class="o-checkbox-wrap">
                            <input class="o-checkbox" type="checkbox" v-model="item.checked" @click="updateUrl()" v-bind:id="'zplabel_'+item.term_id">
                            <label v-bind:for="'zplabel_'+item.term_id" class="o-checkbox-label">{{item.name}}</label>
                        </label>
                    </div>
                </div>
            </div>

<div class="c-form-search__col" :class="{'is-mobile-active':col2}">
                <div class="c-form-search__col__title" v-on:click.prevent="col2=!col2">
                    Disciplines                    	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                </div>
                <div class="c-form-search__data">
                    <div v-for="item in disciplines" class="c-form-search__data__item">
                        <label class="o-checkbox-wrap">
                            <input class="o-checkbox" type="checkbox" v-model="item.checked" @click="updateUrl()" v-bind:id="'zplabel_'+item.term_id">
                            <label v-bind:for="'zplabel_'+item.term_id" class="o-checkbox-label">{{item.name}}</label>
                        </label>
                    </div>
                </div>
            </div>

<div class="c-form-search__col" :class="{'is-mobile-active':col3}">
                <div class="c-form-search__col__title" v-on:click.prevent="col3=!col3">
                    Lieux                    	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                </div>
                <div class="c-form-search__data">
                    <div v-for="item in salles" v-if="item.slug" class="c-form-search__data__item">
                        <label class="o-checkbox-wrap">
                            <input class="o-checkbox" type="checkbox" v-bind:id="'zpsalle_' + item.term_id" @click="updateUrl()" v-model="item.checked">
                            <label v-bind:for="'zpsalle_' + item.term_id" class="o-checkbox-label">{{item.name}}</label>
                        </label>
                    </div>
                </div>
            </div>

<div class="c-form-search__col" :class="{'is-mobile-active':col4}">
                <div class="c-form-search__col__title" v-on:click.prevent="col4=!col4">
                    Public cible                    	<svg aria-hidden="true" focusable="false" class="o-ico -option-mobile">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#close"></use>
	</svg>
	                </div>
                <div class="c-form-search__data">
                    <div v-for="item in publics" v-if="item.slug" class="c-form-search__data__item">
                        <label class="o-checkbox-wrap">
                            <input class="o-checkbox" type="checkbox" v-bind:id="'zppublic_' + item.term_id" @click="updateUrl()" v-model="item.checked">
                            <label v-bind:for="'zppublic_' + item.term_id" class="o-checkbox-label">{{item.name}}</label>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>						</div>
                    </div>
                </div>
            </div>
						<div class="c-overlay-credit__wrap">
				<div class="c-credit-tooltip js-credit-tooltip">
					<div class="c-credit-tooltip__content">
						<span class="js-credit-tooltip__copyright"></span>
						<span class="js-credit-tooltip__credit"></span>
					</div>
					<div class="c-credit-tooltip__footer">
						CRÉDITS	<svg aria-hidden="true" focusable="false" class="o-ico c-overlay-credit__ico">
		<use xlink:href="https://www.culture3r.com/app/themes/baserock/assets/img/sprite.svg?v=#photo"></use>
	</svg>
						</div>
				</div>
				<div class="c-overlay-credit__bg" data-module="CreditOverlayClose"></div>
			</div>
					</div>
			</div>
</div>

</body>

</html>

Editing Website