@charset "utf-8";
/* CSS Document */

a.info {
   position: relative;
   color: #6f3214;
   text-decoration: none;
   border-bottom: 1px #6f3214 dotted; /* on souligne le texte */
}
a.info span {
   display: none;/* on masque l'infobulle */

}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display:inline; /* on affiche l'infobulle */
   position: absolute;
   white-space:normal; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 100px;

   background: #fefeda;

   color: #6f3214;
   padding: 3px;

   border: 2px solid #6f3214;
}
.bio .photo
{

	top:0px;
	left:5px;
	margin-right:25px;
	margin-bottom:5px;
	float:left;
}
.bio
{
	width:500px; /* définit la largeur de la bulle*/
	height:auto;
	margin:5px;
	margin-top:30px;
	padding:5px;
	text-align:justify;
}
.mailto {color:#6f3214;}
.nom
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:25px;
	background-color:#630;
	text-align:center;
	font-weight:bold;
	color:#FF9;
	margin:0;
	padding:0;
}