.tableauelite1{ border-collapse: collapse; min-width: 80px; width: auto; box-shadow: 0 5px 20px rgba(0,0,0,015);
cursor: pointer; margin: 10px auto;
border: 1px solid #ddd;
}
/* mise en forme du tableau avec bordure, marge...*/
thead tr{ background-color: midnightblue; color: #fff; text-align: center;
}
th,td{ padding: 8px 12px
}
tbody tr,td,th{ border: 1px solid #ddd;
}
tbody tr :nth-child(even){ background-color: #f3f3f3;
}
#entete, #menu,#footer{
padding:1px 0;}
#entete{
background-color:bold; text-align: center;}
#main{
max-width:960px; margin:auto;}
#menu{
float:left; width:240px;}
#contenu{
margin-left:600px;}
#footer{
background-color: #669933; text-align: center; clear: both;}
.couleur tr{background-color: midnightblue; color: #fff; text-align: left;}
@media all and (max-device-width: 480px)
{
thead tr{ background-color: midnightblue; color: #fff; text-align: center; font-size:x-small;
}
th:before,td{ padding: 4px 8px; font-size: x-small; 
}
tbody tr,td,th{ border: 1px solid #ddd; font-size:x-small;
}
tbody tr :nth-child(even){ background-color: #f3f3f3; 
}
#entete, #menu,#footer{
padding:1px 0;}
#entete{
background-color:bold; text-align: center;}
#main{
max-width:auto; margin:auto;}
#menu{
float:left; width:200px;}
#contenu{
margin-left:5px;}
}