body {
    background-color: #007f86;
    margin: 0;
    padding: 0;
}

#compteurTop{
    /* border: 1px solid black; */
    text-align: center;
    background-color: #007f86;
    color: #057c85;
    /* padding: 4px; */
    width: 100%;
    height: 63px;
    margin-top: 5px;
    opacity: 0.9;
}
.compteurText { font-size: 15px; color: #fff; font-family: "Liberation Sans"; }
.compteurChiffres { color: #9afe00; font-weight: 600; font-size: 28px; margin-top: 12px;}
.bgCompteur {
    padding: 1px 5px;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 4px 0px #cfcfcf;
    -webkit-box-shadow: 1px 1px 4px 0px #cfcfcf;
    -o-box-shadow: 1px 1px 4px 0px #cfcfcf;
    box-shadow: 1px 1px 4px 0px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=4);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*border-radius: 5px;*/
    color: #007f86;
    margin-right: 3px;
}