body {
	background-color: #000;
}
#anim {
	background-image: url(../img/animations.jpg);
	background-repeat: no-repeat;
}

#anim-container {
	height:513px;
}

#menu {
	padding-top: 48px;
}
#anim-container {
	padding-left: 145px;
}

#logomsf {
	margin-left: 430px;
}

#menu a {
	display:block;
}


#menu1 a{
	height:32px;
	background-image:url(../img/1.jpg)
}
#menu1 a:hover {
	background-image:url(../img/1over.jpg)
}
#menu2 a{
	background-image:url(../img/2.jpg);
	height:62px;
}
#menu2 a:hover {
	background-image:url(../img/2over.jpg)
}
#menu3 a{
	height:45px;
	background-image:url(../img/3.jpg)
}
#menu3 a:hover {
	background-image:url(../img/3over.jpg)
}
#menu4 a{
	background-image:url(../img/4.jpg);
	height:62px;
}
#menu4 a:hover {
	background-image:url(../img/4over.jpg)
}

#header {
	margin-top: 10px;
}
.msf {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00CC99;
	font-weight:bold;
	margin-top:90px;
}
.msf span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFF99;
}

.liens-msf {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../img/fleche.jpg);
	background-repeat:no-repeat;
	padding-left:14px;
	line-height: normal;
}
.liens-msf a {
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.liens-msf a:hover {
	text-decoration:underline;
}