
body {
  position:relative;
	font-size: .8em;
	font-family: 'Verdana','Century Gothic', 'Trebuchet MS', 'Bitstream Vera Sans',  'Arial', 'Lucida Sans', 'Lucida Sans Unicode', 'Helvetica', 'sans-serif';
	
	background: #000;
	/*color: #fff;*/
	padding: 0;
	margin: 0;
	text-align:center;
	margin-left:auto;margin-right:auto;
	/*width: 756px;*/
  
		/*margin: 0 auto;*/
	/*text-align: left;*/
	}

#main {
  position:relative;
	width: 756px;
	margin-left:auto;margin-right:auto;
	text-align: left;
}

li {margin-top: 5px;}

table.music {
  width: 400px;
  border-collapse: collapse;
  text-align: left;
  /*border : solid 3px red;*/
  margin:10px;
  margin-left:40px;
}

tr td {
  font-size: 0.9em;
/*  font-size: 0.8em;*/
  text-align: left;
  margin:0px;
  padding:0px;
  color:#ccc;
 /*border : solid 1px green;*/
}
td.listen {
  /*font-weight:bold;*/
  color:#fff;
}
img { border: solid 1px #777; }	
/*	
#wrap {
	width: 758px;
	margin: 0 auto;
	text-align: left;
	}	
*/

#header {
	background: #666 url(./img/header.jpg) no-repeat;
	margin: 0px 0;
	height: 140px;
	padding: 30px 0 0 0;
	text-align: right;
	}

#header h2 {
	font-family: "verdana";
	font-size: 350%;
	float: right;
	width: 34% !important;
	width: 56%;
	margin: 0;
	padding: 0 10px 0 10px;
	background: #000;
	text-align: right;
	}

/* Barre de navigation */
/* http://css.maxdesign.com.au/listamatic/horizontal05.htm */
#navcontainer {
/*text-align: left;*/
width:100%;
}

#navlist
{
padding: 3px 0;
border-bottom: 1px solid #777;
margin:5px 0 0 0;
font: bold 100% Verdana, sans-serif;
}

#navlist ul
  {
  /*width: 107px; display: inline;*/
  }

#navlist li
{
/*width: 107px;*/
/*min-width: 200px;*/
list-style: none;
margin: 0px;
display: inline;
/*padding: 5px;*/
/*display: block;*/
}

#navlist li a
{
color: #e00; /* marche pas... ??? */
padding: 3px 1em;
margin-left: 3px;
border: 1px solid #777;
border-bottom: none;
background: #a22;
text-decoration: none;
}

#navlist li a:link { color: #ccc; }
#navlist li a:visited { color: #bbb; }

#navlist li a:hover
{
color: #cee;
background: #322;
border-color: #888;
}

#navlist li a#current
{
background: #b2421e;
border-bottom: 1px solid #b2421e;
color: #eee;
}

/* Fin partie barre de navigation */


#lang ul li{
padding: 5px;
background-color:#002;
width: 30px;
	float: right;
	display: block;
}

#sousbandeau {
width:500px;
color:#e0e;
}

#content {
	width: 100%;
	margin: 0px 50px 0px 0px;
	padding:0px;
	clear: both;
	text-align: left;
/*	background: #666; */
/*	background: transparent url(./img/mm_back.gif) repeat-x;*/
	/*float: left;*/
	color: #ccc;
	/*border: solid 1px #822; */
	/* position:relative; */
	}
	
#content p  {
  text-align: justify;
  margin: 5px 80px 10px 40px;
  }
#content img {
  margin:5px 10px 5px 10px;
  /*margin-left: auto;
  margin-right: auto; */
  
  }
#content li  {
  margin-right: 30px;
  list-style-image:url(img_web/puce_2.png);
  }
  
#content strong {
  font-weight:bold;
  color:#fee;
  }
  
#content h3 { /* titre de page */
	color: #fff;
	font-size: 140%;
	background-color: #b2421e;
	/*background-color:#311;*/
	text-align: center;
	padding:10px;
	margin:0px 0 30px;
  }

#content h4 {
  border-bottom: solid 1px #431;
	color: #ccc;
  padding: 5px 5px 5px 35px;
  font-size: 1em;
  font-weight: bold;
    margin-top: 2em;
  margin-bottom:0;
  clear: both;
/*  background: transparent url(./img/begin_b.gif) no-repeat left 12px; */
  background-image:  url("img/begin_b.gif");
  background-repeat: no-repeat;
  background-position: 8px 12px;
  /*background-color: #444;*/
}

#content h4.titre_album {
	color: #fff;
  background-image:none;
  font-size: 2.5em;
  text-align:center;
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
}

#content h5 {
  clear: both;
  text-align: left;
  border-bottom: solid 1px #431;
  padding: 5px 5px 5px 35px;
  
  margin-left: 15px;
  margin-bottom:5px;
  margin-top: 4em;
  
  font-size:.9em;
  font-weight: bold;
  /* text-decoration: underline; */
  color:#ddd;
/*  border-top: solid 1px #888;*/
  background-image:url("img_web/puce_1.gif");
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-left: 20px;
  }

#content h6 {
	color: #ccc;
	text-align: left;
  font-size: .9em;
  font-weight: bold;
  padding: 5px 5px 5px 35px;
  
  margin-top: 1em;
  margin-bottom:0;
  margin-left: 15px;
  
/*  background: transparent url(./img/begin_b.gif) no-repeat left 12px; */

  background-image:  url("img/begin_b.gif");
  background-repeat: no-repeat;
  background-position: 8px 12px;
  /*background-color: #444;*/
}


  
#content a {
	color: #ddd;
	}
#content a:hover {
	color: #fff;
	background-color: #333;
	}

#content a.soft {
/*color:#;*/
text-decoration:none;
}	
#content a.soft:hover {
	color: #eee;
	background-color: #111;
	}

  
#content ol {
  margin-top: 2px;
  }


/*div { clear:both; }*/
#content div.col2 {
  float: left;
  text-align: center;
  width: 48%;
  clear: none;
  margin-bottom: 5mm;
  
}


.table_1 {
  padding: 0px;
  width: 600px;
  }

#footer {
 border: solid #555 1px; 
	/*padding: 30 px;*/
	clear: both;
	margin: 50px 0 20px 50px;
	/*margin-left: 50px; 
	margin-bottom : 50px; */
	background-color: #222;
/*	background: #333 url("img_web/footer_1.gif") repeat-x; */
/*	text-align: right; */
	text-align: center;
	/*height: 80px;*/
	font-size: 90%;
	}

#footer p {
  color:#999;
	margin: 2px; padding: 2px;
	/*line-height:80%;*/
}

#footer a {
	color: #999;
	}


/* Pour la page "disques", 2 classes :*/
#content div.disque {
  position:relative;
  top:20px;
  clear: both;
  border:#444 solid 1px;
  margin-top:20px;
  padding-bottom:15px;
}


div.sales {
background-image: url(img_web/fond_ventes_1.png); background-repeat:no-repeat;

width:400px;
margin:20px;
color:#fff;
/*padding:0px;*/
}

p.cde_p {
font-size:110%;
text-align: center;
font-weight: bold;
}


.pro {
  clear:both;
  margin: 10px 10px 5px 10px;
  /* background-color:red; */
  }
/* en test */


#fougeres * {

  position:absolute;
  z-index=2;
  border:none;
  }

#fougeres img {
  /*border:none;*/
  }
#fougeres .fougL1 { left:0px; top:0px;}
#fougeres .fougL2 { left:0px; top:150px;}
#fougeres .fougL3 { left:0px; top:350px;}
#fougeres .fougL4 { left:0px; top:550px;}

#fougeres .fougR1 { right:0px; top:0px;}
#fougeres .fougR2 { right:0px; top:150px;}
#fougeres .fougR3 { right:0px; top:350px;}
#fougeres .fougR4 { right:0px; top:550px;}

/* 
#right {
color:red;

position: fixed; 
top:0px;
left:0px;
background: #000 url(logos/lune_3_200.png) no-repeat; right top;
	height: 200px;
	width: 200px;
	z-index:10;
}
*/
