.np-season-bar-wrap,
.np-season-bar-wrap *{
box-sizing:border-box;
}
.np-season-bar-wrap{
width:100%;
max-width:100%;
display:block;
position:relative;
z-index:20;
margin:0;
padding:0;
}
/* =========================================================
BANDEAU
========================================================= */
.np-season-bar{
--np-navy:#071d35;
--np-blue:#0b67c5;
--np-blue-2:#159ed0;
--np-cyan:#56cce8;
--np-green:#79b93b;
--np-green-2:#9bcf5a;
--np-white:#ffffff;
position:relative;
width:100%;
overflow:hidden;
color:#fff;
background:
radial-gradient(
circle at 12% 0%,
rgba(86,204,232,.23),
transparent 35%
),
radial-gradient(
circle at 86% 100%,
rgba(121,185,59,.18),
transparent 34%
),
linear-gradient(
105deg,
#071d35 0%,
#0a3157 44%,
#0b67c5 100%
);
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:
0 6px 18px rgba(7,29,53,.12);
}
/* Fine ligne marque */
.np-season-bar::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:
linear-gradient(
90deg,
var(--np-blue-2) 0%,
var(--np-cyan) 63%,
var(--np-green) 100%
);
}
/* =========================================================
CONTENU
========================================================= */
.np-season-bar__inner{
width:min(1440px,100%);
margin:0 auto;
min-height:58px;
padding:9px clamp(14px,2.4vw,30px);
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
}
/* =========================================================
PARTIE GAUCHE
========================================================= */
.np-season-bar__content{
min-width:0;
display:flex;
align-items:center;
gap:14px;
}
/* Badge */
.np-season-bar__pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:30px;
padding:0 12px;
flex:0 0 auto;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background:
rgba(255,255,255,.09);
backdrop-filter:blur(6px);
color:#fff;
font-family:inherit;
font-size:10.5px;
line-height:1;
font-weight:800;
letter-spacing:.10em;
text-transform:uppercase;
white-space:nowrap;
}
/* Point vert */
.np-season-bar__pill::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:
linear-gradient(
135deg,
var(--np-green),
var(--np-green-2)
);
box-shadow:
0 0 0 4px rgba(121,185,59,.14);
}
/* Textes */
.np-season-bar__text{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.np-season-bar__headline{
display:block;
margin:0;
color:#fff;
font-family:inherit;
font-size:14.5px;
line-height:1.2;
font-weight:800;
letter-spacing:-.01em;
}
.np-season-bar__headline strong{
font-weight:900;
}
.np-season-bar__subline{
display:block;
margin:0;
color:rgba(255,255,255,.72);
font-family:inherit;
font-size:10.5px;
line-height:1.3;
font-weight:600;
}
/* =========================================================
CTA
========================================================= */
.np-season-bar__cta{
min-height:38px;
padding:0 17px;
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:999px;
border:1px solid rgba(255,255,255,.95);
background:#fff;
color:var(--np-navy)!important;
text-decoration:none!important;
font-family:inherit;
font-size:12.5px;
line-height:1;
font-weight:850;
white-space:nowrap;
box-shadow:
0 7px 17px rgba(0,0,0,.15);
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease;
}
/* Flèche */
.np-season-bar__cta::after{
content:"→";
color:var(--np-blue);
font-size:16px;
line-height:1;
transition:
transform .18s ease;
}
.np-season-bar__cta:hover{
transform:translateY(-1px);
background:#fafdff;
box-shadow:
0 10px 22px rgba(0,0,0,.19);
}
.np-season-bar__cta:hover::after{
transform:translateX(3px);
}
/* =========================================================
TABLETTE
========================================================= */
@media(max-width:1024px){
.np-season-bar__inner{
gap:14px;
}
.np-season-bar__headline{
font-size:13.5px;
}
.np-season-bar__subline{
font-size:10px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:768px){
.np-season-bar__inner{
min-height:0;
padding:10px 12px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 10px;
align-items:center;
}
.np-season-bar__content{
min-width:0;
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:9px;
align-items:center;
}
.np-season-bar__pill{
min-height:27px;
padding:0 9px;
font-size:9px;
letter-spacing:.07em;
}
.np-season-bar__pill::before{
width:6px;
height:6px;
flex-basis:6px;
box-shadow:
0 0 0 3px rgba(121,185,59,.14);
}
.np-season-bar__headline{
font-size:12px;
line-height:1.2;
}
.np-season-bar__subline{
display:none;
}
.np-season-bar__cta{
min-height:34px;
padding:0 12px;
font-size:11px;
}
.np-season-bar__cta::after{
font-size:14px;
}
}
/* =========================================================
PETIT MOBILE
========================================================= */
@media(max-width:520px){
.np-season-bar__inner{
grid-template-columns:1fr;
padding:9px 10px;
gap:8px;
}
.np-season-bar__content{
width:100%;
grid-template-columns:auto minmax(0,1fr);
}
.np-season-bar__cta{
width:100%;
min-height:35px;
}
}
/* Très petit écran */
@media(max-width:370px){
.np-season-bar__pill{
font-size:8.5px;
padding:0 8px;
}
.np-season-bar__headline{
font-size:11.5px;
}
}
.np-season-bar-wrap,
.np-season-bar-wrap *{
box-sizing:border-box;
}
.np-season-bar-wrap{
width:100%;
max-width:100%;
display:block;
position:relative;
z-index:20;
margin:0;
padding:0;
}
/* =========================================================
BANDEAU
========================================================= */
.np-season-bar{
--np-navy:#071d35;
--np-blue:#0b67c5;
--np-blue-2:#159ed0;
--np-cyan:#56cce8;
--np-green:#79b93b;
--np-green-2:#9bcf5a;
--np-white:#ffffff;
position:relative;
width:100%;
overflow:hidden;
color:#fff;
background:
radial-gradient(
circle at 12% 0%,
rgba(86,204,232,.23),
transparent 35%
),
radial-gradient(
circle at 86% 100%,
rgba(121,185,59,.18),
transparent 34%
),
linear-gradient(
105deg,
#071d35 0%,
#0a3157 44%,
#0b67c5 100%
);
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:
0 6px 18px rgba(7,29,53,.12);
}
/* Fine ligne marque */
.np-season-bar::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:3px;
background:
linear-gradient(
90deg,
var(--np-blue-2) 0%,
var(--np-cyan) 63%,
var(--np-green) 100%
);
}
/* =========================================================
CONTENU
========================================================= */
.np-season-bar__inner{
width:min(1440px,100%);
margin:0 auto;
min-height:58px;
padding:9px clamp(14px,2.4vw,30px);
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
}
/* =========================================================
PARTIE GAUCHE
========================================================= */
.np-season-bar__content{
min-width:0;
display:flex;
align-items:center;
gap:14px;
}
/* Badge */
.np-season-bar__pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:30px;
padding:0 12px;
flex:0 0 auto;
border-radius:999px;
border:1px solid rgba(255,255,255,.18);
background:
rgba(255,255,255,.09);
backdrop-filter:blur(6px);
color:#fff;
font-family:inherit;
font-size:10.5px;
line-height:1;
font-weight:800;
letter-spacing:.10em;
text-transform:uppercase;
white-space:nowrap;
}
/* Point vert */
.np-season-bar__pill::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:
linear-gradient(
135deg,
var(--np-green),
var(--np-green-2)
);
box-shadow:
0 0 0 4px rgba(121,185,59,.14);
}
/* Textes */
.np-season-bar__text{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.np-season-bar__headline{
display:block;
margin:0;
color:#fff;
font-family:inherit;
font-size:14.5px;
line-height:1.2;
font-weight:800;
letter-spacing:-.01em;
}
.np-season-bar__headline strong{
font-weight:900;
}
.np-season-bar__subline{
display:block;
margin:0;
color:rgba(255,255,255,.72);
font-family:inherit;
font-size:10.5px;
line-height:1.3;
font-weight:600;
}
/* =========================================================
CTA
========================================================= */
.np-season-bar__cta{
min-height:38px;
padding:0 17px;
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:999px;
border:1px solid rgba(255,255,255,.95);
background:#fff;
color:var(--np-navy)!important;
text-decoration:none!important;
font-family:inherit;
font-size:12.5px;
line-height:1;
font-weight:850;
white-space:nowrap;
box-shadow:
0 7px 17px rgba(0,0,0,.15);
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease;
}
/* Flèche */
.np-season-bar__cta::after{
content:"→";
color:var(--np-blue);
font-size:16px;
line-height:1;
transition:
transform .18s ease;
}
.np-season-bar__cta:hover{
transform:translateY(-1px);
background:#fafdff;
box-shadow:
0 10px 22px rgba(0,0,0,.19);
}
.np-season-bar__cta:hover::after{
transform:translateX(3px);
}
/* =========================================================
TABLETTE
========================================================= */
@media(max-width:1024px){
.np-season-bar__inner{
gap:14px;
}
.np-season-bar__headline{
font-size:13.5px;
}
.np-season-bar__subline{
font-size:10px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:768px){
.np-season-bar__inner{
min-height:0;
padding:10px 12px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 10px;
align-items:center;
}
.np-season-bar__content{
min-width:0;
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:9px;
align-items:center;
}
.np-season-bar__pill{
min-height:27px;
padding:0 9px;
font-size:9px;
letter-spacing:.07em;
}
.np-season-bar__pill::before{
width:6px;
height:6px;
flex-basis:6px;
box-shadow:
0 0 0 3px rgba(121,185,59,.14);
}
.np-season-bar__headline{
font-size:12px;
line-height:1.2;
}
.np-season-bar__subline{
display:none;
}
.np-season-bar__cta{
min-height:34px;
padding:0 12px;
font-size:11px;
}
.np-season-bar__cta::after{
font-size:14px;
}
}
/* =========================================================
PETIT MOBILE
========================================================= */
@media(max-width:520px){
.np-season-bar__inner{
grid-template-columns:1fr;
padding:9px 10px;
gap:8px;
}
.np-season-bar__content{
width:100%;
grid-template-columns:auto minmax(0,1fr);
}
.np-season-bar__cta{
width:100%;
min-height:35px;
}
}
/* Très petit écran */
@media(max-width:370px){
.np-season-bar__pill{
font-size:8.5px;
padding:0 8px;
}
.np-season-bar__headline{
font-size:11.5px;
}
}
Spa rigide
Un spa rigide vise la durabilité et le confort d’usage au quotidien. Pour choisir vite, commencez par l’essentiel :
nombre de places réellement utilisées, emplacement (dimensions + accès), et routine d’entretien que vous êtes prêt à suivre.
Ensuite, comparez les configurations de places (assises/allongées) et les options utiles plutôt que les options “gadget”.
L’objectif : un spa agréable, simple à entretenir, et cohérent avec votre installation.
Checklist avant achat (rigide)
- Accès livraison/pose : passage, angles, escalier, terrasse.
- Place disponible : espace autour pour maintenance + circulation.
- Confort : configuration des places adaptée à votre morphologie/usage.
- Entretien : accès filtre(s) et routine (tests/produits).
- Protection : couverture et environnement (feuilles, poussières, etc.).
Je dois plutôt comparer quoi entre deux modèles ?
Comparez d’abord le confort des places et la facilité d’entretien (accès filtre, nettoyage), puis l’adéquation avec votre
installation. Le reste vient après.
installation. Le reste vient après.
Aucun produit ne correspond à votre sélection.
Nos meilleurs solutions
TAC Plus 5 kg POOLSTYLE17,90€