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

h1 {font-family:verdana; font-size:10px; color:#ffffff; font-weight:bold;}
h2 {font-family:verdana; font-size:10px; color:#ffffff; font-weight:normal;}
h3 {font-family:verdana; font-size:10px; color:#ffffff; font-weight:normal;}

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

#preintro{
position:absolute;
border: 0px solid #0f0;
top:30px;
width:1024px;
background-color: #000000;
z-index:2;
}

#accessibilite{
  position:absolute;
	border: 0px solid #f00;
	width:1024px;
	height:800px;
	color: #fff;
	z-index:1;
    background: url(img/fond.jpg) no-repeat left top;
}

#bouton-boutique{
	position:absolute;
	border: 0px solid #f00;
	left:580px;
	top:120px;
	width:230px;
	height:40px;
	color: #fff;
	z-index:1;
}

#images{
	position:absolute;
	border: 0px solid #fff;
	left:70px;
	top:200px;
	width:360px;
	height:370px;
	color: #fff;
	z-index:1;
}

#texte{
	position:absolute;
	border: 0px solid #fff;
	left:600px;
	top:200px;
	width:360px;
	height:370px;
	color: #fff;
	z-index:1;
    overflow: auto;
}



#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;}