#menu /* Ensemble du menu */
{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
clear: both;
}
#menu, #menu ul.niveau1 /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
text-align : center; /* on centre le texte qui se trouve dans la liste */
width:700px;
}

/*premier niveau*/
ul.niveau1 li{
list-style-type: none;
float:left;
width:70px;
cursor:pointer;
white-space:nowrap;
background: url(../img/fond-gdmenu.jpg) no-repeat;
padding: 0 3px 0 0;
color: #FFF;
height:30px;
}
ul.niveau1 li.active{
list-style-type: none;
float:left;
width:70px;
cursor:pointer;
white-space:nowrap;
background: url(../img/fond-gdmenu-active.jpg) no-repeat;
padding: 0 3px 0 0;
color: #FFF;
height:30px;
}
ul.niveau1 li.index, ul.niveau1 li.index:hover{
list-style-type: none;
float:left;
width:35px;
cursor:pointer;
white-space:nowrap;
background: none;
padding: 0 3px 0 0;
color: #FFF;
}
ul.niveau1 li:hover{
list-style-type: none;
float:left;
width:70px;
cursor:pointer;
white-space:nowrap;
background: url(../img/fond-gdmenu-sel.jpg) no-repeat;
padding: 0 3px 0 0;
color: #FFF;
}
ul.niveau1 li.active:hover{
list-style-type: none;
float:left;
width:70px;
cursor:pointer;
white-space:nowrap;
background: url(../img/fond-gdmenu-active.jpg) no-repeat;
padding: 0 3px 0 0;
color: #FFF;
}
ul.niveau1 li img{
border:none;
}
ul.niveau1 li a{
display:block;
cursor:pointer;
white-space:nowrap;
color: #FFF;
text-align:center;
text-decoration:none;
padding:7px 0 0 0;
}
ul.niveau1 li.index a{
padding:0;
}

/*deuxieme niveau*/
ul #smenu1{
position: absolute;
top: 47px;
left: 20px;
width:750px;
}
ul #smenu2{
position: absolute;
top: 47px;
left: 20px;
width:750px;
}
ul #smenu3{
position: absolute;
top: 47px;
left: 20px;
width:750px;
}
ul #smenu4{
position: absolute;
top: 47px;
left: 20px;
width:750px;
}
ul #smenu5{
position: absolute;
top: 47px;
left: 20px;
width:750px;
}
ul.niveau1 ul {
display: none;
margin:0px;
padding: 0px;
width:750px;
}
/*ul li.active ul {
display: block;
margin:0px;
padding: 0px;
}*/
ul ul.niveau2 li{
display: block;
float:left;
background:#999;
padding:0 3px 0 3px;
width:auto;
}
ul.niveau1 li.active ul.niveau2 li{
display: block;
float:left;
background:#ff9900;
padding:0 3px 0 3px;
width:auto;
}
ul ul.niveau2 li a{
color:#333;
font-size:11px;
text-transform:uppercase;
background:none;
text-decoration:none;
}
ul ul.niveau2 li.active a{
color:#fff;
font-size:11px;
text-transform:uppercase;
background:none;
text-decoration:none;
}
ul ul.niveau2 li:hover{
display: block;
float:left;
background:#999;
padding:0 3px 0 3px;
width:auto;
}
ul ul.niveau2 li:hover a{
color:#ccc;
}
ul ul.niveau2 li.active:hover a{
color:#fff;
}
ul ul.niveau2 li img{
padding:4px 3px 0 3px;
}

/*troisieme niveau*/
ul ul #ssmenu11, ul ul #ssmenu21, ul ul #ssmenu31, ul ul #ssmenu41, ul ul #ssmenu51{
position: absolute;
top: 30px;
left: 0px;
width:750px;
}
ul ul #ssmenu12{
position: absolute;
top: 30px;
left: 108px;
width:600px;
}
ul ul #ssmenu13{
position: absolute;
top: 30px;
left: 192px;
width:430px;
}
ul ul #ssmenu22, ul ul #ssmenu32, ul ul #ssmenu42, ul ul #ssmenu52{
position: absolute;
top: 30px;
left: 174px;
width:450px;
}
ul ul #ssmenu23, ul ul #ssmenu33, ul ul #ssmenu43, ul ul #ssmenu53{
position: absolute;
top: 30px;
left: 333px;
width:240px;
width:250px;
}
ul.niveau1 ul ul {
display: none;
margin:0px;
padding: 0px;
background: url(../img/fleche-ssmenu-sel.jpg) 5px 0 no-repeat;
width:750px;
}
/*ul li.active ul li.active ul {
display: block;
margin:0px;
padding: 0px;
background: url(../img/fleche-ssmenu-active.jpg) 5px 0 no-repeat;
}*/
ul ul li.active ul, ul li.active ul ul {
display: none;
margin:0px;
padding: 0px;
background: url(../img/fleche-ssmenu-active.jpg) 5px 0 no-repeat;
width:750px;
}
ul ul.niveau2 ul.niveau3 li, ul ul ul.niveau3 li:hover, ul li.active ul.niveau2 ul.niveau3 li, ul li.active ul ul.niveau3 li:hover, ul ul.niveau2 li.active ul.niveau3 li, ul ul li.active ul.niveau3 li:hover{
display: block;
float:left;
padding:0 3px 0 3px;
background:none;
}
ul ul.niveau2 ul.niveau3 li a, ul li.active ul.niveau2 li.active ul.niveau3 li a{
color:#333;
font-size:11px;
text-transform:uppercase;
background:none;
text-decoration:none;
padding:10px 0 0 0;
}
ul ul.niveau2 ul.niveau3 li.active a, ul li.active ul.niveau2 li.active ul.niveau3 li.active a{
color:#ff9900;
font-size:11px;
text-transform:uppercase;
background:none;
text-decoration:none;
padding:10px 0 0 0;
}
ul ul.niveau2 ul.niveau3 li.active a:hover, ul li.active ul.niveau2 li.active ul.niveau3 li.active a:hover{
color:#ff9900;
font-size:11px;
text-transform:uppercase;
background:none;
text-decoration:none;
padding:10px 0 0 0;
}
ul ul.niveau2 ul.niveau3 li img{
padding:6px 3px 0 0;
}
ul ul.niveau2 ul.niveau3 li:hover a, ul li.active ul.niveau2 li.active ul.niveau3 li:hover a{
color:#ccc;
}


li:hover ul.niveau2, li li:hover ul.niveau3, li.sfhover ul.niveau2, li li.sfhover ul.niveau3 {
display: block
}