main {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}


.entete {
  width: 80%;
  margin: 2rem auto 1rem auto; /* centrée en largeur */
  text-align: left; /* aligne le texte à gauche */
}


.separateur {
  border: none;
  height: 1px;
  background-color: #ccc;
  margin: 40px auto;
  width: 80%;
}


.liste-articles {
  width: 80%;
  max-width: 800px:
  border-collapse: separate;
  border-spacing: 0 16px;
}

.liste-articles td {
  padding: 12px 20px;
}


@media screen and (max-width: 700px) {
  main {
    padding: 20px 10px;
  }

  .liste-articles {
    width: 100%;
    max-width: none;
  }

  .liste-articles td {
    display: block;
    text-align: left;
    padding: 10px 15px;
    width: 100%;
  }

  .liste-articles td.meta {
    text-align: left;
    padding-top: 0;
    color: #555;
  }

  .liste-articles tr {
    display: block;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  }
}