/* ------------------------------------ */
/*                                      */
/*            Navigation                */
/*                                      */
/* ------------------------------------ */

ul#navigation {
	position: relative;
	height: 31px;
	font-size: .95em;
	background: #fff url(../images/design/navigation.png) left top no-repeat;
}

ul#navigation li a, ul#navigation li a:visited {
	color: #fff;
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	background: transparent url(../images/design/menu_separateur.png) right center no-repeat;
	text-decoration: none;
	text-align: center;
}

ul#navigation li a:hover, ul#navigation li a:active {
	font-weight: bold;
}

ul#navigation li {
	height: 31px;
	position: relative;
	float: left;
}

ul#navigation li#lien1, ul#navigation li#lien1 a {
	width: 108px;
}

ul#navigation li#lien2, ul#navigation li#lien2 a {
	width: 146px;
}

ul#navigation li#lien3, ul#navigation li#lien3 a {
	width: 155px;
}

ul#navigation li#lien4, ul#navigation li#lien4 a {
	width: 59px;
}

ul#navigation li#lien5, ul#navigation li#lien5 a {
	width: 163px;
}

ul#navigation li#lien6, ul#navigation li#lien6 a {
	width: 200px;
	text-align: left;
}

ul#navigation li#lien6 {
	padding-left: 10px;
}

ul#navigation li#lien6 a {
	background-image: none;
	text-align: left;
}

ul#navigation li ul {
	background: #6f9cb9;
	position: absolute;
	left: 0;
	top: 31px;
}

ul#navigation li ul li {
	height: 2em;
	padding: 0;
	border-bottom: 1px solid #2e678c;
	float: none;
	white-space: nowrap;
}

ul#navigation li dl {
	position: absolute; top: -1px; left: 220px; background: #d9eafa; border: 1px solid #2d6098; z-index: 500;
}

ul#navigation li#lien6 dl {
	left: -222px;
}

ul#navigation li dl dd {
	padding: .2em 10px .2em 5px;
	white-space: nowrap;
}

ul#navigation li dl dd.actif, ul#navigation li dl dd a {
	color: #2d6098;
}

ul#navigation li dl dd.actif a.lien, ul#navigation li dl dd.actif a.lien:visited {
	float: none;
	display: inline;
	color: #2d6098;
	font-weight: normal;
	padding: 0;
	line-height: 0;
	background: none;
	text-decoration: none;
}

ul#navigation li dl dd.actif a.lien:hover, ul#navigation li dl dd.actif a.lien:active {
	text-decoration: underline;
}

ul#navigation li dl dd.inactif {
	color: #2e678c;
}

ul#navigation li ul li a, ul#navigation li ul li a:visited, ul#navigation li ul li.inactif {
	text-align: left;
	padding: 0 15px;
	height: 2em;
	float: none;
	line-height: 2em;
	background: #6f9cb9 url(../images/design/puce.png) 6px center no-repeat;
}

ul#navigation li#lien1 ul li a, ul#navigation li#lien2 ul li a, ul#navigation li#lien3 ul li a, ul#navigation li#lien4 ul li a, ul#navigation li#lien5 ul li a, ul#navigation li#lien6 ul li a {
	width: 190px;
	background: #6f9cb9 url(../images/design/puce.png) 6px center no-repeat;
}

ul#navigation li#lien1 ul li a:hover, ul#navigation li#lien2 ul li a:hover, ul#navigation li#lien3 ul li a:hover, ul#navigation li#lien4 ul li a:hover, ul#navigation li#lien5 ul li a:hover, ul#navigation li#lien6 ul li a:hover {
	background-color: #2e678c;
}

ul#navigation li#lien1 ul li dl dd a, ul#navigation li#lien1 ul li dl dd a:hover,
ul#navigation li#lien2 ul li dl dd a, ul#navigation li#lien2 ul li dl dd a:hover,
ul#navigation li#lien3 ul li dl dd a, ul#navigation li#lien3 ul li dl dd a:hover,
ul#navigation li#lien4 ul li dl dd a, ul#navigation li#lien4 ul li dl dd a:hover,
ul#navigation li#lien5 ul li dl dd a, ul#navigation li#lien5 ul li dl dd a:hover,
ul#navigation li#lien6 ul li dl dd a, ul#navigation li#lien6 ul li dl dd a:hover {
	background: none;
}

ul#navigation li dl, ul#navigation ul, ul#navigation li dd, ul#navigation li dl a {
	width: 220px;
}

ul#navigation li ul li a, ul#navigation li ul li a:visited {
	display: block;
}

ul#navigation li ul li a:hover, ul#navigation li ul li a:active {
	background-color: #2e678c;
	font-weight: normal;
}

ul#navigation li ul li.inactif {
	color: #c7d5df;
}