diff --git a/public/css/part_search.css b/public/css/part_search.css
index 2c5a4d9..9b07a15 100644
--- a/public/css/part_search.css
+++ b/public/css/part_search.css
@@ -7,4 +7,7 @@
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
+}
+.loading {
+    height: 16px;
 }
\ No newline at end of file
diff --git a/public/html/part_results.html b/public/html/part_results.html
index 64c4e9d..3c5035a 100644
--- a/public/html/part_results.html
+++ b/public/html/part_results.html
@@ -9,11 +9,12 @@
             <td>
                 <h4 class="alert-success col-md-12"><b>{{result.title}}</b>
                 </h4>
-                <p style="font-size:X-small;" class="col-md-12">{{result.abstract}}</p>
+                <p style="font-size:X-small;" class="col-md-12">{{result.abstract || "Pas de résumé disponible"}}</p>
                 <div style="text-align:left;" class="label label-default"><b>{{result.corpusName}}</b>
                 </div>
                 <div style="text-align:center;" class="col-md-10">
-                    des liens...
+                    <span ng-bind-html='result.fulltext | linksIcon '></span>
+                    <span ng-bind-html='result.metadata | linksIcon'></span>
                 </div>
             </td>
         </tr>
diff --git a/public/js/app.js b/public/js/app.js
index a19b30e..c970e6c 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -9,7 +9,7 @@
     return searchFields;
 };
 
-angular.module('istex-widget', []).controller('istexWidgetCtrl', function($scope, searchFields) {
+var appModule = angular.module('istex-widget', []).controller('istexWidgetCtrl', function($scope, searchFields) {
     $scope.searchFields = searchFields;
     $scope.search = function() {
 
@@ -45,6 +45,40 @@
     };
 }).service('searchFields', searchFieldsService);
 
+appModule.filter('linksIcon', ['$sce', function($sce) {
+    return function(argument) {
+        console.log(argument);
+        var html = "";
+        var i = 0;
+        while (i < argument.length) {
+            var typeFile;
+            switch (argument[i].mimetype) {
+                case 'application/zip':
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/zip.png'
+                    break;
+                case 'application/pdf':
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/pdf.png'
+                    break;
+                case 'image/tiff':
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/tiff.png'
+                    break;
+                case 'application/xml':
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/xml.png'
+                    break;
+                case 'application/mods+xml':
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/mods.png'
+                    break;
+                default:
+                    typeFile = '//caron.ads.intra.inist.fr:53390/img/mimetypes/32px/_blank.png'
+                    break;
+            }
+            console.log("<a href=\"" + argument[i].uri + "\" target=\"_blank\"><img src=\"" + typeFile + "\" alt=\'" + argument[i].type + "\' title=\'" + argument[i].type + "\'></a>");
+            html += "<a href=\"" + argument[i].uri + "\" target=\"_blank\"><img src=\"" + typeFile + "\" alt=\'" + argument[i].type + "\' title=\'" + argument[i].type + "\'></a>"
+            i++;
+        }
+        return $sce.trustAsHtml(html);
+    }
+}]);
 
 angular.element(document).ready(function() {
     angular.bootstrap(document, ['istex-widget']);