dev #64573 improve modele

public/opac/skins/modele/css/global.css

@@ -7,6 +7,14 @@
     --front-navbar-background: rgba(0, 0, 0 , 0.15);
     --front-background: rgba(0, 0, 0, 0.05);
     --front-error-text: #F00;
+    --front-shadow: rgba(0, 0 , 0 ,0.3);
+    --front-separator: rgba(0 ,0 ,0 , 0.15);
+    --front-widget-background: rgba(0, 0, 0, 0.10);
+}
+
+body * {
+    font-family: open sans;
+    font-size: 1em;
 }
 
 body {
@@ -14,6 +22,8 @@ body {
     color: var(--front-text);
     background-color: var(--front-background);
     font-size: 14px;
+    margin: 0;
+    padding: 0;
 }
 
 h1,
@@ -21,7 +31,23 @@ h2,
 h3,
 h4 {
     color: var(--front-title);
-    white-space:nowrap;
+    white-space: normal;
+    margin: 0;
+    padding: 0.5ex 0.5em;
+    font-weight: normal;
+}
+
+h1,
+h2 {
+    font-size: 18px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+h4 {
+    font-size: 15px;
 }
 
 a,
@@ -40,6 +66,23 @@ a:hover {
     color: var(--front-anchor-highlight);
 }
 
+#colContenuInner > *:not(.configuration_module),
+#menu_horizontal,
+#menu_horizontal > ul > li > ul,
+.boite {
+    box-shadow: 1px 1px 5px var(--front-shadow);
+}
+
+#menu_horizontal > ul > li > ul > li:not(:first-child) {
+    border-top: 1px solid var(--front-separator);
+}
+
+#colContenuInner > *:not(.configuration_module),
+.boite {
+    background-color: var(--front-widget-background);
+}
+
+
 /* Conteneur site */
 .siteWeb div#colGaucheInner,
 .siteWeb div#colMilieuInner,
@@ -103,13 +146,13 @@ a:hover {
 
 #menu_horizontal ul li ul {
     display: none;
-    display: block !important;
     position: absolute;
     z-index: 101;
 }
 
 #menu_horizontal ul li ul li {
     display: block;
+    
 }
 
 #menu_horizontal ul li ul li a {
@@ -129,49 +172,25 @@ a:hover {
     list-style: none;
 }
 
-.menuGauche li{
-}
-
-.menuGauche li:hover{
-
-}
-
 .menuGauche img{
     margin-right:5px;
 }
 
-.menuGauche a {
-}
-
-.menuGauche a:hover{
-}
-
-.menuGauche a:visited{
-}
-
-
 /* Boites */
 
-.boiteMilieu,
-.boiteGauche,
-.boiteDroite,
-.boiteVide {
+[@class*="boite"],
+[@class*="Inner"] {
     width:100%;
 }
 
-.boiteMilieuInner,
-.boiteGaucheInner,
-.boiteDroiteInner,
-.boiteVideInner {
-    overflow:hidden;
-}
-
+#colContenuInner > div .contenu,
 .boite .contenu {
-    padding: 1ex 1em;
+    padding: 0.5ex 0.5em;
 }
 
+#colContenuInner > *:not(.configuration_module),
 .boite {
-    margin: 1ex 1em;
+    margin: 1ex 0;
 }
 
 /* Boite des division sur le côté */
@@ -325,13 +344,7 @@ table.calendar_main {
 
 
 /* Boites bannière*/
-div#header {
-    overflow: hidden;
-}
-
 div#banniere {
-    position:absolute;
-    overflow: hidden;
 }
 
 div#header .boiteBanniereGauche {