*{margin:0;padding:0;border:none;}
/* Begin CSS Popout Menu */

#menu{
position:absolute;top:45%;left:4%;
z-index:2;
width:16em;
padding-bottom:1em; /* To allow room for bottom dropdown */

}
#menu h1{	/*menu principal*/
font:bold 150%/205% Verdana, Courier, Georgia, monospace;
display:block;
/*border:1px solid #4b4b4b;*/ 
white-space:nowrap;
margin:1px;padding:0 4px;
line-height: 120%;
color:#fffdfd;
}
#menu h2{	/*menu principal*/
font:bold 130%/205% Verdana, Courier, Georgia, monospace;
display:block;
/*border:1px solid #4b4b4b;*/ 
white-space:nowrap;
margin:1px;padding:0 4px;
line-height: 120%;
}

#menu h2		{color:#fffdfd;background:transparent;text-transform:lowercase;}
#menu h2:hover	{color:#63346b;background:url(../images/fond_menu2.png);text-transform:lowercase; }

#menu a{ /*sous-menu*/
font:normal 130%/245% Verdana, Courier, Georgia, monospace;
display:block;
/*border: 1px solid #c0c0c0;*/
white-space:nowrap;
margin-left:1px;
margin-bottom:1px;
padding:0 4px;
line-height: 120%;
}

#menu a			{color:#63346b;background:url(../images/fond_menu2.png);text-decoration:none; font-weight:bold;background-color:#FFFFFF;}
#menu a:hover	{color:#63346b;background:url(../images/fond_menu2.png);font-weight:bold;/*border: 1px solid #4b4b4b;*/}
#menu a:active	{color:#63346b;background:url(../images/fond_menu2.png);font-weight:bold;/*border: 1px solid #4b4b4b;*/}

#menu ul{list-style:none;margin:0;padding:0;width:100%;}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{position:relative;}

div#menu li ul{position:absolute;top:0;left:100.1%;display:none;margin-top:1px;}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}