@charset "UTF-8";
@import url(main.css);
/* -------------Bloc Espacement-----------------*/
.b-bloc-divider { height: 30px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/* ------------- CSS bannière H1 -----------------*/
.banner-bubbles { text-align: center; background: #fff; padding: 4rem 0; position: relative; overflow: hidden; }

.banner-bubbles h1 { font-size: 2.5rem; color: #004f6e; position: relative; z-index: 2; }

/* Style commun des bulles */
.bubble { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), rgba(150, 210, 250, 0.7)); box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.6); animation: float 6s infinite ease-in-out; opacity: 0.8; }

/* Différentes tailles et positions des bulles */
.bubble:nth-child(2) { width: 40px; height: 40px; top: 20%; left: 10%; animation-delay: 0s; }

.bubble:nth-child(3) { width: 25px; height: 25px; top: 40%; left: 80%; animation-delay: 2s; }

.bubble:nth-child(4) { width: 50px; height: 50px; top: 70%; left: 20%; animation-delay: 1s; }

.bubble:nth-child(5) { width: 30px; height: 30px; top: 10%; left: 60%; animation-delay: 3s; }

.bubble:nth-child(6) { width: 20px; height: 20px; top: 50%; left: 30%; animation-delay: 4s; }

/* Animation de flottement */
@keyframes float { 0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-15px) scale(1.05); } }

/*# sourceMappingURL=custom.css.map */