#header ul#navigation {	position: relative;	z-index:100;}
#header ul#navigation li {position:relative;}
#header ul#navigation ul li {text-align:left; border-top:1px solid #FFFFFF;}

/* hide sub levels - positon absolute so  no room */
#header ul#navigation ul {display:none; position:absolute; height:0; top:27px; left:0; width:133px;} /* IE6 */
#header ul#navigation ul.mediatheque {width:auto;}
#header ul#navigation ul li {width:auto;}
#header ul#navigation ul.mediatheque li {width:auto;}

/* style table so takes no part - required for IE */
#header ul#navigation table {position:absolute; top:0; left:0;}

/* style second level */
#header ul#navigation ul.agenda a, #header ul#navigation ul.agenda a:visited {background:#632c63; color:#FFF; height:auto; line-height:1em; padding:7px 10px; width:auto!important; background-image:none;}
#header ul#navigation ul.mediatheque a, #header ul#navigation ul.mediatheque a:visited {background:#9aaf05; color:#FFF; height:auto; line-height:1em; padding:7px 10px; width:auto!important;}
#header ul#navigation ul.etude a, #header ul#navigation ul.etude a:visited {background:#fe3168; color:#FFF; height:auto; line-height:1em; padding:7px 10px; width:auto!important;}
#header ul#navigation ul.langue-fr a, #header ul#navigation ul.langue-fr a:visited {background:#00abee; color:#FFF; height:auto; line-height:1em; padding:7px 10px; width:auto!important;}
#header ul#navigation ul.lecentre a, #header ul#navigation ul.lecentre a:visited {background:#ff6e01; color:#FFF; height:auto; line-height:1em; padding:7px 10px; width:auto!important;}


/* style top level hover */
/*#header ul#navigation a:hover {color:#FFF; background-image:url(../images/small-arrow-white.gif); background-repeat:no-repeat; background-position: 120px 13px; background-color:#ff009a;}*/
/*#header ul#navigation :hover > a {color:#FFF; background-image:url(../images/small-arrow-white.gif); background-repeat:no-repeat; background-position: 120px 13px; background-color:#ff009a;}*/
#header ul#navigation ul.agenda a:hover {color:#FFF; background:#960064;}
#header ul#navigation ul.mediatheque a:hover {background:#4c4c4c;}
#header ul#navigation ul.etude a:hover {background:#ab3e5b;}
#header ul#navigation ul.langue-fr a:hover {background:#1c6686;}
#header ul#navigation ul.lecentre a:hover {background: #FF3300;}
#header ul#navigation ul.agenda :hover > a {color:#FFF; background:#960064;}
#header ul#navigation ul.mediatheque :hover > a {background:#4c4c4c;}
#header ul#navigation ul.etude :hover > a {background:#632c63;}
#header ul#navigation ul.langue-fr :hover > a {background:#1c6686;}


/* make second level visible when hover on first level list OR link */
#header ul#navigation li:hover ul,
#header ul#navigation a:hover ul {display:block;} /* IE6 */