html, body {
        background-color: #E7E7E7;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.82em;
      }
    #Listederoulante{
	position: absolute;
	float : left;
	width: 180px;
	/*height: 152px;*/
	margin-top: 420px;
	left: 150px; /*font-size: 8px;
	color: #98341a;
	font-family: "Myriad Condensed Web";
	font: bold;*/
/*background: url(mail.jpg) no-repeat;
	text-decoration: none;*/
}
      .trigger {
        border: 1px solid #A9A9A9;
        background: #FFFFFF url(bas.jpg) no-repeat;
        padding: 2px;
        display: block;
        width: 123px;
		  height:28px;
        color: #000000;
        text-decoration: none;
      }
      
      .activetrigger {
        border: 1px solid #A9A9A9;
        background: #FFFFFF url(bas.jpg) no-repeat;
        padding: 2px;
        display: block;
        width: 123px;
		  height:14px;
        color: #000000;
        text-decoration: none;
      }
      
     /* div.arrow {
        background: url(droparrow.gif) no-repeat;
        width: 15px;
        height: 15px;
        float: right;
      }*/
      
      .dropcontainer ul {
        border: 1px solid #000000;
        background: #FFFFFF;
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 127px;
        height: 12em;
        position: absolute;
        overflow:auto;
      }
      
      .dropcontainer ul li {
        list-style-type: none;
        list-style-image: none;
        text-indent: 0;
        padding: 0;
        margin: 0 10px 0 0;
      }
      
      .dropdownhidden {
        top: 0;
        left: -999em;
      }
      
      .dropdownvisible {
        top: 0;
        left: 0;
      }
      
      .dropcontainer ul a {
        padding: 2px;
        margin: 0;
        display: block;
        text-decoration: none;
        color: #000000;
      }
      
      .dropcontainer ul a:hover {
        background: #58b7e3;
      }
      
      .dropcontainer {
        position: relative;
      }