#navig {
float:left;
}

#navig ul {
margin:0;
}

#navig li {
background:none;
padding:0;
}

#navig a {
text-decoration:none;
color:#000;
}

#navig a:hover {
text-decoration:underline;
}

#navig .news,
#navig li.navig1 a,
#navig li.navig2 a {
display:block;
height:0;
width:0;
overflow:hidden;
}

#navig li.navig1 ul {
position:absolute;
top:110px;
left:45px;
background:url(/local/images/boutons.jpg) no-repeat;
height:140px;
width:680px;
}

#navig li.navig1 ul li {
float:left;
text-align:center;
}

#navig li.navig1 ul li a {
display:block;
width:100px;
height:120px;
background:url(/local/images/boutons.jpg);
margin:10px 20px 0;
}

#navig li.navig1 ul li.topic1 a {
background-position:-10px -10px;
margin:10px 20px 0 10px
}

#navig li.navig1 ul li.topic2 a {
background-position:-150px -10px;
}

#navig li.navig1 ul li.topic3 a {
background-position:-290px -10px;
}

#navig li.navig1 ul li.topic4 a {
background-position:-430px -10px;
}

#navig li.navig1 ul li.topic5 a {
background-position:-570px -10px;
margin:10px 5px 0 20px;
}

#navig li.navig1 ul li.topic1 a.ouvert {
background-position:-10px -290px;
}

#navig li.navig1 ul li.topic2 a.ouvert {
background-position:-150px -290px;
}

#navig li.navig1 ul li.topic3 a.ouvert {
background-position:-290px -290px;
}

#navig li.navig1 ul li.topic4 a.ouvert {
background-position:-430px -290px;
}

#navig li.navig1 ul li.topic5 a.ouvert {
background-position:-570px -290px;
}

#navig li.navig1 ul li.topic1 a:hover {
background-position:-10px -150px;
}

#navig li.navig1 ul li.topic2 a:hover {
background-position:-150px -150px;
}

#navig li.navig1 ul li.topic3 a:hover {
background-position:-290px -150px;
}

#navig li.navig1 ul li.topic4 a:hover {
background-position:-430px -150px;
}

#navig li.navig1 ul li.topic5 a:hover {
background-position:-570px -150px;
}

#navig li.navig1 ul li a span {
display:none;
}

#navig li.navig2 ul,
#navig li.navig2 ul li,
#navig li.navig2 ul li a {
display:inherit;
width:500px;
height:auto;
overflow:visible;
}

#navig li.navig2 ul {
width:500px;
text-align:center;
margin:0 0 10px;
}

#navig li.navig2 li a {
text-decoration:none;
display:block;
color:#fff;
padding:10px 0 0;
font:bold 110% 'Trebuchet MS';
background-color:#fcbf00;
background-image:url(/local/images/bouton_haut.gif);
background-repeat:no-repeat;
background-position:top left;
}

#navig li.navig2 li a span {
display:block;
padding:0 0 10px;
background-image:url(/local/images/bouton_bas.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#navig li.navig2 li a span span {
padding:0;
word-spacing:-0.1em;
background-image:url(/local/images/bouton_milieu.gif);
background-repeat:repeat-y;
background-position:left;
}

#navig li.navig2 li a.ouvert {
color:#fcbf00;
background-color:#d25d1c;
}

#navig li.navig2 li a:hover {
color:#fff;
background-color:#d25d1c;
cursor:pointer;
}