--- a/front_idill/src/mosaic/css/mosaic.less	Mon May 14 17:20:35 2012 +0200
+++ b/front_idill/src/mosaic/css/mosaic.less	Thu May 24 10:30:05 2012 +0200
@@ -28,10 +28,18 @@
 @snapshots-margin-value: 8px;
 @snapshots-margin: @snapshots-margin-value @snapshots-margin-value @snapshots-margin-value @snapshots-margin-value;
 @black: #000000;
+@notify-selection-background-image-path: url("../../pictos/notifications/selectionner.png");
+@notify-search-background-image-path: url("../../pictos/notifications/rechercher.png");
+@notify-point-background-image-path: url("../../pictos/notifications/confirmer.png");
+@notify-help-background-color: rgba(100, 100, 100, 0.9);
+@notify-help-border-width: 2px;
+@notify-help-margin: 15px;
+@notify-help-search-background-image-path: url("../../pictos/help/recherche.png");
+@notify-help-controls-background-image-path: url("../../pictos/help/controles.png");
 
 body
 {
-    //overflow: hidden;
+    overflow: hidden;
     background-color: @black;
 }
 
@@ -129,4 +137,136 @@
 video
 {
 	//position: absolute;
+}
+
+.notifications
+{
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	background-size: 100px 100px;
+	opacity: 0;
+	margin: 15px;
+	z-index: 400;
+}
+
+#notify_selection
+{
+	background-image: @notify-selection-background-image-path;
+}
+
+#notify_search
+{
+	background-image: @notify-search-background-image-path;
+}
+
+#notify_point
+{
+	background-image: @notify-point-background-image-path;
+}
+
+/*
+ * Aide
+ */
+#notify_help
+{
+	position: absolute;
+	margin: @notify-help-margin;
+	border-style: solid;
+	border-width: @notify-help-border-width;
+	border-color: #fff;
+	background-color: @notify-help-background-color;
+}
+
+#help_search
+{
+	float: left;
+	top: 0%;
+	width: 50%;
+	height: 100%;
+	background: transparent;
+}
+
+#help_controls
+{
+	float: left;
+	top: 0%;
+	width: 50%;
+	height: 100%;
+	background: transparent;
+}
+
+#help_sep
+{
+	position: absolute;
+	top: 10%;
+	left: 50%;
+	width: 1px;
+	height: 80%;
+	background-color: #fff;
+}
+
+#search_title, #controls_title
+{
+	position: relative;
+	color: #fff;
+	//font-family: DIN-Medium, Fallback, sans-serif;
+	font-size: 30px;
+	text-align: center;
+	font-weight: bold;
+	margin-top: 15px;
+	margin-bottom: 15px;
+}
+
+#search_img
+{
+	background-image: @notify-help-search-background-image-path;
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: 150px 150px;
+	height: 150px;
+}
+
+#controls_img
+{
+	background-image: @notify-help-controls-background-image-path;
+	background-position: center center;
+	background-repeat: no-repeat;
+	//background-size: 150px 150px;
+	height: 150px;
+}
+
+#search_2hands_text, #search_body_text, #controls_1hand_text
+{
+	position: relative;
+	clear: both;
+	color: #fff;
+	//font-family: DIN-Medium, Fallback, sans-serif;
+	font-size: 15px;
+	text-align: center;
+	font-weight: bold;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+#search_2hands_imgs, #controls_1hand_imgs
+{
+	padding-left: 40px;
+}
+
+.notify_imgs_small
+{
+	float: left;
+	width: 80px;
+	height: 80px;
+	background-position: 0px 0px;
+	//background-size: 80px 80px;
+	background-repeat: no-repeat;
+}
+
+.notify_imgs_small
+{
+	margin: 4px;
 }
\ No newline at end of file