/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
HTML {overflow-y: scroll; 
}
BODY {
	background-color: #fff; 
	background-image:url(images/bg0.png);
	background-repeat:repeat-x;
}
#outer {
	width: 900px; 
	margin: 0px auto 0px; 
	background-color: #fff;	
}
#titre {
	z-index:1;
	margin-top: 20px;
	position: relative;
	width: 100%;
	height: 40px;
}
#menu {
	z-index:2;
	position:relative;
	width: 100%;
}
#splash1 {
	z-index:1;
	background-color: #fff;	
	position:absolute;
	width: 100%;
	margin:1px 0px 1px 0px;
}
#splash2 {
	z-index:3;
	position:absolute;
	width: 100%;
	visibility: hidden;
	margin:1px 0px 1px 0px;
}
#splash3 {
	z-index:5;
	position:relative;
	width: 100%;
	visibility: hidden;
	margin:1px 0px 1px 0px;
}
#anim1, div.slideshow {
	z-index:1;
	background-color: #fff;	
	position:absolute;
	width: 100%;
	margin:1px 0px 1px 0px;
}

div.slideshow img {display:none}
div.slideshow img:first {display:block}

#list {
	z-index:1;
	position:relative;
	width: 300px;
	float:left;
}
#detail {
	z-index:1;
	position:relative;
	width: 600px;
	float:left;
}
#content {
	z-index:1;
	position:relative;
	width: 600px;
	float:left;
}
#line {
	z-index:1;
	width: 900px; 
	margin: 0px auto 0px; 
	border-top:#a1a1a1 solid 1px;
	position:relative;
	clear:both;

}
#zoom {
	z-index:1;
	position:relative;
	width: 100%;
}
#zoom2 {
	z-index:3;
	position:relative;
	width: 100%;
	visibility: hidden;
}
#zoom3 {
	z-index:5;
	border:0px solid #f00;
	margin-top:-497px;
	margin-left: -300px;
	position:relative;
	width: 600px;
	height: 497px;
	visibility: hidden;
	background-color: #eaeaea;
}
#gallery {
	z-index:9;
	width: 600px;
	position:relative;
	width: 100%;
	background-color: #fff;
}
#legend {
	z-index:10;
	position:relative;
	width: 100%;
	color: #000;
}
#legend p {
	color: #000;
}

.bg1{
	background-image: url(images/bg1.png);
}

.tdheight{
height:220px;
}
.tdwidthleft{
width:522px;
height:360px;
}
.tdwidthcenter{
width:408px;
}
.tdwidthcenter a {
	color: #526E6F;
}
.tdwidthright{
width:30px;
}