body {
background-color:rgb(242,241,240);
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 14px;
}

a  {   
color:#ffffff;   
text-decoration:underline;  
}  

a:hover  {   
color:#c1984b;   
text-decoration:none;  
}

a img {
border: none;
}

/* Largeur totale de la boite */
.AngleRond {
background-color:transparent;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
width: 821px;
padding-bottom: 25px;
}

/* définition des pixels d'angles */
.AngleRond .pix1, .AngleRond .pix2, .AngleRond .pix3, .AngleRond .pix4, .AngleRond .pix5 {
display:block; 
overflow:hidden; 
height:1px; 
border-left:1px solid #000; 
border-right:1px solid #000;
background:#5D5852;
}

.AngleRond .pix1 {margin:0 5px; background:#000;}
.AngleRond .pix2 {margin:0 4px;}
.AngleRond .pix3 {margin:0 3px;}
.AngleRond .pix4 {margin:0 2px;}
.AngleRond .pix5 {margin:0 1px;}
/* soit au total : 14px de décallage latéral (2*5px + les bordures) */

/* calque de contenu de la boite */
.AngleRond .contenu {
background:#5D5852;
border-left: 1px solid #000; 
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond - 14px (décallage latéral) */
width:807px;
/* centrage du calque de contenu */
margin: 0 auto 0 auto;
}

#container
{
width: 807px;
}

#leftnav
{
float: left;
width: 238px;
padding-right:25px;
}
/*#content {
padding-top:25px;
}*/
#top {
padding-bottom:25px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {/*display: inline-block;*/
padding-top:25px;
}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}
.clearfix {display: block;}*/
/* End hide from IE-mac */
fieldset legend {
    padding: 4px;
    background:#E9E0C8;
    color: #5D5852;
}
fieldset label {
    color: #E9E0C8;
    font-weight:bold;
}
fieldset {
    border: 1px solid #E9E0C8;
    width: 500px;
    padding: 15px;
}
.boitefiche {
float: left;
margin-left: 50px;
margin-top: 15px;
}
.phrase {
color: #E9E0C8;
font-weight:bold;
}
.gris {
color: #f8f8f8;
}