/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	/*background-color:#343434;*/
	background-color:#000000;
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote{
	margin: 0px;
	padding:0px;
}
ul,ol,blockquote{	margin-left:15px; }
div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:13px; }

.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}

.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
.contenu-page-rub{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 405px;
}
.contenu-page-rub{
	margin-left: -490px;
	width:980px;
}
/* pour la rubrique artiste seul */
.contenu-page-rub-artiste-seul{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 286px;
}
.contenu-page-rub-artiste-seul{
	margin-left: -490px;
	width:980px;
}
/***********************************/
.main-accueil{
	padding:25px 0px 25px 25px;
	background-color:#383838;
	color:#FFFFFF;
	background-image: url(../../images/initial/commun/rub/musique/micro_accueil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.main-rub{
	padding:25px 25px 25px 25px;
	background-color:#383838;
	color:#FFFFFF;
}
.main-rub h1{
	font-size:16px;
	padding:0px 0px 20px 0px;
	color:#B28E50;
}
.main-rub h2{
	font-size:14px;
	padding:0px 0px 5px 0px;
	color:#FFFFFF;
}
.main-rub ul{
	padding:15px;
	margin:0px;
}

.main-rub .sous-titre{
	padding:6px 0px 10px 0px;
	font-weight:bold;
	font-size:14px;
}
.main-rub .sous-titre a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}
.main-rub .sous-titre a:hover{
	color:#C3C3C3;
	text-decoration:none;
}
.main-rub a{
	text-decoration:none;
	color:#B28E50;
	font-size:12px;
}
.main-rub a:hover{
	color:#C3C3C3;
	text-decoration:none;
}
.main-rub img{
	border:1px solid #FFFFFF;
	margin-right:1px;
}
/******************************************/
/* COLONNE IMAGE */
.colonne-image-gauche{
	width:352px;
	text-align:right;
	float:left;
	color:#FFFFFF;
}
.colonne-image-gauche p,
.colonne-image-right p{
	padding:5px 0px;
	color:#FFFFFF;
}
.colonne-image-right{
	width:352px;
	text-align:right;
	float:right;
	color:#FFFFFF;
}
.colonne-image-gauche img,
.colonne-image-droite img{
	border:1px solid #FFFFFF;
	margin-bottom:15px;
}
/* COLONNE TEXTE */
.colonne-texte-droite{
	float:right;
	padding:0px 0px 0px 30px;
	width:508px;
}
.colonne-texte-gauche{
	float:left;
	padding:0px 0px 0px 30px;
	width:508px;
}
.colonne-texte-droite h1,
.colonne-texte-gauche h1{
	font-size:16px;
	font-weight:bold;
	padding-bottom:7px;
	color:#B28E50;
}
.colonne-texte-droite h2,
.colonne-texte-gauche h2{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	color:#B28E50;
}
.colonne-texte-droite p,
.colonne-texte-gauche p{
	padding:5px 0px;
	color:#FFFFFF;
}
.colonne-texte-droite ul,
.colonne-texte-gauche ul,
.colonne-texte-droite ol,
.colonne-texte-gauche ol{
	padding:7px 10px;
	color:#FFFFFF;
}
/* CHEMIN DE FER */
.chemin-fer{
	height:25px;
	line-height:25px;
	background-color:#1D1D1D;
	color:#FFFFFF;
	font-size:10px;
	padding-left:15px;
}
.chemin-fer a{
	text-decoration:none;
	font-size:10px;
	color:#B28E50;
}
.chemin-fer a:hover{
	color:#FFFFFF;
}
/* SPONSORT */
.sponsort{
	text-align:center;
	height:36px;
	line-height:36px;
}
/* POSITIONNEMENT DU CONTENAIRE DE PAGE  */
.contenaire-page-rub{
	background-color:#000000;
	width:942px;
	padding:19px;
}
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
.entete{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 0px;
	background-color:#000000;
}
.entete{
	margin-left: -490px;
	width:980px;
}
/*******************************************************/
/* MENU DU BAS */
.menu-bas{
	padding-top:50px;
	text-align:center;
	height:48px;
	line-height:48px;
	color:#B28E50;
	background-color:#1D1D1D;
}
.menu-bas a{
	text-decoration:none;
	font-size: 11px;
	color:#B28E50;
}
.menu-bas a:hover{
	color:#FFFFFF;
}
.menu-bas span{
	color:#FFFFFF;
}
/*******************************************************/
/* COPYRIGHT */
.copyright-rub{
	height: 20px;
	line-height: 20px;
	text-align:center;
	color:#BABABA;
	font-size: 10px;
}

.copyright-rub a{
	text-decoration:none;
	font-size: 10px;
	color:#BABABA;
}
.copyright-rub a:hover{
	color:#000000;
}
/*******************************************************/
/* POPUP IMAGE */
.contenu-popup{
	width:630px;
	height:480px;
	padding:10px;
	background-color:#FFFFFF;
	margin:auto;
}
.contenu-popup .image-popup{
	float:left;
	width:300px;
}
.contenu-popup .text-popup{
	color:#000000;
	text-align:justify;
	float:left;
	padding-left:10px;
	width:320px;
}
.contenu-popup .text-popup h1{
	font-size:16px;
	font-weight:bold;
	padding-bottom:7px;
	color:#B28E50;
}
.contenu-popup .text-popup a{
	text-decoration:none;
	color:#B28E50;
	font-size:12px;
}
.contenu-popup .text-popup a:hover{
	color:#000000;
}