@charset "utf-8"

a:link {text-decoration:none; color:none;}
a:visited { text-decoration:none; color:none;}
a:hover { text-decoration:none; color:none;}
a:active { text-decoration:none; color:none;}


.Typeproduit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:22px; color:#FF6600;text-decoration:none;}
.Introproduit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:18px; color:#FFFFFF;text-decoration:none;}
.Nomproduit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:16px; color:#FFFFFF;text-decoration:none;}
.textenormal {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:14px; color:#FFFFFF;text-decoration:none;}
.menugauche {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:18px; color:#000000;text-decoration:none;}

.rosegrand {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:22px; color: #CC33CC;text-decoration:none;}
.bleugrand {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:22px; color: #0099FF;text-decoration:none;}
.orangegrand {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:22px; color: #FF6600;text-decoration:none;}

.rosemoyen {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:18px; color: #CC33CC;text-decoration:none;}
.bleu moyen {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:18px; color: #0099FF;text-decoration:none;}
.orangemoyen {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:18px; color: #FF6600;text-decoration:none;}

.rosepetit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:16px; color: #CC33CC;text-decoration:none;}
.bleupetit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:16px; color: #0099FF;text-decoration:none;}
.orangepetit {font-family: "Handwriting - Dakota", "Comic Sans MS", "Arial"; font-size:16px; color: #FF6600;text-decoration:none;}

.photos {width:272px ; height:212px;}

<style type="text/css">

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
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: 100px;
left: 80px; /*position where enlarged image should offset horizontally */

}

</style>