body
{
	width: 946px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: black;
	font-family: Verdana, serif;
	padding: 3px;
}
   
#titre 
 {
	float: top;
	width: 946px;
	height: 83px;
	border: 3px solid #808080;
	background-image: url("http://www.christophe-images.com/images/banniere3.jpg");
	margin-bottom: 60px;
}

.element_titre h2 
{    
   color: white;
   font-family: /**"Monotype corsiva", **/Arial, "Arial Black", Helvetica, serif;
   text-align: center;
   position: relative;
   top: 83px;
}

.cercle
{
   list-style-type: circle;
}
   
#detail
{
float: left; 
}  

.element_detail p 
{    
   color: white;
   font-family: Arial, "Arial Black", Helvetica, serif;
   text-align: left;
}

.element_detail h6
{    
   color: white;
   font-family: Arial, "Arial Black", Helvetica, serif;
   text-align: right;
}

.element_detail a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

.element_detail a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}