add calculator-icon level indicators

I-1.html

@@ -1,6 +1,6 @@
 <h1>Les composants d'une calculatrice et le Basic CASIO</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 10 minutes</i></p>
 
 <p>Pour ce chapitre d'introduction, l'objectif est double&nbsp;: te présenter rapidement ce dont est faite ta calculatrice et t'expliquer ce qu'est le Basic CASIO.</p>

I-2.html

@@ -1,6 +1,6 @@
 <h1>L'éditeur de programmes</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 5 minutes</i></p>
 
 <p>Pour créer un programme, il faut pouvoir l'écrire&nbsp;! C'est ce que nous allons voir ensemble dans ce chapitre. Et ça tombe bien, puisque ta calculatrice embarque une application qui permet de <b>créer et éditer ses propres programmes</b>. Tu peux la trouver dans ton menu principal sous le doux nom de <b>PRGM</b> et la lancer en appuyant sur la touche [EXE] (ou appuie directement sur la touche [B] sur les modèles récents, [9] sur les plus anciens).</p>

II-1.html

@@ -1,6 +1,6 @@
 <h1>Afficher du texte</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 10 minutes</i></p>
 
 <p>Quoi de mieux pour commencer que de faire un programme qui affiche le nom du futur héros de ton jeu ainsi que son histoire&nbsp;?</p>

tutorial.css

@@ -1,3 +1,7 @@
+p img {
+  vertical-align: middle;
+}
+
 div.correct {
   background: #a9dfa2;
   padding: 8px;