.ingredient{ padding:2px 5px; background-color:rgba(255, 153, 153, 0.66); }
.ustensile{ padding:2px 5px; background-color:rgba(255, 153, 0, 0.66); }

.optionnel{ color:rgba(153, 153, 153, 1); font-style:italic; }

/* Styles des notes */
.indicator{ color:#F3F3F3; }
.indicator:after{ font-style:italic; font-weight:bold; }  

.note{
  margin-top:20px;
  padding:10px;
  font-size:12px;
  border: 1px dashed #999;
  border-radius: 10px;
  color: #333;
}
.note .title{
  display: block;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
}
.note:before {
display: block;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
}
.note p{
  margin-bottom: 10px;
  line-height:18px;
}

.note.tip{ background-color: #EFD; }
.indicator.tip:after{ color: #080; content:" (*)";  }
.note.tip:before{ color: #080; content: "(*) Astuce"; }

.note.info{ background-color: #DEF; }
.indicator.info:after{ color: #08F; content:" (?)";  } 
.note.info:before{ color: #08F; content: "(?) Information"; }

.note.warning{ background-color: #FFD; }
.indicator.warning:after{ color: #F80; content:" (!)";  }
.note.warning:before{ color: #F80; content: "(!) Attention"; }