diff --git a/index.html b/index.html
index 91e8790..8a3996d 100644
--- a/index.html
+++ b/index.html
@@ -85,10 +85,12 @@
                 <h5>Avec votre identifiant et votre mot de passe</h5>
                 <form @submit="connecter">
                     <div class="input-field">
+                        <i class="material-icons prefix">account_circle</i>
                         <input type="text" name="login" v-model="login">
                         <label for="login">Identifiant</label>
                     </div>
                     <div class="input-field">
+                        <i class="material-icons prefix">vpn_key</i>
                         <input type="password" name="mdp" v-model="mdp">
                         <label for="mdp">Mot de passe</label>
                     </div>
@@ -104,13 +106,15 @@
         <div class="container" v-show="page == 'operations'">
             <div class="row center">
                 <div id="creation">
-                    <h5>Créer un nouveau client</h5>
+                    <h4>Créer un nouveau client</h4>
                     <form @submit="creer">
                         <div class="input-field" v-if="!PEUT_NFC">
-                            <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                            <i class="material-icons prefix">credit_card</i>
+                            <input type="text" name="idCarte" length="8" v-model="idCarte">
                             <label for="idCarte">Identifiant de la carte</label>
                         </div>
                         <div class="input-field">
+                            <i class="material-icons prefix">trending_flat</i>
                             <input type="number" name="solde" v-model="solde">
                             <label for="solde">Solde initial (€)</label>
                         </div>
@@ -118,13 +122,15 @@
                     </form>
                 </div>
                 <div id="rechargement">
-                    <h5>Recharger un client</h5>
+                    <h4>Recharger un client</h4>
                     <form @submit="recharger">
                         <div class="input-field" v-if="!PEUT_NFC">
-                            <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                            <i class="material-icons prefix">credit_card</i>
+                            <input type="text" name="idCarte" length="8" v-model="idCarte">
                             <label for="idCarte">Identifiant de la carte</label>
                         </div>
                         <div class="input-field">
+                            <i class="material-icons prefix">trending_up</i>
                             <input type="number" name="credit" v-model="credit">
                             <label for="credit">Crédit (€)</label>
                         </div>
@@ -132,38 +138,38 @@
                     </form>
                 </div>
                 <div id="paiement">
-                    <h5>Vendre à un client</h5>
+                    <h4>Vendre à un client</h4>
                     <form @submit="payer">
                         <div class="input-field" v-if="!PEUT_NFC">
-                            <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                            <i class="material-icons prefix">credit_card</i>
+                            <input type="text" name="idCarte" length="8" v-model="idCarte">
                             <label for="idCarte">Identifiant de la carte</label>
                         </div>
-                        <div>
-                            <h6>En spécifiant le nombre de consommations</h6>
-                            <div id="grilleBieres">
-                                <div>
-                                    <div v-for="i in [1, 2, 3]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div>
-                                </div>
-                                <div>
-                                    <div v-for="i in [4, 5, 6]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div>
-                                </div>
+                        <div class="row">
+                            <h5>En spécifiant le nombre de consommations</h5>
+                        </div>
+                        <div id="grilleBieres">
+                            <div>
+                                <div v-for="i in [1, 2, 3, 4, 5, 6]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div>
                             </div>
                         </div>
                         <div class="row">
-                            <h6>En spécifiant un montant</h6>
-                            <div class="input-field">
-                                <input type="number" name="prix" v-model="prix">
-                                <label for="prix">Prix (€)</label>
-                            </div>
+                            <h5>En spécifiant un montant</h5>
+                        </div>
+                        <div class="input-field">
+                            <i class="material-icons prefix">trending_down</i>
+                            <input type="number" name="prix" v-model="prix">
+                            <label for="prix">Prix (€)</label>
                         </div>
                         <button :disabled="!prix || (!PEUT_NFC && !idCarte)">Payer</button>
                     </form>
                 </div>
                 <div id="vidange">
-                    <h5>Vider le contenu de la carte d'un client</h5>
+                    <h4>Vider le contenu de la carte d'un client</h4>
                     <form @submit="vidanger">
                         <div class="input-field" v-if="!PEUT_NFC">
-                            <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                            <i class="material-icons prefix">credit_card</i>
+                            <input type="text" name="idCarte" length="8" v-model="idCarte">
                             <label for="idCarte">Identifiant de la carte</label>
                         </div>
                         <button :disabled="!PEUT_NFC && !idCarte">Vider</button>
diff --git a/js/init.js b/js/init.js
index 288b4ee..fbc1bda 100644
--- a/js/init.js
+++ b/js/init.js
@@ -16,6 +16,7 @@ $(function(){
     $('.button-collapse').sideNav();
     $('.modal-trigger').leanModal()
     $('form').submit(function() { return false });
+    $('[name=idCarte]').characterCounter();
 });
 
 // Application
diff --git a/scss/style.scss b/scss/style.scss
index 8c15dda..e694216 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -90,7 +90,7 @@ form {
         @extend .row;
         >div {
             @extend .col;
-            @extend .s4;
+            @extend .s2;
             >button {
                 width: 90%;
                 padding: 25px;
--
libgit2 0.21.2