body {
padding: 0px;
margin: 0px;
font-family: Arial;
font-size: 11px;
color: #D1CDD1;
background-color: #FFFFFF;
background-image: url('images/layout_b.png');
background-repeat: repeat-y;
}

#nav {
position: absolute;
top: 270px;
left: 196px;
width: 180px;
}

#contenu {
position: absolute;
top: 270px;
left: 195px;
width: 180px;
}

h1 {
font-size: 14px;
background-image: url('images/h1.png');
text-align: center;
color: #F2F0DD;
font-variant: small-caps;
font-weight: bold;
line-height: 15px;
}

h2 {
font-size: 14px;
background-image: url('images/h2.png');
text-align: center;
color: #F2F0DD;
font-variant: small-caps;
font-weight: bold;
line-height: 15px;
}

area {
cursor: se-resize;
}

a
{
color: #3BBDB9;
cursor: crosshair;
text-decoration: none;
}

a:hover {
color: #D84C8D;
font-weight: bold;
border-bottom: 1px dashed #C05083;
}

i,em{
color: #9065CB;
text-decoration: none;
}

u {
color: #DB7362;
border-bottom: 1px dashed #DB7362;
text-decoration: none;
}

b,strong {
color: #D0B5AC;
}

a img {
padding: 3px;
background-color: #FFFFFF;
border: 2px solid #D74689;
 -moz-border-radius:0.4em;
cursor: help;
 }
 
a img:hover {
padding: 3px;
background-color: #FFFFFF;
border: 2px solid #9A72D0;
 -moz-border-radius:0.4em;
 }

  a.menu:active, a.menu:visited, a.menu:link  
{
display: block;
color:#C7BF83;
border-left: 4px solid #C7BF83;
background-color: #F6F5F6;
text-align: left;
font-size: 12px; 
padding: 5px; 
text-decoration: none;
cursor: help;
}

a.menu:hover
{
display: block;
color: #DB7362;
border-left: 4px solid #DB7362;
background-color: #F1EFF1;
text-align: left;
font-size: 12px; 
padding: 5px; 
font-weight: bold;
}