/* Première bande */

.premiere-bande {

  background-color: #505050;

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 50px;

  padding: 0 30px;

}



/* Réseaux sociaux */

.reseaux-sociaux a {

  color: #e0e0e0;

  margin-right: 10px;

}



.reseaux-sociaux a:hover {

  color: #ffffff;

}



/* Liens */

.liens a {

  color: #e0e0e0;

  margin-left: 10px;

}



.liens a:hover {

  color: #ffffff;

}



/* Deuxième bande */

.deuxieme-bande {

  display: flex;

  justify-content: space-between; /* Remettez 'space-between' */

  align-items: center;

  height: 80px;

  padding: 0 30px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



/* Icône à gauche */

.icone-gauche {

  display: flex;

  align-items: center;

  margin-left: 5px; /* Ajoutez une petite marge à gauche si nécessaire */

}



/* Logo */

.logo {

  display: flex;

  justify-content: center;

  padding: 0 20px 0 20px; /* haut, droite, bas et gauche */

}



.logo img {

  height: 60px;

  width: auto;

}