add afond mode

app/assets/stylesheets/application.css

@@ -31,6 +31,13 @@ body {
   font-size: 2rem;
 }
 
+.legend .bar-afond {
+  background: black;
+  width: 10px;
+  height: 10px;
+  margin-left: 15px;
+}
+
 .legend .bar-creatif {
   background: red;
   width: 10px;
@@ -192,6 +199,9 @@ main {
 .croisiere {
   background-color: green;
 }
+.afond {
+  background-color: black;
+}
 
 .info {
   margin: 30px;

app/views/moods/index.html.erb

@@ -39,6 +39,10 @@
         <div class="bar-creatif"></div>
         <div class="bar-explain">Créatif</div>
       </div>
+      <div class="legend-afond">
+        <div class="bar-afond"></div>
+        <div class="bar-explain">A fond</div>
+      </div>
     </div>
   </div>
 </main>