/************** menu outils **************/

ul#outils { clear:right; float:right; width:321px; margin:5px 0 0; padding:12px 0; text-align:center; background:url(../images/outils_bg.gif) no-repeat;}
ul#outils li { display:inline; padding:0 4px; border-right:1px solid #606060;}
ul#outils li.last { border:0;}
ul#outils li a { color:#606060;}
ul#outils li a:hover { color:red;}

/************** menu principal **************/

#nav { width:100%; height:44px; padding:4px 0 0 0; background:url(../images/navigation_bg.gif) repeat-x;}

/* 1e niveau */
#navigation li { float:left; padding-bottom:4px; text-align:center; position:relative;}
#navigation li a { display:block; width:112px; height:33px; padding:4px 8px; margin-right:1px; color:#fff; background-color:#adaead; font-family:Helvetica, Arial, sans-serif; font-size:1.1em; letter-spacing:0.04em; }
#navigation li a:hover { color:#000; }
#navigation li.last a { margin:0;}
#navigation li.index a { width:85px; height:25px; padding:12px 0px 4px 20px; background-image:url(../images/picto_home.gif); background-repeat:no-repeat; background-position:8px center; }

/* codes couleurs rubriques */
#navigation li.association a { background-color:#004d91; height:25px; padding-top:12px;}
#navigation li.informations-pole a { background-color:#e30045;}
#navigation li.annuaire-entreprises a { background-color:#ee7f01;}
#navigation li.entreprise-mois a { background-color:#b7c30c;}
#navigation li.actualites a { background-color:#fdc400;}
#navigation li.agenda a { background-color:#e4361b; height:25px; padding-top:12px;}
#navigation li.contact a { background-color:#3a8dd7; height:25px; padding-top:12px;}


/* 2e niveau */
#navigation ul { 
	position:absolute; 
	top:41px; 
	left:0; 
	display:none; 
	width:162px; 
	padding:8px 10px; 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:1;
}
#navigation li:hover ul { display:block;}
#navigation ul li { float:none; text-align:left; border-bottom:1px solid #000; }
#navigation ul li.last { border:0;}
#navigation ul li a { width:148px; height:auto !important; padding:4px 6px!important; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}

/* codes couleurs sousmenu */
#navigation li.association ul { background-color:#004d91;}
#navigation li.informations-pole ul { background-color:#e30045;}
#navigation li.annuaire-entreprises ul { background-color:#ee7f01;}
#navigation li.entreprise-mois ul { background-color:#b7c30c;}
#navigation li.actualites ul { background-color:#fdc400;}
#navigation li.agenda ul { background-color:#e4361b;}
#navigation li.contact ul { background-color:#3a8dd7;}


/************** menu déroulant *************

/* 1e niveau 
ul#navigation, #navigation ul, #navigation li { margin:0; padding: 0; }
ul#navigation {float: left;  width: 790px; height: 40px; margin:  15px 0 20px 15px; padding: 0;background: url(../images/menu_bg_ul.gif) no-repeat left top;}
ul#navigation li {float: left; position:relative; }
ul#navigation li a { display:block; padding: 8px 15px; font-size: 1.1em; text-align: center; color: #23abc9; font-family: "Trebuchet MS", Arial, helvetica; border-left: 1px solid #dfdfdf;}
ul#navigation li a:hover, ul#navigation li a.aselect { color: #fff; background: url(../images/smenu_bg_li_a.gif) repeat-x left top;}

/* 2e niveau 
ul#navigation ul {
	display: none;
	position: absolute;
	width: 200px;
	padding-bottom: 20px;
	background: url(../images/menu_ul_ul_bg.png) repeat-x left bottom;
}
ul#navigation li:hover ul { display: block !important; }
ul#navigation ul li {display:inline;  height: auto; padding: 0 ; margin: 0 !important; border-top:1px solid #fff;}

ul#navigation li.qui-sommes-nous ul li {}
ul#navigation li.produits-services ul li {}

#navigation ul li a {
	display:block; 
	clear:both; 
	float:none; 
	width: 160px; 
	height:auto; 
	padding: 5px 10px 5px 30px;
	color: #fff;
	text-align: left;
	border-right: 0;}
#navigation ul li a:hover,#navigation ul li.select a {color:#000;  background: url(../images/smenu_bg_li_a.gif) repeat-x 0 -2px;}
ul#navigation ul li.select a.aselect {color:#000;}


*/