/* Class pour habillage et position commune
ID pour spécificiter d'un menu */


/* Le Logo du menu */
#header img#logo_menu {
	float:right;
	margin:0 -30px 0  0;
	width:50px;
}


/* MENU PRINCIPAL  */

#menu-general1 { background:#3a99ac ;left:0px;}
#menu-general2 { background:#959972 ;left:11%;}
#menu-general3 { background:#ca5d66 ;left:22%; }/* #c7ccb8*/
#menu-general4 { background:#ca8e6a ;left:33%; }
#menu-general5 { background:#89c6df ; left:44%; }
#menu-general6 { background:#b2d15d ;left:55%; }
#menu-general7 { background:#d6d0b0 ;left:66%; }
#menu-general8 { background:#ba8ac1 ;left:77%; }
#menu-general9 { background:#CCCCCC ;left:88%; }


#sous-menu1 { background:#9bc3d7 ;}
#sous-menu2 { background:#c7ccb8 ;}
#sous-menu3 { background:#e6b1ad ; }
#sous-menu4 { background:#e6ceb3 ;}
#sous-menu5 { background:#c3dcf0 ; }
#sous-menu6 { background:#cfe9ad ; }
#sous-menu7 { background:#e8d0ce ; }
#sous-menu8 { background:#dbc3df ; }
#sous-menu9 { background:#CCCCCC ; }

#sous-menu1 li:hover { background:#006699 ;}
#sous-menu2 li:hover { background:#707e49 ;}
#sous-menu3 li:hover { background:#be382d ; }
#sous-menu4 li:hover { background:#be833d ;}
#sous-menu5 li:hover { background:#67a5d8 ; }
#sous-menu6 li:hover { background:#85c82d ; }
#sous-menu7 li:hover { background:#c16f6b ; }
#sous-menu8 li:hover { background:#90459b ; }
#sous-menu9 li:hover { background:#CCCCCC ; }



/* SS MENU  */
#sous-menu1, #sous-menu2, #sous-menu3,#sous-menu4,#sous-menu5,#sous-menu6,#sous-menu7,#sous-menu8, #sous-menu9 {
	  display: none;
	  z-index:80;
	  position:absolute;
	  float:left;
	  top:52px;
	  min-width:220px;
	  width:16%;
}
/* Apparition des sous menu*/
#menu-general1:hover #sous-menu1 ,#menu-general1 a:hover #sous-menu1 ,#menu-general1 a img:hover #sous-menu1,#sous-menu1:hover  { display:block;}
#menu-general2:hover #sous-menu2 ,#menu-general2 a:hover #sous-menu2 ,#menu-general2 a img:hover #sous-menu2,#sous-menu2:hover  { display:block;}
#menu-general3:hover #sous-menu3 ,#menu-general3 a:hover #sous-menu3 ,#menu-general3 a img:hover #sous-menu3,#sous-menu3:hover  { display:block;}
#menu-general4:hover #sous-menu4 ,#menu-general4 a:hover #sous-menu4 ,#menu-general4 a img:hover #sous-menu4,#sous-menu4:hover  { display:block;}
#menu-general5:hover #sous-menu5 ,#menu-general5 a:hover #sous-menu5 ,#menu-general5 a img:hover #sous-menu5,#sous-menu5:hover  { display:block;}
#menu-general6:hover #sous-menu6 ,#menu-general6 a:hover #sous-menu6 ,#menu-general6 a img:hover #sous-menu6,#sous-menu6:hover  { display:block;}
#menu-general7:hover #sous-menu7 ,#menu-general7 a:hover #sous-menu7 ,#menu-general7 a img:hover #sous-menu7,#sous-menu7:hover  { display:block;}
#menu-general8:hover #sous-menu8 ,#menu-general8 a:hover #sous-menu8 ,#menu-general8 a img:hover #sous-menu8,#sous-menu8:hover  { display:block;}
#menu-general9:hover #sous-menu9 ,#menu-general9 a:hover #sous-menu9 ,#menu-general9 a img:hover #sous-menu9,#sous-menu9:hover  { display:block;}


/* MENU PRINCIPAL  */
.menu-general {
	width:8%;
	margin: 0;
	height:50px;
	float:left;
	font-size:10px;
}
	.menu-general img {
		float:left;
		margin:3px;
		max-width:43px;
		position:relative;
		width:100%;
		visibility:visible;
	}
	.menu-general span{
		display:none;
		float:left;
		position:absolute;
		text-align:left;
		text-decoration:none;
		top:15px;
		padding:0;
		width:10%;
		margin-left:50px;

	}
	.menu-general a{
		color:white;
		font-size:100%;
		text-align:center;
		text-decoration:none;
/* 		visibility:hidden; */
	}
/*	div.menu-general:hover {
		width:13% ;
	}*/
	div.menu-general:hover a {
		visibility:visible;
		font-size:13px;
		font-weight:bold;
	}
	div.menu-general:hover a img {
 		width:110%;
	}
	.disable a{ color:gray;}
/* SS MENU  */
.habillage {
	color:black ;
	font-style:normal;
	font-weight:normal;
	margin: 0;
	padding : 0;
	text-align:left;
	font-size: 0.9em;
	font-family:"Arial";
	visibility:visible;
}
	.habillage li {
		height:50px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:0;
		width:100%;
	}
	.habillage span {
		display:inline;
		background:transparent;
		float:right;
		font-size:12px;
		text-align:left;
		text-decoration:none;
		width:75%;
		line-height:40px;
		position:relative;
		top:0;
		margin:0;
		visibility:visible;
	}
	.habillage a {
		font-weight:bold;
		text-decoration:none;
		width:100%;
		visibility:visible;
	}
	.habillage li:hover,.habillage a:hover,div.menu-general ul.habillage li:hover a img {
		color:black;
		visibility:visible;
	}
	div.menu-general ul.habillage a img {
		float:left;
		position:relative;
		top:0px;
		margin:0;
		padding:0;
		border:none;
		visibility:visible;
	}