.notation label,
form span{
  cursor: pointer;
}
/* Exemple 100% CSS */
.notation {
  display: inline-block;
}
.notation label{ 
  font-size:0;
  color: #f78b18;
}
.notation label:after{ 
  content:"★";
  display: inline-block;
  font-size: 2rem;
  color:inherit ;
}
.notation [name="saveur"], .notation [name="difficulte"], .notation [name="prepaTemps"], .notation [name="prix"] { 
  display:none;
}
.notation label:hover ~ label {
  color: #dddfdd!important;
}
.notation:hover label{
   color: #f78b18!important;
}
.notation:hover label:hover{ 
  color: #f78b18!important;
} 
.notation [value="1"]:checked ~ label:nth-of-type(1n+2),
.notation [value="2"]:checked ~ label:nth-of-type(1n+3),
.notation [value="3"]:checked ~ label:nth-of-type(1n+4),
.notation [value="4"]:checked ~ label:nth-of-type(1n+5),
.notation [value="5"]:checked ~ label:nth-of-type(1n+6){
  color: #dddfdd;
} 
.notationBis span:after{ 
  content:"★";
  display: inline-block;
  font-size: 3rem;
  color:inherit ;
}
/*#global .Rquatre, #global .Rcinq {
  color: #dddfdd!important;
}*/
#global .Rglobal {
   margin-left: 40px;
  font-size: 16px;
  font-weight: 700;
}
#global .Rglobal:after, #global .RglobalP:after {
  content: "";
}
.marFai {
  color: #fff;
  background-color: #ad59be;
  border-color: #ad59be;
}
.recFai {
  color: #fff;
  background-color: #f78b18;
  border-color: #f78b18;
}
.marFaiOK {
  color: #fff;
  background-color: #939094;
  border-color: #ad59be;
  cursor: default;
}
.recFaiOK {
  color: #fff;
  background-color: #939094;
  border-color: #f78b18;
  cursor: default;
}
.marFai:hover, .recFai:hover, .btn-default:hover, .btn-default:active {
  color: #333;
  background-color: #939094;
  border-color: #adadad;
  cursor: default;
}
.marFai:focus, .recFai:focus, .btn-default:focus, .btn-default:active {
  color: #333;
  background-color: #939094;
  border-color: #8c8c8c;
  cursor: default;
}