a:active {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0099FF; text-decoration: none}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8C001A; text-decoration: none}
a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: none}
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: none}
td {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; vertical-align: middle; cellpadding="3"}
li { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; }
.green11 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #009376}
.red11 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #800000; text-align: justify}p {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-style: normal; text-decoration: none}
.red11bold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #800000; text-align: justify ; font-weight: bold}
.textecritique { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify ; font-style: normal; line-height: 20px}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: Gainsboro;
padding: 5px;
left: -3000px;
border: 1px dashed Gainsboro;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150;
left: -80px; /*position where enlarged image should offset horizontally */

}