/****************************************************************************************************************************

  MODULE MUT_PAGES

 ****************************************************************************************************************************

 @fichier  : menu-secondaire.css
 @chemin   : /_template/css/
 @auteur   : David COUMANS (http://www.ginko-web.com) et Jérémy SAMOYEAU (http://www.autodidacte.net)
 @creation : 01/04/2006

 ****************************************************************************************************************************

 Utilité : feuille de style pour le menu 2

 ***************************************************************************************************************************/


#menu-secondaire ul {
position: relative;
margin: 0;
padding: 0;
width: 200px;
font-size: 1.1em;
}

#menu-secondaire li {
margin: 0;
padding: 4px 0;
width: 200px;
list-style: none;
background: transparent url("../img/fond_separateur_menu.png") repeat-x bottom left;
}

#menu-secondaire li a {
display: block;
margin: 0;
padding: 0 0 0 15px;
width: 185px;
text-decoration: none;
font-weight: bold;
color: #4b4b4b;
background: transparent url("../img/puce_menu-secondaire.png") no-repeat center left;
}

#menu-secondaire li a:hover {
color: #fff;
background: transparent url("../img/puce_menu-secondaire_over.png") no-repeat center left;
}

#menu-secondaire li a.active {
color: #fff;
background: transparent url("../img/puce_menu-secondaire_over.png") no-repeat center left;
}





div.menu3 {
position: absolute;
margin: 0;
padding: 0;
width: 309px !important;
}

div.menu3 ul {
margin: 0;
padding: 0;
font-size: 1.1em;
background: transparent url("../img/fond_menu3.png") no-repeat 1px 0;
}


div.menu3 li {
margin: 0 0 0 10px;
padding: 0 0 1px 1px;
width: 308px;
list-style: none;
background: #fff url("../img/fond_separateur_menu3.png") no-repeat left bottom;
}

div.menu3 li a {
display: block;
margin: 0;
padding: 3px 5px 3px 25px;
width: 268px;
text-decoration: none;
font-weight: bold;
line-height: 1.5em;
color: #4b4b4b;
background: transparent url("../img/puce_menu-secondaire.png") no-repeat 10px center;
}

/**-------------------------------------------------------------------------------------------------------------------------
  -> complété dans les fichiers particuliers :

  div.menu3 li a:hover
  div.menu3 li a.active

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


div.menu3 li a:hover {
background-image: url("../img/puce_menu-secondaire.png");
background-repetition: no-repeat;
background-position: 10px center;
}

div.menu3 li a.active {
background-image: url("../img/puce_menu-secondaire.png");
background-repetition: no-repeat;
background-position: 10px center;
}