/*--------------------------------------------
		Reset Reloaded - by Eric Meyer
----------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0;}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/*--------------------------------------------
		General
----------------------------------------------*/
body {
	background: url(images/bkg.jpg) repeat-x #FFF;
	font-family: Verdana, Arial, FreeSans, 'Lucida Grande', Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 12px;
	color: #222;
}
h1 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color : #1F497D;

	border-bottom: 1px dotted #DADADA;
}
h2 {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;

	color : #1F497D;
	border-bottom: 1px dotted #DADADA;
}
h2 a {
	text-decoration: none;
	color: #222;
}

h2.titre{
	font-size: 24px;
}

div.h2like{
	color: #1F497D;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #DADADA;
}

div.aide{
	color: #E73300;
}

h3 {
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;

	color : #1F497D;
	border-bottom: 1px dotted #DADADA;
}
p {
	margin-bottom: 1.3em;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
code {
	font-family: Monaco, "Courier New", monospace;
}

.likehr {
	border-bottom: 1px dotted #DADADA;
	height: 0;
	margin : 5px 0;
}


/*--------------------------------------------
		Page
----------------------------------------------*/
#page {
	width: 1200px; /*995px;*/
	margin:auto;
}

/*--------------------------------------------
		Head
----------------------------------------------*/
#head {

	 height		: 101px;
}


/*--------------------------------------------
		Header
----------------------------------------------*/
#header {
	height		: 101px;
	background	: url(images/logo-pdc.png) no-repeat left bottom;
	float		:left;
	width		: 1200px; /*995px;*/
}

#header div {
	text-indent	: -3000px;
	height:102px;
}

#header div a{
	height: 102px;
	width: 466px;
	float:left;
	margin-right: 0px;
	position:relative;
}


/*--------------------------------------------
		Top
----------------------------------------------*/
#top {
	margin: 0px;
	padding: 10px 0px;
	font-size:10px;
	height:20px;
	color:#949494;
}


/*--------------------------------------------
		Menu
----------------------------------------------*/
#menu {
	position: relative;
	margin: 0 auto;
	height: 30px;
	font-weight: bold;
	margin-bottom:19px;
	top: -20px;
}

/*----------------------------*/

ul.cbdb-menu{
	display: block;
	float:left;

}

.cbdb-menu li:first-child{
	margin-left: 0px;
}

.cbdb-menu li {
	display: block;
	float: left;
	line-height: 25px;
	height:27px;
	list-style:none;
	margin: 0 5px 7px 5px;
	padding: 0 15px;
	border-radius: 5px 15px 0px 0px;
	-webkit-border-radius: 5px 15px 0px 0px;
	background:#4F81BD;
}

.cbdb-menu li a {
	color: rgba(255, 255, 255, 0.8);
	font: 18px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.cbdb-menu a:hover {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

li.dark a {
	color: rgba(0, 0, 0, 0.8);
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}


.cbdb-menu li.aide {
	background:#E73300;
}

li.aide a{
	background:#E73300;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}



.cbdb-menu li.thevoice {
	background:#AF0000;
}


li.thevoice a{
	background:#AF0000;
	color: #fff;
text-shadow: 0px 0px 18px #000;
}

/*--------------------------------------------
		container
----------------------------------------------*/
#container {
	background: #E8E5DE;
	/*padding:0px 5px 0px 10px;*/
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	padding-top	: 5px;
}

/*--------------------------------------------
		Index Content
----------------------------------------------*/
.idx_post {
	padding:15px 0;
	margin:5px 0;
	font-size : 11px;
}

.idx_post .posthead {
	float			: left;
	font-size		: 10px;
	margin-right	: 10px;
}

.idx_post .postcontent {
	font-size	: 12px;
}

.idx_post img{
	float			: left;
	margin-right	: 5px;
	padding			: 0;
	width			: 120px;
	height			: 90px;
}

.idx_post a {
	text-decoration	: none;
	font-size		: 11px;
	color			: #ea9403;
	font-weight		: bold;
}

.idx_post a:hover {
	color		: #E73300;
	text-decoration: underline;
}

.idx_post a span{
	color: 	#E73300;
}

.idx_post .idx_date{
	padding-left: 10px;
	float: left;
	width: 80px;
}

.idx_post .idx_titre{
	float: right;
	width: 710px;
}

/*-----------------
	Ribbon
------------------*/

.rib_middle {
	background: #506C8D;
	height: 50px;
	width: 840px; /*640px;*/
	position: relative;
	left:-20px;
	top: 15px;
	float: left;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	margin-bottom: 0px;
}

.rib_middle h2, .rib_middle h1 {
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 0px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}


.rib_middle-tri-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -35px;
	top: 51px;
	z-index: -1; /* displayed under bubble */
}

.rib_middle-tri-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 805px; /*605px*/
	top: 0px;
	z-index: -1; /* displayed under bubble */
	overflow:auto;
}


.rib_right {
	background: #ffffff;
	height: 22px;
	width: 310px;
	position: relative;
	left:20px;
	top: 15px;
	float: left;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	margin-bottom: 20px;
}

.rib_right {
	font-size: 15px;
	color: #506C8D;
	padding-top: 8px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color : #1F497D;
}

.rib_right-tri-r {
	border-color: transparent transparent transparent #C0C0C0;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 315px;
	top: -10px;
	z-index: 99; /* displayed under bubble */
}


.rib_right-tri-l {
	border-color: transparent transparent transparent #E8E5DE;
	border-style:solid;
	border-width:20px;
	height:0px;
	width:0px;
	position: relative;
	left: 15px;
	top: 10px;
	z-index: 101; /* displayed under bubble */
}

/*--------------------------------------------
		Box
----------------------------------------------*/
.mabox {
	clear: both;
	width:800px; /*600px;*/
	margin: 0px auto;
	background: #fff;

	border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	margin-bottom: 10px;
	padding:5px;
}


/*--------------------------------------------
		Top 10
----------------------------------------------*/
.top10 { margin-bottom: 20px;}
.top10 .liste ul {list-style:none; font-size:12px; width:800px; margin:auto;}
.top10 .liste ul li {padding:8px 0 8px 5px; width:280px; float:left; border-bottom:#DEDEDE 1px solid; margin-left: 12px; display:inline; height: 50px;}
.top10 .liste ul li img {float:left; margin:0 5px 0 0; width:50px; height:50px;}
.top10 .liste ul li a {font-size:12px; color:#ea9403; text-decoration:none; font-weight:bold;}
.top10 .liste ul li a:hover {text-decoration:none; color: #E73300;}


#sidebar ul.top10 {list-style:none; text-align:left; width: 300px; margin-left:auto; font-size:11px;}
#sidebar ul.top10 li {padding:8px 0 4px 5px; width:275px;border-bottom:#DEDEDE 1px solid; margin-left: 12px; height: 45px;}
#sidebar ul.top10 li img.thb {float:left; margin:0 5px 0 0; width:45px; height:45px;}
#sidebar ul.top10 li a {font-size:12px; color:#ea9403; text-decoration:none; font-weight:bold;}
#sidebar ul.top10 li a:hover {text-decoration:none; color: #E73300;}
#sidebar ul.top10 li div{float:right; width: 86px; height: 19px; margin:auto;}

#sidebar ol.topArtiste {list-style-position:inside; list-style-type:decimal; text-align:left; width: 300px; margin-left:auto; font-size:11px;}
#sidebar ol.topArtiste li {padding:2px 0 2px 5px; width:275px;border-bottom:#DEDEDE 1px solid; margin-left: 12px; font-weight: bold;;}
#sidebar ol.topArtiste li a {font-size:12px; color:#ea9403; text-decoration:none; font-weight:bold;}
#sidebar ol.topArtiste li a:hover {text-decoration:none; color: #E73300;}

#sidebar ol.topContrib li span{font-weight: normal;}

#sidebar ul.hasard li {padding:0px 0 0px 5px; width:275px; margin-left: 12px; height: 20px;}

#sidebar .artistes { text-align:center; }
#sidebar .artistes a {font-size:12px; color:#ea9403; text-decoration:none; font-weight:bold;}
#sidebar .artistes a:hover {text-decoration:none; color: #E73300;}

/*--------------------------------------------
		Content
----------------------------------------------*/
#content {
	float: left;
	margin: auto;
	padding-top: 0px;
	margin-left: 10px;
	width:800px; /*600px;*/
}

.post, .entry {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 25px;
}
.post_meta {
	margin-top: -10px;
	margin-bottom: 1.3em;
	color: #888;
	font-size: 13px;
}
.comments_link {
	float: right;
	margin-top: -4px;
	display: block;
	width: 103px;
	height: 42px;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	background: url(images/comments_link_bg.png) no-repeat left bottom #F0F0F0;
}
.comments_link a {
	text-decoration: none;
	font-size: 12px;
	color: #444;
}
.comments_link a:hover {
	text-decoration: underline;
	color: #000;
}
.more-link {
	display: block;
}

.prelbl{
	text-decoration : none;
	font-weight: bold;
}

#breadcrumbs{
	font-size: 10px;
	border-bottom: 1px dotted #DADADA;
	margin-bottom: 10px;
}

#breadcrumbs a{
	color: blue;
	text-decoration:none;
}

#breadcrumbs a:hover{
	color: blue;
	text-decoration:underline;
}

#breadcrumbs a:visited{
	color: blue;
}

#breadcrumbs div{
	display : inline;
}

/*--------------------------------------------
		Blockquote
----------------------------------------------*/
#playerVideo1{

}

#playerVideo2{
	float: right;
	width: 365px;
	height: 320px;
	margin:auto;
	margin:0;
	padding:0;
	padding-top:5px;
}

#playerVideo2>div{height:340px; width:365px;}
#playerVideo2.fixed>div{position:fixed;top:0}

#playerVideo1, #playerVideo{
	width: 580px;
	margin:auto;
	margin-bottom:0;
	padding:0;
}

blockquote.large, .bq.large{
}

blockquote.normal, .bq.normal{
	float: right;
	width: 420px;
}


blockquote, .bq {
	/*width: 420px;*/
	/*margin:auto;*/
	background:#DADADA;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding-left:5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

blockquote .gauche, .bq.gauche{
	float:left;
	width:125px;
	margin:0;
	padding:0;
	margin-top:20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size:11px;
}

blockquote .centre, .bq.centre{
/*
	float:left;
	width:385px;
*/
	margin:0;
	padding:0;
	background: #DADADA;

	padding:10px;
}

blockquote .droit, .bq.droit{
	float:left;
	width:185px;
	margin:0;
	padding:0;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top:20px;
}

blockquote h3, .bq h3{
	border-bottom: 1px dotted #000;
	margin : 5px 0;
}


.pbloc{
	margin: 5px;
	float:left;
	width: 120px;
	text-align:center;
}

.pbloc200{
	margin: 5px 30px;
	float:left;
	width: 200px;
	text-align:center;
}

.pblocs{
	float:left;
	width: 130px;
	margin: auto;
}

.pblocsc{
	text-align: none;
	width: 110px;
}

.sonnerie{
	margin:5px 0;
	text-align : center;
}

.sonnerie a{
	margin 			: 10px 0;
	font-family		: Arial, sans-serif;
	text-decoration	: underline;
	font-weight		: bold;
	font-size		: 14px;
}

.sonnerie a img{
	margin : 0 3px;
}

.sonnerieRouge a{
	color : red;
}

.sonnerieRouge a .sonnerie_chanson{
	color: blue;
}

.sonnerieBleue a{
	color : blue;
}

.sonnerieVert a{
	color : green;
}

.correction, .imprimer, .fnac, .virgin{
	text-decoration: none;
	margin:0;
}

.correction:before{
	margin-left: 15px;
	margin-right:5px;
	content:url(images/correct.png);
}

.imprimer:before{
	margin-left: 15px;
	margin-right:5px;
	content:url(images/correct.png);
}

/*
.fnac:before{
	margin-left: 15px;
	margin-right:5px;
	content:url(images/fnac_ico.png);
}
*/

.virgin:before{
	margin-left: 15px;
	margin-right:5px;
	content:url(images/virgin_ico.png);
}

blockquote ul.liste{
	margin-bottom: 20px;
}

blockquote ul.liste li{
	list-style: square;
	margin-left:15px;
}

.lien{
	cursor:pointer;
	color: blue;
	text-decoration:underline;
}




img.pochette{
	opacity:0.6;
	filter:alpha(opacity=60);
}

img.pochette:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

/*--------------------------------------------
		Autres Singles
----------------------------------------------*/
.autresSingles{
	width: 300px; float:left;
}

.autresSingles h3{

}

.autresSingles a{
	text-decoration:none;
	color:#ea9403;
}

.autresSingles li{
	list-style: disc;
	margin-left:15px;
	line-height:19px;
}

.autresSingles li a{
	text-decoration: none;
	color: black;
	font-size:11px;
}

.autresSingles li a:hover{
	text-decoration: underline;
}

/*--------------------------------------------
		Listes singles
----------------------------------------------*/
ol.listSingle {text-align:left; list-style:decimal-leading-zero; list-style-position:inside;}
ol.listSingle li {padding:0px 0 0px 15px; width:500px; line-height: 20px;}
ol.listSingle li img {margin-right:3px; top:5px;}
ol.listSingle li a {text-decoration: none; color: #000; font-size: 11px;}
ol.listSingle li a:hover {text-decoration: underline;}
ol.listSingle li div{float:right; width: 95px; margin:auto;}

ul.listTop50 li{padding-top: 10px;}
ul.listTop50 li:nth-child(odd) {background : #E8E5DE;}
ul.listTop50 li:nth-child(even) {background : #fff;}
ul.listTop50 li img.cover {margin:10px; margin-top: 0; float: left;}
ul.listTop50 li span.nombre{font-size: 16px; font-weight: bold; color: #000;}
ul.listTop50 li a{text-decoration: none; color: black; font-size:12px;}
ul.listTop50 li a:hover{text-decoration:none; color: #E73300;}
ul.listTop50 li a.sin_artiste{}
ul.listTop50 li a.sin_nom{font-weight: bold; color:#ea9403; }


ul.artiste li{padding-top: 10px; float: left; width: 200px; height: 80px;}
ul.artiste li:nth-child(odd) {background : #E8E5DE;}
ul.artiste li:nth-child(even) {background : #fff;}
ul.artiste li img {margin:5px; margin-top: 0; margin-bottom: 0; float: left; width: 75px; height: 75px;}
ul.artiste li a.warning{ font-size: 10px; color: red;}
ul.artiste li a{text-decoration: none; color: #ea9403; font-size:12px; font-weight: bold;}
ul.artiste li a:hover{text-decoration:none; color: #E73300;}
ul.artiste li span.infos{ font-size: 10px;}


ul.indexArtistes{float: left;}
ul.indexArtistes li{float: left; display: block; margin-right: 8px; color: #fff; padding-top: 4px;}
ul.indexArtistes li a{text-decoration: none; color: #fff; font-size:16px; font-weight: bold;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);	}
ul.indexArtistes li a:hover{text-decoration:underline; color: #fff;text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }



/*--------------------------------------------
		Overlay
----------------------------------------------*/

/* the overlayed element */
.overlay {
	display:no2ne;
	z-index:10000;
	background-color:#333;
	width:675px;
	min-height:200px;
	border:1px solid #666;
	box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	color:white;
	padding:20px;
}

/* close button positioned on upper right corner */
.overlay .close {
    background-image:url(/wp-content/themes/pdc2_1024/images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}


/*--------------------------------------------
		Comments
----------------------------------------------*/

#comments-list ul li.comment{ overflow:hidden; margin-bottom:20px;}
#comments-list ul li.comment .comment-date,#comments-list ul li.comment .comment-date a{font-size:11px; color:#ABCFE8;}
#comments-list ul li.comment .comment-author,#comments-list ul li.comment .comment-author a{font-size:22px; font-weight:bold;}
#comments-list ul li.comment .comment-meta{
	background:#506C8D;
	color : #fff;
	width:165px;
	height:65px;
	float:left;
	padding:5px 10px;
	margin:0 5px 0 0;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;;
}
#comments-list ul li.comment .comment-meta p{text-align:right;}
#comments-list ul li.comment .comment-content{
	margin-left:200px;
	padding:10px;
	width:528px;
	border-radius: 5px 5px 5px 5px;;
	-webkit-border-radius: 5px 5px 5px 5px;
	background:#DADADA;
	color:#000;
}

#comments-list .com-tri-l{
	border-color: transparent #DADADA transparent transparent;
	border-style:solid;
	border-width:10px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	z-index: 90; /* displayed under bubble */
}

#comments-list ul li.comment .comment-content .comment-text{
	position: relative;
	z-index: 100; /* displayed under bubble */
	top: -10px;
}

.comment-count{
	float:right;
}

.comment-form{
	background: #dadada;
	padding-left:10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}



#comment-form input.text{
	color:#000;
	font-size:18px;
	font-weight:bold;
	border:1px solid #D9D6CF;
	padding:6px 20px;
	width:535px;
	height:25px;
	background:#fff;
	border-radius: 5px 5px 5px 5px;;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin : 5px 0px;
}

#comment-form textarea {
	font-family:Arial, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:bold;
	border:1px solid #D9D6CF;
	overflow:auto;
	width:535px;
	height:197px;
	padding:10px 20px;
	background:white;
	border-radius: 5px 5px 5px 5px;;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin : 5px 0px;
}
#comment-form p.form-submit{ padding:10px 0 30px 0;}
#comment-form input.button{ cursor:pointer; height:40px; background:#2C2928; text-transform:uppercase; padding:10px 20px 10px 20px; color:white; font-size:15px; border:0; margin-bottom:10px;}



/*--------------------------------------------
		SideBar
----------------------------------------------*/
#sidebar {
	margin-left : 850px; /*650px;*/
	width		: 315px;
	background	: #E8E5DE;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

#sidebar .sidebar_content
{
	margin : -15px 10px 5px 10px;
	/*text-align: right;*/
}

#sidebar .sidebar_content .p300x250
{
	width: 300px;
	height: 250px;

}

#sidebar .sinFicheArtiste{
	height: 140px;
}

#sidebar .sinFicheArtiste img{
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	border:1px solid #DEDBD4;
}

#sidebar .sinFicheArtiste .sinNom a{
	display: block;
	font-size : 15px;
	font-weight: bold;
	color: red;
	margin-bottom: 10px;
	text-decoratino: underline;
}

#sidebar .sinFicheArtiste .sinAlbum{
	margin-bottom: 10px;
}

#sidebar .sc_txt{
	font-size: 11px;
	margin: 5px 0 5px 20px;
}

/*--------------------------------------------
		Clear
----------------------------------------------*/
.clear {clear:both;}
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/*--------------------------------------------
		Recherche
----------------------------------------------*/

#recherche{
	float:right;
}


div.recherche ul{
	list-style-type: disc;
}

div.recherche ul li{
	padding:3px 0 3px 0px;
	margin-left: 12px;
	height: 30px;
}

div.recherche ul li a{
	text-decoration: none;
}

div.recherche ul li a:hover{
	text-decoration: underline;
}

div.recherche h2 em{
	color: 	#E73300;
}


/* The Bottom */
#bottom{
	margin: 0;
	border-top: 1px solid #C5C5C5;
	background: url(images/bkg.jpg) repeat-x #FFF;
	height: 150px;
}


#bottom .bottop{
	height: 108px;
}

#bottom .bottop .btbloc{
	width : 200px;
	float : right;
	border-left: 1px dashed white;
	padding : 0 5px;
	margin-top: 15px;
}

#bottom .bottop .btbloc .bttitle{
	text-transform : uppercase;
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-bottom: 3px;
}

#bottom .bottop .btbloc ul{
	list-style-type : disc;
	list-style-position : inside;
}

#bottom .bottop .btbloc ul li{
	color: white;
}

#bottom .botbottom .btbloc{
	width : 250px;
	float : left;
	padding : 0 5px;
	margin-top: 10px;
	color: white;
}

#bottom .botbottom .btblocr{
	float : right;
	padding : 0 5px;
	margin-top: 10px;
	color: white;
}

#bottom a {
	color: white;
	text-decoration: none;
}

#bottom a:hover, #bottom a:active {
	text-decoration: underline;
}


#bottom .miniature{
	width	: 180px;
	float	: left;
	border-bottom: 0;

}

#bottom .miniature img {
	width	: 130px;
	height	: 90px;
}

#bottom .miniature a {
	text-decoration : none;
}

.pTS{
	width	: 640px;
	margin	: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align:center;
}


.pub120x600{
	width		: 120px;
	height		: 600px:
	margin		: auto;
	margin-top	: 15px;
	margin-bottom: 15px;
	background	: red;
}


/*--------------------------------------------
		Formulaire
----------------------------------------------*/
.txtArea{
	width: 580px;
	height: 50px;
	margin: auto;
	margin-bottom: 10px;
}


.formB form, .formB div{
	margin:0;
	padding:0;
	display:inline;
	text-align:left;
}

.formB ol.listSingle li {width:580px;}
.formB ol.listSingle li div{float:left; width: 16px; margin:auto;}
.formB ol.listSingle li a.top100:active, ol.listSingle li a:active {color:red;}
.formB ol.listSingle li a.Mouky {color:blue;}
.formB ol.listSingle li a.Flo {color:green;}


/*--------------------------------------------
		Pagination
----------------------------------------------*/
#pagination{
  float: right;
  margin: 10px auto;
  list-style: none;
  padding: 0;
  font-size: 11px;
}

#pagination li{
  float: left;
  margin: 0 2px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 3px 5px;
}

#pagination li a{
  display: block;
  color: #506C8D;
  text-decoration: underline;
}

#pagination li a:visited{
  display: block;
  color: #506C8D;
}


#pagination li a:hover{
  text-decoration: none;
}

#pagination li.activePage{
  border: none;
  background: none;
}



/*-------------------------------


--------------------------------*/

.pageScroll{
	position: fixed !important;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	width: 167px;
	border: 7px solid #E8E5DE;
	border-right: none;
	-webkit-border-radius: 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px;
	border-radius: 15px 0x 0px 15px;
/*
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
	*/

}

.pageScroll.left{
	margin-left: -672px;
}

.pageScroll.right{
	margin-left: 500px;
}

.scrollNav a{
	display: block;
	color: #666;
	font-weight: normal;
	padding: 8px 10px;
	background: #f9f9f9; /* Old browsers */
	background: linear-gradient(top,  #f9f9f9 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #fcfcfc;
	text-decoration: none;
}

.scrollNav{
	border-top: 1px solid #ebeded;
}

.scrollNav_1,
.scrollNav_1 a{
	border:none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.scrollNav a:hover{
	color: #444;
	text-decoration: none;
}

li.scrollNav.active a{
	background: #fff;
	color: #333;
	font-weight: bold;
}

#controls{
	position: fixed;
	z-index: 999;
	height: 94%;
	top: 3%;
	right: 5%;
	width: 20px;
	text-align: center;
}

#controls a{
	display: block;
	position: absolute;
	padding: 12px 10px 5px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
}

#controls.light a{
	border: 7px solid #fff;
	background: #f8f6f6; /* Old browsers */
	background: linear-gradient(top,  #f8f6f6 0%, #e8e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f6), color-stop(100%,#e8e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f6f6 0%,#e8e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f6f6 0%,#e8e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f6f6 0%,#e8e7e7 100%); /* IE10+ */
	background: linear-gradient(top,  #f8f6f6 0%,#e8e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f6', endColorstr='#e8e7e7',GradientType=0 ); /* IE6-9 */
}

#controls.dark a{
	border: 7px solid #1c1c1c;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .3);
	background: #f8f6f6; /* Old browsers */
	background: linear-gradient(top,  #3f3f3f 0%, #292929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#292929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3f3f3f 0%,#292929 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3f3f3f 0%,#292929 100%); /* IE10+ */
	background: linear-gradient(top,  #3f3f3f 0%,#292929 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
}

#controls a:hover{
	text-decoration: none;
	color: #fff;
}

#controls a.next{
	bottom: 0;
}

#controls a.prev{
	top: 0;
}

/*--------------------------------------------
		Albums
----------------------------------------------*/
.album{
	margin-bottom: 15px;
}

.album h3{
	font-size: 12px;
	color : #000;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 0;
}

.album .infos{
	font-size: 10px;
	color: #919191;
	border-bottom: 1px dotted #DADADA;
	margin-bottom: 10px;
}

.album .pochette {
	width: 200px;
	text-align: center;
	float: right;
	margin-left: 5px;
}

.album .pochette img{
	margin-bottom: 3px;
}

.album ul li{
	font-size: 11px;
}

.album ul.orphelines li{
	list-style-position:inside;
	list-style-type : disc;
}

/*--------------------------------------------
		FORM CONTRIB
----------------------------------------------*/
#formArtiste label {
	font-weight: bold;
}

#formArtiste label.error, #reponse label.error, .reponse label.error, .erreur {
	color: red;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
}

#reponse label.success,  .reponse label.success{
	color: green;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 0px;
}

#formArtiste span{
	font-size: 10px;
}

#formArtiste span.enDur{
	font-size: 12px;
	color: #E73300;
	font-weight: bold;
}



#formArtiste .submit{
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	border-top : 2px solid green;
	border-bottom : 2px solid green;
	color: green;
	display: block;
	margin: auto;
	width: 100px;
	padding: 3px;
	margin-top: 5px;
	background : #DADADA;

}

#formArtiste input{
	width: 200px;
}

#formArtiste input[type=radio]{
	width: 20px;
}

img.warning {padding: 0;margin: 5px; width: 20px; height: 20px; float: left;}


ul.artisteTodo li{height: 25px; padding-left: 10px;padding-top: 5px; float: left; width: 190px;}
ul.artisteTodo li:nth-child(odd) {background : #E8E5DE;}
ul.artisteTodo li:nth-child(even) {background : #fff;}
ul.artisteTodo li a{text-decoration: none; color: #ea9403; font-size:12px; font-weight: bold;}
ul.artisteTodo li a:hover{text-decoration:none; color: #E73300;}


ul.artisteTodoSingle li{height: 25px; padding-left: 10px;padding-top: 5px; float: left; width: 185px; text-align: center; text-transform: uppercase; margin: 2px; background : #E8E5DE;}
ul.artisteTodoSingle li a{text-decoration: none; color: #ea9403; font-size:12px; font-weight: bold;}
ul.artisteTodoSingle li a:hover{text-decoration:none; color: #E73300;}

ul.artisteLettre{float: left;}
ul.artisteLettre li{float: left; display: block; margin-right: 8px; color: #000; padding-top: 4px;}
ul.artisteLettre li a{text-decoration: none; color: grey; font-size:16px; font-weight: bold;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);	}
ul.artisteLettre li a:hover{text-decoration:underline; color: #fff;text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); }

a.addLyricsFA{
	font-size:10px;
	color: #506C8D;
	text-decoration: none;
}

a.addLyricsFA:hover{
	text-decoration: underline;
}


/*--------------------------------------------
		SLIDEBOX
----------------------------------------------*/

#slidebox{
    width:400px;
    height:120px;
    padding:10px;
    padding-top:5px;
    background-color: #FEE9CD;
    border-top:3px solid #E28409;
    position:fixed;
    bottom:0px;
    right:-430px;
	box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
	z-index: 101; /* the stack order: foreground */
}
#slidebox img{
	float: left;
	height: 90px;
	width: 90px;
	margin-right: 5px;
	border: 2px solid black;
}

#slidebox p, #slidebox a.more{
    font-size:10px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
    font-weight: bold;
    margin: 0;
}

#slidebox ul{
	margin-top: 5px;
}

#slidebox ul li{

	display: block;
	float: left;
	margin: 0;
	margin-right: 8px;
	margin-bottom: 5px;
    padding: 3px;
/*	border-top : 1px dashed black;*/
/*	border-bottom : 1px dashed black;*/
	font-weight: bold;
}

#slidebox ul li:nth-child(odd) {background : #E8E5DE;}
#slidebox ul li:nth-child(even) {background : #fff;}

#slidebox h2{
    color:#E28409;
    font-size:14px;
    margin:3px 20px 5px 0px;
}

#slidebox a.close{
    background:transparent url(images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
#slidebox a.close:hover{
    background-position:0px -13px;
}

#slidebox a.more{
    cursor:pointer;
    color:red;
}
#slidebox a.more:hover{
    text-decoration:underline;
}