different mascottes at nav

1 files changed, 26 insertions, 8 deletions

diff --git a/css/ffci.css b/css/ffci.css
index 59bc092..395c77c 100644
--- a/css/ffci.css
+++ b/css/ffci.css
@@ -4,6 +4,7 @@ body {
   margin: 0;
   padding: 0;
   font-family: "PT Sans", Helvetica, Arial;
+  /* font-family: Helvetica, Arial; */
 }
 body, p {
   line-height: 1.4em;
@@ -15,7 +16,6 @@ div#header {
   margin: 0;
   border: 0;
   border-top: 28px solid white;
-  background-color: white;
   background-image: url("../images/headerff.jpg");
   background-repeat: no-repeat;
   background-position: 42px 0;
@@ -30,7 +30,6 @@ div#header img {
 
 
 div#links {
-  background-color: white;
   margin: 1em 0 0 0;
   padding: 0;
 }
@@ -76,7 +75,6 @@ div#links ul#lang li img {
 
 div#navigation {
   vertical-align: top;
-  background-color: white;
   padding: 0;
   margin: 1em 0 1em 1.5em;
   width: 20%; 
@@ -88,12 +86,32 @@ div#navigation h1 {
   color: #273142;
   font-size: 10pt;
   text-align: right;
-  background-color: white;
-  background-image: url("../images/mascotte.png");
+  padding: 1em 32px 0 0;
+  margin: 2.5em 0.5em 0.5em 0.5em;
+  border-bottom: 1px solid #273142;
   background-repeat: no-repeat;
-  background-position: left bottom;
-  margin: 0;
-  padding: 2.5em 0.5em 0.5em 0.5em;
+  background-position: right top;
+}
+div#navigation h1.nav-a {
+  background-image: url("../images/mascotte-a.png");
+}
+div#navigation h1.nav-b {
+  background-image: url("../images/mascotte-b.png");
+}
+div#navigation h1.nav-c {
+  background-image: url("../images/mascotte-c.png");
+}
+div#navigation h1.nav-d {
+  background-image: url("../images/mascotte-d.png");
+}
+div#navigation h1.nav-e {
+  background-image: url("../images/mascotte-e.png");
+}
+div#navigation h1.nav-f {
+  background-image: url("../images/mascotte-f.png");
+}
+div#navigation h1.nav-g {
+  background-image: url("../images/mascotte-g.png");
 }
 div#navigation ul {
   padding: 0;