Ajout d'une helpbox de présentation du site sur la page d'accueil.

app/Resources/translations/navigationui.fr.yml

     text:               L'accès a cette page vous a été refusé
   error:
     title:              Erreur
-    text:               Une erreur est survenue. Notre équipe technique en a été avertis et tantera de procéder a sa correction.
+    text:               Une erreur est survenue. Notre équipe technique en a été avertis et tantera de procéder a sa correction.
+
+help:
+    know_more:          Muzi.ch: Qu'est-ce que c'est ?

app/Resources/translations/text.fr.yml

     subtitle2:        Choisissez le tag souhaité dans la liste en cliquant dessus
     subtitle3:        Vous pouvez saisir un tag supplémentaire
     subtitle4:        Saisissez autant de tags que vous voulez !
-    
+  know_more:
+    presentation:
+      title:          Découvrez et partagez la musique!
+      text:           |
+                      Muzi.ch est une plate-forme sur laquelle vous pourrez découvrir et partager
+                      la musique disponible sur les sites comme SoundCloud, Deezer, Jamendo ou encore
+                      Youtube. A l'aide de tags représentant les styles de musiques, vous pouvez
+                      partager et découvrir avec précision les nouveaux sont qui vous correspondent.
+    flux:
+      title:          Flux de partages
+      text:           |
+                      Un flux que vous pouvez filtrer a l'aide de tags représente les partages de
+                      la communauté.
+    autoplay:
+      title:          La lecture automatique
+      text:           |
+                      Jouez en liste de lecture les partages ou de vos favoris issues 
+                      de Youtube, de SoundCloud etc ...
+    reputation:
+      title:          Faites-vous une réputation
+      text:           |
+                      Plus vos partages plaisent, plus vous gagnez de réputation !
+                      Fiez-vous à la réputation des utilisateur pour chosir quels profils
+                      suivre et créer votre réseau personel
+              
+        
 
 help_tour:
   buttons:
                       "<h1>C'est parti !</h1>"+
                       "<p>Amusez vous bien !</p>"
       go:             |
-                      "<p>C'est parti !</p>"
+                      "<p>C'est parti !</p>"

src/Muzich/CoreBundle/Controller/InfoController.php

   {
     if (!in_array($ressource_id, array(
       'element_add_url',
-      'tags_prompt'
+      'tags_prompt',
+      'know_more'
     )))
     {
       return $this->jsonNotFoundResponse();

src/Muzich/CoreBundle/Resources/public/css/main.css

   margin-right: 0px;
 }
 
-#element_add_link, #element_add_close_link, #group_add_link, #group_add_close_link, #registration_link, #login_link
+#element_add_link, #element_add_close_link, #group_add_link, #group_add_close_link, #registration_link, #login_link, #know_more
 {
   float: right;
   margin-top: -58px;
 form#address_update input.intext
 {
   width: 90px;
+}
+
+#know_more
+{
+  float: left;
+  margin-left: -11px;
+  margin-top: -67px;
+}
+
+div.helpbox_image_container
+{
+  text-align: center;
+}
+
+div.helpbox_image_container img
+{
+  border: 3px solid #DDDDDD;
 }

src/Muzich/CoreBundle/Resources/views/Helpbox/know_more.html.twig

+<h1>{{ 'help.know_more.presentation.title'|trans({}, 'text') }}</h1>
+
+<p>{{ 'help.know_more.presentation.text'|trans({}, 'text') }}</p>
+
+<h2>{{ 'help.know_more.flux.title'|trans({}, 'text') }}</h2>
+
+<p>{{ 'help.know_more.flux.text'|trans({}, 'text') }}</p>
+
+<div class="helpbox_image_container">
+  <img src="{{ asset('/img/flux.png') }}" alt="picture_pres" />
+</div>
+
+<h2>{{ 'help.know_more.autoplay.title'|trans({}, 'text') }}</h2>
+
+<p>{{ 'help.know_more.autoplay.text'|trans({}, 'text') }}</p>
+
+<div class="helpbox_image_container">
+  <img src="{{ asset('/img/autoplay.png') }}" alt="picture_pres" />
+</div>
+
+<h2>{{ 'help.know_more.reputation.title'|trans({}, 'text') }}</h2>
+
+<p style="padding-top: 50px;">
+  <img src="{{ asset('/img/reputation_score.png') }}" alt="picture_pres"
+    style="float: left; border: 3px solid #DDDDDD; margin: 5px; margin-top: -50px;" />
+  {{ 'help.know_more.reputation.text'|trans({}, 'text') }}
+</p>

src/Muzich/IndexBundle/Resources/views/Index/index.html.twig

 
 {% block content %}
     
+    <a id="know_more" class="helpbox button" href="{{ path('helpbox_bootstrap', {'ressource_id':'know_more'}) }}" title="{{ 'help.know_more'|trans({}, 'navigationui') }}">
+      {{ 'help.know_more'|trans({}, 'navigationui') }}
+    </a>
+
     <a href="#" id="registration_link" class="button gradient">
       {{ 'registration.display'|trans({}, 'navigationui') }}
       <img src="{{ asset('/img/icon_dart_right_white.png') }}" alt="" />