body, html {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.marquee-container {
  width: 100%; /* Ajustez la largeur du conteneur selon vos besoins */
  overflow: hidden;
  padding: 10px;
}

.marquee-content {

  display: inline-block;
  white-space: nowrap;
  animation: defilement 50s linear infinite;
}

@keyframes defilement {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

 
.bg-transparent {
  z-index: 1000; 
  backdrop-filter: blur(1px); 
  background-color: rgba(10, 131, 202, 0.6) !important;
  font-weight: bold;
}

.btn-brown {
  background-color: rgba(0, 17, 255, 0.6) !important;
  color: white !important;
}

.bg-success {
  background-color: rgba(58, 190, 202) !important;
  color: white !important;
}




.btn-brown.activated {
  background-color: rgba(34, 66, 209, 0.6) !important;
  color: white !important;
}

audio::-webkit-media-controls-panel {
  background-color: rgba(0, 17, 255, 0.479);
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-pause-button {
  background-color: white;
  border-radius: 50%;
}