body	{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
color: #ffffff;
background-color:#000000;
 }

#metalovoice{
	 position:absolute;
     left: 50%; 
     width: 1280px;
     margin-left: -640px; /* moitié de la largeur */
     z-index:2;
	 color: #ffffff;
	 background-color: #000000;
}

#preintro{
position:absolute;
top:30px;
width:1280px;
background-color: #000000; 
z-index:2;
}

#metalo-menu{
	position:absolute;
	border: 0px solid #000;
	left:780px;
	top:32px;
	width:600px;
	height:348px;
	color: #fff;
	z-index:1;
}

#metalo-pre-video{
	position:absolute;
	border: 0px solid #000;
	left:380px;
	top:397px;
	width:242px;
	height:193px;
	color: #fff;
	z-index:1;
}

#metalo-spe-video{
	position:absolute;
	border: 0px solid #000;
	left:380px;
	top:317px;
	width:350px;
	height:260px;
	color: #fff;
	z-index:1;
}

#pdf-plaquette{
	position:absolute;
	border: 0px solid #000;
	left:780px;
	top:517px;
	width:350px;
	height:40px;
	color: #fff;
	z-index:1;
    text-align: left;
}

#photo-scroll-sp{
	position:absolute;
	border: 1px solid #f00;
	left:260px;
	top:30px;
	width:500px;
	height:100px;
	color: #fff;
	z-index:1;
    text-align: left;
}

#photo-scroll-cf{
	position:absolute;
	border: 1px solid #00f;
	left:260px;
	top:30px;
	width:500px;
	height:100px;
	color: #fff;
	z-index:1;
    text-align: left;
}

#texte-accueil{
position:absolute;
top:215px;
left:730px;
width:420px;
height:270px;
z-index:1;
overflow: auto;
border: 0px solid #fff;
text-align: left;
padding-left: 8px;
padding-right: 8px;
font-size: 14px;
}

#texte-contact{
position:absolute;
top:125px;
left:600px;
width:550px;
height:500px;
z-index:1;
overflow: auto;
border: 0px solid #fff;
text-align: left;
padding-left: 8px;
padding-right: 8px;
font-size: 14px;
}

#lien-accueil{
position:absolute;
top:560px;
left:910px;
width:276px;
height:58px;
z-index:1;
}

#adresse{
position:absolute;
top:560px;
left:450px;
width:550px;
height:100px;
z-index:1;
overflow: auto;
border: 0px solid #fff;
text-align: left;
font-size: 14px;
color: #fff;
}


#accueil{
	position:absolute;
	border: 0px solid #fff;
	background: url(img/fond-accueil.gif) no-repeat left top;
	left:0px;
	top:430px;
	width:1024px;
	height:248px;
	color: #fff;	
	z-index:2;
} 



#ou-nous-trouver{
	position:absolute;
	border: 0px solid #fff;
	background: url(img/fond-ou-nous-trouver.gif) no-repeat left top;
	left:0px;
	top:430px;
	width:1000px;
	height:350px;
	color: #fff;	
	z-index:2;
}

#footer{
	position:absolute;
	border: 0px solid #fff;
	left:0px;
	top:750px;
	width:1280px;
	height:20px;
	color: #fff;	
	z-index:2;
} 


a.pied {font-family:"Lucida Sans Unicode",Arial; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none;}
a.pied:hover {font-family:"Lucida Sans Unicode",Arial; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:underline;}
A.linkZv {BACKGROUND:red; text-decoration:none; color:#000000; font-weight:bold;}
A.linkZv:hover {BACKGROUND:red; text-decoration:none; color:#cccccc; font-weight:bold;}
A.link {text-decoration:none; color:#ffffff; font-weight:bold;}
A.link:hover {text-decoration:underline; color:#dabc91; font-weight:bold;}
.red {text-decoration:none; color:#ff0000; font-weight:bold; font-size:14px;}
.brown {text-decoration:none; color:#FF9966; font-weight:bold; font-size:14px;}