/* **********************************  
	# DD COMMENT #  
	DESCRIPTION DU MENU 
*********************************** */

.menu {width:514px; height:20px; position:relative; z-index:100; background:#orange; }

/* hack to correct IE5.5 faulty box model */
* html .menu {width:514px; w\idth:514px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; }
.menu ul ul {/*width:149px;*/}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; /*width:149px;*/ position:relative;}

/* style the links for the top level */

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {/*width:149px;*/ padding:0px 10px; w\idth:50px;}


/* **********************************  
	# DD COMMENT #  
	COLORISATION DU MENU 
*********************************** */
 
/* Style du menu principal [IE6+ / FF2+] */
.menu a, .menu a:visited 
{
	display:block; height:15px; border-width:1px 0 1px 1px; padding:3px 4px 0px; line-height:15px; border-right:1px solid #000; /*width:138px;*/ 
	font-size:11px;	text-decoration:none; color:#000; text-transform:uppercase;	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

/* Style Hover du menu principal et du sous menu [IE6]*/
.menu a:hover, .menu ul ul a:hover{color:#7ba745; background:#d9edbf;} /*color:#7ba745;*/

/* Style Hover du menu principal et du sous menu [IE7 / FF2]*/
.menu :hover > a, .menu ul ul :hover > a {color:#7ba745; background:#d9edbf;}
.menu ul ul a:hover{color:#7ba745; background:#d9edbf; }

.menu ul ul{padding:20px 0px 2px; background:#d9edbf;}

/* Style du sous menu [IE6+ / FF2+] */
.menu ul ul a, .menu ul ul a:visited 
{
	background:#d9edbf; color:#000; 
	height:auto; line-height:1em; 
	padding:0px 10px 4px; 	width:128px; 
	border-width:0px;
}

/* Style du sous menu qui a un sous menu [IE6+ / FF2] */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:green;}

/* Style Hover du sous menu qui a un sous menu [IE6+ / FF2+] */
.menu ul ul a.drop:hover{background:red;}

/* Style Hover du sous menu qui a un sous menu [IE7 / FF2+] */	
.menu ul ul :hover > a.drop {background:Yellow;} 

/* Style du sous menu du sous menu [IE6+ / FF2+] */
.menu ul ul ul a, .menu ul ul ul a:visited {padding-top:4px; margin:0px;} 

/* Style Hover du sous menu du sous menu [IE6+ / FF2+] */
.menu ul ul ul a:hover {padding-top:4px; color:#7ba745; text-decoration:none;} 




/* **********************************  
	# DD COMMENT #  
	POSITION DES ELEMENTS DU MENU 
*********************************** */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:15px; left:0; width:148px; /*border-top:1px solid #000;*/}
/* another hack for IE5.5 */
* html .menu ul ul {top:14px;t\op:15px;}

/* position the third level flyout menu */
.menu ul ul ul{left:148px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-148px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}