.zone-compteur{
  position: relative;
  display: inline-table;
  width: 100%;
  height: 150px;
  /*margin: 15pxx 0 50px 40%;*/
  margin: 15px 0 25px 20%;
  z-index: -2;
  }
.encadrement{
display: inline-table;
position: relative;
padding: 40px;
width: 150px;
height: 40px;
border: solid 0px black;
margin: 12px;
background-color: white;
filter: opacity(50%);
box-shadow: 0 12px 12px 0;
color: black;
text-align: center;
line-height: 40px;
}
.legend{
  width: 900px;
  height: 25px;
  display: flex;
  position: absolute;
  bottom: -10px;
  color: black;
  margin: 0 70px 0 70px;
  
}
.legend-compteur{
position: relative;
font-weight: bold;
font-size: 20px;
padding: 2px 200px 0 18px;
}

#compteur1, #compteur2, #compteur3, #compteur4{
  font-size: 50px;
  font-weight: bold;
}