*{
	font-weight:normal;
	font-size:8pt;
	color: #000000;
	font-family:sans-serif;
}
body{
	width:800px;
}

a:hover {
	background-color:green;
}
button.menu {
	border:1px solid;
	padding:1px;
}
button.menu:hover{
	background-color:green;
	color:white;
}
div#header{
	background-color:beige;
	border:solid thin;
	text-align:center;
}
div#title{
	text-align:center;
	width:750px;
	font-family:Times;
	font-weight:bold;
	font-size:14pt;
}
form{
	border:0px;
	margin:0px;
}

img{
	border:none;
	padding:0;
	margin:0;
	vertical-align:middle;
	
}
legend{
	background-color:beige;
	padding:2px;
	
}
input:active, input:focus{
	background: lightgreen;
}
input:hover{
	background:green;
	color:white;
	
}

li{
	padding:0px;
	padding-bottom:10px;
	float:left;
}

li a {
	border:1px solid black;
	background-color:silver;
	font-weight:normal;
	padding:3px;
	margin-right:3px;

	
	text-decoration:none;
}
li a:hover, li a:focus{
	background-color:green;
	color:white;
}
.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
/*   margin-left: auto; */
/*   margin-right: auto; */
  width: 70% !important;
  min-height: 40px;
/*   clear: both; */
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 10px 10px 10px 65px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
.notetip {
  border: 1px solid #9d9;
  background-color: #efe;
  background-image: url(../membre/icon/tip.png);
}
.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(../membre/icon/classic.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffd;
  background-image: url(../membre/icon/important.png);
}
 
.notewarning {
  border: 1px solid #d99;
  background-color: #fee;
  background-image: url(../membre/icon/warning.png);
}
.who{
	color:lightgrey;
	text-align:right;
}
table{
	border-spacing: 2px 0px;
	padding: 0px;
	border: 1px solid #000000;
	background: #DEDEDE;
	margin-top:5px;
	width:800px;
	clear:left;
}
td.hover:hover{
	background-color:green;
}

tr#header{
	background-color:beige;
	border-bottom:thin solid;
	text-align:center;
}
td.list{
	border-bottom:none;
}

ul.menu{
	list-style:none;
	display: inline;
	margin-bottom:12px;
}

ul#legend{
	display: inline;
	list-style:none;
}
.submenu{
	background-color:navajowhite;
	text-align:left;
}

.tooltip{
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;}

.tooltip:hover{
	z-index:25; 
}

.tooltip span{display: none;}

.tooltip:hover span{
    display:block;
    position:absolute;
    top:20px; left:top 0px; width:150px;
    border:1px solid #0cf;
    background-color:lightsteelblue;
    text-align: left;}