#bas{
  width: 100%;
  height:100%;
  clear:both;
  background-color:#004a6d;
}

#bas2{
  width: 835px;
  margin-left: auto; 
  margin-right: auto; 
}

#menu-section {
	float:left;
	width:945px;
	}
#menu-section ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	}
#menu-section li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu-section a.ja {
	float:left;
	background:url("images/MenuJA_01.png") no-repeat left top;
	text-decoration:none;
	width:85px;
	height:75px;
	}
#menu-section a.ja:hover {background-position:0% -75px;}

#menu-section a.athle {
	float:left;
	background:url("images/MenuJA_02.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.athle:hover {background-position:0% -75px;}

#menu-section a.basket {
	float:left;
	background:url("images/MenuJA_03.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.basket:hover {background-position:0% -75px;}

#menu-section a.foot {
	float:left;
	background:url("images/MenuJA_04.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.foot:hover {background-position:0% -75px;}

#menu-section a.cine {
	float:left;
	background:url("images/MenuJA_05.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.cine:hover {background-position:0% -75px;}

#menu-section a.gym {
	float:left;
	background:url("images/MenuJA_06.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.gym:hover {background-position:0% -75px;}

#menu-section a.tennis {
	float:left;
	background:url("images/MenuJA_07.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.tennis:hover {background-position:0% -75px;}

#menu-section a.tennistable {
	float:left;
	background:url("images/MenuJA_08.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.tennistable:hover {background-position:0% -75px;}

#menu-section a.theatre {
	float:left;
	background:url("images/MenuJA_09.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.theatre:hover {background-position:0% -75px;}

#menu-section a.volley {
	float:left;
	background:url("images/MenuJA_10.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.volley:hover {background-position:0% -75px;}

#menu-section a.amicale {
	float:left;
	background:url("images/MenuJA_11.png") no-repeat left top;
	text-decoration:none;
	width:75px;
	height:75px;
	}
#menu-section a.amicale:hover {background-position:0% -75px;}

#credits{
  width: 830px;
  margin-left: auto; 
  margin-right: auto;
  font-family:arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size:11px;
}

.liencredits {color: #FFFFFF;text-decoration:none;}
a.liencredits:LINK {color: #FFFFFF;text-decoration:none;}
a.liencredits:HOVER {color: #FFFFFF;font-weight:bold;}
a.liencredits:ACTIVE {color: #FFFFFF;font-weight:bold;}

#creditsgauche{
  width: 500px;
  float:left;
  margin-left: auto; 
  margin-right: auto;
  font-family:arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size:11px;
}

#creditsdroite{
  width: 330px;
  float:left;
  margin-left: auto; 
  margin-right: auto;
  font-family:arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:right;
  color: #FFFFFF;
}