/* ======================================================================== //
//                                                                          //
// Fichier     : SUCKERTREE.CSS                                             //
//                                                                          //
// Description : Application de gestion                                     //
//               Feuille de style pour le menu déroulant, basée sur le      //
//               SuckerTree Horizontal Menu (Sept 14th, 06) de Dynamic      //
//               Drive :                                                    //
//               http://www.dynamicdrive.com/style/                         //
//                                                                          //
// Auteur      : IDÉLOGIC - Dany MIODON (05/12/2008)                        //
//                                                                          //
// ======================================================================== */


/* Styles du menu principal
   ~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#menu ul li {
   background-color: #e6e6fa;
   border-right: 1px solid #508dc6;
   display: inline;
   float: left;
   height: 1.9em;
   line-height: 1.9em;
   position: relative;
}
#menu ul li.selected, #menu ul li.disabled  {
   padding: 0 3px 0 6px;
   width: 10em;
}
#menu ul li.disabled  {
   color: #808080; /* Gray */
}
#menu ul li.separator {
   /*background-color: transparent;*/
   background-color: #ffffff; /* White */
   width: 1em;
}

#menu ul li a {
   color: #483d8b; /* DarkSlateBlue */
   display: block;
   padding: 0 3px 0 6px;
   text-decoration: none;
   width: 10em;
}

/* Styles des sous-menus
   ~~~~~~~~~~~~~~~~~~~~~ */
#menu ul li ul {
   border-top: 1px solid #508dc6;
   display: block;
   /*left: 0;*/
   left: -1px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 1em; /* la vraie valeur est déterminée dynamiquement dns le script */
   visibility: hidden;
}

#menu ul li ul li {
   display: list-item;
   float: none;
   height: 1.9em;
   line-height: 1.9em;
   border-bottom: 1px solid #508dc6;
   border-left: 1px solid #508dc6;
/* filter : alpha(opacity=80);
   -moz-opacity : 0.8;
   opacity : 0.8; */
}

#menu ul li ul li a {
   color: #483D8B; /* DarkSlateBlue */
   display: block;
   width: 10em;
   text-decoration: none;
}

/* Styles des menus lors de la navigation
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu ul li a:hover/*, #menu ul li a.home:hover*/ {
   /*background-color: #89c6f3;*/
   background-color: #ffebcd; /* BlanchedAlmond */
   /*color: #ffffff; /* White */
   text-decoration: none;
}

/* Image de fond pour les menus avec sous-menus
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu .folder {
   background: #e6e6fa url("../images/arrow-down.gif") no-repeat 9em center;
}

/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */