/* Global Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
	text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline;
    margin: 0 15px;
}

nav ul li a {
    color: #333;
    text-decoration: none;
    font-size: 18px;
}

nav ul li a:hover {
    text-decoration: underline;
}

.card-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card {
  flex: 0 0 20%; /* Ajustez la largeur des cartes selon votre préférence */
  margin: 20px;
  overflow: hidden;
  border-radius: 10px;
  transition: transform 0.3s;
  background: #858585;
  color: white;
  text-align: center;
}

.card:hover {
  transform: scale(1.1);
}

.card-content {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 200px; /* Hauteur de l'image */
      position: relative;
    }

    .card-content h2 {
      position: absolute;
      bottom:0; /* Ajustez la position verticale du titre */
      left: 0;
      right: 0;
      color: white;
      font-size: 20px;
}
   .card-content img {
      width: 100%;
      height: 165px;
      
      
    }
a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}