--- a/cms/app-client/app/styles/components/notice-component.scss	Mon Nov 14 15:02:15 2016 +0100
+++ b/cms/app-client/app/styles/components/notice-component.scss	Mon Nov 14 15:34:33 2016 +0100
@@ -3,8 +3,26 @@
 }
 
 .notice-component {
-    padding: 40px;
+    padding: 30px;
+    color: $corpus-grey;
+}
+
+.notice-permalink {
     color: $corpus-grey;
+    text-decoration: underline dotted $corpus-grey;
+}
+
+.notice-permalink::after {
+    content: "\f14d";
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+
+    color: $corpus-grey;
+    padding-right: 0.5em;
+    padding-left: 0.5em;
+
 }
 
 body.videoscreen .notice-component {
@@ -27,7 +45,7 @@
     cursor: pointer;
 }
 
-.notice-component a.doc-link-bnf, 
+.notice-component a.doc-link-bnf,
 .notice-component a.doc-link-lexvo {
     cursor: pointer;
     color: $corpus-black;
@@ -52,7 +70,7 @@
 }
 
 .notice-component h2 {
-    color: $corpus-black;
+    color: $corpus-blue;
     text-align: left;
     font-weight: bold;
     font-size: 20px;
@@ -61,14 +79,6 @@
     padding: 0px;
 }
 
-.notice-component h3 {
-    color: $corpus-blue;
-    line-height: 18px;
-    font-size: 14px;
-    padding: 5px 0px;
-    font-weight: bold;
-}
-
 .notice-component.overlay h2,
 .notice-component.overlay h3 {
     color: $dark-grey;
@@ -100,4 +110,4 @@
     list-style: none;
     margin: 0;
     padding: 0;
-}
\ No newline at end of file
+}

--- a/cms/app-client/app/templates/components/notice-component.hbs	Mon Nov 14 15:02:15 2016 +0100
+++ b/cms/app-client/app/templates/components/notice-component.hbs	Mon Nov 14 15:34:33 2016 +0100
@@ -1,5 +1,5 @@
-<h2>Notice</h2>
-<h3>{{ item.title }}</h3>
+<h2>{{ item.title }}</h2>
+<h5>{{#link-to "document" item.id (query-params) class="notice-permalink" target="blank"}}permalien{{/link-to}}</h5>
 <table>
 <tr>
 	<td class="title">Editeur{{#if (if-operator item.publishers.length '>' 1)}}s{{/if}}</td>