body, div, p, img, ul, li{ 
margin:0;
padding:0;
border:0;
}
body{
background-color:#330000;
}
h1, h2, h3 {
display:none;
}
#global_index {
	width:755px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_index.gif);
	font-family:arial;	
}
#global_sommaire {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_sommaire.gif);
	font-family:arial;	
}
#global_audela {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_audela.gif);
	font-family:arial;	
}
#global_cultures {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_culture.gif);
	font-family:arial;	
}
#global_individus {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_individus.gif);
	font-family:arial;	
}
#global_nature {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_nature.gif);
	font-family:arial;	
}
#global_liens {
	width:760px;
	height:478px;
	position:relative;
	margin: 0 auto;
	color:#000;
	background-image:url(images/interface_liens.gif);
	font-family:arial;	
}
#acces{
display:none;
}

ul#barre {
position:absolute;
right:48px;
top:11px;
list-style-type:none; 
}
#barre li {
float:left;
}
#barre a{
display:block;
width:107px;
height:30px;
margin:4px;
}
a span{
display:none;
}
#cadre_galerie {
position:absolute;
top:410px;
right:78px;
width:195px;
height:39px;
overflow:hidden;
background-color:#fff;
}
ul#galerie {
position:absolute;
left:0px;
list-style-type:none;
width:858px;
}
ul#galerie li {
float:left;
}
#galerie img{
margin:2px;
}
#fleche_gauche {
position:absolute;
top:420px;
right:276px;
}
#fleche_droite {
position:absolute;
top:420px;
right:65px;
}
.anim{
display:none;
position:absolute;
top:183px;
right:324px;
}
#anim_index{
position:absolute;
top:60px;
left:80px;
}
.photo {
display:none;
position:absolute; 
top:62px;
right:48px;
width:255px;
height:341px;
}
.cadre_text {
display:none;
position:absolute;
top:100px;
left:17px;
width:240px;
height:300px;
overflow:hidden;
border:1px solid #fff;
}
.text{
display:none;
position:absolute;
top:0px;
left:0px;
width:240px;
background-color:#fff;
line-height:14px;
}
#scroll_text {
position:absolute;
top:100px;
left:263px;
width:10px;
}
.p_text{
margin:4px;
text-align:justify;
font-size:0.7em;
}
.legende {
	display:none;
	position:absolute;
	font-size:81%;
	top:340px;
	right:320px;
	width:137px;
	text-align:center;
	max-width:170px;
	line-height: 15px;
	font-weight: bold;
}
.legende p{
	margin:2px;
}
.titre_gras{
	font-size:70%;
	text-align:left;
	font-weight: bold;
}
.titre_italique{
	font-size:70%;
	text-align:left;
	font-style: italic;
}	
.detail{
	display:none;
	position:absolute;
	top:62px;
	right:324px;
	width:124px;
}
.detail img{
	margin:4px;
	display:block;
	float:left;
}
#photo_detail{
	display:none;
	position:absolute;
	top:62px;
	right:47px;
}
#anim_theme{
	position:absolute;
	top:62px;
	right:57px;
	width:400px;
	height:350px;
}
#acces_photos{
	position:absolute;
	top:415px;
	right:60px;
	width:145px;
	height:15px;
	text-decoration:none;
	background-repeat:no-repeat;
}
a#acces_photos{
	font-size:70%;
	text-align:left;
	font-weight:bold;
	color:#000000;
	background-image:url(images/fleches.gif);
	background-position: right;
}
a#acces_photos:hover,a#acces_photos:active{
	font-size:70%;
	text-align:left;
	font-weight: bold;
	color:#cccccc;
	background-image:url(images/fleches_grises.gif);
	background-position: right;
}
#acces_index{
	position:absolute;
	top:415px;
	right:85px;
	width:65px;
	height:15px;
	text-decoration:none;
	background-repeat:no-repeat;
}
a#acces_index{
	font-size:70%;
	text-align:left;
	font-weight:bold;
	color:#000000;
	background-image:url(images/fleches.gif);
	background-position: right;
}
a#acces_index:hover,a#acces_photos:active{
	font-size:70%;
	text-align:left;
	font-weight: bold;
	color:#cccccc;
	background-image:url(images/fleches_grises.gif);
	background-position: right;
}
ul#menu_pied{
	position:absolute;
	top:426px;
	left:15px;
	list-style-type:none;
	display:inline;
	font-size:57%;
	text-align:left;
	font-weight:normal;
	padding:0;

}
#menu_pied li {
	float:left;
	display:inline;
	margin:0 6px;

}
#menu_pied a{
	text-decoration:none;
	display:block;
	width:70px;
	text-align:center;
	line-height:10px;
	height:13px;
	color:#666666;
}
a#menu_pied:hover,a#menu_pied:active{
	text-decoration:none;
	display:block;
	width:70px;
	text-align:center;
	line-height:13px;
	color:#999999;
}
#liens{
	position:absolute;
	background:#FFFFFF;
	width:600px;
	height:300px;
	top:97px;
	left:75px;
	list-style-type:square;
	font-size:70%;
	font-weight:bold;
	line-height:14px;
	padding:0;
	margin:0;
}

#liens li{
	margin:5px;
	padding:0;
	margin-left:20px;
	line-height:11px;
	}
	
#liens li ul li{ margin-left:20px;
}

#liens a{
	text-decoration:none;
	display:block;
	color:#666666;
}
a#liens:hover,a#liens:active{
	text-decoration:none;
	display:block;
	color:#cccccc;
}

#sommaire{
	position:absolute;
	background:none;
	width:250px;
	height:230px;
	top:165px;
	left:465px;
	list-style-type:none;
	text-decoration:none;
	font-size:70%;
	font-weight:bold;
	line-height:10px;
}
#sommaire a{
	text-decoration:none;
	font-size:110%;
	display:block;
	color:#666666;
}
#sommaire li{
	margin-bottom:38px;
}
#sommaire li span{
	margin-left:18px;
}
#logo_musee{
	position:absolute;
	top:14px;
	left:266px;
	}
#logo_rhone{
	position:absolute;
	top:413px;
	left:324px;
}
#intro {
position:absolute;
left:13px;
top:13px; 
}
#intro a{
display:block;
width:207px;
height:70px;
}
#images_som{
position:absolute;
right:68px;
top:30px; 
width:314px;
height:100px;
}