/*GENERAL PAGE LAYOUT */
*{margin:0; padding:0;}

body {
  font-family: Arial;
  font-size: 12px;
  color:#ffffff;
  background:url(/data/clictonband/files/image/2010/bg/body.jpg) top no-repeat #000 fixed;
}

img{border:0px;}


p {padding-bottom: 10px;}

h1 {
	height:27px;
	font-size:23px;
	color:#FFF;
	border-bottom:dashed 1px #484f4e;
}

p.h1Big {
	height:54px;
	font-size:23px;
	color:#FFF;
	border-bottom:dashed 1px #484f4e;
}

.lightblue {color:#52C3CF;}

.titre-band{
	/*font-size: 23px;
	margin-bottom:10px;
	padding-bottom:10px;
	color:#fffdff;
	font-weight:bold;
	border:none;
text-transform: uppercase;*/
}

h2{
	margin:0;
	padding-bottom:3px;
	font-size: 16px;
	color:#52c3cf;
}

h3{
	font-size:12px;
	margin:0;
	padding-bottom:11px;
	color:#52c3cf;
}

#nouvelles_content h3{
	font-size:12px;
	margin:0;
	padding-bottom:7px;
	color:#52c3cf; background-image:url(/data/clictonband/files/image/img_liste_fleche.gif); background-repeat:no-repeat; padding-left:10px; background-position: 0 3px;
}

#nouvelles_content p{
  padding-left:10px; 
}

h4{
	font-size: 13px;
	padding:0;
	margin:0;
	color:#52c3cf;
}

h5{
	font-size: 11px;
	margin:0;
	padding-bottom: 5px;
	color:#ffffff;
}

h6{
	font-weight:bold;
	font-size:16px;
	padding-bottom:6px;
	padding-top:7px;
	color:#52c3cf;
}

a {	text-decoration:none;font-weight:normal;color:#52c3cf;}	
a:hover {text-decoration:underline; font-weight:normal;color:#52c3cf;}

/* DIV CONTAINERS */

#pagelayout {
	margin: 0 auto; 
	width:100%;
	/*background:url(/data/clictonband/files/image/bg.jpg) repeat-y top center fixed;*/
}

#container {
	margin: 0 auto;
	width:960px;
	padding: 0px 5px 30px 5px;
	overflow:hidden;
	background:url(/data/clictonband/files/image/bg_container.jpg) top center #000000 no-repeat;
	border-right:solid 7px #000000;
	border-left :solid 7px #000000;
}

/* TOP LAYOUT */


/*MENU LAYOUT */




/*MAIN CONTENT LAYOUT */

/* ------------------------------------------------------------------- Header -- */
#top_header {clear:both;margin:10px 0px 0px 11px;/*padding:5px 0px 0px 15px;*/height:92px;}
#pub_top2 {float:left;height:90px;width:728px;border:solid 1px #AAA;}
#box_login2 {
	float:left;
	margin-left:8px;
	padding:2px 9px 0px 8px;
	height:88px;
	width:184px;
	font-size:11px;
	font-weight:bold;
	border:solid 1px #AAA;
	background:url(/data/clictonband/files/image/2010/bg/box_login.jpg) repeat-x;
}

#box_login2 a, #box_login2 a:link {text-decoration:underline;font-weight:bold;color:#FFF;}
#box_login2 a:hover {text-decoration:none;}
 
.iLogin {height:18px;width:143px;border-top:solid 1px #858585;border-right:solid 1px #c1c1c1;border-bottom:solid 1px #e1e1e1;border-left:solid 1px #c1c1c1;}
.iDisplay {display:none;}

#header {clear:both;margin-left:11px;height:109px;}
#logo {float:left;height:109px;width:436px;}
#pub_top {float:left;height:109px;width:505px;}


/* --------------------------------------------------------------------- Menu -- */
#menu {
	clear:both;
	/*padding-left:11px;*/
	padding-top:5px;
	margin:0px 0px 9px 11px;
	height:30px;
	width:941px;
	background:url(/data/clictonband/files/image/2010/bg/menu.jpg) no-repeat;
}


#menu ul {list-style:none;}	
#menu ul li {float:left;margin-left:20px;}
/* ------------------------------------------------------------- Right Column -- */
#fan_week {padding:13px 11px 0px 11px;height:54px;width:278px;background:url(/data/clictonband/files/image/2010/bg/fan_week.jpg) no-repeat;}
#fan_week p, #guestlist p {padding-bottom:4px;}

#guestlist {display:none;padding:13px 11px 0px 11px;height:94px;width:278px;font-size:11px;background:url(/data/clictonband/files/image/2010/bg/guestlist.jpg) no-repeat;}
#guestlist .iGuestlist {border:0;height:20px;width:168px;}
#guestlist .iGo {border:0;height:20px;width:32px;background:url(/data/clictonband/files/image/2010/btn/go-blue.jpg) no-repeat;}


#box_endirect{margin-top:0px;margin-bottom:5px;}

#box_endirect_int{height:43px;}







#box_endirect p{padding:0;}

#box_endirect_int p{padding:0;}

#maincontent{
	width:628px;
	padding-left:11px;
	float:left;
}

#left_content{
	width:160px;
	float:left;
}

#menu_left {margin-bottom:8px;}
#menu_left ul{}

#menu_left ul li{
	list-style:none;
	font-size:10px;
}

#menu_left ul li a{
	display:block;
	margin-bottom:4px;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background:url(/data/clictonband/files/image/2010/bg/menu_left.jpg) repeat-x;
}

#menu_left ul li a:hover{display:block;color:#52c3cf;background:url(/data/clictonband/files/image/bg_menuleft_on.jpg) repeat-x;}

#menu_left ul li.menuon, #menu_left ul li.menuon a, #menu_left ul li.menuon a:hover {display:block;color:#FFF;
background:url(/data/clictonband/files/image/2010/bg/bg_menuleft_on-2.jpg) repeat-x;}

#menu_left ul li ul{
	margin-bottom:10px;
}

#menu_left ul li ul li{
	list-style:none;
	font-size:10px;
	margin-bottom:2px;
}

#menu_left ul li ul li a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	background:url(/data/clictonband/files/image/bg_menuleft2.gif) repeat-x;
	padding:5px;
	margin-bottom:0px;
	height:17px;
}

#menu_left ul li ul li a:hover{
	color:#f66400;
	display:block;
	background:url(/data/clictonband/files/image/bg_menuleft2.gif) repeat-x;
}

#menu_left ul li ul li.sous-menu {
	list-style:none;
	font-size:10px;
}

#menu_left ul li ul li.sous-menu a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	background:url(/data/clictonband/files/image/bg_menuleft2.gif) repeat-x;
	padding:5px;
	margin-bottom:0px;
	height:17px;
}

#menu_left ul li ul li.sous-menu a:hover{
	color:#52C3CF;
	display:block;
	background:url(/data/clictonband/files/image/bg_menuleft2.gif) repeat-x;
}


#content-ext{
	background-color:#1b1b1b;
	padding:1px;
	width:461px;
	float:left;
	margin-left:5px;
}

#content{
	padding:10px;
	width:439px;
	font-size:11px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
}

#contentspace {padding:17px 12px 0px 12px;}

#rightcontent{
	width:300px;
	float:left;
	margin-left:11px;
}

.espace{margin-bottom:10px;}

#box_vlog{
	float:left;
	width:325px;
	border: solid 1px #3f3f3f;
	background:url(/data/clictonband/files/image/bg_box.jpg) repeat-x #000000;
	font-size:10px;
}

#vlog_content1{
	height:112px;
	width:313px;
	border-bottom:solid 1px #3f3f3f;
	padding:35px 6px 6px 6px;
	background:url(/data/clictonband/files/image/img_titre_vlog.gif) top no-repeat;
}
#vlog_content1 h2 {padding-bottom:0px;font-size:15px;font-weight:bold;color:#52c3cf;}
#vlog_content1 p {padding-bottom:3px;font-size:11px;color:#52c3cf;}
#vlog_content1 a {font-size:9px;}

#vlog_content{background:url(/data/clictonband/files/image/bg_ligne.jpg) center repeat-y;}

#vlog_content2 {
	float:left;
	padding:6px 6px 6px 6px;
	height:50px;
	width:150px;
	/*height:100%;*/
	font-size:9px;
}

#vlog_content3 {
	padding:6px 6px 6px 170px;
	font-size:9px;
}

#vlog_content2 a, #vlog_content3 a {font-size:8px;}

#vlog_content4{
	clear:both;
	padding:6px;
	height:14px;
	width:313px;
	font-size:9px;
	border-top:solid 1px #3f3f3f;
}

#vlog_content4 p{
	padding:0px;
	text-align:right;
}

#box_nouvelles{
	width:291px;
	border: solid 1px #3f3f3f;
	margin-left:8px;
	float:left;
	background:url(/data/clictonband/files/image/bg_box.jpg) repeat-x #000000;
}

#nouvelles_content{
	padding:38px 10px 6px 6px;
	min-height:178px;
  	height:auto !important;
  	height:178px;
	width:313;
	font-size:11px;
	background:url(/data/clictonband/files/image/img_titre_nouvelles.gif) top no-repeat;
	
}

#nouvelles_content ul{padding-left:15px;list-style:url(/data/clictonband/files/image/2010/bullet_arrow-blue.gif);}

#nouvelles_content ul li{
	border-top:dashed 1px #333333;
	padding:5px 5px 5px 0px;
}

#nouvelles_content2{
	border-top:solid 1px #3f3f3f;
	padding:6px;
	height:14px;
	font-size:9px;
}

#nouvelles_content2 p{

	padding:0px;
	text-align:right;
}


#inscription{
	/*overflow:auto;*/
	margin-top:0px; 
	width:300px; 
}

#inscription p{padding:0;}

#inscription-int{width:300px;}

#inscription-int p{padding:0;}

#inscription-bands{/*float:left; */margin-right:7px; display:block;}

#inscription-bands p{padding:0;}

#inscription-fans p{padding:0;}

#inscription-fans {display:none;}

#inscription-fans-large {display:none;/*height:53px;width:300px;*/}
#inscription-fans-large p {margin:0;padding:0;}
/*
#guestlist{
	width:280px;
	height:57px;
	background:url(/data/clictonband/files/image/bg_guestlist.gif) no-repeat;
	padding: 40px 10px 10px 10px;
	font-size:11px;
 }

#guestlist p{padding-bottom:3px;}

#guestlist form{margin-top:5px;}

#guestlist img{padding:5px 0px 0px 5px;}
*/
#pagedaccueil p{padding-bottom:3px;}

#facebook{/*height:53px;*/}

#facebook p{padding-bottom:0px;}

#longuedistance-ext{ background-color:#1b1b1b; padding:1px; width:300px;}

#longuedistance{
	width:278px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:10px;
	font-size:12px;
}

#pub_underground{height:105px;}

#bottom_menu{
	border-top:solid 1px #2e2e2e;
	clear:both;
	padding:7px 0px 12px 5px;
	color:#fd7b00;
	font-size:9px;
}

#bottom_menu #left {float:left;width:600px;color:#52c3cf;}
#bottom_menu #right {float:left;width:350px;text-align:right;color:#FFF;}

#bottom_menu a{
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}

#bottom_menu a:hover{
	text-decoration:underline;
	font-size:9px;
}

.height10{height:10px;}

.width20{width:20px;}
.width30{width:55px;}

#video-principale{
	border:solid 1px #3f3f3f;
	padding:1px;
	margin-top: 20px;
	width:425px;
}

#videos-secondaires{}

#videos-secondaires table{background:url(/data/clictonband/files/image/img_vlog_bg.jpg) repeat-x; border:#2c2c2c solid 1px;}

#videos-secondaires img{border:#000000 solid 1px;}

#vlog-titre{/*height:85px;*/}

.banner { clear:both;}

/* New Template */

#grandgagnant{
	width:280px;
	background:url(/data/clictonband/files/image/bg_grandgagnant.gif) no-repeat;
	padding: 38px 10px 13px 10px;
	font-size:14px;
	height:26px;
	font-weight:bold;
}

#fansgagnants p{padding-bottom:0px; margin-bottom:0px;}

#fansgagnants{
	width:280px;
	background:url(/data/clictonband/files/image/bg_fansgagnants.gif) no-repeat;
	padding: 35px 10px 13px 10px;
	font-size:11px;
	margin-bottom:0px;
}

#fansgagnants p{padding-bottom:2px; margin-bottom:0px;}

#btn_deviensfan {padding-top:0; margin-top:0;}

#btn_deviensfan p{padding:0;}

#box_topband{
	width:627px;
	border: solid 1px #3f3f3f;
	background:url(/data/clictonband/files/image/bg_box.jpg) repeat-x #000000;
	font-size:11px;
	overflow:auto;
                
}

#box_finalistes{
	width:627px;
	border: solid 1px #3f3f3f;
	background:url(/data/clictonband/files/image/bg_finalistes.jpg) repeat-x #0b0b0b;
	font-size:11px;
	overflow:auto;
}

#topband{
	width:613px;
	border-bottom:solid 1px #3f3f3f;
	padding:37px 8px 8px 6px;
	background:url(/data/clictonband/files/image/img_titre_topband.gif) top no-repeat;
	overflow:auto;
}

#topband {padding-bottom:4px;}

#finalistes{
	width:613px;
	border-bottom:solid 1px #3f3f3f;
	padding:37px 8px 8px 6px;
	background:url(/data/clictonband/files/image/img_titre_finalistes.gif) top no-repeat;
	overflow:auto;
}

/* Finalistes */

#topfinaliste1{
	width:305px;
	float:left;
}

#topfinaliste2{
	width:305px;
	float:left;
}

.nom_finalistes h2{font-size:15px; font-weight:normal; color:#FFFFFF; padding-bottom:0px;}

#topband_1{width:200px; float:left;}
#topband_1 p{padding-bottom:3px;;}

#topband_2{width:200px; float:left;}
#topband_2 p{padding-bottom:3px;;}

#topband_3{width:200px; float:left;}
#topband_3 p{padding-bottom:3px;;}

#topband_lien{padding:5px; font-size:10px;}

#topband_lien p{
	padding:0px;
	text-align:right;
}


/* Bands */

#videos-liens-ext{ background-color:#2d2d2d; padding:1px; width:427px;}

#videos-liens{
	width:407px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:0px 10px 5px 10px;
	font-size:11px;
}

#commentaires-band{
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/img_titre_commentaires.gif) top center no-repeat;
	padding-top:8px;
	padding-right:7px;
	text-align:right;
	width:418px;
}

#commentaires-contenu{
	text-align:left;
	padding:10px;
	width:100%px;
}

#commentaires-tout{
	width:418px;
	padding:8px 7px 8px 0px;
	font-size:9px;
	text-align:right;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #515151;
}

#retour-top {height:10px; padding:10px 0 10px 0; text-align:right;}
#retour-bottom {height:15px; padding:5px 0 10px 0; text-align:right;}

#video-droit {border:solid 1px #3f3f3f;}
#photo-droit {border:solid 1px #3f3f3f;}
#forVid {border:solid 1px #3f3f3f;}

#profile-ext{ background-color:#2d2d2d; padding:1px; width:300px;}

#profile{
	width:278px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:0px 10px 5px 10px;
	font-size:11px;
}

#liens-droit-ext{ background-color:#2d2d2d; padding:1px; width:300px;}

#liens-droit{
	width:278px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:0px 10px 5px 10px;
	font-size:11px;
}

#invite-ami{
	padding:9px 0px 0px 12px;
	height:91px;
	width:288px;
	font-size:11px;
	/*background:url(/data/clictonband/files/image/bg_invite-ami.gif) no-repeat;*/
	background:url(/data/clictonband/files/image/2010/bg/inviter-un-ami-02.jpg) no-repeat;
 }

#invite-ami p{padding-bottom:3px;}

#invite-ami form{margin-top:5px;}

/*#invite-ami img{padding:5px 0px 0px 5px;}*/


/*ADDED BY KARL FOR TOP10 */
.caseBand
{
	/*width:426px;
	height:74px;
	background-image:url('/images/bgCaseBand.jpg');
	background-repeat:no-repeat;*/
	width:424px;
	height:72px;
	border:solid 1px #2e2e2e;
	background:url(/data/clictonband/files/image/2010/bg/caseBand.jpg) repeat-x;
	
	margin-bottom:11px;
}

.titleBand
{
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#52c3cf;
	/*
	margin-left:8px;
	margin-top:8px;
	width:188px;
	float:left;
	*/
}

.imgBandCase
{
	margin-left:1px;
	height:68px;
	width:94px;
	border:solid 1px #43b4c0;
	/*
	width:93px;
	height:67px;
	float:left;
	margin-left:3px;
	margin-top:3px;	
	*/
}

.titleSong
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*
	width:188px;
	margin-left:8px;
	float:left;
	*/
}

.bandLoc
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	/*
	width:188px;
	margin-left:8px;
	float:left;
	*/
}

.btnVotes
{
	float:left;
	width:84px;
	padding-top:7px;
	padding-left:10px;
}
.btnVotes img
{
	float:left;
}

.bandInfos
{
	float:left;
	width:188px;
}

.numBand
{
	float:left;
	width:37px;
	height:39px;
	margin-top:2px;
	margin-left:2px;
	text-align:center;
	font-family:Arial;
	font-size:30px;
}


/*for Box Login*/
#boxLog{
	width:278px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:10px 10px 5px 10px;
	font-size:11px;
                margin-bottom:10px;
}


/*For Admin*/
#content-ext_admin{
	background-color:#1b1b1b;
	padding:1px;
	width:900px;
	float:left;
	margin-left:5px;
}

#content_admin{
	width:900px;
	border:solid 1px #515151;
	background:url(/data/clictonband/files/image/bg_longuedistance.jpg) repeat-x #060606;
	padding:10px;
	font-size:11px;
}


/* Style - sondage */

.band1
{
  background-color:#ff0000;
  height:15px;
}
.band2
{
  background-color:#b32e50;
  height:15px;
}
.band3
{
  background-color:#1d15ca;
  height:15px;
}
.band4
{
  background-color:#2f8d60;
  height:15px;
}
.band5
{
  background-color:#ff8208;
  height:15px;
}
.band6
{
  background-color:#47e69a;
  height:15px;
}
.band7
{
  background-color:#fff600;
  height:15px;
}

#topUndergroundMusix {
	margin-bottom:11px;
	padding:36px 0px 0px 7px;
	height:288px;
	width:622px;
	font-size:11px;
	color:#FFF;
	background:url(/data/clictonband/files/image/bg_top5-undergroundmusix.jpg) no-repeat;
}
#topUndergroundMusix p {margin:0;padding:0px;}
#topUndergroundMusix a, #topUndergroundMusix a:link {text-decoration:none;color:#e31b22;}
#topUndergroundMusix a:hover {text-decoration:underline;color:#e31b22;}

.tGadgets h2, .tGadgets h3 {margin:0;padding:0;}

/* ----------------------------------------------- Modification 19 janvier 2010-- */

#groupe_parrain {
	float:left;
	margin-right:4px;
	padding:38px 0px 0px 10px;
	height:197px;
	width:195px;
	font-size:11px;
	background:url(/data/clictonband/files/image/2010/bg/groupe_parrain-firefox.jpg) no-repeat;
}
* +html #groupe_parrain {height:181px;background:url(/data/clictonband/files/image/2010/bg/groupe_parrain.jpg) no-repeat;}
* html #groupe_parrain {height:181px;background:url(/data/clictonband/files/image/2010/bg/groupe_parrain.jpg) no-repeat;}
#communaute {
	float:left;
	margin-right:4px;
	padding:32px 2px 0px 2px;
	height:203px;
	width:201px;
	font-size:11px;
	background:url(/data/clictonband/files/image/2010/bg/communaute-firefox.jpg) no-repeat;
}
* +html #communaute {height:186px;background:url(/data/clictonband/files/image/2010/bg/communaute.jpg) no-repeat;}
* html #communaute {height:186px;background:url(/data/clictonband/files/image/2010/bg/communaute.jpg) no-repeat;}

#communaute table td {padding:0;}
#communaute table td.firsttd {height:24px;color:#201e1e;background:url(/data/clictonband/files/image/2010/bg/td-first.jpg) repeat-x;}
#communaute table td.first {height:24px;color:#201e1e;background:url(/data/clictonband/files/image/2010/bg/tr-first.jpg) repeat-x;}
#communaute table td.dark {height:17px;background:url(/data/clictonband/files/image/2010/bg/tr-dark.jpg) repeat-x;}
#communaute table td.light {height:19px;background:url(/data/clictonband/files/image/2010/bg/tr-light.jpg) repeat-x;}
#communaute table td.light {margin-top:-3px;}

#top5_undergroundmusix {
	float:left;
	margin-bottom:11px;
	padding:36px 2px 0px 2px;
	height:199px;
	width:206px;
	font-size:11px;
	background:url(/data/clictonband/files/image/2010/bg/top5_undergroundmusix-firefox.jpg) no-repeat;
}
* +html #top5_undergroundmusix {padding:33px 2px 0px 2px;height:186px;background:url(/data/clictonband/files/image/2010/bg/top5_undergroundmusix.jpg) no-repeat;}
* html #top5_undergroundmusix  {padding:33px 2px 0px 2px;height:186px;background:url(/data/clictonband/files/image/2010/bg/top5_undergroundmusix.jpg) no-repeat;}

#top5_undergroundmusix a {color:#FFF;}
#top5_undergroundmusix table td {padding:0;}
#top5_undergroundmusix table td.dark {height:36px;background:url(/data/clictonband/files/image/2010/bg/tr-dark-02.jpg) repeat-x;}
#top5_undergroundmusix table td.light {height:38px;background:url(/data/clictonband/files/image/2010/bg/tr-light-02.jpg) repeat-x;}

#tickets {display:none;height:173px;width:300px;}

#fondation_info {padding:13px 11px 0px 11px;height:153px;width:278px;font-size:11px;background:url(/data/clictonband/files/image/2010/bg/fondation_info.jpg) no-repeat;}
#fondation_info p {padding-bottom:5px;}

#boxes-2 {margin-bottom:13px;/*height:185px;*/}