#container { 
width : 745px;
margin-left : auto;
margin-right : auto;
} 
ul.menu {
margin : 0;
font-size : 9px;
display : table;
border-collapse : collapse;
float : right;
}
ul.menu li {
float : right;
border : none;
text-align : center;
}
ul.menu > li {
display : table-cell;
}
.menu a {
text-decoration : none;
display : block;
color : #8F9299;
font-weight : bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left : 1px solid #8F9299;
}
.menu a:hover {
color : #8F9299;
text-decoration : underline;
font-weight : bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border-left : 1px solid #8F9299;
}
#primaire {
width : 745px;
margin-left : auto;
margin-right : auto;
}
ul.liste {
margin : 0;
height : 30px;
display : table;
border-collapse : collapse;
}
ul.liste li {
float : left;
border : none;
width : 149px;
text-align : center;
}
ul.liste > li {
display : table-cell;
}
.liste a {
text-decoration : none;
padding-top : 8px;
padding-bottom : 8px;
background-image : url('images/bouton_off.gif');
display : block;
color : #FFFFFF;
font-weight : bold
}
.liste a:hover {
background-image : url('images/bouton_on.gif');
padding-top : 8px;
padding-bottom : 8px;
color : #FFFFFF;
font-weight : bold;
}
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
background-color: #DEDEDE;
}
#menu li
{
margin: 0;
}

#menu li a
{
display: block;
padding: 5px 5px 5px 0.5em;
color: #000000;
border-left : 10px solid #DEDEDE;
border-right : 10px solid #DEDEDE;
text-decoration: none;
width: 120px;
font-weight: bold;
}

html>body #menu li a { width: auto; }

#menu li a:hover
{
background-color: #F1F1F1;
color: #000000;
border-left : 10px solid #14AA9E;
border-right : 10px solid #F1F1F1;
}
#navmenu li a:hover, #navmenu li a:active
{
text-decoration: none;
text-align: left;
font-weight: bold;
}