@charset "utf-8";

body {
	font-family: 'Open sans'; 
}

/* Barre de navigation */
.navbar {
	/*border: 1px solid white; */
  list-style: none;
  display: flex;
  margin-block: auto;
  justify-content: center; 
  align-items: center;
  position: fixed; /* Reste bloqué en haut */
  /*position: sticky; /* Barre collante (Sticky)*/
  top: 120;
  left: 550;
  width: 100%;
  padding: 30px 30px;
  background-color: transparent; /* #1a1a1a  */
  z-index: 1000; /* Reste au-dessus du contenu */
}

/* Éléments de liste */
.navbar li {
  margin-left: 20px;
  margin-right: 20px; 
}

/* Liens hypertexte */
.navbar a {
	display: block; 
  text-decoration: none;
  padding: 10px 8px;   
  color: #ffffff; /* blanc */
  font-size: 24px;
  font-weight: 500;
}

/* Effets au survol et lien actif */
.navbar a:hover  {
  color: #3498db; /* Couleur bleue */
  background-color: transparent; /* #555 */ 
}

img {min-width:90%;max-width:95%;margin:1em}