/* CSS Document */

/* MENU */

#menu{
	float:left;
	width:670px;
	background:none;
	padding:0;
	height:18px;
	border:none;
	position:relative;
	z-index:1000;
}

#menu a{
	outline:none;
}

#topMenu{
	left:left;
	list-style:none;
	display:inline;
	font:bold 14px Arial, Helvetica, sans-serif;
  	color:#000;
}

ul#topMenu li {
  margin: 0;
  border: 0 none;
  padding:0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:18px;/*30px*/
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#000;
  
}

ul#topMenu a{ /* root menu*/
	font:bold 14px Arial, Helvetica, sans-serif;
  	color:#FFF;
	text-decoration:none;
	float:none !important;
	float:left;
	display:block;
	padding:0 5px;
	height:20px !important;
	outline:none;	
}

ul#topMenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display:none;
  position: absolute;
  top: 18px;
  left: 0;
  background:#FF0000;
  border:1px solid #000;
}


ul#topMenu ul:after /*From IE 7 lack of compliance */{
	display:block;
	clear:both;
	content: ".";
	height:0;
	visibility:hidden;
}

html>body ul#topMenu ul li{
	width:200px;/*250*/
	float:left;
	display:block !important;
	display:inline;
	height:20px;
	line-height:0.3em;
}

*html ul#topMenu ul li{
	width:200px;/*250*/
	float:left;
	display:block !important;
	display:inline;
	height:5px !important;
	line-height:0.1em !important;
}

/* hover */
ul#topMenu a:hover,
ul#topMenu li:hover a,
ul#topMenu li.iehover a{
	color:#F03;
}

ul#topMenu li:hover ul,
ul#topMenu li.iehover ul {
  
 	color: #000;
  	width:200px !important;
	display:block;
	display:table;
	padding:0px;
	margin:0px;
	border:none;
	background:none;
	padding:0px;
}

/**colour*/
/* 2nd menu */
ul#topMenu li:hover li a,
ul#topMenu li.iehover li a {
	float:none;
	background:none;
	color: #FFF;
	text-align:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:10px 5px;
}


*html ul#topMenu li:hover li a,
*html ul#topMenu li.iehover li a {
	float:none;
	background:none;
	color: #ffffff;
	text-align:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:5px 5px;
}


/**hover colour*/
ul#topMenu li:hover li a:hover,
ul#topMenu li:hover li:hover a,
ul#topMenu li.iehover li a:hover,
ul#topMenu li.iehover li.iehover a {
  background:none !important;
   color:#000; /*Color effect */
}

ul#topMenu ul ul,
ul#topMenu ul ul ul{
	display:none;
	position:absolute;
	top:0;
	left:200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#topMenu li:hover ul ul,
ul#topMenu li:hover ul ul ul,
ul#topMenu li.iehover ul ul,
ul#topMenu li.iehover ul ul ul {
  display: none;
}

ul#topMenu li:hover ul,
ul#topMenu ul li:hover ul,
ul#topMenu ul ul li:hover ul,
ul#topMenu li.iehover ul,
ul#topMenu ul li.iehover ul,
ul#topMenu ul ul li.iehover ul {
  display: block;
}

ul#topMenu a.current
{
	clear:both;
	color:#BB4A00;
	display:block;
}

/* Menu Separator */


html>body ul#topMenu .bkTable
{
	display:inline;
	display:block !important;	
	width:200px;
	margin:0;
	padding:0;
}

*html ul#topMenu .bkTable
{
	display:inline;
	display:block !important;
	width:200px;
	margin:0;
	padding:0;
}


ul#topMenu .borderStyle
{
	position:relative;
	width:200px !important;
	display:block;
	display:table;
	padding:0px 0 10px 0;
	margin:0px;
	border:1px solid #F03;
    -moz-opacity:.90; 
	filter:alpha(opacity=90); 
	opacity:.90; 
	background:#F03;	
}

*html ul#topMenu .borderStyle
{
	float:left;
	position:relative;
	display:block;
	padding:0px;
	margin:0px;
	border:1px solid #F03;
	filter:alpha(opacity=90);
	background:#F03;	
	
}

/* ------------------------------------------------ */
#plain{
	float:left;
	height:20px;
	width:12px;
	background:url(../../test/images/menu_inter_r1_c15.gif) left top no-repeat;
}

.bleu {
color:#0076AD !important;
}

.bleu:Hover {
color:#BB4A00 !important;
}