ul.liens-directs { float:left; width:200px; margin:0 0 1em; padding:0;}
ul.liens-directs li { margin:0; padding:4px 10px; border-bottom:1px solid #ccc;}


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

/* Masquer les niveaux 2 et plus */
ul#navigation, #navigation ul, #navigation li { margin:0; padding: 0; }
#navigation li {}
/*#navigation ul ul { display: none !important; } */
#navigation li.select ul { display: block !important; }
#navigation li.select ul ul { display: none !important; }
#navigation li.select ul li.select ul { display: block !important; }

/* 1e niveau */
#navigation { float:right; width:661px; height:26px; background:url(../images/bg_navigation.gif) no-repeat right top; }
#navigation li { float:left; padding:5px 11px; background:url(../images/bg_li_nav.gif) no-repeat; }
#navigation li a {text-transform:uppercase; color:#e2c587; font-size:0.85em; letter-spacing:1px; }
#navigation li a:hover, #navigation li a.aselect { color:white;}

#navigation li.index { margin-left:10px; padding-top:7px; padding-bottom:0; background:none;}
#navigation li.index a { display:block; width:12px; height:12px; padding:0; background:url(../images/home.gif) no-repeat; text-indent:-999999px;}
#navigation li.index a:hover, #navigation li.index a.aselect { background-position:0 -16px;}

/* 2e niveau */
ul.snav { width:201px;margin-bottom:20px;}
ul.snav li { margin:0; padding:2px 0 2px 12px; margin-left:10px; border-bottom:1px solid #c2a360; background:url(../images/puce_sousnav.gif) no-repeat 0 6px;}
ul.snav li a { color:#a70034;}
ul.snav li a:hover { color:#4c4c4c;}

/************** menu institutionnel **************/

ul#institutionnel { width:201px; margin-bottom:20px; }
ul#institutionnel li { border-bottom:1px solid #fff;}
ul#institutionnel li a { display:block; width:201px; height:30px; background-repeat:no-repeat; background-position:left top; text-indent:-99999px;}
ul#institutionnel li a:hover { background-position:1px 0; background-color:#000;}
ul#institutionnel li.select a, ul#institutionnel li.select a:hover { background-position:0 -30px;}

ul#institutionnel li.cabinet a { background-image:url(../images/bg_nav_cabinet.gif);}
ul#institutionnel li.services-competences a { background-image:url(../images/bg_nav_services.gif);}
ul#institutionnel li.engagements a { background-image:url(../images/bg_nav_engagements.gif);}

/*** niveau 2 ***/
ul#institutionnel ul { display: none !important; padding:5px 0 5px 5px; background:url(../images/bg_ul.sousnav.gif) repeat-y -2px 0; border-top:1px solid #000; border-right:1px solid #000; border-bottom:0px solid #000; }
.cabinet ul#institutionnel ul { background-color:#f0e9db; border-right:1px solid #c2a360;}
.services-competences ul#institutionnel ul { background-color:#e5e5e5; border-right:1px solid #4c4c4c; }
.engagements ul#institutionnel ul { background-color:#ede4e7; border-right:1px solid #a70034;}

ul#institutionnel li.select ul { display: block !important; }
ul#institutionnel li.select ul li { margin:2px 5px 2px 8px; padding:4px 0 4px 14px; border-bottom:1px solid #fff; background:url(../images/puce_sousnav.gif) no-repeat 0 8px;}
ul#institutionnel li.select ul li.last { border:0;}
ul#institutionnel li.select ul li a { display:inline; text-indent:0; background:none; color:#4c4c4c; line-height:1em; }
ul#institutionnel li.select ul li a:hover { color:#a70034; background:none;}
ul#institutionnel li.select ul li a.aselect, ul#institutionnel li.select ul li a.aselect:hover { color:#a70034;}