#header {
	display: block;
	position: relative;
	height: 40px;
	width:100%; 
	background:  url(../img/eleves_bg_color.jpg) no-repeat bottom left;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	/*float:left;*/
      }
/* *>#header {float:left}  astuce: n'est pas reconnu par IE */

#header .menu{
		height:40px;
		display:block;
		font-family:verdana, arial, helvetica;
		list-style-type:none;
		padding:0;
		padding:0px 0px 0px 190px;
		margin:0 auto;
		}

#header .menu ul {
      margin:0;	   
      padding:10px 10px 10px 190px;
      list-style:none;
      }

#header li.autre, #header li.current{
      float:left;
	  position:relative;
      background:url(../img/menu-onglets/left.gif) no-repeat left top;
      padding:13px 0 0 9px;
	  z-index:10;
      }

#header a {
      display:block;
      background:url(../img/menu-onglets/right.gif) no-repeat right top;
      padding:5px 5px 4px 4px;
	  text-decoration:none;
	  font-family:arial, helvetica;
      font-weight:bold;
      color: #9C4C1A; 
	  letter-spacing: -0.8px;
      }
#header a:hover {
      background:url(../img/totally-senseless.gif) bottom repeat-x;
	  color:#d33;
      }

#header .current a.sector {
	  background: white;
	  border: 1px solid #9C4C1A;
	  border-bottom:none; 
      color:#b33;
      padding-bottom:5px;
      }

/************    HEADER_TSR thanks to tsr.ch for their ***************************************/

#header .menu ul a{
		background:#F8EFDE; 
		color: #9C4C1A;
		padding:4px;
		text-transform:none;
		margin-top:0px;
		border-bottom:1px solid #9C4C1A;
		font-size:12px;
		font-weight:bold;
		letter-spacing: normal;
		}
#header .menu ul a:hover{
		background: #9C4C1A /* #D56F03*/  ;
		color: white;
		}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
#header .menu ul{
		position:absolute;
		top:36px;	/* This should be the "#headerTSR .menu a" height + vertical padding */
		left:10px;	/* for IE */
		border:1px solid #9C4C1A;
		padding: 0;
		margin:0;
		}

/* ---- submenus have a fixed width, to have solid columns */
#header .menu ul a{
		width:130px !important;
		}
#header .menu ul li{
		clear:both;
		}

	/* ---- Third (and more) level menus, display on the right */
#header .menu ul ul{
		left:150px; /* should be "#headerTSR .menu ul a" width + link horizonztal padding */
		top:0;
		}

	/* ---- To allow longer texts to get multi-line */
#header .menu ul a{height:auto;}

	/* ---- style the table so that it takes no ppart in the layout - required for IE to work */
#header .menu table{position:absolute; top:0; left:0;z-index:100;}

	/*---- if the dropdown effect is disabled */
#header.disableDropDown .menu ul{visibility:hidden !important;}

	/* ---- The second level is hidden by default */
#header .menu ul{visibility:hidden;}

	/* ---- make the second level visible when hover on first level list, but keep the third one hidden  */
#header .menu :hover ul{visibility:visible;}
	/* #header .menu :hover ul ul{visibility:hidden;} */

	/* ---- make the third level visible when hover on second level list, but keep the forth one hidden  */
	/* #header .menu :hover ul :hover ul{visibility:visible;}
	#header .menu :hover ul :hover ul ul{visibility:hidden;}  */