body{
	background-color:#797979;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-left: 0px;

}

#conteneur{
padding-left:18%;
}

.contenu{
margin-left:40px;
padding-right:30px;
font-size:0.9em;

}

.footer{
color:#FFFFFF;
font-size: 0.7 em;
padding-bottom:14px;
vertical-align:top;
}

ul#contenu{
padding-left:10px;

}


/*span*/
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;
	}

a.info:hover{
	z-index:25; 
	background-color:#ff0;}

a.info span{
	display: none;
	}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-2em; 
 left:2em; 
 width:300px;
 border:1px solid #6699cc;
 background-color:#eeeeee; color:#6699cc;
 text-align: justify;
 font-weight:none;
 padding:1px;
}
	


/*span*/
a.contact{
    position:relative; 
    z-index:24; ;
    color:#9900CC;
    text-decoration:none;
	}

a.contact:hover{
	z-index:25; 
	;
}

a.contact span{
	display: none;
	}

a.contact:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-2em; 
 left:2em; 
 width:270px;
 border:1px solid #fff;
 background-color:#b1328c; color:#fff;
 text-align: justify;
 font-weight:none;
 padding:1px;
}

.ref{
font:Arial;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
margin: 0 180px;
padding-right:100px;
padding-left: 80px;
}

.ref a:link{
color:#FFFFFF;
text-decoration:underline
}

.ref a:visited{
color:#FFFFFF;
text-decoration:underline
}

.ref a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.ref a:active{
color:#FFFFFF;
text-decoration:underline
}
.titre_ref{
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	background-color:#c3008a;
	border-left: solid 15px #b1328c;
	border-bottom: solid 2px #b1328c;
	width:350px;
	margin-left:22px;
}