/*
 *   général
 *
 */

body { 
	background-color: #000000 ; 
	margin: 10px; 
	font-size : 14px;
	color : #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


img {
	border : 0px solid;
}



/*
 * menu 
 *
 */



#navigation { 
  	margin:10px;
	border: 0px solid red;
	text-align: center;
}

.menu {
  	border:0px solid blue;
	margin:0px;
  	padding:0;
  	font-size:90%;
}


.menu span { 
  	display:none; /* pour les ; */
}

.menu a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;		/* couleur liens du menu */
  /*vertical-align:20px;		 à ajuster en fonction de la hauteur de l'image... */
}

.menu a:hover,			/* survol liens menu */
.menu a:focus  {
  background-color:#FFFFFF;
  color:#000000;
}





/*
 * tableaux mp3
*/

.tableau {
	border : 0px solid red;
	width: 100%;
}


.tableau table {
	border : 0px solid green;
}

.tableau table td {
	border : 0px solid white;
	padding : 10px;
	font-size:90%;
}



/*
 * menu2 (pour les mp3)
 *
 */


.menu2 {
  	border:0.0em solid;
	margin:0px;
  	padding:0;
  	font-size:90%;
  	line-height:45px; 
}


.menu2 span { 
  	display:none; /* pour les ; */
}

.menu2 a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;		/* couleur liens du menu */
  vertical-align:20px;		/* à ajuster en fonction de la hauteur de l'image... */
  margin-left:30px;
}

.menu2 a:hover,			/* survol liens menu */
.menu2 a:focus  {
  text-decoration : underline overline ;
}

.menu2 .nouveau  {
	color : #FF0000;
}




/*
 * texte1 
 * centré (exemple : page des concerts)
 *
 */


.texte1  {
  	border:0.0em solid;
	margin:0px;
  	padding:0;
  	font-size:90%;
}

.texte1  span { 
  	display:none; /* pour les ; */
}

.texte1  a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FF0000;		/* couleur liens du menu */
}

.texte1  a:hover,			/* survol liens menu */
.texte1  a:focus  {
  text-decoration : underline overline ;
}

.texte1 table {
    border: 0px solid red;
    border-spacing: 10px;
    text-align: left;
}

.texte1 table td {
    border : 0px solid green;
    padding : 10px;
}




/*
 * texte2 
 * à gauche (exemple : page actualités)
 *
 */

.texte2 {
	border : 0px solid red;
	width : 600px;
	text-align : justify;
	line-height : 150%; 
  	font-size:100%;	

	
}


.texte2  span { 
  	display:none; /* pour les ; */
}

.texte2  a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FF0000;		/* couleur liens du menu */
}

.texte2  a:hover,			/* survol liens menu */
.texte2  a:focus  {
  text-decoration : underline overline ;
}

.texte2 table {
    border: 0px solid red;
    border-spacing: 10px;
    text-align: left;
}

.texte2 table td {
    border : 0px solid green;
    padding : 10px;
}

.texte2_gros {
	font-size : 130%;
}

.texte2_gros  a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FF0000;		/* couleur liens du menu */
}

.texte2_gros  a:hover,			/* survol liens menu */
.texte2_gros  a:focus  {
  text-decoration : underline overline ;
}






/*
 * titres mp3
 *
*/
.titreMorceau {
  	border:0px solid;
	margin:10px;
  	padding:10px;
  	font-size:200%;
  	text-align: center;
}

.titreMorceau span { 
  	display:none; /* pour les ; */
}

.titreMorceau a {			/* menu quand la souris n'est pas dessus */
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;		/* couleur liens du menu */
  vertical-align:20px;		
}

.titreMorceau a:hover,			/* survol liens menu */
.titreMorceau a:focus  {
  background-color:#FFFFFF;
  color:#000000;
}




/* menu de la page d'accueil  */
/* CSS issu des tutoriels css.alsacreations.com */

.menuAccueil ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
.menuAccueil ul {
/*position: absolute;	*//* positionnement pour IE5 et IE5.5 */
top: 200px;
/*left: 20%; */
background: transparent url(images/menu-03.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 400px;
padding-top: 30px;              /* zzz2 */
padding-bottom: 30px;           /* zzz 1 */
text-align: center;
}

.menuAccueil li {display: inline;}	/* correction pour IE5 et IE5.5 */

.menuAccueil li a {	
display: block;	
height: 40px;            /* zzz5 */
width: 400px;
color: #000;
font-size: 0px;
text-decoration: none;
line-height: 40px;
}

.menuAccueil li a:hover {
color: #fff	;
background: transparent url(images/menu-03.jpg) top left no-repeat;
font-size: 30px;
}

					/* décalage de l'arrière-plan pour chaque bouton */ /* cf. menuAccueil.gnumeric pour explications */
.menuAccueil a#lien0:hover {	
background-position: 0% -330px;
}
.menuAccueil a#lien1:hover {	
background-position: 0% -370px;
}
.menuAccueil a#lien2:hover {
background-position: 0% -410px;
}
.menuAccueil a#lien3:hover {
background-position: 0% -450px;
}
.menuAccueil a#lien4:hover {
background-position: 0% -490px;
}
.menuAccueil a#lien5:hover {
background-position: 0% -530px;			/* zzz3 */
}





/* menu bas de page */

.menuBas ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

.menuBas ul {
/*position: absolute;*/	/* positionnement pour IE5 et IE5.5 */
top: 0;
border: 0px solid green;
width: 800px;
height: 25px;
text-align: center;
}

.menuBas li {float: left;}

.menuBas li a {	
display: block;	
height: 25px;
width: 100px;
font-size: 11px;
font-weight: bold;
line-height: 25px;
text-decoration: none;
color: #5a4848;
}

.menuBas li a:visited {	
display: block;	
height: 25px;
width: 100px;
font-size: 11px;
font-weight: bold;
line-height: 25px;
text-decoration: none;
color: #5a4848;
}

.menuBas li a:hover {
text-decoration: none;
visibility:visible;
color : white;
}

.menuBas li a span.on {
display:none;
}
.menuBas li a:hover span.on {
display:inline;
}

/*.menuBas li a span.off {
display:inline;
}*/ /*ce § est nécessaire pour myspace... */

.menuBas li a:hover span.off {
display:none;
}












/*

 * tableau achatCD

*/



.achatCD {

	border : 0px solid red;

	width: 100%;

}





.achatCD table {

	border : 0	px ;
	border-color : green;
	border-collapse: collapse

}



.achatCD table td {

	border : 1px dotted;
	/*border-color : #5a4848; */
	border-color : #2f2929; 
	padding : 10px;
	font-size: 90%;
	text-align : center;

}

.achatCD-normal  {

	border : 1px dotted;

	border-color : #2a2828;

	padding : 5px;

	font-size: 100%;

	text-align : left;

}