body {
background-image : url('images/fonds.gif');
width : 90%;
font-family : arial, verdana;
font-size : 0.9em;
color : gray;
}
#title {
padding : 5px;
}
#bar {
height : 20px;
background-color : #f9f9f9;
background-image : url('images/bar.png');
background-repeat : no-repeat;
border-bottom : 1px solid silver;
}
#menu {
float : left;
width : 22%;
height : 600px;
border-right : 1px dotted silver;
}
#content {
margin-left : 25%;
padding-left : 2%;
}
#bloc {
float : right;
background-image : url('images/marbre.gif');
background-repeat : no-repeat;
width : 200px;
height : 118px;
margin : 5%;
padding-top : 0.7%;
text-align : center;
}
#bottom {
padding-top : 1%;
}
#sitael {
clear : left;
border-top : 1px solid silver;
padding-top : 2%;
}
.barr {
font-family : "comic sans ms";
font-size : 0.7em;
color : #929890;
margin : 6px;
padding : 4px;
}
.line {
float : left;
margin : 10px;
}
.link {
text-align : justify;
width : 75%;
}
h1 {
font-size : 1.5em;
color : #1f0971;
}
h2 {
font-size : 1.3em;
color : #1f0971;
}
h3 {
font-size : 1.1em;
}
ul#navig {
margin : 0;
padding : 0;
font : bold 0.9em Verdana, Arial, Helvetica, sans-serif small;
list-style-type : none;
}
#navig a {
display : block;
margin : 6px 0;
color : #3366ff;
text-decoration : none;
line-height : 28px;
width : 165px;
border : 1px solid blue;
background : white;
text-align : center;
border-width : 1px 2px 2px 1px;
border-color : white silver silver white;
border-style : solid;
}
#navig a:hover, #navig a:focus {
border-width : 2px 1px 1px 2px;
border-color : silver white white silver;
}
a:link {
color : rgb(0, 0, 102);
text-decoration : none;
}
a:visited {
color : rgb(153, 102, 153);
}
a:active {
color : rgb(153, 0, 255);
}
a:hover {
color : gray;
}