/* vignette placée à gauche */
.gch
		{ 
		position:relative;
		padding-left:10px;
		padding-right:10px;
		float:left;
		clear:left;
		text-align:center; 
		background-color: #ffffff;
		font-size: 8pt;
		color: #999999;
		 }

/* vignette placée à gauche largeur 150px*/
.gchh 
			{ 
			position:relative;
			padding-left:10px;
			padding-right:10px;
			float:left;
			clear:left; 
			width: 150px; 
			}

/* vignette placée à droite */
.drt 
		 { 
		 position:relative;
		 padding-left:10px;
		 padding-right:10px;
		 float:right;
		 clear:right; 
		 text-align:center;
		 background-color: #ffffff;
		 font-size: 8pt;
		 color: #999999;
		 }

/* image placée à gauche s'agrandissant vers le bas sans décalage */
a.img {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.img:hover {
background: none; /* correction d'un bug IE */
}
a.img span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.img:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: -50px;
width: 400px;
height: 300px;
background-color: #ffffff;
text-align: center;
color: white;
}


/* image placée à gauche s'agrandissant vers le haut */
a.imgh {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.imgh:hover {
background: none; /* correction d'un bug IE */
}
a.imgh span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.imgh:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: -150px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 0px;
width: 400px;
height: 300px;
background-color: #ffffff;
text-align: center;
color: white;
}

/* image placée à droite s'agrandissant vers le haut */
a.imd {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.imd:hover {
background: none; /* correction d'un bug IE */
}
a.imd span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.imd:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: -150px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: -180px;
width: 400px;
height: 300px;
background-color: #ffffff;
text-align: center;
color: white;
}

/* image HORIZONTALE placée à droite s'agrandissant vers le bas sans décalage*/
a.imdhsd {
				 text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.imdhsd:hover {
							 background: none; /* correction d'un bug IE */
}
a.imdhsd span { /* définition de la balise <span> inclue dans <a> */
				 display: none;
}
a.imdhsd:hover span { /* définition de la balise <span> au survol */
							 display: inline;
							 position: absolute;
							 top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
							 left: -180px;
							 width: 400px;
							 height: 300px;
							 background-color: #ffffff;
							 text-align: center;
							 color: white;
							 z-index: 10;
							 
/* image en hauteur placée à gauche s'agrandissant vers le haut */

a.imghh
			 {
			 text-decoration: none; /* définition du lien qui affichera le "calque" */
			 }
a.imghh:hover {
background: none; /* correction d'un bug IE */
}
a.imghh span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a.imghh:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: -150px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 0px;
width: 300px;
height: 400px;
background-color: #ffffff;
text-align: center;
color: white;
}

/* image CENTREE s'agrandissant vers le haut sans décalage*/
a.imctrh {
				 text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a.imctrh:hover {
							 background: none; /* correction d'un bug IE */
}
a.imctrh span { /* définition de la balise <span> inclue dans <a> */
				 display: none;
}
a.imctrh:hover span { /* définition de la balise <span> au survol */
							 display: inline;
							 position: absolute;
							 top: -300px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
							 left: 0px;
							 width: 600px;
							 height: 300px;
							 background-color: #ffffff;
							 text-align: center;
							 color: white;
							 z-index: 100;