diff --git a/bower.json b/bower.json
index efa5419..6da89eb 100644
--- a/bower.json
+++ b/bower.json
@@ -8,6 +8,7 @@
     "bootswatch-dist": "3.3.2-cerulean",
     "jsencrypt": "~2.1.0",
     "animate.css": "~3.2.6",
-    "remarkable-bootstrap-notify": "~3.0.0"
+    "remarkable-bootstrap-notify": "~3.0.0",
+    "angular-ladda": "~0.2.2"
   }
 }
diff --git a/public/js/app.js b/public/js/app.js
index 626c986..9a0fe5b 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1 +1 @@
-angular.module('ciApp', ['ngRoute', 'appRoutes', 'NotifyServ', 'EncryptServ', 'SessionsServ', 'SessionsCtrl', 'ConnectCtrl', 'MembreCtrl']);
+angular.module('ciApp', ['ngRoute', 'appRoutes', 'angular-ladda', 'NotifyServ', 'EncryptServ', 'SessionsServ', 'SessionsCtrl', 'ConnectCtrl', 'MembreCtrl']);
diff --git a/public/js/controllers/ConnectCtrl.js b/public/js/controllers/ConnectCtrl.js
index 547e33a..c723b63 100644
--- a/public/js/controllers/ConnectCtrl.js
+++ b/public/js/controllers/ConnectCtrl.js
@@ -3,9 +3,13 @@ angular.module('ConnectCtrl', []).controller('ConnectCtrl', ['$scope', 'SessionS
         EncryptServ.preload(function () {
             return undefined;
         });
+        $scope.connecting = false;
         $scope.connect = {
             connect: function () {
-                SessionServ.connect($scope.connect.login, $scope.connect.pass);
+                $scope.connecting = true;
+                SessionServ.connect($scope.connect.login, $scope.connect.pass, function() {
+                    $scope.connecting = false;
+                });
             }
         };
     }
diff --git a/public/views/connect.html b/public/views/connect.html
index 9ec25e6..8b26efe 100644
--- a/public/views/connect.html
+++ b/public/views/connect.html
@@ -9,6 +9,6 @@
             <label for="pass">Mot de passe</label>
             <input type="password" class="form-control" id="pass" ng-model="connect.pass" placeholder="Mot de passe Polytech">
         </div>
-        <button type="submit" class="btn btn-default" ng-click="connect.connect()">Se connecter</button>
+        <button type="submit" ladda="connecting" class="btn btn-primary" ng-click="connect.connect()">Se connecter</button>
     </form>
 </div>
diff --git a/public/views/index.html b/public/views/index.html
index 56b30dc..6b4dd9b 100644
--- a/public/views/index.html
+++ b/public/views/index.html
@@ -9,12 +9,16 @@
     <link rel="stylesheet" href="libs/bootswatch-dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="libs/animate.css/animate.min.css">
+    <link rel="stylesheet" href="libs/ladda/dist/ladda-themeless.min.css">
     <script src="libs/jquery/dist/jquery.min.js"></script>
     <script src="libs/angular/angular.min.js"></script>
     <script src="libs/angular-route/angular-route.min.js"></script>
     <script src="libs/angular-bootstrap/ui-bootstrap.min.js"></script>
     <script src="libs/jsencrypt/bin/jsencrypt.min.js"></script>
     <script src="libs/remarkable-bootstrap-notify/bootstrap-notify.min.js"></script>
+    <script src="libs/ladda/js/spin.js"></script>
+    <script src="libs/ladda/js/ladda.js"></script>
+    <script src="libs/angular-ladda/dist/angular-ladda.min.js"></script>
     <script src="js/services/NotifyServ.js"></script>
     <script src="js/services/EncryptServ.js"></script>
     <script src="js/services/SessionServ.js"></script>
--
libgit2 0.21.2