🛎 Trade-in possible
Oops! This page didn't load Google Maps correctly. Please contact admin to fix this.
Meilleurs vœux
2026
Santé • Réussite • Belles navigations
CRANCHI 60 ST CRANCHI 60 ST, a used, motorized yacht...
PRINCESS 52 FLYBRIDGE This PRINCESS 52 FLYBRIDGE, built in 2013, is...
PIRELLI 880 SPORT The PIRELLI 880 SPORT is a boat...
pour enregistrer vos bateaux préférées et plus encore
Enter your email address and we will send you a link to change your password.
/* Dégradé festif */
background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 40%),
radial-gradient(circle at 80% 30%, rgba(255,255,255,.16), transparent 45%),
linear-gradient(135deg, #ff2d55, #7c3aed, #00c2ff);
}
/* Lueur douce */
.card-2026::before {
content: "";
position: absolute;
inset: -40px;
background: conic-gradient(from 120deg,
rgba(255,255,255,.0),
rgba(255,255,255,.22),
rgba(255,255,255,.0),
rgba(255,255,255,.18),
rgba(255,255,255,.0)
);
filter: blur(12px);
opacity: .55;
animation: glowSpin 6s linear infinite;
}
@keyframes glowSpin {
to { transform: rotate(360deg); }
}
/* Confettis (CSS only) */
.confetti {
position: absolute;
inset: 0;
pointer-events: none;
}
.confetti span {
position: absolute;
top: -12px;
width: 8px;
height: 14px;
border-radius: 2px;
opacity: .95;
animation: fall 2.8s linear infinite;
transform: rotate(0deg);
}
/* Variantes de confettis */
.confetti span:nth-child(3n) { width: 6px; height: 10px; border-radius: 999px; }
.confetti span:nth-child(4n) { width: 10px; height: 6px; }
.confetti span:nth-child(5n) { border-radius: 50%; width: 7px; height: 7px; }
@keyframes fall {
0% { transform: translateY(-20px) rotate(0deg); opacity: 0; }
10% { opacity: 1; }
100% { transform: translateY(190px) rotate(340deg); opacity: .9; }
}
/* Texte */
.content {
position: relative; /* au-dessus de ::before */
padding: 10px 12px;
z-index: 2;
line-height: 1.1;
}
.title {
font-size: 14px;
font-weight: 800;
letter-spacing: .3px;
text-transform: uppercase;
text-shadow: 0 2px 10px rgba(0,0,0,.35);
margin-bottom: 6px;
}
.year {
font-size: 40px;
font-weight: 900;
letter-spacing: 1px;
text-shadow: 0 4px 18px rgba(0,0,0,.35);
margin: 0;
}
.subtitle {
font-size: 12px;
font-weight: 600;
opacity: .95;
margin-top: 6px;
text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
/* Petite “étoile” */
.sparkle {
position: absolute;
right: 10px;
top: 10px;
width: 24px;
height: 24px;
z-index: 2;
opacity: .95;
filter: drop-shadow(0 4px 10px rgba(0,0,0,.25));
animation: twinkle 1.4s ease-in-out infinite;
}
@keyframes twinkle {
0%,100% { transform: scale(1) rotate(0deg); opacity: .85; }
50% { transform: scale(1.15) rotate(12deg); opacity: 1; }
}