/*----------------MENU-----------------*/
div#menu a{color: #000000; font-weight:bold;}
div#menu li {position: relative; list-style:none; margin:0px; border-bottom: 1px solid #CCC;}
div#menu li.sousmenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#menu li:hover {background: #EBB;}
div#menu li.sousmenu:hover {background-color: #EDD;}
div#menu ul a {width: inherit;}
div#menu ul ul {position: absolute; top: -1px;}

/*TAILLE PREMIERE COLONNE*/
div#menu {float: left; width: 7em;}
div#menu ul {margin: 0; padding: 0; width: 7em; background: white; border: 1px solid;}
div#menu ul ul {left: 7em; display:none}
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 7em; border-left: 0.5em solid #BBB;}

/*TAILLE DEUXIEME COLONE*/             
div#menu ul.niveau2 ul {left: 13em;}  
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {width:13em; display:block} 
div#menu ul.niveau2 li a {width: 13em;}

/*TAILLE TROISIEME COLONNE*/ 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {width:10em; display:block;}      

/*TAILLE DEUXIEME COLONE BIS*/                
div#menu ul.niveau2bis ul {left: 10em;}  
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; width:10em;}      
div#menu ul.niveau2bis li a {width: 10em;}

/*COULEUR DES BORDURES*/
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}

p { clear: both; }

a.select { 
width: 340px; height: 35px;
display: block; padding-left: 10px; 
color: #333; font-size: 12px; text-decoration: none; 
font-weight: bold; line-height: 35px;
background-color: transparent; background-position: top left; background-repeat: no-repeat;
float: left; clear: both;
outline: none;
}
a.select:hover { background-position: bottom left; color: #FFF; }
a.select { background-image:url(../BodyIMG/select_std_bg.png); }/* Use (../images/select_std_bg.png); if you link the stylesheet in the head */
ol, ul {
margin: 0 0 0 20px;
padding: 0;
}
ul.select_list { 
position: absolute; 
width: 350px; background: #FFF; 
border: 1px solid #333; 
list-style-type: none; 
display: none; 
z-index: 999; 
margin: 0; margin-top: 35px;
cursor: pointer; 
height: auto;
overflow: auto;
}
ul.select_list li { width: 340px; line-height: 2em; padding-left: 10px; color: #333333; background-color: #f4f4f4; border-top: 1px solid #ccc; display: block; }
ul.select_list li:hover, ul.select_list li.hover, ul.select_list li.selected { background-color: #7c7c7c; color: #FFF; }
/* For Long lists */
ul.long-list { height: 120px; } 
ul.long-list li { width: 198px; }
.hidden { display: none; }