/* CSS Document */




body {
	margin: 0;
	padding: 0;
	background: white;
	font: 60% verdana, arial, sans-serif;
	font-size:10px;
	}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top: 63px;
	left: 100px;
	z-index:100;
	width: 780px; /* correction pour Opera */
	}

#menu dl {
	float: left; 
	width: 11em; /*largeur menu visible*/
	}
	
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #ccc;
	border: 1px solid gray;
	margin: 1px;
	}
	
#menu dd {
	display: none;
	border: 1px solid gray;
	}
	
#menu li {
	text-align: center;
	background: #ccc;
	}

#menu li a, #menu dt a {
	color: #000; /*couleur police*/
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	}
	
	
#menu li a:hover {
	background:#ffff99; /*couleur bande sous-menus*/
	} 
	
#menu li a:focus {
	background:#ff9966; /* ???*/
	} 
	
#menu dt a:hover {
	background:#ffff00; /*couleur onmousover des 1er liens si "a href" ds body*/
	}
	
#menu dt a:focus {
	background: #ffff00;
	}
#menu dt a:active {
	background: #ff00ff;
	}

#menu li a:active {
	background: #ff9966; /*le lien change de couleur après 1 clic - sous-menus*/
	}