#ressources p {
  color: #0a2c7a;
}

#ressources .ligne-1 {
  margin-bottom: 30px;
}

#ressources h2 {
  margin-bottom: 0px;
}
#ressources .ligne-1 > p {
  margin-bottom: 20px;
}

#ressources .filtre:hover {
  cursor: pointer;
}

#ressources .filtres {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

#ressources .contenu-ressource {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 17px;
  margin-bottom: 20px;
}

@media (min-width: 1101px) and (max-width: 1250px) {
  #ressources .contenu-ressource {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 851px) and (max-width: 1100px) {
  #ressources .contenu-ressource {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 501px) and (max-width: 850px) {
  #ressources .contenu-ressource {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 500px) {
  #ressources .contenu-ressource {
    grid-template-columns: 1fr 1fr;
  }
}

#ressources .ressource {
  min-height: 100px;
  display: flex;
  align-items: end;
  background-color: #0a2c7a;
  padding: 10px;
  border-radius: 8px;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

#ressources .ressource:hover {
  cursor: pointer;
  background-color: #0a5adb;
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

#ressources .ressource .contenu {
  width: 100%;
}

#ressources .ressource,
#ressources .ressource h5,
#ressources .ressource p {
  margin-bottom: 0px;
  margin-top: 0px;
}

#ressources .ressource h5,
#ressources .ressource p {
  color: white;
}

#ressources .ressource h5 {
  font-size: 15px;
}

#ressources .ressource p {
  font-size: 14px;
  opacity: 0.8;
}

#ressources img {
  width: 14px;
}

#ressources .ligne-2_2 {
  display: flex;
  align-items: start;
  margin-top: 10px;
}

#ressources .ligne-2_2 .col-1 {
  width: 80%;
}

#ressources .ligne-2_2 .col-2 {
  width: 20%;
  text-align: right;
}

#ressources .filtre.actif {
  border: 1px solid;
}

/*------- Couleur par thématique -------*/
#ressources a#tout:hover,
#ressources a#tout.actif {
  background-color: #0a5adb;
  border-color: #0a5adb;
  color: white;
}

#ressources a#Orientation:hover,
#ressources a#Orientation.actif {
  background-color: #52d59d;
  border-color: #52d59d;
  color: #12492b;
}

#ressources .ressource.Orientation .couleur {
  color: #52d59d;
}

#ressources a#Recherche:hover,
#ressources a#Recherche.actif {
  background-color: #f77129;
  border-color: #f77129;
  color: #632503;
}

#ressources .ressource.Recherche .couleur {
  color: #f77129;
}

#ressources a#Alternance:hover,
#ressources a#Alternance.actif {
  background-color: #f8cc46;
  border-color: #f8cc46;
  color: #775b09;
}

#ressources .ressource.Alternance .couleur {
  color: #f8cc46;
}

#ressources a#Decouverte:hover,
#ressources a#Decouverte.actif {
  background-color: #5493f7;
  border-color: #5493f7;
  color: #051c54;
}

#ressources .ressource.Decouverte .couleur {
  color: #5493f7;
}

#ressources a#Droits:hover,
#ressources a#Droits.actif {
  background-color: #f8cc46;
  border-color: #f8cc46;
  color: #a17800;
}

#ressources .ressource.Droits .couleur {
  color: #f8cc46;
}

#ressources a#Aides:hover,
#ressources a#Aides.actif {
  background-color: #f8cc46;
  border-color: #f8cc46;
  color: #a17800;
}

#ressources .ressource.Aides .couleur {
  color: #f8cc46;
}

#ressources a#Handicap:hover,
#ressources a#Handicap.actif {
  background-color: #5493f7;
  border-color: #5493f7;
  color: #0a2c7a;
}

#ressources .ressource.Handicap .couleur {
  color: #5493f7;
}

/*------- Bouton "Charger plus" -------*/
#ressources .ligne-3 {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

#ressources #add-ressources {
  cursor: pointer;
}

#ressources #add-ressources.inactif {
  color: #e0e0e0;
  border: 1px solid #e0e0e0;
  cursor: not-allowed;
  pointer-events: none;
}