@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}
.Style5 {
	font-size: 2px;
	color: #FFFFFF;
}
.Style6 {font-size: 12px}
.Style7 {color: #FF9900}
.Style8 {
	color: #FFFFFF;
	font-size: 8px;
}
body {
	margin-top: 0px;
}

/*skin*/
.haut {
background-image: url(http://www.richestmedia.com/img/richH.png);
}

.centre {
background-image: url(http://www.richestmedia.com/img/richC.png);
}

.bas {
background-image: url(http://www.richestmedia.com/img/richB.png);
}

.complet {
background-image: url(http://www.richestmedia.com/img/centre.png);
}

/*infobulle*/
{
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma` Verdana` Arial` serif;
}
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 2px green 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: pointer; /* 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: nowrap; /* 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: 20px; /* on positionne notre infobulle */
   left: 0px;

   background: white;/*fond*/

   color: #oooooo; /*coleur texte*/
   padding: 3px;

   border: 1px solid #000000;
   border-top: 4px solid #000000;
}