body{
background: -webkit-linear-gradient( left, #86c279, #79e1d9);
background:    -moz-linear-gradient( left, #86c279, #79e1d9);
background:     -ms-linear-gradient( left, #86c279, #79e1d9);
background:      -o-linear-gradient( left, #86c279, #79e1d9);
background:         linear-gradient( to right, #86c279, #79e1d9);
font-family: "Open sans", Georgia, serif
}


table{
border-collapse: collapse;
text-align: center;
font-size: 1.2em;
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

td{
border: 3px solid black;
height: 30px;
}

.Box{
width: 3%;
background-color: #fcf6cf;
}
.num{
width: 3%;
background-color: #f9d1cf;
}
.date{
width: 15%;
background-color: #f8eccf;
}
.nom{
text-align: left;
padding-left: 10px;
width: 37%;
background-color: #faf8f8;
}
.newnom{
text-align: left;
padding-left: 10px;
width: 37%;
background-color: #faf8f8;
}
.dept{
text-align: center;
padding-left: 10px;
width: 4%;
background-color: #9DB2A3;
}
.eloigt{
text-align: center;
padding-left: 10px;
width: 6%;
background-color: #F5DAE9;
}
.longueur{
text-align: center;
padding-left: 10px;
width: 4%;
background-color: #587DF8;
}
.deniv{
text-align: center;
padding-left: 10px;
width: 21%;
background-color: #58F883;
}
.stat{
width: 7%;
background-color: #F5DAE9;
}