.ball, .ball-2{

  height:20px;
  width:20px;
  display:block;
  border-radius:50%;

}

.ball-blue{

  background-color:#74b6e1;

}

.ball-gold{

  background-color:#b3955a;

}

.ball-black{

  background-color:#463c29

}

.ball-orange{

  background-color:#e67f10;

}

.ball-active{

  border:2px solid black;

}

.ball:hover, .ball-2:hover{

  cursor: pointer;
  opacity: 0.9;

}

#Montre1{

  left:16%;
  height:100%;
  position: absolute;
  top:0;

}

#Montre2{

  height:100%;
  right:5%;
  position: absolute;
  top:0;

}

#Montre3{

  height:100%;
  left:5%;
  position: absolute;
  top:0;

}

#Montre4{

  height:100%;
  right:0;
  position: absolute;
  top:0;

}

@media screen and (max-width: 1400px){

  #Montre1{

    left:10%;

  }

  #Montre2{

    right:-15%;

  }

  #Montre3{

    left:-5%;

  }

}

@media screen and (max-width: 1200px){

  #Montre1{

    left:0;

  }

  #Montre3{

    left:-15%;

  }

}

@media screen and (max-width: 1200px){

  #Montre1{

    left:0;

  }

  #Montre3{

    left:-40%;

  }

}

@media screen and (max-width: 1000px){

  #Montre1{

    left:-10%;

  }

}

/*Breakpoint Bootstrap*/
@media screen and (max-width: 992px){

  #Montre1{

    left:0;
    padding: 0 10% 3rem 10%;

  }

  #Montre2{

    right:0;

  }

  #Montre3{

    border-top: 1px solid #dee2e6!important;

  }

  #Montre1, #Montre2, #Montre3, #Montre4{

    top:0;
    left:0;
    position: relative;
    width: 100%;
    height: auto;

  }

}