

<style type="text/css">
fieldset {
	padding:2em;
}
ul.notes-echelle {
	margin:0;
	padding:0;
	font:.75em/1.2 Arial, Helvetica, sans-serif;
	
}
ul.notes-echelle li {
	#float:left;
	margin:0;
	padding:0;
	list-style:none;
	outline:none;
	
	display:inline-block;
	
}

ul.notes-echelle li label {
	display:block;
	Font: 30px Franklin Gothic Demi ;
	font-weight: bold;
	text-align:center;
	line-height:28px;
	margin-left:5px;
	#background:url(../images/etoile_note.png) center top no-repeat;
	border: 1px solid black;
	cursor:pointer;
	text-decoration:none;
	border: none;
	color:#E94E1B;
	#text-shadow: 2px 2px 2px black;
	

}


ul.notes-echelle li.note-off label {
	#background-position:center -70px;
	color:grey;
	#text-shadow: 2px 2px 2px black;
}
ul.notes-echelle li.note-checked {
	font-weight:bold;
	
}



ul.notes-echelle.js li {
	min-width:28px;
	min-height:28px;
}
ul.notes-echelle.js input {
	position:absolute;
	left:-999%;
}
ul.notes-echelle.js li.note-focus {
	#outline:1px dotted #000;
}


* html ul.notes-echelle.js li {
	width:10px;
	height:10px;
}
</style>