/* Styles de base pour rendre le tableau lisible - lacarte.css */
table {
  background-color: transparent;
  min-width: 600px; 
  table-layout: fixed; /* fixed = Définition stricte des colonnes */
  width: 100%; /* OK */
  /*border-collapse: collapse;*/
  font-family: sans-serif;
}
/* Style des bordures et des cellules */
th, td {
  border: 1px dotted #FF0000;
  padding: 5px;
  text-align: left;
  font-size: 16px; 
  color: #ffffff; /* blanc */
  overflow: hidden;      /* Empêche le texte long de casser la structure */
  text-overflow: ellipsis; /* Ajoute "..." si le texte est trop long (optionnel) */
  white-space: nowrap;   /* Force le texte à rester sur une ligne (optionnel) */}
/* Couleur de fond pour les titres de colonnes */
th {
  background-color: #f4f4f4;
  font-weight: bold;
  color: #FF0000;
}
.align-droite {
  text-align: right;
}
.fond-rouge {
  background-color: red;
}
.fond-orange {
  background-color: orange;
}
.fond-vert {
  background-color: green;
}

/* ==========================================================================
   CSS RESPONSIVE POUR TABLETTES ET SMARTPHONES
   ========================================================================== */
/* 1. Ajustements généraux pour tablettes et mobiles */
@media (max-width: 1024px) {
  body {
    overflow: auto; /* Permet de faire défiler toute la page si nécessaire */
  }