.commandes{
  position: relative;
  /* top: 0px; */
  user-select: none;
  height:300px;
}
.planche{
  /* background-image: url("../images/boitier2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  width: 544px;
  margin: 10px auto; 
}
#imageBoitier{
  position:absolute;
  top:0px;
  left:489px;
  width: 544px;
}
.fleche{
  width:50px;
  fill:rgba(0, 100, 0, 0.393);
  border:none;
  position:absolute;
}
.fleche:hover{  fill:rgba(0, 100, 0, 0.637);}
.fleche:active{  fill:rgb(0, 100, 0);}

.turn{
  position:absolute;
  width:30px;
  fill:rgba(0, 100, 0, 0.393);
  transform: scaleY(-1);
}
.turn:hover{  
  fill:rgba(0, 100, 0, 0.637);
  width:32px;
}
.turn:active{  
  fill:rgb(0, 100, 0);
  width:33px;
}

/* ------ levier droit */
.levier-droit-haut{  top:43px;  left:871px;}
.levier-droit-haut:hover{  top:42px;}
.levier-droit-haut:active{  top:40px;}

.levier-droit-bas{
  transform: rotate(180deg);
  top:117px;
  left:871px;
}
.levier-droit-bas:hover{  top:118px;}
.levier-droit-bas:active{  top:120px;}

.levier-droit-turn-left{
  top:100px;
  left:845px;
  transform: scaleY(-1);
  transition: transform 0.1s;
}
.levier-droit-turn-left:active{  transform: scaleY(-1) rotate(10deg);}
.levier-droit-turn-right{
  top:100px;
  left:915px;
  transform: rotate(180deg);
  transition: transform 0.1s;
}
.levier-droit-turn-right:active{  transform: rotate(190deg);}

/* ------ levier gauche */
.levier-gauche-haut{  top:43px;  left:598px;}
.levier-gauche-haut:hover{  top:42px;}
.levier-gauche-haut:active{  top:40px;}

.levier-gauche-bas{
  transform: rotate(180deg);
  top:117px;
  left:598px;
}
.levier-gauche-bas:hover{  top:118px;}
.levier-gauche-bas:active{  top:120px;}

.levier-gauche-turn-left{
  top:100px;
  left:572px;
  transform: scaleY(-1);
  transition: transform 0.1s;
}
.levier-gauche-turn-left:active{  transform: scaleY(-1) rotate(10deg);}
.levier-gauche-turn-right{
  top:100px;
  left:642px;
  transform: rotate(180deg);
  transition: transform 0.1s;
}
.levier-gauche-turn-right:active{  transform: rotate(190deg);}