/* CSS Document */

body { behavior: url(csshover.htc); }

div#contenu img {
		margin-top: 0px; }

#puzzle {
		margin: 0; 
		height: 470px; 
		text-align: center; 
		clear: both; }

#puzzle1, #puzzle2 {	
		text-align: left; 
		position: absolute ;
		top : 590px ; 
		_top : 600px ; 
		width: 300px ; 
		height: auto ; }

/* -- IE 7 -- */
		*+html #puzzle {
				height: 470px; }
		
		*+html #puzzle1, *+html #puzzle2 {	
				top: 605px; }
/* -- fin de IE 7 -- */


#puzzle1 {left: 270px; }
#puzzle2 {left: 570px; }

#contenu #puzzle #puzzle1 #l1t1, 
#contenu #puzzle #puzzle1 #l1t2, 
#contenu #puzzle #puzzle2 #l1t3, 
#contenu #puzzle #puzzle2 #l1t4, 
#contenu #puzzle #puzzle1 #l2t2, 
#contenu #puzzle #puzzle2 #l2t4, 
#contenu #puzzle #puzzle1 #l3t2, 
#contenu #puzzle #puzzle2 #l3t4 
	{	float : left; 
		width: 136px; 
		height: 122px;
		margin: 0 5px 5px 0 ; }

#contenu #puzzle #puzzle1 #l2t1, 
#contenu #puzzle #puzzle1 #l3t1, 
#contenu #puzzle #puzzle2 #l2t3, 
#contenu #puzzle #puzzle2 #l3t3 
	{	clear: both;
		float : left; 
		width: 136px; 
		height: 122px; 
		margin: 0 5px 5px 0 ;}

#contenu #puzzle #puzzle1 #l3t1, 
#contenu #puzzle #puzzle1 #l3t2, 
#contenu #puzzle #puzzle2 #l3t3, 
#contenu #puzzle #puzzle2 #l3t4 
	{	height: 120px ;
		overflow: hidden; } 

span.legend {
		position: absolute; 
		top:-50px;
		width: 277px;
		left: 0;
		color: #fa7834 ; 
		font-size: 11px;
		display: none }

#contenu #puzzle #puzzle1 img.mask, 
#contenu #puzzle #puzzle2 img.mask 
		{ display: none}

#contenu #puzzle #puzzle1 #l1t1:hover img, 
#contenu #puzzle #puzzle1 #l2t1:hover img,
#contenu #puzzle #puzzle1 #l2t2:hover img,
#contenu #puzzle #puzzle1 #l3t1-2:hover img,
#contenu #puzzle #puzzle2 #l2t3:hover img,
#contenu #puzzle #puzzle2 #l3t3:hover img
		{ display: none }

#contenu #puzzle #puzzle1 #l1t1:hover img.mask, 
#contenu #puzzle #puzzle1 #l2t1:hover img.mask,
#contenu #puzzle #puzzle1 #l2t2:hover img.mask,
#contenu #puzzle #puzzle1 #l3t1-2:hover img.mask,
#contenu #puzzle #puzzle2 #l2t3:hover img.mask,
#contenu #puzzle #puzzle2 #l3t3:hover img.mask
		{ display: block}

#contenu #puzzle #puzzle1 #l1t1:hover span.legend, 
#contenu #puzzle #puzzle1 #l2t1:hover span.legend, 
#contenu #puzzle #puzzle1 #l2t2:hover span.legend, 
#contenu #puzzle #puzzle2 #l2t3:hover span.legend, 
#contenu #puzzle #puzzle1 #l3t2:hover span.legend, 
#contenu #puzzle #puzzle2 #l3t3:hover span.legend, 
#contenu #puzzle #puzzle1 #l3t1-2:hover span.legend 
		{ display: block }