.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;
}
body{
    background-color: #345;
}
table{
    background-color: white ;
}
p{
    background-color: #fff; width: 300px;
}
/* mise en forme du tableau avec bordure, marge...*/
thead tr{ background-color: midnightblue; color: #fff; text-align: center;
}
th,td{ padding: 8px 12px
}
.entete_db{border: solid 9px #345;}
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; }
img{
     float: left;
}
#menu{
float:left; width:240px;}
#contenu{
margin:20px 350px;}
#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;
}
.tableauelite1{
border-collapse: collapse; min-width: 20px; width: auto; box-shadow: 0 5px 9px rgba(0,0,0,015);
cursor: pointer; margin: 6px auto;
border: 1px solid #ddd;
}
th:before,td{ padding: 4px 8px; counter-increment: case; content:counter; 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;}
}