diff --git a/web/index.html b/web/index.html
index 25032d2..1a94c8e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -16,41 +16,41 @@ <h4>Le site de rencontre pour les geeks en conférence.</h4>
                        placeholder="Qu'est ce qui te passionne?" autofocus="autofocus">
             </form>
         </div>
-        <div id="geek2" class="span4">
+        <div id="geek2" class="span4" ng-class="{geekDisplayed: geeks.length>0}">
             <img class="result" ng-show="geeks.length>0" ng-src="{{geeks[0].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>0"><span>{{geeks[0].prenom}}</span></div>
         </div>
-        <div id="geek3" class="span4">
+        <div id="geek3" class="span4" ng-class="{geekDisplayed: geeks.length>1}">
             <img class="result" ng-show="geeks.length>1" ng-src="{{geeks[1].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>1"><span>{{geeks[1].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek4" class="span4">
+        <div id="geek4" class="span4" ng-class="{geekDisplayed: geeks.length>2}">
             <img class="result" ng-show="geeks.length>2" ng-src="{{geeks[2].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>2"><span>{{geeks[2].prenom}}</span></div>
         </div>
-        <div id="geek5" class="span4">
+        <div id="geek5" class="span4" ng-class="{geekDisplayed: geeks.length>3}">
             <img class="result" ng-show="geeks.length>3" ng-src="{{geeks[3].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>3"><span>{{geeks[3].prenom}}</span></div>
         </div>
-        <div id="geek6" class="span4">
+        <div id="geek6" class="span4" ng-class="{geekDisplayed: geeks.length>4}">
             <img class="result" ng-show="geeks.length>4" ng-src="{{geeks[4].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>4"><span>{{geeks[4].prenom}}</span></div>
         </div>
     </div>
     <div class="row-fluid">
-        <div id="geek7" class="span4">
+        <div id="geek7" class="span4" ng-class="{geekDisplayed: geeks.length>5}">
             <img class="result" ng-show="geeks.length>5" ng-src="{{geeks[5].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>5"><span>{{geeks[5].prenom}}</span></div>
         </div>
-        <div id="geek8" class="span4">
+        <div id="geek8" class="span4" ng-class="{geekDisplayed: geeks.length>6}">
             <img class="result" ng-show="geeks.length>6" ng-src="{{geeks[6].gravatar}}?s=256">
 
             <div class="caption" ng-show="geeks.length>6"><span>{{geeks[6].prenom}}</span></div>
diff --git a/web/style.less b/web/style.less
index b52012a..41fadda 100644
--- a/web/style.less
+++ b/web/style.less
@@ -68,9 +68,14 @@ body {
     .background-size(cover);
   }
 
+  #geek1.geekDisplayed, #geek2.geekDisplayed, #geek3.geekDisplayed, #geek4.geekDisplayed, #geek5.geekDisplayed,
+  #geek6.geekDisplayed, #geek7.geekDisplayed, #geek8.geekDisplayed, #geek9.geekDisplayed {
+    background: none;
+  }
   .result {
-    width: 100%;
-    height: 100%;
+    margin: 0 auto;
+    width: 256px;
+    display: block;
   }
 
   img.gravatar {