/* ThemeIEMenu Style Sheet */

/* menu niveau 0 */
.HThemeIEMenu,.HThemeIESubMenuTable
{
	cursor:		default;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:	11px;
	font-weight:normal;
    width:		100%; /* 100% pour un menu Horiz occupant toute la largeur de la boutique */
	padding:	0;
	border:		0;
	white-space:	nowrap;
	color:#FFFFFF;
}

td.centragemenu {
 width: 0%;	/* déclare la taille des td encadrant le menu dans le header */
}

/*td.HthemeieCornerLeft {	background-image: url(CornerLeft.gif); background-repeat: no-repeat; background-position: left; background-color:#6c1945;}
td.HthemeieCornerLeft {	background-image: url(CornerLeft.gif); background-repeat: no-repeat; background-position: right; background-color:#927557;}
td.HthemeieMainItem, td.HthemeieMainItemHover {	background-color:#6c1945; }*/
td.HthemeieMainItemHover {color:white;  cursor:hand;}
/*td.HthemeieCornerRight { background-image: url(CornerRight.gif); background-repeat: no-repeat; background-position: right; background-color:#6c1945;}
*/

/* menu niveau 0 */
.HThemeIEMenu
{
/*    background-color:	white; */
}
.HThemeIEMenu td
{
	width:	200px; /* largeur d'un item du menu */
	text-align: center;
	height:35px;
}

.HThemeIESubMenu
{
	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	width:		150px; /* largeur du sous-menu; à mettre aussi dans .HThemeIESubMenuTable */
	border:		0;
	padding:	0;
    background-color:	yellow;
}

/* sous-menu*/
.HThemeIESubMenuTable
{
	border:		0px solid #ADAA9C;
	background-color:	#824f69;
	width:				150px;
}

.HThemeIESubMenuTable td
{
	white-space:	nowrap;
}

.HThemeIEMenuItem
{
	/* PCA pour la séparation des sous-menus 
	background-image: url(../../../images/infobox/bordmenu.jpg);
    background-repeat: repeat-x;*/
}

.HThemeIEMainItem,.HThemeIEMainItemHover,.HThemeIEMainItemActive,
.HThemeIEMenuItem,.HThemeIEMenuItemHover,.HThemeIEMenuItemActive
{
	padding-left:	0px;
	padding-right:	0px;
	white-space:	nowrap;
	height: 22px;				/* PCA Hauteur des cellules du menu principal */
}

.HThemeIEMainItem,.HThemeIEMainItemHover,.HThemeIEMainItemActive
{
/*	background:;
	background-image: url(../../../images/cadremenu.jpg);   PCA fond du menu principal
    background-repeat: no-repeat;
	*/
	background-position:center;
}

/** html .categoriesH { background-image: url(fondH.gif); background-repeat: repeat-x; background-position: top;
	height: 10px; }*/ /*Hack pour IE de la ligne ci dessous. Bien laisser l' * de début */

/*.categoriesH {
	background-image: url(fondH-ff.gif); background-repeat: repeat-x; background-position: top;
	height: 10px;
}*/


.HThemeIEMainItemHover,.HThemeIEMainItemActive {
	color:#ebe0e6; 		/* couleur de surbrillance du menu principal */
}

.HThemeIEMenuItemHover,.HThemeIEMenuItemActive
{
	color:		white;
	background-color:	#571235;  /* couleur de surbrillance des sous-menus */
}

.HThemeIEMenuSplit
{
	height:		1px;
	margin-top:	1px;
	margin-bottom:	1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	0px solid #ADAA9C;
}

.HThemeIEMenuVSplit
{
	width:		1px;
	margin:		0px;
	overflow:	hidden;
	background-color:	inherit;
	border-right:	1px solid #ADAA9C;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.HThemeIEMenuItem img.seq1
{
	display:	inline;
}

.HThemeIEMenuItemHover seq2,
.HThemeIEMenuItemActive seq2
{
	display:	inline;
}

.HThemeIEMenuItem .seq2,
.HThemeIEMenuItemHover .seq1,
.HThemeIEMenuItemActive .seq1
{
	display:	none;
}