/*-------------------------------------------------------------------------------------------------*/
/*
______________________
ACTIVEPORTAIL - MENU
______________________
Version 4.4
Feuille de style menu déroulant
Cette feuille de style comprend les éléments utilisés dans le menu déroulant
_________________________________________________________

*/
/*-------------------------------------------------------------------------------------------------*/

/*---------------------------GLOBAL---------------------------*/

/* menu */
#menu,
#menu ul {
  list-style: none; /*ie5.5*/
  margin: 0;
  padding: 0;
  font-weight: bold;
  /*white-space:nowrap;*/
}

/* niveau 1 toujours visible */
#menu {
  margin: 0;
  font-size: 12px;
  width: 980px;
  padding: 0px 0px 0px 0px;
  z-index: 10000;
  height: 40px;
  float: left;
  font-size: 0px;
}

/* niveau2 */
#menu ul {
  position: absolute;
  display: none;
  /*margin:0px 0px 0px -1px;*/
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  width: 200px;
  font-size: 0px;
}

/* niveau 3 */
#menu ul ul {
  left: 100%;
  /*margin:-32px 0px 0px -1px;*/
  margin: -37px 0px 0px 0px;
  line-height: 20px;
  background: #17a8c9;
}

/* liens */

#menu li.onglet,
#menu li.onglet_selected {
  margin-right: 2px;
  float: left;
  display: inline;
}

#menu li.onglet a {
  display: block;
  line-height: 40px;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  height: 40px;
  font-weight: bold;
}

#menu li.onglet a .deb {
  display: block;
  float: left;
  height: 40px;
  width: 10px;
  background: url("../sectorisation/interface/menu_n1_deb.gif") no-repeat top
    left;
}

#menu li.onglet a .milieu {
  display: block;
  float: left;
  height: 40px;
  padding: 0px 0px;
  background: url("../sectorisation/interface/menu_n1_milieu.gif") repeat-x top
    left;
}

#menu li.onglet a .fin {
  display: block;
  float: left;
  height: 40px;
  width: 10px;
  background: url("../sectorisation/interface/menu_n1_fin.gif") no-repeat top
    right;
}

#menu li.onglet a:hover {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.7);
}

#menu li.onglet a:hover .deb {
  background: url("../sectorisation/interface/menu_n1_deb_hover.gif") no-repeat
    top left;
}

#menu li.onglet a:hover .milieu {
  background: url("../sectorisation/interface/menu_n1_milieu_hover.gif")
    repeat-x top left;
}

#menu li.onglet a:hover .fin {
  background: url("../sectorisation/interface/menu_n1_fin_hover.gif") no-repeat
    top left;
}

#menu li.onglet_selected a .deb {
  display: block;
  float: left;
  height: 40px;
  width: 10px;
  background: url("../sectorisation/interface/menu_n1_deb_selected.gif")
    no-repeat top left;
}

#menu li.onglet_selected a .milieu {
  display: block;
  float: left;
  height: 40px;
  padding: 0px 10px;
  background: url("../sectorisation/interface/menu_n1_milieu_selected.gif")
    repeat-x top left;
}

#menu li.onglet_selected a .fin {
  display: block;
  float: left;
  height: 40px;
  width: 10px;
  background: url("../sectorisation/interface/menu_n1_fin_selected.gif")
    no-repeat top left;
}

#menu li.onglet_selected {
}

#menu li.onglet_selected a {
  display: block;
  line-height: 40px;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  height: 40px;
}

/* */

#menu li.onglet li,
#menu li.onglet_selected li {
  float: none;
  vertical-align: middle;
}

#menu li.onglet li a,
#menu li.onglet_selected li a {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  background-color: #04a1e3;
  color: #ffffff;
  font-size: 11px;
  line-height: 16px;
  height: 32px;
  vertical-align: middle;
}

#menu li.onglet li a:hover,
#menu li.onglet_selected li a:hover {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  background-color: #999999;
  color: #ffffff;
  font-size: 11px;
  line-height: 16px;
  height: 32px;
  vertical-align: middle;
}

/*
#menu li li a:hover,#menu li li a:active,#menu li li a:focus{
color:#ffffff;
background-color:#19afd2;
}

#menu li li a:visited {}

#menu li li a:hover,#menu li li a:active,#menu li li a:focus{
color:#ffffff;
background-color:#999999;
}
*/

/* partie dynamique */
#menu .montre {
  display: block;
}

/* flèches */

#menu ul a.sub {
  background-image: url("../sectorisation/interface/menu_deroulant_fleche.gif");
  background-position: 95% 25%;
  background-repeat: no-repeat;
  padding-right: 10px !important;
}

/* tracé de la souris */
/*
#menu a.trace{
background-color:#19afd2;
color:#ffffff;
}

#menu li a.trace{
background-color:#19afd2;
color:#ffffff;
}
*/

#menu li.onglet a.trace .deb {
  background: url("../sectorisation/interface/menu_n1_deb_hover.gif") no-repeat
    top left;
}

#menu li.onglet a.trace .milieu {
  background: url("../sectorisation/interface/menu_n1_milieu_hover.gif")
    repeat-x top left;
}

#menu li.onglet a.trace .fin {
  background: url("../sectorisation/interface/menu_n1_fin_hover.gif") no-repeat
    top left;
}