// Lorsque le DOM est chargé on applique le Javascript 
	$(document).ready(function() {
		// On ajoute la classe "js" à la liste pour mettre en place par la suite du code CSS uniquement dans le cas où le Javascript est activé
		$("ul.stars").addClass("js");
		// On passe chaque note à l'état grisé par défaut
		$("ul.stars li").addClass("note-off");
		// Au survol de chaque note à la souris
		$("ul.stars li").mouseover(function() {
			// On passe les notes supérieures à l'état inactif (par défaut)
			$(this).nextAll("li").addClass("note-off");
			// On passe les notes inférieures à l'état actif
			$(this).prevAll("li").removeClass("note-off");
			// On passe la note survolée à l'état actif (par défaut)
			$(this).removeClass("note-off");
		});
		// Lorsque l'on sort du sytème de notation à la souris
		$("ul.stars").mouseout(function() {
			// On passe toutes les notes à l'état inactif
			$(this).children("li").addClass("note-off");
			// On simule (trigger) un mouseover sur la note cochée s'il y a lieu
			$(this).find("li input:checked").parent("li").trigger("mouseover");
		});
	});
	
	$("ul.stars input")
    // Lorsque le focus est sur un bouton radio
    .focus(function() {
        // On passe les notes supérieures à l'état inactif (par défaut)
        $(this).parent("li").nextAll("li").addClass("note-off");
        // On passe les notes inférieures à l'état actif
        $(this).parent("li").prevAll("li").removeClass("note-off");
        // On passe la note du focus à l'état actif (par défaut)
        $(this).parent("li").removeClass("note-off");
    })
    // Lorsque l'on sort du sytème de notation au clavier
    .blur(function() {
        // Si il n'y a pas de case cochée
        if($(this).parents("ul.stars").find("li input:checked").length == 0) {
            // On passe toutes les notes à l'état inactif
            $(this).parents("ul.stars").find("li").addClass("note-off");
        }
    });
	
	$("ul.stars input")
    // Lorsque le focus est sur un bouton radio
    .focus(function() {
        // On supprime les classes de focus
        $(this).parents("ul.stars").find("li").removeClass("note-focus");
        // On applique la classe de focus sur l'item tabulé
        $(this).parent("li").addClass("note-focus");
        // [...] cf. code précédent
    })
    // Lorsque l'on sort du sytème de notation au clavier
    .blur(function() {
        // On supprime les classes de focus
        $(this).parents("ul.stars").find("li").removeClass("note-focus");
        // [...] cf. code précédent
    })
    // Lorsque la note est cochée
    .click(function() {
        // On supprime les classes de note cochée
        $(this).parents("ul.stars").find("li").removeClass("note-checked");
        // On applique la classe de note cochée sur l'item choisi
        $(this).parent("li").addClass("note-checked");
    });
	
	// On simule un survol souris des boutons cochés par défaut
	$("ul.stars input:checked").parent("li").trigger("mouseover");
	// On simule un click souris des boutons cochés
	$("ul.stars input:checked").trigger("click");