/* style.css - Version propre et optimisée */

/* Général */
body {
    background: #D0D8D5;
    font-family: 'Verdana', sans-serif;
    padding: 20px;
}

/* Tableau de Navigation (images en haut) */
.table-navigation {
    width: 90%;
    margin: 20px auto;
    border-collapse: collapse;
    background: white;
}

.table-navigation td {
    border: 1px solid #000;
    padding: 10px;
}

/* Tableau de Listing (le gros tableau) */
.table-collections {
    width: 90%;           /* Largeur fixe demandée */
    margin: 20px auto;    /* Centré */
    border-collapse: collapse;
    table-layout: fixed;  /* Force les colonnes à respecter les largeurs % */
    font-size: 11px;      /* Taille lisible et compacte */
}

/* Style des cellules */
.table-collections td, .table-collections th {
    padding: 5px;
    border: 1px solid #000;
    vertical-align: top;  /* Aligne le texte en haut */
    word-wrap: break-word; /* Force le retour à la ligne si le texte est trop long */
    overflow-wrap: break-word;
}

/* Classes utilitaires pour le PHP */
.center {
    text-align: center;
}

.titre {
    font-weight: bold;
}

.intitule {
    background-color: #f2f2f2;
    font-weight: bold;
    text-align: center;
}