#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	margin: 0;
}


	#menu li a {
		position: relative;
		top: 6px;
		display: block;
		float: left;
		height: 27px;
		letter-spacing: -1px; /* reglage incompatibilité IE6 & FF */
		/*letter-spacing: -0.9px; /* BACKUP FF */
		_letter-spacing: -1px; /* reglage incompatibilité IE6 & FF */
		*letter-spacing: -1px; /* reglage incompatibilité IE7 & FF */
		
		padding: 12px 17px 0px 17px;
		_padding: 12px 16px 0px 16px; /* reglage incompatibilité IE6 & FF */
		*padding: 12px 16px 0px 16px; /* reglage incompatibilité IE7 & FF, IE8, Google Chrome etc */
		background: url('images/bg_menu_a.jpg') right 0px no-repeat;

		color: white;
		text-decoration: none;
	}

	.mainBlue #menu li a {
		background: url('images/bg_menu_a_mainBlue.jpg') right 0px no-repeat;
	}

	.mainGreen #menu li a {
		background: url('images/bg_menu_a_mainGreen.jpg') right 0px no-repeat;
	}

	#menu li a:hover { 				
		position: relative;
		top: 0px;
		height: 33px;
		color:#4e0625;
		background: url('images/bg_menu_a_hover.gif') right 0px no-repeat;

		padding: 12px 19px 0px 15px; 
	}

	.mainBlue #menu li a:hover { 
		background: url('images/bg_menu_a_hover_mainBlue.gif') right 0px no-repeat;
		color: #3c0019;
	}

	.mainGreen #menu li a:hover { 
		background: url('images/bg_menu_a_hover_mainGreen.gif') right 0px no-repeat;
		color: #002f49;
	}

#menu li .subMenu {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 103px;

	background: none;
}

#menu li .subMenu li {
	position: relative;
	z-index: 999;
	float: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #dad6c7;
	border-right: 1px solid #dad6c7;
	border-left: 1px solid #dad6c7;
}

#menu li .subMenu li a {
	display: block;

	position: static;
	float: none;
	min-width: 180px;
	_width: 180px;
	padding: 0;
	margin: 0;
	height: auto;
	
	font-size: 11px;
	color: #2c2c2c;
	font-weight: normal;
	text-decoration: none;
	background-color: #f9f8f0;
	background-image: none;

	padding: 3px;
}

#menu li .subMenu li a:hover, 
#menu li .subMenu li a:active {
	display: block;

	position: static;
	float: none;
	_width: 180px;
	padding: 0;
	margin: 0;
	height: auto;
	
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-color: #ffb301;
	background-image: none;

	padding: 3px;
}

.mainBlue #menu li .subMenu li a:hover,
.mainBlue #menu li .subMenu li a:active {
	background-color: #ec257a;
}

.mainBlue #menu li .subMenu li a:hover,
.mainBlue #menu li .subMenu li a:active {
	background-color: #e72175;
}

.mainGreen #menu li .subMenu li a:hover,
.mainGreen #menu li .subMenu li a:active {
	background-color: #6399b5;
}