html, body
{
margin:0;
padding:0;
color:#000; background:#fff;
font-family:verdana, arial, sans-serif;
}

h1
{
color:#fff;
background:rgb(0%,56%,84%);
font:bold 200%/1em arial, verdana, sans-serif;
padding:1em 0.1em 0;
margin:0;
border:1px solid rgb(0%,31%,46%);
border-width:2px 0;

}

#main
{
font-size:small;
color:#aaa;
background:#fff;
margin:0;
padding:2.5% 12.5%;
clear:left;
text-align:justify;
}

#nav 
{
margin:0;
padding:0;


}

#nav li
{
list-style:none;
float:left;
margin-left:1px;padding-left:16px;
white-space:nowrap;
font-size:10px;
line-height:20px;

background: #bbb url(vert.jpg) 0 100% no-repeat;

}

#nav a
{
display:block; float:left;padding:0 16px 0 0;
text-decoration:none;


font-weight:bold;
background:#ddd url(vert.jpg) 100% 100% no-repeat; 
color:green;
width:.1em;

}
html>body #nav a
{
width:auto;}




#nav a:hover
{
color:rgb(255,0,0);

}
#nav #current, #nav #current a
{
color:#fff;
background-image: url(rouge.jpg);
}
#nav #current, #nav #current a:hover

{
color:#ff0;

}

#pied
{
height:140px;
 
border-top:2px solid;
background: rgb(20%,52%,83%) url(cocorouge.png) 50% 50% no-repeat;
text-align:center;
}

#pied a
{

color:#adff2f;
text-decoration:none;
}