body {
    background-color: skyblue;
}

/* Centrer la pagination */
.pagination {
    display: flex;
    justify-content: center;
    list-style: none; /* Optionnel : enlève les puces */
    padding: 0;
}

/* Style pour chaque élément de pagination */
.pagination li {
    border: 1px solid #000000;    /* Bordure noire */
    margin: 0 5px;             /* Espacement entre les carrés */
    padding: 5px 10px;         /* Espace interne pour agrandir le carré */
    text-align: center;        /* Centrer le texte */
    cursor: pointer;           /* Curseur pointeur pour les éléments cliquables */

}

/* Optionnel : changer l'aspect pour l'élément actif */
.pagination li.active {
    background-color: #007bff; /* Fond bleu (exemple pour Bootstrap) */
    color: #fff;               /* Texte en blanc */
    border-color: #007bff;
}

/* Optionnel : effet au survol */
.pagination li:hover {
    background-color: rgb(111, 239, 115);
}

th,td { padding: 15px; border: 1px solid black; }
tr:nth-child(even) { background-color: #f2f2f2; }
tr:hover { background-color:rgb(111, 239, 115); }
table { border-collapse: collapse; width: 100%; }
th { background-color: #4CAF50; color: white; }
h1 { text-align: center; }