<style>
.occupe{
  border: 2px solid rgba(170, 161, 161, 0.904);
  border-radius: 100%;
  position: relative;
  left: 10px;
  width: 2em; height: 2em;
}
.couleurOccupe{
  background: rgba(238, 143, 143, 0.904);
}
.occupe::before{
  content: "";
  display: block;
  position: absolute;
  width: 1em; height: 1em;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(238, 143, 143, 0.904);
  border-radius: 100%;
}
.monPlace{
  border: 2px solid rgba(62, 196, 50, 0.904);
  border-radius: 100%;
  position: relative;
  left: 10px;
  width: 2em; height: 2em;
}
.monPlace::before{
  content: "";
  display: block;
  position: absolute;
  width: 1em; height: 1em;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(62, 196, 50, 0.904);
  border-radius: 100%;
}
.monPlaceR{
    background: rgba(62, 196, 50, 0.904);

}
.libre{
  border: 2px solid rgb(194, 190, 190);
  border-radius: 100%;
  position: relative;
  left: 10px;
  width: 2em; height: 2em;
}
.libre::before{
  content: "";
  display: block;
  position: absolute;
  width: 1em; height: 1em;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background:  rgb(194, 190, 190);
  border-radius: 100%;
}
</style>