/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
width: 162px;
padding: 0px 30px 0px 8px;
float: left;
line-height: 1.3em;
}
#menu ul {

}
#menu ul a {
text-decoration: none;
}
#menu ul li {
margin: 0px 0px 7px 0px;
padding:  0px 0px 0px 0px;
}
#menu ul li a {
background-repeat: no-repeat;
background-position: 0px -10px;
display: block;
width: 162px;
height: 32px;
overflow: hidden;
}
#menu ul li a:hover,
#menu ul li.on a {
background-position: 0px -110px;
}
#menu ul li a span {
position: absolute;
top: -5000px;
left: -5000px;
}
#menu ul li.lien01 a {
background-image: url(bout_hier.gif);
}
#menu ul li.lien02 a {
background-image: url(bout_aujourd_hui.gif);
}
#menu ul li.lien03 a {
background-image: url(bout_demain.gif);
}
#menu ul li.lien04 a {
background-image: url(bout_ailleurs.gif);
}
#menu ul li ul {
display: none;
}
#menu ul li.on ul.on {
display: block;
width: 140px;
padding: 5px 0px 5px 22px;
}
#menu ul li.on ul.on li {
margin: 0px 0px 5px 0px;
padding:  0px 0px 0px 0px;
}
#menu ul li.on ul.on li a {
width: 115px;
height: auto;
padding: 0px 0px 0px 17px;
background-position: 0px 3px;
overflow: auto;
}
#menu ul li.on ul.on li a:hover,
#menu ul li.on ul.on li.on a {
font-weight: bold;
}
#menu ul li.lien01 ul.on li a {
background-image: url(puce_menu_01.gif);
color: #669900;
}
#menu ul li.lien02 ul.on li a {
background-image: url(puce_menu_02.gif);
color: #ce2008;
}
#menu ul li.lien03 ul.on li a {
background-image: url(puce_menu_03.gif);
color: #ff9900;
}
#menu ul li.lien04 ul.on li a {
background-image: url(puce_menu_04.gif);
color: #796699;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIENS ---*/
li.lien01, .Lien01, .lien01 {
color: #663333;
}
li.lien02, .Lien02, .lien02 {
color: #3366CC;
}
li.lien03, .Lien03, .lien03 {
color: #797979;
}
li.lien04, .Lien04, .lien04 {
color: #FF6600;
}