#listeOffresGauche {
float:left;
width:194px;
background-color:#0196b2;
border: 1px solid #0196b2;
color:#FFFFFF;
}

#listeOffresDroite {
float:left;
width:382px;
width:380px\9;/* hack IE 6, 7, 8 */
}

#navOffres, #navOffres ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}


#navOffres a{
display:block;
padding:0px 5px;
border:1px solid #b2dfe8;
color:#00333d ;
text-decoration:none;
background-color:#e5f4f7;
width:382px;
width:380px\9;/* hack IE 6, 7, 8 */
}

#navOffres a:hover{
background-color:#0196b2;
border: 1px solid #0196b2;
color:#FFFFFF;
width:382px;
width:380px\9;/* hack IE 6, 7, 8 */
}

#navOffres li{
float:left;
position:relative;
}

#navOffres ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#navOffres li ul a{
width:382px;
width:380px\9;/* hack IE 6, 7, 8 */
height:auto;
float:left;
}

#navOffres ul ul{
top:auto;
}	

#navOffres li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#navOffres li:hover ul ul, #navOffres li:hover ul ul ul, #navOffres li:hover ul ul ul ul{
display:none;
}
#navOffres li:hover ul, #navOffres li li:hover ul, #navOffres li li li:hover ul, #navOffres li li li li:hover ul{
display:block;
}