body{
background-color: #F1EFF0;
background-image : url(images/fond.jpg);
font: 9pt georgia;
color: #000000;
}

a img {
border: none;
} 

a:hover img { opacity: 0.4; filter:alpha(opacity= 40); }


a:link{
	color: #000000;
    text-decoration : none;
    background-color : transparent;
	
}

a:visited {
	color: #000000;
    text-decoration : none;
    background-color : transparent;
}

a:hover {
    color : #81CDDD;
    text-decoration : none;
	background-color : transparent;
	
}

a:active {
	color: #000000;
    text-decoration : none;
	background-color : transparent;
}


#conteneur {
	text-align:left;
	margin-left: auto;
	margin-right: auto; 
	/*position: absolute;
	top: 20px;
	left: 34px;*/
	width: 952px;
	height: 540px;
}



#image{
	position: relative; 
	float: left; 
}

#fond{
	background-image: url(images/fond_site.jpg);
	background-repeat: no-repeat; 
	position: relative;
	float:left;
	margin-left:22px;
	/*left: 220px;
	margin-top:55px;*/
	width: 724px;
	height: 540px;
}

#contenu{
margin: 10px 10px 10px 10px; 
position: absolute;
width: 605px;
height:360px;
top: 85px;
left: 15px;
}

#menu{
position:relative;
width:605px;
height:40px;
font : 8pt georgia;
}


#texte{ /*équivalent container*/
height: 300px;
width: 580px;
position: relative;
float:left;
overflow:hidden;
}


#content {
	position	: absolute;
	width		: 580px;
}

#scrollArea {
	position	: relative;
	float :left;
	margin-left : 5px;
	height		: 300px;
	width		: 10px;
	overflow	: hidden;
	border : 1px solid #666;
}

#scroller {
	position	: relative;
	margin-top			: -1px;
	width		: 10px;
	height:15px;
	background	: #000000;
	border-top	: 1px solid #666;
	border-bottom	: 1px solid #666;
} 

#info{
position:relative;
clear:left;
margin-top:5px;
height:20px;
width:580px;
font: 14,5pt bold georgia;
color: #81CDDD;
text-align:left;
}

#copy{
margin-top:30px;
height:10px;
width: 724px;
font: 7pt georgia;
position:relative;
clear:left;
margin-left:50px;

}