/**** MENU ************************************************************************************/
#menu								{ position:absolute; top:10px; left:240px; z-index:10; }
#menu ul, #menu ul li				{ padding:0; margin:0; }
#menu ul li							{ float:left; /*display:inline;*/ list-style-type:none; list-style-image:none; }
#menu ul li a						{ background-repeat:no-repeat; background-position:0 0; float:left; height:35px; margin:0 7px !important; margin:0 3px; display:block; }
#menu ul li a:hover					{ background-position:0 -80px; }
#menu ul li a.actif					{ background-position:0 -40px; }

#menu ul li.o_home a				{ background-image:url(../images/_accueil.png) !important; background-image:url(../images/_accueil.gif); width:52px; }
#menu ul li.o_actualites a			{ background-image:url(../images/_actualites.png) !important; background-image:url(../images/_actualites.gif); width:69px; }
#menu ul li.o_toutemavie a			{ background-image:url(../images/_toutemavie.png) !important; background-image:url(../images/_toutemavie.gif); width:85px; }
#menu ul li.o_sijechante a			{ background-image:url(../images/_sijechante.png) !important; background-image:url(../images/_sijechante.gif); width:80px; }
#menu ul li.o_medias a				{ background-image:url(../images/_medias.png) !important; background-image:url(../images/_medias.gif); width:52px; }
#menu ul li.o_goodies a				{ background-image:url(../images/_goodies.png) !important; background-image:url(../images/_goodies.gif); width:55px; }
#menu ul li.o_liens a				{ background-image:url(../images/_liens.png) !important; background-image:url(../images/_liens.gif); width:39px; }
#menu ul li.o_boutique a			{ background-image:url(../images/_boutique.png) !important; background-image:url(../images/_boutique.gif); width:61px; }

#menu div							{ display:none; visibility:hidden; position:absolute; top:30px; left:-240px; padding:10px 10px 10px 250px; width:720px; z-index:10; background:url(../images/white-90.png); }
#menu ul li:hover div				{ display:block; visibility:visible; }

/* specific to non IE browsers */
#menu ul li:hover ul,
#menu ul li:hover ul li				{ padding:0; margin:0; float:none; }
#menu ul li:hover ul li a			{ color:#333; float:none; margin:0; height:auto; width:auto; background:none; display:block; }

#menu ul li:hover ul li ul			{ padding-left:30px; background:url(../images/li.gif) no-repeat 20px 6px; display:block; }
#menu ul li:hover ul li ul li		{ display:inline; padding:0; margin:0; background:url(../images/slash.gif) no-repeat 100% 4px; }
#menu ul li:hover ul li ul li a		{ display:inline; font-size:10px; text-decoration:none; }

#menu ul li:hover ul li a:hover,
#menu ul li:hover ul li ul li a:hover	{ color:#a2afae; text-decoration:underline; }
