<!doctype html>
<html lang="fr" class="html no-js">
<head>
<meta charset="utf-8">
<title>La Sphère | Spa nouvelle génération en illimité à La Réunion</title>
<meta name="description" content="Découvrez La Sphère à Sainte-Clotilde : un spa nouvelle génération accessible en illimité à partir de 49,90€/mois, 7j/7 de 7h30 à 23h." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="HandheldFriendly" content="true">
<meta name="theme-color" content="">
<meta name="shop-id" content="326911">
<meta name="currency-iso" content="EUR">
<link rel="preconnect" href="https://media.cdnws.com">
<meta property="og:site_name" content="La Sphère"/>
<meta property="og:type"
content="object"/>
<meta property="og:url" content="https://www.lasphere.re/?deleteCache=true"/>
<meta property="og:title"
content="La Sphère | Spa nouvelle génération en illimité à La Réunion"/>
<meta property="og:description"
content="Découvrez La Sphère à Sainte-Clotilde : un spa nouvelle génération accessible en illimité à partir de 49,90€/mois, 7j/7 de 7h30 à 23h."/>
<meta property="og:image"
content="https://media.cdnws.com/_i/326911/RAW-73/666/73/img-4072-1.jpeg"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title"
content="La Sphère"/>
<meta name="twitter:image"
content="https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png"/>
<meta name="twitter:description" content="Découvrez La Sphère à Sainte-Clotilde : un spa nouvelle génération accessible en illimité à partir de 49,90€/mois, 7j/7 de 7h30 à 23h."/>
<style id="variables-css">
:root {
--primary-color: #f5f4f0;
--primary-color-hover: #dcdbd8;
--font-family-text: 'Montserrat', sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial;
--font-family-title: 'Playfair Display', sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial;
--background-body: #0E1A2B;
--background-position: top center;
--background-image: none;
--background-repeat: no-repeat;
--background-size: ;
--text-on-body: #f5f4f0;
--text-on-body-light: #ffffff;
--font-size: 16px;
--max-row-size: 1024px;
--max-row-size-padding-large: 1104px;
--max-row-size-padding-small: 1064px;
--max-width: small;
--footer-background: #0E1A2B;
--footer-color: #f5f4f0;
--sales-background: #f5f4f0;
--sales-color: #0E1A2B;
--news-background: #f5f4f0;
--news-color: #0E1A2B;
--flash-background: #f5f4f0;
--flash-color: #0E1A2B;
--promotion-background: #f5f4f0;
--promotion-color: #0E1A2B;
--button-background: #f5f4f0;
--button-background-hover: #dcdbd8;
--button-color: #0E1A2B;
--button-radius: 50px;
--cblogo-background: #0E1A2B;
--cblogo-color: ;
--cblogo-position: center;
}
</style>
<link rel="stylesheet" type="text/css" href="https://media.cdnws.com/_/326911/1789373059327/css/app.css?t=30000" media="all">
<link rel="stylesheet" type="text/css" href="https://media.cdnws.com/_/326911/1789373059327/css/externals/wiziblocks-global.css?t=30000&v=2026091615" media="all">
<script type="text/javascript">
var INCLUDED = [];
var WB_JSON = [
{
'type': 'code-html'
} ];
var HAS_SCRIPT = ["maps","product-list","product-zoom","timer","text","videos","sliders","faq","witness"];
var SCRIPTS_TO_LOAD = [];
</script>
<link rel="stylesheet" href="https://media.cdnws.com/_/326911/1789373059327/css/header-a.css?t=30000">
<link rel="stylesheet" href="https://media.cdnws.com/_/326911/1789373059327/css/product-list-a.css?t=30000">
<link rel="stylesheet" href="https://media.cdnws.com/_/326911/1789373059327/css/product-page-a.css?t=30000">
<link rel="stylesheet" href="https://media.cdnws.com/_/326911/1789373059327/css/footer-a.css?t=30000">
<link rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin />
<link rel="preload"
as="style"
href="https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" />
</noscript>
<link rel="preload"
as="style"
href="https://fonts.googleapis.com/css?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" />
</noscript>
<link type="text/css" href="https://media.cdnws.com/_t/_/dist/icons/fontawesome/css/all.min.css?v1.06" rel="stylesheet" media="all" />
<link type="text/css" href="/_t/_/css/32/69/11/cssperso.css?1787575387" rel="stylesheet" media="all" />
<script>
function getCookie(a)
{
var b = a + "=",
c = document.cookie.split(";"),
d = "",
e = "",
f = {};
for (var g = 0; g < c.length; g++)
{
var h = c[g];
while (h.charAt(0) == " ") h = h.substring(1, h.length);
if (h.indexOf(b) === 0)
{
d = h.substring(b.length, h.length), e = d.substring(0, 1);
if (e == "{")
{
f = JSON.parse(d);
if ("v" in f) return f.v
}
return d == "undefined" ? undefined : decodeURIComponent(d)
}
}
return null
};
</script>
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script><![endif]-->
<template class="wz-template-script"> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11039443749"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'AW-11039443749'); </script> </template><template class="wz-template-script"> <script> window.dataLayer = window.dataLayer || []; </script></template><template class="wz-template-script"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-39R5888K9Y"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'G-39R5888K9Y'); gtag('consent', 'default', {
'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted'
}); </script></template>
<script type="application/ld+json"> {
"@context": "https://schema.org", "@type": "Store","image": ["https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png"], "name": "La Sphère", "address": {
"@type": "PostalAddress", "streetAddress": "40 Rue de l'Anjou", "addressLocality": "Sainte-Clotilde", "addressRegion": "Saint-Denis", "postalCode": "97490", "addressCountry": "RE"
}, "url": "https://www.lasphere.re", "telephone": "+262262150187", "priceRange": "$", "openingHoursSpecification": [{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday"," Tuesday"," Wednesday"," Thursday"," Friday"," Saturday"," Sunday"],"opens":"07:30","closes":"23:00"}]
}
</script><style>img{image-rendering:auto!important;}</style><template class="wz-template-script"><script>
(function(){
"use strict";
var TRACK_URL = "https://la-sphere-go.netlify.app/track";
var LIBERFIT_HOST = "lasphere.liberfit.fr";
var CONSENT_COOKIE = "ls_consent";
var CONSENT_MAX_AGE = 60 * 60 * 24 * 396; // 13 mois (recommandation CNIL, cookies non exemptés)
var sent = new WeakSet();
// ---------------------------------------------------------------------
// Consentement — AUCUN cookie de suivi (ls_vid) et AUCUN évènement ne
// sont envoyés avant acceptation. Le clic "Je m'abonne" vers LiberFit
// n'est JAMAIS bloqué, avec ou sans consentement (la navigation suit
// toujours son cours normal — seule la mesure est concernée).
// ---------------------------------------------------------------------
function getCookie(name){
var m = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
return m ? decodeURIComponent(m[2]) : null;
}
function setCookie(name, value, maxAgeSeconds){
document.cookie = name + "=" + encodeURIComponent(value) + "; Path=/; Max-Age=" + maxAgeSeconds + "; Secure; SameSite=Lax";
}
function hasConsent(){ return getCookie(CONSENT_COOKIE) === "granted"; }
function hasDecided(){ var v = getCookie(CONSENT_COOKIE); return v === "granted" || v === "denied"; }
// ---------------------------------------------------------------------
// Identifiant visiteur (ls_vid) — CORRIGÉ le 15/09/2026 (Priorité absolue
// signalée par Nathan). Avant ce correctif, ls_vid n'était posé QUE par
// la réponse de /track (Set-Cookie), sur le domaine du endpoint de
// tracking (la-sphere-go.netlify.app) -- un domaine DIFFÉRENT du site
// visité (www.lasphere.re). Un cookie posé ainsi depuis une requête
// cross-site (sendBeacon/fetch vers un autre domaine) est un cookie
// TIERS : avec SameSite=Lax (comportement par défaut des navigateurs
// modernes), il n'est ni fiablement conservé ni jamais renvoyé sur les
// requêtes suivantes. Vérifié en conditions réelles le 15/09 : 8 pages
// vues consécutives, avec consentement actif tout du long, ont généré
// 8 visitor_id différents -- 0% de persistance.
//
// Correctif : le cookie ls_vid est désormais généré et lu ICI, en
// JavaScript, sur le domaine du site (www.lasphere.re) -- donc
// réellement FIRST-PARTY, exactement comme ls_consent juste au-dessus.
// Un identifiant aléatoire (UUID v4, jamais dérivé de caractéristiques
// du navigateur) est créé une seule fois puis renvoyé explicitement à
// /track dans chaque évènement (data.ls_vid) -- track.js le reconnaît
// déjà en priorité (voir payload.ls_vid côté serveur). Aucun
// fingerprinting, aucun contournement navigateur : un simple cookie de
// mesure d'audience, posé uniquement après consentement, durée
// identique à celle du consentement lui-même (13 mois).
// ---------------------------------------------------------------------
var VISITOR_COOKIE = "ls_vid";
var VISITOR_MAX_AGE = CONSENT_MAX_AGE; // 13 mois, identique au consentement
function generateUuid(){
if (window.crypto && typeof window.crypto.randomUUID === "function") {
return window.crypto.randomUUID();
}
// Repli pour navigateurs sans crypto.randomUUID() : UUID v4 construit à
// partir de crypto.getRandomValues -- toujours un identifiant aléatoire,
// jamais une empreinte du navigateur.
var bytes = new Uint8Array(16);
(window.crypto || window.msCrypto).getRandomValues(bytes);
bytes[6] = (bytes[6] & 0x0f) | 0x40;
bytes[8] = (bytes[8] & 0x3f) | 0x80;
var hex = Array.prototype.map.call(bytes, function(b){ return b.toString(16).padStart(2, "0"); }).join("");
return hex.slice(0,8) + "-" + hex.slice(8,12) + "-" + hex.slice(12,16) + "-" + hex.slice(16,20) + "-" + hex.slice(20);
}
function getOrCreateVisitorId(){
var existing = getCookie(VISITOR_COOKIE);
if (existing) return existing;
var vid = generateUuid();
setCookie(VISITOR_COOKIE, vid, VISITOR_MAX_AGE);
return vid;
}
// Un ls_vid déjà présent AVANT ce chargement de page = visiteur qui revient
// (posé lors d'une session précédente, consentement déjà donné à l'époque).
// Fiable désormais puisque ls_vid est un cookie first-party sur ce domaine.
var hadPriorVisitorCookie = /(^|;\s*)ls_vid=/.test(document.cookie);
function isLiberfitLink(href){
try {
var u = new URL(href, window.location.href);
return u.hostname.indexOf(LIBERFIT_HOST) !== -1;
} catch(e){ return false; }
}
function getUtm(){
var qp = new URLSearchParams(window.location.search);
var out = {};
// campaign_id/adset_id/ad_id/utm_adset/utm_ad : attribution niveau
// adset/ad (Priorité 2 du 14/09, préparation) -- whitelist étendue pour
// que le site soit prêt à les capter dès que Nathan ajoutera ces
// paramètres au modèle d'URL de ses publicités Meta (action qu'il reste
// seul à décider, ce script ne modifie rien côté Meta). Tant que ces
// paramètres n'apparaissent dans aucune URL, ces champs restent absents
// ici exactement comme avant.
["utm_source","utm_medium","utm_campaign","utm_content","utm_term","fbclid",
"campaign_id","adset_id","ad_id","utm_adset","utm_ad"].forEach(function(k){
var v = qp.get(k);
if (v) out[k] = v;
});
return out;
}
function sendTrack(eventName){
if (!hasConsent()) return; // jamais de tracking sans consentement (ceinture + bretelles)
var data = getUtm();
data.event_name = eventName;
data.page_url = window.location.href;
data.ls_vid = getOrCreateVisitorId(); // identifiant first-party (voir plus haut)
var body = JSON.stringify(data);
try {
if (navigator.sendBeacon) {
var blob = new Blob([body], {type: "text/plain"});
navigator.sendBeacon(TRACK_URL, blob);
return;
}
} catch(e) {}
try {
fetch(TRACK_URL, {method:"POST", headers:{"Content-Type":"text/plain"}, body: body, keepalive: true, mode: "cors"});
} catch(e) {}
}
function onClick(e){
var a = e.target.closest ? e.target.closest("a[href]") : null;
if (!a) return;
var href = a.getAttribute("href");
if (!href || !isLiberfitLink(href) || sent.has(a)) return;
sent.add(a);
// Ne bloque jamais la navigation : la capture part en tâche de fond,
// le clic suit son cours normal vers LiberFit exactement comme avant.
// "start_subscription" fait à la fois office d'évènement d'attribution
// (source= site_start_subscription côté prospects, inchangé) ET
// d'évènement comportemental "ClickSubscribe" du dashboard — un seul
// envoi pour les deux, pour ne pas dupliquer inutilement (cf. Priorité 5 :
// "pas d'évènements inutiles").
sendTrack("start_subscription");
}
// ---------------------------------------------------------------------
// Évènements comportementaux (Priorité 5) — un seul évènement par page,
// déterminé par l'URL réelle du site. PurchaseSubscription n'a PAS
// d'équivalent ici : le paiement a lieu hors site (LiberFit), la
// confirmation vient exclusivement du webhook Stripe côté serveur.
// ---------------------------------------------------------------------
function pageViewEventName(){
var path = window.location.pathname.toLowerCase();
if (path.indexOf("/technologies") === 0 || path.indexOf("/technologies") !== -1) return "view_technology_page";
// /ini.html porte à la fois la présentation de l'offre ET la grille
// tarifaire (pas de page dédiée séparée) : un seul évènement couvre
// ViewSubscriptionPage + ViewPricing plutôt que d'en déclencher deux
// identiques au même instant.
if (path.indexOf("/ini") === 0 || path.indexOf("/ini.html") !== -1) return "view_subscription_page";
return "page_view";
}
function initTracking(){
document.addEventListener("click", onClick, true);
if (hadPriorVisitorCookie) sendTrack("return_visitor");
sendTrack(pageViewEventName());
}
// ---------------------------------------------------------------------
// Bandeau de consentement minimal (nécessaire vs mesure d'audience/pub).
// Choix mémorisé 13 mois, modifiable à tout moment via le petit lien
// "Cookies" toujours visible en bas à gauche.
// ---------------------------------------------------------------------
function showBanner(){
if (document.getElementById("ls-consent-banner")) return;
var el = document.createElement("div");
el.id = "ls-consent-banner";
el.setAttribute("role", "dialog");
el.setAttribute("aria-label", "Gestion des cookies");
el.style.cssText = "position:fixed;left:0;right:0;bottom:0;z-index:2147483647;background:#14110f;color:#f5f2ec;padding:16px 20px;font:14px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif;box-shadow:0 -2px 16px rgba(0,0,0,.25);display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;";
el.innerHTML =
'<div style="flex:1;min-width:240px;">' +
"Nous utilisons des cookies de mesure d'audience et de suivi publicitaire pour comprendre l'origine de nos visiteurs. Vous pouvez accepter ou refuser librement, sans que cela n'affecte votre navigation." +
"</div>" +
'<div style="display:flex;gap:10px;flex-shrink:0;">' +
'<button id="ls-consent-refuse" style="background:transparent;border:1px solid #f5f2ec;color:#f5f2ec;padding:9px 16px;border-radius:6px;cursor:pointer;font-size:14px;">Refuser</button>' +
'<button id="ls-consent-accept" style="background:#d8b985;border:1px solid #d8b985;color:#14110f;padding:9px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;">Accepter</button>' +
"</div>";
document.body.appendChild(el);
document.getElementById("ls-consent-accept").addEventListener("click", function(){
setCookie(CONSENT_COOKIE, "granted", CONSENT_MAX_AGE);
el.remove();
initTracking();
});
document.getElementById("ls-consent-refuse").addEventListener("click", function(){
setCookie(CONSENT_COOKIE, "denied", CONSENT_MAX_AGE);
el.remove();
// Rien d'autre : aucun cookie ls_vid, aucun évènement envoyé.
});
}
function addManageLink(){
if (document.getElementById("ls-consent-manage")) return;
var link = document.createElement("button");
link.id = "ls-consent-manage";
link.type = "button";
link.textContent = "Cookies";
link.setAttribute("aria-label", "Gérer les cookies");
link.style.cssText = "position:fixed;left:12px;bottom:12px;z-index:2147483646;background:#14110f;color:#f5f2ec;border:1px solid rgba(245,242,236,.35);padding:6px 10px;border-radius:20px;font:12px/1 -apple-system,Segoe UI,Roboto,Arial,sans-serif;cursor:pointer;opacity:.7;";
link.addEventListener("mouseenter", function(){ link.style.opacity = "1"; });
link.addEventListener("mouseleave", function(){ link.style.opacity = ".7"; });
link.addEventListener("click", showBanner);
document.body.appendChild(link);
}
function boot(){
if (hasConsent()) initTracking();
else if (!hasDecided()) showBanner();
addManageLink();
}
if (document.body) boot();
else document.addEventListener("DOMContentLoaded", boot);
})();
</script></template>
<link rel="shortcut icon" type="image/x-icon" href="/_i/326911/favicon.ico?0715648001724651911" />
<link rel="canonical" href="https://www.lasphere.re" />
<meta name="warningWebsite" content="true"/>
</head>
<body class="body webp-support product-list-effect-zoom margin-top-wiziblocks header-a footer-a product-list-a product-page-a body--backgroundNotWhite body--fontSize-medium body--maxRow-small body--withoutBackgroundImage facebook-pixel-enabled with-webp wiziblocks-on wrapper--fullsize body--withoutDiaporama body--small customer-logoff page-homepage nav-perso-on new-bloc search-predictive-off highlight-b respo">
<div class="body__global" id="c1-body">
<noscript>
<input type="checkbox" class="header__checkbox header__checkbox--nojs" id="nojs-checkbox">
<div class="header__nojs">
<div class="header__nojs__wrapper">
<p class="header__nojs__text">Votre navigateur ne supporte pas javascript !</p>
</div>
<label class="header__nojs__label" for="nojs-checkbox">
<i class="fa fa-solid fa-xmark"></i>
</label>
</div>
</noscript>
<style>
.search--label {
background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221%22%20width%3D%22268%22%20height%3D%22277.333%22%20viewBox%3D%220%200%20201.000000%20208.000000%22%3E%3Cpath%20fill%3D%22%23f5f4f0%22%20d%3D%22M103.2%201.1C85.5%204.2%2071.2%2011.8%2058%2025%2044.2%2038.8%2036.9%2053.1%2033.9%2072.1c-3.1%2019.9%203%2045%2014.6%2060.2%202%202.6%203.5%205.3%203.2%206-.3.7-11.4%2012.6-24.8%2026.6C13.5%20178.8%202%20191.2%201.3%20192.4c-4.2%207.4%203.3%2016.8%2012%2015.2%202.8-.5%207.2-4.6%2023.9-21.9%2011.2-11.6%2022.9-23.8%2025.9-27.1l5.4-5.8%206%203.6c11.7%206.9%2028.9%2011.6%2042.5%2011.6%2021.9%200%2045.7-10.3%2060.8-26.4%2010.3-11.1%2016.2-21.5%2020.4-36.4%203.2-11.1%203.2-31.4%200-42.7C190%2033.5%20167.6%2011%20139%203c-8.6-2.4-27.4-3.5-35.8-1.9zM131%2023.6c22.3%205.2%2041.2%2024.1%2046.4%2046.4%203.3%2013.8%201.5%2028.5-5.2%2042-7.6%2015.5-24.8%2028.9-41.8%2032.5-21.4%204.5-41.4-1.4-56.9-17C54%20108%2049.5%2081.3%2061.7%2056.1c7.2-15%2024.1-28.5%2040.8-32.5%208-1.9%2020.5-1.9%2028.5%200z%22/%3E%3C/svg%3E')
}
.header__account__a {
background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%221717%2046%2020.003%2020.001%22%3E%3Cpath%20d%3D%22M1717.001%2055.998a10%2010%200%201%200%202.93-7.07%209.6%209.6%200%200%200-2.93%207.07zm19.17%200a8.8%208.8%200%200%201-2.16%205.86c-1.38-.54-2.87-1.06-4.47-1.54a.743.743%200%200%201-.1-.53%203.039%203.039%200%200%201%20.29-1.1%206.138%206.138%200%200%200%20.44-1.54%203.529%203.529%200%200%200%20.67-1.54%203.285%203.285%200%200%200%200-1.34.139.139%200%200%200-.05-.1%204.366%204.366%200%200%201%20.14-1.83%203.078%203.078%200%200%200-.72-2.5%203.44%203.44%200%200%200-2.78-1.34h-.87a3.639%203.639%200%200%200-2.79%201.34%203.077%203.077%200%200%200-.72%202.5%204.6%204.6%200%200%201%20.15%201.83v.1a2.586%202.586%200%200%200-.05%201.34%204.353%204.353%200%200%200%20.67%201.59%207.24%207.24%200%200%200%20.43%201.49%202.642%202.642%200%200%201%20.2%201.15.544.544%200%200%201-.15.48%2030.461%2030.461%200%200%200-4.32%201.54%209.158%209.158%200%201%201%2016.19-5.86z%22%20fill%3D%22%23f5f4f0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
body .header__account__a:hover,
body .header__account__a:focus {
background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%221717%2046%2020.003%2020.001%22%3E%3Cpath%20d%3D%22M1717.001%2055.998a10%2010%200%201%200%202.93-7.07%209.6%209.6%200%200%200-2.93%207.07zm19.17%200a8.8%208.8%200%200%201-2.16%205.86c-1.38-.54-2.87-1.06-4.47-1.54a.743.743%200%200%201-.1-.53%203.039%203.039%200%200%201%20.29-1.1%206.138%206.138%200%200%200%20.44-1.54%203.529%203.529%200%200%200%20.67-1.54%203.285%203.285%200%200%200%200-1.34.139.139%200%200%200-.05-.1%204.366%204.366%200%200%201%20.14-1.83%203.078%203.078%200%200%200-.72-2.5%203.44%203.44%200%200%200-2.78-1.34h-.87a3.639%203.639%200%200%200-2.79%201.34%203.077%203.077%200%200%200-.72%202.5%204.6%204.6%200%200%201%20.15%201.83v.1a2.586%202.586%200%200%200-.05%201.34%204.353%204.353%200%200%200%20.67%201.59%207.24%207.24%200%200%200%20.43%201.49%202.642%202.642%200%200%201%20.2%201.15.544.544%200%200%201-.15.48%2030.461%2030.461%200%200%200-4.32%201.54%209.158%209.158%200%201%201%2016.19-5.86z%22%20fill%3D%22%23f5f4f0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
.header__cart__a {
background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%221786.999%2046%2015.001%2019.901%22%3E%3Cpath%20d%3D%22M1802%2065.111l-.7-13.7a.7.7%200%200%200-.7-.68h-2.04v-.67a4.061%204.061%200%201%200-8.121%200v.67h-2.05a.712.712%200%200%200-.7.68l-.69%2013.74a.754.754%200%200%200%20.19.53.7.7%200%200%200%20.51.22h13.6a.707.707%200%200%200%20.7-.72v-.07zm-5.52-14.38h-3.96v-.67a1.981%201.981%200%201%201%203.96%200z%22%20fill%3D%22%23f5f4f0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
body .header__cart:hover .header__cart__a {
background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%221786.999%2046%2015.001%2019.901%22%3E%3Cpath%20d%3D%22M1802%2065.111l-.7-13.7a.7.7%200%200%200-.7-.68h-2.04v-.67a4.061%204.061%200%201%200-8.121%200v.67h-2.05a.712.712%200%200%200-.7.68l-.69%2013.74a.754.754%200%200%200%20.19.53.7.7%200%200%200%20.51.22h13.6a.707.707%200%200%200%20.7-.72v-.07zm-5.52-14.38h-3.96v-.67a1.981%201.981%200%201%201%203.96%200z%22%20fill%3D%22%23f5f4f0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
</style>
<style>
@media(min-width: 1024px) {
.header__logo__a .picture--left {
position: relative;
display: block;
width: 321.9px;
height: 200px;
}
}
</style>
<input type="checkbox" class="header__checkbox header__checkbox--nav" id="nav-checkbox" autocomplete="off">
<input type="checkbox" class="header__checkbox header__checkbox--search" id="search-checkbox" autocomplete="off">
<input type="checkbox" class="header__checkbox header__checkbox--login" id="login-checkbox" autocomplete="off">
<div class="header new-menu">
<div class="header__wrapper">
<header id="header" class="header__content">
<div class="header__relative">
<div class="header__logo">
<div class="header__h1">
<a class="header__logo__a" href="/" title="La Sphère">
<picture class="picture picture--left">
<source srcset="https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png.webp" type="image/webp">
<source srcset="https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png">
<img onerror="this.classList.add('error');" onload="this.classList.remove('error');" class="header__logo__a__img" src="https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png" alt="La Sphère">
</picture>
<span class="header__logo__a__img__name hidden">
<span class="header__logo__a__name__title show">La Sphère</span>
<span class="header__logo__a__name__slogan">
<span>Bulle de Bonheur</span>
</span>
</span>
</a>
</div>
</div>
<div class="header__nav">
<label for="nav-checkbox" class="header__nav__icon">
<span class="header__nav__icon__span header__nav__icon__span--first"></span>
<span class="header__nav__icon__span header__nav__icon__span--second"></span>
<span class="header__nav__icon__span header__nav__icon__span--third"></span>
<span class="header__nav__icon__span header__nav__icon__span--fourth"></span>
<span class="header__nav__icon__text">Menu</span>
</label>
</div>
<div class="header__search search search--logoff">
<label for="search-checkbox" id="search-label" class="search--label header__tab">
Chercher
</label>
<div class="search--wrapper" id="search-wrapper">
<form id="search-form" class="search--form" method="get" action="/recherche.php">
<fieldset class="search--fieldset">
<label for="search">
<input type="text" id="search" class="search--input" name="q" placeholder="Saisissez votre recherche" required autocomplete="off"/>
<span class="hidden">Rechercher</span>
<span class="close">
<span class="front"></span>
<span class="back"></span>
</span>
</label>
<span id="search-reset" class="search--reset">
<i class="fa fa-solid fa-xmark"></i>
</span>
<a class="search-all" href="/s/"></a>
<button class="search--btn" id="search-btn" type="submit">
<i class="fa fa-solid fa-magnifying-glass search--icon"></i>
Rechercher</button>
</fieldset>
<label for="search-checkbox" class="search--result-close">
<i class="fa fa-solid fa-xmark search--result-icon search--result-icon--small"></i>
</label>
</form>
<div id="search-result" data-submit="voir tous les résultats de la recherche pour" class="search--result" >
<div id="search-result-ul" class="search--result-ul"></div>
</div>
</div>
</div>
<div class="header__area">
<div class="header__cart header__cart--top cart">
<a href="/p/cart.html" class="header__cart__a header__tab">
<span class="header__cart__text">Panier</span>
<span class="header__cart__a__nb header__cart__a__nb--hide">
0
</span>
</a>
<div id="cart-modal" class="cart-modal cart-modal-hover-effect cart-modal--top cart-empty">
<div id="c1-cart-modal" class="cart-modal__wrapper">
<div id="c2-cart-modal" class="cart-modal__content">
</div>
</div>
</div>
<div class="cart-modal__bg"></div>
</div>
<div class="header__account account--logoff">
<label for="login-checkbox" class="header__account__a header__tab">
<span class="header__account__span">
Mon compte
</span>
</label>
</div>
</div>
</div>
</header>
<nav class="nav">
<div class="nav__wrapper">
<div class="nav__maxWidth">
<a class="nav__a nav__itemlvl1 nav__itemlvl1--login" href="/account/">
<span class="nav__itemlvl1__icon"></span>
Se connecter / S'inscrire</a>
<a class="nav__a nav__itemlvl1" href="/">ACCUEIL</a>
<a class="nav__a nav__itemlvl1" href="https://www.lasphere.re/ini.html" title="Venir en illimité">Venir en illimité</a>
<a class="nav__a nav__itemlvl1" href="https://www.lasphere.re/technologies.html?WiziType=page-libre&WiziNomPage=technologies&clear-pimpmyshop=1&" title="TECHNOLOGIES">TECHNOLOGIES</a>
<input class="nav__checkboxlvl0 hidden" id="menu-enrichi-4" type="checkbox">
<div class="nav__label">
<div class="nav__wrapper2">
<span class="nav__itemlvl1 nav__itemlvl1--with-subnav">Venir Une fois</span>
<label for="menu-enrichi-4" class="nav__arrow">
<i class="fa fa-solid fa-chevron-right"></i>
</label>
</div>
<div class="nav__sublevel">
<div class="nav__ul__header">
<label for="menu-enrichi-4" class="nav__ul__header__label">
<i class="fa fa-solid fa-chevron-left nav__ul__header__icon"></i>
</label>
<span class="nav__ul__header__text">Venir Une fois</span>
</div>
<div class="nav__flex">
<div class="nav__col nav__col-1">
<div class="nav__rich">
<a class="nav__a nav__rich__a" href="/listes-rituels.html" title="Rituels">Rituels</a>
</div>
</div>
<div class="nav__col nav__col-2">
<div class="nav__rich">
<a class="nav__a nav__rich__a" href="https://giftup.app/place-order/5569ac42-cb19-4148-46b5-08dce397ae35?platform=hosted" title="Carte Cadeau" target="_self" >Carte Cadeau</a>
</div>
</div>
</div>
</div>
</div>
<a class="nav__a nav__itemlvl1" href="https://www.lasphere.re/reservation.html" title="Réservation">Réservation</a>
<a class="nav__a nav__itemlvl1" href="faq.html" title="FAQ">FAQ</a>
<a class="nav__a nav__itemlvl1" href="https://www.lasphere.re/contact.html" title="Contact">Contact</a>
<a class="nav__a nav__itemlvl1" href="https://www.lasphere.re/ini.html" title="JE M'ABONNE">JE M'ABONNE</a>
</div>
</div>
</nav>
<label for="nav-checkbox" class="nav__close"></label>
</div>
</div>
<div class="body__wrapper body__wrapper--withoutPadding">
<div class="body__wrapper__maxWidth">
<div id="00b0142a-52ba-4ec4-82d8-41112f0394db" class="wiziblocks__item margin-top-small wiziblocks__item--fullpage medium">
<div>
<div class="ls2-wrap">
<style>
/* ============================================================
LA SPHÈRE — HOME V4 — CLARTÉ PREMIUM
Principe : un seul message par écran. La pièce maîtresse est
le choix entre les deux formules — tout le reste est silencieux.
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,500&family=Montserrat:wght@400;500;600;700&display=swap');
.ls2-wrap{
--navy-0:#0e1a2b;
--navy-1:#152538;
--navy-2:#1c2f47;
--ink:#f4f2ec;
--ink-dim:#c7cbd3;
--ink-faint:#8993a1;
--gold:#d5b578;
--gold-soft:rgba(213,181,120,.14);
--gold-line:rgba(213,181,120,.38);
--line:rgba(244,242,236,.12);
background: var(--navy-0);
color: var(--ink);
font-family:'Montserrat', ui-sans-serif, system-ui, sans-serif;
-webkit-font-smoothing:antialiased;
position:relative;
overflow:hidden;
padding-bottom: 90px;
}
.ls2-wrap *{ box-sizing:border-box; }
.ls2-serif{ font-family:'Cormorant Garamond', Georgia, serif; }
.ls2-sr{ position:absolute; width:1px;height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ls2-glow{
position:absolute; inset:0; pointer-events:none; z-index:0;
background:
radial-gradient(700px 420px at 15% -5%, rgba(213,181,120,.10), transparent 60%),
radial-gradient(900px 500px at 90% 15%, rgba(120,140,180,.08), transparent 60%);
}
.ls2-shell{ max-width: 1040px; margin:0 auto; padding: 0 22px; position:relative; z-index:1; }
.ls2-section{ padding: 78px 0; }
.ls2-section + .ls2-section{ border-top: 1px solid var(--line); }
.ls2-eyebrow{
display:inline-flex; align-items:center; gap:9px;
font-size:.72rem; letter-spacing:.24em; text-transform:uppercase;
color: var(--ink-faint);
}
.ls2-eyebrow .d{ width:5px; height:5px; border-radius:99px; background:var(--gold); }
.ls2-h2{
font-family:'Cormorant Garamond', Georgia, serif;
font-weight:600;
font-size: 2.15rem;
line-height:1.15;
margin: 10px 0 0 0;
letter-spacing: -.005em;
}
.ls2-lead{
margin: 14px 0 0 0;
max-width: 620px;
color: var(--ink-dim);
font-size: 1rem;
line-height: 1.85;
}
.ls2-center{ text-align:center; }
.ls2-center .ls2-lead{ margin-left:auto; margin-right:auto; }
.ls2-btn{
display:inline-flex; align-items:center; justify-content:center; gap:9px;
padding: 14px 26px; border-radius: 3px;
text-decoration:none !important; font-family:'Montserrat',sans-serif;
font-size:.86rem; font-weight:600; letter-spacing:.02em;
border:1px solid transparent; cursor:pointer; transition:.18s ease;
white-space:nowrap;
}
.ls2-btn-gold{ background:var(--gold); color:#141014 !important; }
.ls2-btn-gold:hover{ background:#e2c68e; transform:translateY(-1px); }
.ls2-btn-line{ border-color: rgba(244,242,236,.30); color:var(--ink) !important; background:transparent; }
.ls2-btn-line:hover{ border-color: rgba(244,242,236,.65); background:rgba(244,242,236,.05); }
.ls2-btn-goldline{ border-color: var(--gold-line); color:var(--gold) !important; background:transparent; }
.ls2-btn-goldline:hover{ background: var(--gold-soft); }
/* ---------- HERO ---------- */
.ls2-hero{ padding: 60px 0 0 0; text-align:center; }
.ls2-hero .ls2-eyebrow{ justify-content:center; }
.ls2-h1{
font-family:'Cormorant Garamond', Georgia, serif;
font-weight:600; font-style:italic;
font-size: 3rem; line-height:1.08;
margin: 16px 0 14px 0; letter-spacing:-.01em;
}
.ls2-h1 em{ font-style:normal; color:var(--gold); }
.ls2-hero-sub{
max-width: 560px; margin: 0 auto; color: var(--ink-dim);
font-size:1.02rem; line-height:1.85;
}
.ls2-hero-fork{
display:flex; align-items:stretch; justify-content:center; gap:0;
max-width: 620px; margin: 34px auto 0 auto;
}
.ls2-hero-opt{
flex:1; text-decoration:none !important; color:inherit;
border:1px solid var(--line); border-radius:6px;
padding: 18px 16px; text-align:center;
background: rgba(244,242,236,.03);
transition:.18s ease;
}
.ls2-hero-opt:hover{ border-color: rgba(244,242,236,.42); transform: translateY(-1px); }
.ls2-hero-opt.gold{ border-color: var(--gold-line); background: rgba(213,181,120,.09); }
.ls2-hero-opt.gold:hover{ border-color: rgba(213,181,120,.7); }
.ls2-hero-opt .k{ font-size:.64rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-faint); margin:0 0 7px 0; }
.ls2-hero-opt.gold .k{ color:var(--gold); }
.ls2-hero-opt .t{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:1.15rem; margin:0 0 5px 0; color:var(--ink); }
.ls2-hero-opt .p{ font-size:.78rem; color:var(--ink-faint); margin:0; }
.ls2-hero-or{
display:flex; align-items:center; justify-content:center;
padding: 0 14px; font-family:'Cormorant Garamond',serif; font-style:italic;
color:var(--gold); font-size:.92rem;
}
@media (max-width:560px){
.ls2-hero-fork{ flex-direction:column; gap:10px; }
.ls2-hero-or{ padding:2px 0; }
}
/* ---------- ANNIVERSAIRE — bandeau, pas un bloc géant ---------- */
.ls2-annonce{
display:block; text-decoration:none !important; color:inherit;
margin: 40px auto 0 auto; max-width: 760px;
border: 1px solid var(--gold-line);
background: linear-gradient(180deg, rgba(213,181,120,.08), rgba(213,181,120,.02));
border-radius: 4px;
padding: 18px 22px;
transition:.18s ease;
}
.ls2-annonce:hover{ background: linear-gradient(180deg, rgba(213,181,120,.15), rgba(213,181,120,.04)); border-color: rgba(213,181,120,.65); }
.ls2-annonce-txt{ text-align:left; }
.ls2-annonce-txt .k{ font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin:0 0 4px 0; }
.ls2-annonce-txt .m{ margin:0; font-size:.92rem; color:var(--ink); line-height:1.6; }
.ls2-annonce-txt .s{ margin:4px 0 0 0; font-size:.76rem; color:var(--ink-faint); }
/* ---------- LES DEUX FORMULES — pièce maîtresse ---------- */
.ls2-fork-head{ text-align:center; max-width: 640px; margin: 0 auto; }
.ls2-fork{
margin-top: 40px;
display:grid; grid-template-columns: 1fr auto 1fr;
align-items:stretch; gap: 0;
}
.ls2-fork-or{
display:flex; align-items:center; justify-content:center;
padding: 0 22px;
}
.ls2-fork-or span{
width:44px; height:44px; border-radius:99px;
border:1px solid var(--gold-line);
display:flex; align-items:center; justify-content:center;
font-family:'Cormorant Garamond',serif; font-style:italic; font-size:.95rem;
color:var(--gold); background: var(--navy-0);
}
.ls2-path{
border:1px solid var(--line);
border-radius: 6px;
padding: 32px 28px;
background: linear-gradient(180deg, rgba(244,242,236,.035), rgba(244,242,236,.01));
position:relative;
display:flex; flex-direction:column;
}
.ls2-path.gold{
border-color: var(--gold-line);
background: linear-gradient(180deg, rgba(213,181,120,.09), rgba(213,181,120,.02));
}
.ls2-path .tag{
font-size:.68rem; letter-spacing:.2em; text-transform:uppercase;
color: var(--ink-faint); margin: 0 0 12px 0;
}
.ls2-path.gold .tag{ color: var(--gold); }
.ls2-path h3{
font-family:'Cormorant Garamond', serif; font-weight:600; font-style:italic;
font-size: 1.55rem; margin:0 0 10px 0; line-height:1.2;
}
.ls2-path p.d{ margin:0 0 20px 0; color:var(--ink-dim); font-size:.92rem; line-height:1.8; }
.ls2-path ul{ list-style:none; margin:0 0 24px 0; padding:0; display:grid; gap:9px; flex:1; }
.ls2-path li{ font-size:.87rem; color:#dfe2e7; display:flex; gap:9px; line-height:1.55; }
.ls2-path li b{ color:var(--gold); font-weight:700; }
.ls2-path .price{ font-size:.82rem; color:var(--ink-faint); margin-bottom:16px; line-height:1.7; }
.ls2-path .price strong{ color:var(--ink); font-weight:700; }
.ls2-path .techs{ font-size:.8rem; color:var(--ink-faint); margin: -6px 0 18px 0; line-height:1.7; }
@media (max-width: 760px){
.ls2-fork{ grid-template-columns: 1fr; gap: 14px; }
.ls2-fork-or{ padding: 6px 0; }
.ls2-fork-or span{ transform: rotate(90deg); }
}
.ls2-fork-trust{
text-align:center; margin-top: 26px;
font-size:.82rem; color: var(--ink-faint); letter-spacing:.01em;
}
.ls2-fork-trust b{ color: var(--gold); font-weight:700; }
/* ---------- RITUELS (sous formule ponctuelle) ---------- */
.ls2-rit-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:16px; margin-top: 34px; }
.ls2-rit{
border:1px solid var(--line); border-radius:6px; padding:20px 18px;
background: rgba(244,242,236,.02);
}
.ls2-rit.best{ border-color: var(--gold-line); background: rgba(213,181,120,.06); }
.ls2-rit .badge, .ls2-mem .badge{ font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.ls2-rit h4{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.16rem; margin:0 0 4px 0; }
.ls2-rit .dur{ font-size:.8rem; color:var(--ink-faint); margin-bottom:10px; }
.ls2-rit p{ margin:0; color:var(--ink-dim); font-size:.86rem; line-height:1.75; }
@media (max-width: 760px){ .ls2-rit-grid{ grid-template-columns:1fr; } }
/* ---------- MEMBRES (sous formule illimitée) ---------- */
.ls2-mem-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; margin-top: 34px; }
.ls2-mem{
border:1px solid var(--line); border-radius:6px; padding:22px 18px; text-align:center;
background: rgba(244,242,236,.02);
}
.ls2-mem.reco{ border-color: var(--gold-line); background: rgba(213,181,120,.06); }
.ls2-mem .name{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:1.2rem; margin:0 0 6px 0; }
.ls2-mem .amt{ font-size:1.5rem; font-weight:700; color:var(--ink); margin:0; }
.ls2-mem .amt span{ font-size:.78rem; color:var(--ink-faint); font-weight:500; }
.ls2-mem .eng{ font-size:.78rem; color:var(--ink-faint); margin-top:4px; }
@media (max-width: 760px){ .ls2-mem-grid{ grid-template-columns:1fr; } }
/* ---------- CONFIANCE ---------- */
.ls2-trust{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; justify-content:center; }
.ls2-stars{ font-size:1.3rem; letter-spacing:.14em; color:var(--gold); }
.ls2-trust-txt{ color:var(--ink-dim); font-size:.9rem; }
.ls2-quotes{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:30px; }
.ls2-quote{ border-left:2px solid var(--gold-line); padding-left:16px; }
.ls2-quote p{ margin:0; color:#dfe2e7; font-size:.92rem; line-height:1.8; font-style:italic; font-family:'Cormorant Garamond',serif; }
.ls2-quote span{ display:block; margin-top:8px; font-size:.76rem; color:var(--ink-faint); font-family:'Montserrat',sans-serif; }
@media (max-width: 760px){ .ls2-quotes{ grid-template-columns:1fr; } }
/* ---------- CTA FINAL ---------- */
.ls2-final{ text-align:center; }
.ls2-final .ls2-btn{ margin: 6px; }
/* ---------- STICKY MOBILE ---------- */
.ls2-sticky{
position:fixed; left:12px; right:12px; bottom:12px; z-index:60;
display:none; opacity:0; pointer-events:none; transition:opacity .2s ease;
}
.ls2-sticky-in{
border-radius: 6px; padding:12px 14px;
background: linear-gradient(180deg, rgba(21,37,56,.96), rgba(14,26,43,.98));
border:1px solid var(--gold-line);
box-shadow:0 20px 60px rgba(0,0,0,.6);
display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.ls2-sticky-txt{ font-size:.82rem; color:var(--ink); }
@media (max-width:900px){ .ls2-sticky{ display:block; } }
.ls2-tech-grid{
margin-top: 40px;
display:grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
}
.ls2-tech-card{
background: var(--navy-1);
border: 1px solid var(--line);
border-radius: 6px;
padding: 22px 14px 18px 14px;
text-align:center;
}
.ls2-tech-card img{ width:56px; height:56px; object-fit:contain; margin:0 auto 12px auto; display:block; }
.ls2-tech-card p{ margin:0; font-size:.82rem; font-weight:600; letter-spacing:.02em; color:var(--ink); text-transform:uppercase; }
.ls2-tech-foot{ margin-top:34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; text-align:center; }
.ls2-tech-foot .ls2-tech-sub{ width:100%; color:var(--ink-dim); font-size:.92rem; margin:0; }
.ls2-tech-foot .ls2-tech-price{ color:var(--gold); font-weight:600; font-size:.86rem; letter-spacing:.03em; }
@media (max-width:900px){ .ls2-tech-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:560px){ .ls2-tech-grid{ grid-template-columns: repeat(2, 1fr); gap:12px; } .ls2-tech-card{ padding:16px 8px 14px 8px; } .ls2-tech-card img{ width:44px; height:44px; } .ls2-tech-card p{ font-size:.74rem; } }
</style>
<div class="ls2-glow" aria-hidden="true"></div>
<div class="ls2-shell">
<p class="ls2-sr">La Sphère — Spa nouvelle génération en illimité, 40 rue de l'Anjou, Sainte-Clotilde, La Réunion. Ouvert 7j/7. Deux façons de venir : à l'expérience, ou en illimité avec Les Initiés La Sphère.</p>
<!-- HERO -->
<header class="ls2-hero" id="top">
<div class="ls2-eyebrow"><span class="d"></span>La Sphère</div>
<h1 class="ls2-h1">Le spa nouvelle génération <em>en illimité</em></h1>
<p class="ls2-hero-sub">À partir de 49,90€/mois — 7j/7 · 7h30–23h</p>
<p style="margin:6px 0 0 0; font-size:.78rem; letter-spacing:.04em; color:var(--ink-faint);">Stress · Récupération · Sommeil · Détente</p>
<div class="ls2-hero-fork" style="gap:14px;">
<a class="ls2-btn ls2-btn-gold" href="https://www.lasphere.re/ini.html">Voir les abonnements</a>
<a class="ls2-btn ls2-btn-line" href="https://www.lasphere.re/listes-rituels.html">Venir une fois</a>
</div>
<a class="ls2-annonce" href="https://www.lasphere.re/listes-rituels.html">
<div class="ls2-annonce-txt">
<p class="k">La Sphère fête ses 4 ans</p>
<p class="m">Ce mois-ci, chaque expérience réservée en offre une seconde →</p>
<p class="s">Sur les expériences à l'unité · hors massages Cinq Mondes · bon valable 60 jours</p>
</div>
</a>
</header>
<!-- TOUT ÇA DANS VOTRE ABONNEMENT -->
<section class="ls2-section" id="ls2-abonnement-grille">
<div class="ls2-shell">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Dans votre abonnement</div>
<h2 class="ls2-h2">Tout ça dans votre abonnement</h2>
</div>
<div class="ls2-tech-grid">
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-179/3244/80/chatgpt-image-21-nov-2025-17-47-23.png" alt="Fauteuil massant" loading="lazy"><p>Fauteuil massant</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-196/1777/97/chatgpt-image-24-nov-2025-15-40-23.png" alt="Aquabiking" loading="lazy"><p>Aquabiking</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-176/2299/77/chatgpt-image-21-nov-2025-17-36-01.png" alt="Lit de flottaison" loading="lazy"><p>Lit de flottaison</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-181/1634/82/chatgpt-image-21-nov-2025-17-54-06.png" alt="Sauna" loading="lazy"><p>Sauna</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-180/735/81/chatgpt-image-21-nov-2025-17-51-52.png" alt="Hammam" loading="lazy"><p>Hammam</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-170/321/71/chatgpt-image-21-nov-2025-15-21-37.png" alt="Bain à remous" loading="lazy"><p>Bain à remous</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-177/3250/78/chatgpt-image-21-nov-2025-17-38-37.png" alt="Pressothérapie" loading="lazy"><p>Pressothérapie</p></div>
<div class="ls2-tech-card"><img src="https://media.cdnws.com/_i/326911/RAW-182/1161/83/chatgpt-image-21-nov-2025-17-56-02.png" alt="Thérapie par le froid" loading="lazy"><p>Thérapie par le froid</p></div>
</div>
<div class="ls2-tech-foot">
<p class="ls2-tech-sub">Ces expériences sont incluses dans votre abonnement</p>
<span class="ls2-tech-price">À partir de 49,90€/mois</span>
<a class="ls2-btn ls2-btn-line" href="https://www.lasphere.re/technologies.html">Voir toutes les expériences</a>
</div>
</div>
</section>
<!-- POURQUOI VENIR + VENIR EN ILLIMITÉ (featured) + VENIR UNE FOIS (secondaire) -->
<section class="ls2-section" id="ls2-pourquoi">
<div class="ls2-shell">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Pourquoi venir</div>
<h2 class="ls2-h2">Pourquoi venir ?</h2>
</div>
<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:18px; margin-top:40px;">
<div style="background:var(--navy-1); border:1px solid var(--line); border-radius:6px; padding:26px 22px; text-align:center;">
<h3 style="margin:0 0 10px 0; font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:1.35rem; color:var(--gold);">Stress</h3>
<p style="margin:0; color:var(--ink-dim); font-size:.92rem; line-height:1.5;">Pour souffler et relâcher la pression.</p>
</div>
<div style="background:var(--navy-1); border:1px solid var(--line); border-radius:6px; padding:26px 22px; text-align:center;">
<h3 style="margin:0 0 10px 0; font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:1.35rem; color:var(--gold);">Récupération</h3>
<p style="margin:0; color:var(--ink-dim); font-size:.92rem; line-height:1.5;">Pour aider le corps à récupérer.</p>
</div>
<div style="background:var(--navy-1); border:1px solid var(--line); border-radius:6px; padding:26px 22px; text-align:center;">
<h3 style="margin:0 0 10px 0; font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:1.35rem; color:var(--gold);">Sommeil</h3>
<p style="margin:0; color:var(--ink-dim); font-size:.92rem; line-height:1.5;">Pour intégrer plus de relaxation dans son quotidien.</p>
</div>
<div style="background:var(--navy-1); border:1px solid var(--line); border-radius:6px; padding:26px 22px; text-align:center;">
<h3 style="margin:0 0 10px 0; font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:1.35rem; color:var(--gold);">Détente</h3>
<p style="margin:0; color:var(--ink-dim); font-size:.92rem; line-height:1.5;">Pour simplement prendre du temps pour soi.</p>
</div>
</div>
</div>
</section>
<!-- VENIR EN ILLIMITÉ — offre principale -->
<section class="ls2-section" id="ls2-illimite">
<div class="ls2-shell">
<div class="ls2-path gold" style="max-width:640px; margin:0 auto;">
<p class="tag">Notre formule phare</p>
<h3>Venir en illimité</h3>
<p class="d">Un accès illimité à toutes les expériences, 7j/7 de 7h30 à 23h00, avec un Coach Bonheur qui vous suit à chaque visite.</p>
<ul>
<li><b>—</b> Accès illimité, 7j/7 · 7h30–23h00</li>
<li><b>—</b> Toutes les expériences incluses</li>
<li><b>—</b> Coaching personnalisé inclus</li>
<li><b>—</b> Programme adapté à votre rythme</li>
</ul>
<div class="price">À partir de <strong>49,90€ / mois</strong></div>
<a class="ls2-btn ls2-btn-gold" href="https://www.lasphere.re/ini.html" style="margin-top:14px;">Voir les abonnements</a>
</div>
</div>
</section>
<!-- DÉTAIL FORMULE 2 : ABONNEMENTS -->
<section class="ls2-section">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Formule 2 — en détail</div>
<h2 class="ls2-h2">Les Initiés La Sphère</h2>
<p class="ls2-lead">Trois durées, un seul accès illimité. Vous choisissez le niveau d'engagement qui vous ressemble.</p>
</div>
<div class="ls2-mem-grid">
<div class="ls2-mem reco">
<p class="badge">Le plus choisi</p>
<p class="name">Héritage</p>
<p class="amt">49,90€ <span>/ mois</span></p>
<p class="eng">Engagement 12 mois</p>
</div>
<div class="ls2-mem">
<p class="name">Équilibre</p>
<p class="amt">59,90€ <span>/ mois</span></p>
<p class="eng">Engagement 6 mois</p>
</div>
<div class="ls2-mem">
<p class="name">Horizon</p>
<p class="amt">69,90€ <span>/ mois</span></p>
<p class="eng">Sans engagement</p>
</div>
</div>
<div style="text-align:center; margin-top:28px;">
<a class="ls2-btn ls2-btn-gold" href="https://www.lasphere.re/ini.html">Devenir Initié</a>
</div>
</section>
<!-- COACHING -->
<section class="ls2-section ls2-center">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Coaching</div>
<h2 class="ls2-h2">Tous les 3 mois, on fait le point avec vous.</h2>
<p class="ls2-lead">Un Coach Bonheur ajuste votre parcours selon votre ressenti et vos objectifs.</p>
</div>
</section>
<!-- PROGRAMME PERSONNALISÉ -->
<section class="ls2-section ls2-center">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Programme personnalisé</div>
<h2 class="ls2-h2">Un programme pour vous.</h2>
<p class="ls2-lead">Chaque visite s'adapte à votre rythme et à vos besoins du moment.</p>
</div>
</section>
<!-- CONFIANCE -->
<section class="ls2-section ls2-center">
<div class="ls2-trust">
<div class="ls2-stars">★★★★★</div>
<div class="ls2-trust-txt">4,8 / 5 — avis Google</div>
</div>
<div class="ls2-quotes">
<div class="ls2-quote">
<p>« La première fois, j'ai eu l'impression de respirer à nouveau. Aujourd'hui, c'est mon rendez-vous régulier. »</p>
<span>Sarah L. — Initiée depuis 2023</span>
</div>
<div class="ls2-quote">
<p>« Après une période de surmenage, j'ai dormi comme je n'avais pas dormi depuis longtemps. »</p>
<span>Julien R. — Escale Évasion</span>
</div>
</div>
</section>
<!-- VENIR UNE FOIS — offre secondaire -->
<section class="ls2-section" id="ls2-uneois">
<div class="ls2-shell">
<div class="ls2-path" style="max-width:640px; margin:0 auto; text-align:center;">
<p class="tag">Sans engagement</p>
<h3>Venir une fois</h3>
<p class="d">Vous préférez essayer sans vous abonner ? Réservez une expérience à l'unité, à la date qui vous convient.</p>
<div class="price">À partir de <strong>74,90€</strong> l'expérience</div>
<a class="ls2-btn ls2-btn-line" href="https://www.lasphere.re/listes-rituels.html" style="margin-top:14px;">Voir les expériences</a>
</div>
</div>
</section>
<!-- DÉTAIL FORMULE 1 : RITUELS -->
<section class="ls2-section">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Formule 1 — en détail</div>
<h2 class="ls2-h2">Trois expériences, un seul objectif</h2>
<p class="ls2-lead">Chacune vous fait du bien. La différence, c'est la profondeur de la coupure.</p>
</div>
<div class="ls2-rit-grid">
<div class="ls2-rit">
<p class="badge">Format court</p>
<h4>Rituel Bonheur</h4>
<p class="dur">≈ 2h</p>
<p>L'essentiel pour relâcher la pression : fauteuil massant, lit hydromassant, NeuroSpa, lit de flottaison, bain à remous.</p>
</div>
<div class="ls2-rit">
<p class="badge">Format intermédiaire</p>
<h4>Escapade Immersive</h4>
<p class="dur">≈ 2h30</p>
<p>Le Rituel Bonheur, enrichi de sophrologie immersive, pressothérapie et réflexologie plantaire.</p>
</div>
<div class="ls2-rit best">
<p class="badge">Le plus complet</p>
<h4>Escale Évasion</h4>
<p class="dur">≈ 3h</p>
<p>La coupure totale : hammam, sauna, thérapie par le froid, luminothérapie, isolation sensorielle et plus encore.</p>
</div>
<div class="ls2-rit">
<p class="badge">Massage manuel</p>
<h4>Massages Cinq Mondes</h4>
<p class="dur">≈ 1h</p>
<p>Un massage manuel réalisé par nos praticiens, à réserver à l'unité — non inclus dans l'abonnement.</p>
</div>
</div>
<div style="text-align:center; margin-top:28px;">
<a class="ls2-btn ls2-btn-line" href="https://www.lasphere.re/listes-rituels.html">Voir le détail de chaque expérience</a>
</div>
</section>
<!-- FAQ COURTE -->
<section class="ls2-section">
<div class="ls2-fork-head">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>Questions fréquentes</div>
<h2 class="ls2-h2">FAQ</h2>
</div>
<div style="max-width:720px; margin:32px auto 0;">
<div style="margin-bottom:22px;">
<p style="color:var(--gold); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.15rem; margin:0 0 6px;">Comment ça marche ?</p>
<p style="color:var(--ink-dim); margin:0;">Vous vous abonnez en illimité (à partir de 49,90€/mois) ou vous réservez une expérience à l'unité, sans engagement.</p>
</div>
<div style="margin-bottom:22px;">
<p style="color:var(--gold); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.15rem; margin:0 0 6px;">Combien ça coûte ?</p>
<p style="color:var(--ink-dim); margin:0;">À partir de 49,90€/mois en illimité, ou dès 74,90€ l'expérience à l'unité.</p>
</div>
<div style="margin-bottom:0;">
<p style="color:var(--gold); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.15rem; margin:0 0 6px;">Puis-je juste essayer avant de m'abonner ?</p>
<p style="color:var(--ink-dim); margin:0;">Oui, réservez une expérience à l'unité (Rituel Bonheur, Escapade Immersive, Escale Évasion) sans engagement.</p>
</div>
</div>
<div style="text-align:center; margin-top:28px;">
<a class="ls2-btn ls2-btn-line" href="https://www.lasphere.re/faq.html">Voir toutes les questions</a>
</div>
</section>
<!-- CTA FINAL -->
<section class="ls2-section ls2-final">
<div class="ls2-eyebrow" style="justify-content:center;"><span class="d"></span>À vous de choisir</div>
<h2 class="ls2-h2">Une fois, ou toujours.</h2>
<p class="ls2-lead" style="margin-left:auto;margin-right:auto;">Réservez une première expérience, ou rejoignez Les Initiés dès aujourd'hui.</p>
<div style="margin-top:26px;">
<a class="ls2-btn ls2-btn-gold" href="https://www.lasphere.re/listes-rituels.html">Réserver une expérience</a>
<a class="ls2-btn ls2-btn-goldline" href="https://www.lasphere.re/ini.html">Devenir Initié</a>
<a class="ls2-btn ls2-btn-line" href="tel:+262262150187">Appeler l'accueil</a>
</div>
</section>
</div><!-- /.ls2-shell -->
<!-- STICKY MOBILE -->
<div class="ls2-sticky" id="ls2-sticky">
<div class="ls2-sticky-in">
<div class="ls2-sticky-txt">Une fois, ou en illimité ?</div>
<a class="ls2-btn ls2-btn-gold" href="https://www.lasphere.re/ini.html">Voir les abonnements</a>
</div>
</div>
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"LocalBusiness",
"name":"La Sphère",
"url":"https://www.lasphere.re/",
"telephone":"+262262150187",
"address":{
"@type":"PostalAddress",
"streetAddress":"40 rue de l'Anjou",
"postalCode":"97490",
"addressLocality":"Sainte-Clotilde",
"addressRegion":"La Réunion",
"addressCountry":"FR"
},
"openingHoursSpecification":[
{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens":"07:30","closes":"23:00"}
]
}
</script>
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"FAQPage",
"mainEntity":[
{
"@type":"Question",
"name":"Comment venir à La Sphère : une fois ou en illimité ?",
"acceptedAnswer":{"@type":"Answer","text":"Deux formules sont proposées. La première permet de réserver une expérience ponctuelle (Rituel Bonheur, Escapade Immersive ou Escale Évasion), sans engagement. La seconde, Les Initiés La Sphère, donne un accès illimité au Centre pour une durée choisie, à partir de 49,90€ par mois."}
},
{
"@type":"Question",
"name":"En quoi consiste le cadeau des 4 ans de La Sphère ?",
"acceptedAnswer":{"@type":"Answer","text":"Pour ses 4 ans, La Sphère offre à chaque client qui réserve une expérience une seconde expérience identique, sous forme de bon valable 60 jours. Les massages Cinq Mondes ne sont pas concernés."}
}
]
}
</script>
<script>
(function(){
var sticky = document.getElementById('ls2-sticky');
if(!sticky) return;
function onScroll(){
var show = (window.scrollY || 0) > 320;
sticky.style.opacity = show ? '1' : '0';
sticky.style.pointerEvents = show ? 'auto' : 'none';
}
window.addEventListener('scroll', onScroll, {passive:true});
onScroll();
})();
</script>
</div><!-- /.ls2-wrap -->
</div>
</div>
</div>
</div>
<footer id="footer" class="footer without-powered">
<div class="footer__wrapper footer__wrapper--withoutPowered">
<div class="footer__middle" data-aos="fade-up" data-aos-once="true">
<div class="footer__menu footer__bloc margin">
<p class="footer__title">Infos Pratiques</p>
<ul class="footer__ul">
<li class="footer__li">
<a class="footer__link" href="/qui-sommes-nous.html" title="Qui sommes-nous ?">Qui sommes-nous ?</a>
</li>
</ul>
</div>
<div class="footer__menu footer__bloc margin">
<p class="footer__title">A propos</p>
<ul class="footer__ul">
<li class="footer__li">
<a class="footer__link" href="/mentions-legales.html" title="Mentions légales">Mentions légales</a>
</li>
<li class="footer__li">
<a class="footer__link" href="/conditions-generales-de-vente.html" title="Conditions Générales de Vente">Conditions Générales de Vente</a>
</li>
</ul>
</div>
<div class="footer__bloc footer__info margin">
<p class="footer__title">Contact</p>
<p class="footer__info__text">40 rue de l'anjou</p>
<p class="footer__info__text margin--half">97490 Sainte-Clotilde 7J/7 de 7H30 à 23H00</p>
<a href="tel:+33123456789" class="footer__info__text margin--half">02 62 15 01 87</a>
<a href="mailto:lasphere@groupetecher.com" class="footer__info__text margin--half">lasphere@groupetecher.com</a>
</div>
<form id="footer__newsletter" class="footer__bloc footer__form" action="/newsletter.php" method="post">
<p class="footer__title">Newsletter</p>
<p class="footer__desc">Les nouveautés et les bonnes affaires à ne pas manquer !</p>
<div class="footer__newsletter__wrapper">
<label for="newsletter-input">
<span class="hidden">Saisissez votre e-mail</span>
<input name="n" required id="newsletter-input" class="footer__input" type="email" placeholder="Saisissez votre e-mail" />
</label>
<button aria-label="Newsletter" type="submit" data-reset="Envoyer" class="footer__btn"><span class="footer__arrow"></span><span class="hide">Envoyer</span></button>
</div>
<input type="hidden" name="com[newsletter_form_do_not_fill]" />
<input type="hidden" class="footer__newsletter__token" name="com[secureTokenNewsletterForm]" />
</form>
</div>
<div class="footer__bottom" data-aos="fade-up" data-aos-once="true">
<div class="footer__rating footer__bloc" id="shop-rating">
<p class="footer__desktop">Avis de la boutique</p>
<div class="footer__rating__wrapper">
<p class="footer__rating__rate">
<strong>5/5</strong>
</p>
<div class="footer__rating__stars">
<div class="stars stars--lvl0">
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<div class="stars stars--lvl1" style="width: 100%;">
<div class="stars-lvl1-wrapper">
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
<i class="fa fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<a class="footer__rating__com" href="/reviews.html" title="">Voir les avis</strong></a>
</div>
</div>
<div class="footer__social footer__bloc margin">
<p class="footer__desktop">Suivez-nous</p>
<ul class="footer__rs">
<li class="footer__rs__li">
<a href="https://www.facebook.com/equipebonheur/" title="facebook" class="footer__rs__a facebook" target="_blank" rel="noopener">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li class="footer__rs__li">
<a href="https://www.instagram.com/lasphere_centrerelaxation/" title="instagram" class="footer__rs__a instagram" target="_blank" rel="noopener">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<section class="w-cb-logos">
<div class="cb-logos">
<img src="https://media.cdnws.com//_t/_/images/payment-icons/cb.svg" alt="cb" class="footer__cb-logo">
<img src="https://media.cdnws.com//_t/_/images/payment-icons/visa.svg" alt="visa" class="footer__cb-logo">
<img src="https://media.cdnws.com//_t/_/images/payment-icons/mastercard.svg" alt="mastercard" class="footer__cb-logo">
</div>
</section>
<div class="nav__opacity nav__opacity__hide"></div>
<label for="login-checkbox" class="logup__background"></label>
<div class="logup logup--popup acc">
<div class="logup__wrapper">
<label for="login-checkbox" class="logup__close">
<span class="logup__close__span">
<i class="fa fa-solid fa-xmark logup__close__icon"></i>
</span>
</label>
<input type="radio" id="logup__checkbox--login" checked="checked" name="logupOpen" class="logup__checkbox logup__checkbox--login hidden" />
<input type="radio" id="logup__checkbox--signup" name="logupOpen" class="logup__checkbox logup__checkbox--signup hidden" />
<div class="logup__content logup__login">
<form action="/identification.php" method="post" class="logup__form logup__form--login">
<p class="logup__title">Se connecter à son compte</p>
<div class="form__fieldset">
<div class="form__field form__field--short-answer">
<label class="form__label" for="login__email">
<span class="form__span">Votre e-mail</span>
</label>
<input class="form__text" type="email" maxlength="255" required id="login__email" name="ident_email" placeholder="Tapez votre email" />
<i class="fa fa-solid fa-circle-exclamation form__icon--warning"></i>
<i class="fa fa-solid fa-circle-check form__icon--success"></i>
</div>
</div>
<div class="form__fieldset">
<div class="form__field form__field--short-answer">
<label class="form__label" for="login__password">
<span class="form__span">Votre mot de passe</span>
</label>
<input maxlength="255" class="form__text form__text--password" type="password" required size="50" id="login__password" placeholder="Tapez votre mot de passe" name="ident_pass">
<i class="fa fa-solid fa-circle-exclamation form__icon--warning"></i>
<i class="fa fa-solid fa-circle-check form__icon--success"></i>
<span class="form__hide">
<i class="fa fa-solid fa-eye form__icon--eye"></i>
</span>
<a href="/p/forgotten-password.html" class="logup__pwd logup__pwd--ready">Oublié ?</a>
</div>
</div>
<div class="form__fieldset">
<div class="form__field form__field--btnArea">
<input class="form__button" type="submit" name="btnc" value="Se connecter"/>
</div>
</div>
<div class="logup__facebook">
<a class="button expand ident-btn ident-facebook-btn"><span class="c1-ident-btn">Connexion avec<span class="icon"></span></span></a>
</div>
<p class="logup__bottom"><span class="logup__bottom__preText">Vous n'êtes pas encore membre ?</span><label for="logup__checkbox--signup" class="form__button--reg">Créer un compte</label></p>
</form>
</div>
<div class="logup__content logup__register">
<form action="/inscription.php" method="post" class="logup__form logup__form--register">
<p class="logup__title">Je n'ai pas de compte,<br/> je m'inscris</p>
<div class="form__fieldset">
<div class="form__field form__field--short-answer">
<label class="form__label" for="register__email">
<span class="form__span">Votre e-mail</span>
</label>
<input class="form__text" type="email" maxlength="255" required id="register__email" name="inscr_email" placeholder="Tapez votre email" value="" />
<i class="fa fa-solid fa-circle-exclamation form__icon--warning"></i>
<i class="fa fa-solid fa-circle-check form__icon--success"></i>
</div>
</div>
<div class="form__fieldset">
<div class="form__field form__field--password form__field--short-answer">
<label class="form__label" for="register__password">
<span class="form__span">Votre mot de passe</span>
</label>
<input maxlength="255" class="form__text form__text--password form__field--white" type="password" required size="50" id="register__password" placeholder="Tapez votre mot de passe" name="inscr_pass">
<i class="fa fa-solid fa-circle-exclamation form__icon--warning"></i>
<i class="fa fa-solid fa-circle-check form__icon--success"></i>
<span class="form__hide">
<i class="fa fa-solid fa-eye form__icon--eye"></i>
</span>
</div>
</div>
<div class="form__fieldset">
<div class="form__field form__field--short-answer">
<label class="form__label" for="register__password2">
<span class="form__span">Entrez à nouveau votre mot de passe</span>
</label>
<input maxlength="255" class="form__text form__text--password form__field--white" type="password" required size="50" id="register__password2" placeholder="Retapez votre mot de passe" name="inscr_pass2">
<i class="fa fa-solid fa-circle-exclamation form__icon--warning"></i>
<i class="fa fa-solid fa-circle-check form__icon--success"></i>
<span class="form__hide">
<i class="fa fa-solid fa-eye form__icon--eye"></i>
</span>
</div>
</div>
<div class="form__fieldset">
<div class="form__field form__field--btnArea">
<input class="form__button" type="submit" name="btnc" value="Créer un compte"/>
</div>
</div>
<div class="logup__facebook">
<a class="button expand ident-btn ident-facebook-btn"><span class="c1-ident-btn">Connexion avec<span class="icon"></span></span></a>
</div>
<p class="logup__bottom"><span class="logup__bottom__preText">J'ai déjà un compte,</span><label for="logup__checkbox--login" class="form__button--reg form__button--step1">Se connecter</label></p>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
try {
var _allPictureLoading = document.querySelectorAll('.with-loading img');
if(_allPictureLoading.length > 0) {
Array.prototype.forEach.call(_allPictureLoading, function(el, i){
var _parent = el.parentNode;
var _url = el.getAttribute('src');
if(typeof _url !== "object") {
var className = 'loaded';
if (el.complete) {
if (_parent.classList) {
_parent.classList.add(className);
}
else {
_parent.className += ' ' + className;
}
} else {
el.onload = function () {
if (_parent.classList) {
_parent.classList.add(className);
}
else {
_parent.className += ' ' + className;
}
}
}
}
});
}
} catch(e) {
console.warn(e);
}
var wsCfg = {
page: 'prod-list',
domainName: 'lasphere.re',
currentUri: '%2F',
currencyPrefix: false,
currencySuffix: '€',
itPrices: true,
country: 'Français',
addCartModal: true,
addCartBanner: true,
cartNbRef: 0,
cartEmptyNb: '0',
cartEmptyAmount: '0,00€HT',
dateFormat: 'DD/MM/YYYY',
commentsOn: false,
flashSale: null,
noColumn: true,
currencyISO: "EUR",
bNavAjust: true,
currentCurrency: '€' };
var _idShop = '326911';
var _shopLocal = 'RE';
var paysShop = 'FR';
var _acceptOnreload = {
"accept": false
};
var _W_C_LANG = 'fr';
var LANG = {
AJOUTER_LISTE_ENVIES: '',
COOKIE_DISABLED: "Votre navigateur interdit les cookies. Nous en avons besoin pour vous proposer une expérience d’achat optimale.",
PROMOTION_DU: 'Promotion du',
SOLDES_DU: 'Soldes du',
ADD_CART_SUCCESS: 'Le produit a bien été ajouté au panier !',
STAY_PAGE: 'Fermer',
GO_TO_CART: 'Mon panier',
QUANTITY_ONE: 'Quantité ajouté :',
ERROR_SP: 'La requête à échouée, veuillez réessayer',
SEE_PRODUCT_SP: 'Voir le produit',
EMPTY_SP: 'Aucun produit',
NEW_SP: 'Nouveau',
PROMO_SP: '',
SALE_SP: 'Solde',
CURRENCY_POST_SP: '€',
CURRENCY_PRE_SP: '',
CAT_SP: 'Catégorie(s)',
BRAND_SP: 'Marques(s)',
ONE_RESULT_SP: 'produit trouvé',
MULTIPLE_RESULT_SP: 'produits trouvés',
NO_RESULT_SP: 'Aucun produit trouvé',
NOT_EMPTY: 'Ce champ est obligatoire',
EMAIL: 'L'email n'est pas valide',
MIN_LENGTH: 'caractères minimum',
REPEAT: 'Les deux mots de passe ne sont pas identiques',
NUMBER: 'Seuls des chiffres sont autorisés',
phone: 'Le numéro de téléphone est invalide',
URL: 'Veuillez entrer une url valide',
MAX_LENGTH: '',
DATE: 'Veuillez entrer une date valide',
BACK_TO_TOP: 'Retour en haut de page',
SHARE_LIST: 'Partager ce produit avec vos amis',
STAY_HERE: 'Continuer mes achats',
GO_TO_CART_LIST: 'Finaliser mes achats',
WARNING_WEBSITE: 'Attention, site réservé à un public majeur',
ENTER: 'Entrer, j'ai plus de 18 ans',
OUT: 'Sortir, j'ai moins de 18 ans',
DELETE_ALL_IMG: "Supprimer les images",
FORMAT_REVIEW_IMG_ENABLE: "Les formats autorisés sont jpg, jpeg et png",
TITLE_DELETE_ACCOUNT: "Voulez-vous vraiment supprimer votre compte ?",
CONTENT_DELETE_ACCOUNT: "Cela entrainera la suppression définitive de votre compte. Si une commande est en attente ou en préparation, la suppression sera impossible.",
CANCEL_DELETE_ACCOUNT: "Annuler",
CONFIRM_DELETE_ACCOUNT: "Supprimer mon compte",
TITLE_DELETE_VAULT: "Supprimer le moyen de paiement",
CONTENT_DELETE_VAULT: "Êtes-vous sûr de vouloir supprimer ce moyen de paiement enregistré ? Cette action est irréversible.",
CANCEL_DELETE_VAULT: "Annuler",
CONFIRM_DELETE_VAULT: "Supprimer",
SUCCESS_DELETE_VAULT: "Votre moyen de paiement a bien été supprimé.",
ERROR_DELETE_VAULT: "Une erreur est survenue.",
PHONE: 'Le numéro de téléphone est invalide',
LIVRAISON_POINT_RELAIS: 'Livraison en point relais',
LIVRAISON_POINT_COLISSIMO: 'Livraison SoColissimo',
RECHERCHER: 'Recherche',
CHOISIR_POINT_RELAIS: 'Choisir point relais',
PASSER_ETAPE_SUIVANTE: 'Passer à l'étape suivante',
ALREADY_CLIENT: 'Cet email a déjà été utilisé pour une autre commande,',
ALREADY_CLIENT_URL: 'veuillez vous connecter à votre compte',
PANIER_MODIF_PRODUIT: 'Nous avons constaté une modification sur votre commande (ajout ou suppression de produits). Le panier vient d'être mis à jour automatiquement. Vous pouvez vérifier le contenu de votre commande directement sur cette page.',
OFFERT: 'Gratuit',
SURCOUT: 'Surcoût de',
ADDRESS_ERROR: 'Il est impossible de livrer à cette adresse, veuillez sélectionner une autre adresse.',
DATA_ERROR: 'Les informations n'ont pas pu être importé, veuillez sélectionner une autre adresse ou rafraichir la page.',
LOGIN_WITH_AMAZON: 'Se connecter avec Amazon Pay',
CONNEXION_PP: 'Connexion avec',
ERROR_POPUP: 'Une erreur est survenue',
CLOSE: 'Fermer',
SUCCESS_PAYMENT: 'Paiement Validé. Veuillez patienter pendant le chargement de la commande.',
PAID_WITH_AMAZON: 'Payer avec Amazon',
MSG_HOVER_AMAZON: '<span>Vous êtes client Amazon ?</span> Payez désormais avec les informations de paiement et les coordonnées stockées dans votre compte Amazon.',
PAID_WITH: 'Commander avec',
MESSAGE_AMAZON: 'Vous avez un compte Amazon ? <span>Essayez la commande Express</span>',
ADD_CART: 'Ajouter au panier',
SHOW_CRYPTO: 'Afficher les crypto-monnaies',
PLEASE_SEND: 'Merci d'envoyer des',
TO_THIS_ADDRESS: 'à cette adresse',
WINDOW_EXPIRING_SOON: 'Temps restant avant Expiration',
RATE_EXPIRED: 'Taux expiré',
PAYMENT_WINDOW_EXPIRED: 'Temps Expiré',
WAITING_ON_PAYMENT: 'En Attente du Paiement',
RATE_LOCKED: 'Taux bloqué',
PAY_WITH_METAMASK: 'Payer avec MetaMask',
LOADING: 'Chargement...',
CONFIRMING_PAYMENT: 'Confirmation du paiement',
PAYMENT_DETECTED_WAITING: 'Paiement détecté. En attente de',
BACK: 'Retour',
SECONDS: 'secondes',
TO_GET_OVERPAYMENT: 'Pour obtenir le remboursement de la somme payé supplémentaire, veuillez contacter directement le commerçant et partager votre numéro de commande et',
ADDRESS_REFUND: 'adresse à laquelle envoyer votre remboursement.',
AMAZON_CHANGE_COUNTRY: 'Nous ne livrons pas dans ce pays, veuillez ajouter ou sélectionner une adresse dans un des pays suivants :',
DO_NOT_LEAVE_PAGE: 'Veuillez ne pas quitter ou recharger la page, la commande est en cours de validation par Amazon',
REDIRECTING_YOU_BACK: 'Vous allez être redirigé dans 5 secondes',
ADD_DIFF: 'Adresse de facturation différente de l'adresse de livraison',
MESSAGE_ERROR_STRIPE_PARAM: 'Un problème est survenu, veuillez rafraichir la page.',
TOUT_REMPLIR_STRIPE: 'Veuillez vérifier les champs invalides ou non remplis !',
ERROR_FORM: 'Une erreur est survenue lors de l'enregistrement, veuillez réessayer',
AMAZON_EMAIL_INVALID: 'Votre email est invalide. Veuillez vous reconnecter à Amazon.',
AMAZON_CIVILITE_INVALID: 'Votre civilité est introuvable. Veuillez en sélectionner une.',
AMAZON_FIRSTNAME_INVALID: 'Votre prénom est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre prénom.',
AMAZON_LASTNAME_INVALID: 'Votre nom est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre nom.',
AMAZON_PHONE_INVALID: 'Votre téléphone est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre téléphone.',
AMAZON_ADDRESS_INVALID: 'Votre adresse est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre adresse.',
AMAZON_COUNTRY_INVALID: 'Votre pays de livraison est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre pays de livraison.',
AMAZON_CP_INVALID: 'Votre code postal est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre code postal.',
AMAZON_CITY_INVALID: 'Votre ville est introuvable. Veuillez modifier votre adresse Amazon en rajoutant votre ville.',
AMAZON_LIVR_INVALID: 'Votre moyen de livraison est introuvable. Veuillez choisir un moyen de livraison.',
STRIPE_EMAIL_INVALID: 'Votre email est invalide ou absent. Veuillez vous déconnectez et vous reconnectez.',
STRIPE_CIVILITE_INVALID: 'Votre civilité est introuvable. Veuillez en sélectionner une.',
STRIPE_FIRSTNAME_INVALID: 'Veuillez ajouter votre prénom.',
STRIPE_LASTNAME_INVALID: 'Veuillez ajouter votre nom.',
STRIPE_PHONE_INVALID: 'Veuillez ajouter un numéro de téléphone valide.',
STRIPE_ADDRESS_INVALID: 'Veuillez ajouter une adresse.',
STRIPE_COUNTRY_INVALID: 'Veuillez ajouter un pays de livraison.',
STRIPE_CP_INVALID: 'Veuillez ajouter un code postal valide.',
STRIPE_CITY_INVALID: 'Veuillez ajouter une ville.',
STRIPE_LIVR_INVALID: 'Veuillez choisir un moyen de livraison.',
CARD_DECILNED: 'Votre carte bancaire a été rejétée. Veuillez réessayer avec une autre carte bancaire.',
OTHER_PAYMENT: 'Nos autres moyens de paiement',
ERROR_SMART_CHECKOUT: 'Une erreur a été détecté dans vos informations',
ERROR_PAYMENT_CART_DEFAULT: 'Une erreur est survenue, veuillez réessayer ultérieurement',
AJAX_CALL_TIMEOUT: 'Votre connexion internet n'a pas pu charger le module de paiement, il va être recharger tous les 10 secondes',
PAYPLUG_NOT_LOADED: 'Le module de paiement n'a pas pu être chargé, veuillez essayer un autre moyen de paiement ou recharger la page',
PAYMENT_ALREADY_PAID: 'Le paiement a déjà été effectué, veuillez vous rendre dans votre liste des commandes.',
RETRY: 'Réessayer',
PAYMENT_CARD_STRIPE: 'Valider ma commande',
ERROR_COUNTRY_ADRESS: "Le pays de l'adresse sélectionnée n'est pas disponible à la livraison",
ADDRESS: "Adresse",
FACULT: "(facultatif)",
ADDRESS_COMP: "Complément d'adresse",
WZ_TIMER_DAY: "jour",
WZ_TIMER_DAYS: "jours",
WZ_TIMER_HOUR: "heure",
WZ_TIMER_HOURS: "heures",
WZ_TIMER_MINUTE: "minute et",
WZ_TIMER_MINUTES: "minutes et",
WZ_TIMER_SECONDE: "seconde",
WZ_TIMER_SECONDES: "secondes",
ERROR_RESPONSE: "La requête à échouée, veuillez réessayer",
ERROR_ADDCART_PRODUCT: "Ce produit n'est pas disponible actuellement. Veuillez sélectionner un autre choix.",
HT: "HT",
TTC: "TTC",
MISSING_PAYMENT: "Aucun moyen de paiement n'est actuellement disponible",
NO_AVAILABLE_SHIPPING: "Aucun mode de livraison disponible.",
ENTER_VALID_PHONE: "Veuillez renseigner un numéro de téléphone valide en France pour continuer.",
NO_MANY_AVAILABLE_SHIPPING: "Les modes de livraison suivants ne sont pas disponibles :",
ENTER_VALID_PHONE_BEGIN: "Veuillez renseigner un numéro de téléphone valide en",
ENTER_VALID_PHONE_END: "pour continuer.",
PAID_WITH_AMAZON_BTN: "Acheter sur Amazon",
PAID_WITH_AFFILIATION_BTN: "Commander"
};
</script>
<style>.modal-cookie{background: #10333f}.ovhDesktop{overflow:hidden!important}.wz-rgpd,.wz-rgpd *{box-sizing:border-box}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:;border:1px solid #eee;opacity:.9}.ps__thumb-x{background-color:}.modal-cookie p, .modal-cookie__close i{color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:}.modal-cookie__close:after{border-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:}.modal-cookie p a{color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:!important}</style>
<script>void 0!==typeof html&&"1"!==getCookie("accepted_cookie_326911")&&document.addEventListener("DOMContentLoaded",function(e){var o=document.createElement("div"), hasFontAwesome6="";"undefined"!=typeof html&&(o.innerHTML='<div class="modal-cookie__wrapper">'+html+'<span class="modal-cookie__close">'+(hasFontAwesome6?'<i class="fa fa-solid fa-xmark"></i>':'<i class="material-icons">close</i>')+"</span></div>",o.className="modal-cookie",document.getElementById("c1-body").appendChild(o))});</script>
<script type="text/javascript" src="https://media.cdnws.com/_/326911/1789373059327/js/home-wiziloading.js?t=30000"></script>
<script type="text/javascript" src="https://media.cdnws.com/_/326911/1789373059327/js/header-a.js?t=30000"></script>
<script type="text/javascript" src="https://media.cdnws.com/_/326911/1789373059327/js/product-list-a.js?t=30000"></script>
<script type="text/javascript" src="https://media.cdnws.com/_/326911/1789373059327/js/product-page-a.js?t=30000"></script>
<script>
(function(){
"use strict";
var __lsStyle = document.createElement("style");
__lsStyle.textContent = "\n :root{\n --ls-navy:#0e1a2b;\n --ls-navy-soft:#16263c;\n --ls-gold:#d5b578;\n --ls-gold-soft:#e8d4a8;\n --ls-cream:#f4efe6;\n --ls-radius:18px;\n }\n #ls-chat-root, #ls-chat-root *{ box-sizing:border-box; }\n #ls-chat-root{\n position:fixed; z-index:2147483000; right:22px; bottom:22px;\n font-family:Montserrat, \"Open Sans\", \"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif;\n }\n\n /* ---- Bulle flottante ---- */\n #ls-chat-toggle{\n width:60px; height:60px; border-radius:50%; border:none; cursor:pointer;\n background:linear-gradient(145deg, var(--ls-gold-soft), var(--ls-gold));\n box-shadow:0 8px 24px rgba(14,26,43,.35), 0 0 0 rgba(213,181,120,.5);\n display:flex; align-items:center; justify-content:center;\n transition:transform .2s ease, box-shadow .2s ease;\n animation:ls-pulse 3.2s ease-in-out infinite;\n }\n #ls-chat-toggle:hover{ transform:translateY(-2px) scale(1.03); }\n #ls-chat-toggle svg{ width:26px; height:26px; }\n @keyframes ls-pulse{\n 0%,100%{ box-shadow:0 8px 24px rgba(14,26,43,.35), 0 0 0 0 rgba(213,181,120,.35); }\n 50%{ box-shadow:0 8px 24px rgba(14,26,43,.35), 0 0 0 10px rgba(213,181,120,0); }\n }\n\n /* ---- Bulle d'accroche proactive ---- */\n #ls-chat-greeting{\n position:absolute; right:70px; bottom:14px; max-width:230px;\n background:var(--ls-cream); color:var(--ls-navy);\n padding:12px 14px; border-radius:16px 16px 4px 16px;\n font-size:13.5px; line-height:1.4; box-shadow:0 10px 30px rgba(14,26,43,.25);\n opacity:0; transform:translateY(6px); pointer-events:none;\n transition:opacity .35s ease, transform .35s ease;\n }\n #ls-chat-greeting.ls-show{ opacity:1; transform:translateY(0); pointer-events:auto; }\n #ls-chat-greeting button{\n position:absolute; top:-8px; right:-8px; width:20px; height:20px; border-radius:50%;\n background:var(--ls-navy); color:var(--ls-cream); border:none; cursor:pointer;\n font-size:12px; line-height:1; display:flex; align-items:center; justify-content:center;\n }\n\n /* ---- Fen\u00eatre de chat ---- */\n #ls-chat-panel{\n position:fixed; right:22px; bottom:94px; width:380px; max-width:calc(100vw - 32px);\n height:min(600px, calc(100vh - 140px)); background:var(--ls-navy);\n border-radius:var(--ls-radius); overflow:hidden; display:none; flex-direction:column;\n box-shadow:0 24px 60px rgba(0,0,0,.45);\n border:1px solid rgba(213,181,120,.25);\n }\n #ls-chat-panel.ls-open{ display:flex; }\n\n #ls-chat-header{\n display:flex; align-items:center; gap:12px; padding:16px 18px;\n background:linear-gradient(180deg, var(--ls-navy-soft), var(--ls-navy));\n border-bottom:1px solid rgba(213,181,120,.2);\n }\n #ls-chat-header .ls-avatar{\n width:38px; height:38px; border-radius:50%; flex:none;\n background:radial-gradient(circle at 30% 30%, var(--ls-gold-soft), var(--ls-gold) 70%);\n display:flex; align-items:center; justify-content:center;\n color:var(--ls-navy); font-weight:700; font-size:14px; letter-spacing:.5px;\n }\n #ls-chat-header .ls-title{ color:var(--ls-cream); font-size:15px; font-weight:600; letter-spacing:.3px; }\n #ls-chat-header .ls-subtitle{ color:var(--ls-gold); font-size:11.5px; margin-top:2px; letter-spacing:.4px; }\n #ls-chat-close{\n margin-left:auto; background:none; border:none; cursor:pointer; color:var(--ls-cream);\n opacity:.7; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;\n }\n #ls-chat-close:hover{ opacity:1; background:rgba(255,255,255,.06); }\n\n #ls-chat-messages{\n flex:1; overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:12px;\n background:\n radial-gradient(circle at 10% 0%, rgba(213,181,120,.06), transparent 40%),\n var(--ls-navy);\n }\n #ls-chat-messages::-webkit-scrollbar{ width:6px; }\n #ls-chat-messages::-webkit-scrollbar-thumb{ background:rgba(213,181,120,.35); border-radius:3px; }\n\n .ls-row{ display:flex; gap:8px; max-width:88%; }\n .ls-row.ls-user{ align-self:flex-end; flex-direction:row-reverse; }\n .ls-row.ls-assistant{ align-self:flex-start; }\n .ls-bubble-avatar{\n width:26px; height:26px; border-radius:50%; flex:none; margin-top:2px;\n background:radial-gradient(circle at 30% 30%, var(--ls-gold-soft), var(--ls-gold) 70%);\n display:flex; align-items:center; justify-content:center; color:var(--ls-navy); font-size:10px; font-weight:700;\n }\n .ls-bubble{\n padding:10px 14px; border-radius:16px; font-size:13.5px; line-height:1.5; white-space:pre-wrap;\n }\n .ls-user .ls-bubble{\n background:linear-gradient(145deg, var(--ls-gold-soft), var(--ls-gold));\n color:var(--ls-navy); border-bottom-right-radius:4px; font-weight:500;\n }\n .ls-assistant .ls-bubble{\n background:rgba(255,255,255,.06); color:var(--ls-cream);\n border:1px solid rgba(255,255,255,.08); border-bottom-left-radius:4px;\n }\n\n .ls-typing{ display:flex; gap:4px; padding:4px 2px; }\n .ls-typing span{\n width:6px; height:6px; border-radius:50%; background:var(--ls-gold); opacity:.6;\n animation:ls-bounce 1.1s infinite ease-in-out;\n }\n .ls-typing span:nth-child(2){ animation-delay:.15s; }\n .ls-typing span:nth-child(3){ animation-delay:.3s; }\n @keyframes ls-bounce{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-4px); opacity:1; } }\n\n #ls-chat-suggestions{ display:flex; flex-wrap:wrap; gap:6px; padding:0 18px 12px; }\n .ls-chip{\n border:1px solid rgba(213,181,120,.4); background:rgba(213,181,120,.08); color:var(--ls-gold-soft);\n font-size:12px; padding:7px 12px; border-radius:999px; cursor:pointer; transition:background .2s ease;\n }\n .ls-chip:hover{ background:rgba(213,181,120,.18); }\n\n #ls-chat-form{\n display:flex; align-items:flex-end; gap:8px; padding:14px 14px 16px;\n border-top:1px solid rgba(213,181,120,.18); background:var(--ls-navy-soft);\n }\n #ls-chat-input{\n flex:1; resize:none; max-height:90px; min-height:22px; border:none; outline:none;\n background:transparent; color:var(--ls-cream); font-family:inherit; font-size:13.5px; line-height:1.4;\n padding:8px 4px;\n }\n #ls-chat-input::placeholder{ color:rgba(244,239,230,.45); }\n #ls-chat-send{\n flex:none; width:38px; height:38px; border-radius:50%; border:none; cursor:pointer;\n background:linear-gradient(145deg, var(--ls-gold-soft), var(--ls-gold));\n display:flex; align-items:center; justify-content:center; transition:opacity .2s ease;\n }\n #ls-chat-send:disabled{ opacity:.4; cursor:default; }\n #ls-chat-send svg{ width:16px; height:16px; }\n\n #ls-chat-footnote{\n text-align:center; font-size:10px; color:rgba(244,239,230,.35); padding:0 12px 10px;\n }\n\n @media (max-width:480px){\n #ls-chat-panel{\n right:0; left:0; bottom:0; width:100%; max-width:100%; height:100%;\n border-radius:0; max-height:none;\n }\n #ls-chat-root{ right:16px; bottom:16px; }\n }\n";
document.head.appendChild(__lsStyle);
var __lsContainer = document.createElement("div");
__lsContainer.innerHTML = "<div id=\"ls-chat-root\">\n <div id=\"ls-chat-greeting\">\n Une question sur nos rituels ou nos tarifs ? Je suis l\u00e0 pour vous r\u00e9pondre.\n <button id=\"ls-chat-greeting-close\" aria-label=\"Fermer\">\u2715</button>\n </div>\n\n <div id=\"ls-chat-panel\" role=\"dialog\" aria-label=\"Assistant La Sph\u00e8re\" aria-modal=\"false\">\n <div id=\"ls-chat-header\">\n <div class=\"ls-avatar\">LS</div>\n <div>\n <div class=\"ls-title\">La Sph\u00e8re</div>\n <div class=\"ls-subtitle\">Assistant bien-\u00eatre</div>\n </div>\n <button id=\"ls-chat-close\" aria-label=\"Fermer la conversation\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"/></svg>\n </button>\n </div>\n\n <div id=\"ls-chat-messages\" aria-live=\"polite\"></div>\n <div id=\"ls-chat-suggestions\"></div>\n\n <form id=\"ls-chat-form\">\n <textarea id=\"ls-chat-input\" rows=\"1\" placeholder=\"\u00c9crivez votre question\u2026\" aria-label=\"Votre message\"></textarea>\n <button id=\"ls-chat-send\" type=\"submit\" aria-label=\"Envoyer\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e1a2b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"/></svg>\n </button>\n </form>\n <div id=\"ls-chat-footnote\">R\u00e9ponses g\u00e9n\u00e9r\u00e9es par IA \u2014 \u00e0 titre informatif, non m\u00e9dical.</div>\n </div>\n\n <button id=\"ls-chat-toggle\" aria-label=\"Ouvrir le chat La Sph\u00e8re\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0e1a2b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"/>\n </svg>\n </button>\n</div>";
document.body.appendChild(__lsContainer.firstElementChild);
// ==========================================================================
// CONFIGURATION — à adapter
// ==========================================================================
var LA_SPHERE_CHAT_CONFIG = {
// URL de votre backend (voir /backend + README). Exemple une fois déployé :
// "https://lasphere-chat.mon-compte.workers.dev/chat"
apiUrl: "https://lasphere-chat.techernathan.workers.dev/chat",
// Message d'accueil affiché à la première ouverture du chat
greeting: "Bonjour, et bienvenue à La Sphère ✨ Je suis là pour répondre à vos questions sur nos rituels, nos technologies ou votre venue. Que puis-je faire pour vous ?",
// Suggestions rapides proposées sous le message d'accueil
suggestions: [
"Quel rituel choisir ?",
"Vos tarifs ?",
"Est-ce médical ?",
"Vos horaires ?"
],
// Délai (ms) avant l'affichage de la bulle d'accroche proactive (0 = désactivé)
greetingDelay: 4000
};
// ==========================================================================
var root = document.getElementById("ls-chat-root");
var toggle = document.getElementById("ls-chat-toggle");
var panel = document.getElementById("ls-chat-panel");
var closeBtn = document.getElementById("ls-chat-close");
var messagesEl = document.getElementById("ls-chat-messages");
var suggestionsEl = document.getElementById("ls-chat-suggestions");
var form = document.getElementById("ls-chat-form");
var input = document.getElementById("ls-chat-input");
var sendBtn = document.getElementById("ls-chat-send");
var greetingBubble = document.getElementById("ls-chat-greeting");
var greetingClose = document.getElementById("ls-chat-greeting-close");
var history = []; // {role: "user"|"assistant", content: string}[]
var opened = false;
var isSending = false;
function scrollToBottom(){
messagesEl.scrollTop = messagesEl.scrollHeight;
}
function addMessage(role, text){
var row = document.createElement("div");
row.className = "ls-row ls-" + role;
var avatar = document.createElement("div");
avatar.className = "ls-bubble-avatar";
avatar.textContent = role === "user" ? "" : "LS";
if (role === "user") avatar.style.visibility = "hidden";
var bubble = document.createElement("div");
bubble.className = "ls-bubble";
bubble.textContent = text;
row.appendChild(avatar);
row.appendChild(bubble);
messagesEl.appendChild(row);
scrollToBottom();
return bubble;
}
function showTyping(){
var row = document.createElement("div");
row.className = "ls-row ls-assistant";
row.id = "ls-typing-row";
var avatar = document.createElement("div");
avatar.className = "ls-bubble-avatar";
avatar.textContent = "LS";
var bubble = document.createElement("div");
bubble.className = "ls-bubble ls-typing";
bubble.innerHTML = "<span></span><span></span><span></span>";
row.appendChild(avatar);
row.appendChild(bubble);
messagesEl.appendChild(row);
scrollToBottom();
}
function hideTyping(){
var row = document.getElementById("ls-typing-row");
if (row) row.remove();
}
function renderSuggestions(){
suggestionsEl.innerHTML = "";
LA_SPHERE_CHAT_CONFIG.suggestions.forEach(function(text){
var chip = document.createElement("button");
chip.type = "button";
chip.className = "ls-chip";
chip.textContent = text;
chip.addEventListener("click", function(){ sendMessage(text); });
suggestionsEl.appendChild(chip);
});
}
function clearSuggestions(){
suggestionsEl.innerHTML = "";
}
async function sendMessage(text){
text = (text || "").trim();
if (!text || isSending) return;
clearSuggestions();
addMessage("user", text);
history.push({ role: "user", content: text });
input.value = "";
autoGrow();
isSending = true;
sendBtn.disabled = true;
showTyping();
try{
var res = await fetch(LA_SPHERE_CHAT_CONFIG.apiUrl, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ message: text, history: history.slice(-10) })
});
if (!res.ok) throw new Error("HTTP " + res.status);
var data = await res.json();
hideTyping();
var reply = (data && data.reply) ? data.reply : "Je n'ai pas réussi à formuler une réponse. Vous pouvez nous joindre au 0262 15 01 87.";
addMessage("assistant", reply);
history.push({ role: "assistant", content: reply });
}catch(err){
hideTyping();
addMessage("assistant", "Désolé, je rencontre une difficulté technique pour vous répondre à l'instant. N'hésitez pas à nous appeler au 0262 15 01 87 ou à réessayer dans un instant.");
}finally{
isSending = false;
sendBtn.disabled = false;
}
}
function autoGrow(){
input.style.height = "auto";
input.style.height = Math.min(input.scrollHeight, 90) + "px";
}
function openPanel(){
panel.classList.add("ls-open");
hideGreeting();
if (!opened){
opened = true;
addMessage("assistant", LA_SPHERE_CHAT_CONFIG.greeting);
history.push({ role: "assistant", content: LA_SPHERE_CHAT_CONFIG.greeting });
renderSuggestions();
}
setTimeout(function(){ input.focus(); }, 150);
}
function closePanel(){
panel.classList.remove("ls-open");
}
function showGreeting(){
if (opened) return;
greetingBubble.classList.add("ls-show");
}
function hideGreeting(){
greetingBubble.classList.remove("ls-show");
}
toggle.addEventListener("click", function(){
if (panel.classList.contains("ls-open")) closePanel(); else openPanel();
});
closeBtn.addEventListener("click", closePanel);
greetingClose.addEventListener("click", function(e){ e.stopPropagation(); hideGreeting(); });
greetingBubble.addEventListener("click", openPanel);
form.addEventListener("submit", function(e){
e.preventDefault();
sendMessage(input.value);
});
input.addEventListener("keydown", function(e){
if (e.key === "Enter" && !e.shiftKey){
e.preventDefault();
sendMessage(input.value);
}
});
input.addEventListener("input", autoGrow);
document.addEventListener("keydown", function(e){
if (e.key === "Escape" && panel.classList.contains("ls-open")) closePanel();
});
if (LA_SPHERE_CHAT_CONFIG.greetingDelay > 0){
setTimeout(showGreeting, LA_SPHERE_CHAT_CONFIG.greetingDelay);
}
})();
</script><script>
(function (win, doc, tag, url) {
win['WheelObject'] = function (callback) {
var appId = 'iPyag41OLRsk3GT0Yi4O.HSg4xsypjb6393ZJgbRq';
callback(appId)
}
var wheelScript = document.createElement(tag);
wheelScript.async = true;
wheelScript.src = url;
var wheelBody = document.getElementsByTagName('script')[0];
wheelBody.parentNode.insertBefore(wheelScript, wheelBody)
})(window, document, 'script', 'https://mail-spinner.com/assets/wheel.js?8');
</script>
<template class="wz-template-script"> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '1235166795390844'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1235166795390844&ev=PageView&noscript=1"
/></noscript></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template><template class="wz-template-script"></template> <script>
function initGtagConsent() {
try {
window.dataLayer = window.dataLayer || [];
window.gtag = window.gtag || function(){ dataLayer.push(arguments); };
if (typeof gtag === 'function') {
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
}
} catch (e) {
console.error('No gtag function found');
}
}
window.onload = initGtagConsent();
</script>
<!--W_C_COOKIES_RGPD-->
<script type="text/javascript">
function initPopupRGPD() {
var hash = window.location.hash.substr(1);
if (hash === 'noCookie') {
return;
}
var head = document.getElementsByTagName('HEAD')[0];
var style = document.createElement('style');
style.innerHTML = `.wz-rgpd__wrapper__content__text p{color:#10333f}.ovhDesktop{overflow:hidden!important}.wz-rgpd,.wz-rgpd *{box-sizing:border-box}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.close-cookie-alert,.cookieShowClass{display:none!important}.wz-rgpd{position:fixed;z-index:2147483647}.wz-rgpd,.wz-rgpd__background{top:0;left:0;width:100%;height:100%;width:100vw;height:100vh}.wz-rgpd__background{position:absolute;z-index:1;background-color:rgba(38,38,38,.6);cursor:default}.wz-rgpd__wrapper{width:100%;max-width:760px;position:absolute;top:140px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;border-radius:2px;z-index:2;max-height:630px;-webkit-box-shadow:0 5px 20px #2626261A;box-shadow:0 5px 20px #2626261A}.wz-rgpd__wrapper__content{width:100%;padding:30px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-direction-column;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:flex-start;-ms-flex-line-pack:stretch;align-content:flex-start;position:relative;max-height:calc(630px - 115px);z-index:1}.wz-rgpd__wrapper__content__title{width:100%;font-size:1.5rem;line-height:2rem;margin:0 0 15px;color:#10333f}.wz-rgpd__wrapper__content__text{width:100%}.wz-rgpd__wrapper__content__text p{font-size:.875rem;line-height:1.5rem}.wz-rgpd__wrapper__btn{width:100%;position:relative;padding:0 20px 30px 30px;border-radius:0 0 3px 3px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;z-index:2}.wz-rgpd__wrapper__btn a{text-decoration:none;font-size:16px;width:auto;padding:0 30px;height:48px;line-height:48px;border-radius:2px}.wz-rgpd__wrapper__btn__deny{margin:0 20px 0 0;border:1px solid #DFE6E9;color:#262626;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.wz-rgpd__wrapper__btn__deny:focus,.wz-rgpd__wrapper__btn__deny:hover{border:1px solid #262626;color:#fff;background-color:#262626}.wz-rgpd__wrapper__btn__valid{font-size:14px;border-radius:2px;margin:0;background-color:#262626;color:#fff;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.wz-rgpd__wrapper__btn__valid:focus,.wz-rgpd__wrapper__btn__valid:hover{background-color:#1f647c}@media screen and (max-height:900px) and (min-width:720px){.wz-rgpd__wrapper{top:70px}}@media screen and (max-height:699px) and (min-width:1024px){.wz-rgpd__wrapper{top:60px;max-height:80%}}@media (max-width:719px){.wz-rgpd__wrapper{max-width:90%;max-height:80%;top:20px}.wz-rgpd__wrapper__content{padding:20px}.wz-rgpd__wrapper__btn{flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:0 30px 30px}.wz-rgpd__wrapper__btn a{padding:0 20px;height:40px;line-height:40px;white-space:nowrap}.wz-rgpd__wrapper__btn__deny{margin:0}}@media (min-width:720px) and (max-width:1023px){.wz-rgpd__wrapper__content{max-height:calc(100vh - 250px)}.wz-rgpd__wrapper{max-width:80%;max-height:80%}}.wz-rgpd__wrapper__content__text p:empty{display:none}@media (max-width:719px){body .wz-rgpd__wrapper{max-width:90%;top:60px}.wz-rgpd__wrapper__content{max-height:calc(100vh - 250px)}}@media (max-width:1023px){body .wz-rgpd__wrapper__btn{padding-top:20px}}@media screen and (min-width:1024px) and (min-height:700px) and (max-height:899px){.wz-rgpd__wrapper{top:120px;max-height:580px}.wz-rgpd__wrapper__content{max-height:calc(580px - 115px);}}@media screen and (min-width:1024px) and (min-height:500px) and (max-height:699px){.wz-rgpd__wrapper{top:120px;max-height:450px}.wz-rgpd__wrapper__content{max-height:calc(450px - 115px);}}@media screen and (max-width: 719px){.wz-rgpd__wrapper__content{padding:30px}.wz-rgpd__wrapper__btn{flex-direction:column-reverse}.wz-rgpd__wrapper__btn .wz-rgpd__wrapper__btn__deny{font-weight:500}.wz-rgpd__wrapper__btn .wz-rgpd__wrapper__btn__deny,.wz-rgpd__wrapper__btn .wz-rgpd__wrapper__btn__valid{width:100%!important;height:50px;line-height:50px;text-align:center;font-size:14px}.wz-rgpd__wrapper__btn__valid{margin:0 0 15px;font-weight:600}}@media screen and (max-width: 719px) and (max-height: 699px){body .wz-rgpd__wrapper{top:30px}}`;
document.head.appendChild(style);
var dom = "<div class='wz-rgpd'> <div class='wz-rgpd__background'></div><div class='wz-rgpd__wrapper'><div class='wz-rgpd__wrapper__content'> <div class='wz-rgpd__wrapper__content__title'> <strong>Vos informations personnelles comptent pour nous.</strong> </div><div class='wz-rgpd__wrapper__content__text'> <p>Nous utilisons différentes technologies pour récupérer les cookies issus de votre navigation. Ces cookies nous permettent, entre autres, de sécuriser notre boutique en ligne et de personnaliser votre visite.<br><br>Vous pouvez exprimer votre consentement quant à ces cookies, en cliquant sur le bouton “Accepter”. Il est possible de les refuser en fermant cette fenêtre à l’aide de la croix “Continuer sans accepter”.<br><br>Vous pouvez consulter notre <a href='https://www.lasphere.re/conditions-generales-de-vente.html#noCookie' target='_blank'>politique de confidentialité</a> pour en savoir plus sur l’utilisation de vos données personnelles.</p></div></div><div class='wz-rgpd__wrapper__btn'> <a href='#' class='wz-rgpd__wrapper__btn__deny'>Continuer sans accepter</a><a href='#' class='wz-rgpd__wrapper__btn__valid'>Tout accepter</a> </div></div></div>";
document.body.insertAdjacentHTML('beforeend', dom);
var wrapper = document.querySelectorAll('.wz-rgpd__wrapper__content');
if (wrapper.length > 0) {
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "https://cdn.jsdelivr.net/npm/perfect-scrollbar@1.5.0/dist/perfect-scrollbar.min.js";
document.body.appendChild(s);
var popupInterval = setInterval(function() {
if (typeof PerfectScrollbar !== typeof undefined) {
var container = wrapper[0];
var ps = new PerfectScrollbar(container, {
suppressScrollX: true
});
clearInterval(popupInterval);
}
},700);
document.body.classList.add('ovhDesktop');
}
}
window.onload = initPopupRGPD();
function addEvent(obj, type, fn) {
if (obj.addEventListener)
obj.addEventListener(type, fn, false);
else if (obj.attachEvent)
obj.attachEvent('on' + type, function() { return fn.apply(obj, [window.event]);});
}
function rgpdResponse(value) {
var request = new XMLHttpRequest();
request.open('POST', '/ajax?t=rgpd-cookies', true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
request.send(value);
}
function getParents(el, parentSelector) {
if (parentSelector === undefined) {
parentSelector = document;
}
var parents = [];
var p = el.parentNode;
while (p !== parentSelector) {
var o = p;
parents.push(o);
p = o.parentNode;
}
parents.push(parentSelector);
return parents;
}
function removeComment() {
var templateS = document.querySelectorAll('.wz-template-script');
templateS.forEach(function(element, index) {
var childTemplate = element.content.cloneNode(true);
document.body.appendChild( childTemplate );
});
}
addEvent(document.querySelectorAll('.wz-rgpd__wrapper__btn__deny')[0], 'click', function(e){
e.preventDefault();
var el = document.querySelectorAll('.wz-rgpd')[0];
el.parentNode.removeChild(el);
document.body.classList.remove('ovhDesktop');
rgpdResponse(false);
});
addEvent(document.querySelectorAll('.wz-rgpd__wrapper__btn__valid')[0], 'click', function(e){
e.preventDefault();
var el = document.querySelectorAll('.wz-rgpd')[0];
el.parentNode.removeChild(el);
document.body.classList.remove('ovhDesktop');
rgpdResponse(true);
removeComment();
try {
if (typeof gtag === 'function') {
gtag('consent', 'update', {
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'ad_storage': 'granted',
'analytics_storage': 'granted'
});
}
} catch(e) {
console.warn('No gtag function found');
}
});
</script>
<!--/W_C_COOKIES_RGPD-->
<script type="text/javascript">
var WIZIBLOCK_ARRAY =[
[
'sliders-fullpage',
'sliders-leftnav',
'sliders-imageright',
'sliders-double-imageright',
'sliders-with-banner'
],
[
'videos-simple',
'videos-txt',
'videos-txt-content',
'videos-txt-left',
'launch-videos-button',
'launch-videos-buttontxt'
],
[
'images-simple',
'images-banner',
'images-double',
'images-triple',
'images-quadruple',
'image-big-and-double',
'images-bigs-and-double-middle',
'images-quadruple-left-one-right',
'images-quadruple-with-title',
'images-two-title-text'
],
[
'text-backgrounds-with-txt',
'text-backgrounds-simple',
'images-texts-link',
'text-backgrounds-with-banner',
'text-backgrounds-two-rows-icon-text',
'text-backgrounds-three-rows-icon-text',
'text-backgrounds-four-rows-icon-text'
],
[
'images-texts-big-left-text-right',
'images-texts-big-right-text-left',
'images-texts-left-text-right',
'images-texts-one-text-one',
'images-texts-right-text-left',
'images-texts-small-left-text-right',
'images-texts-small-right-text-left',
'images-texts-text-one-text'
],
[
'texts-double',
'texts-double-background',
'texts-one',
'texts-one-background',
'texts-quadruple',
'texts-quadruple-background',
'texts-quadruple-numbers',
'texts-triple',
'texts-triple-background'
],
[
'forms-background',
'forms-imageleft',
'forms-imageright',
'forms-simple'
],
[
'products-list-classic',
'products-list-selected',
'products-list-simple',
'products-list-category'
],
[
'product-zoom',
'product-zoom-complete',
'product-zoom-complete-background',
'product-zoom-complete-slider',
'product-zoom-more',
'product-zoom-selected',
'product-zoom-simple',
'product-zoom-triple-column'
],
[
'socials_instagram',
'socials_instagram_left',
'socials-like',
'socials-network',
'socials-page-complex',
'socials-page-simple'
],
[
'rassurances-quadruple-aligned',
'rassurances-quadruple-background',
'rassurances-triple-background'
],
[
'newsletter-aligned-center-background',
'newsletter-aligned-center-image',
'newsletter-center-image',
'newsletter_center_image_instagram'
],
[
'about-block',
'witness-background-double',
'witness-background-one',
'witness-quadruple',
'witness-triple',
'witness-twice'
],
[
'reviews-simple',
'reviews-waterfall'
],
[
'quotes-author',
'quotes-simple',
'quotes-simple-background'
],
[
'timer-airport',
'timer-background',
'timer-clock',
'timer-multiple-img',
'timer-simple'
],
[
'map-background-form-left',
'map-background-form-right',
'map-fullpage',
'map-left-text',
'map-right-text',
'map-text-form'
],
[
'separator-simple'
],
[
'faq-simple',
'faq-simple-background',
'faq-frame',
'faq-accordion',
'faq-list-icon'
]
];
var CRITICAL_INCLUDES_ARRAY = [
[
'sliders'
],
[
'videos'
],
[
'images'
],
[
'text-background'
],
[
'image-text'
],
[
'text'
],
[
'form'
],
[
'product-list'
],
[
'product-zoom'
],
[
'socials'
],
[
'rassurances'
],
[
'newsletter'
],
[
'witness'
],
[
'reviews'
],
[
'quote'
],
[
'timer'
],
[
'maps'
],
[
'separator'
],
[
'faq'
]
];
var cdn_url = 'https://media.cdnws.com';
var js_p_wb = [];
js_p_wb.push('');
js_p_wb.push('_');
js_p_wb.push('326911');
js_p_wb.push('1789373059327');
js_p_wb.push('js');
js_p_wb.push('externals');
js_p_wb = js_p_wb.join('/');
var css_p_wb = '/_/326911/1789373059327/css/externals';
console.log(css_p_wb);
var shop_tpl = '30000';
var wiziblocks_list = document.getElementsByClassName('wiziblocks__item');
var LOADING_OFFSET = 600;
var loadScript = function() {
var className = document.getElementsByTagName('html')[0].className;
if (/\bload-end\b/.test(className)) {
if (SCRIPTS_TO_LOAD.length > 0) {
while (SCRIPTS_TO_LOAD.length > 0) {
var script = document.createElement("script");
script.type = "text/javascript";
if (SCRIPTS_TO_LOAD[0] == 'product-zoom') {
SCRIPTS_TO_LOAD[0] = 'product-list';
}
script.src = cdn_url + js_p_wb + '/' + SCRIPTS_TO_LOAD[0] + '.js?t=' + shop_tpl;
document.getElementsByTagName('head')[0].append(script);
SCRIPTS_TO_LOAD.splice(0, 1);
}
}
}
};
var addWbIncludes = function(index) {
var wb_type = WB_JSON[index].type;
var wb_family = '';
for (var i = 0; i < WIZIBLOCK_ARRAY.length; ++i) {
if (WIZIBLOCK_ARRAY[i].indexOf(wb_type) !== -1) {
wb_family = CRITICAL_INCLUDES_ARRAY[i][0];
if (INCLUDED.indexOf(wb_family) === -1) {
var stylesheet = document.createElement("link");
stylesheet.rel = "stylesheet";
stylesheet.type = "text/css";
if (wb_family != 'product-zoom' && wb_family != "product-list") {
stylesheet.href = cdn_url + css_p_wb + '/' + wb_family + '.css?t=' + shop_tpl;
}
document.getElementsByTagName('head')[0].append(stylesheet);
if (HAS_SCRIPT.indexOf(wb_family) !== -1 && ((wb_family == 'product-zoom' && INCLUDED.indexOf('product-list') == -1) || (wb_family == 'product-list' && INCLUDED.indexOf('product-zoom') == -1) || (wb_family != 'product-list' && wb_family != 'product-zoom'))) {
SCRIPTS_TO_LOAD.push(wb_family);
loadScript();
}
INCLUDED.push(wb_family);
}
}
}
};
var scrollSpy = function() {
loading_blocks = document.querySelectorAll('.wiziblocks__item');
var window_height = window.innerHeight;
var scroll_y = window.scrollY;
for (var i = 0; i < loading_blocks.length; ++i) {
if (/\bwizi-loading\b/.test(loading_blocks[i].className)) {
var rect = loading_blocks[i].getBoundingClientRect();
var pos = rect.top + scroll_y;
if ((window_height + scroll_y + LOADING_OFFSET) >= (parseInt(pos))) {
loading_blocks[i].className = loading_blocks[i].className.replace(/\bwizi-loading\b/g, '');
addWbIncludes(i);
}
}
}
};
if (wiziblocks_list.length) {
window.onload = function() {
var stylesheet = document.createElement("link");
stylesheet.rel = "stylesheet";
stylesheet.type = "text/css";
stylesheet.href = cdn_url + css_p_wb + '/product-list.css?t=' + shop_tpl;
document.getElementsByTagName('head')[0].append(stylesheet);
loadScript();
scrollSpy();
setTimeout(function() {
window.dispatchEvent(new Event('resize'));
},200);
};
window.onscroll = function() {
scrollSpy();
};
}
</script>
<script type="text/javascript">
var anchorTags = document.getElementsByTagName("a");
var anchorTagsList = Array.prototype.slice.call(anchorTags);
anchorTagsList.forEach(function(element) {
element.addEventListener('click', function(event) {
var currentUrl = window.location.pathname;
var href = event.target.pathname;
var anchorElement = event.target;
if (event.target.tagName.toLowerCase() === 'img') {
href = event.target.closest('a').pathname;
anchorElement = event.target.closest('a');
}
if (currentUrl === href && anchorElement.href.replace(window.location.href, '')[0] === "#") {
event.preventDefault();
event.stopPropagation();
loadAllBlocks(anchorElement.href.split("#")[1]);
}
})
});
function loadAllBlocks(fragment) {
var loading_blocks = '';
if (document.querySelectorAll('.body__wrapper__maxWidth > .wiziblocks__item').length > 0) {
loading_blocks = document.querySelectorAll('.body__wrapper__maxWidth > .wiziblocks__item');
} else {
loading_blocks = document.querySelectorAll('.wiziblocks__item');
}
for (var i = 0; i < loading_blocks.length; ++i) {
if (/\bwizi-loading\b/.test(loading_blocks[i].className)) {
loading_blocks[i].className = loading_blocks[i].className.replace(/\bwizi-loading\b/g, '');
if (typeof addWbIncludes === 'function') {
addWbIncludes(i);
}
}
}
var loading_images = document.getElementsByTagName("lazyload");
for (var i = 0; i < loading_images.length; ++i) {
loading_images[i].className = loading_images[i].className.replace(/(?:^|\s)lazyload(?!\S)/g, 'lazyloaded');
}
setTimeout(function() {
var element = document.getElementById(fragment.replace("#", ""));
if (element) {
var offsetTop = element.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop);
var fixedOffset = 0;
var header = document.querySelector('#header, .header');
if (header) {
var headerPos = window.getComputedStyle(header).position;
if (headerPos === 'fixed' || headerPos === 'sticky') {
fixedOffset += header.offsetHeight;
}
}
var emergencyBar = document.querySelector('.emergency-bar.fixed');
if (emergencyBar) {
fixedOffset += emergencyBar.offsetHeight;
}
if (fixedOffset > 0) {
fixedOffset += 20;
}
window.scrollTo({top: offsetTop - fixedOffset, behavior: 'smooth'});
}
}, 400);
}
if (location.hash) {
setTimeout(function() {
window.scrollTo(0, 0);
loadAllBlocks(location.hash);
}, 1);
}
function nearestAncestorHref(node){
while (node && !node.href) {
node = node.parentNode;
}
return (node && node.href);
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"name": "LaSphère",
"description": "Découvrez La Sphère à Sainte-Clotilde : un spa nouvelle génération accessible en illimité à partir de 49,90€/mois, 7j/7 de 7h30 à 23h.",
"url": "https://www.lasphere.re",
"logo": "https://media.cdnws.com/_i/326911/201/1498/3/logo-sphere-longeviteclair.png"
,"sameAs": [
"https://www.facebook.com/equipebonheur/", "https://www.instagram.com/lasphere_centrerelaxation/" ]
}
,
{
"@type": "WebSite",
"name" : "LaSphère",
"url": "https://www.lasphere.re"
} ]
}
</script>
</body>
</html>
<!-- C - 30-3-33 16/09/2026 15:49 gz -->
