body, html
{
	font-family: Arial;
	border: 0;
	margin: 0;
	text-align: center;
	background-color: #EEEEEE;
    background-sound:url(music.mp3);
}


#cadre
{
	display: table;
	border: solid 1px #333333;
	margin: auto;
	margin-top:8px;
	width: 96%;
	height: 100%;
	padding-bottom: 47px;
	background-color: white;
}


#bas
{
	margin: auto;
	background: #E9EFFF;
	margin-top: -40px;
	height: 40px;
	width: 96%;
	border-top:1px dashed #CCCCCC;
	color: #333333;
}


#logopanel
{
	background-color: #220044;
	color: white;
	height: 64px;
}
html>body #cadre
{
	overflow:hidden;
}



#menupanel
{
	background: #E9EFFF;
	color: black;
	width: 150px;
	float:left;
	border-right: solid 1px #CCCCCC;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#contenu
{
	clear: none;
	background-image: url(photo/logo_afamy_fond.bmp);
	color: #000;
	float:left;
	border:15px;
	padding:10px;
	width:644px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	text-align:left;
}

.logo
{
	position:absolute;
	top:16px;
	left:32px;
	background-image: url(photo/logo_afamy.bmp);
	background-repeat: no-repeat;
	width:100px;
	height:48px;
}

.titre
{
	position:absolute;
	top:24px;
	left:300px;
	font-family: georgia, sans-serif;
	font-weight:bold;
	font-size:200%;
	color: white;
}

.titre1
{
    position:absolute;
	top:24px;
	left:300px;
	font-family: georgia, sans-serif;
	font-weight:bold;
	font-size:200%;
	color: black;
}