/* menu */
body{
background-color: #999999;
}
#container {
background-image:url(fond.jpg); 
height:40px; 
position:relative;
}
/* niveau1*/
#nav, #nav ul {
position:absolute;
float: left;
height:40px;
list-style-type: none;
display:block;
margin:0; padding:0;
}
#nav a {
display: block;
width: 129px;
height:40px;
color:#FFFFFF;
text-decoration: none;
line-height:40px;
text-align:center;
border-right:dotted 1px #CCCCCC;
}
#nav a.daddy {
/* pour mettre un flêche de suivit des sous menus*/
/* background: url(rightarrow2.gif) center right no-repeat; */
}
#nav li {
list-style-type: none;
float: left;
display:block;
margin:0; padding:0;

}
/* niveau2*/
#nav li ul {
background-image:url(fond.jpg); 
position: absolute;
left: -999em;
height: auto;
width: 129px;
border-top:dotted 1px #CCCCCC;
border-bottom:dotted 1px #999999;
font-weight: normal;
margin:0; padding:0;
}
#nav li li {
list-style-type: none;
padding-right: 0px;
width: 129px;
border-bottom:dotted 1px #999999;
color:#FFFFFF;
display:block;
text-decoration:none;
line-height:30px;
}
#nav li ul a {
width: 130px;
}
/* niveau3*/
/* Décalé à  gauche et remonté à  coté de la ligne en cours */
#nav li ul ul {
margin: -41px 0 0 130px;
}
/* Positions 'invisible' : ne pas toucher */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
/* Couleur bloc survol */
#nav li:hover, #nav li.sfhover {
background-image:url(fond2.jpg);
color: white;

}
/* padding bloc survol */
#nav li:hover ul, #nav li.sfhover ul {
display:block;
}