/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; width:160px; height:150px; position:relative; margin:10px; border-size: 0px; border-width: 0px; font-size:12px; margin:0px 0;FONT-WEIGHT: bold;}
/* couleur face*/
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFF; width:150px; height:32px; text-align:left; vertical-align:middle; background:url(menu13.gif); line-height:30px; font-size:12px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none; padding-left:58px;}

/* specific to non IE browsers */
/* couleur de passage */
.menu ul li:hover a {height: 32px; color:#fff; background:url(menu13.gif) 0 -32px;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#FFF;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:url(menu13.gif) 0 -32px; color:#FFF; width:160px;}
.menu ul li:hover ul li a:hover {background:url(menu13.gif); color:#FFF;}

#menu13 {
width: 200px;
margin: 10px;
}

#menu13 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu13 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu13 li a:link, #menu13 li a:visited {
color: #FFF;
display: block;
background: url(../images/menu13.gif);
padding: 8px 0 0 10px;
}

#menu13 li a:hover {
color: #FFF;
background: url(../images/menu13.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#menu4 {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
	margin: 10px;
	}
#menu4 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}			
#menu4 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #9E3C02;
	display: block;
	background: url(../images/menu4.gif);
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:hover {
	color: #fff;
	background: url(../images/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu4 li a:active {
	color: #fff;
	background: url(../images/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}