Machine Readiness
Stored receipt and evidence
24
80
0
0
0
Samples
No stored offer samples.
Samples
No stored action samples.
Samples
No stored product samples.
Document
Not stored for this site.
Document
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Piscine Chateau-Thierry | MonCentreAquatique</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="author" content="Citélium" />
<meta name="description" content="Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !" />
<link href="/css/slick.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/toastr.min.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/styles.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/styles-complementary.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_mi.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_activites.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_tarifs.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-straight/css/uicons-regular-straight.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-straight/css/uicons-solid-straight.css'>
<link rel="icon" href="https://moncentreaquatique.com/logos/1206342953.svg" />
<!-- GTM dataLayer init -->
<script>window.dataLayer = window.dataLayer || [];</script>
<!-- GTM Container (code centre) -->
<!-- Google Tag Manager -->
<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-53HW62QL');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53HW62QL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<meta property='og:locale' content='fr_FR' />
<meta property='og:type' content='article' />
<meta property='og:title' content="Piscine Chateau-Thierry | MonCentreAquatique" />
<meta property='og:description' content="Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !" />
<meta property='og:url' content='https://complexe-citelium.fr/llms.txt' />
<meta property='og:site_name' content='Citélium' />
<meta property='og:image' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<meta property='og:image:secure_url' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:description' content='Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !' />
<meta name='twitter:title' content='Piscine Chateau-Thierry | MonCentreAquatique' />
<meta name='twitter:image' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<style>
:root {
--RECREA_COLOR_PRIMARY: #f9af1a;
--RECREA_COLOR_SECONDARY: #000000;
}
</style>
<script src="/js/filtre_type_activite.js" defer></script>
</head>
<body>
<div id='container'>
<div id='content'>
<style type="text/css">
body .contentsquare-content.color-true .plus{
background: linear-gradient(0deg, rgba(249,175,26,1) 0%, rgba(249,175,26,0.75) 75%, transparent 100%);
}
body .contentsquare-content.color2-true .plus{
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 75%, transparent 100%);
}
body #menu .menu-content nav a.btn-custom-color span:hover {
/* color: !important; */
background: #ffffff !important;
}
</style>
<div id="container-menu">
<section id="overmenu">
<div class="content">
<div class="marquee_container">
<a href='/horaires.html' class="marquee_link">
<p class='marquee_content'><strong>Accueil</strong> : <span style='color:#ffffff;'>10:00 - 13:30 et 14:30 - 18:00</span></p>
</a>
</div>
</div>
<div class="connexion_inscription">
<a class="se_connecter" href="/espace-perso/connexion">Se connecter</a>
<a class="s_inscrire" href="/espace-perso/devenir-membre">S'inscrire</a>
</div>
</section>
<section id="menu">
<div class="menu-content">
<a href="/" id="logo-site">
<img src="https://moncentreaquatique.com/logos/1206342953.svg" alt="Citélium" title="Citélium" />
</a>
<div class="left-content">
<a href="/cheques-cadeaux" class="button btn-cheque"><span>Plaisir d'offrir</span></a></li>
<div id="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<nav id="nav-menu">
<ul id="list-menu">
<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-57-aquatique.html">aquatique</a></li><li><a href="/espace-58-bien-etre.html">bien-être</a></li><li><a href="/espace-59-fitness.html">fitness</a></li></ul></div></li><li class="menu-dropdown"><div class='dropdown__header nav-title'><a href='/offres.html' class='disabled-link_menu'>Nos offres</a><i class="fi fi-ss-angle-small-down"></i></div><div class="dropdown"><ul class='dropdown__content'></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="/module-inscriptions/reserver/?planning">Plannings</a></li>
<li><a href='/contact.html'>Accès & Contact</a></li><li><a href="/infos-pratiques.html">Règles</a></li>
</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 id='btn_cheque' class='nav-title'><a href="/cheques-cadeaux" class="btn-orange"><span>Chèques Cadeaux</span></a></li><li class='nav-title icons-rs'><a href="https://www.facebook.com/Complexe-Citélium-636899286827067"><i class='fi fi-brands-facebook'></i></a><a href="https://www.instagram.com/complexe_citelium/"><i class='fi fi-brands-instagram'></i></a></li>
<!-- <li><a href="cheques-cadeaux">Chèques Cadeaux</a></li> -->
<!--
<li><a href="club.html">Club</a></li>
<li><a href="pro.html">Pro</a></li>
-->
<!-- <li><a href="" class="btn-orange"><span>Acheter</span></a></li> -->
</ul>
</nav>
</div>
</section>
</div>
<section id="tabbar">
<!-- NEW TABBAR -->
<nav id="mobile_tabbar">
<ul class="tabs">
<li class="tab tab_01">
<a href="/horaires.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_horaire"></svg>
<p>Horaires</p>
</a>
</li>
<li class="tab tab_02">
<a href="/tarifs.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_tarif"></svg>
<p>Tarifs</p>
</a>
</li>
<li class="tab tab_03">
<a href="/module-inscriptions/">
<div class="tab_side tab_side_left"></div>
<div class="tab_main">
<svg id="a" xmlns="http://www.w3.org/2000/svg" width="64" height="48" viewBox="0 0 64 48">
<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" />
</svg>
<span class="button_resa">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_plus"></svg>
</span>
<p>Réserver</p>
</div>
<div class="tab_side tab_side_right"></div>
</a>
</li>
<li class="tab tab_04">
<a href="/activites.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_sparkles"></svg>
<p>Activités</p>
</a>
</li>
<li class="tab tab_05">
<a href="/espace-perso">
<svg class="tab_icons "><use href="/css/images/icons/icons.svg#icon_user"></svg>
<p>Compte</p>
</a>
</li>
</ul>
</nav>
</section>
<script type="text/javascript" async>
const dropdownItems = document.querySelectorAll('.menu-dropdown');
if (dropdownItems) {
dropdownItems.forEach((dropdown) => {
dropdown.addEventListener('click', (e) => toggleDropdown(e));
});
}
const toggleDropdown = (e) => {
let target = e.currentTarget;
if (!target.classList.contains('open')) {
dropdownItems.forEach((item) => {
item.classList.remove('open');
});
target.classList.add('open');
} else {
target.classList.remove('open');
}
};
let marqueeContainer = document.querySelector(".marquee_container");
let marqueeContent = document.querySelector(".marquee_content");
let timeToFill;
let contentText;
if(marqueeContent){
timeToFill = Math.floor(window.innerWidth / marqueeContent.offsetWidth);
contentText = marqueeContent.innerHTML;
}
for (let i = 0; i < timeToFill; i++) {
marqueeContent.innerHTML += contentText;
}
marqueeContainer.innerHTML += marqueeContainer.innerHTML;
Array.from(marqueeContainer.children).forEach((child) => {
let duration = child.getBoundingClientRect().width / 100;
child.style.animationDuration = `${duration}s`;
});
// document.querySelector(".scroll2").style.animationDelay = `${animDuration / 2}s`;
// foreach (scroll as scroll) {
// scroll.style.animationDuration = `${scroll.getBoundingClientRect().width / 100}s`;
// }
</script>
<header class="header-default">
<div class="content">
<h1><span>Page</span>404</h1>
<span>Vous êtes perdu ?</span>
<br />
<a href="/" class="button">Revenez !</a>
<br /><br /><br />
<br /><br /><br />
</div>
</header>
<section id="marketing">
<div id="marketing-container">
<div class="marketing">
<a href="https://complexe-citelium.fr/cheques-cadeaux">
<figure class="zoom-img">
<img src="https://moncentreaquatique.com/images/1087761322.jpg" alt="chèques cadeaux" title="chèques cadeaux" />
</figure>
</a>
</div>
<div class="marketing">
<a href="https://moncentreaquatique.com/savoir-nager/">
<figure class="zoom-img">
<img src="https://moncentreaquatique.com/images/1266705962.jpg" alt="apprendre à nager" title="apprendre à nager" />
</figure>
</a>
</div>
</div>
</section>
</div>
<footer>
<div id="footer">
<div class="content">
<section>
<span class="h5">
Citélium</span>
<p>
Zone de la Moiserie<br />
02400 Château-Thierry </p>
</section>
<section>
<span class="h5">Pages</span>
<ul>
<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>
<!-- <li><a href="/cheques-cadeaux.html">Chèques Cadeaux</a></li> -->
<li><a href="/actus.html">Actus</a></li>
<!--
<li><a href="/club.html">Club</a></li>
<li><a href="/pro.html">Pro</a></li>
-->
<li><a href="/cheques-cadeaux">Chèques Cadeaux</a></li>
<!-- <li><a href="">Acheter</a></li> -->
</ul>
</section>
<section>
<span class="h5">Informations</span>
<ul>
<!-- <li><a href="/faq.html">FAQ</a></li> -->
<li><a href="/horaires.html">Horaires</a></li>
<li><a href="/tarifs.html">Tarifs et abonnements</a></li>
<li><a href="/module-inscriptions/reserver/?planning">Plannings</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
<span class="h5">Avis clients</span>
<div id="stars-container">
<div class="stars">
<div class="star full"></div>
<div class="star full"></div>
<div class="star full"></div>
<div class="star full"></div>
<div class="star "></div>
</div>
<span class="note">4/5 sur 960 avis Google</span>
</div>
</section>
<section>
<span class="h5">Nous contacter</span>
<ul>
<li><a href="tel:03 23 71 89 00"><i class="icon-telephone"></i> 03 23 71 89 00</a></li>
<li><a href="mailto:contact@complexe-citelium.fr"><i class="icon-email"></i> <span id="centreemail">contact@complexe-citelium.fr</span></a></li>
<li>Retrouvez-nous sur<a href="https://www.facebook.com/Complexe-Citélium-636899286827067"><i class='fi fi-brands-facebook' style='margin-left:10px;margin-right:0;'></i></a><a href="https://www.instagram.com/complexe_citelium/"><i class='fi fi-brands-instagram' style='margin-left:10px;margin-right:0;'></i></a></li> </ul>
</section>
<section id="logos-footer">
<figure>
<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>
</figure>
<figure class="collectivite">
<img src="https://moncentreaquatique.com/logos/1819114614.png" />
</figure>
</section>
</div>
</div>
<div id="subfooter">
<div class="content">
<div class="inline">
<nav>
<div class="inline">©complexe-citelium.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>
<p class="recaptcha-disclaimer">
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.
</p>
</nav>
</div>
</div>
</div>
</footer>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "PublicSwimmingPool",
"name": "Piscine Chateau-Thierry",
"image": "https://moncentreaquatique.com/logos/1206342953.svg",
"@id": "",
"url": "https://complexe-citelium.fr",
"telephone": "03 23 71 89 00",
"priceRange": "€",
"address": {
"@type": "PostalAddress",
"streetAddress": "Zone de la Moiserie",
"addressLocality": "Château-Thierry",
"postalCode": "02400",
"addressCountry": "FR"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4",
"bestRating": "5",
"worstRating": "1",
"ratingCount": "960"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "49.06604000",
"longitude": "3.38927100"
}
}
</script>
<script>
// pour modifier dynamiquement le texte SOLDE ACTUEL SEMAINE EN COURS
function updateLabelFromSelect(sel) {
if (!sel) return;
// cible du label (défaut: "label-solde")
var labelId = sel.dataset.labelTarget || 'label-solde';
var label = document.getElementById(labelId);
if (!label) return;
var opt = sel.options[sel.selectedIndex];
if (!opt) return;
// offset prioritaire via data-week-offset
var offset = parseInt(opt.dataset.weekOffset || '0', 10);
// fallback si pas de data-week-offset (extrait "(semaine +N)" du texte)
if (isNaN(offset)) {
var m = (opt.textContent || '').match(/\(semaine\s*([+-]?\d+|en cours)\)/i);
if (m) {
offset = (m[1].toLowerCase() === 'en cours') ? 0 : parseInt(m[1], 10);
} else {
offset = 0;
}
}
var text = 'Solde actuel ';
if (offset === 0) {
text += 'semaine en cours :';
} else if (offset > 0) {
text += 'de la semaine :';
} else {
text += 'Semaine ' + offset + ' :';
}
label.textContent = text;
}
function onPeriodeChange(sel, aboId) {
updateLabelFromSelect(sel);
var periodeId = parseInt(sel.value, 10) || 0;
var url = new URL(window.location.href);
url.searchParams.set('periode_id_' + String(aboId), String(periodeId));
// secours: ajoute aussi ?scroll_to=abo-123 (utile si un redirect serveur intervient)
url.searchParams.set('scroll_to', 'abo-' + String(aboId));
// ancre hash (visible si pas de redirect)
url.hash = '#abo-' + String(aboId);
window.location.assign(url.toString());
}
</script>
<script type="text/javascript" src="/js/min/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/js/min/slick.min.js"></script>
<script type="text/javascript" src="/js/min/toastr.min.js"></script>
<script type="text/javascript" src="/js/min/scripts.min.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.5.2.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript" src="/js/tarifs.js"></script>
<script type="text/javascript" src="/js/offres.js"></script>
<!-- reCAPTCHA v3 -->
<script src="https://www.google.com/recaptcha/api.js?render=6LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP"></script>
<script>
grecaptcha.ready(function() {
var recaptchaSiteKey = '6LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP';
function fillRecaptchaTokens(token) {
var inputs = document.querySelectorAll('#recaptchaResponse, .recaptcha-token');
inputs.forEach(function(input) {
input.value = token;
});
}
// Générer un token initial
grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
// Rafraîchir le token toutes les 90 secondes (le token expire au bout de ~2 min)
setInterval(function() {
grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
}, 90000);
});
</script>
</div>
<!-- GTM dataLayer: page_view + user_data + session tracking events -->
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: "page_view",
page_type: 'homepage' });
</script>
</body>
</html>Document
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Piscine Chateau-Thierry | MonCentreAquatique</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="author" content="Citélium" />
<meta name="description" content="Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !" />
<link href="/css/slick.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/toastr.min.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/styles.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/styles-complementary.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_mi.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_activites.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/new_tarifs.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-straight/css/uicons-regular-straight.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-straight/css/uicons-solid-straight.css'>
<link rel="icon" href="https://moncentreaquatique.com/logos/1206342953.svg" />
<!-- GTM dataLayer init -->
<script>window.dataLayer = window.dataLayer || [];</script>
<!-- GTM Container (code centre) -->
<!-- Google Tag Manager -->
<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-53HW62QL');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-53HW62QL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<meta property='og:locale' content='fr_FR' />
<meta property='og:type' content='article' />
<meta property='og:title' content="Piscine Chateau-Thierry | MonCentreAquatique" />
<meta property='og:description' content="Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !" />
<meta property='og:url' content='https://complexe-citelium.fr/llms-full.txt' />
<meta property='og:site_name' content='Citélium' />
<meta property='og:image' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<meta property='og:image:secure_url' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:description' content='Découvrez Citélium la piscine de Chateau-Thierry : horaires, accès, tarifs, infos… Un centre aquatique incontournable. À vos maillots, plongez !' />
<meta name='twitter:title' content='Piscine Chateau-Thierry | MonCentreAquatique' />
<meta name='twitter:image' content='https://moncentreaquatique.com/logos/1206342953.svg' />
<style>
:root {
--RECREA_COLOR_PRIMARY: #f9af1a;
--RECREA_COLOR_SECONDARY: #000000;
}
</style>
<script src="/js/filtre_type_activite.js" defer></script>
</head>
<body>
<div id='container'>
<div id='content'>
<style type="text/css">
body .contentsquare-content.color-true .plus{
background: linear-gradient(0deg, rgba(249,175,26,1) 0%, rgba(249,175,26,0.75) 75%, transparent 100%);
}
body .contentsquare-content.color2-true .plus{
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 75%, transparent 100%);
}
body #menu .menu-content nav a.btn-custom-color span:hover {
/* color: !important; */
background: #ffffff !important;
}
</style>
<div id="container-menu">
<section id="overmenu">
<div class="content">
<div class="marquee_container">
<a href='/horaires.html' class="marquee_link">
<p class='marquee_content'><strong>Accueil</strong> : <span style='color:#ffffff;'>10:00 - 13:30 et 14:30 - 18:00</span></p>
</a>
</div>
</div>
<div class="connexion_inscription">
<a class="se_connecter" href="/espace-perso/connexion">Se connecter</a>
<a class="s_inscrire" href="/espace-perso/devenir-membre">S'inscrire</a>
</div>
</section>
<section id="menu">
<div class="menu-content">
<a href="/" id="logo-site">
<img src="https://moncentreaquatique.com/logos/1206342953.svg" alt="Citélium" title="Citélium" />
</a>
<div class="left-content">
<a href="/cheques-cadeaux" class="button btn-cheque"><span>Plaisir d'offrir</span></a></li>
<div id="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<nav id="nav-menu">
<ul id="list-menu">
<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-57-aquatique.html">aquatique</a></li><li><a href="/espace-58-bien-etre.html">bien-être</a></li><li><a href="/espace-59-fitness.html">fitness</a></li></ul></div></li><li class="menu-dropdown"><div class='dropdown__header nav-title'><a href='/offres.html' class='disabled-link_menu'>Nos offres</a><i class="fi fi-ss-angle-small-down"></i></div><div class="dropdown"><ul class='dropdown__content'></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="/module-inscriptions/reserver/?planning">Plannings</a></li>
<li><a href='/contact.html'>Accès & Contact</a></li><li><a href="/infos-pratiques.html">Règles</a></li>
</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 id='btn_cheque' class='nav-title'><a href="/cheques-cadeaux" class="btn-orange"><span>Chèques Cadeaux</span></a></li><li class='nav-title icons-rs'><a href="https://www.facebook.com/Complexe-Citélium-636899286827067"><i class='fi fi-brands-facebook'></i></a><a href="https://www.instagram.com/complexe_citelium/"><i class='fi fi-brands-instagram'></i></a></li>
<!-- <li><a href="cheques-cadeaux">Chèques Cadeaux</a></li> -->
<!--
<li><a href="club.html">Club</a></li>
<li><a href="pro.html">Pro</a></li>
-->
<!-- <li><a href="" class="btn-orange"><span>Acheter</span></a></li> -->
</ul>
</nav>
</div>
</section>
</div>
<section id="tabbar">
<!-- NEW TABBAR -->
<nav id="mobile_tabbar">
<ul class="tabs">
<li class="tab tab_01">
<a href="/horaires.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_horaire"></svg>
<p>Horaires</p>
</a>
</li>
<li class="tab tab_02">
<a href="/tarifs.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_tarif"></svg>
<p>Tarifs</p>
</a>
</li>
<li class="tab tab_03">
<a href="/module-inscriptions/">
<div class="tab_side tab_side_left"></div>
<div class="tab_main">
<svg id="a" xmlns="http://www.w3.org/2000/svg" width="64" height="48" viewBox="0 0 64 48">
<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" />
</svg>
<span class="button_resa">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_plus"></svg>
</span>
<p>Réserver</p>
</div>
<div class="tab_side tab_side_right"></div>
</a>
</li>
<li class="tab tab_04">
<a href="/activites.html">
<svg class="tab_icons"><use href="/css/images/icons/icons.svg#icon_sparkles"></svg>
<p>Activités</p>
</a>
</li>
<li class="tab tab_05">
<a href="/espace-perso">
<svg class="tab_icons "><use href="/css/images/icons/icons.svg#icon_user"></svg>
<p>Compte</p>
</a>
</li>
</ul>
</nav>
</section>
<script type="text/javascript" async>
const dropdownItems = document.querySelectorAll('.menu-dropdown');
if (dropdownItems) {
dropdownItems.forEach((dropdown) => {
dropdown.addEventListener('click', (e) => toggleDropdown(e));
});
}
const toggleDropdown = (e) => {
let target = e.currentTarget;
if (!target.classList.contains('open')) {
dropdownItems.forEach((item) => {
item.classList.remove('open');
});
target.classList.add('open');
} else {
target.classList.remove('open');
}
};
let marqueeContainer = document.querySelector(".marquee_container");
let marqueeContent = document.querySelector(".marquee_content");
let timeToFill;
let contentText;
if(marqueeContent){
timeToFill = Math.floor(window.innerWidth / marqueeContent.offsetWidth);
contentText = marqueeContent.innerHTML;
}
for (let i = 0; i < timeToFill; i++) {
marqueeContent.innerHTML += contentText;
}
marqueeContainer.innerHTML += marqueeContainer.innerHTML;
Array.from(marqueeContainer.children).forEach((child) => {
let duration = child.getBoundingClientRect().width / 100;
child.style.animationDuration = `${duration}s`;
});
// document.querySelector(".scroll2").style.animationDelay = `${animDuration / 2}s`;
// foreach (scroll as scroll) {
// scroll.style.animationDuration = `${scroll.getBoundingClientRect().width / 100}s`;
// }
</script>
<header class="header-default">
<div class="content">
<h1><span>Page</span>404</h1>
<span>Vous êtes perdu ?</span>
<br />
<a href="/" class="button">Revenez !</a>
<br /><br /><br />
<br /><br /><br />
</div>
</header>
<section id="marketing">
<div id="marketing-container">
<div class="marketing">
<a href="https://complexe-citelium.fr/cheques-cadeaux">
<figure class="zoom-img">
<img src="https://moncentreaquatique.com/images/1087761322.jpg" alt="chèques cadeaux" title="chèques cadeaux" />
</figure>
</a>
</div>
<div class="marketing">
<a href="https://moncentreaquatique.com/savoir-nager/">
<figure class="zoom-img">
<img src="https://moncentreaquatique.com/images/1266705962.jpg" alt="apprendre à nager" title="apprendre à nager" />
</figure>
</a>
</div>
</div>
</section>
</div>
<footer>
<div id="footer">
<div class="content">
<section>
<span class="h5">
Citélium</span>
<p>
Zone de la Moiserie<br />
02400 Château-Thierry </p>
</section>
<section>
<span class="h5">Pages</span>
<ul>
<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>
<!-- <li><a href="/cheques-cadeaux.html">Chèques Cadeaux</a></li> -->
<li><a href="/actus.html">Actus</a></li>
<!--
<li><a href="/club.html">Club</a></li>
<li><a href="/pro.html">Pro</a></li>
-->
<li><a href="/cheques-cadeaux">Chèques Cadeaux</a></li>
<!-- <li><a href="">Acheter</a></li> -->
</ul>
</section>
<section>
<span class="h5">Informations</span>
<ul>
<!-- <li><a href="/faq.html">FAQ</a></li> -->
<li><a href="/horaires.html">Horaires</a></li>
<li><a href="/tarifs.html">Tarifs et abonnements</a></li>
<li><a href="/module-inscriptions/reserver/?planning">Plannings</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
<span class="h5">Avis clients</span>
<div id="stars-container">
<div class="stars">
<div class="star full"></div>
<div class="star full"></div>
<div class="star full"></div>
<div class="star full"></div>
<div class="star "></div>
</div>
<span class="note">4/5 sur 960 avis Google</span>
</div>
</section>
<section>
<span class="h5">Nous contacter</span>
<ul>
<li><a href="tel:03 23 71 89 00"><i class="icon-telephone"></i> 03 23 71 89 00</a></li>
<li><a href="mailto:contact@complexe-citelium.fr"><i class="icon-email"></i> <span id="centreemail">contact@complexe-citelium.fr</span></a></li>
<li>Retrouvez-nous sur<a href="https://www.facebook.com/Complexe-Citélium-636899286827067"><i class='fi fi-brands-facebook' style='margin-left:10px;margin-right:0;'></i></a><a href="https://www.instagram.com/complexe_citelium/"><i class='fi fi-brands-instagram' style='margin-left:10px;margin-right:0;'></i></a></li> </ul>
</section>
<section id="logos-footer">
<figure>
<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>
</figure>
<figure class="collectivite">
<img src="https://moncentreaquatique.com/logos/1819114614.png" />
</figure>
</section>
</div>
</div>
<div id="subfooter">
<div class="content">
<div class="inline">
<nav>
<div class="inline">©complexe-citelium.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>
<p class="recaptcha-disclaimer">
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.
</p>
</nav>
</div>
</div>
</div>
</footer>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "PublicSwimmingPool",
"name": "Piscine Chateau-Thierry",
"image": "https://moncentreaquatique.com/logos/1206342953.svg",
"@id": "",
"url": "https://complexe-citelium.fr",
"telephone": "03 23 71 89 00",
"priceRange": "€",
"address": {
"@type": "PostalAddress",
"streetAddress": "Zone de la Moiserie",
"addressLocality": "Château-Thierry",
"postalCode": "02400",
"addressCountry": "FR"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4",
"bestRating": "5",
"worstRating": "1",
"ratingCount": "960"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "49.06604000",
"longitude": "3.38927100"
}
}
</script>
<script>
// pour modifier dynamiquement le texte SOLDE ACTUEL SEMAINE EN COURS
function updateLabelFromSelect(sel) {
if (!sel) return;
// cible du label (défaut: "label-solde")
var labelId = sel.dataset.labelTarget || 'label-solde';
var label = document.getElementById(labelId);
if (!label) return;
var opt = sel.options[sel.selectedIndex];
if (!opt) return;
// offset prioritaire via data-week-offset
var offset = parseInt(opt.dataset.weekOffset || '0', 10);
// fallback si pas de data-week-offset (extrait "(semaine +N)" du texte)
if (isNaN(offset)) {
var m = (opt.textContent || '').match(/\(semaine\s*([+-]?\d+|en cours)\)/i);
if (m) {
offset = (m[1].toLowerCase() === 'en cours') ? 0 : parseInt(m[1], 10);
} else {
offset = 0;
}
}
var text = 'Solde actuel ';
if (offset === 0) {
text += 'semaine en cours :';
} else if (offset > 0) {
text += 'de la semaine :';
} else {
text += 'Semaine ' + offset + ' :';
}
label.textContent = text;
}
function onPeriodeChange(sel, aboId) {
updateLabelFromSelect(sel);
var periodeId = parseInt(sel.value, 10) || 0;
var url = new URL(window.location.href);
url.searchParams.set('periode_id_' + String(aboId), String(periodeId));
// secours: ajoute aussi ?scroll_to=abo-123 (utile si un redirect serveur intervient)
url.searchParams.set('scroll_to', 'abo-' + String(aboId));
// ancre hash (visible si pas de redirect)
url.hash = '#abo-' + String(aboId);
window.location.assign(url.toString());
}
</script>
<script type="text/javascript" src="/js/min/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/js/min/slick.min.js"></script>
<script type="text/javascript" src="/js/min/toastr.min.js"></script>
<script type="text/javascript" src="/js/min/scripts.min.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.5.2.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript" src="/js/tarifs.js"></script>
<script type="text/javascript" src="/js/offres.js"></script>
<!-- reCAPTCHA v3 -->
<script src="https://www.google.com/recaptcha/api.js?render=6LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP"></script>
<script>
grecaptcha.ready(function() {
var recaptchaSiteKey = '6LfreFQrAAAAABkcHTeLIj2kQD3YbQMkSTG7xrtP';
function fillRecaptchaTokens(token) {
var inputs = document.querySelectorAll('#recaptchaResponse, .recaptcha-token');
inputs.forEach(function(input) {
input.value = token;
});
}
// Générer un token initial
grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
// Rafraîchir le token toutes les 90 secondes (le token expire au bout de ~2 min)
setInterval(function() {
grecaptcha.execute(recaptchaSiteKey, {action: 'submit'}).then(fillRecaptchaTokens);
}, 90000);
});
</script>
</div>
<!-- GTM dataLayer: page_view + user_data + session tracking events -->
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: "page_view",
page_type: 'homepage' });
</script>
</body>
</html>