/*******************************************************************************
Styles issu des tutoriels http://css.alsacreations.com pour menu gauche vertical
********************************************************************************/
/* body {
   background: white;
   padding:0;
   margin:0;
   } */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
/*position: relative;*/
/*top: -2em;*/
/*left: 0.5em;*/
width: 14em;
font-family: arial, verdana, sans-serif;
font-size: 75%;
color: black;
}

#menu dt {
cursor: pointer;
background: #A9BFCB;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: relative;
z-index: 100;
left: 11em;
margin-top: -1.4em;
width: 12em;
background: #A9BFCB;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 12px;
line-height: 12px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

/*****************************************************************************
Styles issus du livre More On CSS de Eric Meyer pour le menu horizontal
******************************************************************************/
/* body { background: #EEE; color: #000; behavior: url(csshover.htc); }*/ /*WinIE behavior call */
/* h1 {
color: #AAA; 
border-bottom: 1px solid; 
margin-bottom: 0;
} */
#main {
color: #CCC;
/*margin-left: 7em;*/
padding: 2em 0 1px 5%; 
border-left: 1px solid;}

div#navhem {  float: right;  
margin: -1px 1em 0 0;
background: #FFF; 
border: 1px solid #AAA; 
font-family: arial, verdana, sans-serif;
font-size: 85%;
color: black;
z-index: 100;
}
div#navhem ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px; z-index: 100;}
div#navhem li {position: relative; list-style: none; margin: 0;
  float: left; width: 10.5em; /*line-height: 1em;*/ z-index: 100;}
div#navhem li:hover {background: #EBB;}
div#navhem li.submenu {/*background: url(dropmenu.gif) 95% 50% no-repeat;*/}
div#navhem li.submenu:hover {background-color: #EDD;}
div#navhem li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 10.5em; color: maroon; font-size: 0.8em; font-weight: bold; text-align: center;}
div#navhem>ul a {width: auto;}
div#navhem ul ul {position: absolute; width: 10.5em;
  display: none;}
div#navhem ul ul li {border-bottom: 1px solid #CCC;}
div#navhem li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#navhem li.submenu li.submenu:hover {background-color: #EDD;}
div#navhem li.submenu li.submenu:hover {background-color: #EDD;}
div#navhem ul.level1 li.submenu:hover ul.level2,
div#navhem ul.level2 li.submenu:hover ul.level3 {display:block;}
div#navhem ul.level2 {top: 2.5em; left: -1px;}
div#navhem ul.level3 {top: -1px; left: 10.5em;
  border-top: 1px solid #CCC;}