/* Titre de la section */
.actualites-title {
  font-size: 40px;
  font-family: 'Bergant', Arial, sans-serif;
  color: #098aa1;
  text-align: left;
  margin-bottom: 2rem;
  margin-left: 40px; /* Ajout d'une marge à gauche pour l'alignement */  
  padding-top: 40px; /* Ajout d'un padding en haut pour l'espacement */
}

/* Container des deux premières actualités */
.actualites-container {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  width: 100%;
  margin-bottom: 2rem;
  flex-wrap: nowrap; /* Empêche le retour à la ligne */
}

/* Première actualité */
.actualite.principale {
  width: 60%; /* Ajusté pour tenir avec la seconde div */
  height: 50vh;
  background-image: url('../../actualite/070825/acase_ens_v1.jpg');
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Deuxième actualité */
.actualite.secondaire {
  width: 35%; /* Ajusté pour tenir avec la première div */
  max-width: none;
  height: 50vh;
  background-image: url('../../actualite/070825/acase_table.jpg');
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Dégradé sombre du bas vers le haut sur les cartes d'actualité */
.actualite.principale::after,
.actualite.secondaire::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%; /* Ajustez selon l'effet souhaité */
  background: linear-gradient(to top, rgba(20,20,20,0.85) 0%, rgba(20,20,20,0.0) 100%);
  z-index: 1;
}

.info-actu{
  bottom: 0;
  left: 0;
  padding: 1rem;
  position: absolute;
  width: 100%;
  z-index: 2;
}

/* Liste des titres */
.actualites-list {
  width: 60%;
  margin-top: 2rem;
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 8px;
  margin-left: 40px; /* Alignement avec le titre */
}

.actualite-titre {
  font-size: 20px;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
  cursor: pointer;
  text-transform: uppercase;
}

.info-categorie {
  background-color: #0074be !important;
  color: #fff !important;
  margin-bottom: .8rem;
  display: inline-block;
  padding: 0.1em;
  border-radius: 10px;
}

.actualite-item-text {
  margin-bottom: 0;
}

.text-size-large {
  font-size: 1.3rem;
}

.text-size-large-42--futura {
  font-size: 30px;
  font-family: futura-pt-bold,sans-serif;
}

.text-size-large-33--futura {
  font-family: futura-pt-bold,sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.text-size-large-42--futura-bold {
  font-size: 20px;
  font-family: futura-pt-bold,sans-serif;
  color: #fff !important;
  text-transform: uppercase;
}

.text-size-large-42--futura-italic {
  font-size: 42px;
  font-family: futura-pt-bold,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.text-size-large-33--futura-bold {
  font-size: 33px;
  font-family: futura-pt-bold,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
  color: #fff !important;
}
/* Responsive */
@media (max-width: 900px) {
  .actualites-container {
    flex-direction: column;
    gap: 1rem;
  }
  .actualite.principale,
  .actualite.secondaire {
    width: 100%;
    height: 30vh;
    max-width: none;
  }
}