.essais-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
}

.essai-item {
  flex: 0 1 30%;
  border: 1px solid #407C83;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  border-radius: .25rem;
}

.essai-content {
  flex: 1;
}

.essai-content h3,
.essai-content p,
.essai-content ul {
  margin-bottom: 1rem;
}

.essai-content h4 {
  margin-bottom: .5rem;
}

.essai-content .tag {
  background-color: #f1f1f1;
  border-radius: .25rem;
  display: inline-block;
  padding: .25rem .75rem;
  margin-bottom: 1rem;
}

.essai-content .tag.current {
  background-color: #407C83;
  color: #fff;
}
.essai-content .tag.soon {
  background-color: #fff;
  color: #000000;
  border: #407C83 solid 2px;
  border-radius: 4px;
}
.essai,
.etude {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: .25rem 2rem;
}

.essai, .etude {
  color: #C57219;
  border: #C57219  solid 1.5px;
  border-radius: 50px;
  font-weight: 600;
  width: fit-content;
  margin: inherit;
}

.essai-content h3{
  font-size: 20px;
  color: #407C83;
}

.pagination {
  text-align: center;
  margin-top: 30px;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 8px 12px;
  margin: 4px;
  color: #407C83;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}

.pagination .current {
  background-color: #407C83;
  color: #fff;
}

.essai-item a{
  color: #2C1D1C; 
}

@media screen and (max-width: 768px) {
.essai-item {
  flex: 0 1 100%;
  border: 1px solid #407C83;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  border-radius: .25rem;
}

}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .essai-item {
    flex: 0 1 45%;
    border: 1px solid #407C83;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
  }
}