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

#nav { float:left; width:100%; margin:19px 0 0; background:url(../images/nav_bg.gif) repeat-x left bottom; }


/* 1e niveau */
ul#navigation { float:left; width:674px; padding-left:70px; }
ul#navigation li { float:left; display:block; width:106px; padding:6px 0 7px; margin:0 2px; background:#b6d5f8 url(../images/navigation_lu_li_bg.gif) no-repeat; text-align:center;}
ul#navigation li a { color:#000; }
#navigation li a:hover, #navigation li.select a { color:#fff;}
#navigation li.select { background:#4081d0 url(../images/navigation_lu_li_select_bg.gif) no-repeat; padding-bottom:8px;}

#navigation li.index { /*margin-left:20px;*/}
#navigation li.index a { padding-left:20px; background:url(../images/navigation_picto_accueil.gif) no-repeat left center;}
#navigation li.index a.aselect {background:url(../images/navigation_picto_accueil_select.gif) no-repeat left center;}

/* 2e niveau */
ul.sousnav { float:right; width:674px; padding-left:70px; text-align:left; padding:6px 0; background:#4081d0;}
ul.sousnav li { display:inline; padding:0 10px; border-right:1px solid #89b8f2;}
ul.sousnav li.last { border:0;}
ul.sousnav li a { color:#fff;}
ul.sousnav li a:hover, ul.sousnav li a.aselect { color:#000;}

.catalogue ul.sousnav { display:none;}


/************** menu catalogue **************/


/******** commun ********/
ul.catalogue, ul.catalogue li { margin:0; padding:0;}

/* cacher les autres sous niveaux dans les pages univers 
.collectivites ul.catalogue ul, .industriels ul.catalogue ul, .hospitalier ul.catalogue ul { display:none;}
.collectivites ul.catalogue li.select ul, .industriels ul.catalogue li.select ul, .hospitalier ul.catalogue li.select ul { display:block;}*/
ul.catalogue ul { display:none;}
ul.catalogue li.select ul { display:block;}


/******** niveau 1 ********/
ul.catalogue { margin:1em 0;}
ul.catalogue li { }
ul.catalogue li a {
	display:block; 
	width:100%; 
	height:15px; 
	padding:8px 0 8px; 
	text-align:center; 
	background:url(../images/catalogue_ul_li_bg.gif) no-repeat; 
	text-transform:uppercase; 
	color:#000; 
	font-weight:bold;}
ul.catalogue li a:hover { color:#fff;}
ul.catalogue li a.aselect { color:#003d7f;}

/******** niveau 2 ********/
ul.catalogue ul { border-top:1px solid #fff;}
ul.catalogue ul li { border-bottom:1px solid white; background-color:#dbdbdb; background-image: url(../images/catalogue_ul_ul_li_bg.gif); background-repeat: repeat-y; background-position:left top;}
ul.catalogue ul li a, ul.catalogue li.industriels ul li a, ul.catalogue li.hospitalier ul li a { height:auto; width:auto; padding:3px 3px 3px 18px; text-align:left; color:#082257; text-transform:none; font-weight:normal; background:none; }
ul.catalogue ul li a:hover, ul.catalogue ul li a.aselect { color:#082257; background:#86b9f4 url(../images/catalogue_ul_ul_li_a_bg.gif) no-repeat left center;}
ul.catalogue /*li.select*/ ul li a.aselect { font-weight:bold !important;}

/******** codes couleurs univers ********/
/* niveau 1 */
ul.catalogue li.industriels a { background:url(../images/catalogue-industriels_ul_li_bg.gif) no-repeat;}
ul.catalogue li.hospitalier a { background:url(../images/catalogue-hospitalier_ul_li_bg.gif) no-repeat;}
ul.catalogue li.prestations-services a { padding-top:8px; background:url(../images/catalogue-services_ul_li_bg.gif) no-repeat;}
/* niveau 2 */
ul.catalogue li.industriels ul li { background-image:url(../images/catalogue-industriels_ul_ul_li_bg.gif);}
ul.catalogue li.hospitalier ul li { background-image:url(../images/catalogue-hospitalier_ul_ul_li_bg.gif);}

ul.catalogue li.industriels ul li a:hover, ul.catalogue li.industriels ul li a.aselect { background:#fb9327 url(../images/catalogue_ul_ul_li_a_bg.gif) no-repeat left center;}
ul.catalogue li.hospitalier ul li a:hover, ul.catalogue li.hospitalier ul li a.aselect { background:#ffd917 url(../images/catalogue_ul_ul_li_a_bg.gif) no-repeat left center;}
