body {
margin:0;
width:100%;
min-width:800px; 
padding:0;
height:100%;
font-size:12px;
font-family: Verdana, Geneva, sans;
#font-family: sans;
background:#1f1f1f;
color:#FFF;
}

a {
color:#016b9f;
border:0;
}

img {
border:0;
margin:0;
padding:0;
}

#header {
text-align:center;
padding:5px;
background-color:#016b9f;
color:#FFF;
}

#bar {
background:url(images/gradient.png);
background-repeat:repeat-x;
height:40px;
}

#sidebar {
float:left;
padding:0.8%;
width:15.5%;
color:#000;
}

#content {
padding:0.8%;
float:left;
width:64%;
}

ul#menu {
margin:0;
padding:0;
text-align:center;
list-style:none;
}

li#menu {
padding:5px;
}

div#footer {
text-align:center;
clear:both;
color:#FFF;
background:#016b9f;
padding:5px;
}

div#avertissement {
text-align:center;
border-style:solid;
border-width:1px;
border-color:#ff0000;
background-color:#ffd1d1;
color:#ff0000;
padding:5px;
}

h2 {
margin:0;
border-bottom:1px #000 dotted;
background:#E6DEC8;
background-repeat:no-repeat;
background-position:3px 50%;
padding:10px;
font-size:13.5px;
text-align:center;
color:#000;
padding-bottom:10px;
}

h3 {
font-size:1.15em;
text-align:center;
font-style:italic;
}

.code {
border-left:1px dotted #000;
margin-left:15px;
padding:10px;
font-family:monospace;
background-color:#EEE;
}

.navigation {
border:0px #000 solid;
background:#fff;
padding:10px;
color:#000;
}

.navigation li {
margin-left:5px;
color:#000;
}

.navigation2 {
border:1px #000 dotted;
border-top:0px;
background:#fff;
padding:10px;
color:#000;
}

ul.offre {
list-style-image:url(images/ok_mini.png);
padding:0px;
margin-left:25px;
}

ul.offre li {
padding-top:10px;
}