body {
	font-family      : "Lucida Grande", Helvetica, Verdana, Arial,  sans-serif;
	background-image: url(images/template/haut_votes.jpg);
	background-repeat: repeat-x;
	/*background-attachment:fixed; */
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	margin: 0px;
	background-color:#000000;
	}
a{
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	}
	
a img {
	border: 0;
	} 
	
input , select, input.file, textarea{
	border: 1px solid #666666;
	background-color: #151515;
	font-size: 12px;
	color: #ffffff;
	background: #000000 ;
	background-image: url(images/template/fond_resume.png);
	background-repeat: repeat-x;
}

h1 , h1 a{
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	}
h2 , h2 a{
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	}
.titre, .titre a{
	font-size: 18px;
	}
.contenu, .contenu a{
	font-size: 12px;
	}	
	
/* ------------------ bulles info------------- */
a.tooltip em {
    display:none;
	font-size: 12px;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	font-size: 12px;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 27px;
    left: -10px;
    padding: 5px;
    color: #fff;
    border: 4px solid #fff;
    background: #000;
    width:170px;
	font-size: 12px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -14px;
    left: 15px;
    height: 14px;
    width: 29px;
    background: transparent url(images/template/infobulle.gif);
	background-repeat: no-repeat;
    margin:0;
    padding: 0;
    border: 0;
	font-size: 12px;
}

#main{
	width:800px;
	margin:auto;
}	
/* -------------------- Header --------------------- */

#menu {
		position: absolute;
		top: 55px;
		left: 5px;
		/*height: 30px;*/
		padding: 5px;
		width: 795px;
		
	}
.menu_item a{
		padding: 2px 6px 2px 6px;
		border: 1px solid #666666;
		color: #ffffff;
		font-size: 12px;
		background: #000000;
}
.menu_item a:hover{
		padding: 2px 6px 2px 6px;
		background: #ffffff;
		border: 1px solid #666666;
		color: #000000;
		font-size: 12px;
}
/* PUB */
#pub_header{
width:800px;
/*height:40px;*/
}

/* -------------------- Contenus --------------------- */
div#content {
	margin: 5px 0px 25px 0px;
	padding: 3px;
	/*background: #151515 ;*/
	width: 800px;
	}
	
#search {
	padding: 2px 0px 2px 0px;
	/*border-top: 1px solid #666666;*/
	border-bottom: 1px solid #666666;
	background: #000000 ;
	width: 800px;
	margin-bottom: 10px;
	}
	
.title, .title a {
	font-size: 13px;
}
.content_{
	font-size: 12px;
	color: #666666;
}

.content_ a{
	font-size: 12px;
	color: #ffffff;
}

.titre_intro {
	font-size: 18px;
	color: #ffffff;
}
#video {
	width: 500px;
	font-size: 10px;
	color: #ff6600;
	background: #000000;
	background-image: url(images/template/fond_resume.png);
	background-repeat: repeat-x;
	padding: 2px;
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}
.link a{
	font-size: 10px;
	color: #ff6600;
}

#page, .page {
	padding: 5px;
	margin:auto;
	width: 790px;
	text-align:center;
	}
	
.page a{
	padding: 2px 6px 2px 6px;
	background: #151515;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
	}
.page_a a{
	padding: 2px 6px 2px 6px;
	background: #151515;
	border: 1px solid #ffffff;
	color: #666666;
	font-size: 12px;
	}
.intro {
	padding: 15px 0px 20px 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #000000 ;
	background-image: url(images/template/fond_resume.png);
	background-repeat: repeat-x;
	width: 800px;
	margin-bottom: 10px;
	}
	
.info_ok {
	padding: 15px 0px 20px 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #009900 ;
	width: 800px;
	margin-bottom: 10px;
	}
.info_no {
	padding: 15px 0px 20px 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #990000 ;
	width: 800px;
	margin-bottom: 10px;
	}
		
div#login {
		/*position: relative;
		left: 0px;
		top: 0px;*/
		padding: 5px;
		width: 270px;
		background: #000000 ;
		background-image: url(../images/template/haut_votes.jpg);
		background-repeat: repeat-x;
		border: 1px solid #666666;
	}
.resume {
		/*position: relative;
		left: 0px;
		top: 0px;*/
		padding: 5px;
		width: 270px;
		background: #990000;
		background-image: url(images/template/fond_resume_grand.png);
		background-repeat: repeat-x;
		border: 1px solid #990000;
	}
.resume_photo{
		padding: 5px;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
		background: #000000 ;
		background-image: url(images/template/fond_resume.png);
		background-repeat: repeat-x;
		width: 270px;
		margin-bottom: 10px;
	}

.resume_com{
		padding: 5px 2px 5px 2px;
		border-top: 1px solid #666666;
		/*border-bottom: 1px solid #666666;*/
		background: #000000 ;
		background-image: url(../images/template/haut_votes.jpg);
		background-repeat: repeat-x;
		width: 490px;
		margin-bottom: 10px;
	}

.resume_anu{
		padding: 5px;
		border-top: 1px solid #666666;
		/*border-bottom: 1px solid #666666;*/
		background: #000000 ;
		background-image: url(../images/template/haut_votes.jpg);
		background-repeat: repeat-x;
		width: 550px;
		margin-bottom: 10px;
	}
		
.resume_500 {
		padding: 5px 2px 5px 2px;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
		background: #000000 ;
		background-image: url(images/template/fond_resume.png);
		background-repeat: repeat-x;
		width: 500px;
		margin-bottom: 10px;
	}
.resume_google{
		padding: 5px 2px 5px 2px;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
		background: #000000 ;
		width: 500px;
		margin-bottom: 10px;
	}	
.vignette{
	width: 105px;
	/*border:1px dotted #E6E6E6; */
	padding: 2px;
	margin-bottom:5px;
	display: table;
	background: #333333;
	}

.next {
		/*position: relative;
		left: 0px;*/
		margin-top: 10px;
		padding: 5px;
		width: 270px;
		background-image: url(images/template/fond.png);
		border: 1px solid #666666;
	}
	
.hot_bar{
	background: #000000 ;
	cursor: pointer;
	width:525px;
	margin:auto;
}
	
.hotb, .hotb input{
	background: #FF6600 ;
	border: 0px;
	padding: 2px;
	cursor: pointer;
	}
.hot, .hot input{
	background: #000000 ;
	border: 0px;
	padding: 2px;
	cursor: pointer;
	}
	
.hot_num{
	font-size: 40px;
	}
	
/*- Menu Tabs H--------------------------- */

    #tabsH {
	  /*position: relative;*/
	  /*height: 40px;
	  top:0px;*/
      float:left;
      width:800px;
      /*background:#000;*/
      font-size:93%;
      line-height:normal;
	  border-bottom: 1px solid #666666;
      }
    #tabsH ul {
	margin:0;
	padding:8px 0px 0 2px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("images/template/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("images/template/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
	  #tabsH .invitation{
      color:#FF3399;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
	  
/* -------------------- Footer --------------------- */
div#footer {
		clear: both;
		background: #151515;
		border-top: 1px solid #666666;
		color: #666666;
		font-size: 10px;
		width: 800px;
	}

/* -------------------- youtube -------------------- */
#youtubecontent img a{
	border: 1px;
}
#youtubeDiv li{
	list-style:none;
	display:inline;
}
#youtubeDiv img a{
	border: 0px;
}
#youtubeDiv {
	width: 500px;
}

/* ------------------ carousel -------------------- */
#musicCarousel {
	text-align: left;
}
#musicCarousel img {
	border: none;
}
#musicCarousel .panel .slide {
	position: absolute;
	width: 800px;
	display:block;
}
#musicCarousel a { color: #FFA100 !important}
/* Generic Purple Panel Styles*/
#musicCarousel {float: left; width: 800px; background-color: #000000; padding: 0px 0 0px 0px;}
#musicCarousel .panel {float: left; width: 800px; background: url(images/car/mid.png) repeat-y;  display: inline; height: 200px; margin-bottom: 0px;}
#musicCarousel .panel a.h3 {display:block;font: bold 1.6em Arial, Helvetica, sans-serif; color: #9996af; padding: 0; margin: 7px 0 11px 22px;}
#musicCarousel .panel .panel-album {float: left; width: 128px;}
#musicCarousel .panel .panel-album img {margin: 0 0 5px 22px; border: 3px solid #d4d2ca;}
#musicCarousel .panel .panel-copy {float: right; width: 642px; padding: 0 15px 0 0;}
#musicCarousel .panel .panel-copy h4{font-size: 1.2em; padding: 0; margin: 0 0 6px 0;}
#musicCarousel .panel .panel-copy p {font-size: 1.2em; color: #ffffff; padding: 0; margin: 0 0 3px 0; line-height: 14px;}
#musicCarousel .panel .panel-copy p a {font-size: 1.2em; font-weight: bold;}
#musicCarousel .panel .panel-top {height: 44px;}
/*#musicCarousel .panel .panel-bottom{clear: both; height: 40px; background: url(/images/car/bottom.png) no-repeat;}*/
#musicCarousel .panel .carousel-5 {float: left; width: 157px; padding: 2px 0 0 145px; position: relative;}
#musicCarousel .panel .carousel-5 img { float: left; cursor: pointer;}


#musicCarousel .panel .explicit {padding: 0; margin: 0px 0 4px 7px;}

/* Specific Purple Panel Styles*/

#musicCarousel .panel-top { background: url(/images/car/top.png) repeat-x;}

#musicCarousel .browseAll { width: 810px; border-right: 1px solid #ffffff; background: #FFFFFF; }
#musicCarousel .browseAll a.h3 { display: block; text-align: left; margin: 0; padding: 0 0 10px 30px; }

#musicCarousel a:link, #musicCarousel a:visited, #musicCarousel a:active {text-decoration: none; color: #FFA100;}
#musicCarousel a:hover {text-decoration: underline; color: #FFA100;}