Ajustement pour le bon placement de la bannière en haut

Chapril-banner/v2/chapril-banner.css

@@ -7,72 +7,82 @@
                   |_|                                                 
 */
 
-body
-{
-    margin: 0;
-    padding: 0;
+body {
+   margin-top: 0;
+   padding-top: 42px !important;
 }
 
-
-.chapril-banniere-Nav
-{
-    background-color: #005184;
-    font-family: 'dejavu_sanscondensed', sans-serif;
+.chapril-banniere-Entree {
+    font-family: sans-serif;
     text-transform: uppercase;
     font-size: small;
-    position: relative;
+}
+
+.chapril-banniere-Logo {
+    display: flex;
+}
+
+.chapril-banniere-Logo a {
+    padding-bottom: 4px;
+}
+
+.chapril-banniere-Logo img {
+    display: block;
+    width: auto;
+    height: 28px;    
+}
+
+.chapril-banniere-Menu {
+    display: none;
+}
+
+.chapril-banniere-Nav {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    min-height: 42px;
+    background-color: #005184;
     display: flex;
     justify-content: space-around;
     align-items: center;
 }
 
-.chapril-banniere-Logo img
-{
-    width: auto;
-    height: 32px;
-}
-
-.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited
-{
+.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited {
     color: #fff;
     text-decoration: none;
 }
 
-.chapril-banniere-Nav a:hover
-{
+.chapril-banniere-Nav a:hover {
     color: #ff9759;
 }
 
-.chapril-banniere-Menu
-{
-    display: none;
-}
 
-@media screen and (max-width: 800px)
-{
-    .chapril-banniere-Logo
-    {
-        padding-left: 10px;
+@media screen and (max-width: 800px) {
+    
+    .chapril-banniere-Entree {
+        display: none;
     }
     
-    .chapril-banniere-Nav
-    {
+    .chapril-banniere-Logo {
+        padding-left: 12px;
+    }
+    
+    .chapril-banniere-Logo a {
+        padding-top: 5px;
+    }
+        
+    .chapril-banniere-Menu {
         display: block;
     }
     
-    .chapril-banniere-Menu
-    {
-        display: block;
-    }
-    
-    .chapril-banniere-Menu summary
-    {
+    .chapril-banniere-Menu summary {
         height: 26px;
         width: 30px;
         display: block;
         position: absolute;
-        top: 5px;
-        right: 10px;
+        top: 8px;
+        right: 12px;
         border-radius: 2px;
         border-style: solid;
         border-width: 1px;
@@ -82,18 +92,15 @@ body
         padding-top: 1px;
     }
     
-    .chapril-banniere-Menu summary
-    {
+    .chapril-banniere-Menu summary {
         list-style: none;
     }
     
-    .chapril-banniere-Menu summary::-webkit-details-marker
-    {
+    .chapril-banniere-Menu summary::-webkit-details-marker {
         display: none;
     }
     
-    .chapril-banniere-Menu summary span
-    {
+    .chapril-banniere-Menu summary span {
         display: block;
         margin-top: 4px;
         width: 20px;
@@ -102,40 +109,39 @@ body
         background-color: #fff;
     }
     
-    .chapril-banniere-Menu summary:hover
-    {
+    .chapril-banniere-Menu summary:hover {
         border-color: #ff9759;
         cursor:pointer;
     }
     
-    .chapril-banniere-Menu summary:hover span
-    {
+    .chapril-banniere-Menu summary:hover span {
         background-color: #ff9759;
     }
     
-    .chapril-banniere-Menu div
-    {
+    .chapril-banniere-Menu div {
         padding-top: 8px;
         padding-bottom: 8px;
         text-align: center;
         background-color: #153a6a;
         border-top: 1px solid #005184;
+        font-family: sans-serif;
+        text-transform: uppercase;
+        font-size: small;
     }
     
-    .chapril-banniere-Entree
-    {
-        display: none;
-    }
+    .chapril-banniere-Nav {
+        display: block;
+    }    
+    
 }
 
+
 /* Fixed Dokuwiki. */
-#dokuwiki__usertools
-{
+#dokuwiki__usertools {
     top: 43px !important;
 }
 
 /* Fixed PAD. */
-#editorcontainerbox
-{
+#editorcontainerbox {
     top: 43px !important;
 }