body {
	text-align: center;
	margin-top: 0px;
	padding: 0;
	background-color: #000000;
}
.mainbody {
	height: 400px;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
}
.bloc1 {
	float: left;
	height: 599px;
	width: 398px;
	background-image: url(img/mask.jpg);
}
.bloc2 {
	height: auto;
	width: 366px;
	float: right;
	padding-top: 50px;
}
.bloc3 {
	height: auto;
	width: 335px;
	float: right;
	margin-top: 45px;
	text-align: left;
	font-family: "Monotype Corsiva";
	font-size: 20px;
	color: #999999;
	margin-left: 30px;
}
.bloc3 a:link, .bloc3 a:visited, .bloc3 a:active {
	text-decoration : none;
	color: #999999;
	}
.bloc3 a:hover { 
	text-decoration : none;
	color: #7BB221;
	border-bottom: 1px dotted #e0861e;
}

#bloc7 {
	height: auto;
	width: 366px;
	float: right;
	font-size: 16px;
	color: #7BB221;
	font-family: "Monotype Corsiva";
}
#sound {
	height: 32px;
	width: 50px;
	float: right;
	margin-top: 120px;
}
#copyright {
	height: auto;
	width: 366px;
	float: right;
	font-size: 16px;
	color: #7BB221;
	font-family: "Monotype Corsiva";
	margin-top: 80px;
}
#designby {
	text-align: right;
	font-size: 10px;
	color: #CCCCCC;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 180px;
}
#designby a:link, .designby a:visited, .designby a:active{
	text-decoration : underline ;
	color : #3366CC;
}
#designby a:hover {
	text-decoration : underline;
	color: #cccccc;
}