@charset "utf-8";
/* CSS Document */
.image-container {
	
	width: 100%; /* ou la hauteur que vous souhaitez */
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 5s; /* transition douce de l'opacité */
}

.top-image {
  opacity: 0; /* l'image du dessus est initialement invisible */
}

.image-container:hover .top-image {
  opacity: 1; /* Rend l'image du dessus visible lorsque l'utilisateur survole le conteneur */
}

.top{
	text-align: center;
	background-image: url(../../img/topbg.fw.png);
	width: 100%;
	height: auto;
	background-size: cover;
	margin-bottom:1.5rem;
	padding:1rem;
	position:sticky;
	top:0;
	z-index:1;
	}
	
	.text-overlay {

	top: 0;
	left: 0;
	width: 100%; /* Couvre toute la largeur de l'élément parent */
	height: 100%; /* Couvre toute la hauteur de l'élément parent */
	background: rgba(0, 0, 0, 0.5); /* Noir semi-transparent, ajustez la couleur et l'opacité selon besoin */
	color: #FFC1FF; /* Couleur du texte */
	padding: 28px; /* Ajoute un peu d'espace autour du texte */
}

.text-overlay p {
    margin: 0; /* Retire la marge par défaut des paragraphes */
}
	
	
.acd {
	text-decoration:bold;
	  font-size: 1.27rem;
 
  }