/**************** menu coding *****************/

#menu {
width: 100%;
float: left;
margin:0 0 0 0;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#menu ul .leftSide  {
width:7px;
}
#menu ul .leftSpacer  {
width:13px;
}
#menu ul .rightSide  {
width:7px;
}
#menu ul .search  {
width:189px;
}

#menu ul .searchInput  {
width:122px;
}
#menu ul .searchSubmit  {
width:70px;
}


/***************** English-specific styles *******************/
#menu ul .searchInput input {width:90px;margin:0;float:right;}
#menu ul .navProducts  {
width:87px;
}
#menu ul .navSales {
width:65px;
}
#menu ul .navTraining  {
width:81px;
}
#menu ul .navSupport  {
width:82px;
}
#menu ul .navCommunity  {
width:104px;
}
#menu ul .navDownload  {
width:92px;
}

/***************** French-specific styles *********************/
#menu ul .navProduits  {
width:87px;
}
#menu ul .navVentes {
width:65px;
}
#menu ul .navFormation  {
width:81px;
}
#menu ul .navAssistance  {
width:82px;
}
#menu ul .navCommunauté  {
width:104px;
}
#menu ul .navTélécharger  {
width:92px;
}

#menu ul ul {
	border:1px solid #666666;
	border-bottom:0;
	width:148px;
}

#menu ul li img {float:right;}

#menu ul ul li a div{
	border-bottom:1px solid #666666;
	display:block;
	height:23px;
	max-height:23px;
	height:23px;
	overflow:hidden;
	padding:0;
	background-color:#fff;
	line-height:12px;
	width:148px;
	position: relative;
}

#menu ul ul li a .threeLines{
    height:41px;
	max-height:41px;
	*height:41px;
	
}

/*To fix a bug under IE that cause some of the menu element to be cut: ref: Bugzilla, Bug #1365
Also add html>body so that IE6 doesn't read this instruction because the text was cut at the top*/
html>body #menu ul ul li a .threeLines div div{
	margin-top:-12px;
}

#menu ul ul li a .expand{
	background: url(../images/navBG_off.gif) no-repeat;
}



#menu ul ul li a div div{
	position: absolute;
	height:auto;
	line-height:auto;
	*height:auto;
	background:none;
	border:0;
	overflow:visible;
	width:125px;
}


#menu ul ul li a div div div{
	position: relative; top: -50%;
	padding:0 0 0 5px;
}



#menu ul ul li a:hover div{
	background-color:#dcdcdc;
}
#menu ul ul li a:hover .expand{
	background: url(../images/navBG_on.gif) no-repeat;
}
#menu ul ul li a:hover div div{
	background: none;
}
#menu a, #menu h2 {
font: normal 11px/16px verdana, arial, sans-serif;
display: block;
margin: 0;
}

#menu h2 {
height:29px;
max-height:36px;
overflow:hidden;
}
#menu ul h2 {
background: url(../images/navContainerContentBackground.gif) repeat-x;
margin:0;
border:0;
font-family:verdana,arial,sans-serif;
color:#000000;
font-size:12px;
text-align:center;
padding:8px 0 0 0;
}
#menu ul .selected h2 {
	color:#ff0000;
}
#menu ul .leftSide h2 {
background: url(../images/navContainerContentLeft.gif) no-repeat;
}
#menu ul .rightSide h2 {
background: url(../images/navContainerContentRight.gif) no-repeat;
}
#menu ul a:hover h2 {
background: url(../images/navContainerContentSelectBa.gif) repeat-x;
}

#menu a {
color: #000;
background: #fff;
text-decoration: none;
}

#menu a img {
float:right;
padding:2px 7px 0 0;
border:0;
}

#menu a:hover {
background: #dcdcdc;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top:0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


html>body #menu ul ul li a div{
	display: table; position: relative;
	line-height:10px;

}
html>body #menu ul ul li a div div{
	display: table-cell; vertical-align: middle; position: relative;
}
html>body #menu ul ul li a div div div{
    padding-bottom:3px;
}