.selection-rond {
  position: relative;
  left: 300px;
  top: -460px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  padding: 0px;
  border: 1px solid #c9c9c9;
  border-radius: 30px;
  background-image: url('../img/rond.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: width 200ms ease, height 200ms ease, margin 200ms ease;
  transition: width 200ms ease, height 200ms ease, margin 200ms ease;
}

.selection-rond:hover {
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  border-style: none;
  border-radius: 200px;
  z-index: 9999;
}

.selection-rond.selection1 {
position: absolute;
}

.selection-rond.selection3 {
position: absolute;
}

.selection-rond.selection3:hover {
  background-position: 50% 0px;
  background-size: 200px;
  z-index: 9999;
}

.selection-rond.selection2 {
position: absolute;
}

.selection-rond.selection2:hover {
  background-size: 200px;
  z-index: 9999;
}