diff --git a/README.md b/README.md
index 1dd1133..9c547d4 100644
--- a/README.md
+++ b/README.md
@@ -89,5 +89,4 @@ git push
 ## Todo
 
 - Traits de coupes
-- Introduction / conclusion (possiblité de rubrique)
 - Pages citations
diff --git a/gridsome.server.js b/gridsome.server.js
index 1e15c40..6427988 100644
--- a/gridsome.server.js
+++ b/gridsome.server.js
@@ -16,6 +16,7 @@ module.exports = function (api) {
         id: item.id,
         titre: item.titre,
         contenu: item.contenu,
+        rubrique: item.rubrique,
       })
     }
     let data_sections = await axios.get('https://popsu.strapi.figli.io/sections')
diff --git a/src/.temp/now.js b/src/.temp/now.js
index a7b8b25..ea72ccc 100644
--- a/src/.temp/now.js
+++ b/src/.temp/now.js
@@ -1 +1 @@
-export default 1563530197593
\ No newline at end of file
+export default 1563531149355
\ No newline at end of file
diff --git a/src/css/styles_de_caracteres.scss b/src/css/styles_de_caracteres.scss
index cb1578a..0432d97 100644
--- a/src/css/styles_de_caracteres.scss
+++ b/src/css/styles_de_caracteres.scss
@@ -11,6 +11,9 @@
 .center{
 	text-align: center;
 }
+.align-right{
+	text-align: right;
+}
 // Notes de fin de chapitres
 [data-note] {
 	position: relative;
diff --git a/src/css/styles_de_paragraphes.scss b/src/css/styles_de_paragraphes.scss
index c50aada..8a62f32 100644
--- a/src/css/styles_de_paragraphes.scss
+++ b/src/css/styles_de_paragraphes.scss
@@ -66,6 +66,11 @@
 	font-size: 10pt;
 	letter-spacing: 4pt;
 }
+.chapter-title::before{
+	content: attr(data-rubrique);
+	display: block;
+	@extend .section-title;
+}
 .chapter-content {
 	hyphens: auto;
 	font-family: "Cormorant";
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index 468e074..dcbc69f 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -43,7 +43,7 @@
   <div class="blank-page no-folio"></div>
   <!-- Chapitres -->
       <div class="hyphen" v-for="(edge,index) in $page.chapters.edges.slice().reverse()" :key="'chapter'+edge.node.id">
-        <h2 v-bind:id="'chapter'+edge.node.id" class="chapter-title" v-bind:class="{ canbreak: isNotFirst(index) }" >{{ edge.node.titre }}</h2>
+        <h2 v-bind:data-rubrique="edge.node.rubrique" v-bind:id="'chapter'+edge.node.id" class="chapter-title" v-bind:class="{ canbreak: isNotFirst(index) }" >{{ edge.node.titre }}</h2>
           <VueMarkdown lang="fr" class="chapter-content justify">{{edge.node.contenu}}</VueMarkdown>
       </div>
       <!-- Notes de fin de document -->
@@ -74,7 +74,7 @@
 <page-query>
   {
     chapters : allchapitres{
-      edges{node{id,titre,contenu}}
+      edges{node{id,titre,contenu,rubrique}}
     }
     sections : allsections{
       edges{node{id,titre,contenu}}
diff --git a/src/pages/README.md b/src/pages/README.md
deleted file mode 100644
index 9edbf1d..0000000
--- a/src/pages/README.md
+++ /dev/null
@@ -1,5 +0,0 @@
-Pages are usually used for normal pages or for listing items from a GraphQL collection.
-Add .vue files here to create pages. For example **About.vue** will be **site.com/about**.
-Learn more about pages: https://gridsome.org/docs/pages
-
-You can delete this file.
\ No newline at end of file