/* DIVS ------------------------------------------------------------------- */

.menu {
	float:left;
	height:280px;
	width:145px;		
	margin:0;
	padding:0;
	background-color:white;	
}


#menu_head {
	float:left;		
	width:145px;
	background-image: url("../img/layout/menu_head.gif");
	padding-top:5em;
}



#menu_sep {
	float:left;
	height:50px;
	width:145px;
	background-image:url("../img/layout/menu_sep.gif");
	background-repeat:no-repeat;
}


#menu_tail {
	float:left;
	height:200px;	
	width:145px;
	margin:0;
	padding:0;	
	background-image:url("../img/layout/menu_tail.gif");
	background-repeat:no-repeat;
	background-color:white;
}



/*----------------------------------------------------------------*/


.menu ul li {
	margin-left:10px;
	padding:0;
	border-bottom:1px solid #591515;
}

.menu ul {		
	margin: 0;
	padding:0;	
	text-align:left;	
	list-style-type: none;
	background-color: #FFCC66;
	border-right:1px solid black;	
}

.menu ul li.sublink {
	margin-left:20px;
	padding:0;		
}

.menu ul li a {
	background-image:url("../img/icons/carre.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:1.4em;
}

.menu ul li.sublink a {
	font-size:10px;
	background-image:url("../img/icons/arrow.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:1.4em;
}

.menu a {
	display: block;
	padding: 4px 4px 4px 4px;	
	color:#000;
	font-family:Verdana, Arial, Tahoma;
	font-size:10px;	
	text-decoration: none;	
}


.menu a:hover , #menu_tail a:hover {
	color:red;
	background-image:url("../img/icons/carre_full.gif");	
	background-repeat:no-repeat;	
}

.menu li a.uberlink , #menu_tail li a.uberlink {	
	font-weight:bold;	
	color:#000;	
}


#menu_tail ul {text-align:right;}

#menu_tail a {
	padding-right:1.4em;		
	background-image:url("../img/icons/carre.gif");
	background-repeat:no-repeat;
	background-position:right;
}

#menu_tail ul li {
	margin:0;
	margin-right:10px;
}



/* MENUBAR --------------------------------------------*/

#menubar {	
	width:800px;
	height:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background-image: url("../img/layout/menubar.gif");
	background-repeat: no-repeat;
	border-top:1px solid black;
	border-bottom:1px solid black;
}


#menubar li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	white-space: nowrap;
}


#menubar ul {	
	margin: 0;
	margin-left:18em;
	padding: 0;
}


#menubar a {
	padding: 2px 16px 2px 16px;
	color: #FFF;
	text-decoration: none;
}

#menubar a:hover, #menubar li a.uberlink {color:#FFCC66}