.MML-RollOver-Link {
color: #576F8B;
font-family:Arial ;
font-size: 9pt;
font-weight:bold;
text-decoration:none;
display: block ; 
/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 200px ;
line-height: 20px ;
text-align: center;
/* On centre le texte */
background: url(rollover.jpg) no-repeat 0 -20px ;
/* On met une image de background, que l'on positionne à -20px du bord gauche et 0px du bord haut */
border: 0px solid #dbd ;
margin: 0;
padding: 0;
}

a.MML-RollOver-Link:Link {
color: #576F8B;
text-decoration:none;
display: block ; 
/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 200px ;
line-height: 20px ;
text-align: center ;
/* On centre le texte */
background: url(rollover.jpg) no-repeat 0 -20px;
/* On met une image de background, que l'on positionne à -20px du bord gauche et 0px du bord haut */
border: 0px solid #dbd ;
}

a.MML-RollOver-Link:Visited {
color: #576F8B;
text-decoration:none;
}

a.MML-RollOver-Link:Hover {
color: #c90710;
text-decoration:none;
background: url(rollover.jpg) no-repeat 0 0;
/* Et ici on décale l'image du background de 0px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: 0px solid #f97 ;
}

a.MML-RollOver-Link:Active {
color: #c90710;
text-decoration:none;
background: url(rollover.jpg) no-repeat 0 0;
/* Et ici on décale l'image du background de 0px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: 0px solid #f97 ;
}



.MML-RollOver-ImageTag
{
	vertical-align:middle ;
	border: none;
}

.MML-RollOver-ImageLink
{
	
}

a.MML-RollOver-ImageLink:Link
{
}

a.MML-RollOver-ImageLink:Visited
{
}

a.MML-RollOver-ImageLink:Hover
{
}

.MML-RollOver-Description 
{
	font-family: Arial;
	font-size:8pt;
	color: rgb(102, 102, 102);
}

.MML-RollOver-ReadMore
{
	font-weight:bold;
}