#index-container{width: 600px; margin:0; background-image:url(../images/mairie_background.jpg)}

#right{float:right; width: 160px; margin:5px 5px 5px 0;text-align:left;}

#left{float:left;  width: 400px; margin:5px;text-align:center;}

.pointercontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.pointer img{
border: 0;
margin: 0;
}

.pointer:hover{
background-color: #34587C;
color: white;
}

.pointer:hover img{
border: 1px solid blue;
}

.pointer span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.pointer:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 250px;
left: -380px; /*position where enlarged image should offset horizontally */
z-index: 50;
}