diff --git a/bower.json b/bower.json
index d6d923f..e482999 100644
--- a/bower.json
+++ b/bower.json
@@ -9,6 +9,7 @@
     "jsencrypt": "~2.1.0",
     "animate.css": "~3.2.6",
     "remarkable-bootstrap-notify": "~3.0.1",
-    "angular-ladda": "~0.2.2"
+    "angular-ladda": "~0.2.2",
+    "angular-animate": "~1.3.15"
   }
 }
diff --git a/public/css/style.css b/public/css/style.css
index 145e6a0..f9d3125 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -6,10 +6,26 @@ body {
     padding-top: 50px;
 }
 
-#membre-list {
-    width: 90%;
-}
-
 [data-notify="title"] {
     display: block;
 }
+
+#ngViewAnimationContainer {
+    position: relative;
+}
+
+[ng-view].ng-enter {
+    position: absolute;
+    -webkit-animation: zoomIn 0.5s;
+    animation: zoomIn 0.5s;
+}
+
+[ng-view].ng-leave {
+    position: absolute;
+    -webkit-animation: fadeOutDown 0.5s;
+    animation: fadeOutDown 0.5s;
+}
+
+#membre-list {
+    width: 90%;
+}
diff --git a/public/js/app.js b/public/js/app.js
index 5d5bbd5..689a4e9 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,4 +1,4 @@
-angular.module('ciApp', ['ngRoute', 'SessionsCtrl', 'ConnectCtrl', 'MembreCtrl']).config(['$routeProvider', '$locationProvider',
+angular.module('ciApp', ['ngRoute', 'ngAnimate', 'SessionsCtrl', 'ConnectCtrl', 'MembreCtrl']).config(['$routeProvider', '$locationProvider',
     function ($routeProvider, $locationProvider) {
         $routeProvider
             .when('/', {
diff --git a/public/views/index.html b/public/views/index.html
index f01b242..bf160b4 100644
--- a/public/views/index.html
+++ b/public/views/index.html
@@ -13,6 +13,7 @@
     <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-animate/angular-animate.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>
@@ -48,7 +49,9 @@
                 </div>
             </div>
         </nav>
-        <div ng-view></div>
+        <div id="ngViewAnimationContainer">
+            <div ng-view></div>
+        </div>
     </div>
 </body>
 
--
libgit2 0.21.2