/*----------------------------------------------------------------------------*/
/*Layout*/
/*----------------------------------------------------------------------------*/


html {font-size: 100%;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
 	background-color:#dfdfb5;
}

#header {
	height: 75px;
	background-image: url(images/ban1.jpg);
}

#haut {
	height: 17px;
	width: 899px;
	background-color: #000000;
	font-size:14px;
	padding:0px;
	margin:0px;
  }

#conteneur {
	position: relative;
	width: 900px;
	height:600px;
	margin: 0px auto;
	background-color:#dfdfb5;
}

#gauche {
	position: absolute;
	left:0px;
	height:390px;
	width: 200px;
	margin:40px 0px 20px 0px;
	padding: 15px 15px 0px 15px;
	text-align:center;
	color:#fff;
	float:left;
	font-size: 12px;
	background-image:url(images/col.jpg);
}

#centre {
	height:430px;
	width:630px;
	padding:30px 20px 20px 20px;
	margin:0px 0px 0px 230px;
	overflow:auto;
	font-size: 14px;
}


/*----------------------------------------------------------------------------*/
/*Menu haut*/
/*----------------------------------------------------------------------------*/

#menuhaut {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 250px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
}

#menuhaut li {display: inline;
}

#menuhaut a, a:active {
padding: 0 25px;
color: #fff;
text-decoration: none ;
}

#menuhaut a:hover, a:focus {
text-decoration: none;
background-color:#ddd;
color: #000;
}

/*----------------------------------------------------------------------------*/
/*Menu gauche*/
/*----------------------------------------------------------------------------*/

#menugauche {
width:190px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align:left;
font-size: 12px;
}

#menugauche ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#menugauche li {
color: #000;
padding-left:0px;
}

#menugauche a, a:active {
	margin: 0;
	padding: 0;
	color: #ff9900;
	text-decoration: none;
}

#menugauche a:hover, a:focus  {
	text-decoration: underline;
	color:#fff;
	background-color:none;
}

/*----------------------------------------------------------------------------*/
/*Col Gauche liens*/
/*----------------------------------------------------------------------------*/

#gauche a, a:active {
	margin: 0;
	padding: 0;
	color: #ff9900;
	text-decoration: none;
}

#gauche a:hover, a:focus  {
	text-decoration: underline;
	color:#fff;
}

/*----------------------------------------------------------------------------*/
/*Col Centre liens*/
/*----------------------------------------------------------------------------*/

#centre a, a:active {
	margin: 0;
	padding: 0;
	color: #ff9900;
	text-decoration: none;
}

#centre a:hover, a:focus  {
	text-decoration: underline;
	color:#000;
}

/*----------------------------------------------------------------------------*/
/*Titles*/
/*----------------------------------------------------------------------------*/

h1 {
	color:#777777;
	padding-left:10px;
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom:10px;
	}

h2 {
	color: #003399;
	padding-left:10px;
	font-size: 1.3em;
	margin-top: 0px;
}

h3 {color: #000;
padding-left:10px;
font-size: 1.2em;
}

h4 {color: #fff;
padding-left:20px;
font-size: 1.1em;
}

h5 {color: #fff;
margin-top:0px;
font-size: 1em;
}


/*h6 margin-top a 0px pour éviter une difference d'espace entre explorer et Mozilla*/

h6 {
	color: #fff;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 15px;	
}

/*----------------------------------------------------------------------------*/
/*paragraph, etc*/
/*----------------------------------------------------------------------------*/
p {	padding:10px;
margin:0;
}


.leftcol { padding-top:30px;
}
.leftcol p{padding:0px;
			margin:0px;
			text-align: left;}

.leftcol img{text-align:center;
	padding: 20px 0px 20px 0px;
}



.p_centre {text-align:center;
}
.left {float: left;
}
.clear_left {clear:left;
}
.right {float:right;
}

/*----------------------------------------------------------------------------*/
/*Index*/
/*----------------------------------------------------------------------------*/

#bloc_gauche {
	margin-top: 20px;
	padding:10px;
	}
#bloc_gauche img{
	border:solid 1px #fff;
	}

#bloc_texte {
	width:240px;
	height:250px;
	padding:0px;
	margin: 20px 0px 0px 20px;
	text-align:justify;
	}
#photo1 {
	text-align:center;
	float:right;
	padding: 20px 20px 0px 0px;
	}

/*----------------------------------------------------------------------------*/
/*Shop*/
/*----------------------------------------------------------------------------*/

#centre_shop {
	height:1400px;
	width:630px;
	padding:30px 20px 20px 20px;
	margin:0px 0px 0px 230px;
	font-size: 14px;
	overflow:hidden;
}
#centre_shop a, a:active {
	margin: 0;
	padding: 0;
	color: #ff9900;
	text-decoration: none;
}

#centre_shop a:hover, a:focus  {
	text-decoration: underline;
	color:#000;
}

.shop_table {background-color:#ccc;
font-size:13px;
}


.shop_table th { text-align:center;
			background-color:#000;
			color:#fff;
			font-variant:small-caps;
			font-size:13px;	
}

.shop_subtitle {
	background-color:#333333;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding-left: 10px;
}


.shop_col1 { width:150px;
			text-align:center;
			padding:10px;
			background-color:#eee;
}
.shop_col1 img {border:solid 1px #000;
}

.shop_col2 { width:200px;
padding-left:10px;
}

.shop_col3 { text-align:center; width:75px;
}

.shop_col5 { text-align:center;
			background-color:#eee;
			font-weight:bold;
width:75px;
}

/*----------------------------------------------------------------------------*/
/*cart php*/
/*----------------------------------------------------------------------------*/
.cart_col1 { width:280px;
			padding:10px;
		}

.cart_col2 { width:75px;
			text-align:center;
}

.cart_col3 { text-align:center;
			width:75px;
			background-color:#eee;
			font-weight:bold;	
}


/*----------------------------------------------------------------------------*/
/*Biography*/
/*----------------------------------------------------------------------------*/

#bio_text{text-align:justify
}

/*----------------------------------------------------------------------------*/
/*Gallery*/
/*----------------------------------------------------------------------------*/

/* class car utilisation plsrs fois ds la page (pour 10 images !) */
.p_gallery {text-align:center;
float:left;
height:150px;
width:150px;
padding:0px;
margin:12px;
background-color: #fff;
font-weight:bold;
}
#div_album {background-color:#000;
height:350px;
width: 540px;
margin-left:30px;
padding: 10px;
font-size:0.7em;
}
#div_single {background-color:#000;
height:350px;
width: 540px;
margin-left:30px;
margin-bottom:20px;
padding: 10px;
font-size:0.7em;
}
/* autre possibilité : verdana 13px.. */

#music_leftcol {
	margin-top: 10px;
	text-align: left;
	}

/*------------------------------------------------------*/
/* Menu gallery music */
/*------------------------------------------------------*/

#menu_gallery {width:180px;
margin: 0px;
text-align:left;
font-size: 12px;
}
#menu_gallery ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0 0px 0 30px;
}
#menu_gallery li {
padding-left:0px;
}
#menu_gallery a, a:visited {
	margin: 0;
	padding: 0px;
	color: #ff9900;
	text-decoration: none;
}
#menu_gallery a:hover, a:focus  {
	text-decoration: underline;
	color: #fff;
}
/*------------------------------------------------------*/
/*Albums - singles */
/*------------------------------------------------------*/

#div_cover {
	text-align:center;
	margin:0px 20px 0px 0px;
	}
#div_samples {
	background-color: #000;
	color:#fff;
	font-size:0.8em;
	width:320px;
	height:200px;
	float:right;
	padding:10px 0px 0px 20px;
	}

#samples_table {
}
.samples_col1 { width: 135px; padding-left:5px;
}
#div_songs{
	margin:20px 0px 0px 10px;
	font-size:0.8em;
	clear:both;
	width:600px;
	}

#div_single{text-align:center;}

/*----------------------------------------------------------------------------*/
/*Press*/
/*----------------------------------------------------------------------------*/

#press_text{text-align:justify
}