body {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#f7f8fa
}

A  { color: #2D465F; }
A:link {	text-decoration:none; color: #2D465F; }
A:visited {	text-decoration:none; color: #2D465F; }
A:hover {	text-decoration:none; color: #BCC1BA; }

#conteneur {
position: relative;
width: 1028px;
height:901px;
margin: 0 auto; 
}
#centre {
margin-left: 252px;
min-height:901px;
}


#skyline {
 width: 252px;
 height: 901px;
 background: url(../img/rolover.jpg);
 margin: 0px auto; padding: 0;
 position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {height: 901px; display: block;}

#panel1b {left: 0; width: 93px;}
#panel2b {left: 93px; width: 62px;}
#panel3b {left: 155px; width: 57px;}
#panel1b a:hover {background: transparent url(../img/rolover.jpg) -251px 0px no-repeat;}
#panel2b a:hover {background: transparent url(../img/rolover.jpg) -344px 0px no-repeat;}
#panel3b a:hover {background: transparent url(../img/rolover.jpg) -406px 0px no-repeat;}


#panel1b1 {left: 0px; width: 93px; background: transparent url(../img/rolover.jpg) -251px 0px no-repeat;}
#panel2b1 {left: 93px; width: 62px; }
#panel3b1 {left: 155px; width: 57px; background: transparent url(../img/rolover.jpg) -406px 0px no-repeat;}
#panel1b1 a:hover {background: transparent url(../img/rolover.jpg) 0px 0px no-repeat;}
#panel2b1 a:hover {background: transparent url(../img/rolover.jpg) 344px 0px no-repeat;}
#panel3b1 a:hover {background: transparent url(../img/rolover.jpg) -155px 0px no-repeat;}

#panel1b2 {left: 0px; width: 93px; background: transparent url(../img/rolover.jpg) 0px 0px no-repeat;}
#panel2b2 {left: 93px; width: 62px;  background: transparent url(../img/rolover.jpg) -344px 0px no-repeat;}
#panel3b2 {left: 155px; width: 57px; background: transparent url(../img/rolover.jpg) -406px 0px no-repeat;}
#panel1b2 a:hover {background: transparent url(../img/rolover.jpg) 0px 0px no-repeat;}
#panel2b2 a:hover {background: transparent url(../img/rolover.jpg) -93px 0px no-repeat;}
#panel3b2 a:hover {background: transparent url(../img/rolover.jpg) -155px 0px no-repeat;}

#panel1b3 {left: 0px; width: 93px; background: transparent url(../img/rolover.jpg) -251px 0px no-repeat;}
#panel2b3 {left: 93px; width: 62px;  background: transparent url(../img/rolover.jpg) -344px 0px no-repeat;}
#panel3b3 {left: 155px; width: 57px; background: transparent url(../img/rolover.jpg) -155px 0px no-repeat;}
#panel1b3 a:hover {background: transparent url(../img/rolover.jpg) 0px 0px no-repeat;}
#panel2b3 a:hover {background: transparent url(../img/rolover.jpg) -93px 0px no-repeat;}
#panel3b3 a:hover {background: transparent url(../img/rolover.jpg) -155px 0px no-repeat;}

/*					Page Structure
---------------------------------------------------------- */




#gauche {
position: absolute;
left:0;
width: 252px;
min-height:901px; font-family: Arial, Helvetica, sans-serif;
}



.menutop1 {
list-style-type: none;
margin: 0;
padding:0;
}
.menutop1 li {
margin: 0px 0 0 0 ; padding: 0 0 0 0;
font-size:11px;
color:#929BA0;
}

li.green {
margin: 0px 0 0 0 ;
font-size:11px;
color:#8ebc11;
font-style:italic
}
li.orange {
margin: 0px 0 0 0 ;
font-size:11px;
color:#eb660b;
font-style:italic
}
li.violet {
margin: 0px 0 0 0 ;
font-size:11px;
color:#a3057e;
font-style:italic
}

li.grey {
margin: 0px 0 0 0 ;
font-size:11px;
color:#929BA0;
font-style:italic
}


.menutop1 a {
margin: 0 1px 0 0 ;
color: #2a4a59;
font-size:12px;
text-decoration: none;
}
.menutop1 a:hover {
text-decoration: underline;
font-size:12px
}


#home_text1 {
position:absolute; top:540px; color:#2a4a59; font-size:20px; text-align:center; width:776px; font-style:italic
}
#home_text2 {
position:absolute; top:588px; left:498px; width:276px; height:54px;
}
#home_text1_eng {
position:absolute; top:676px; color:#2a4a59; font-size:14px; text-align:center; width:776px;font-style:italic
}
#home_text1_german {
position:absolute; top:742px; color:#2a4a59; font-size:14px; text-align:center; width:776px;font-style:italic
}

#info_titre1 {
position:absolute; top:133px; left:405px; color:#fff; font-size:19px; font-weight:bold; font-style:italic
}
#info_titre2 {
position:absolute; top:526px; left:770px; color:#fff; font-size:19px; font-weight:bold; font-style:italic
}

#info_text1 {
position:absolute; top:183px; left:341px; color:#000; font-size:11px;width:331px;
}
#info_text2 {
position:absolute; top:252px; left:341px;font-size:11px;width:331px;
}
#info_text3 {
position:absolute; top:336px; left:341px;font-size:11px;width:331px;
}
#info_text4 {
position:absolute; top:727px; left:341px;font-size:11px;width:380px;
}


#mineral_text1 {
position:absolute; top:377px; left:442px; color:#000; font-size:11px;width:390px;
}
#mineral_text2 {
position:absolute; top:512px; left:442px; color:#000; font-size:11px;width:390px;
}
#mineral_text3 {
position:absolute; top:650px; left:442px; color:#000; font-size:11px;width:390px;
}

#textile_text1 {
position:absolute; top:377px; left:442px; color:#000; font-size:13px;width:390px;
}
#textile_text2 {
position:absolute; top:512px; left:442px; color:#000; font-size:13px;width:390px;
}
#textile_text3 {
position:absolute; top:650px; left:442px; color:#000; font-size:13px;width:390px;
}


#mine_text1 {
position:absolute; top:376px; left:442px; color:#000; font-size:13px;width:390px;
}
#mine_text2 {
position:absolute; top:522px; left:442px; color:#000; font-size:13px;width:390px;
}
#mine_text3 {
position:absolute; top:666px; left:442px; color:#000; font-size:13px;width:390px;
}