/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
/* Begin CSS Popout Menu */
a img {border: none;}
#menu{
width:100%;
float:left;
margin:0;
margin-top:1px;
border-left:1px solid #cccccc;
padding:0;
z-index:10;
}
#menu a{
font:bold 12px/18px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}
#menu h2{
color:#000;
background:url(../media/nav/button2.png) repeat-x center;
/*background-color:#CCFFFF;*/
background-color:#CCCCCC;
height:22px;
text-transform:uppercase;
text-align:center;
padding-top:5px;
margin:0px;
}
#menu h2.actif{
color:#000;
height:22px;
text-transform:uppercase;
text-align:center;
padding-top:5px;
margin:0px;
background:url(../media/nav/button2.png) repeat-x center;
background-color:#666666;
}
#menu h2:hover{
background:url(../media/nav/button2.png) repeat-x center;
background-color:#999999;
}
#menu a{
text-decoration:none;
background-image:url(../media/nav/gristrans.png);
/*background-color:#d7dadd;*/
color:#000000;
}
#menu li a{
padding:5px 0 5px 8px;
text-decoration:none;
border-bottom:1px solid #999ccc;
}
#menu a, #menu a:visited{
color:#000000;
}
#menu a:hover{
color:#009966;
background-image:url(../media/nav/grisfonce.png);
/*background-color:#999999;*/
color:#ffffff;
}
#menu a:active{
color:#060;
background:#ccc;
/*background-image:url(../media/nav/fond_vert2_over.png);*/
}
#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:137px;
/*background-color:#FFFFFF;*/
}
#menu li{
position:relative;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}
#menu ul ul ul{
top:0;
left:100%;
}
#menu ul ul ul.last{
top:0;
left:-100%;
}
<!--[if IE]>
<style type="text/css" media="screen">
body {
font-size: 100%;
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 
#menu a{
font: bold 0.8em arial, helvetica, sans-serif;
}
#menu h2{
font: bold 0.9em arial, helvetica, sans-serif;
}
</style>
<![endif]-->
/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
div#menu h2:hover{
background:#000 url(../media/nav/button12_over.jpg) no-repeat;
}
div#menu li:hover{
cursor:pointer;
z-index:100;
}
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}
div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}
/* End of non-anchor hover selectors */
/* Styling for Expand */
#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
}
#menu a.x:hover{
color:#fff;
background:#000;
}
#menu a.x:active{
color:#060;
background:#ccc;
}
/* End CSS Popout Menu */
#accueil {
width: 40%;
margin: 0 2.5%;
font-size:24px;
background: #009966;
color:#FFFFFF;
}
#accueil a:hover{
font-size:24px;
font-weight:bold;
}
#accueil li {
text-align: left;
background-color:#ffffff;
}
#accueil li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#accueil li a:hover {
width:95%;
border-left: 1px solid #009966;
border-right: 1px solid #009966;
}