body
{
    background-color: rgba(35, 130, 255, 0.199);
}
.main
{
    text-align: center;
}
.main .header h1
{
    color: orange;
    float: center;
}
.main .header a.btn
{
    float: left;
    background-color: blue;
    color: white;
}
.main .header a.btn:hover
{
    color: orange;
}
table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    margin-top: 40px;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
th {
    justify-items: center;
    background-color: #f4f4f4;
}
.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    justify-items: center;
    background-size: cover;
}
.view-icon {
   background-image: url(vue-removebg-preview.png);
}
.edit-icon {
    background-image: url(modifier-removebg-preview.png);
}
.delete-icon {
    background-image: url(supprimer-removebg-preview.png);
}
table tbody tr:nth-child(2n) td
{
    background-color: #ddd;
}
/* BACKEND-CSS */

table tbody tr.nouveau td
{
    background-color: orange;
}

.card
{
    background-color: white;
    color: black;
    margin-top: 10px;
}
.statistique div.stats
{
    margin-top: 10px; /*20px*/
    font-size: 20px;
    height: 40px;
    width: 100%;
    border-bottom: 1px solid gray;
}
.statistique .nombre
{
    float: right;
    margin-right: 10px;
}
.statistique .maj
{
    text-transform: uppercase;
    float: left;
}