.tableau1{ border-collapse: collapse; min-width: 80px; width: auto; box-shadow: 0 5px 20px rgba(0,0,0,015);
cursor: pointer; margin: 10px auto; background-color: #fff;
border: 1px solid #ddd;
}
a{ color:glad; text-decoration: none;}
body{ padding: 0; margin: 0;
}
/* mise en forme du tableau avec bordure, marge...*/
thead tr{ background-color: midnightblue; color: #fff; text-align: center;
}
th:before,td{ padding: 8px 12px; counter-increment: case; content:counter;
}
tbody tr,td,th{ border: 1px solid #ddd;
}
tbody tr :nth-child(even){ background-color: #f3f3f3;
}
.buteurG{
    background-color:  #345;
}
.tableau{ background-color: #fff;}
#entete, #menu,#footer{
padding:1px 0;}
#entete{
background-color:#fff; text-align: center; width: fit-content;}
#main{
max-width:960px; margin:auto;}
#menu{
float:left; width:fit-content;}
#score{
    font-weight:bold ; background-color: aquamarine; width: 80px; text-align: center;
    margin: 15px 10px 10px 60px;  font-size: 1em; animation: flash 1.5s infinite;
}
@keyframes flash {
50%{
    color:red;
}
}
#contenu{
margin-left:700px;}
.buteurH{
    background-color:  #345;
}
#contenu_buteur{
margin-left:500px; }
caption{ background-color: #FFF3AF; font-family: 'Dancing Script'; font-weight: 600; font-size: 1.2em;}
.zone_verte{background-color:green;}
.zone_rouge{ background-color:red;}
.point{background-color:cyan}
#contient{
margin-left:700px;}
#footer{
background-color: #669933; text-align: center; clear: both;}
#logo{
max-width:30px; margin:auto;}
.fixer tr{background-color: midnightblue; color: #fff; text-align: left;}
.fixant tr,td,th{border: 1px solid #ddd;}
.ajouter{ padding: 12px 22px; width: auto; text-align: center; background-color: #fff;}
.aligner{ padding: 12px 90px; background-color: midnightblue; color: #ffff;}
.fixe{padding: 12px 70px; width: 150;background-color: gray; color: #ffff;}
.fixeur{padding: 12px 70px; width: 150;background-color: green; color: #ffff;}
.posera{padding: 15px 700px; background-color: midnightblue; color:#ffff;}
.ranger{padding: 12px 70px; width: 150;background-color: red; color: #ffff;}
p{ font-size: x-small;
}
.coupef{padding: 12px 70px; width: 150;background-color: rgb(235, 10, 178); color: #ffff;}




@media all and (max-device-width: 480px)
{
 #BLOCK_PAGE{ width:auto;}
 .conteneur{display:flex; flex-direction: column;
}
 #entete, #menu,#footer{
padding:1px 0;}
#entete{
text-align: center;}
#main{
width:auto; margin:auto; }
#menu{
float:left; width:100%;}
#contient{
margin-left:10px;}
#contenu{
margin:auto;}
#contenu_buteur{
margin-left:50px;}
#footer{
background-color: #669933; text-align: center; clear: both;}
#score{
    font-weight:bold ; background-color: aquamarine; width: auto; text-align: center;
    margin: auto;  font-size: 1.3em; animation: flash 1.5s infinite;
}
@keyframes flash {
    50%{
        color:red;
    }
    }
#logo{
max-width:20px; margin:auto;}
p{ font-size: x-small;
}
a{ font-size: x-small; text-decoration: none;
}
.fixeur{padding: 5px 48px; width: auto;background-color: green; color: #ffff; font-size: x-small; text-align: center;}
 th:before,td{ padding: 4px 8px; counter-increment: case; content:counter; font-size: x-small;
}

.tableau1{ border-collapse: collapse; min-width: auto; width: auto; box-shadow: 0 5px 9px rgba(0,0,0,015);
cursor: pointer; margin: 6px auto;
border: 1px solid #ddd;
}
thead tr{ background-color: midnightblue; color: #fff; text-align: center; font-size:x-small;
}
tbody tr,td,th{ border: 1px solid #ddd;font-size:x-small;
}
tbody tr :nth-child(even){ background-color: #f3f3f3;font-size:x-small;
}

.ajouter{ padding: 12px 22px; width: 190; text-align: center;}
.aligner{ padding: 12px 90px; background-color: midnightblue; color: #ffff; overflow: hidden;}
.fixe{padding: 12px 70px; width: 150;background-color: gray; color: #ffff;}
.coupef{padding: 12px 70px; width: 150;background-color: rgb(235, 10, 178); color: #ffff;}
.fixeur{padding: 12px 70px; width: 150;background-color: green; color: #ffff;}
p{ font-size: x-small;
}
}