.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
}
.entete_db{border: solid 9px #345; background-color: #fff; width: 430px;}
tbody tr,td,th{ border: 1px solid #ddd;
}
tbody tr :nth-child(even){ background-color: #f3f3f3;
}
#entete, #menu,#footer{
padding:1px 0;}
.point{
    background-color:rgb(32, 35, 218); color:#ddd;
}
#entete{
background-color:bold; text-align: center;}
body{
    background-color: #345;
}
.tableauelite{
    background-color: #fff;
}
p{ background-color: #f3f3f3; width: 300px;}
#main{
max-width:960px; margin:auto;}
#menu{
float:left;}
#contenu{
margin-left:5px; margin: 20px 350px;}
#footer{
background-color: #669933; text-align: center; clear: both;}
.couleur tr{background-color: midnightblue; color: #fff; text-align: left;}
.mouseEvent{
width:300px; padding: 15px 25px; border-radius: 5px;
padding: 2rem; background: rgba(0,0,0, 0.8); font-size: 1em; color: white;
cursor: pointer;
}
.mon_accueil{width:100%; border-radius: 22px;}





@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 4px; 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;}
#contenu{
margin:5px;; display:flex; flex-direction:column;}
.mouseEvent{
width:200px; padding: 15px 25px; border-radius: 10px;
padding: 1em; background: rgba(0,0,0, 0.8); font-size: 0.5em; color: white;
cursor: pointer;
}
}