#header {
      position:relative;
		top:0px;
		left:280px;
		height:45px;
		width:950px;
      background: url(../images/bg2.jpg) repeat-x top;
		backcolor:#BFBFBF;
      line-height:normal;
		border:solid;
		border-width:0px 1px 0px 1px;

      }
#header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#header li {
      float:left;
      background:url(../images/btnG.jpg) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      /*border-bottom:1px solid #765;*/
      }
#header a {
      float:left;
      display:block;
      width:.1em;
      background:url(../images/btnD.jpg) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;       
		font-size:12px;
      font-weight:bold;           
      color:#000000;/*#765;*/
      white-space:nowrap;
      }
#header ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
    /* End IE5-Mac hack */
#header a:hover {
      color:#333;
      }                         

#logtopo #nav-logtopo, #logdao #nav-logdao,
#logcal #nav-logcal, #logsig #nav-logsig,
#logvrac #nav-logvrac, #histoire #nav-histoire,
#cours #nav-cours, #materiel #nav-materiel,
#gnss #nav-gnss, #doc #nav-doc,
#livre #nav-livre, #ecole #nav-ecole {
      background-position:0 -150px;
      border-width:0;
      }                             

#logtopo #nav-logtopo a, #logdao #nav-logdao a,
#logcal #nav-logcal a, #logsig #nav-logsig a,
#logvrac #nav-logvrac a,#histoire #nav-histoire a,
#cours #nav-cours a, #materiel #nav-materiel a,
#gnss #nav-gnss a, #doc #nav-doc a,
#livre #nav-livre a, #ecole #nav-ecole a
 {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
#header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
#header li:hover a {                  
      background-position:100% -150px;
      }