effet header

user/themes/epau-antimatter/css-compiled/template.css

@@ -156,23 +156,6 @@ b, strong, label, th {
             display: inline-block;
             padding: 0.3rem 0.8rem;
             -webkit-backface-visibility: hidden; }
-            #header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after {
-              content: "";
-              position: absolute;
-              width: 100%;
-              height: 1px;
-              bottom: 0;
-              left: 0;
-              background-color: #000;
-              visibility: hidden;
-              -webkit-transform: scaleX(0);
-              -moz-transform: scaleX(0);
-              -ms-transform: scaleX(0);
-              -o-transform: scaleX(0);
-              transform: scaleX(0);
-              -webkit-transition: all 0.2s ease;
-              -moz-transition: all 0.2s ease;
-              transition: all 0.2s ease; }
             #header #navbar ul.navigation li a:hover:before {
               visibility: visible;
               -webkit-transform: scaleX(0.75);
@@ -825,6 +808,15 @@ ul.pagination {
   padding: 0.3rem 0.8rem;
   -webkit-backface-visibility: hidden; }
 
+#header #navbar ul.navigation li:after {
+  display: inline;
+  content: "|";
+  padding: 0 .1em;
+  vertical-align: top; }
+
+#header #navbar ul.navigation li a:hover {
+  font-weight: 900; }
+
 #header.scrolled #navbar ul.navigation li a {
   color: black !important;
   font-size: 0.95rem;
@@ -835,7 +827,7 @@ ul.pagination {
   flex-direction: row; }
 
 #logo img {
-  padding: 1rem; }
+  padding: 0.5rem; }
 
 .callout {
   padding-top: 0.5rem; }