/* ============================================================
   Page À propos
   ============================================================ */

.a-propos-main {
  text-align: center;
}

.carre-contenu {
  border: 1px solid var(--color-accent);
  border-radius: 10px;
  padding: 40px;
  max-width: 700px;
  margin: 60px auto;
  background-color: rgba(255, 255, 255, 0.05);
}

.carre-contenu h2 {
  margin-top: 30px;
  color: var(--color-accent);
}

.carre-contenu ul {
  margin-top: 20px;
  list-style: none;
}

.carre-contenu li {
  margin: 8px 0;
}

/* ---------- Table Tarifs ---------- */

.table-wrapper {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

th, td {
  border: 1px solid var(--color-accent);
  padding: 15px;
  color: var(--color-text-light);
}

th {
  background-color: rgba(255, 255, 255, 0.1);
}

td {
  background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
  .carre-contenu {
    padding: 25px;
  }
}