@charset "utf-8";

/* 
Gamme de couleurs site Yasmine Tamara HTML
------------------------------------------
Gris foncé : #7f7f7f
Gris clair : #b5b4b4
Blanc      : #ffffff


Gestion des marges du site
------------------------------------------
Marges entre les blocs : 3px
Marges entre le bord des blocs et le contenu : 15px

 
Taille des blocs
------------------------------------------
Header : 1024x147px
Navigation : 254x147px ou 510x147px
Contenu : W254px ou W510px
*/

/* Construction globale */
html, body {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	width:100%; 
	height:100%;
}
/* centrage du site */
#center_site {
	background-color: #FFFFFF;
	/*position: relative;*/
	width: 1024px;
	margin-left: auto;
	margin-right: auto;

}
/* Placement des blocs principaux */
#center_site #banner_top {
	width: 1024px;
	height: 147px;
	margin-bottom: 3px;
}
#center_site #nav_top {
	width: 1024px;
	height: 40px;
	margin-bottom: 3px;
}
#center_site #content {
	width: 1024px;
	background-color: #FFFFFF;
	/*position: relative;*/
	/*height: 100%;*/
	margin-top: 13px;
	padding-bottom: 15px;
	min-height: 600px;
}
#center_site #content_music {
	width: 1024px;
	background-color: #FFFFFF;
	/*position: relative;*/
	/*height: 100%;*/
	margin-top: 3px;
	padding-bottom: 15px;
	min-height: 600px;
}


/* Navigation en triptique */
/* définition de l'état ouvert ou fermé des blocs */
.open {
	width: 510px;
}
.close {
	width: 254px;
}
.left {
	width: 253px;
}
.colorGrey {
	background-color: #f0f0f0;
}
/* Navigation */
.Mleft {
	background-color: #7f7f7f;
	height: 147px;
	float: left;
	margin-right: 3px;
	text-align: right;
	vertical-align: top;
}
.Mmidle {
	background-color: #7f7f7f;
	height: 147px;
	width: 254px;
	float: left;
	margin-right: 3px;
	text-align: left;
	vertical-align: top;
}
.Mright {
	background-color: #7f7f7f;
	height: 147px;
	float: right;
	text-align: left;
	vertical-align: top;
}


/* Contenu */
.Cleft {
	height: 100%;
	float: left;
	margin-right: 3px;
	/*position: relative;*/
	
}
.Cmidle {
	height: 100%;
	width: 254px;
	float: left;
	margin-right: 3px;
	/*position: relative;*/


}

.Cmidle2 {
	height: 100%;
	width: 234px;
	float: left;
	margin: 3px 0 0 257px;;
	/*position: relative;*/
}
.Cright {
	height: 100%;
	float: left;
	/*position: relative;*/
}
.Cright div, .Cmidle div, .Cleft div {
	padding-left: 15px;
	padding-right: 15px;
}


.lib {width: 253px; background-color:#F0F0F0; vertical-align: top;}


/* items graphiques */
hr {
	height: 2px;
	margin: -0.5em 0;
	padding: 0;
	margin-bottom : 3px;
	color: #7f7f7f;
	background-color: #7f7f7f;
	border : 0;
	border-style: none;
}
.img_news {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	height: 105px;
}
.img {
	text-decoration: none;
	border: 1px solid #000000;
}
.img_margin {
	margin-top: 5px;
	margin-bottom: 20px;
}

.clear {clear: both;}
.cdpt {
	border: 1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}
.div_cdpt {
	text-align: center;
}

#album_cover {width: 468px; float: left; padding: 17px 0 0 42px;}
#song_list {width: 254px; float: left; margin: 0 0 0 3px; padding: 17px 0 0 0;}
#lyrics {width: 240px; float: left; margin: 0 0 0 3px; padding: 17px 14px 0 0; }
#listing {height: 278px;}
.song_item {margin: 5px 0 5px 0;}
#purchase {}

.marginb20 {margin-bottom: 20px;}

.song_title {font-family: Arial, Helvetica, sans-serif; font-size: 20px; border-bottom: 2px solid #7f7f7f; padding: 0 0 5px 0; margin: 0 0 10px 0;}

.smallalbumcover {margin: 0 20px 0 0; height: 100px; width: 100px;}
.smallalbumcover img {float: left; margin: 0 12px 0 0;}

.regfield {width: 260px;}


#grey {height: 25px; background-color: #7F7F7F; padding: 0px 0 0 0;}
#grey a {color: #dfdfdf; letter-spacing: 0.1em;}
#grey .mainmenu a { font-size: 14px;}
#grey a:hover {color: #fff;}
#grey .mainmenu {vertical-align: bottom;}
#grey .mainmenu #balik-menu {position: absolute; background-color: #7f7f7f; margin: -2px 0 0 0; list-style: none; padding: 10px 10px 5px 10px;  height: 50px;}

#grey .mainmenu #balik-menu li {margin: 0 0 10px 0;}

#grey .mainmenu #balik-menu li a {font-size: 14px;}