body{
    overflow-y:hidden;
    margin-top:0px;
}
#Title{
    position:absolute;
    margin-top:0px;
    font-family: Arial, Helvetica, serif;
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    height:8%;
    text-align:center;
}
table{
    border:2pt solid black;
    border-collapse:collapse;
    border-spacing: 10px;
    margin-top:1%;
    text-align:center;
    font-size:80%;
    font-weight:bold;
    width:100%;
}
tr:nth-child(even){
    background-color:#ECEDEC;
}
tr:nth-child(odd){
    background-color:#D3D6D3;
}
tr:hover{
    background-color:#CCEEFF ;
}
tr td {
  border-right:1pt solid black;
  border-left:1pt solid black;
  border-bottom:1pt solid black;
  height:40px;
}
th{
    border-bottom:1pt solid black;
    border-right:1pt solid black;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color:#58FA58;
    color: black;
}
#tableau{
    overflow:auto;
    height:100%;
}
.button {
    /*display: inline-block;*/
    text-align:inherit;
    /*vertical-align: middle;*/
    padding: 4px 17px;
    border: 1px solid #000000;
    border-radius: 18px;
    background: #787778;
    background: -webkit-gradient(linear, left top, left bottom, from(#787778), to(#525252));
    background: -moz-linear-gradient(top, #787778, #525252);
    background: linear-gradient(to bottom, #787778, #525252);
    text-shadow: #565656 1px 0px 0px;
    font: normal normal bold 11px arial;
    color: #ffffff;
    text-decoration: none;
    cursor:default;
}
.button:hover,
.button:focus {
    background: #908f90;
    background: -webkit-gradient(linear, left top, left bottom, from(#908f90), to(#626262));
    background: -moz-linear-gradient(top, #908f90, #626262);
    background: linear-gradient(to bottom, #908f90, #626262);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #484748;
    background: -webkit-gradient(linear, left top, left bottom, from(#484748), to(#525252));
    background: -moz-linear-gradient(top, #484748, #525252);
    background: linear-gradient(to bottom, #484748, #525252);
}
.heure{
    position:relative;
    margin-top:1%;
    margin-left:84%;
    margin-right:2%;
    background-color:white;
    border:white 3px outset;
    border-radius:15px;
    border-style:outset;
    text-align:center;
    animation:cligner 2s infinite;
}
.heureav{
    position:relative;
    margin-top:1%;
    margin-left:84%;
    margin-right:2%;
    background-color:#58FA58;
    border:white 3px outset;
    border-radius:15px;
    border-style:outset;
    text-align:center;
}
@keyframes cligner { 
0% {background-color:red;} 
}