/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em;
}
h1{
	background-image:url(../images/pix_bg_titre.jpg);
	background-repeat:repeat-y;
	font-size:1.0em;
	color:#FFFFFF;
	padding-left:125px;
	padding-top:40px;
	padding-bottom:18px;
	margin:0px;
}
h2{
	font-size:1em;
	color:#C5C9AE;
}
#bande_bg{
	position:absolute;
	margin-top:154px;
	height:207px;
	width:100%;
	background-color:#E8E7BA;
	z-index:0;
}
#bg{
	position:absolute;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:10px;
	width:100%;
	height:603px;
	z-index:1;
}
#wrap{
	position:relative;
	margin:0px auto;
	width:640px;
	padding-left:30px;
}
#album{
	position:absolute;
	left:294px;
	top: 108px;
	z-index:2;
	width:158px;
	height:159px;
}
#album{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/album.png', sizingMethod='scale');
}
#album img{display:none;}
#album[id] img{display:block;}
#menu ul{
	float:right;
	margin:0;
	list-style-type:none;
}
#menu ul li{
	float:left;
	width:108px;
	height:44px;
	text-align:center;
	background-image:url(../images/btn_menu.gif);
	background-position:-108px;	
}

#menu ul li a img{
	margin-top:25px;
}
#menu ul li.select{
	background-position:0px;
}
#menu ul li.select a img{
	margin-top:15px;
}
.clear{
	clear:both;
}
#colgauche{
	margin-top:10px;
	float:left;
	width:300px;
}

/*#colgauche.extraits ul li ul li a{text-decoration:none;}*/
#coldroite{
	margin-top:8px;
	margin-left:316px;
	width:318px;
	height:435px;
}
#coldroite[id]{
	margin-left:319px;
}
#coldroite.textes{
	padding-left:20px;
	width:300px;
	font-size:.9em;
}
.achat, .ecouter{
	color:#9F7C3A;
	text-decoration:none;
}
.image{margin-left:10px;}


/*Accueil*/
	#texte_accueil{
		padding-left:125px;
		padding-bottom:18px;
		font-size:0.8em;
		padding-right:10px;
		color:#4D3928;
	}
	
	#promo_accueil{
		font-size:0.76em;
		/*background-color:#E8E7BA;*/
		padding-top:0px;padding-right:10px;padding-bottom:10px;padding-left:15px;
		width:293px;	
		color:#4D3928;
		margin-top:-9px;
	}
	#promo_accueil h2{color:#4D3928; margin-bottom:3px; padding:0px; font-size:1.5em; margin-top:0px;}
	#promo_accueil[id]{}
/*Page Extraits*/
	.extraits{background-color:#E8E7BA;height:445px;}
	.extraits a{color:#8C8972;}
	
	.extraits ul{
		list-style-type:none;
		margin:0;padding:0;
		margin-left:20px;
		margin-top:20px;
	}
	.extraits ul li{color:#9F7C3A;font-weight:bold;}
	.extraits ul li ul{margin:0px 0px 0px 10px;padding:10px;}
	.extraits ul li ul li{margin:0;padding:0;color:#000000;font-size:0.75em;color:#8C8972;}
	#colgauche[id].extraits ul li ul li{padding-bottom:3px;color:#8C8972;}

	.extraits ul li ul li.extrait{
		margin:0;padding:0;
		background-image:url(../images/haut-parleur.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
		padding-left:15px;
		margin-left:-15px;
		
	}
	
	.textes div{
		padding-right:25px;
		font-size:.82em;
		display:none;
	}
	.textes div#piege{display:block;}
	.textes h2{font-size:1.5em;margin-top:25px;}
	
	p#player{
		position:absolute;
		bottom:0px;
		margin-left:25px;
	}
	
	.separateur{color:#7A945B;}
	.refrain{color:#6F6D6D;font-style:italic;}
	
	
	/*Titres de chanson*/
	#coldroite.textes h2 span{display:none;}
	#coldroite.textes h2{height:20px; margin-bottom:5px;}
	#piege h2{background-image:url(../images/piege.gif);}
	#premier_accord h2{background-image:url(../images/premier_accord.gif);}
	#je_partirai h2{background-image:url(../images/je_partirai.gif);}
	#tu_vis h2{background-image:url(../images/tu_vis.gif);}
	#homme_fer h2{background-image:url(../images/homme_fer.gif);}
	#rien_monde h2{background-image:url(../images/rien_monde.gif);}
	#pour_fois h2{background-image:url(../images/pour_une_fois.gif);}
	#recital h2{background-image:url(../images/le_recital.gif);}
	#tu_seras h2{background-image:url(../images/tu_seras.gif);}
	#air_deja_vu h2{background-image:url(../images/deja_vu.gif);}
	#reprendre_sens h2{background-image:url(../images/reprendre_mes_sens.gif);}
	#pourquoi h2{background-image:url(../images/pourquoi.gif);}
	#echec_mat h2{background-image:url(../images/echec_mat.gif);}
	#defile_moi h2{background-image:url(../images/defileMoi.gif);}
	#cru_entendre h2{background-image:url(../images/cru_entendre.gif);}
	#coldroite.textes #fable_sorcieres h2{background-image:url(../images/la_fable.gif);height:42px;}
	#pensee h2{background-image:url(../images/la_pensee.gif);}



.album{
	margin-left:25px;
	clear:both;
	overflow:auto;
	margin-top:-15px;
}
.album h2{color:#3B2510}
.album div{float:left;}
.album div img{display:none;}

div.album div#album1{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/album.png', sizingMethod='scale');
	width:158px;
	height:159px;

}
div.album div#album2{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2albums.png', sizingMethod='scale');
	width:167px;
	height:150px;

}
.album[class]{clear:none;}
.album div[id] img{display:block;}

#coordonnees{
	position:absolute;
	left:-48px;
	top:538px;
	color:#B0A79F ;
	font-size:.66em;
}
#coordonnees a{color:#ffffff; text-decoration:none;}

#copy{
	position:absolute;
	left:-60px;
	top:590px;
	color:#B0A79F ;
	font-size:.66em;
}
#copy a{font-weight:bold; text-decoration:none; color:#392411;}

#taxes{font-size:.66em;color:#392411;margin-left:25px; margin-top:-40px}

p.credit{font-size:.82em;margin:0px 0px 5px 0px;}
hr.clear{visibility:hidden;}