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;
}