/************** menu langues **************/

ul#langues { float:left;}
ul#langues li { display:inline;}
ul#langues li a {}

/******************** menu familles *******************/
/**** niveau 1 ****/
div.nav { clear:both; width:100%; height:38px; padding:12px 0 11px; background:url(../images/haut_arrondi.gif) no-repeat bottom center; }
ul#famille { margin:0; padding:0 4px 0 170px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
ul#famille li { position:relative; float:left; padding:9px 0 0; background-repeat:repeat-x; background-position:left top; background-image:url(../images/famille_nav_li.gif);}
ul#famille li a { display:block; padding:6px 15px; border-left:1px solid #b9b9b9; border-right:1px solid #fff; border-bottom:1px solid #e5e5e5; background:#fff url(../images/famille_nav_li_a.gif) repeat-x; text-transform:uppercase; font-size:0.85em; color:#2a2a2a;}
ul#famille li a:hover {color:#3381c3;}
ul#famille li a.aselect {color:#fff;}

/* code couleur des familles */
ul#famille li.personnes-agees-dependantes { background-image:url(../images/famille_nav_li_agees.gif);}
ul#famille li.personnes-handicapees { background-image:url(../images/famille_nav_li_handicap.gif);}
ul#famille li.enfance { background-image:url(../images/famille_nav_li_enfance.gif);}
ul#famille li.familles { background-image:url(../images/famille_nav_li_familles.gif);}
ul#famille li.urgences { background-image:url(../images/famille_nav_li_urgences.gif);}
ul#famille li.mandataire { background-image:url(../images/famille_nav_li_mandataire.gif);}

ul#famille li.personnes-agees-dependantes a.aselect { background:#a3605a; border-right:1px solid #a3605a;}
ul#famille li.personnes-handicapees a.aselect { background:#7c202f; border-right:1px solid #7c202f;}
ul#famille li.enfance a.aselect { background:#e79602; border-right:1px solid #e79602;}
ul#famille li.familles a.aselect { background:#b8255d; border-right:1px solid #b8255d;}
ul#famille li.urgences a.aselect { background:#f31902; border-right:1px solid #f31902;}
ul#famille li.mandataire a.aselect { background:#7d206f; border-right:1px solid #7d206f;}

/**** niveau 2 ****/
ul#famille ul { display:none;}
ul#famille li:hover ul { display:block;}

ul#famille ul {
	position:absolute; 
	width:100%;
	left:0;
	margin:0;
	padding:0;
	background:#4097c6;
}
ul#famille ul li { float:none; padding:4px 0; background:none; border-bottom:1px solid #fff; text-align:center;}
ul#famille ul li a { padding:0; background:none; border:0; text-transform:none; color:#000; }
ul#famille ul li a:hover { color:#fff;}
ul#famille ul li a.aselect {color:#fff;}

/* code couleur des familles */
ul#famille li.personnes-agees-dependantes ul { background-color:#a3605a;}
ul#famille li.personnes-handicapees ul { background-color:#7c202f;}
ul#famille li.enfance ul { background-color:#e79602;}
ul#famille li.familles ul { background-color:#b8255d;}
ul#famille li.urgences ul { background-color:#f31902;}
ul#famille li.mandataire ul { background-color:#7d206f;}


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

/* Masquer les niveaux 2 et plus */
ul#navigation, #navigation ul, #navigation li { margin:0; padding: 0; }
#navigation li { margin-left: 1em; }

/*#navigation ul ul { display: none !important; } */
#navigation li.select ul { display: block !important; }
#navigation ul { display: none !important; }
#navigation li.select ul li.select ul { display: block !important; }

/* 1e niveau */
ul#navigation { padding-bottom:50px; background:#e8f3fc url('../images/navigation_ul.gif') repeat-y right top; }
#navigation li { padding:0; margin:0; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #dae5ed;  }
#navigation li a { display:block; padding:3px 5px; color:#303437; border-left:5px solid #3381c3; font-size:0.9em; }
#navigation li a:hover { color:#3381c3;}
#navigation li.select a, #navigation li a:hover { border-left-color:#f5b542;}

/* 2e niveau */
#navigation ul { background:#fff; margin:}
#navigation ul li { margin: 0 15px; }
#navigation ul li a { font-size:0.85em; border-left:0px solid #fff !important; }
#navigation ul li.last { border-bottom:0;}
#navigation ul li a:hover, #navigation ul li a.aselect { color:#3381c3;}

/* 3e niveau */
#navigation li li ul {  }
#navigation li li li a:hover, #navigation li li li a.aselect { }