diff --git a/modules/visa/Views/signatureBook.html b/modules/visa/Views/signatureBook.html
index 5811f8759b294ad1074f677c1cf78f20d5f12cce..72b4a922a9db5c46164c64535511f8102e43669b 100644
--- a/modules/visa/Views/signatureBook.html
+++ b/modules/visa/Views/signatureBook.html
@@ -2,6 +2,9 @@
 
 </div>
 <div class='visaContent'>
+    <div class="titleSignatureBook" title="Viser le document n°231 : {{signatureBook.documents[0].title}}">
+        Viser le document n°231 : {{signatureBook.documents[0].title}}
+    </div>
     <div class="headerSignatureBook">
         <div class="item" ng-class="{'activeTabSignatureBook': signatureBook.headerTab == 1}" ng-click="changeSignatureBookLeftContent(1)">
             <i class="fa fa-dashboard fa-2x"></i>
diff --git a/modules/visa/css/module.css b/modules/visa/css/module.css
index 969f0a77e08daba1d4e7f14fb2d093337fd01229..d27a1a3d0e63b89be6290cf1936cd14d19e045c0 100644
--- a/modules/visa/css/module.css
+++ b/modules/visa/css/module.css
@@ -347,6 +347,23 @@ img.panelSelectedThumbnail,img:hover.panelSelectedThumbnail{
    width:19%;
 }
 
+.titleSignatureBook{
+    border-radius: 0px 0px 20px;
+    width:40%;
+    border-right: solid 1px black;
+    border-top: solid 1px black;
+    border-left: solid 1px black;
+    padding: 5px;
+    vertical-align: middle;
+    font-weight: bold;
+    background: #009DC5;
+    color: white;
+    text-transform : uppercase;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .headerSignatureBook{
     border: solid 1px black;
     display: table;