/* propriétés des menus déroulants*/
														  
/*les balise dt sont l'équivalent de table, dt celui de tr et dd celui de dd. Il s'agit en fait de balises servant à créer des liste*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/*ici on a une règle qui spécifiera le genre du dl. on aura donc un dl modifié par la class menu*/
#menu {
position: absolute;
top: 72px;
left: 10px;
width: 93px;
z-index:4;
padding-top:4px;
}
/*ici on a les règles qui spécifient le format des "titres". ce n'est pas comme un tr qui enveloppe des td, c'est en fait un dt à qui on associe des dd. C'est donc ici que je gère les attributs principaux des titres. Je peux lui donner une autre largeur même si cette dernière est spécifiée dans menu. Ici on a un gros problème avec IE, il faut absoluement du texte ou une image dans la zone dt afin d'activer les sous-menus et il doit avoir la largeur qui touche les sous-menus en plus !!! */
#menu dt {
cursor: pointer;
margin:-4px;
padding:0 0 0 3px;
width: 86px;
}
/*Ici c'est les règle qui régissent les sous-menus qui incorporent les ul et les li. l'élement margin-top gère la position relative au sous-menu et non pas la propriété top qui elle fixe la position du sous-menu*/
#menu dd {
	position: absolute;
	z-index: 100;
	left: 84px;
	margin-top: -66px;
	background: #A9BFCB;
	font-family:Arial, Helvetica, sans-serif;
	width:85px;
	
}
.TitreMenu {
background-color:#336699;
}
.TitreMenuInfo {
background-color:#003300;
color:#FFFFFF;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
font-size: 12px;
height: 18px;
line-height: 18px;
padding-left:3px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover {
text-decoration: underline;
}

                                                     /*menu point d'intérogation*/

/* il est à noter que pour servir de zone réactive, la balise dt ne prend pas compte d'un swf dans firefox. Il a fallu que je gosse avec en lui attribuant une bordure qui elle est réactive.*/
#AventuraidMenuInfo {
position:absolute;
left:70px;
top:15px;
width:15px;
height:21px;
padding-top:2px;
z-index:200;
}
#AventuraidMenuInfo dt {
cursor: pointer;
margin:-4px;
border:  1px solid #637d3e;

}
#AventuraidMenuInfo dd {
	position: absolute;
	border:#00FF00 thick;
	z-index: 300;
	left: -68px;
	margin-top: -132px;
	/*_margin-top:-140px;*/
	background-color:#6A8549;
	font-family:Arial, Helvetica, sans-serif;
	width:88px;
	top: -34px;
/*border: 1px solid yellow;*/
}
#AventuraidMenuInfo li a {
color: #FFF;
text-decoration: none;
display: block;
}
/*ici j'ai la hauteur des cellules li contenus dans le dd*/
#AventuraidMenuInfo li  {
height:18px;
font-size:12px;
line-height: 18px;
text-align:right;
}
#AventuraidMenuInfo li a:hover {
text-decoration: underline;
}
#AventuraidMenuInfo ul {
padding:0px;
}
                                                          /* menu journal aventuraid*/
														  
#AventuraidJournal {
position:absolute;
left:199px;
top:2px;
width:228px;
height:18px;
z-index:300;/*le z index doit être plus haut que la zone de contenu sinon, les liens seront inaccessibles*/
}
#AventuraidJournal dt {/*ici on gère l'allure du menu principal puisqu'il est situé dans un dt */
cursor: pointer;
margin:-4px;
border:  1px solid #5C7440;

}
#AventuraidJournal dd {/*ici on gère les sous-menus*/
	position: absolute;
	z-index: 300;
	left: 5px;
	margin-top: -132px;
	/*_margin-top:-140px;*/
	background-color:#6A8549;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:215px;
	top: 144px;
	border-left:#FF0000 double;
	border-right:#FF0000 double;
/*border: 1px solid yellow;*/
}
#AventuraidJournal li a {
color: #FFF;
text-decoration: none;
display: block;
}
/*ici j'ai la hauteur des cellules li contenus dans le dd*/
#AventuraidJournal li  {
height:18px;
font-size:12px;
line-height: 18px;
}
#AventuraidJournal li a:hover {
text-decoration: underline;
}
#AventuraidJournal ul {
padding:0px;													  
}													  
														  
#AventuraidAccueilMag {
	position:absolute;
	left:8px;
	top:229px;
	width:29px;
	height:24px;
	z-index:200;
}
#AventuraidContactMag {
	position:absolute;
	left:37px;
	top:229px;
	width:29px;
	height:18px;
	z-index:200;
}