div.modele_jauge_demi_cercle{
  display:inline;
  position:absolute;
  text-align: left;
  margin:20px;
  width:20px;
  height:20px;
}

div.modele_jauge_demi_cercle input{
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  font-size:10px;
  text-align:left;
  width:10px;
  border: 1px;;
  background:none;
  outline:none;
  line-height:0em;
  color: beige;
}

div.modele_jauge_demi_cercle canvas{
  position:absolute;
  top:-200px;
  left:-300px;
  right:0px;
  bottom:0px;
  
}

div.modele_jauge_demi_cercle img {
  position:relative;
  width:500px;
  top:-210px;
  left:-355px;
  border: 0px;
  margin-right: 1em;   
}


#object-position-1 {
  object-position: 10px;
}

.resultat_texte_vert {
  text-transform: uppercase;
  font: 2rem 'MutatorSans', sans-serif;
  color: green;
  font-weight: 300;
}

.resultat_texte_orange {
  text-transform: uppercase;
  font: 2rem 'MutatorSans', sans-serif;
  color: orange;
  font-weight: 500;
}

.resultat_texte_rouge {
  text-transform: uppercase;
  font: 2rem 'MutatorSans', sans-serif;
  color:red;
  font-weight: 500;
}