/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
position: absolute;
top: -120px;
left:300px;
display: inline;
position: relative;
background: transparent url(bgLeft.gif) no-repeat left bottom;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1000;
}
#menu ul li.invisible {
position: absolute; 
top: -5000px;
}
#menu ul li{
position: relative;
float: left;
width: 150px;
text-align: center;
}
#menu ul li a {
display: block;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #003366;
font-weight: bold;
}
#menu ul li a:hover,
#menu ul li a.lv1Over{
background: url(ongletMenu.gif) no-repeat center top;
color: #ED1847;
}
#menu ul li ul,
#menu ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul
#menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}

/*--------------------  EXTRANET  --------------*/

#menuExtranet ul li a {
display: block;
padding: 0px 5px 0px 10px;
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #ED1847;
}
#menuExtranet ul li ul li a {
display: block;
padding: 5px 0px 0px 15px;
margin: 0px 0px 0px 20px;
text-decoration: none;
color: #003366;
background:transparent url(puceNews.gif) no-repeat scroll 0 8px;
}
#menuExtranet ul li ul li a:hover{
background:transparent url(puceNews.gif) no-repeat scroll 2px 8px;
font-weight: normal;
}
#menuExtranet ul li.ideeProjet a,
#menuExtranet ul li a  {
color : #FF3333;
background:transparent url(puceToolBox.gif) no-repeat scroll left top;
display:block;
padding:0 0 10px 30px;
text-decoration:none;
display: block;
margin: 10px 0px 0px 10px;
}
#menuExtranet ul li.ideeProjet a:hover,
#menuExtranet ul li a:hover {
font-weight:bold;
background:transparent url(puceToolBox.gif) no-repeat scroll left -81px;;
}


/* --- SOUS MENU FLIP FLAP --- */
#menu ul li ul.flip{
margin: 28px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 0px;
top: 0px;
display: block;
}
#menu ul li ul.flip li{
position:relative;
top: 0px; 
left: 1px;
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #FFFEA1;
border-bottom:#E7EFEF 1px solid;
text-align: left;
}
#menu ul li ul.flip li a{
margin: 0px 0px 0px 0px;
padding: 5px 2px 5px 8px;
overflow: hidden;
background-image: none;
}
#menu ul li ul.flip li ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px; 
left: 150px;
}
#menu ul li ul.flip li ul.flip{
display: block;
}
#menu ul li ul.flip li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
li.lien05, .Lien05, .lien05 {
color:#CC0000;
}
li.lien06, .Lien06, .lien06 {
color: #FF6600;
}
li.lien07, .Lien07, .lien07 {
color:#FF9900;
}