/*Les menus */

#menu
{
	background:transparent url("images_encyclopedia_lachalis/bandeau.jpg") repeat-x;
	font-size:80%;
	position:fixed;
	top:0;
	left:0;
	height:36px;
	width:100%;
	z-index:1000;
}

/* Les conteneurs */

#menu dl
{
	float:left;
	width:20%;
	padding:0;
	margin:0;
}

/* Le contenu du menu*/

#menu dl dt
{
	cursor: pointer;
	text-align:left;
	text-indent:10px;
	margin-left:10px;	
	width:200px;
}

#menu dl:hover dt
{
	background-color:rgb(101,155,177);
	text-align:left;
	width:130px;
	height:36px;
}

/* Les liens */

#menu dl dt a, #menu dl dd a
{
	display:block;
	padding:0;
	margin:0;
	padding-top:8px;
	font-weight:bold;
	text-decoration:none;
	font-family: Helvetica;
	color:white;
	height:28px;
}

#menu dl dd a
{
	font-weight:normal;
	height:1em;
}

/* Le contenu du menu */

#menu dl dd
{
	display:none;
	margin-left:10px;
	margin-top:0;
	padding-bottom:1px;
	width:200px;
}

#menu dl:hover dd
{
	display:block;
}

/* Les élements internes */

#menu dl dd ul
{
	list-style-type: none;
	list-style-position:outside;
	padding:0;
	margin:0;
	opacity:1;
}

#menu dl dd ul li a
{
	display:block;
	padding:2px;
	margin:0;
	padding-top:4px;
	padding-bottom:2px;
	font-weight:normal;
	text-decoration:none;
	font-family: Helvetica;
	color:white;
	height:20px;
}

/* Encore... */

#menu dl dd ul li
{
	padding-left:5px;
	height:22px;
	background-color:rgb(101,155,177);
	background-image:url("images_encyclopedia_lachalis/sous_menu_bleu.png");
}

#menu dl dd ul li:hover
{
	background-color:rgb(75,143,0);
	background-image:url("images_encyclopedia_lachalis/sous_menu_vert.png");
	padding-left:25px;
	opacity:1;
	width:175px;
}


/* Les améliorations graphiques : le conteneur de fin de liste */

#menu dl dd ul li:last-child
{
	border-radius:0 0 10px 10px;
}

#menu dl dd ul li:first-child
{
	border-radius:10px 10px 0 0;
}

/* Les sous-sous-menus */

#menu dl dd ul li ul
{
	border:1px;
	border-top:0px;
	margin-left:-60px;
	display:none;
	position:relative;
	left:150px;
	top:-26px;
	width:228px;
}

#menu dl dd ul li:hover ul
{
	display:block;
	padding-left:25px;
	opacity:1;
	width:210px;
}

#menu dl dd ul li:hover ul:hover
{
	display:block;
	padding-left:25px;
	opacity:1;
	width:210px;
}

#menu dl dd ul li ul li:hover
{
	background-image:url("images_encyclopedia_lachalis/sous_sous_menu_vert.png");
	display:block;
	padding-left:25px;
	opacity:1;
	width:210px;
}

#menu dl dd ul li li
{
	background-image:url("images_encyclopedia_lachalis/sous_sous_menu_vert.png");
	width:230px;
}