## Propriété css box-sizing
https://www.zonecss.fr/proprietes-css/box-sizing-css.html#yQyOXN00000.codepen
## Propriété css user-select
https://www.zonecss.fr/proprietes-css/user-select-css.html#yQyOXN00000.codepen
## Propriété css cursor
https://www.zonecss.fr/proprietes-css/cursor-css.html#yQyOXN00000.codepen
## Propriété css position
https://www.zonecss.fr/proprietes-css/position-css.html#yQyOXN00000.codepen
## Propriété css left
https://www.zonecss.fr/proprietes-css/left-css.html#yQyOXN00000.codepen
## Propriété css right
https://www.zonecss.fr/proprietes-css/right-css.html#yQyOXN00000.codepen
## Les éléments positionnés - FAQ CSS 
https://www.zonecss.fr/faq/les-elements-positionnes.html#yQyOXN00000.codepen

*/
*{box-sizing : border-box;}
.rectlimit {
  width:50%;
  height:50%;
  min-height:200px;
  min-width:200px;
  border: 1px solid grey; 
  /* Obligatoire sur l'élément de limite */
  position:relative; 
}
.cible { 
  width:150px;
  display:inline-block;
  left:10px;
  right:50px;
  cursor:move;
  vertical-align:top;
  /* Obligatoire sur l'élément draggable */
  position:absolute;
}
 
.cible,  
.cible img{
  -khtml-user-select : none;
  -webkit-user-select : none;
  -moz-user-select : -moz-none;
  -ms-user-select : none;
  user-select : none;
}

/* Class ajouté quand on dragge 
.oWdgCursorDrag{border-color:red;
  box-shadow: 3px 3px 5px 3px #656565;
} 
#cible2.oWdgCursorDrag{border-color:green} 
/* POsition initiale */
#cible2{left : 25%; top:40%}
#bille1{left : 0%; top:70%}
#bille2{left : 0%; top:70%}
#bille3{left : 0%; top:70%}
#bille4{left : 0%; top:70%}
#bille5{left : 0%; top:70%}
#bille6{left : 0%; top:70%}
#bille7{left : 0%; top:70%}
#bille8{left : 0%; top:70%}
#bille9{left : 0%; top:70%}
#bille10{left : 0%; top:70%}
#bille11{left : 0%; top:70%}
#bille12{left : 0%; top:70%}
#bille13{left : 0%; top:70%}
#bille14{left : 0%; top:70%}
#bille15{left : 0%; top:70%}
#bille16{left : 0%; top:70%}
#bille17{left : 0%; top:70%}
#bille18{left : 0%; top:70%}
#bille19{left : 0%; top:70%}
#bille20{left : 0%; top:70%}
#bille21{left : 0%; top:70%}
#bille22{left : 0%; top:70%}
#bille23{left : 0%; top:70%}
#bille24{left : 0%; top:70%}
#bille25{left : 0%; top:70%}
#bille26{left : 0%; top:70%}
#bille27{left : 0%; top:70%}
#bille28{left : 0%; top:70%}
#bille29{left : 0%; top:70%}
#bille30{left : 0%; top:70%}
#bille31{left : 0%; top:70%}
#bille32{left : 0%; top:70%}
#bille33{left : 0%; top:70%}
#bille34{left : 0%; top:70%}
#bille35{left : 0%; top:70%}
#bille36{left : 0%; top:70%}
#bille37{left : 0%; top:70%}
#bille38{left : 0%; top:70%}
#bille39{left : 0%; top:70%}
#bille40{left : 0%; top:70%}
#bille41{left : 0%; top:70%}
#bille42{left : 0%; top:70%}
#bille43{left : 0%; top:70%}
#bille44{left : 0%; top:70%}
#bille45{left : 0%; top:70%}
#bille46{left : 0%; top:70%}
#bille47{left : 0%; top:70%}
#bille48{left : 0%; top:70%}
#bille49{left : 0%; top:70%}
#bille50{left : 0%; top:70%}
#bille51{left : 0%; top:70%}
#bille52{left : 0%; top:70%}
#bille53{left : 0%; top:70%}
#bille54{left : 0%; top:70%}
#bille55{left : 0%; top:70%}