PageSourceSearch

https://centreaquatiqueaubervilliers.fr/

html centreaquatiqueaubervilliers.fr collected 2026-10-05 01:42:19 UTC 40,943 bytes, 1,046 lines download raw bytes

1<!doctype html>
2<html lang="fr">
3	<head>
4		<meta charset="utf-8">
5		<title>Aubervilliers Camille Muffat : Centre Aquatique &agrave; Aubervilliers</title>
6		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
7		<meta name="author" content="Aubervilliers Camille Muffat" />
8		<meta name="description" content="" />
9		<link href="/css/slick.css" media="screen" rel="stylesheet" type="text/css" />
10		<link href="/css/toastr.min.css" media="screen" rel="stylesheet" type="text/css" />
11		<link href="/css/styles.css" media="screen" rel="stylesheet" type="text/css" />
12		<link href="/css/styles-complementary.css" media="screen" rel="stylesheet" type="text/css" />
13		<link href="/css/new_mi.css" media="screen" rel="stylesheet" type="text/css" />
14		<link href="/css/new_activites.css" media="screen" rel="stylesheet" type="text/css" />
15		<link href="/css/new_tarifs.css" media="screen" rel="stylesheet" type="text/css" />
16		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
17		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css">
18		<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css'>
19		<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>
20		<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-straight/css/uicons-regular-straight.css'>
21		<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-straight/css/uicons-solid-straight.css'>
22		<link rel="icon" href="https://moncentreaquatique.com/logos/660911247.svg" />
23		
24		<!-- GTM dataLayer init -->
25		
25<script>window.dataLayer = window.dataLayer || [];</script>
25
26
27		<!-- GTM Container (code centre) -->
28		<!-- Google Tag Manager -->
29<script>
vendor: 331 bytes, lines 29-33
29(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
30new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
31j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
32'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
33})(window,document,'script','dataLayer','
33GTM-TDVR5ZS4
vendor: 3 bytes, line 33
33');
33</script>
33
34<!-- End Google Tag Manager -->
35<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 35-36
35
36<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
36GTM-TDVR5ZS4
vendor: 85 bytes, lines 36-37
36"
37height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
38<!-- End Google Tag Manager (noscript) -->
39		<meta property='og:locale' content='fr_FR' />
40		<meta property='og:type' content='article' />
41		<meta property='og:title' content="Aubervilliers Camille Muffat : Centre Aquatique &agrave; Aubervilliers" />
42		<meta property='og:description' content="" />
43		<meta property='og:url' content='http://centreaquatiqueaubervilliers.fr/' />
44		<meta property='og:site_name' content='Aubervilliers Camille Muffat' />
45		<meta property='og:image' content='https://moncentreaquatique.com/logos/660911247.svg' />
46		<meta property='og:image:secure_url' content='https://moncentreaquatique.com/logos/660911247.svg' />
47		<meta name='twitter:card' content='summary_large_image' /> 
48		<meta name='twitter:description' content='' />
49		<meta name='twitter:title' content='Aubervilliers Camille Muffat : Centre Aquatique &agrave; Aubervilliers' />
50		<meta name='twitter:image' content='https://moncentreaquatique.com/logos/660911247.svg' />
51
52		<style>
53						:root {
54				--RECREA_COLOR_PRIMARY: #305472;
55				--RECREA_COLOR_SECONDARY: #73a4bf;
56			}
57		</style>
58
59		
59<script src="/js/filtre_type_activite.js" defer></script>
59
60
61	</head>
62	<body>
63		<div id='container'>
64			<div id='content'>
65				
66		<style type="text/css">
67	body .contentsquare-content.color-true .plus{
68		background: linear-gradient(0deg, rgba(48,84,114,1) 0%, rgba(48,84,114,0.75) 75%, transparent 100%);
69	}
70	body .contentsquare-content.color2-true .plus{
71		background: linear-gradient(0deg, rgba(115,164,191,1) 0%, rgba(115,164,191,0.75) 75%, transparent 100%);
72	}
73	body #menu .menu-content nav a.btn-custom-color span:hover {
74		/* color: !important; */
75		background: #ffffff !important;
76	}
77</style>
78<div id="container-menu">
79		<section id="overmenu">
80		<div class="content">
81			<div class="marquee_container">
82				<a href='/horaires.html' class="marquee_link">
83					<p class='marquee_content'><strong>Bassin sportif</strong> : <span style='color:#ffffff;'>08:00 - 09:00, 12:00 - 13:30 et 17:00 - 21:30</span> | <strong>Fitness</strong> : <span style='color:#ffffff;'>08:00 - 21:30</span> | <strong>Instant Famille</strong> : <span style='color:#ffffff;'>Ferm&eacute;</span></p>
84				</a>
85			</div>
86		</div>
87		
88					<div class="connexion_inscription">
89									<a class="se_connecter" href="/espace-perso/connexion">Se connecter</a>
90					<a class="s_inscrire" href="/espace-perso/devenir-membre">S'inscrire</a>
91								</div>
92			</section>
93		<section id="menu">
94		<div class="menu-content">
95							<a href="/" id="logo-site">
96					<img src="https://moncentreaquatique.com/logos/660911247.svg" alt="Aubervilliers Camille Muffat" title="Aubervilliers Camille Muffat" />
97				</a>
98						<div class="left-content">
99								<div id="hamburger">
100					<span></span>
101					<span></span>
102					<span></span>
103					<span></span>
104				</div>
105			</div>
106			<nav id="nav-menu">
107				<ul id="list-menu">
108
109					<li class="menu-dropdown"><div class='dropdown__header nav-title'><a href='/espaces.html' class='disabled-link_menu'>Le centre</a><i class="fi fi-ss-angle-small-down"></i></div><div class="dropdown"><ul class='dropdown__content'><li><a href="/espace-1549-aquatique.html">aquatique</a></li><li><a href="/espace-1552-forme.html">forme</a></li></ul></div></li><li class='nav-title'><a href='/activites.html'>Activit&eacute;s</a></li><li class='nav-title'><a href='/actus.html'>Actus</a></li><li class="menu-dropdown"><div class='dropdown__header nav-title'><a href='/infos-pratiques.html'>Infos Pratiques</a><i class="fi fi-ss-angle-small-down"></i></div><div class="dropdown"><ul class='dropdown__content'><li><a href='/horaires.html'>Horaires</a></li><li><a href='/tarifs.html'>Abonnements & Tarifs</a></li><li><a href='/partenaires.html'>Nos Partenaires</a></li>						<li><a href="/module-inscriptions/reserver/?planning">Plannings</a></li>
110						<li><a href='/contact.html'>Acc&egrave;s & Contact</a></li><li><a href="/infos-pratiques.html">R&egrave;gles</a></li>
111						</ul></div></li><li id='btn_resa' class='nav-title'><a href="/module-inscriptions/" target="_self" class="btn-orange"><span>R&eacute;server</span></a></li><li class='nav-title icons-rs'><a href="https://www.facebook.com/profile.php?id=61568148055106&sk=about_contact_and_basic_info&locale=fr_FR"><i class='fi fi-brands-facebook'></i></a></li>
112					<!-- <li><a href="cheques-cadeaux">Chèques Cadeaux</a></li> -->
113					<!--
114					<li><a href="club.html">Club</a></li>
115					<li><a href="pro.html">Pro</a></li>
116					-->
117					<!-- <li><a href="" class="btn-orange"><span>Acheter</span></a></li> -->
118				</ul>
119			</nav>
120		</div>
121	</section>
122</div>
123
124<section id="tabbar">
125	<!-- NEW TABBAR -->
126	<nav id="mobile_tabbar">
127	    <ul class="tabs">
128							<li class="tab tab_01">
129							<a href="/horaires.html">
130					<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_horaire"></svg>
131            		<p>Horaires</p>
132				</a>
133	        </li>
134							<li class="tab tab_02">
135							<a href="/tarifs.html">            	
136					<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_tarif"></svg>
137            		<p>Tarifs</p>
138				</a>
139	        </li>
140										<li class="tab tab_03">
141					<a href="/module-inscriptions/">
142            			<div class="tab_side tab_side_left"></div>
143            				<div class="tab_main">
144								<svg id="a" xmlns="http://www.w3.org/2000/svg" width="64" height="48" viewBox="0 0 64 48">
145  									<path d="M64,0v48H0V0h.3c1.9,0,3.4,1.3,3.9,3v1h0c2,13.6,13.6,24,27.7,24s25.8-10.4,27.7-24h0v-1c.4-1.7,2-3,3.9-3h.5Z" />
146								</svg>
147            				    <span class="button_resa">
148									<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_plus"></svg>
149            				    </span>
150            				    <p>Réserver</p>
151            				</div>
152            			<div class="tab_side tab_side_right"></div>
153					</a>
154	        	</li>
155													<li class="tab tab_04">
156							<a href="/activites.html">
157					<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_sparkles"></svg>
158            		<p>Activités</p>
159				</a>
160	        </li>
161												<li class="tab tab_05">
162									<a href="/espace-perso">
163						<svg class="tab_icons "><use href="/css/images/icons/icons.svg#icon_user"></svg>
164            			<p>Compte</p>
165					</a>
166	        	</li>
167				    </ul>
168	</nav>
169</section>
170
171<script type="text/javascript" async>
172	const dropdownItems = document.querySelectorAll('.menu-dropdown');
173
174	if (dropdownItems) {
175		dropdownItems.forEach((dropdown) => {
176			dropdown.addEventListener('click', (e) => toggleDropdown(e));
177	  	});
178	}
179
180	const toggleDropdown = (e) => {
181	  	let target = e.currentTarget;
182
183	  	if (!target.classList.contains('open')) {
184	    	dropdownItems.forEach((item) => {
185	      		item.classList.remove('open');
186	    	});
187	    	target.classList.add('open');
188	  	} else {
189	    	target.classList.remove('open');
190	  	}
191	};
192
193	let marqueeContainer = document.querySelector(".marquee_container");
194	let marqueeContent = document.querySelector(".marquee_content");
195	
196	let timeToFill;
197	let contentText;
198
199	if(marqueeContent){
200		timeToFill = Math.floor(window.innerWidth / marqueeContent.offsetWidth);
201		contentText = marqueeContent.innerHTML;
202	}
203 
204    for (let i = 0; i < timeToFill; i++) {
205        marqueeContent.innerHTML += contentText;
206    }
207	marqueeContainer.innerHTML += marqueeContainer.innerHTML;
208
209	Array.from(marqueeContainer.children).forEach((child) => {
210		let duration = child.getBoundingClientRect().width / 100;
211		child.style.animationDuration = `${duration}s`;
212	});
213
214	// document.querySelector(".scroll2").style.animationDelay =  `${animDuration / 2}s`;
215	// foreach (scroll as scroll) {
216	// 	scroll.style.animationDuration = `${scroll.getBoundingClientRect().width / 100}s`;
217	// }
218 
219</script>
219
220<!-- COMPOSANT HEADER -->
221<!-- HEADER PARRALAX OFFRE -->
222	<header class="header">
223		<ul class="slick-carousel">
224												<div>
225						<div class='parallax_container'>
226							<!-- BANDEAU IMAGE -->
227							<div class="bandeau_image" style="background-image: url(https://moncentreaquatique.com/images/slider_accueil_195_1790928039_6abf64a78e2e4.jpg);"></div>
228							<!-- HEADER -->
229							<div class="heading">
230								<p class="title_header">Zumba &ndash; Vendredi 2 octobre &agrave; 19h</p>
231								<p></p>
232																	<a href="https://centreaquatiqueaubervilliers.fr/module-inscriptions/reserver/" class="button">R&eacute;servation</a>
233																<a href="#identity" class="scroll_indicator">
234                    				<!-- <p>En savoir plus</p> -->
235                    				<svg class="icons icon_chevron_long">
236                    				    <use href="/css/images/icons/icons.svg#icon_chevron_long"></use>
237                    				</svg>
238                				</a>
239							</div>
240						</div>
241					</div>
242																<div>
243						<div class='parallax_container'>
244							<!-- BANDEAU IMAGE -->
245							<div class="bandeau_image" style="background-image: url(https://moncentreaquatique.com/images/363777794.jpg);"></div>
246							<!-- HEADER -->
247							<div class="heading">
248								<p class="title_header">Espace Fitness</p>
249								<p></p>
250																	<a href="https://centreaquatiqueaubervilliers.fr/module-inscriptions/reserver/?planning" class="button">D&eacute;couvrez nos cours collectifs</a>
251																<a href="#identity" class="scroll_indicator">
252                    				<!-- <p>En savoir plus</p> -->
253                    				<svg class="icons icon_chevron_long">
254                    				    <use href="/css/images/icons/icons.svg#icon_chevron_long"></use>
255                    				</svg>
256                				</a>
257							</div>
258						</div>
259					</div>
260																<div>
261						<div class='parallax_container'>
262							<!-- BANDEAU IMAGE -->
263							<div class="bandeau_image" style="background-image: url(https://moncentreaquatique.com/images/847389654.jpg);"></div>
264							<!-- HEADER -->
265							<div class="heading">
266								<p class="title_header">Espace Aquatique</p>
267								<p>Pour du sport et de la baignade</p>
268																	<a href="https://www.centreaquatiqueaubervilliers.fr/espace-1549-aquatique.html" class="button">D&eacute;couvrir</a>
269																<a href="#identity" class="scroll_indicator">
270                    				<!-- <p>En savoir plus</p> -->
271                    				<svg class="icons icon_chevron_long">
272                    				    <use href="/css/images/icons/icons.svg#icon_chevron_long"></use>
273                    				</svg>
274                				</a>
275							</div>
276						</div>
277					</div>
278																<div>
279						<div class='parallax_container'>
280							<!-- BANDEAU IMAGE -->
281							<div class="bandeau_image" style="background-image: url(https://moncentreaquatique.com/images/196929098.jpg);"></div>
282							<!-- HEADER -->
283							<div class="heading">
284								<p class="title_header">Inscription Formation BPJEPS 2026 - R&eacute;cr&eacute;a Campus</p>
285								<p>Tu recherches une formation avec 100% d&rsquo;embauche ?</p>
286																	<a href="/actualite-50-inscription-formation-bpjeps-2026.html" class="button">En savoir +</a>
287																<a href="#identity" class="scroll_indicator">
288                    				<!-- <p>En savoir plus</p> -->
289                    				<svg class="icons icon_chevron_long">
290                    				    <use href="/css/images/icons/icons.svg#icon_chevron_long"></use>
291                    				</svg>
292                				</a>
293							</div>
294						</div>
295					</div>
296																<div>
297						<div class='parallax_container'>
298							<!-- BANDEAU IMAGE -->
299							<div class="bandeau_image" style="background-image: url(https://moncentreaquatique.com/images/961501237.jpg);"></div>
300							<!-- HEADER -->
301							<div class="heading">
302								<p class="title_header">Aubervilliers Camille Muffat</p>
303								<p>Le centre Aubervilliers Camille Muffat ouvre ses portes le 10 d&eacute;cembre</p>
304																	<a href="https://www.centreaquatiqueaubervilliers.fr/actualite-4883-reouverture-de-notre-centre-le-10-decembre.html" class="button">En savoir plus</a>
305																<a href="#identity" class="scroll_indicator">
306                    				<!-- <p>En savoir plus</p> -->
307                    				<svg class="icons icon_chevron_long">
308                    				    <use href="/css/images/icons/icons.svg#icon_chevron_long"></use>
309                    				</svg>
310                				</a>
311							</div>
312						</div>
313					</div>
314									</ul>
315	</header>
316
317<!-- HEADER PARRALAX ACCUEIL -->
318
319<script>
320	const parallax_container = document.querySelectorAll('.parallax_container');
321	let lastScrollY = 0;
322	let currentY = 0;
323	let easeFactor = 0.1; // Adoucit l'effet de lissage
324	let scrollFactor1 = 0.04; // Vitesse pour le premier élément
325	let scrollFactor2 = 0.0005; // Vitesse plus lente pour le second élément
326	const maxTranslate = 16; // Limite du déplacement en dvh
327	
328	let isScrolling = false;
329
330	function smoothScroll() {
331		if (!isScrolling) return;
332		
333    	lastScrollY = window.scrollY; // Capture le scroll global
334		let targetY = lastScrollY;
335		currentY += (targetY - currentY) * easeFactor; // Interpolation fluide
336
337    	parallax_container.forEach((content) => {
338			let background = content.querySelector('.bandeau_image');
339        	let foreground = content.querySelector('.heading');
340
341        	let translate1 = Math.min(currentY * scrollFactor1, maxTranslate);
342        	let translate2 = Math.min(currentY * scrollFactor2, maxTranslate);
343
344        	if (background) {
345        	    background.style.transform = `translateY(-${translate1}dvh) translateZ(0px) scale(1.15)`;
346        	}
347        	if (foreground) {
348        	    foreground.style.transform = `translateY(-${translate2}dvh) translateZ(1px) scale(0.875)`;
349        	}
350    	});
351
352    	requestAnimationFrame(smoothScroll);
353	}
354
355	// Lancer l’animation en continu
356	window.addEventListener('scroll', () => {
357    	if (!isScrolling) {
358    	    isScrolling = true;
359    	    requestAnimationFrame(smoothScroll); // Démarre l'animation uniquement au scroll
360    	}
361
362    	// Désactive le flag après une courte pause (empêche la boucle infinie)
363    	clearTimeout(window.scrollTimeout);
364    	window.scrollTimeout = setTimeout(() => {
365    	    isScrolling = false; // Arrête l’animation quand l’utilisateur ne scrolle plus
366    	}, 1000); // Ajuste le délai pour rendre l'arrêt fluide
367	});
368</script>
368
369<section id="identity">
370	<div class="content">
371		<h1><strong>Aubervilliers Camille Muffat</strong></h1>
372		<div class="contentsquare-text-description">
373			<div>
374				<div class="contentsquare-text-description-cropped">
375					<p><p class="ql-align-center">Le <strong>Centre Aquatique Aubervilliers Camille Muffat</strong> est bien plus qu’un simple complexe sportif.&nbsp;</p><p class="ql-align-center">&nbsp;</p><p class="ql-align-center">Conçu dans un souci d'accessibilité et de confort, il est dédié à la pratique de la natation. Son nom rend hommage à Camille Muffat, nageuse française championne olympique, symbole d'excellence et de détermination. Le centre est un lieu clé pour la pratique du sport aquatique et la promotion de la santé à travers l'eau.</p><p class="ql-align-center">&nbsp;</p><p class="ql-align-center">C'est un lieu de rencontre, et de partage où chaque visiteur peut trouver l’activité qui lui correspond. Que vous soyez à la recherche d’un endroit pour perfectionner vos techniques de nage, pour vous détendre ou pour profiter d’un moment en famille, ce centre aquatique répond à toutes vos attentes.</p><p class="ql-align-center">&nbsp;</p><p class="ql-align-center">L'un des points forts de ce centre aquatique est son engagement vers une <strong>gestion durable</strong> et <strong>écologique</strong>. Le bâtiment est conçu pour minimiser son impact environnemental, grâce à des technologies modernes de <strong>chauffage</strong>, <strong>filtration</strong> et <strong>économie d'eau</strong>. Les visiteurs peuvent ainsi profiter de leurs activités aquatiques tout en contribuant à un environnement plus respectueux de la planète.</p></p>
376					<!-- <a href="" target="_blank" class="button button-orange">Retrouvez-nous sur <i class="icon-facebook"></i></a> -->
377				</div>
378				<div class="plus"><span></span></div>
379			</div>
380		</div>
381	</div>
382</section>
383
384
385	<section id="news">
386		<h2>Nos actualit&eacute;s</h2>
387		<main id="list_actus">
388
389												<a class="card_link" href="/actualite-11088-zumba-ndash-vendredi-2-octobre-a-19h.html">
390						<article class="card_actualite">
391
392							<figure class="card_image">
393																	<img src="https://moncentreaquatique.com/images/actu_centre_11088_1790927925.jpg" alt="" title="Zumba &ndash; Vendredi 2 octobre &agrave; 19h" />
394															</figure>
395
396							<figcaption class="card_caption">
397								<h4>Zumba &ndash; Vendredi 2 octobre &agrave; 19h</h4>
398								<p class="content_date">
399									28/09/2026								</p>
400							</figcaption>
401
402						</article>
403					</a>
404																<a class="card_link" href="/actualite-50-inscription-formation-bpjeps-2026-avec-recrea-campus.html">
405						<article class="card_actualite">
406
407							<figure class="card_image">
408																	<img src="https://moncentreaquatique.com/images/639835296.jpg" alt="" title="Inscription Formation BPJEPS 2026 avec R&eacute;cr&eacute;a Campus !" />
409															</figure>
410
411							<figcaption class="card_caption">
412								<h4>Inscription Formation BPJEPS 2026 avec R&eacute;cr&eacute;a Campus !</h4>
413								<p class="content_date">
414									16/04/2026								</p>
415							</figcaption>
416
417						</article>
418					</a>
419									</main>
420		<a href="/actus.html" class="button">Voir toutes nos actus</a>
421	</section>
422
423	<section id="espaces">
424		<h2>Retrouvez nos espaces</h2>
425		<!-- <p></p> -->
426		<div id="espaces_container" class="slider">
427							<div class="slides">
428					            	    	<a class="slides_link" href='espace-1549-aquatique.html'>
429            	    	    <article class="card_espace">
430																	<figure class='card_image'>
431										<img src="https://moncentreaquatique.com/images/400714903.jpg" alt="aquatique" title="aquatique" />
432										<figcaption class="card_description">
433            	    	        	    	<h3>aquatique</h3>
434										</figcaption>
435									</figure>
436															</article>
437            	    	</a>
438					            	</div>
439							<div class="slides">
440					            	    	<a class="slides_link" href='espace-1552-forme.html'>
441            	    	    <article class="card_espace">
442																	<figure class='card_image'>
443										<img src="https://moncentreaquatique.com/images/776131924.png" alt="forme" title="forme" />
444										<figcaption class="card_description">
445            	    	        	    	<h3>forme</h3>
446										</figcaption>
447									</figure>
448															</article>
449            	    	</a>
450					            	</div>
451					
452		</div>
453	</section>
454
455	<section id="promote" class="contentsquare">
456		<div>
457							<div class="contentsquare-content ">
458					<div class="contentsquare-text">
459						<div>
460							<div class="contentsquare-text-cropped">
461								<h2 class="h3">Espace aquatique</h2>
462								<p><p>Profitez pleinement des joies de l'eau grâce à un espace aquatique complet pour petits et grands : bassin sportif de 50m et ses 8 couloirs, bassin d'apprentissage de 25m vous attendent pour venir vous baigner seul ou en famille.</p><p>&nbsp;</p><p>PS - Bonnet de bain obligatoire</p></p>
463
464																	<a href="https://www.centreaquatiqueaubervilliers.fr/espace-1549-aquatique.html" class="button">D&eacute;couvrir</a>
465								
466							</div>
467							<div class="plus"><span></span></div>
468						</div>
469					</div>
470					<figure style="background-image: url(https://moncentreaquatique.com/images/961501237.jpg);">
471						<img src="https://moncentreaquatique.com/images/961501237.jpg" alt="Espace aquatique" title="Espace aquatique" />
472					</figure>
473				</div>
474							<div class="contentsquare-content ">
475					<div class="contentsquare-text">
476						<div>
477							<div class="contentsquare-text-cropped">
478								<h2 class="h3">Espace forme</h2>
479								<p><p style="text-align:justify;">Intégrés au centre aquatique, le centre dispose de généreuses installations pour pratiquer :</p><p style="text-align:justify;">&nbsp;</p><p style="text-align:justify;"><strong>• De la musculation et du&nbsp;cardio training</strong>&nbsp;avec un plateau équipé de matériels dernière génération</p><p style="text-align:justify;"><strong>• Des cours collectifs de fitness et de danse</strong>&nbsp;avec une salle lumineuse</p><p style="text-align:justify;">&nbsp;</p><p style="text-align:justify;">L'univers forme est doté d'un vestiaire spécifique pour le confort des pratiquants.</p><p style="text-align:justify;">&nbsp;</p><p style="text-align:justify;">Vous retrouverez également&nbsp;<strong>un large choix d’animations et d’activités pour la mise en mouvement à tous les âges et pour toutes les envies&nbsp;!&nbsp;</strong></p></p>
480
481								
482							</div>
483							<div class="plus"><span></span></div>
484						</div>
485					</div>
486					<figure style="background-image: url(https://moncentreaquatique.com/images/879155691.jpg);">
487						<img src="https://moncentreaquatique.com/images/879155691.jpg" alt="Espace forme" title="Espace forme" />
488					</figure>
489				</div>
490					</div>
491	</section>
492<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
vendor: 1 bytes, line 492
492
493<script src="https://code.jquery.com/jquery-migrate-3.5.2.js"></script>
vendor: 1 bytes, line 493
493
494<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 494
494
495<script type="text/javascript">
496
497	let maxItemsActus = $("#list_actus a").length;
498   	let showDotsActus = false;
499   	if(maxItemsActus > 2) {
500   	   	maxItemsActus = 3;
501   	   	showDotsActus = true;
502   	}
503
504	let maxItemsEspaces = $("#espaces_container .slides").length;
505   	let showDotsEspaces = false;
506   	if(maxItemsEspaces >= 5 ) {
507   	   	maxItemsEspaces = 5;
508    	showDotsEspaces = true;
509   	} 
510
511   	// Slick slider Actus
512   	$(document).ready(function(){
513   	   	$('#list_actus').slick({
514   	   	   	arrows: false,
515   	   	   	dots: false,
516   	   	   	slidesToShow: maxItemsActus,
517   	   	   	infinite: true,
518   	   	   	speed: 800,
519   	   	   	autoplay: true,
520   	   	   	autoplaySpeed: 2000,
521   	   	   	responsive: [
522   	   	   	   	{
523   	   	   	   	   	breakpoint: 1024,
524   	   	   	   	   	settings: {
525   	   	   	   	   	   	slidesToShow: 2,
526   	   	   	   	   	   	slidesToScroll: 1,
527   	   	   	   	   	   	dots: showDotsActus,
528   	   	   	   	   	}
529   	   	   	   	},
530   	   	   	   	{
531   	   	   	   	   	breakpoint: 764,
532   	   	   	   	   	settings: {
533   	   	   	   	   	   	slidesToShow: 1,
534   	   	   	   	   	   	slidesToScroll: 1,
535   	   	   	   	   	   	dots: showDotsActus,
536   	   	   	   	   	}
537   	   	   	   	}
538   	   	   	]
539   	   	});
540
541		$('#espaces_container').slick({
542        	arrows: false,
543        	dots: false,
544        	slidesToShow: maxItemsEspaces,
545        	infinite: true,
546        	speed: 500,
547        	autoplay: true,
548        	autoplaySpeed: 3000,
549        	responsive: [
550        	   	{
551        	      	breakpoint: 1024,
552        	      	settings: {
553						centerMode: true,
554  						centerPadding: '48px',
555        	         	slidesToShow: 3,
556        	         	slidesToScroll: 1,
557        	         	dots: false,
558        	      	}
559        	  	},
560        	   	{
561        	      	breakpoint: 764,
562        	      	settings: {
563						centerMode: true,
564  						centerPadding: '48px',
565        	         	slidesToShow: 2,
566        	         	slidesToScroll: 1,
567        	         	dots: false,
568        	      	}
569        	   	},
570				 	{
571        	      	breakpoint: 480,
572        	      	settings: {
573						centerMode: true,
574  						centerPadding: '48px',
575        	         	slidesToShow: 1,
576        	         	slidesToScroll: 1,
577        	         	dots: false,
578        	      	}
579        	   	}
580        	]
581      	});
582   	})
583</script>
583</div>
584<footer>
585	<div id="footer">
586				<div class="content">
587			<section>
588				<span class="h5">
589				Aubervilliers Camille Muffat</span>
590				<p>
591					178 Avenue Jean Jaur&egrave;s<br />
592					93300 Aubervilliers				</p>
593			</section>
594			<section>
595				<span class="h5">Pages</span>
596				<ul>
597					<li><a href='/espaces.html' class='disabled-link_menu'>Le centre</a></li><li><a href='/activites.html'>Activit&eacute;s</a></li><li><a href='/infos-pratiques.html'>Infos Pratiques</a></li><li><a href="/module-inscriptions/" target="_self">R&eacute;server</a></li>
598					<!-- <li><a href="/cheques-cadeaux.html">Chèques Cadeaux</a></li> -->
599
600                                        										<li><a href="/actus.html">Actus</a></li>
601                                        
602                                        										<li><a href="/partenaires.html">Nos Partenaires</a></li>
603                                        
604					<!--
605					<li><a href="/club.html">Club</a></li>
606					<li><a href="/pro.html">Pro</a></li>
607					-->
608										<!-- <li><a href="">Acheter</a></li> -->
609				</ul>
610			</section>
611			<section>
612				<span class="h5">Informations</span>
613				<ul>
614					<!-- <li><a href="/faq.html">FAQ</a></li> -->
615					<li><a href="/horaires.html">Horaires</a></li>
616					<li><a href="/tarifs.html">Tarifs et abonnements</a></li>
617										<li><a href="/module-inscriptions/reserver/?planning">Plannings</a></li>
618										<li><a href="/contact.html">Contact</a></li>
619				</ul>
620				<span class="h5">Avis clients</span>
621				<div id="stars-container">
622					<div class="stars">
623						<div class="star full"></div>
624						<div class="star full"></div>
625						<div class="star full"></div>
626						<div class="star full"></div>
627						<div class="star half"></div>
628					</div>
629					<span class="note">4.3/5 sur 199 avis Google</span>
630				</div>
631			</section>
632			<section>
633				<span class="h5">Nous contacter</span>
634				<ul>
635					<li><a href="tel:01 86 78 69 69"><i class="icon-telephone"></i> 01 86 78 69 69</a></li>
636					<li><a href="mailto:[email protected]"><i class="icon-email"></i> <span id="centreemail">[email protected]</span></a></li>
637					<li>Retrouvez-nous sur<a href="https://www.facebook.com/profile.php?id=61568148055106&sk=about_contact_and_basic_info&locale=fr_FR"><i class='fi fi-brands-facebook' style='margin-left:10px;margin-right:0;'></i></a></li>				</ul>
638			</section>
639			<section id="logos-footer">
640				<figure>
641					<a href='https://recrea.fr' target="_blank"><img src="https://moncentreaquatique.com/logos/RECREA-blanc.png" alt="Logo Récréa" title="Logo Récréa" /></a>
642				</figure>
643									<figure class="collectivite">
644						<img src="https://moncentreaquatique.com/logos/1875928907.png" />
645					</figure>
646							</section>
647		</div>
648	</div>
649	<div id="subfooter">
650		<div class="content">
651			<div class="inline">
652
653				<nav>
654				    <div class="inline">©centreaquatiqueaubervilliers.fr 2025</div><span> | </span><a href="/mentions-legales.html">CGU &amp; mentions légales</a><span> | </span><a href="/protection-des-donnees-personnelles.html">Protection des données personnelles</a><span> | </span><a href="javascript:openAxeptioCookies()">Gestion des cookies</a>
655					<p class="recaptcha-disclaimer">
656  					Ce site est protégé par reCAPTCHA et la <a href="https://policies.google.com/privacy" target="_blank">politique de confidentialité</a> et les <a href="https://policies.google.com/terms" target="_blank">conditions d'utilisation</a> de Google s'appliquent.
657					</p>
658				    				</nav>
659
660			</div>
661		</div>
662	</div>
663</footer>
664
665<div id="popup-centre-overlay" class="popup-centre-overlay">
666    <div class="popup-centre-container with-image">
667        <button type="button" class="popup-centre-close" onclick="closePopupCentre()">&times;</button>
668        <div class="popup-centre-content">
669            <h2 class="popup-centre-titre">Centre Aquatique : Réouverture ! 🌊</h2>
670                        <div class="popup-centre-texte"><p>✨ Depuis le <strong>21 septembre</strong>, votre Centre Aquatique a rouvert ses portes après un véritable embellissement.</p><p>🏊‍♀️ Venez découvrir ou redécouvrir nos espaces, pensés pour votre confort, votre bien-être et vos moments de détente.</p><p>💦 Nous avons hâte de vous accueillir à nouveau !</p><p><strong>À très bientôt au Centre Aquatique !</strong> 🌟</p></div>
671                                    <a href="https://centreaquatiqueaubervilliers.fr/horaires.html" class="popup-centre-bouton" onclick="setPopupCookie()">Nos horaires</a>
672                    </div>
673                <div class="popup-centre-image">
674            <img src="https://moncentreaquatique.com/images/popup_1790254003_6ab51bb32b2a1.jpg" alt="Centre Aquatique : R&amp;eacute;ouverture ! 🌊">
675        </div>
676            </div>
677</div>
678
679<style>
680.popup-centre-overlay {
681    position: fixed;
682    top: 0;
683    left: 0;
684    width: 100%;
685    height: 100%;
686    background-color: rgba(0, 0, 0, 0.6);
687    display: flex;
688    justify-content: center;
689    align-items: center;
690    z-index: 10000;
691    opacity: 0;
692    visibility: hidden;
693    transition: opacity 0.3s ease, visibility 0.3s ease;
694}
695
696.popup-centre-overlay.active {
697    opacity: 1;
698    visibility: visible;
699}
700
701.popup-centre-container {
702    background-color: #ffffff;
703    border-radius: 12px;
704    max-width: 800px;
705    width: 90%;
706    max-height: 90vh;
707    overflow: hidden;
708    position: relative;
709    display: flex;
710    flex-direction: row;
711    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
712    transform: scale(0.9);
713    transition: transform 0.3s ease;
714}
715
716.popup-centre-overlay.active .popup-centre-container {
717    transform: scale(1);
718}
719
720.popup-centre-container.no-image {
721    max-width: 500px;
722}
723
724.popup-centre-container.no-image .popup-centre-content {
725    width: 100%;
726}
727
728.popup-centre-close {
729    position: absolute;
730    top: 10px;
731    right: 15px;
732    background-color: rgba(231, 231, 231, 0.95);
733    border: none;
734    border-radius: 50%;
735    width: 36px;
736    height: 36px;
737    font-size: 24px;
738    color: #666;
739    cursor: pointer;
740    z-index: 10;
741    line-height: 36px;
742    text-align: center;
743    transition: background-color 0.2s ease, color 0.2s ease;
744}
745
746.popup-centre-close:hover {
747    background-color: rgba(200, 200, 200, 0.95);
748    color: #333;
749}
750
751.popup-centre-content {
752    width: 60%;
753    padding: 40px 30px;
754    display: flex;
755    flex-direction: column;
756    justify-content: center;
757	text-align: center;
758}
759
760.popup-centre-titre {
761    font-size: 24px;
762    font-weight: 700;
763    color: #333;
764    margin: 0 0 15px 0;
765    line-height: 1.3;
766}
767
768.popup-centre-texte {
769    font-size: 15px;
770    color: #555;
771    line-height: 1.6;
772    margin-bottom: 25px;
773}
774
775.popup-centre-bouton {
776    display: inline-block;
777    background-color: #1dbecf;
778    color: #ffffff;
779    padding: 12px 30px;
780    border-radius: 6px;
781    text-decoration: none;
782    font-weight: 600;
783    font-size: 15px;
784    transition: background-color 0.2s ease;
785    text-align: center;
786}
787
788.popup-centre-bouton:hover {
789    background-color: #17a5b4;
790    color: #ffffff;
791}
792
793.popup-centre-image {
794    width: 40%;
795    aspect-ratio: 1/1;
796    flex-shrink: 0;
797}
798
799.popup-centre-image img {
800    width: 100%;
801    height: 100%;
802    object-fit: cover;
803    border-radius: 0 12px 12px 0;
804}
805
806/* Responsive */
807@media (max-width: 768px) {
808    .popup-centre-container {
809        flex-direction: column;
810        max-width: 95%;
811        max-height: 85vh;
812        overflow-y: auto;
813    }
814
815    .popup-centre-container.with-image .popup-centre-content,
816    .popup-centre-container.no-image .popup-centre-content {
817        width: 100%;
818        padding: 25px 20px;
819        background-color: #ffffff;
820    }
821
822    .popup-centre-image {
823        width: 100%;
824        aspect-ratio: 1/1;
825        flex-shrink: 0;
826    }
827
828    .popup-centre-image img {
829        width: 100%;
830        height: 100%;
831        object-fit: cover;
832        border-radius: 12px 12px 0 0;
833    }
834
835    .popup-centre-titre {
836        font-size: 20px;
837    }
838
839    .popup-centre-texte {
840        font-size: 14px;
841    }
842
843    .popup-centre-close {
844        top: 5px;
845        right: 10px;
846        width: 32px;
847        height: 32px;
848        font-size: 20px;
849        line-height: 32px;
850        background-color: rgba(255, 255, 255, 0.9);
851    }
852}
853</style>
854
855<script>
856function setPopupCookie() {
857    // Cookie de 24h pour ne pas réafficher
858    var date = new Date();
859    date.setTime(date.getTime() + (24 * 60 * 60 * 1000));
860    document.cookie = "popup_centre_159=1; expires=" + date.toUTCString() + "; path=/";
861}
862
863function openPopupCentre() {
864    var overlay = document.getElementById('popup-centre-overlay');
865    if(!overlay) return;
866    overlay.classList.add('active');
867    if(window.RecreaPopups) window.RecreaPopups.lockScroll('popup-centre');
868}
869
870function closePopupCentre() {
871    var overlay = document.getElementById('popup-centre-overlay');
872    if(!overlay || !overlay.classList.contains('active')) return;
873    overlay.classList.remove('active');
874    if(window.RecreaPopups) {
875        window.RecreaPopups.unlockScroll('popup-centre');
876        window.RecreaPopups.close('popup-centre');
877    }
878    setPopupCookie();
879}
880
881// Fermer avec la touche Escape.
882// Sans effet si la popup n'est pas affichée : avant, un appui sur Escape
883// n'importe où sur le site posait le cookie de 24h sans qu'elle ait été vue.
884document.addEventListener('keydown', function(e) {
885    if(e.key === 'Escape') {
886        closePopupCentre();
887    }
888});
889
890// Fermer en cliquant sur l'overlay (en dehors de la popup)
891document.getElementById('popup-centre-overlay').addEventListener('click', function(e) {
892    if(e.target === this) {
893        closePopupCentre();
894    }
895});
896
897// L'affichage est confié au chef d'orchestre : la popup ne s'ouvre que si aucune
898// autre modale plus prioritaire n'est à l'écran. Avant, elle s'ouvrait
899// systématiquement 500 ms après le chargement, par-dessus tout le reste.
900(function() {
901    if(window.RecreaPopups) {
902        window.RecreaPopups.register({
903            id: 'popup-centre',
904            priority: window.RecreaPopups.PRIORITY.MARKETING,
905            show: openPopupCentre
906        });
907    } else {
908        document.addEventListener('DOMContentLoaded', function() {
909            setTimeout(openPopupCentre, 500);
910        });
911    }
912})();
913</script>
vendor: 1 bytes, line 913
913
914<script type="application/ld+json">
915{
916  "@context": "https://schema.org",
917  "@type": "PublicSwimmingPool",
918  "name": "Centre aquatique Aubervilliers Camille Muffat",
919  "image": "https://moncentreaquatique.com/logos/660911247.svg",
920   "@id": "",
921  "url": "http://centreaquatiqueaubervilliers.fr",
922  "telephone": "01 86 78 69 69",
923  "priceRange": "&euro;",
924  "address": {
925    "@type": "PostalAddress",
926    "streetAddress": "178 Avenue Jean Jaur&egrave;s",
927    "addressLocality": "Aubervilliers",
928    "postalCode": "93300",
929     "addressCountry": "FR"
930  },
931  "aggregateRating": {
932    "@type": "AggregateRating",
933    "ratingValue": "4.3",
934     "bestRating": "5",
935    "worstRating": "1",
936    "ratingCount": "199"
937  },
938  "geo": {
939    "@type": "GeoCoordinates",
940    "latitude": "0.00000000",
941    "longitude": "0.00000000"
942   }  
943}
944</script>
944
945
946<script>
947// pour modifier dynamiquement le texte SOLDE ACTUEL SEMAINE EN COURS
948function updateLabelFromSelect(sel) {
949  if (!sel) return;
950
951  // cible du label (défaut: "label-solde")
952  var labelId = sel.dataset.labelTarget || 'label-solde';
953  var label = document.getElementById(labelId);
954  if (!label) return;
955
956  var opt = sel.options[sel.selectedIndex];
957  if (!opt) return;
958
959  // offset prioritaire via data-week-offset
960  var offset = parseInt(opt.dataset.weekOffset || '0', 10);
961
962  // fallback si pas de data-week-offset (extrait "(semaine +N)" du texte)
963  if (isNaN(offset)) {
964    var m = (opt.textContent || '').match(/\(semaine\s*([+-]?\d+|en cours)\)/i);
965    if (m) {
966      offset = (m[1].toLowerCase() === 'en cours') ? 0 : parseInt(m[1], 10);
967    } else {
968      offset = 0;
969    }
970  }
971
972  var text = 'Solde actuel ';
973  if (offset === 0) {
974    text += 'semaine en cours :';
975  } else if (offset > 0) {
976    text += 'de la semaine :';
977  } else {
978    text += 'Semaine ' + offset + ' :';
979  }
980
981  label.textContent = text;
982}
983
984function onPeriodeChange(sel, aboId) {
985  updateLabelFromSelect(sel);
986  var periodeId = parseInt(sel.value, 10) || 0;
987
988  var url = new URL(window.location.href);
989  url.searchParams.set('periode_id_' + String(aboId), String(periodeId));
990
991  // secours: ajoute aussi ?scroll_to=abo-123 (utile si un redirect serveur intervient)
992  url.searchParams.set('scroll_to', 'abo-' + String(aboId));
993
994  // ancre hash (visible si pas de redirect)
995  url.hash = '#abo-' + String(aboId);
996
997  window.location.assign(url.toString());
998}
999</script>
999
1000
1001<script type="text/javascript" src="/js/min/jquery-3.5.1.min.js"></script>
vendor: 1 bytes, line 1001
1001
1002<script type="text/javascript" src="/js/min/slick.min.js"></script>
vendor: 1 bytes, line 1002
1002
1003<script type="text/javascript" src="/js/min/toastr.min.js"></script>
vendor: 1 bytes, line 1003
1003
1004<script type="text/javascript" src="/js/min/scripts.min.js"></script>
vendor: 1 bytes, line 1004
1004
1005<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
vendor: 1 bytes, line 1005
1005
1006<script src="https://code.jquery.com/jquery-migrate-3.5.2.js"></script>
vendor: 1 bytes, line 1006
1006
1007<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 1007
1007
1008<script type="text/javascript" src="/js/tarifs.js"></script>
vendor: 1 bytes, line 1008
1008
1009<script type="text/javascript" src="/js/offres.js"></script>
1009
1010
1011<!-- reCAPTCHA v3 -->
vendor: 61 bytes, lines 1011-1012
1011
1012<script src="https://www.google.com/recaptcha/api.js?render=
10126LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP
vendor: 12 bytes, line 1012
1012"></script>
1013<script>
1014  grecaptcha.ready(function() {
1015    var recaptchaSiteKey = '6LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP';
1016
1017    function fillRecaptchaTokens(token) {
1018      var inputs = document.querySelectorAll('#recaptchaResponse, .recaptcha-token');
1019      inputs.forEach(function(input) {
1020        input.value = token;
1021      });
1022    }
1023
1024    // Générer un token initial
1025    grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
1026
1027    // Rafraîchir le token toutes les 90 secondes (le token expire au bout de ~2 min)
1028    setInterval(function() {
1029      grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
1030    }, 90000);
1031  });
1032</script>
1032
1033		</div>
1034		<!-- GTM dataLayer: page_view + user_data + session tracking events -->
1035				
1035<script>
1036		window.dataLayer = window.dataLayer || [];
1037		dataLayer.push({
1038			event: "page_view",
1039			page_type: 'homepage'		});
1040
1041		
1042		
1043				</script>
1043
1044
1045	</body>
1046</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.