/* CSS Document */

#navigation {
	background:#652A41 url(../img/bg_navigation.gif) repeat-x;
	}

#menu {
	position:relative;
	z-index:50;
	}

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

		#menu ul li {
			float:left;
			position:relative;
			}

		#menu ul li.premier-diviseur {
			display:block;
			width:20px;
			height:29px;
			}

		#menu ul li.diviseur {
			display:block;
			width:2px;
			height:29px;
			margin-top:1px;
			background:url(../img/menu-diviseur01.jpg);
			}

			#menu ul li a, #menu ul li a:visited {
			display:block;
			text-decoration:none;
			text-align:center;
			font-weight:lighter;
			font-size:14px;
			color:#ffffff;  /* avant D1FAAF */
			width:92px;
			height:30px;
			padding-left:0px;
			line-height:30px;
			}

			* html #menu ul li a, #menu ul li a:visited {
			width:92px;
			w\idth:92px;
			}

#menu ul li ul {display: none;}

table { margin:0px; border-collapse:collapse; font-size:1em;}

/* specific to non IE browsers */

#menu ul li:hover a, #menu ul li a:hover {color:#fff; background:#803556 url(../img/menu-li-hover.jpg) repeat-x;}

#menu ul li:hover ul, #menu ul li a:hover ul {display:block; position:absolute; top:30px; margin-top:0px; left:0; width:150px;}

* html #menu ul li a:hover ul {margin-top:0px; marg\in-top:0px;}

#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

#menu ul li:hover ul li a, #menu ul li a:hover ul li a {display:block; font-weight:normal; font-size:14px; color:#000000; text-align:left; background:#e5dbd2; height:auto; line-height:1.2em; padding:5px 10px; width:160px; border:1px solid #dcc9b9; border-width:0px 0px 1px 0px;}

* html #menu ul li a:hover ul li a {width:160px; w\idth:160px;}

#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {background:#662B44; color:#FFFFFF;}

#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; top:0; width:150px;}