/* c'est la région de coupure pour le menu que c'est largeur et la taille obtiennent l'ensemble par le manuscrit, selon la taille de la table d'articles  */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* c'est le récipient principal pour le menu lui-même que c'est largeur et la taille obtiennent l'ensemble par le manuscrit, selon la taille de la table d'articles  */
.transMenu .content {
	position:absolute;
	}

/* cette table comporte tous les articles de menu que chaque TR est un article.  Elle est relativement placée de sorte que les divs transparents d'ombre et de fond puissent être placés sous elle  */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* chaque TR.item est un article de menu  */
.transMenu .item{
    color:red;
    font-size:10px;
    font-family:sans-serif;
    text-decoration:none;
	/* c'est une entaille pour mac/ie5, qui cascade inexactement les propriétés de frontière de la table de parent à chaque rangée  */
	border:none;
	cursor:pointer;
	cursor:hand;
	display: block;
	width: 145px !important;
	width: 160px;
	background:#A756FA;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-indent: 15px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	}
.transMenu .item td{

}
/* cette division est le fond blanc semi-transparent de chaque menu - l'moz-opacité est une manière de propriété industrielle d'obtenir le transparent dans le mozilla, le filtre est pour IE/windows 5,0+.  */
/* nous plaçons la couleur de fond en manuscrit parce que l'imper d'cIe ne l'emploie pas;  ce browser emploie seulement un png semi-transparent de blanc que le GIF d'entretoise à l'intérieur de cette division est remplacé près  */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* le même concept que le background, mais c'est le ruban de l'ombre du côté droit du menu.  Il est laissé, taille, et le fond sont placés par le manuscrit.  Dans IE5/mac, il emploie un png  */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* le même concept que le background, mais c'est le ruban de l'ombre sur le fond du menu.  Il est supérieur, largeur, et le fond sont placés par le manuscrit.  Dans IE5/mac, il emploie un png  */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* c'est la classe qui est employée quand la souris est au-dessus des ensembles d'un manuscrit d'article la rangée à cette classe quand requise.  */
.transMenu .item.hover {
	color:black;
	background:#DDF8F4;
	}

/* c'est l'un ou l'autre le dingbat qui indique qu'il y a un submenu, ou un GIF d'entretoise dans lui est endroit.  Nous lui donnons la marge supplémentaire pour créer un certain espace entre le texte et le dingbat  */
.transMenu .item img {
	margin-left:10px;
	}

/* Added classes by Khanh - 050629 */
#wrap {
   margin: 0px;
   padding: 0px;
}
#menu {
   margin: 0px;
   padding: 0px;
   display:block;
   width:100%;

}
.transMenu .item#active {
	background:#F1F0F0;
	color:black;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	}
.transMenu .item#active.hover {
	background:#CDFAF2;
	color:black;
	}
/* Pour le premier menu de niveau .*/
a.mainlevel-trans:link, a.mainlevel-trans:visited {
	display: block;
	background: url(img/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
	width: 145px !important;
	width: 160px;
}
a.mainlevel-trans:hover {
 	background-position: 0px -25px;
	text-decoration: none;
	color: #5D13A7;
}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
   color:#FF6600;
   line-height: 25px;
   display: block;
   height: 25px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;
   background: url(img/menu_bg.png) no-repeat;
	background-position: 0px -25px;
	text-decoration: none;
	color: #5D13A7;
}
a.mainlevel_active-trans:hover {
  color:#5D13A7;
}
/* End added */