/* Navigation ============================================================= */

#linkList{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:15px 0 0 0;
width:225px;left;

}
#linkList2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 10px 10px 20px;
	padding:15px 0 0;
	width:325px;
	text-align:left;

}
/* Because the linkList is not floated (except for IE5 MAC), this casued problems with usual image replacement methods, so... */ 
#linkList h3{ 
float:none;
display:none; 
}

#lselect,

{
/* Something shaky going on in IE6 with the background images, border-left stops it shaking */
border-left:1px solid white;
padding:35px 0 0 0;
margin:0 0 20px 0;
}
#linkList ul{
margin:0;
padding:0;
list-style:none;
}
#linkList li{
font: 10px verdana;
display:block;
margin: 0px 20px 7px 20px;
padding: 0px 0px 7px 0px;
border-bottom:1px solid #CCCCCC;
}

/* Link Styles */
#linkList li a{ 
display:block;
padding:4px 0px 4px 0px;
margin:0 0 2px 0;
border:0;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#669900;
}
/* Background position http://wellstyled.com/css-nopreload-rollovers.html */
#lselect li a,
#lselect li a:visited,
#lfavorites li a:visited{
background-position:0 50% ;
}
/* Déplacement lateral texte */
#linkList li a:hover,
#linkList li a:focus,
#linkList li a:active{
padding-right:80px;
border-left:4px solid #336699;
color:#336699;
text-decoration:none;
}


#linkList2 ul{
margin:0;
padding:0;
list-style:none;
}
#linkList2 li{
font: 10px verdana;
display:block;
margin: 0px 20px 7px 20px;
padding: 0px 0px 7px 0px;
border-bottom:1px solid #CCCCCC;
}

/* Link Styles */
#linkList2 li a{ 
display:block;
padding:4px 0px 4px 0px;
margin:0 0 2px 0;
border:0;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#669900;
}