/***********************************************/
/*	MENU	*/
/***********************************************/

/* GENERAL */
.Menu
{
	background:url('../../Res/FondMenu.gif') repeat-x;
	position:absolute;
	right:0px;
	top:68px;
	
	width:650px;
	height:24px;				
}

/* 1 ONGLET DE MENU */
.Menu .MenuItem
{
    position:absolute; 
	    
    margin-right:0px;
		
	font-family:Arial;
	font-size:14px;
	font-variant:small-caps;
	color:White;
	text-align:center;	
	visibility:hidden; 
	behavior: expression(addHover(this));		
}


.Menu .MenuItemAccueil	    { width:80px; } 	
.Menu .MenuItemSociete      { left:80px;  width:80px; } 
.Menu .MenuItemSolutions    { left:160px; width:100px; } 
.Menu .MenuItemServices	    { left:260px; width:90px; } 
.Menu .MenuItemReferences   { left:350px; width:110px; } 
.Menu .MenuItemContact		{ left:460px; width:80px; } 
.Menu .MenuItemEspaceClient { left:540px; width:110px; }

.Menu .MenuItemClient		{ width:100px; }
.Menu .MenuItemAdmin		{ width:100px; }

.Menu .MenuItemAccueilClient    { width:80px; }
.Menu .MenuItemEvolutionsClient { left:80px; width:110px; }

.Menu .MenuItemServicesClient   { left:190px; width:110px; }
.Menu .MenuItemBoutique         { left:300px; width:110px; }

.Menu .MenuItem:hover, .Menu .MenuItem.hover
{
    visibility:visible;
}

/* ENTETE DE L'ONGLET */
.Menu .MenuItem .EnTeteMenuItem
{
	height:20px;
	padding-top:4px;
	border-left:1px solid white;
	visibility:visible;	
	behavior: expression(addHover(this));	
}

.Menu .MenuItem .EnTeteMenuItem:hover, 
.Menu .MenuItem .EnTeteMenuItem.hover
{	
	font-weight:bold;
}

.Menu .MenuItem .EnTeteMenuItem .LienMenuContent .LienMenu
{
    color:White;	
	text-decoration:none;
	cursor:pointer;
}

.Menu .MenuItem .EnTeteMenuItem .LienMenuContent .LienMenu div
{
    width:100%;
}

/* LISTE DES ITEMS DE L'ONGLET */
.Menu .MenuItem .ListeMenu
{
    margin:0px;
	padding:0px;	
    background-color:#FA7102;	/* Orange */	
    font-size:12px;	
	border-top:solid 1px white;	
}

.Menu .MenuItem .ListeMenuSolutions
{
	position:absolute;
	top:24px;
	left:0px;
	width:120px;		
}

.Menu .MenuItem .ListeMenuSociete {	width:115%; }
.Menu .MenuItem .ListeMenuServices { width:120%; }


/* CONTENU D'UN ITEM POUR UN ONGLET */
.Menu .MenuItem .ListeMenu .LienMenuContent
{
    padding:2px;
	padding-left:2px;
		
	text-align:left;	
	font-weight:bold;	
	
	border-bottom:dotted 1px;
	behavior: expression(addHover(this));		
}

.Menu .MenuItem .ListeMenu .LienMenuContent:hover, 
.Menu .MenuItem .ListeMenu .LienMenuContent.hover
{
    background-color: #8A2B00; /* Marron */	
	font-weight:bolder;	
}

.Menu .MenuItem .ListeMenu .LienMenuContent .LienMenu {
	color:White;	
	text-decoration:none;
	cursor:pointer;	
}

.Menu .MenuItem .ListeMenu .LienMenuContent .LienMenu div
{
    width:100%;
}



/************************************/
/* SOUS MENU                        */
/************************************/

.Menu .LienMenuContent .SousMenu /* IDEM LISTE MENU */
{
    position:absolute;
    left:150px;
    top:-1px;    
    visibility:hidden;
    
    margin:0px;
	padding:0px;		
    
    background-color:#FA7102;	/* Orange */		
    width:150px;
    
	font-size:12px;	
	border-top:dotted 1px white;	
	border-left:solid 1px white;	
}

.Menu .LienMenuContent .SousMenuProduits { left:120px; }
.Menu .LienMenuContent .SousMenuConcepts { left:120px; top:20px; }

.Menu .LienMenuContent:hover .SousMenu,
.Menu .LienMenuContent.hover .SousMenu
{
    visibility:visible;    
}

.Menu .LienMenuContent .SousMenu .LienSousMenuContent
{
    padding:2px;
	padding-left:2px;
		
	text-align:left;	
	font-weight:bold;	
	
	border-bottom:dotted 1px;
	behavior: expression(addHover(this));	
}


.Menu .LienMenuContent .SousMenu .LienSousMenuContent:hover,
.Menu .LienMenuContent .SousMenu .LienSousMenuContent.hover
{
    background-color: #8A2B00; /* Marron */	
	font-weight:bolder;	
}

.Menu .LienMenuContent .SousMenu .LienSousMenuContent div
{
    width:100%;
}