1<!doctype html> 2<html lang="fr"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Aubervilliers Camille Muffat : Centre Aquatique à 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 à 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 à 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é</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é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ès & Contact</a></li><li><a href="/infos-pratiques.html">Rè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é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 – Vendredi 2 octobre à 19h</p> 231 <p></p> 232 <a href="https://centreaquatiqueaubervilliers.fr/module-inscriptions/reserver/" class="button">Ré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é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é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écréa Campus</p> 285 <p>Tu recherches une formation avec 100% d’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é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. </p><p class="ql-align-center"> </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"> </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"> </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é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 – Vendredi 2 octobre à 19h" /> 394 </figure> 395 396 <figcaption class="card_caption"> 397 <h4>Zumba – Vendredi 2 octobre à 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écréa Campus !" /> 409 </figure> 410 411 <figcaption class="card_caption"> 412 <h4>Inscription Formation BPJEPS 2026 avec Récré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> </p><p>PS - Bonnet de bain obligatoire</p></p> 463 464 <a href="https://www.centreaquatiqueaubervilliers.fr/espace-1549-aquatique.html" class="button">Dé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;"> </p><p style="text-align:justify;"><strong>⢠De la musculation et du cardio training</strong> 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> avec une salle lumineuse</p><p style="text-align:justify;"> </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;"> </p><p style="text-align:justify;">Vous retrouverez également <strong>un large choix dâanimations et dâactivités pour la mise en mouvement à tous les âges et pour toutes les envies ! </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è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és</a></li><li><a href='/infos-pratiques.html'>Infos Pratiques</a></li><li><a href="/module-inscriptions/" target="_self">Ré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 & 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()">×</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&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": "€", 924 "address": { 925 "@type": "PostalAddress", 926 "streetAddress": "178 Avenue Jean Jaurè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.