#conteneur-menu{
	background-color:#000000;
	height:28px;
	position:relative;
	}	
#menu{
	height:31px;
	position:absolute;
	background:url(../images/fond-bleu.jpg) 0 0 repeat-x;

	z-index:100;
	}
a.myPlayer {
	display:block;
	width: 320px;
	height:256px; 
	text-align:center;
	margin:0 15px 15px 0;
	
	border:1px solid #999;
}
 
/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}
 
/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

dl{
	height:28px;
	margin:0px; 
	padding:0px;
	display:block;
	float:left;
	z-index:10;
	}
dt{
	width:115px;
	display:block;
	height:28px;
	color:#ffffff;
	line-height:28px;
	text-align:center;
	border-right:dotted 1px #666666;
	cursor:pointer;
	z-index:10;
	}	
dd{
	height:25px;
	width:115px;
	display:block;
	margin:0;
	padding:0;
	z-index:10;
		}	
dd ul{
	background-color:#FFFFCC;
	width:155px;
	margin:0px;
	padding:0px;
	text-align:center;
	list-style:none;
	z-index:10;
	}
dd ul li{
	display:block;
	margin:0px;
	padding:opx;
	z-index:10;
	}
dd ul li a{
	width:155px;
	color:#000000;
	text-decoration:none;
	line-height:20px;
	border-top:dotted 1px #000000;
	border-bottom:dotted 1px #f207a;
	display:block;
	z-index:10;
	}
dl:hover dd{
	display:block;
	z-index:10;
	}
dd ul li a:hover{
	background-color:#000000;
	color:#FFFFFF;
	z-index:10;
	}
dl dd{
	display:none;
	z-index:10;
	}



<!--a:hover{color:red;}
	.style1 {
		text-align: center;
		background-color: #000080;
		max-width: 900px;
	}
	.style2 {
		color: #FFFFFF;
	}
	.style3 {
}
	.style5 {
		font-size: large;
	}
	.style6 {
		border-collapse: collapse;
		background-color: #000080;
		margin-right: 0px;
	}
	.style7 {
		color: #FFFFFF;
		background-color: #000040;
		font-size: x-large;
	}
	a {
		color: #FFFFFF;
	}
	.style8 {
		color: #FFFFFF;
		background-color: #000040;
	}
	.style9 {
	color: #FFFFFF;
	background-color: #000080;
	font-size: x-large;
}
.style10 {
	color: #FFFFFF;
	background-color: #000040;
	font-size: medium;
}
	.style11 {
		background-color: #000000;
	}
	.style12 {
		color: #FFFFFF;
		font-size: large;
	}
	.style13 {
	font-size: medium;
	font-family: Georgia;
}
	.style14 {
	font-size: large;
	font-family: Georgia;
	text-align: justify;
	color: #000000;
	background-color: #FFFFCC;
}
.style15 {
	font-size: medium;
}
.style16 {
	color: #000000;
	background-color: #FFFFCC;
}.style60{
	border: 20px  orange;
	padding: 24px;
	border-bottom-left-radius: 50px;
		background-color: #FFFFCC;
		border-bottom-right-radius: 200px;
		border-top-left-radius :100px;
		border-top-right-radius :66px;
		 -moz-box-shadow: 0 2px 2px #bcbcbc;
  -webkit-box-shadow: 0 2px 2px #bcbcbc;
  text-shadow: 0 -1px 1px #565656;
background:url(images/bg.png) 0 0 repeat-x #363636;
		color: #FF0000;
	font-size: large;
	
}

	
.style62 {
	border: 20px  orange;
	padding: 10px;
	border-bottom-left-radius: 20px;
		background-color: #FFFFCC;
		border-bottom-right-radius: 20px;
		border-top-left-radius :20px;
		border-top-right-radius :20px;
		 -moz-box-shadow: 0 2px 2px #bcbcbc;
  -webkit-box-shadow: 0 2px 2px #bcbcbc;
  

		color: #FF0000;
	font-size: medium;
}

	

	
.style63 {
	border: 20px orange;
	padding: 10px;
	border-bottom-left-radius: 50px;
	background-color: #FFFFCC;
	border-bottom-right-radius: 20px;
	border-top-left-radius : 20px;
	border-top-right-radius : 20px;
	-moz-box-shadow: 0 5px5px #bcbcbc;
	-webkit-box-shadow: 0 2px 2px #bcbcbc;
	
	
	color: #000000;
	font-size: small;
}
.style84 {
	background-color: #0C3363;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}