@charset "iso-8859-1";
a img{
border:none;
}
a:active, a:focus{
outline:none;
}



/***************** STYLE CONTENU *****************/


#contenu h1{
font:bold 25px Arial, Helvetica, sans-serif;
color:#8B8E87;
letter-spacing:1px;
margin:0 0 12px;

}

#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#A6C40B;
letter-spacing:1px;
margin-top:22px; margin-bottom:5px

}

#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#8A8C8E;
margin-bottom:1.2em;
}

#contenu p em{
font-weight:bold;
font-size:13px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#A6C40B;
}

#contenu ul{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#8A8C8E;
margin-bottom:1.2em;
}
#contenu a:link, 
#contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#A6C40B;
}

#contenu a:hover, 
#contenu a:active{
color:#8A8C8E;
}



/***************** STYLE FORMULAIRE *****************/


#formulaire{
float:left;
width:338px;
height:406px;
background:url(../images/charte/bg-form.jpg) left top no-repeat;
padding:55px 0 0 200px;
margin-top:35px;
}


#formulaire input{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #666;
float:left;
width:230px;
height:20px;
background: none;
border:none;
margin:5px 2px 2px 2px;
}

#formulaire textarea{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #666;
float:left;
width:240px;
overflow:auto;
height:100px;
background: none;
border:none;
margin:55px 2px 15px 2px;
}

#formulaire input.envoyer{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #666;
float:left;
width:121px;
height:24px;
background: none;
border:none;
background:url(../images/charte/btn-envoyer.gif) left top no-repeat;
}

#formulaire input.annuler{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #666;
float:left;
width:121px;
height:24px;
background: none;
border:none;
background:url(../images/charte/btn-annuler.gif) left top no-repeat;
}



/***************** REFERENCES *****************/


#contenu #vignette-references{
float:left;
width:480px;
}


#contenu #vignette-references a img{
width:150px;
height:93px;
float:left;
background:#CCCCCC;
padding:2px;
margin:5px 5px 5px 0;
}