/* Mise en page générale */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Zone principale qui occupe l'espace restant */
.main-content {
    flex: 1;
}

/* Footer toujours en bas */
footer {
    margin-top: auto;
}

.textBlue{
    color:blue;
}

/* Réduit la taille de police globale du tableau */
.table-data {
  font-size: 0.85rem; /* plus petit texte */
}

/* Réduit aussi les cellules de l’en-tête */
.table-data thead th {
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0.8rem;
}

/* Style des champs de recherche */
.table-data thead input {
  width: 100%;
  font-size: 0.75rem;
  padding: 2px 4px;
  box-sizing: border-box;
}

.table-data th,
.table-data td {
  min-width: 80px; /* ou une valeur adaptée à ton contenu */
  max-width: 200px; /* limite la largeur maximale si nécessaire */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Évite les débordements dans les cards */
.card .table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
}

.hideme {
    display: none;
}