/* 
  -- #navigation --
  http://-STATIC-/css/navigation.css
  Commun à tous les sites ( www / planet / forum / doc )

  les '../images' sont en relatif sur http://-STATIC-/images/

  v0.1 - 12/06/2010 - McPeter
  v0.2 - 07/12/2010 - McPeter xabilon
  v0.3 - 12/12/2010 - McPeter
*/

#navigation{
  position:absolute; top:7.8em; left:1em; /*top:11.7em; left:3em;*/
  width:16em;
}
  #navigation ul{ margin:0; }

    #navigation li{ list-style:none; }
    #navigation li.menu{
      margin:0 0 8px; padding-top:1px;
      background:#f6f6f6 url('../images/commun/menu_c.png') bottom left repeat-x;
      border:1px solid #BEC0C0;
      border-radius:5px 5px;
      -moz-border-radius:5px 5px;
      -o-border-radius:5px 5px;
      -khtml-border-radius:5px 5px;
    }
      #navigation a{
        display:block;
        padding-bottom:0.4em;
        text-decoration:none;
        color:#000;
      }
        #navigation a.title{
          height:1.4em;
          min-height:20px;
          text-decoration:none;
	        padding-bottom:0;
        }
          #navigation a.title:hover{ font-weight:bold; }

      /* Icones des sections */
      #menu-accueil, #menu-doc,#menu-forum, #menu-planet{
        background-image:url('../images/commun/list_menu.png');
        background-repeat:repeat-y;
      }
      /* positionnement des icones au repos/au survol/sélectionné */
      a#menu-accueil{ background-position:5px 0; }
        a#menu-accueil:hover, #active a#menu-accueil{ background-position:5px -20px; }
      a#menu-doc{ background-position:5px -40px; }
        a#menu-doc:hover, #active a#menu-doc{ background-position:5px -60px; }
      a#menu-forum{ background-position:5px -80px; }
        a#menu-forum:hover, #active a#menu-forum{ background-position:5px -100px; }
      a#menu-planet{ background-position:5px -120px; }
        a#menu-planet:hover, #active a#menu-planet{ background-position:5px -140px; }

      #navigation a.title, #navigation h2{
        font-size:1.1em;
      }

      #navigation h2{
        margin:5px 4px 0; padding:2px;
        background-repeat:repeat-x;
        border:1px outset #BEC0C0;
        border-bottom-width:0px;
        border-radius:5px 5px 0 0;
        -moz-border-radius:5px 5px 0 0;
        -o-border-radius:5px 5px 0 0;
        -khtml-border-radius:5px 5px 0 0;
        /* Chrome - Safari */
        -webkit-border-top-right-radius:5px;
        -webkit-border-top-left-radius:5px;
      }
        #navigation h2:before{
          padding-bottom:-10px; padding-right:8px;
          content:url('../images/commun/icon/newcoment.png');
          vertical-align:middle;
        }

  /* Onglet actif */
  #navigation #active{
    background-position:top left;
    background-image:none;
    border:1px solid #BEC0C0;
    border-radius:5px 5px;
    -moz-border-radius:5px 5px;
    -o-border-radius:5px 5px;
    -khtml-border-radius:5px 5px;
  }
    #navigation #active a.title{
      border-bottom:2px groove #9D9E9E;
      font-weight:bold;
    }
    #navigation #active .cat a{ 
      padding-left:0.8em;
      min-height:1.54em;
    }
    #navigation #active .cat a:before{ 
      position:absolute; left:0.3em;
       content:'-'; 
    }
    #navigation #active .cat a:hover{ font-weight:bold; }
    #navigation #active .cat a:hover:before{
      position:absolute;
      margin-top:-0.2em;
      content:'▶';
      font-size:0.7em;
    }

  /* Effet hallo rouge */
  a.title span{
    display:block;
    position:absolute;
    margin-top:-0.42em; padding-top:0.46em;
    padding-left:30px; /* emplacement réservé pour l'icone de section */
    width:12em;
  }
    a.title:hover span{
      background-position:center top;
      background-repeat:no-repeat;
    }

/* Retrait de profil, inscription, déconnexion et connexion du menu forum */
#navprofile, #navlogin, #navlogout, #navregister {
  display: none;
}