/* Je selectionne mes <li> par les selecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menuhaut li { 
display : inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menuhaut {
float:left;
font-size:1em;
margin-top:20px;
padding:0 0 0 16px;
width:983px;
}

#menuhaut li{
margin-left: 5px;
float:left;
}

#menuhaut ul{
margin : 0;
}

#menuhaut a  {
color:#FFFFFF;

}

#menuhaut li a {
padding: 0px 15px 20px 15px;
float:left;
} 

#menuhaut .active  a {
background:transparent url(../graphics/tab-left.png) no-repeat scroll left top;
color:#2F2F2C;
}


ul#menuhaut li.active { 
background:transparent url(../graphics/tab-right.png) no-repeat scroll right top;
}


ul#menuhaut {
list-style-type : none; /* Car sinon les puces se placent n'importe ou */
}



#menugauche ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0px;
}

#menugauche li{
margin-left:5px;
padding:0px 0px;
}

#menugauche a  {
padding:2px 0px;
font-weight : normal;
color:#2F2F2C;
}

#menugauche .active a {
color:#2F2F2C;
background-color:#C2E028;
}

#menugauche  a:hover {
color:#2F2F2C;
background-color:#EAE9DA;
}

.menutop ul{

height:26px;
background:transparent url(../graphics/bateaumenu_g.jpg) no-repeat scroll top left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0px;
padding-left:35px;
padding-top:4px;
}

.menutop li{
margin:0px;
display : inline;
}

.menutop{
position: absolute;
top:0px;
display : inline;
right: 135px;
padding-right: 39px;
background:transparent url(../graphics/bateaumenu_d.png) no-repeat scroll top right;
vertical-align: middle;
}



.lang{
position: absolute;
height:26px;
right:-10px;
background:transparent url(../graphics/onglet_langue.png) no-repeat scroll 0 0;
width:151px;
top:0px;
padding-top:4px;
}

.menubas{
font-size: 0.8em;
position: absolute;
bottom:5px;
padding-left: 500px;
}