--- a/front_idill/src/mosaic/css/mosaic.less	Mon Jul 23 10:52:41 2012 +0200
+++ b/front_idill/src/mosaic/css/mosaic.less	Mon Jul 23 16:59:35 2012 +0200
@@ -20,24 +20,43 @@
  * C'est pourquoi j'utilise WAMP pour le lancer.
  */
 
+/* Epaisseur de la bordure de la mosaique. */
 @mosaic-border-tickness: 1px;
+/* Couleur de fond de la mosaique. */
 @mosaic-background-color: #202020;
+/* Image de fond de la mosaique. */
 @mosaic-background-image-path: url("../../img/background.png");
+/* Image de fond de prezoom ou de sélection de voisin. */
 @selected-snapshot-background-image-path: url("../../img/selected_background.png");
+/* Couleur de fond des snapshots. */
 @snapshots-background-color: #8D8D8D;
+/* Valeur de la marge des snapshots dans la mosaique. */
 @snapshots-margin-value: 8px;
+/* Marges des snapshots. */
 @snapshots-margin: @snapshots-margin-value @snapshots-margin-value @snapshots-margin-value @snapshots-margin-value;
+/* Couleur noire. */
 @black: #000000;
+/* Image de notification de sélection. */
 @notify-selection-background-image-path: url("../../pictos/notifications/selectionner.png");
+/* Image de notification de recherche. */
 @notify-search-background-image-path: url("../../pictos/notifications/rechercher.png");
+/* Image de notification de confirmation. */
 @notify-point-background-image-path: url("../../pictos/notifications/confirmer.png");
+/* Image de notification de déplacement dans la timeline. */
 @notify-timeline-background-image-path: url("../../pictos/notifications/deplacer.png");
+/* Couleur de fond du panneau d'aide. */
 @notify-help-background-color: rgba(100, 100, 100, 0.9);
+/* Epaisseur de bordure du panneau d'aide. */
 @notify-help-border-width: 2px;
+/* Valeur de marge du panneau d'aide. */
 @notify-help-margin: 15px;
+/* Image de recherche du panneau d'aide. */
 @notify-help-search-background-image-path: url("../../pictos/help/recherche.png");
+/* Image de controle du panneau d'aide. */
 @notify-help-controls-background-image-path: url("../../pictos/help/controles.png");
+/* Image du pointeur principal. */
 @mainPointer-background-image-path: url("../../img/cursors/pointer.png");
+/* Image du pointeur secondaire. */
 @secondPointer-background-image-path: url("../../img/cursors/pointer2.png");
 
 html
@@ -45,6 +64,9 @@
 	//cursor: none;
 }
 
+/*
+ * Style du corps.
+*/
 body
 {
     overflow: hidden;
@@ -79,7 +101,7 @@
 	opacity: 0;
 	width: 100%;
 	height: 100%;
-	z-index: 1000;
+	z-index: 2000;
 }
 
 /*
@@ -141,7 +163,7 @@
 }
 
 /*
- * 
+ * Style du fond d'un snapshot de voisin.
  */
 .neighbourImgBg
 {
@@ -150,18 +172,16 @@
 }
 
 /*
- * 
+ * Style d'un snapshot de voisin.
  */
 .neighbourImg
 {
     position: absolute;
 }
 
-video
-{
-	//position: absolute;
-}
-
+/*
+ * Style commun aux notifications.
+*/
 .notifications
 {
 	position: absolute;
@@ -175,6 +195,9 @@
 	z-index: 400;
 }
 
+/*
+ * Style commun aux notifications lors d'une recherche par courbes en cours.
+*/
 .notifications_inSearch
 {
 	position: relative;
@@ -189,6 +212,9 @@
 	z-index: 400;
 }
 
+/*
+ * Div contenant les notifications lors d'une recherche par courbes en cours.
+*/
 .notifications_inSearch_container
 {
 	position: absolute;
@@ -196,28 +222,40 @@
 	background: transparent;
 }
 
+/*
+ * Notification de sélection.
+*/
 #notify_selection
 {
 	background-image: @notify-selection-background-image-path;
 }
 
+/*
+ * Notification de recherche.
+*/
 #notify_search
 {
 	background-image: @notify-search-background-image-path;
 }
 
+/*
+ * Notification de confirmation.
+*/
 #notify_point
 {
 	background-image: @notify-point-background-image-path;
 }
 
+/*
+ * Notification de déplacement dans la timeline.
+*/
 #notify_timeline
 {
 	background-image: @notify-timeline-background-image-path;
 }
 
 /*
- * Aide
+ * Panneau d'aide
  */
 #notify_help
 {
@@ -229,6 +267,9 @@
 	background-color: @notify-help-background-color;
 }
 
+/*
+ * Colonne de recherche du panneau d'aide.
+*/
 #help_search
 {
 	float: left;
@@ -238,6 +279,9 @@
 	background: transparent;
 }
 
+/*
+ * Colonne des controles du panneau d'aide.
+*/
 #help_controls
 {
 	float: left;
@@ -247,6 +291,9 @@
 	background: transparent;
 }
 
+/*
+ * Séparateur vertical du panneau d'aide.
+*/
 #help_sep
 {
 	position: absolute;
@@ -257,6 +304,9 @@
 	background-color: #fff;
 }
 
+/*
+ * Titres des colonnes du panneau d'aide.
+*/
 #search_title, #controls_title
 {
 	position: relative;
@@ -269,6 +319,9 @@
 	margin-bottom: 15px;
 }
 
+/*
+ * Image de recherche du panneau d'aide.
+*/
 #search_img
 {
 	background-image: @notify-help-search-background-image-path;
@@ -278,6 +331,9 @@
 	height: 225px;
 }
 
+/*
+ * Image des controles du panneau d'aide.
+*/
 #controls_img
 {
 	background-image: @notify-help-controls-background-image-path;
@@ -287,6 +343,9 @@
 	height: 225px;
 }
 
+/*
+ * Textes des zones de recherche et controles du panneau d'aide.
+*/
 #search_2hands_text, #search_body_text, #controls_1hand_text
 {
 	position: relative;
@@ -300,11 +359,9 @@
 	margin-bottom: 10px;
 }
 
-/*#search_2hands_imgs, #controls_1hand_imgs
-{
-	padding-left: 40px;
-}*/
-
+/*
+ * Images des gestures de recherche et controles du panneau d'aide.
+*/
 .notify_imgs_small
 {
 	float: left;
@@ -312,13 +369,12 @@
 	height: 130px;
 	background-position: 0px 0px;
 	background-repeat: no-repeat;
-}
-
-.notify_imgs_small
-{
 	margin: 4px;
 }
 
+/*
+ * Masques de non sélection qui s'appliquent sur une mosaique filtrée.
+*/
 .filterHiders
 {
 	position: absolute;
@@ -326,6 +382,9 @@
 	background: transparent;
 }
 
+/*
+ * Style du pointeur principal.
+*/
 #mainPointer
 {
 	position: absolute;
@@ -338,6 +397,9 @@
 	opacity: 0;
 }
 
+/*
+ * Style du pointeur secondaire.
+*/
 #secondPointer
 {
 	position: absolute;
@@ -350,6 +412,9 @@
 	opacity: 0;
 }
 
+/*
+ * Style des voisins additionnels.
+*/
 .borderNeighbours
 {
 	position: absolute;