.table-header-container{
display: flex;
align-items: center;
justify-content: center;
}
.table-header{
color: black;
width: 94%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.75%;
}
.table-header h1{
width: 100%;
background-color: rgba(255, 250, 255,0.50);
border-radius: 12px;
padding: 10px;
text-align: center;
}

/* Wrapper centré */
.center-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  margin-top: 5px;
}

/* CONTAINER scrollable qui suit la largeur du tableau */
.table-container {
  background-color: gray; /* gris clair */
  max-width: 95%;
  overflow-x: scroll;
  overflow-y: auto;
  display: block; /* mieux que inline-block ici */
  height: 305px;
  resize: vertical;
}

/* TABLE STYLES */
.list-table {
  border-collapse: collapse;
  table-layout: auto;
  font-family: Arial, sans-serif;
  border: 0;
  width: 100%;
  table-layout: fixed;
}

.list-table th,
.list-table td {
  padding: 10px;
  text-align: center;
  width: 120px;
  min-width: 120px;
  overflow-wrap: break-word;  /* Retour à la ligne intelligent */
  white-space: normal;
}
.table-caption {
  width: 94%;
  color: white;
  padding: 10px;
}
.input-recherche {
  caret-color: black;
  width: 100%;
}
/* EN-TÊTE FIXE */
.list-table thead th {
  background-color: rgb(60, 70, 78);
  color: white;
  position: sticky;
  top: 0px;  /* Ajuste selon la hauteur de .table-caption */
  z-index: 4;
}

/* CORPS DU TABLEAU */
.list-table tbody{
  background-color: rgb(26, 113, 179);

}
.list-table tbody td {
  background-color: rgb(26, 113, 179);
  color: white;
}

.list-table tbody tr:nth-child(even) td {
  background-color: rgb(6, 93, 159);
}

.list-table tbody tr:hover td {
  background-color: rgb(155, 166, 176);
  color: black;
}

/* BOUTONS GÉNÉRIQUES */
.list-button {
  background-color: rgb(60, 70, 78);
  width:70%;
  margin:5px;
  color: white;
  border: none;
  border-radius: 12px;
  padding: 12px;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.list-table ::-webkit-scrollbar {
  width: 8px;
}

.list-table ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.resume{
  background-color: rgb(255, 255, 255);
}
.resume td {
    background-color: rgb(95, 111, 138) !important;
    color: black !important;
}

.hide{
  display:none;
}

/* Responsive */
@media (min-height: 700px) {
  .table-container {
  height: 700px;
}
}