@charset "utf-8"; 
/* set up the font to be used for the page "rien" */

/* set the size of the definition list <dl> and add the background image */
#imap {
display : block;
width : 401px;
height : 567px;
background : url(torri.jpg) no-repeat;
position : relative;
}  

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
display : block;
width : 401px;
height : 0;
padding-top : 567px;
overflow : hidden;
position : absolute;
left : 0;
top : 0;
background : transparent url(torri_hover.jpg) no-repeat 401px 401px;
cursor : default;
} 

/* the hack for IE pre IE6 */
* html #imap a#title {
height : 240px;
height : 0;
}	

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {
background-position : 0 0;
z-index : 10;
}  
					 
/* place the <dd>s in the correct absolute position */
#imap dd {
position : absolute;
padding : 0;
margin : 0;
} 

 /* A dfinir */ 
 #imap #picp {
 left:36px; 
 top:30px; 
 z-index:20;
 }

/* Le Cartouche */ 
#imap #picr {
left : 180px;
top : 170px;
z-index : 20;
}
 
 /* Auxy */
#imap #picj {
left : 230px;
top : 350px;
z-index : 20;
}
 
/* Le Manoir */
#imap #picg {
left : 240px;
top : 320px;
z-index : 20;
} 

#imap a#paul, #imap a#ringo, #imap a#john, #imap a#george {
display : block;
width : 50px;
height : 50px;
background : transparent url(hover-50.gif) no-repeat -100px -100px;
text-decoration : none;
z-index : 20;
} 

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
display : none;
} 

#imap a#paul:hover, #imap a#ringo:hover, #imap a#john:hover, #imap a#george:hover {
background-position : 0 0;
}

#imap a:hover span {
position : absolute; 
<!-- --> /* text-align : right;  */
width : 388px;
display : block;
font-family : arial;
font-size : 12px;
background : #fff;
color : #000;
border : 1px solid #000;
padding : 5px;
}
* html #imap a:hover span {
width : 388px;
}
#imap a#paul:hover span {
left : -36px;
top : 200px;
}
#imap a#ringo:hover span {
left : -113px;
top : 100px;
}
#imap a#john:hover span {
left : -192px;
top : 75px;
}
#imap a#george:hover span {
left : -262px;
top : 75px;
}
#imap a span:first-line {
font-weight : bold;
font-style : italic;
}
#ads {
margin-top : 150px;
}