diff --git a/static/css/layout/one-column.css b/static/css/layout/one-column.css
index 9349bcb6cf79d9331aeea6e9aef5ba6bac2a39da..18d5c8c811a56ec2b80af503662dd6aef381a850 100644
--- a/static/css/layout/one-column.css
+++ b/static/css/layout/one-column.css
@@ -238,7 +238,7 @@ footer {
   .topbar nav {
     flex-direction: row;
     height: auto;
-    padding-bottom: 3em;
+    padding-bottom: 0em;
   }
 
   .topbar nav ul {
diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css
index de992e9299526324b6c4a9215268c52b06021b12..7e4ae27a723a02fcb68fad945fccd3914fe40f31 100644
--- a/static/css/theme-coko/main.css
+++ b/static/css/theme-coko/main.css
@@ -55,6 +55,7 @@
 .team h2,
 .team h3,
 .team h4,
+.team a,
 .team p.tags{
     color: var(--color-trois);
 }
@@ -128,8 +129,6 @@ a:hover {
     font-family: var(--font-interface);
     transition: background-color 1000ms;
   }
-
-
   .topbar a.logo.solito svg {
     max-width: 350px;
     padding-right: 1.5rem;
@@ -151,6 +150,9 @@ a:hover {
     color: white;
     padding: 5px 10px;
     text-decoration: none;
+    position: absolute;
+    right: 0;
+    top: 110px;
   }
   .menu-call:hover {
     background-color: var(--color-primary);
@@ -230,7 +232,8 @@ a:hover {
     margin: auto;
   }
 
-  article {
+  article,
+  .paginator {
     grid-column: 1/end;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -244,6 +247,7 @@ a:hover {
   }
   article p,
   article ul,
+  article blockquote,
   article h3,
   article h4 {
     grid-column: 2/4;
@@ -259,6 +263,11 @@ a:hover {
   article video {
     width:100%;
   }
+  article blockquote p {
+    border-left: 0px;
+    margin-left: 15px;
+  }
+
   article li {
     margin-left: 2em;
   }
@@ -269,15 +278,27 @@ a:hover {
     color: gray;
     font-size: 0.9em;
   }
-
+  .paginator {
+    margin-top: 6em;
+    grid-column: 1/end;
+    display: grid;
+  }
+  .paginator h3 {
+    margin-top: 1em;
+    text-align: center;
+  }
+  .paginator figure img {
+    max-height: 200px;
+    margin: auto;
+  }
 
   /* Layout per page----------------------- */
   /* HOMEPAGE--------------------*/
   .home main section {
     grid-column: 1/end;
   }
-  .home h2.section-title {
-    grid-column: 1/end;
+ h2.section-title {
+    grid-column: span 4;
     font-variant: small-caps;
     border-bottom: 1px solid var(--color-primary);
   }
@@ -288,7 +309,7 @@ a:hover {
     margin-bottom: 3em;
   }
   .home section.section-blog .posts img,
-  .news .grid-item img{
+  .news .grid-item img {
     height: 250px;
     margin: 1em auto;
     object-fit: cover;  
@@ -311,7 +332,8 @@ a:hover {
   .articles main {
     column-gap: 40px;
   }
-  .articles .grid-item {
+  .articles .grid-item,
+  .paginator .grid-item {
     grid-column: span 2;
   }
   /* PRODUCT --------------------*/
@@ -505,12 +527,16 @@ footer section.infos a:hover {
     .grid { grid-template-columns: repeat(2, 1fr); }
     .home section.section-blog .posts, .articles .grid-item { grid-column: 1/end; margin-bottom: 2em;}
   }
+  @media screen and (max-width: 768px) {
+    .topbar { flex-direction: column;}
+    .topbar nav ul li {  border-bottom: 1px solid var(--color-primary); width: 100%; }
+  }
   @media screen and (max-width: 650px)  {
+    .paginator .grid-item {grid-column: 1/end; margin-bottom: 2em;}
     footer {flex-direction: column;}
     footer section {width: 100%;  text-align: center;  }
     footer section.contact {margin-top: 2.5em;}
   }
-
   @media screen and (max-width: 500px)  {
     .grid { display: block; 
     }