/* Corps du site */
body {
  font-family: Arial, sans-serif;
  background-color: #2C2C2C; /* Gris foncé pour le fond */
  color: #FFFFFF; /* Blanc pour le texte */
  margin: 0;
  padding: 0;
}

/* Header */
header {
  background-color: #FF0000; /* Rouge de la croix suisse */
  color: #FFFFFF; /* Blanc pour le texte */
  padding: 20px 0;
  text-align: center;
  border-bottom: 5px solid #FFD700; /* Jaune pour une séparation nette */
}

header h1 {
  font-size: 2.5rem;
  margin: 0;
  font-weight: bold;
}

/* Navbar */
.navbar {
  background-color: #000000; /* Noir pour la barre de navigation */
  border-bottom: 2px solid #FFD700; /* Ligne jaune en bas */
}

.navbar-brand {
  color: #FFD700; /* Jaune pour le logo du site */
  font-weight: bold;
}

.navbar-nav .nav-link {
  color: #FFFFFF; /* Blanc pour les liens */
}

.navbar-brand:hover {
  color: #FFFFFF;
}

.navbar-nav .nav-link:hover {
  color: #FFD700; /* Jaune au survol */
}

/* Footer */
footer {
  background-color: #000000; /* Noir */
  color: #FFFFFF;
  padding: 20px 0;
  text-align: center;
}


footer a {
  color: #FFD700; /* Lien en jaune */
}


footer a:hover {
  color: #FFFFFF;
}

/* Boutons */
.btn {
  background-color: #FF0000; /* Rouge */
  color: #FFFFFF;
  border: none;
}

.btn:hover {
  background-color: #FFD700; /* Jaune au survol */
  color: #000000; /* Noir pour le texte */
}

/* Vidéos */
.ratio {
  border: 2px solid #FFD700; /* Jaune pour les cadres de vidéos */
  margin-bottom: 20px;
}


/* Ajustement de la taille et des marges du logo dans la navbar */
.navbar-brand img {
  height: 50px; /* Taille du logo */
  width: 50px;
  border-radius: 50%; /* Rond pour s'accorder avec le style */
  margin-right: 10px; /* Espacement avec le texte */
}

.navbar-brand {
  font-weight: bold;
  color: #FFD700; /* Jaune pour la marque */
}

.navbar-brand:hover {
  color: #FFFFFF; /* Blanc au survol */
}