/*Gary Hollands - solriche 2006*/
/*Using objects, ie search glasses, over image maps to show areas that are links*/
/*Saves the problem of editing the images themselves to highlight links, just use CSS to position images over the image map*/
/*Rather than editing images the designer can just position images over the map to show links, all that needs editing is the style sheet not the image*/
*{
	margin: 0;
	padding: 0;
	/*line-height: 1.5;*/
}
html,body{
	line-height: 1.5;
	font-family: arial,verdana,helvetica,sans-serif;
	color: rgb(0,0,0);
	background-color: rgb(240,237,235);
}
#container{
	width: 90%;
	margin: 1% auto 0% auto;
}
#sandrine{
	width: 70%;
	margin: 0% auto 1% auto;
}
h1,h2,h3{
	font-family: tahoma, georgia, sans-serif;
	margin: 0% 0% 0.5% 0%;
	color: rgb(92,112,153);
}
h1{
	font-size: 130%;
}
.thanx{
	margin-top: 1%;
	font-size: 70%;
}
/*gives relative units of measure to the main picture so that it size increases and decreases with text zoom*/
.fpic{
	height: 25em;
	width: 16.5em;
}
/*style the links*/
a{
	outline: none;
}
a:link{
	color: rgb(0,51,102);
	text-decoration: none;
}
a:visited{
	color: rgb(204,51,204);
	text-decoration: none;
}
a:hover{
	color: rgb(255,153,51);
	text-decoration: none;
}
/*no borders for images that are also links*/
img{
	border: none;
}
/*This positions and styles the links and their images over the featured picture*/
#zoom{
	margin: 0 0 0 0;/*left margin can cause link background images to misalign in MSIE6*/
}
#zoom a span{
	visibility: hidden;
}
#zoom a{
	width: 36px;
	height: 40px;
	text-decoration: none;
}
/*set the positions for the links and images*/
a.left{
	position: relative;
	top: -19em;
	left: 0.5em;
	padding: 0 0.25em 1.25em 0.25em;
	background: url("../images/mag_glass.png") no-repeat 0 0;
}
a.middle{
	position: relative;
	top: -12.5em;
	left: 8.25em;
	padding: 0 0 1.5em 0.25em;
	background: url("../images/mag_glass.png") no-repeat 0 0;
}
a.right{
	position: relative;
	top: -22.5em;
	left: 14.5em;
	padding: 0 0 1.5em 0.5em;
	background: url("../images/mag_glass.png") no-repeat 0 0;
}
/*move the background image up on hover*/
a.left:hover,a.middle:hover,a.right:hover{
	border: none;
	background: url("../images/mag_glass.png") no-repeat 0 -40px;
}