#div-barre-precedent-suivant{
	width:100%;
	font-size: 2rem;

}
#barre-bouton-precedent{
float:left;
}
#barre-bouton-suivant{
float:right;
}
#barre-bouton-precedent,#barre-bouton-suivant{

	line-height:3rem;
	border:1px solid #aaa;
	border-radius: 5px;
	color:#004f60;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Transition pour la mise à l'échelle, la couleur de fond et la couleur du texte */
    background-color: #fff; /* Couleur de fond par défaut */
	}
#barre-bouton-precedent a,#barre-bouton-suivant a, #barre-bouton-precedent i,#barre-bouton-suivant i { 
	text-decoration: none ;
	display: inline-block;
	text-align: center;
	width: 50px;
	height: 100%;
}

#clear-both{
	clear:both;
}
#barre-bouton-precedent:hover, #barre-bouton-suivant:hover{
  transform: scale(1.2); /* Agrandir le bouton au survol */
    background-color: #004f60; /* Nouvelle couleur de fond au survol */
    }
#barre-bouton-precedent:hover a, #barre-bouton-suivant:hover a{
    color:#fff;
}