body {
	font-family: "Times New Roman";
	font-size: 0.8em; 
	color: #000;
	text-align :  center;
background: #eeeeee url(../images/bg.png) repeat-y center; 
}
a{
	text-decoration: none;
	color: #000;
}
a:hover {	text-decoration: underline;
}

h1{
	font-size: 2.5em; 
	font-family : "Times New Roman", Times, serif;

	}

h2 {
	font-size : 1.1em; 
	text-align : left; 
	margin : 0 auto 0.5em auto;
	color : #7A7A7A;
}
.annotation {
	font-style : italic;
	font-size : 1em;
	color: #660000;
	font-weight: bold;
}
/** Blocs principaux  **/

div#page{
  	position : relative;
	text-align : center;
	margin : 0 auto;
	padding : 0;
	width : 600px;
}
div#texte {
	float : left;
	margin : 1.5em 0;
	text-align :  justify;
	font-family : Arial;
	font-size : 12px;
}

/* ***  barre de navigation ****   */

#navigationbar {
	position : absolute;
	width : 100%;
	background-color : #fff;
	z-index : 100;
	text-align : left;
}

body>div#navigationbar {
	position : fixed;
	bottom : 0;
	width : 100%;
	text-align : center;
	!text-align : left;
background: #eeeeee url(../images/bg.png) repeat-y center; 
}

#navigationbar ul {
	list-style-type: none;
	list-style-position: outside;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

#navigationbar ul li{
	display: inline;
	margin-right: 3em;
}

#navigationbar a {
	font-size: 1.6em;
	display : inline;
}
#navigationbar a#actif{
font-size : larger;
}


/* ***  profile ****   */

div#profile {
	height : 445px;
	text-align : left;
	padding : 0;
	font-weight:bold;
	padding-top : 0;
	font-color : #404040;
}
div#profile h1{
	text-align : center;
}


/* ***  players ****   */

ul#players  {
	list-style-type: none; 
	list-style-image: none; 
}

ul#players  li{
	display: block; 
	margin-bottom: 2em;
}

ul#players li a {
	text-align: center;
	font-size: 1.6em; 
	display : block;
	margin-left : -2em;
}

li.iconeCroche {
	background : #fff url(../images/croche.gif) no-repeat 65% 100%;
}

/* page des differents players */
div#Morceau{
	float : left;
	width : 280px;
	height : 230px;
	text-align : left;
	margin-bottom : 1em;
	margin-right : 60px;
	font-size : 0.9em;
}
div#Morceau h2 {
	font-size : 1.3em; 
}
div#Morceau li {
	list-style : none;
	font-size : 0.8em;
}

div#Morceau li span{
	display : block;
	margin-top : 1em;
	font-family : Verdana;
	font-style : italic;
}

div#visuel {
	display : inline;
	width : 280px;
	height : 230px;
	margin-bottom : 1em;
	text-align : center;
}

div#visuel a img{
	border : solid #7A7A7A 1px;
}


/* ***  instruments ****   */
p#instruments img{
	height : 370px;
}

/* ***  links ****   */

div#links{
	position : relative;
	text-align : center;
	margin : 0 auto;
	width : 50em;
}

div.bloc1{
	float : left;
	text-align : center;
	padding : 2em;
	margin-top :2.5em;
	margin-right : 10em;
	font-size : 1.3em;
}

div.bloc2{
	float : right;
	text-align : center;
	padding : 2em;
	margin-top :2.5em;
	font-size : 1.3em;
}

#links h2{
	text-align : left;
}
#links ul {
	list-style-type: none; 
	list-style-image: none; 
	text-align : left;
}
#links li {
	display : block;
	margin-left : -2em;
}
#links li a{ }


/* Special navigateur boiteux : IE */
div#links li a  span {
	display: none;
}
div#links li a:hover  span {
	position: absolute;
	top: 20em;
	left: 10em;	
}

div#links li a:hover  span img {
	/*display: block;
	border-top : solid #000 1px;
	border-right : solid #000 2px;
	border-bottom : solid #000 2px;
	border-left : solid #000 1px;	*/
	display: block;

}

/*  Pour les autres  */
#links li a > span {
	display : none;
}

#links li a:hover > span {
	display: block;
	position: absolute;
	top: 20em;
	left: 10em;
}