.menu {

width:876px; 
font-family: verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
}

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul li {
float:left;
position:relative;
display:block;
width:219px;
background:#ddd url(./../images/gris_u.jpg) repeat-x; 
}

#bleu {
background:#ddd url(./../images/bleu_u.jpg) repeat-x;
text-indent:30px;
}

#bleu:hover {
background:#ddd url(./../images/bleu_s.jpg) repeat-x;
}

#vert{
background:#ddd url(./../images/vert_u.jpg) repeat-x;
text-indent:30px;
}

#vert:hover{
background:#ddd url(./../images/vert_s.jpg) repeat-x;
}

#orange{
background:#ddd url(./../images/orange_u.jpg) repeat-x;
text-indent:30px;
}

#orange:hover{
background:#ddd url(./../images/orange_s.jpg) repeat-x;
}

#gris{
background:#ddd url(./../images/gris_u.jpg) repeat-x;
text-indent:30px;
width:200px !important;
}

#gris:hover{
background:#ddd url(./../images/gris_s.jpg) repeat-x;
}

.menu ul li.group {
display:block;
text-indent:10px;
background:#666;
color:#ff0;
width:232px;
}

.menu ul li a:hover {
background: url(); 
color:#333;
}

.menu ul li a, .menu ul li a:visited {
float:left;
display:block;
text-decoration:none;
color:#444;
padding:0px 16px;
line-height:25px;
height:28px;
}

.menu ul li ul {
display: none;
}
.menu table {
margin:0;
border-collapse:collapse;
font-size:11px;
position:absolute;
top:0;
left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;
position:absolute;
top:29px;
background:#aaa;
margin-top:-1px;
left:0; 
}

.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; background:url(./../images/sub.jpg); color:#000; width:199px; height:30px;
}

.menu ul li:hover ul li a:hover {
color:#333; background:url(./../images/sub_s.jpg);
}

.menu ul li a:hover {
background: url(); 
color:#333;
}


.left {clear:both;}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:30px;
t\op:29px;
left:0;
marg\in-top:-1px;
}


.menu ul li a:hover ul.endstop {
left: -90px;
}

.menu ul li a:hover ul li a {
display:block;
color:#000;
width:199px;
w\idth:199px;
height:30px;
background:url(./../images/sub.jpg);
}
.menu ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#333; background:#888 url(./../images/sub_s.jpg);
}
.menu ul li a:hover ul li a:hover.drop {
 background: #888; color:#333;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
top:-69px;
t\op:-70px;
color:#000;
left:152px;
height:138px;
width:170px;
overflow:auto;
background:#888;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#333;}
