.tableau3{ 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:500px;}
#contenu{
margin-left:750px;}
#footer{
background-color: #669933; text-align: center; clear: both; buttom: 100%;}
p{ font-size: x-small;
}
#logo{
max-width:20px; margin:auto;}
.fixeur{padding: 12px 70px; width: 150;background-color: green; color: #ffff;}
.ajouter{ padding: 12px 22px; width: 190; text-align: center;}
.couleur{ background-color:magenta;
}
.finale{padding: 12px 60px; width: 100;background-color: green; color: #ffff;}
@media all and (max-device-width: 480px)
{
 #BLOCK_PAGE{ width:auto;}
 #entete, #menu,#footer{
padding:1px 0;}
#entete{
background-color:; text-align: center;}
#main{
width:auto; margin:auto;}
#menu{
float:left; width:8%;background-color:;}
#contenu{
margin-left:145px;}
h4{ text-align: center;}
#footer{
background-color: #669933; text-align: center; clear: both;}
#logo{
max-width:8px; margin:auto;}}