/* Page */ 
 
 * { font-family: Arial; }  
html, body { 
    margin: 0 auto; 
    background: url(images/drop.jpg) repeat-x top #fefefe; 
    color: black;      
   font-size: 84%; 
   text-align: center; 
} 
 
/* Layout général */ 
 
#conteneur { 
    margin: 0 auto; 
    text-align: left; 
    background: #fff; 
    width: 850px; 
  border: 1px solid #1c2b6e; 
} 
 
#header { 
    margin: 0; 
    width: 850px; 
    height: 202px; 
    background: url(images/wat.jpg) no-repeat center top #000; 
} 
 
#navbar { 
    margin: 0 auto; 
border-top: 5px solid #1c2b6e; 
    border-bottom: 2px solid #1c2b6e; 
    width: 850px; 
    height: 20px; 
    text-align: right; 
    color: #fff; 
    background: #1c2b6e; 
} 
 
 
#menu { 
    margin: 0; 
    padding: 0; 
    color: white; 
    width: 130px; 
    float: left; 
    overflow: none; 
} 
 
#page { 
    margin-right: 0; 
    padding-right: 5px; 
    width: 705px; 
    float: right; 
    color: black; 
} 
 
#footer { 
    clear: both; 
    position: relative; 
    height: 20px; 
    border-top: 2px solid #000; 
    color: #000000; 
    background: #1c2b6e; 
} 
 
/* Typo, Charte */ 
 
#menu h3 { 
    font-size: 12px; 
margin-left: 4px; 
    padding-left: 7px; 
  background: #3e75b5; 
border-left: 8px solid #000; 
} 
 
.soft { 
    border: 1px solid #000; 
    margin: 2px; 
background: #666; 
    padding: 2px; 
} 
.ariane { 
    border: 1px solid #666; 
    margin: 2px; 
    padding: 2px; 
    background: #eee; 
} 
a.fbutton { 
    border: 1px solid #666; 
    background: #ddd; 
    padding: 5px; 
    margin: 2px; 
    text-decoration: none; 
} 
.catpost { 
    border-left: 4px solid #1c2b6e; 
    padding-left: 4px; 
} 
.catsubcat { 
    border-left: 4px solid #000; 
    padding-left: 4px; 
    background: url(images/grad-gris.jpg) repeat-y left; 
} 
.adminlinkbox { 
    margin: 0; 
 
} 
a.adminlink { 
    width: 20px; 
    height: 22px; 
 
    margin: 0; 
    padding: 0; 
} 
a.adminlink img { 
    margin: 2px; 
} 
a.adminlink:hover { 
 
    background: #fff; 
} 
.adm { 
    font-size: 10px; 
} 
 
#menu ul{ 
    list-style-type: none; 
    padding: 0 0 0 2px; 
  background: #303030; 
} 
#menu ul li{ 
    list-style-type: none; 
    padding-left: 4px; 
border-left: 8px solid #1c2b6e; 
} 
 
#menu a{ 
    color: #fff; 
    text-decoration: none; 
} 
#menu a:hover{ 
    color: #de742a; 
} 
h1 { 
    position: absolute; 
    left: -5000px; 
    top: -5000px; 
    display:none; 
} 
h2 { font-size: 20px; } 
h3 { font-size: 16px; } 
h4 { font-size: 14px; } 
a img { 
    border: 0; 
} 
#header a img { 
position: absolute; 
} 
 
#navbar a { color: #fff;text-decoration: none;} 
#navbar a:active { color: #fff; } 
#navbar a:visited { color: #fff; } 
#navbar a:hover { color: #de742a; } 
 
.ariane a { color: #000;text-decoration: none;} 
.ariane a:active { color: #000;} 
.ariane a:visited { color: #000;} 
.ariane a:hover { color: #de742a; } 
 
#page a { color: #000;} 
#page a:active { color: #000;} 
#page a:visited { color: #000;} 
#page a:hover { color: #de742a; }
<p> </p>