Outiref

Code source de l'URL : https://www.lasphere.re/

<!doctype html>
<html lang="fr" class="html no-js">
<head>

    
    
                
                        
                                                                                                        
    
    
        
                
                
    
    
    
        
                        
                
                                
                        
        
    
    
        

    
    
                                                                                                                                        
        
                        
            
        
                                                
    
                                                                                
    
                                    
        <meta charset="utf-8">
                        <title>La Sphère Spa - Centre de relaxation à Saint-Denis</title>
                        <meta name="description" content="Découvrez La Sphère Spa : un centre de relaxation à Sainte-Clotilde offrant massages et séances de détente, afin de vous garantir un moment unique de bien-être." />
                <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
        <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 - Centre de relaxation à Saint-Denis"/>
        <meta property="og:description"
              content="Découvrez La Sphère Spa : un centre de relaxation à Sainte-Clotilde offrant massages et séances de détente, afin de vous garantir un moment unique de bien-être."/>
                    <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 Spa : un centre de relaxation à Sainte-Clotilde offrant massages et séances de détente, afin de vous garantir un moment unique de bien-être."/>
        
    <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/1768382645847/css/app.css?t=30000" media="all">

            <link rel="stylesheet" type="text/css" href="https://media.cdnws.com/_/326911/1768382645847/css/externals/wiziblocks-global.css?t=30000" media="all">
                                                                                                                                                                    <style>.wizi-wrapper--vimeo,.wizi-wrapper--youtube{display:block;position:relative;width:100%;overflow:hidden;opacity:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;padding-top:56.25%}.wizi-wrapper--vimeo.ready,.wizi-wrapper--youtube.ready{opacity:1}.wizi-wrapper--vimeo iframe,.wizi-wrapper--youtube iframe{display:block;z-index:1;width:100%!important}.wizi-wrapper--vimeo .wizi-txt,.wizi-wrapper--youtube .wizi-txt{z-index:2;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:center;align-content:center;width:100%;height:auto;pointer-events:none;background-color:rgba(0,0,0,.15)}.wizi-wrapper--vimeo .wizi-txt a,.wizi-wrapper--youtube .wizi-txt a{pointer-events:auto}.wizi-wrapper--vimeo .wizi-txt h1,.wizi-wrapper--vimeo .wizi-txt h2,.wizi-wrapper--vimeo .wizi-txt h3,.wizi-wrapper--youtube .wizi-txt h1,.wizi-wrapper--youtube .wizi-txt h2,.wizi-wrapper--youtube .wizi-txt h3{min-width:100%;font-size:2.875rem;font-size:calc(1.3vw + 1.3vh + .7vmin);line-height:1.4;margin:0 0 10px;padding:0 20px;text-align:center;display:block;pointer-events:none}.wizi-wrapper--vimeo .wizi-txt h1 a,.wizi-wrapper--vimeo .wizi-txt h2 a,.wizi-wrapper--vimeo .wizi-txt h3 a,.wizi-wrapper--youtube .wizi-txt h1 a,.wizi-wrapper--youtube .wizi-txt h2 a,.wizi-wrapper--youtube .wizi-txt h3 a{pointer-events:auto}.wizi-wrapper--vimeo .wizi-txt p,.wizi-wrapper--youtube .wizi-txt p{min-width:100%;line-height:1.4;margin:0;padding:0 20px;text-align:center;display:block;pointer-events:none}.wizi-wrapper--vimeo .wizi-txt p a,.wizi-wrapper--youtube .wizi-txt p a{pointer-events:auto}.wizi-wrapper--vimeo .wizi-txt--large h1,.wizi-wrapper--vimeo .wizi-txt--large h2,.wizi-wrapper--vimeo .wizi-txt--large h3,.wizi-wrapper--youtube .wizi-txt--large h1,.wizi-wrapper--youtube .wizi-txt--large h2,.wizi-wrapper--youtube .wizi-txt--large h3{min-width:100%;font-size:calc(1.6vw + 1.6vh + .78vmin)}.wizi-wrapper--vimeo-txtContent .wizi-txt h1,.wizi-wrapper--vimeo-txtContent .wizi-txt h2,.wizi-wrapper--vimeo-txtContent .wizi-txt h3,.wizi-wrapper--youtube-txtContent .wizi-txt h1,.wizi-wrapper--youtube-txtContent .wizi-txt h2,.wizi-wrapper--youtube-txtContent .wizi-txt h3{font-size:2rem;text-align:left}.wizi-wrapper--vimeo-txtContent .wizi-txt h1.ql-align-center,.wizi-wrapper--vimeo-txtContent .wizi-txt h2.ql-align-center,.wizi-wrapper--vimeo-txtContent .wizi-txt h3.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt h1.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt h2.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt h3.ql-align-center{text-align:center}.wizi-wrapper--vimeo-txtContent .wizi-txt p,.wizi-wrapper--youtube-txtContent .wizi-txt p{font-size:.8125rem;text-align:left}.wizi-wrapper--vimeo-txtContent .wizi-txt p.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt p.ql-align-center{text-align:center}.wizi-wrapper--vimeo-txtContent .wizi-txt--large h1,.wizi-wrapper--vimeo-txtContent .wizi-txt--large h2,.wizi-wrapper--vimeo-txtContent .wizi-txt--large h3,.wizi-wrapper--youtube-txtContent .wizi-txt--large h1,.wizi-wrapper--youtube-txtContent .wizi-txt--large h2,.wizi-wrapper--youtube-txtContent .wizi-txt--large h3{text-align:left}.wizi-wrapper--vimeo-txtContent .wizi-txt--large h1.ql-align-center,.wizi-wrapper--vimeo-txtContent .wizi-txt--large h2.ql-align-center,.wizi-wrapper--vimeo-txtContent .wizi-txt--large h3.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt--large h1.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt--large h2.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt--large h3.ql-align-center{text-align:center}.wizi-wrapper--vimeo-txtContent .wizi-txt--large p,.wizi-wrapper--youtube-txtContent .wizi-txt--large p{font-size:.8125rem;text-align:left}.wizi-wrapper--vimeo-txtContent .wizi-txt--large p.ql-align-center,.wizi-wrapper--youtube-txtContent .wizi-txt--large p.ql-align-center{text-align:center}.wizi-wrapper--textOnImg{opacity:1}.wizi-vimeo,.wizi-youtube{z-index:3!important;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:center;align-content:center;cursor:pointer}.wizi-vimeo,.wizi-vimeo picture,.wizi-youtube,.wizi-youtube picture{position:absolute;top:0;left:0;width:100%;height:100%}.wizi-vimeo img,.wizi-youtube img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;z-index:1}.wizi-vimeo__wrapper,.wizi-youtube__wrapper{z-index:2;position:relative;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.wizi-vimeo__wrapper h1,.wizi-vimeo__wrapper h2,.wizi-vimeo__wrapper h3,.wizi-vimeo__wrapper h4,.wizi-vimeo__wrapper p,.wizi-vimeo__wrapper ul,.wizi-youtube__wrapper h1,.wizi-youtube__wrapper h2,.wizi-youtube__wrapper h3,.wizi-youtube__wrapper h4,.wizi-youtube__wrapper p,.wizi-youtube__wrapper ul{display:inline-block;width:100%}.wizi-vimeo__wrapper h1,.wizi-vimeo__wrapper h2,.wizi-vimeo__wrapper h3,.wizi-vimeo__wrapper h4,.wizi-youtube__wrapper h1,.wizi-youtube__wrapper h2,.wizi-youtube__wrapper h3,.wizi-youtube__wrapper h4{font-size:2.875rem;font-size:calc(1.3vw + 1.3vh + .7vmin);line-height:1.4;margin:0 0 10px;display:block}.wizi-vimeo__wrapper p,.wizi-youtube__wrapper p{line-height:1.4;margin:0;display:block}.wizi-vimeo__wrapper--large h1,.wizi-vimeo__wrapper--large h2,.wizi-vimeo__wrapper--large h3,.wizi-vimeo__wrapper--large h4,.wizi-youtube__wrapper--large h1,.wizi-youtube__wrapper--large h2,.wizi-youtube__wrapper--large h3,.wizi-youtube__wrapper--large h4{font-size:calc(1.6vw + 1.6vh + .78vmin)}.wizi-vimeo__btn.large,.wizi-youtube__btn.large{padding:0 20px;background-color:transparent;border:none;font-size:1.5vw;text-align:center;font-weight:500}.wizi-vimeo__btn.large i,.wizi-youtube__btn.large i{position:static;display:block;margin:0 auto 25px;line-height:1;white-space:nowrap;font-size:3.5vw}.wizi-vimeo__btn--small,.wizi-youtube__btn--small{cursor:pointer;color:#fff;font-weight:600;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;position:relative;padding:0 60px;line-height:1;white-space:nowrap;text-transform:none;font-size:.875rem;min-height:40px;background-color:var(--primary-color);border-radius:20px;margin-top:20px;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.wizi-vimeo__btn--small i,.wizi-youtube__btn--small i{height:28px;width:28px;margin:0 10px 0 0;font-size:20px;position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0)}.wizi-vimeo__btn:hover .wizi-vimeo__btn,.wizi-vimeo__btn:hover .wizi-youtube__btn,.wizi-youtube__btn:hover .wizi-vimeo__btn,.wizi-youtube__btn:hover .wizi-youtube__btn{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.wizi-launchVideo .wizi-vimeo__wrapper,.wizi-launchVideo .wizi-youtube__wrapper{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 20px}.wb-video-wrapper--overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;pointer-events:none}.wizi-wrapper--imglarge .wizi-imgtxt{width:100%}.wizi-wrapper--imglarge .wizi-imgtxt__left--large,.wizi-wrapper--imglarge .wizi-imgtxt__left--medium,.wizi-wrapper--imglarge .wizi-imgtxt__left--small{height:auto;position:relative;overflow:hidden}.wizi-wrapper--imglarge .wizi-imgtxt__left--large img,.wizi-wrapper--imglarge .wizi-imgtxt__left--medium img,.wizi-wrapper--imglarge .wizi-imgtxt__left--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-wrapper--imglarge .wizi-imgtxt__left--large:before,.wizi-wrapper--imglarge .wizi-imgtxt__left--medium:before,.wizi-wrapper--imglarge .wizi-imgtxt__left--small:before{content:"";width:100%;display:block;padding-top:41.214%}.wizi-wrapper--imglarge .wizi-imgtxt__left--small:before{padding-top:41.214%}.wizi-wrapper--imglarge .wizi-imgtxt__left--medium:before{padding-top:49.45%}.wizi-wrapper--imglarge .wizi-imgtxt__left--large:before{padding-top:57.699%}.wizi-wrapper .text-align-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.wizi-wrapper .text-align-center>div{width:auto!important;min-width:unset!important}.wizi-imgtxt{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-ms-flex-line-pack:center}.wizi-imgtxt,.wizi-imgtxt__left,.wizi-imgtxt__right{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-align-items:center;align-items:center;align-content:center}.wizi-imgtxt__left,.wizi-imgtxt__right{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;-ms-flex-align:center}.wizi-imgtxt__left>*,.wizi-imgtxt__right>*{min-width:100%}.wizi-imgtxt__center{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center}.wizi-imgtxt__right{padding:20px 20px 20px 50px}.wizi-imgtxt--textLeftTextRight{width:100%}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large img,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium img,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large:before,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before,.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before{content:"";width:100%;display:block;padding-top:55%}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before{padding-top:55%}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--medium:before{padding-top:66%}.wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--large:before{padding-top:77%}.wizi-imgtxt--textOneTextOne,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__wrap{width:100%}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__wrap .wiziBtn{text-align:center}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right{padding:0!important}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--large,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--medium,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--large,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--medium,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--large img,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--medium img,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small img,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--large img,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--medium img,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--large:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--medium:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--large:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--medium:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small:before{content:"";width:100%;display:block;padding-top:84.126%}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--small:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--small:before{padding-top:84.126%}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--medium:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--medium:before{padding-top:101%}.wizi-imgtxt--textOneTextOne .wizi-imgtxt__left--large:before,.wizi-imgtxt--textOneTextOne .wizi-imgtxt__right--large:before{padding-top:117.774%}.wizi-imgtxt--textTextOneText{width:100%}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center{padding:0!important}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--large,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--medium,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--large img,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--medium img,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--large:before,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--medium:before,.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small:before{content:"";width:100%;display:block;padding-top:85.45%}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--small:before{padding-top:85.45%}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--medium:before{padding-top:102.183%}.wizi-imgtxt--textTextOneText .wizi-imgtxt__center--large:before{padding-top:119.611%}.wizi-imgtxt--textSmallRightTextLeft{width:100%}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--large,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--medium,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--large img,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--medium img,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--large:before,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--medium:before,.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before{content:"";width:100%;display:block;padding-top:82.403%}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--small:before{padding-top:82.403%}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--medium:before{padding-top:98.89%}.wizi-imgtxt--textSmallRightTextLeft .wizi-imgtxt__right--large:before{padding-top:115.365%}.wizi-imgtxt--TextSmallLeftTextRight{width:100%}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--large,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--medium,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--large img,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--medium img,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--large:before,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--medium:before,.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--small:before{content:"";width:100%;display:block;padding-top:82.403%}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--small:before{padding-top:82.403%}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--medium:before{padding-top:98.89%}.wizi-imgtxt--TextSmallLeftTextRight .wizi-imgtxt__left--large:before{padding-top:115.365%}.wizi-imgtxt--textRightTextLeft{width:100%}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--large,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--large img,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium img,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--large:before,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before,.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before{content:"";width:100%;display:block;padding-top:54.946%}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before{padding-top:54.946%}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--medium:before{padding-top:65.715%}.wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--large:before{padding-top:76.924%}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--large,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--medium,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--small{height:auto;position:relative;overflow:hidden}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--large img,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--medium img,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--large:before,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--medium:before,.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--small:before{content:"";width:100%;display:block;padding-top:41.214%}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--small:before{padding-top:41.214%}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--medium:before{padding-top:49.45%}.wizi-imgtxt--reverse.wizi-wrapper--imgsmall .wizi-imgtxt__right--large:before{padding-top:57.699%}.wizi-imgtxt--reverse .wizi-imgtxt{width:100%}.wizi-imgtxt--reverse .wizi-imgtxt__right{padding:0}.wizi-imgtxt--reverse .wizi-imgtxt__left{padding:20px 50px 20px 20px}.wizi-imgtxt--three .wizi-imgtxt__center,.wizi-imgtxt--three .wizi-imgtxt__left,.wizi-imgtxt--three .wizi-imgtxt__right{width:100%;padding:0 20px}.wizi-imgtxt--youtube .wizi-imgtxt__left,.wizi-imgtxt--youtube .wizi-imgtxt__right{width:100%}.wizi-imgtxt--youtube .wizi-wrapper--youtube{margin-bottom:0}.wizi-wrapper--textOnImg>a{text-decoration:none!important}.wizi-wrapper--textOnImg .wizi-txt,.wizi-wrapper--textOnImg .wizi-txt>*{min-width:100%}.wizi-wrapper--textOnImg .wizi-txt .wizi-txt__background>:first-child{margin-top:0!important}.wizi-wrapper--textOnImg .wizi-txt .wizi-txt__background .wiziBtn{margin-bottom:0;text-align:center}.wizi-wrapper--textOnImg.wizi-wrapper--large,.wizi-wrapper--textOnImg.wizi-wrapper--medium,.wizi-wrapper--textOnImg.wizi-wrapper--small{height:auto;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.wizi-wrapper--textOnImg.wizi-wrapper--large img,.wizi-wrapper--textOnImg.wizi-wrapper--medium img,.wizi-wrapper--textOnImg.wizi-wrapper--small img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-wrapper--textOnImg.wizi-wrapper--large:before,.wizi-wrapper--textOnImg.wizi-wrapper--medium:before,.wizi-wrapper--textOnImg.wizi-wrapper--small:before{content:"";width:100%;display:block;padding-top:30.65%}.wizi-wrapper--textOnImg.wizi-wrapper--large>.wizi-txt,.wizi-wrapper--textOnImg.wizi-wrapper--medium>.wizi-txt,.wizi-wrapper--textOnImg.wizi-wrapper--small>.wizi-txt{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;left:auto;top:auto;padding-top:20px;padding-bottom:20px}.wizi-wrapper--textOnImg.wizi-wrapper--small:before{padding-top:30.65%}.wizi-wrapper--textOnImg.wizi-wrapper--medium:before{padding-top:36.77%}.wizi-wrapper--textOnImg.wizi-wrapper--large:before{padding-top:42.89%}.wizi-txt__background[style^=background]>*,.wizi-wrapper--imgtxt[style^=background] .wizi-imgtxt__left>*{color:#212121}.wizi-banner{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:70px}.wizi-banner p{min-width:100%}.wizi-img--double.wizi-img--picto{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;width:calc(100% + 30px)}.wizi-img--double.wizi-img--picto .wizi-img__content{width:calc(50% - 30px);margin:15px}.wizi-img--double.wizi-img--picto .wizi-img__content a+.wizi-img__content__wrapper{pointer-events:none}.wizi-img--double.wizi-img--picto.wizi-img--small .wizi-img__content:before{content:"";width:100%;display:block;padding-top:18.5%}.wizi-img--double.wizi-img--picto.wizi-img--medium .wizi-img__content:before{content:"";width:100%;display:block;padding-top:26.45%}.wizi-img--double.wizi-img--picto.wizi-img--large .wizi-img__content:before{content:"";width:100%;display:block;padding-top:34.4%}.wizi-img--triple.wizi-img--picto{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;width:calc(100% + 30px)}.wizi-img--triple.wizi-img--picto .wizi-img__content{width:calc(33.3% - 30px);margin:15px}.wizi-img--triple.wizi-img--picto .wizi-img__content a+.wizi-img__content__wrapper{pointer-events:none}.wizi-img--triple.wizi-img--picto.wizi-img--small .wizi-img__content:before{content:"";width:100%;display:block;padding-top:28.2%}.wizi-img--triple.wizi-img--picto.wizi-img--medium .wizi-img__content:before{content:"";width:100%;display:block;padding-top:40.3%}.wizi-img--triple.wizi-img--picto.wizi-img--large .wizi-img__content:before{content:"";width:100%;display:block;padding-top:52.6%}.wizi-img--quadruple.wizi-img--picto{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;width:calc(100% + 30px)}.wizi-img--quadruple.wizi-img--picto .wizi-img__content{width:calc(25% - 30px);margin:15px}.wizi-img--quadruple.wizi-img--picto .wizi-img__content a+.wizi-img__content__wrapper{pointer-events:none}.wizi-img--quadruple.wizi-img--picto.wizi-img--small .wizi-img__content:before{content:"";width:100%;display:block;padding-top:38.2%}.wizi-img--quadruple.wizi-img--picto.wizi-img--medium .wizi-img__content:before{content:"";width:100%;display:block;padding-top:54.58%}.wizi-img--quadruple.wizi-img--picto.wizi-img--large .wizi-img__content:before{content:"";width:100%;display:block;padding-top:70.96%}.wizi-img--picto .wizi-img__content__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0}.wizi-img--picto .wizi-img__content__wrapper,.wizi-img--picto .wizi-img__content__wrapper:last-child{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center}.wizi-img--picto .wizi-img__content__wrapper img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:100%;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;opacity:1;background-position:top;background-size:cover;background-repeat:no-repeat}.wizi-img--picto .wizi-img__content__wrapper__icon{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;font-size:30px;line-height:1;margin:0}.wizi-img--picto .wizi-img__content__wrapper__icon i{font-size:2.8125rem}.wizi-img--picto .wizi-img__content__wrapper__icon span{width:65px;height:65px;background-size:cover;background-position:50%}.wizi-img--picto .wizi-img__content__wrapper__text{margin-top:3px}.wizi-img--picto .wizi-img__content>a+.wizi-img__content__wrapper{pointer-events:none}@media (min-width:720px){.wizi-wrapper--vimeo-noControl iframe,.wizi-wrapper--youtube-noControl iframe{width:130%!important;height:130%!important}.wizi-wrapper--imglarge .wizi-imgtxt__right{width:33.34%}.wizi-wrapper--imglarge .wizi-imgtxt__left,.wizi-wrapper--imgsmall .wizi-imgtxt__right{width:66.66%}.wizi-wrapper--imgsmall .wizi-imgtxt__left{width:33.34%}.wizi-imgtxt__wrap{padding:20px 0}.wizi-imgtxt__left,.wizi-imgtxt__right{width:50%}.wizi-imgtxt--three .wizi-imgtxt__center{margin:0 5px}.wizi-wrapper--textOnImg.wizi-wrapper--small{min-height:30.65vw}.wizi-wrapper--textOnImg.wizi-wrapper--medium{min-height:36.77vw}.wizi-wrapper--textOnImg.wizi-wrapper--large{min-height:42.89vw}}@media (min-width:1024px){.wizi-wrapper--vimeo iframe,.wizi-wrapper--youtube iframe{height:100%!important}.wizi-wrapper--vimeo .wizi-txt,.wizi-wrapper--vimeo iframe,.wizi-wrapper--youtube .wizi-txt,.wizi-wrapper--youtube iframe{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wizi-wrapper--vimeo .wizi-txt--content,.wizi-wrapper--youtube .wizi-txt--content{width:30%;left:25%;padding:20px}.wizi-imgtxt--textRightTextLeft,.wizi-imgtxt--TextSmallLeftTextRight{-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.wizi-imgtxt--three{-ms-flex-wrap:none;flex-wrap:nowrap}.wizi-imgtxt--youtube .wizi-imgtxt__right{width:66.66%}.wizi-imgtxt--youtube .wizi-imgtxt__left{width:33.34%}.wizi-wrapper--textOnImg .wizi-txt{padding:0 100px}.wizi-wrapper--textOnImg.wizi-wrapper--large:before,.wizi-wrapper--textOnImg.wizi-wrapper--medium:before,.wizi-wrapper--textOnImg.wizi-wrapper--small:before{display:none}}@media (max-width:1023px){.wizi-wrapper--vimeo,.wizi-wrapper--youtube{padding-top:0!important}.wizi-wrapper--vimeo iframe,.wizi-wrapper--youtube iframe{margin-bottom:20px}.wizi-wrapper--vimeo .wizi-txt *,.wizi-wrapper--youtube .wizi-txt *{color:var(--text-on-body)!important;background-color:transparent!important}.wizi-vimeo__wrapper h1,.wizi-vimeo__wrapper h2,.wizi-vimeo__wrapper h3,.wizi-vimeo__wrapper h4,.wizi-youtube__wrapper h1,.wizi-youtube__wrapper h2,.wizi-youtube__wrapper h3,.wizi-youtube__wrapper h4{font-size:.875rem}.wizi-vimeo__wrapper p,.wizi-youtube__wrapper p{font-size:.6875rem}.wizi-vimeo__wrapper--large h1,.wizi-vimeo__wrapper--large h2,.wizi-vimeo__wrapper--large h3,.wizi-vimeo__wrapper--large h4,.wizi-youtube__wrapper--large h1,.wizi-youtube__wrapper--large h2,.wizi-youtube__wrapper--large h3,.wizi-youtube__wrapper--large h4{font-size:.875rem}.wizi-vimeo__wrapper--large p,.wizi-youtube__wrapper--large p{font-size:.6875rem}.wizi-vimeo__btn.large,.wizi-youtube__btn.large{font-size:14px}.wizi-vimeo__btn.large i,.wizi-youtube__btn.large i{font-size:18px}.wizi-imgtxt--youtube .wizi-imgtxt__right{width:100%}.wizi-imgtxt--youtube h1,.wizi-imgtxt--youtube h2,.wizi-imgtxt--youtube h3{margin:0 0 10px;font-size:2rem;text-align:left}.wizi-imgtxt--youtube h1.ql-align-center,.wizi-imgtxt--youtube h2.ql-align-center,.wizi-imgtxt--youtube h3.ql-align-center{text-align:center}.wizi-imgtxt--youtube p{font-size:.8125rem;text-align:left;margin:0 0 20px}.wizi-imgtxt--youtube p.ql-align-center{text-align:center}.wizi-launchVideo .wizi-vimeo img,.wizi-launchVideo .wizi-youtube img{min-height:100%;width:auto;max-width:1000px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:auto;min-width:100%}.wizi-launchVideo iframe{min-height:300px}.wb-video-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;height:0}.wb-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.wizi-wrapper--textOnImg+.wizi-banner{padding:10px}.wizi-img--double.wizi-img--picto{width:100%;margin:0}.wizi-img--double.wizi-img--picto .wizi-img__content{width:100%;margin:15px 0}.wizi-img--double.wizi-img--picto .wizi-img__content:first-of-type,.wizi-img--double.wizi-img--picto .wizi-img__content:last-of-type{margin-top:0}.wizi-img--triple.wizi-img--picto{width:100%;margin:0}.wizi-img--triple.wizi-img--picto .wizi-img__content{width:100%;margin:15px 0}.wizi-img--triple.wizi-img--picto .wizi-img__content:first-of-type,.wizi-img--triple.wizi-img--picto .wizi-img__content:last-of-type{margin-top:0}.wizi-img--quadruple.wizi-img--picto{width:100%;margin:0}.wizi-img--quadruple.wizi-img--picto .wizi-img__content{width:100%;margin:15px 0}.wizi-img--quadruple.wizi-img--picto .wizi-img__content:first-of-type,.wizi-img--quadruple.wizi-img--picto .wizi-img__content:last-of-type{margin-top:0}}@media (max-width:719px){.wizi-wrapper--vimeo .wizi-txt,.wizi-wrapper--youtube .wizi-txt{padding:0 20px}.wizi-wrapper--vimeo .wizi-txt h1,.wizi-wrapper--vimeo .wizi-txt h2,.wizi-wrapper--vimeo .wizi-txt h3,.wizi-wrapper--youtube .wizi-txt h1,.wizi-wrapper--youtube .wizi-txt h2,.wizi-wrapper--youtube .wizi-txt h3{font-size:2rem}.wizi-wrapper--vimeo .wizi-txt p,.wizi-wrapper--youtube .wizi-txt p{font-size:.8125rem}.wizi-wrapper--vimeo .wizi-txt--large h1,.wizi-wrapper--vimeo .wizi-txt--large h2,.wizi-wrapper--vimeo .wizi-txt--large h3,.wizi-wrapper--youtube .wizi-txt--large h1,.wizi-wrapper--youtube .wizi-txt--large h2,.wizi-wrapper--youtube .wizi-txt--large h3{font-size:2rem}.wizi-wrapper--vimeo .wizi-txt--large p,.wizi-wrapper--youtube .wizi-txt--large p{font-size:.8125rem}.wizi-vimeo__btn--small,.wizi-youtube__btn--small{padding:0 40px;font-size:.75rem}.wizi-vimeo__btn--small i,.wizi-youtube__btn--small i{width:15px;height:15px;left:15px;font-size:14px;top:47%}.wizi-wrapper--twoText .wizi-imgtxt__left,.wizi-wrapper--twoText .wizi-imgtxt__right{padding:0}.wizi-wrapper--twoText .wizi-imgtxt__center{padding:0 20px!important;margin-top:-4px}.wizi-imgtxt{-ms-flex-wrap:wrap;flex-wrap:wrap}.wizi-imgtxt--reverse .wizi-imgtxt__left,.wizi-imgtxt__right{padding:20px 20px 0}.wizi-imgtxt--three .wizi-imgtxt__center{padding:0}.wizi-imgtxt--three .wizi-imgtxt__center img{margin-bottom:-4px}.wizi-imgtxt,.wizi-imgtxt__left,.wizi-imgtxt__right{width:100%}.wizi-wrapper--textOnImg.wizi-wrapper .parallax-container{position:static!important;top:auto;height:auto;left:auto;overflow:visible}.wizi-wrapper--textOnImg.wizi-wrapper .parallax-container+.wizi-txt{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;left:auto;top:auto;padding-top:20px;padding-bottom:20px}.wizi-wrapper--textOnImg .wizi-txt{padding:0 20px}.wizi-wrapper--textOnImg.wizi-wrapper--large img,.wizi-wrapper--textOnImg.wizi-wrapper--medium img,.wizi-wrapper--textOnImg.wizi-wrapper--small img{-o-object-fit:cover;object-fit:cover;max-height:10000px}.wizi-wrapper--textOnImg.wizi-wrapper--small,.wizi-wrapper--textOnImg.wizi-wrapper--small .wizi-txt{min-height:250px}.wizi-wrapper--textOnImg.wizi-wrapper--medium,.wizi-wrapper--textOnImg.wizi-wrapper--medium .wizi-txt{min-height:350px}.wizi-wrapper--textOnImg.wizi-wrapper--large,.wizi-wrapper--textOnImg.wizi-wrapper--large .wizi-txt{min-height:450px}.wizi-wrapper--textOnImg:before{padding-top:0!important;display:none!important}.wiziblocks__item:not(.wiziblocks__item--fullpage) .wizi-imgtxt__left,.wiziblocks__item:not(.wiziblocks__item--fullpage) .wizi-imgtxt__right{padding:20px 0 0!important}.wiziblocks__item:not(.wiziblocks__item--fullpage) .wizi-imgtxt__center{padding:0!important}.wizi-imgtxt h2 .ql-size-large{font-size:2rem!important}.wizi-img--double.wizi-img--picto.wizi-img--small .wizi-img__content:before{padding-top:27.5%}.wizi-img--double.wizi-img--picto.wizi-img--medium .wizi-img__content:before{padding-top:35.45%}.wizi-img--double.wizi-img--picto.wizi-img--large .wizi-img__content:before{padding-top:43.4%}}@media (min-width:720px) and (max-width:1023px){.wizi-wrapper--vimeo-noControl iframe{min-height:430px}.wizi-imgtxt{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wizi-imgtxt--vimeo,.wizi-imgtxt--youtube{-ms-flex-wrap:wrap;flex-wrap:wrap}.wizi-imgtxt--vimeo .wizi-imgtxt__left,.wizi-imgtxt--vimeo .wizi-imgtxt__right,.wizi-imgtxt--youtube .wizi-imgtxt__left,.wizi-imgtxt--youtube .wizi-imgtxt__right{width:100%}.wizi-wrapper--textOnImg .wizi-txt{padding:0 40px}}</style>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <script type="text/javascript">
    var INCLUDED = ["videos"];
    var WB_JSON = [
                                    {
                    'type': 'videos-simple'
                },                                                {
                    'type': 'code-html'
                }                            ];
    var HAS_SCRIPT = ["maps","product-list","product-zoom","timer","text","videos","sliders","faq","witness"];
    var SCRIPTS_TO_LOAD = ["videos"];
</script>
    
            <link rel="stylesheet" href="https://media.cdnws.com/_/326911/1768382645847/css/header-a.css?t=30000">
    
            <link rel="stylesheet" href="https://media.cdnws.com/_/326911/1768382645847/css/product-list-a.css?t=30000">
    
            <link rel="stylesheet" href="https://media.cdnws.com/_/326911/1768382645847/css/product-page-a.css?t=30000">
    
            <link rel="stylesheet" href="https://media.cdnws.com/_/326911/1768382645847/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" />

    
    
        <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>
<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  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 first-wiziblocks 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&#039;inscrire</a>
                                                                                                                                                                                                                                        <a class="nav__a nav__itemlvl1 nav__itemlvl1--home" href="/">Accueil</a>
                                                                <input class="nav__checkboxlvl0 hidden" id="menu-enrichi-1" type="checkbox">
                                <div class="nav__label nav__label--first">
                                                                        <div class="nav__wrapper2">
                                                                                                                            <span class="nav__itemlvl1  nav__itemlvl1--with-subnav">Rituels</span>
                                                                                                                        <label for="menu-enrichi-1" 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-1" 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">Rituels</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/technologies.html?WiziType=page-libre&amp;WiziNomPage=technologies&amp;clear-pimpmyshop=1&amp;" title="Technologies">Technologies</a>
                                                                                                                                                                                                                                                                                                                                <a class="nav__a nav__itemlvl1" href="adhesioncentredelongevite.html" title="Longévité">Longévité</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.smartagenda.fr/pro/lasphere/rendez-vous/" title="Réserver">Réserver</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="c23c7f94-17da-4e97-8e04-3deba86b68b7" class="wiziblocks__item margin-top-small wiziblocks__item--fullpage width-medium small">
                        <div class="wizi-wrapper wizi-wrapper--youtube">
                                                                                                                                                            
                                    
                                                                
                    
                                                                
                                                                
                                    
                <div class="wb-video-wrapper">
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/2YT3XQBBYvE?version=3&showinfo=0&rel=0&modestbranding=1&fs=0&autoplay=1&controls=0&loop=1&playlist=2YT3XQBBYvE&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                    </div>

            </div>
            
    </div>
    <div id="7c2e2f68-4f3c-48f9-b37d-a910d087889a" class="wiziblocks__item wiziblocks__item--fullpage medium">
        <div>
<style>
  /* ====== ACCUEIL LA SPHÈRE – VERSION ULTRA LUXE / APPLE ====== */

  .ls-home {
    max-width: 1040px;
    margin: 40px auto 120px auto;
    padding: 0 24px;
    color: #F5F4F0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  }

  /* ---------- HERO ---------- */

  .ls-hero {
    text-align: center;
    margin-bottom: 90px;
  }

  .ls-hero-kicker {
    font-size: 0.8rem;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: #AEB4BE;
    margin-bottom: 12px;
  }

  .ls-hero-title {
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
    margin-bottom: 18px !important;
  }

  .ls-hero-subtitle {
    font-size: 1rem !important;
    color: #C4C9CF;
    max-width: 580px;
    margin: 0 auto 32px auto !important;
    line-height: 1.8;
    text-align: center !important;
  }

  .ls-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .ls-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 40px;
    border-radius: 999px;
    background: #F5F4F0;
    color: #0B1320 !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 0 0 30px rgba(245, 244, 240, 0.38);
    transition: 0.22s ease-in-out;
    white-space: nowrap;
  }

  .ls-btn-primary:hover {
    background: #ffffff;
    box-shadow: 0 0 40px rgba(245, 244, 240, 0.48);
    transform: translateY(-1px);
  }

  .ls-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 28px;
    border-radius: 999px;
    border: 1px solid rgba(245, 244, 240, 0.28);
    color: #F5F4F0 !important;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: 0.22s ease-in-out;
    white-space: nowrap;
  }

  .ls-btn-ghost:hover {
    border-color: rgba(245, 244, 240, 0.6);
    background: rgba(245, 244, 240, 0.05);
  }

  /* ---------- TITRES DE SECTION ---------- */

  .ls-section {
    margin: 110px 0 90px 0;
  }

  .ls-section-header {
    margin-bottom: 30px;
    text-align: center !important;
  }

  .ls-section-kicker {
    font-size: 0.8rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #AEB4BE;
    margin-bottom: 10px;
  }

  .ls-section-title {
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
    margin: 0;
    text-align: center !important;
  }

  .ls-section-subtitle {
    font-size: 1rem !important;
    color: #C4C9CF;
    max-width: 640px !important;
    line-height: 1.8;
    margin: 14px auto 0 auto !important;
    text-align: center !important;
  }

  /* ---------- GRILLES 2 / 3 COLONNES ---------- */

  .ls-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }

  .ls-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  /* ---------- CARTES LUXE GÉNÉRIQUES ---------- */

  .ls-card-soft {
    background: radial-gradient(circle at top left,
      rgba(245, 244, 240, 0.05),
      rgba(5, 12, 24, 0.96));
    border-radius: 26px;
    padding: 24px 24px 26px 24px;
    border: 1px solid rgba(245, 244, 240, 0.10);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.45);
  }

  .ls-card-title {
    font-size: 1.06rem;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .ls-card-text {
    font-size: 0.95rem;
    color: #D4D8DD;
    line-height: 1.8;
  }

  /* ---------- RITUELS ---------- */

  .ls-rituel-card {
    background: radial-gradient(circle at top left,
      rgba(245, 244, 240, 0.06),
      rgba(5, 12, 24, 0.98));
    border-radius: 26px;
    padding: 24px 22px 26px 22px;
    border: 1px solid rgba(245, 244, 240, 0.12);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.5);
  }

  .ls-rituel-badge {
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #AEB4BE;
    margin-bottom: 8px;
  }

  .ls-rituel-name {
    font-size: 1.16rem;
    font-weight: 600;
    margin-bottom: 6px;
  }

  .ls-rituel-duration {
    font-size: 0.9rem;
    color: #C4C9CF;
    margin-bottom: 14px;
  }

  .ls-rituel-subtitle {
    font-size: 0.9rem;
    color: #D4D8DD;
    margin-bottom: 14px;
    line-height: 1.7;
  }

  .ls-rituel-list-block {
    margin-bottom: 10px;
  }

  .ls-rituel-list-title {
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #AEB4BE;
    margin-bottom: 6px;
  }

  .ls-rituel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
    color: #D4D8DD;
  }

  .ls-rituel-list li {
    margin-bottom: 4px;
  }

  .ls-rituel-list span.ls-check {
    color: #33d17a;
    font-weight: 600;
    margin-right: 4px;
  }

  .ls-rituel-list span.ls-cross {
    color: #ff7b7b;
    font-weight: 600;
    margin-right: 4px;
  }

  .ls-rituel-note {
    font-size: 0.78rem;
    color: #AEB4BE;
    margin-top: 10px;
    line-height: 1.6;
  }

  .ls-card-footer-link {
    margin-top: 15px;
  }

  .ls-card-footer-link a {
    font-size: 0.9rem;
    text-decoration: none;
    color: #F5F4F0;
    border-bottom: 1px solid rgba(245, 244, 240, 0.4);
  }

  .ls-card-footer-link a:hover {
    border-bottom-color: rgba(245, 244, 240, 0.9);
  }

  /* ---------- ADHÉSIONS ---------- */

  .ls-adh-name {
    font-size: 1.08rem;
    font-weight: 600;
    margin-bottom: 6px;
  }

  .ls-adh-price {
    font-size: 1.02rem;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .ls-adh-price span {
    font-size: 0.84rem;
    font-weight: 400;
    color: #C4C9CF;
  }

  .ls-adh-note {
    font-size: 0.92rem;
    color: #D4D8DD;
    line-height: 1.8;
  }

  /* ---------- AVIS CLIENTS ---------- */

  .ls-reviews-stars {
    font-size: 1.6rem;
    letter-spacing: 0.18em;
    color: #F5D06F;
    margin-bottom: 6px;
  }

  .ls-reviews-score {
    font-size: 0.95rem;
    color: #C4C9CF;
    margin-bottom: 24px;
  }

  .ls-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 10px;
  }

  .ls-review-card {
    background: radial-gradient(circle at top left,
      rgba(245, 244, 240, 0.05),
      rgba(5, 12, 24, 0.96));
    border-radius: 22px;
    padding: 18px 18px 20px 18px;
    border: 1px solid rgba(245, 244, 240, 0.10);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45);
    text-align: left;
  }

  .ls-review-name {
    font-size: 0.92rem;
    font-weight: 600;
    margin-bottom: 4px;
  }

  .ls-review-meta {
    font-size: 0.8rem;
    color: #AEB4BE;
    margin-bottom: 10px;
  }

  .ls-review-text {
    font-size: 0.9rem;
    color: #D4D8DD;
    line-height: 1.7;
  }

  /* ---------- CTA FINAL ---------- */

  .ls-final-cta {
    text-align: center;
    margin-top: 50px;
    padding-top: 38px;
    border-top: 1px solid rgba(245, 244, 240, 0.18);
  }

  .ls-final-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  .ls-final-text {
    font-size: 0.95rem;
    color: #C4C9CF;
    margin-bottom: 24px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
  }

  /* ---------- RESPONSIVE ---------- */

  @media (max-width: 980px) {
    .ls-grid-2,
    .ls-grid-3,
    .ls-reviews-grid {
      grid-template-columns: 1fr;
    }

    .ls-home {
      margin-top: 30px;
    }
  }

  @media (max-width: 720px) {
    .ls-hero-title {
      font-size: 2.1rem !important;
    }

    .ls-hero {
      margin-bottom: 70px;
    }
  }
</style>

<div class="ls-home">

  <!-- ========== HERO ========== -->
  <section class="ls-hero">
    <div class="ls-hero-kicker">Centre de longévité </div>
    <h1 class="ls-hero-title">Régénérez Corps &amp; Esprit.</h1>
    <p class="ls-hero-subtitle">
      Un lieu rare où les technologies de longévité et l’accompagnement humain
      travaillent ensemble pour vivre mieux et plus longtemps. 
    </p>

    <div class="ls-hero-actions">
      <a href="https://www.lasphere.re/listes-rituels.html" class="ls-btn-primary">Découvrir les rituels</a>
      <a href="https://www.lasphere.re/page-libre/preview.php?scbp=true&id-prev=31&clear-pimpmyshop=1&" class="ls-btn-ghost">Voir les adhésions</a>
 <!-- QUIZ LA SPHÈRE – À COLLER DANS UN BLOC CODE HTML -->
<section class="ls-quiz-wrapper">
  <div class="ls-quiz">
    <div class="ls-quiz-header">
      <p class="ls-quiz-badge">Guide personnalisé</p>
      <h2 class="ls-quiz-title">Quel rituel est fait pour vous&nbsp;?</h2>
      <p class="ls-quiz-intro">
        Répondez à 5 questions en moins d’une minute et découvrez le rituel La Sphère
        qui correspond le mieux à votre état du moment.
      </p>
    </div>

    <form id="ls-quiz-form">
      <!-- Question 1 -->
      <div class="ls-quiz-question">
        <p class="ls-quiz-question-title">Comment vous sentez-vous aujourd’hui&nbsp;?</p>
        <div class="ls-quiz-options">
          <label class="ls-quiz-option">
            <input type="radio" name="q1" value="detente">
            <span>J’ai besoin de me détendre un peu, sans plus.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q1" value="fatigue">
            <span>Je suis fatigué(e), le mental chargé.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q1" value="epuise">
            <span>Je suis vraiment épuisé(e).</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q1" value="rapide">
            <span>Je veux un moment efficace sans que ce soit trop long.</span>
          </label>
        </div>
      </div>

      <!-- Question 2 -->
      <div class="ls-quiz-question">
        <p class="ls-quiz-question-title">Aujourd’hui, vous êtes prêt(e) à vous accorder…</p>
        <div class="ls-quiz-options">
          <label class="ls-quiz-option">
            <input type="radio" name="q2" value="40">
            <span>Je ne peux vraiment pas dépasser 40 minutes.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q2" value="120">
            <span>Environ 2 heures pour me faire du bien.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q2" value="150_180">
            <span>2h30 à 3 heures pour une vraie coupure.</span>
          </label>
        </div>
      </div>

      <!-- Question 3 -->
      <div class="ls-quiz-question">
        <p class="ls-quiz-question-title">Quel résultat recherchez-vous en priorité&nbsp;?</p>
        <div class="ls-quiz-options">
          <label class="ls-quiz-option">
            <input type="radio" name="q3" value="relachement">
            <span>Relâcher les tensions et souffler.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q3" value="recuperation">
            <span>Récupérer physiquement et alléger le corps.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q3" value="lacher_prise">
            <span>Lâcher prise profondément, corps et esprit.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q3" value="decouverte">
            <span>Découvrir La Sphère sans un rituel trop long.</span>
          </label>
        </div>
      </div>

      <!-- Question 4 -->
      <div class="ls-quiz-question">
        <p class="ls-quiz-question-title">Ce moment est plutôt&nbsp;:</p>
        <div class="ls-quiz-options">
          <label class="ls-quiz-option">
            <input type="radio" name="q4" value="pour_moi">
            <span>Un moment rien que pour moi.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q4" value="occasion">
            <span>Une occasion spéciale / un moment important.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q4" value="test">
            <span>Une première découverte pour voir si cela me convient.</span>
          </label>
        </div>
      </div>

      <!-- Question 5 : créneau horaire -->
      <div class="ls-quiz-question">
        <p class="ls-quiz-question-title">Quel créneau vous conviendrait le mieux pour venir à La Sphère&nbsp;?</p>
        <div class="ls-quiz-options">
          <label class="ls-quiz-option">
            <input type="radio" name="q5" value="helios">
            <span>En semaine, le matin ou début d’après-midi (7h30 – 14h).</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q5" value="nyx">
            <span>En semaine, plutôt l’après-midi ou en soirée.</span>
          </label>
          <label class="ls-quiz-option">
            <input type="radio" name="q5" value="elysium">
            <span>Le soir tard et/ou le week-end.</span>
          </label>
        </div>
      </div>

      <div class="ls-quiz-submit">
        <button type="submit" class="ls-quiz-btn">Découvrir mon rituel</button>
        <p class="ls-quiz-small">Aucune inscription, juste une recommandation personnalisée.</p>
      </div>
    </form>

    <!-- RÉSULTATS -->
    <div id="ls-quiz-result" class="ls-quiz-result" style="display:none;">
      <div id="ls-quiz-result-content"></div>

      <!-- Bloc upsell Expérience Royale – affiché systématiquement -->
      <div class="ls-quiz-royale">
        <p class="ls-royale-badge">Option recommandée</p>
        <h3 class="ls-royale-title">Ajoutez l’Expérience Royale</h3>
        <p class="ls-royale-text">
          Pour transformer votre rituel en moment inoubliable&nbsp;:
          peignoir et serviette blanches premium, coupe de champagne
          et macarons servis dans le bain à remous.
        </p>
        <p class="ls-royale-tarif">Supplément&nbsp;: <strong>34,90&nbsp;€</strong> par personne.</p>
        <p class="ls-royale-note">
          À préciser au moment de la réservation ou directement à l’accueil.
        </p>
      </div>
    </div>
  </div>
</section>

<style>
  .ls-quiz-wrapper {
    max-width: 880px;
    margin: 60px auto 40px auto;
    padding: 0 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    color: #F5F4F0;
  }

  .ls-quiz {
    background: radial-gradient(circle at top left, rgba(245,244,240,0.06), rgba(5,12,24,0.96));
    border-radius: 24px;
    border: 1px solid rgba(245,244,240,0.14);
    box-shadow: 0 22px 60px rgba(0,0,0,0.6);
    padding: 26px 22px 26px 22px;
  }

  .ls-quiz-header {
    text-align: center;
    margin-bottom: 20px;
  }

  .ls-quiz-badge {
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #AEB4BE;
    margin: 0 0 4px 0;
  }

  .ls-quiz-title {
    font-size: 1.6rem;
    margin: 0 0 6px 0;
  }

  .ls-quiz-intro {
    max-width: 540px;
    margin: 0 auto;
    font-size: 0.9rem;
    color: #C4C9CF;
  }

  .ls-quiz-question {
    margin-bottom: 18px;
  }

  .ls-quiz-question-title {
    font-size: 0.95rem;
    margin-bottom: 8px;
    color: #E5E7EB;
  }

  .ls-quiz-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
  }

  .ls-quiz-option {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 11px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,0.45);
    background: rgba(15,23,42,0.8);
    cursor: pointer;
    font-size: 0.86rem;
    line-height: 1.4;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.1s ease;
  }

  .ls-quiz-option input[type="radio"] {
    margin-top: 2px;
    accent-color: #E5D3A3;
  }

  .ls-quiz-option:hover {
    border-color: rgba(229,211,163,0.8);
    background: rgba(15,23,42,0.94);
    transform: translateY(-1px);
  }

  .ls-quiz-submit {
    text-align: center;
    margin-top: 18px;
  }

  .ls-quiz-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 26px;
    border-radius: 999px;
    border: 1px solid rgba(245,244,240,0.2);
    background: radial-gradient(circle at top left, #F5E6D3, #E2C89F);
    color: #14151A;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 14px 32px rgba(0,0,0,0.65);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
  }

  .ls-quiz-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.8);
    background: radial-gradient(circle at top left, #FFF7EB, #E7D2AA);
  }

  .ls-quiz-small {
    font-size: 0.76rem;
    margin-top: 6px;
    color: #9CA3AF;
  }

  .ls-quiz-result {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(148,163,184,0.45);
  }

  .ls-quiz-result-block-title {
    font-size: 1.1rem;
    margin: 0 0 4px 0;
  }

  .ls-quiz-result-tag {
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #AEB4BE;
    margin-bottom: 4px;
  }

  .ls-quiz-result-text {
    font-size: 0.9rem;
    color: #D4D8DD;
    margin-bottom: 8px;
  }

  .ls-quiz-result-extra {
    font-size: 0.82rem;
    color: #C4C9CF;
    margin-bottom: 10px;
  }

  .ls-quiz-link {
    font-size: 0.85rem;
    color: #F5E6D3;
    text-decoration: underline;
  }

  /* Bloc Expérience Royale */
  .ls-quiz-royale {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(245,230,211,0.50);
    background: radial-gradient(circle at top left, rgba(245,230,211,0.12), rgba(15,23,42,0.98));
  }

  .ls-royale-badge {
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #E7D2AA;
    margin: 0 0 4px 0;
  }

  .ls-royale-title {
    font-size: 1rem;
    margin: 0 0 4px 0;
  }

  .ls-royale-text {
    font-size: 0.86rem;
    color: #E5E7EB;
    margin: 0 0 4px 0;
  }

  .ls-royale-tarif {
    font-size: 0.86rem;
    margin: 0 0 2px 0;
    color: #F5E6D3;
  }

  .ls-royale-note {
    font-size: 0.78rem;
    color: #9CA3AF;
    margin: 0;
  }

  @media (max-width: 780px) {
    .ls-quiz {
      padding: 20px 16px 22px 16px;
    }

    .ls-quiz-options {
      grid-template-columns: 1fr;
    }
  }
</style>

<script>
  (function() {
    const form = document.getElementById('ls-quiz-form');
    const resultContainer = document.getElementById('ls-quiz-result');
    const resultContent = document.getElementById('ls-quiz-result-content');

    form.addEventListener('submit', function(e) {
      e.preventDefault();

      const q1 = form.querySelector('input[name="q1"]:checked');
      const q2 = form.querySelector('input[name="q2"]:checked');
      const q3 = form.querySelector('input[name="q3"]:checked');
      const q4 = form.querySelector('input[name="q4"]:checked');
      const q5 = form.querySelector('input[name="q5"]:checked');

      if (!q1 || !q2 || !q3 || !q4 || !q5) {
        alert("Merci de répondre aux 5 questions pour obtenir votre rituel recommandé.");
        return;
      }

      // Scores init
      const scores = {
        bonheur: 0,
        immersive: 0,
        evasion: 0,
        bulle: 0
      };

      // ---- Q1 ----
      switch (q1.value) {
        case 'detente':
          scores.bonheur += 2;
          scores.immersive += 1;
          break;
        case 'fatigue':
          scores.immersive += 2;
          scores.evasion += 2;
          break;
        case 'epuise':
          scores.evasion += 3;
          scores.immersive += 1;
          break;
        case 'rapide':
          scores.bulle += 2;
          scores.bonheur += 1;
          break;
      }

      // ---- Q2 (nouvelle logique) ----
      switch (q2.value) {
        case '40':
          scores.bulle += 2;           // Bulle possible
          scores.bonheur += 1;         // mais Bonheur reste une alternative
          break;
        case '120':
          scores.bonheur += 2;
          scores.immersive += 1;
          break;
        case '150_180':
          scores.evasion += 3;         // on favorise Escale Évasion pour les temps longs
          scores.immersive += 1;
          break;
      }

      // ---- Q3 ----
      switch (q3.value) {
        case 'relachement':
          scores.bonheur += 2;
          scores.immersive += 1;
          break;
        case 'recuperation':
          scores.immersive += 2;
          scores.evasion += 1;
          break;
        case 'lacher_prise':
          scores.evasion += 3; // Escale Évasion quand on veut "tout lâcher"
          scores.immersive += 1;
          break;
        case 'decouverte':
          scores.bonheur += 2;
          scores.bulle += 1;
          break;
      }

      // ---- Q4 ----
      switch (q4.value) {
        case 'pour_moi':
          scores.immersive += 1;
          scores.evasion += 1;
          break;
        case 'occasion':
          scores.evasion += 3; // moment important -> Escale Évasion
          break;
        case 'test':
          scores.bulle += 1;
          scores.bonheur += 1;
          break;
      }

      // Détermination du rituel gagnant (avec faveur Escale Évasion en cas d’égalité)
      let bestKey = 'evasion';
      let bestScore = -1;
      for (const key in scores) {
        if (scores[key] > bestScore) {
          bestScore = scores[key];
          bestKey = key;
        }
      }

      // Limiter l’apparition de Bulle de Lumière
      if (bestKey === 'bulle') {
        const maxAutres = Math.max(scores.bonheur, scores.immersive, scores.evasion);
        if (scores.bulle <= maxAutres + 1) {
          if (scores.evasion === maxAutres) {
            bestKey = 'evasion';
          } else if (scores.immersive === maxAutres) {
            bestKey = 'immersive';
          } else {
            bestKey = 'bonheur';
          }
        }
      }

      // Formule conseillée selon le créneau (Hélios / Nyx / Elysium)
      let formuleTexte = "";
      const formuleSlug = q5.value; // helios, nyx, elysium

      if (formuleSlug === "helios") {
        formuleTexte = "Formule conseillée : Hélios (accès en semaine, de 7h30 à 14h).";
      } else if (formuleSlug === "nyx") {
        formuleTexte = "Formule conseillée : Nyx (accès élargi en semaine, sur des plages horaires plus larges).";
      } else {
        formuleTexte = "Formule conseillée : Elysium (accès le soir et le week-end, la formule la plus complète).";
      }

      let html = '';

      if (bestKey === 'evasion') {
        html += '<p class="ls-quiz-result-tag">Votre rituel recommandé</p>';
        html += '<h3 class="ls-quiz-result-block-title">Escale Évasion</h3>';
        html += '<p class="ls-quiz-result-text">Votre corps et votre esprit ont besoin d’une vraie coupure. L’Escale Évasion est notre expérience la plus complète&nbsp;: elle combine toutes nos technologies pour une régénération profonde.</p>';
        html += '<p class="ls-quiz-result-extra">Idéal si vous traversez une période intense, que vous ressentez une fatigue accumulée ou que vous souhaitez vivre un moment d’exception.</p>';
      } else if (bestKey === 'immersive') {
        html += '<p class="ls-quiz-result-tag">Votre rituel recommandé</p>';
        html += '<h3 class="ls-quiz-result-block-title">Escapade Immersive</h3>';
        html += '<p class="ls-quiz-result-text">Vous avez besoin de plus qu’une simple pause&nbsp;: l’Escapade Immersive travaille à la fois la circulation, la récupération et l’apaisement mental.</p>';
        html += '<p class="ls-quiz-result-extra">C’est le bon équilibre entre temps pour soi, technologies avancées et lâcher-prise guidé.</p>';
      } else if (bestKey === 'bonheur') {
        html += '<p class="ls-quiz-result-tag">Votre rituel recommandé</p>';
        html += '<h3 class="ls-quiz-result-block-title">Rituel Bonheur</h3>';
        html += '<p class="ls-quiz-result-text">Vous avez surtout besoin de souffler et de vous offrir une parenthèse pour relâcher les tensions.</p>';
        html += '<p class="ls-quiz-result-extra">Le Rituel Bonheur est idéal pour découvrir La Sphère, tester nos technologies et repartir plus léger sans mobiliser tout votre temps.</p>';
      } else {
        html += '<p class="ls-quiz-result-tag">Votre rituel recommandé</p>';
        html += '<h3 class="ls-quiz-result-block-title">Rituel Bulle de Lumière</h3>';
        html += '<p class="ls-quiz-result-text">Vous avez besoin d’une escale rapide mais significative. La Bulle de Lumière concentre en 40 minutes luminothérapie, bain à remous et sophrologie immersive pour un effet immédiat.</p>';
        html += '<p class="ls-quiz-result-extra">Parfait si votre emploi du temps est vraiment serré mais que vous refusez de renoncer à votre bien-être.</p>';
      }

      // Affichage de la formule conseillée
      html += '<p class="ls-quiz-result-extra"><strong>' + formuleTexte + '</strong></p>';

      // lien générique vers la page des rituels
      html += '<p><a class="ls-quiz-link" href="/listes-rituels.html">Voir le détail des rituels La Sphère</a></p>';

      resultContent.innerHTML = html;
      resultContainer.style.display = 'block';
      resultContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
  })();
</script>


    </div>
  </section>

  <!-- ========== POURQUOI LA SPHÈRE ========== -->
  <section class="ls-section">
    <div class="ls-section-header">
      <div class="ls-section-kicker">Pourquoi La Sphère&nbsp;?</div>
      <h2 class="ls-section-title">Votre centre de longévité.</h2>
      <p class="ls-section-subtitle">
         En tant que centre de longévité La Sphère accompagne votre corps et votre esprit vers une santé durable.
Il vise non seulement à réduire le stress et les douleurs, mais aussi à prévenir le déclin du bien-être et optimiser votre vitalité au fil des années
      </p>
    </div>

    <div class="ls-grid-2">
      <div class="ls-card-soft">
        <div class="ls-card-title">Pour le corps</div>
        <div class="ls-card-text">
          Hydrothérapie, flottaison, pressothérapie, chaud &amp; froid&nbsp;:
          un ensemble de technologies qui stimulent la circulation, relâchent les muscles
          et aident le corps à récupérer plus vite.
        </div>
      </div>

      <div class="ls-card-soft">
        <div class="ls-card-title">Pour l’esprit</div>
        <div class="ls-card-text">
          NeuroSpa, sophrologie immersive, luminothérapie, isolation sensorielle&nbsp;:
          des expériences qui apaisent le système nerveux et libèrent l’esprit de la surcharge du quotidien.
        </div>
      </div>
    </div>
  </section>

  <!-- ========== RITUELS ========== -->
  <section class="ls-section">
    <div class="ls-section-header">
      <div class="ls-section-kicker">Rituels</div>
      <h2 class="ls-section-title">Trois niveaux d’évasion, des technologies différentes.</h2>
      <p class="ls-section-subtitle">
        Chaque rituel dure plus ou moins longtemps et n’active pas les mêmes technologies.
        Cette comparaison vous permet de choisir en toute transparence, sans mauvaise surprise.
      </p>
    </div>

    <div class="ls-grid-3">

      <!-- Rituel Bonheur -->
      <div class="ls-rituel-card">
        <div class="ls-rituel-badge">Niveau 1</div>
        <div class="ls-rituel-name">Rituel Bonheur</div>
        <div class="ls-rituel-duration">Environ 2h de régénération guidée.</div>
        <div class="ls-rituel-subtitle">
          L’essentiel de La Sphère pour décompresser, relâcher la pression et découvrir nos technologies principales.
        </div>

        <div class="ls-rituel-list-block">
          <div class="ls-rituel-list-title">Technologies accessibles</div>
          <ul class="ls-rituel-list">
            <li><span class="ls-check">✓</span>Fauteuil massant</li>
            <li><span class="ls-check">✓</span>Lit hydromassant</li>
            <li><span class="ls-check">✓</span>NeuroSpa</li>
            <li><span class="ls-check">✓</span>Lit de flottaison</li>
            <li><span class="ls-check">✓</span>Bain à remous</li>
          </ul>
        </div>

        <div class="ls-rituel-list-block">
          <div class="ls-rituel-list-title">Non inclus dans ce rituel</div>
          <ul class="ls-rituel-list">
            <li><span class="ls-cross">✕</span>Sophrologie immersive (VR)</li>
            <li><span class="ls-cross">✕</span>Pressothérapie</li>
            <li><span class="ls-cross">✕</span>Réflexologie plantaire</li>
            <li><span class="ls-cross">✕</span>Hammam &amp; sauna</li>
            <li><span class="ls-cross">✕</span>Thérapie par le froid</li>
            <li><span class="ls-cross">✕</span>Luminothérapie</li>
            <li><span class="ls-cross">✕</span>Isolation sensorielle</li>
          </ul>
        </div>

        <div class="ls-rituel-note">
          Idéal pour découvrir La Sphère ou s’offrir une parenthèse de détente sans activer tout le panel technologique.
        </div>

        <div class="ls-card-footer-link">
          <a href="https://www.lasphere.re/listes-rituels.html">Voir le détail du rituel</a>
        </div>
      </div>

      <!-- Escapade Immersive -->
      <div class="ls-rituel-card">
        <div class="ls-rituel-badge">Niveau 2</div>
        <div class="ls-rituel-name">Escapade Immersive</div>
        <div class="ls-rituel-duration">Environ 2h30 de voyage sensoriel.</div>
        <div class="ls-rituel-subtitle">
          Vous conservez tout ce qui est inclus dans le Rituel Bonheur et ajoutez des outils ciblés
          pour la circulation, les tensions et le mental.
        </div>

        <div class="ls-rituel-list-block">
          <div class="ls-rituel-list-title">Technologies accessibles</div>
          <ul class="ls-rituel-list">
            <li><span class="ls-check">✓</span>Fauteuil massant</li>
            <li><span class="ls-check">✓</span>Lit hydromassant</li>
            <li><span class="ls-check">✓</span>NeuroSpa</li>
            <li><span class="ls-check">✓</span>Lit de flottaison</li>
            <li><span class="ls-check">✓</span>Bain à remous</li>
            <li><span class="ls-check">✓</span>Sophrologie immersive (VR)</li>
            <li><span class="ls-check">✓</span>Pressothérapie</li>
            <li><span class="ls-check">✓</span>Réflexologie plantaire</li>
          </ul>
        </div>

        <div class="ls-rituel-list-block">
          <div class="ls-rituel-list-title">Non inclus dans ce rituel</div>
          <ul class="ls-rituel-list">
            <li><span class="ls-cross">✕</span>Hammam</li>
            <li><span class="ls-cross">✕</span>Sauna</li>
            <li><span class="ls-cross">✕</span>Thérapie par le froid</li>
            <li><span class="ls-cross">✕</span>Luminothérapie</li>
            <li><span class="ls-cross">✕</span>Isolation sensorielle</li>
          </ul>
        </div>

        <div class="ls-rituel-note">
          Parfait si vous voulez aller plus loin qu’un simple temps de pause et ressentir un effet plus profond
          sur le corps et le mental.
        </div>

        <div class="ls-card-footer-link">
          <a href="https://www.lasphere.re/listes-rituels.html">Voir le détail du rituel</a>
        </div>
      </div>

      <!-- Escale Évasion -->
      <div class="ls-rituel-card">
        <div class="ls-rituel-badge">Niveau 3</div>
        <div class="ls-rituel-name">Escale Évasion</div>
        <div class="ls-rituel-duration">Environ 3h de régénération totale.</div>
        <div class="ls-rituel-subtitle">
          Notre expérience la plus complète&nbsp;: accès à l’ensemble des technologies de La Sphère
          pour un vrai reset corps &amp; esprit.
        </div>

        <div class="ls-rituel-list-block">
          <div class="ls-rituel-list-title">Technologies accessibles</div>
          <ul class="ls-rituel-list">
            <li><span class="ls-check">✓</span>Fauteuil massant</li>
            <li><span class="ls-check">✓</span>Lit hydromassant</li>
            <li><span class="ls-check">✓</span>NeuroSpa</li>
            <li><span class="ls-check">✓</span>Lit de flottaison</li>
            <li><span class="ls-check">✓</span>Bain à remous</li>
            <li><span class="ls-check">✓</span>Sophrologie immersive (VR)</li>
            <li><span class="ls-check">✓</span>Pressothérapie</li>
            <li><span class="ls-check">✓</span>Réflexologie plantaire</li>
            <li><span class="ls-check">✓</span>Hammam &amp; sauna</li>
            <li><span class="ls-check">✓</span>Thérapie par le froid</li>
            <li><span class="ls-check">✓</span>Luminothérapie</li>
            <li><span class="ls-check">✓</span>Isolation sensorielle</li>
          </ul>
        </div>

        <div class="ls-rituel-note">
          Conseillé en cas de fatigue profonde, période de stress intense ou besoin de véritable coupure.
          Vous profitez de tout le potentiel de La Sphère.
        </div>

        <div class="ls-card-footer-link">
          <a href="https://www.lasphere.re/listes-rituels.html">Voir le détail du rituel</a>
        </div>
      </div>

    </div>

    <div style="margin-top:22px; text-align:center;">
      <a href="https://www.lasphere.re/listes-rituels.html" class="ls-btn-ghost">Voir le comparatif détaillé des rituels</a>
    </div>
  </section>

  <!-- ========== ADHÉSIONS ========== -->
  <section class="ls-section">
    <div class="ls-section-header">
      <div class="ls-section-kicker">Adhésions</div>
      <h2 class="ls-section-title">Quand le bien-être devient une habitude.</h2>
      <p class="ls-section-subtitle">
        Trois adhésions, un engagement de 12 mois, pour faire de La Sphère un rendez-vous régulier
        avec vous-même pour favoriser une meilleur santé et longévité. 
      </p>
    </div>

    <div class="ls-grid-3">
      <div class="ls-card-soft">
        <div class="ls-adh-name">Nyx – 1 séance / mois</div>
        <div class="ls-adh-price">44,90 € <span>/ mois</span></div>
        <div class="ls-adh-note">
          Un rendez-vous mensuel pour installer doucement une routine de régénération
          et garder un contact régulier avec votre bien-être.
        </div>
      </div>

      <div class="ls-card-soft">
        <div class="ls-adh-name">Nyx</div>
        <div class="ls-adh-price">47,90 € <span>/ mois</span></div>
        <div class="ls-adh-note">
          Séances illimitées du lundi au jeudi&nbsp;: l’équilibre idéal pour décharger la semaine
          sans compter le nombre de visites.
        </div>
      </div>

      <div class="ls-card-soft">
        <div class="ls-adh-name">Elysium</div>
        <div class="ls-adh-price">49,90 € <span>/ mois</span></div>
        <div class="ls-adh-note">
          L’accès le plus complet, 7j/7. La Sphère devient votre refuge dès que le corps ou le mental saturent.
        </div>
      </div>
    </div>

    <div style="margin-top:22px; text-align:center;">
      <a href="https://www.lasphere.re/page-libre/preview.php?scbp=true&id-prev=31&clear-pimpmyshop=1&" class="ls-btn-ghost">Voir le détail des adhésions</a>
    </div>
  </section>

  <!-- ========== TECHNOLOGIES (TEASER) ========== -->
  <section class="ls-section">
    <div class="ls-section-header">
      <div class="ls-section-kicker">Technologies</div>
      <h2 class="ls-section-title">Ce qui se passe derrière la magie.</h2>
      <p class="ls-section-subtitle">
        Sous chaque rituel, des technologies rares, choisies pour leurs effets sur le stress, le sommeil,
        la douleur, la circulation et l’énergie.
      </p>
    </div>

    <div class="ls-grid-2">
      <div class="ls-card-soft">
        <div class="ls-card-title">Flottaison &amp; isolation sensorielle</div>
        <div class="ls-card-text">
          L’impression de flotter hors du temps&nbsp;: l’apesanteur libère le corps, le silence libère l’esprit.
          Une expérience très puissante pour calmer le système nerveux.
        </div>
      </div>

      <div class="ls-card-soft">
        <div class="ls-card-title">NeuroSpa &amp; sophrologie immersive</div>
        <div class="ls-card-text">
          Vibrations, sons, respiration guidée&nbsp;: un dialogue doux avec votre système nerveux
          pour le ramener au calme et améliorer la qualité du sommeil.
        </div>
      </div>
    </div>

    <div style="margin-top:22px; text-align:center;">
      <a href="https://www.lasphere.re/technologies.html?WiziType=page-libre&WiziNomPage=technologies&clear-pimpmyshop=1&" class="ls-btn-ghost">Voir toutes nos technologies</a>
    </div>
  </section>

  <!-- ========== AVIS CLIENTS ========== -->
  <section class="ls-section">
    <div class="ls-section-header">
      <div class="ls-section-kicker">Avis clients</div>
      <h2 class="ls-section-title">Ils ont fait de La Sphère leur refuge.</h2>
      <p class="ls-section-subtitle">
        Nos membres parlent mieux que nous. Merci à celles et ceux qui prennent le temps de partager leur expérience.
      </p>
    </div>

    <div style="text-align:center;">
      <div class="ls-reviews-stars">★★★★★</div>
      <div class="ls-reviews-score">Note moyenne&nbsp;: 4,6 / 5</div>
    </div>

    <div class="ls-reviews-grid">
      <div class="ls-review-card">
        <div class="ls-review-name">Sarah L.</div>
        <div class="ls-review-meta">Membre Elysium · Depuis 2023</div>
        <div class="ls-review-text">
          « La première fois, j’ai juste eu l’impression de souffler. Aujourd’hui,
          c’est devenu mon rendez-vous régulier pour tenir le rythme de la semaine. »
        </div>
      </div>

      <div class="ls-review-card">
        <div class="ls-review-name">Julien R.</div>
        <div class="ls-review-meta">Rituel Escale Évasion</div>
        <div class="ls-review-text">
          « J’ai testé l’Escale Évasion après une période de surmenage.
          J’ai dormi comme je n’avais pas dormi depuis longtemps. On sent que tout est pensé
          pour le corps et l’esprit. »
        </div>
      </div>

      <div class="ls-review-card">
        <div class="ls-review-name">Aurore D.</div>
        <div class="ls-review-meta">Adhésion Nyx</div>
        <div class="ls-review-text">
          « Ce que j’aime, c’est d’être guidée. Je n’ai rien à décider&nbsp;:
          on adapte les technologies à mon état du moment. C’est ma bulle quand tout va trop vite. »
        </div>
      </div>
    </div>
  </section>

  <!-- ========== CTA FINAL ========== -->
  <section class="ls-final-cta">
    <div class="ls-final-title">Prêt à entrer dans La Sphère&nbsp;?</div>
    <div class="ls-final-text">
      Une équipe, un lieu, une mission&nbsp;: vous offrir un temps qui vous appartient vraiment,
      et un avant / après que vous ressentez dans votre corps et dans votre esprit.
    </div>
    <div class="ls-hero-actions">
      <a href="https://www.lasphere.re/listes-rituels.html" class="ls-btn-primary">Découvrir les rituels</a>
      <a href="https://www.lasphere.re/page-libre/preview.php?scbp=true&id-prev=31&clear-pimpmyshop=1&" class="ls-btn-ghost">Demander une adhésion</a>
    </div>
  </section>

</div>

</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&#039;ê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&#039;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&#039;email n&#039;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&#039;ai plus de 18 ans',
            OUT: 'Sortir, j&#039;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",
                        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&#039;é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&#039;ê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&#039;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&#039;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&#039;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&#039;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&#039;a pas pu charger le module de paiement, il va être recharger tous les 10 secondes',
            PAYPLUG_NOT_LOADED: 'Le module de paiement n&#039;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&#039;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&#039;est pas disponible actuellement. Veuillez sélectionner un autre choix.",
            HT: "HT",
            TTC: "TTC",
            MISSING_PAYMENT: "Aucun moyen de paiement n&#039;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&gt;.ps__rail-x,.ps--active-y&gt;.ps__rail-y{display:block;background-color:transparent}.ps--focus&gt;.ps__rail-x,.ps--focus&gt;.ps__rail-y,.ps--scrolling-x&gt;.ps__rail-x,.ps--scrolling-y&gt;.ps__rail-y,.ps:hover&gt;.ps__rail-x,.ps:hover&gt;.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&gt;.ps__thumb-y,.ps__rail-y:hover&gt;.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/1768382645847/js/home-wiziloading.js?t=30000"></script>
        
                    <script type="text/javascript" src="https://media.cdnws.com/_/326911/1768382645847/js/header-a.js?t=30000"></script>
        
                    <script type="text/javascript" src="https://media.cdnws.com/_/326911/1768382645847/js/product-list-a.js?t=30000"></script>
        
                    <script type="text/javascript" src="https://media.cdnws.com/_/326911/1768382645847/js/product-page-a.js?t=30000"></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', '383008974350049'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=383008974350049&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'
        ],
        [
            '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('1768382645847');
        js_p_wb.push('js');
        js_p_wb.push('externals');
        js_p_wb = js_p_wb.join('/');
    var css_p_wb = '/_/326911/1768382645847/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() {
        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('.wrapperPage__right > .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('.wrapperPage__right > .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);
                window.scrollTo({top: offsetTop, 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 Spa : un centre de relaxation à Sainte-Clotilde offrant massages et séances de détente, afin de vous garantir un moment unique de bien-être.",
                    "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",
                     "potentialAction": {
                "@type": "SearchAction",
                "target": "https://www.lasphere.re/s/{search_term_string}/",
                "query-input": "required name=search_term_string"
              }
                }            ]
        }
    </script>

</body>
</html>
<!-- C - 18-5-23 19/01/2026 09:02 -->