/*
	navigation principale
*/

	#navigation ul li {
		list-style-type: none;
		position: absolute;
		width: 150px;
		height: 30px;
		top: 125px;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		
		font: bold 12px/30px helvetica, arial, sans-serif;
	}
	
	li#particulier  {
		left: 0px;
		background-color: rgb(0,60,110);
	}
	
	li#agent  {
		left: 150px;
		background-color: rgb(32,112,180);
	}
	
	li#collectivite  {
		left: 300px;
		background-color: rgb(83,163,233);
	}
	
	li#connaitre  {
		left: 450px;
		background-color: rgb(138,192,239);
	}
	
	
	#navigation ul li a {
		color: white;
	}
	
	
	#navigation ul li a:active, #navigation ul li a:hover {
		color: rgb(160,207,255);
	}
	
	
	#navigation ul li#connaitre a:active, #navigation ul li#connaitre a:hover {
		color: rgb(32,112,180);
	}
	
	ul#outils li {
		list-style-type: none;
		position: absolute;
		width: 90px;
		height: 30px;
		top: 125px;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		background-color: rgb(170,214,255);
		
		font: normal 11px/30px helvetica, arial, sans-serif;
	}
	
	#ecrire { left: 600px; }
	#plan { left: 690px; }
	
	ul#outils li a {
		color: rgb(0,60,110);
	}
	
	ul#outils li a:active, ul#outils li a:hover {
		color: white;
	}


/*
	navigation contextuelle - menu gauche
*/

	ul, li {
		margin: 0px;
		padding: 0px;
	}
	

	#sommaire {
		width: 145px;
		margin-left: 20px;
		position: relative;
	}
	
	#sommaire li {
		width: 125px;
		list-style-type: none;
		margin: 12px 0px;
		font: bold 11px helvetica, arial, sans-serif;
		color: rgb(0,60,110);
		padding-right: 20px;
		
		_width: 145px;
		_padding-right: 0px;
	}
	
	#sommaire ul.section {
		border: solid rgb(170,214,255);
		border-width: 1px 0px;
		margin: 6px 0px;
	}
	
	#sommaire ul.section li {
		width: 125px;
		list-style-type: none;
		margin: 9px 0px;
		padding-right: 20px;
		font: 11px helvetica, arial, sans-serif;
		vertical-align: top;
	
		_width: 145px;
		_padding-right: 0px;
	}
	
	#sommaire ul.section ul.sousSection li {
		margin-left: 15px;
		width: 110px;
		list-style-type: none;
		
		_width: 125px;
	}
	
	#sommaire ul.section ul.sousSection li.courant {
		list-style-type: disc;
	}
	
	#ouvert{
		background: url(../../images/img_interface/ouvert.png);
		background-position: right top;
    	background-repeat: no-repeat;
	}

	.ferme {
		background: url(../../images/img_interface/ferme.png);
		background-position: right top;
    	background-repeat: no-repeat;
	}
	
	li + ul {
		margin-top: 10px;
	}