html, body {
background : #f0efbf url(marb105.jpg);
color : #061F84;
margin : 0;
padding : 0;
}
p {
margin : 0 10px 10px;
}
a {
display : block;
color : #981793;
padding : 10px;
}
div#wrapper {
float : left;
width : 100%;
}
div#content {
margin-left : 50%;
}
div#header h1{height: 80px; line-height :80px; margin:0;
padding-left:10px;
background :url(mar56.jpg) #061F84;
}
div#navigation {
background : #f0efbf url(mar56.jpg);
float : left;
width : 25%;
margin-left : -75%;
}
div#extra {
float : left;
width : 25%;
margin-left : -100%;
}
div#footer {
clear : left;
width : 100%;
}
.menu a {
margin : 0 2px;
width : 160px;
height : 30px;
display : block;
text-align : center;
font-size : 21px;
border : 1px solid gray;
text-decoration : none;
color : #fffd92;
background : #f0efbf url(mar55.jpg);
}
.menu a:hover {
background : #fdf5c0 url(mar57.jpg);
border : 1px solid gray;
}
.menu a:active {
background : gray;
border : 1px solid gray;
color : #fff;
}
.mentions {
font-family : verdana, arial, sans-serif;
position : absolute;
bottom : 300px;
left : 10px;
color : #000;
background-color : #ddd;
}
a.test {
text-decoration : none;
color : #222;
}
a.test:hover {
text-decoration : underline;
}