/***********************************************/
/*              FEUILLE DE STYLE               */
/*              HappyFan.fr v2.5               */
/***********************************************/

/************************************************
/  1 - Général
/  2 - Header
/  3 - Menu
/  4 - Footer
/  5 - Titres
/  6 - TOP
/  7 - Nouveautés
/  8 - Communauté
/  9 - BOX
/ 10 - Recherche
/ 11 - Divers
/ 12 - OLD
/***********************************************/

/******************* Général *******************/
html,body {
	height: 100%;
}

html, body, ol, ul, form, fieldset {
	margin:0;
	padding:0;
}

body {
	color:#000000;
	background-color:#113A56;
	background-image:url(/images/bg_body_default.jpg);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Arial;
	font-size:12pt;
	text-align:center;
}

p {
	margin:0;
	padding:0;
}

img {
	vertical-align:middle;
}

a img {
	border:0;
}

a:link	  { color:#000000; text-decoration:none }
a:visited { color:#000000; text-decoration:none }
a:hover	  { color:#113A56; text-decoration:none }

H1 {
	font-weight:normal;
	color:#000000;
	font-size:14pt;
	text-decoration:none;
	font-style:italic;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:30px;
	padding-top:15px;
	text-shadow: 1px 1px 2px #999;
}

H2 {
	color:#CACACA;
	font-size:14pt;
	text-decoration:none;
	margin:0;
	text-shadow:  1px  1px  0px #fff,
				 -1px  1px  0px #fff,
				  1px -1px  0px #fff,
				 -1px -1px  0px #fff,
				  1px  1px 3px #CCC;
}

input,textarea{
	border:0;
	padding:0;
	margin:0;
	outline: none;
}

fieldset {
	border: 0;
}

textarea {
	font: inherit;
}

div {
	margin:0;
	padding:0;
	border-width:0;
}

div#container {
	position:relative;
	min-height:100%;
	width: 1000px;
	margin:auto;
	background-color:#FFFFFF;
	border:0;
	text-align:left;
}

div#content {
	position:relative;
	background-color:#FFFFFF;
	background-image:url(/images/bg_content.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom: 140px; /* Hauteur du footer */
}

/* **************** Messages *************** */
div#nojs {
	color:#FFF;
	font-weight:bold;
	height: 20px;
	width: 100%;
	text-align:center;
	background-color:red;
}

div#avertissement {
	height: 30px;
	width: 1000px;
	background-color:#FFFFE1;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
}

div#erreur {
	height: 25px;
	width: 750px;
	background-color:red;
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
}

div#plus {
	color:#7F7F7F;
	text-align:center;
	background-color:#EFEFEF;
	padding:5px;
	border-style:solid;
	border-width:2px;
	border-color:#7F7F7F;
	line-height:30px;
}

div#msgerreur {
	position:relative;
	width:800px;
	left:100px;
	color:white;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	background-color:red;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}

div#msgerreur a {
	color:white;
	text-decoration:underline;
}

div#msgsucces {
	position:relative;
	width:800px;
	left:100px;
	color:white;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	background-color:#00CC00;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}

div#msgsucces a {
	color:white;
	text-decoration:underline;
}

div#msginfo {
	position:relative;
	width:800px;
	left:100px;
	color:#000000;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	background-color:#FFFF99;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:white;
}

div#msginfo a {
	color:white;
	text-decoration:underline;
}

/* ************* Header ************* */
div#top {
	position:relative;
	bottom:0px;
	width: 1000px;
	height:288px;
}

div#header {
	position:relative;
	float:left;
	background-color:#EAEAEA;
	background-image:url(/images/bg_header_default.png);
	background-position:top;
	background-repeat:repeat-x;
	bottom:0;
	width: 1000px;
	height: 145px;
	z-index:7;
}

div.deco_header {
	position:absolute;
	float:left;
	background-image:url(/images/bg_header_left_default.png);
	background-position:left;
	background-repeat:no-repeat;
	width: 1000px;
	height: 145px;
	z-index:-10;
}

div#logo {
	position:absolute;
	left:20px;
	top:7px;
	z-index:10;
}

div#tip {
	position:absolute;
	width:920px; /* 1000-left */
	height: 145px;
	left:80px;
	top:0;
	z-index:-10;
}

div#tip a {
	position:absolute;
	width:585px;
	height: 145px;
	left:150px;
	top:0;
	z-index:10;
	line-height:145px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}

div#connect {
	position:relative;
	float:right;
	height:130px; /* 145 - padding */
	width:165px; /* 175 - padding */
	text-align:right;
	padding-top:15px;
	padding-right:10px;
	color:white;
	font-size:11pt;
	font-weight:bold;
	overflow:visible;
	background:url(/images/bg_header_right.png) repeat-y center right;
	z-index:21;
}

div#connect a {
	color:white;
}

div#connect a:hover {
	text-decoration:underline;
}

div#connect .pseudo {
	position:absolute;
	float:right;
	height:20px;
	right:10px;
	bottom:2px;
	line-height:20px;
	vertical-align:middle;
	text-align:right;
	color:white;
	font-size:11pt;
	font-weight:bold;
	overflow:visible;
	z-index:21;
}

div#connect .pseudo a {
	color:#ABABAB;
	padding-right:18px;
	background:url(/images/icon_profil_16.png) no-repeat center right;
}

div#connect .pseudo a:hover {
	color:white;
	text-decoration:underline;
}

div#connect .connect {
	font-size:7pt;
	color:#C5C5C5;
	padding-right:2px;
}

div#connect input.champ {
	height:24px;
	width:123px;
	padding-left:5px;
	padding-right:5px;
	right:-1px;
	background:url(/images/bg_champ.png) no-repeat top center;
}

div#connect input#se_connecter {
	position:absolute;
	float:right;
	height:26px;
	width:95px;
	right:9px;
	bottom:7px;
	background:url(/images/btn_se_connecter.png) no-repeat top center;
}

div#connect input:hover#se_connecter  {
	background:url(/images/btn_se_connecter.png) no-repeat bottom center;
}

div#connect .avatar {
	position:absolute;
	float:right;
	height:50px;
	width:50px;
	right:13px;
	bottom:80px;
	color:white;
	border:1px solid #ABABAB;
}

div#connect .avatar:hover {
	border:1px solid #000000;
}

div#subheader {
	position:relative;
	float:left;
	width:1000px;
	height:110px;
	text-align:center;
	background-color:#EAEAEA;
	background-image:url(/images/ombre_header_bottom.png);
	background-position:top;
	background-repeat:repeat-x;
	overflow:hidden;
	z-index:5;
}

/* ************** Menu ************** */
div#menu {
	position:relative;
	height:33px;
	width:1000px;
	background-color:#000000;
	background:url('/images/bg_header_menu.png') repeat-x top left;
	z-index:23;
}

div#menu a { color:#444444; }

div#menu a:hover { color:#000000; font-weight:bold; }

div#menu ul { padding:0; margin:0; }

div#menu li { padding:0; margin:0; }

div#menu ul.menu span { display: none; }

div#menu li#btn_accueil {
	position:relative;
	height:33px;
	width:89px;
	padding:0;
	background:url(/images/btn_menu_accueil.png) no-repeat top center;
}

div#menu li#btn_accueil:hover, div#menu li#btn_accueil.hot {
	background:url(/images/btn_menu_accueil.png) no-repeat bottom center;
}

div#menu li#btn_top {
	position:relative;
	height:33px;
	width:162px;
	padding:0;
	background:url(/images/btn_menu_top.png) no-repeat top center;
}

div#menu li#btn_top:hover, div#menu li#btn_top.hot {
	background:url(/images/btn_menu_top.png) no-repeat bottom center;
}

div#menu li#btn_nouveautes {
	position:relative;
	height:33px;
	width:129px;
	padding:0;
	background:url(/images/btn_menu_nouveautes.png) no-repeat top center;
}

div#menu li#btn_nouveautes:hover, div#menu li#btn_nouveautes.hot {
	background:url(/images/btn_menu_nouveautes.png) no-repeat bottom center;
}

div#menu li#btn_communaute {
	position:relative;
	height:33px;
	width:140px;
	padding:0;
	background:url(/images/btn_menu_communaute.png) no-repeat top center;
}

div#menu li#btn_communaute:hover, div#menu li#btn_communaute.hot {
	background:url(/images/btn_menu_communaute.png) no-repeat bottom center;
}

div#menu li#btn_playlist {
	position:relative;
	height:33px;
	width:90px;
	padding:0;
	background:url(/images/btn_menu_playlist.png) no-repeat top center;
}

div#menu li#btn_playlist:hover, div#menu li#btn_playlist.hot {
	background:url(/images/btn_menu_playlist.png) no-repeat bottom center;
}

div#menu li#btn_recherche{
	position:relative;
	height:33px;
	width:34px;
	padding:0;
	background:url(/images/btn_menu_recherche.png) no-repeat top center;
}

div#menu li#btn_recherche:hover, div#menu li#btn_recherche.hot {
	background:url(/images/btn_menu_recherche.png) no-repeat bottom center;
}

.btn_lien a {
	line-height:33px;
	height:33px;
	width:100%;
}

div#menu li#btn_plus {
	position:relative;
	float:right;
	height:33px;
	width:85px;
	padding:0;
	background:url(/images/btn_menu_plus.png) no-repeat top center;
}

div#menu li#btn_plus:hover {
	background:url(/images/btn_menu_plus.png) no-repeat bottom center;
}

div#menu ul.menu_plus {
	position:absolute;
	height:100px;
	width:395px;
	top:33px;
	left:-610px;
	z-index:24;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000;
	padding-top:45px;
	padding-right:200px;
	padding-left:100px;
	overflow:visible;
	background:url(/images/fleche.png) no-repeat 530px 20px;
}

div#menu li.ss_menu {
	text-align:left;
	font-size:11pt;
	width:100px;
	height:25px;
}

div#menu li.ss_menu a {
	color:#FFFFFF;
}

div#menu ul li { position:relative; list-style:none; float:left; }
div#menu ul ul { position:absolute; display:none; }
div#menu li a { text-decoration:none; display:block; }
div#menu ul.menu li#btn_plus:hover ul.menu_plus { display:block; }

/* ************* Footer ************* */
div#footer {
	position:absolute;
	width: 1000px;
	height: 120px; /* 127-padding */
	bottom:0px;
	margin-top:20px;
	color:#555;
	font-size:11pt;
	text-shadow: 1px 1px 0px #FFF;
	text-align:center;
	background-color:#EEEEEE;
	background-image:url(/images/bg_footer.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:7px;
}

div#footer a {
	color:#555;
}

div#footer a:hover {
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
}

div#footer #xiti {
	position:absolute;
	right:10px;
	bottom:10px;
}

div#footer .links {
	margin-top:20px;
}

div#footer #copyright {
	margin-top:30px;
}

div#footer #mini_logo {
	position:absolute;
	width:0;
	height:0;
	top:15px;
	left:12px;
}

/* ************* Titres ************* */
div.titre {
	position:relative;
	vertical-align: middle;
	display:block;
	width:812px;
	height:70px;
	margin-left:94px;
	text-align:left;
}

div.titre_cover {
	text-align:center;
	width:100px;
	height:65px;
	float:left;
	overflow:hidden;
	text-align:center;
}

div.titre_nom {
	vertical-align:middle;
	height:65px;
	line-height:65px;
	width:450px;
	float:left;
	overflow:hidden;
	text-align:left;
	margin-left:65px;
	font-size:13.5pt;
	color:#00799E;
}

div.titre_new {
	top:16px;
	left:95px;
	width:60px;
	height:31px;
	position:absolute;
}

div.titre_nouveaute {
	vertical-align:middle;
	height:65px;
	line-height:65px;
	width:450px;
	float:left;
	overflow:hidden;
	text-align:left;
	margin-left:65px;
	font-size:13.5pt;
	color:#FF006E;
}

div.titre_top {
	vertical-align:middle;
	height:65px;
	line-height:65px;
	width:450px;
	float:left;
	overflow:hidden;
	text-align:left;
	margin-left:65px;
	font-size:13.5pt;
	color:#255187;
}

div.titre_hasard {
	vertical-align:middle;
	height:65px;
	line-height:65px;
	width:450px;
	float:left;
	overflow:hidden;
	text-align:left;
	margin-left:65px;
	font-size:13.5pt;
	color:#486A91;
}

div.titre_vote {
	position:relative;
	width:44px;
	float:right;
	overflow:visible;
	text-align:left;
}

div.titre_vote .msg_vote {
	display:table-cell;
	padding:0;
	margin:0;
	position:absolute;
	top:4px;
	right:60px;
	width:150px;
	height:53px;
	background-color:#FBFBFB;
	-webkit-box-shadow: #BBB 0px 0px 2px;
	-moz-box-shadow: #BBB 0px 0px 2px 1px;
	box-shadow: #BBB 0px 0px 2px 1px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	overflow:visible;
	z-index:25;
}

div.titre_vote .msg_vote p {
	padding:10px;
	vertical-align:middle;
	display:table-cell;
	width:130px; /* 150 - padding */
	height:53px;
	font-size:10pt;
	color:#000;
	text-align:left;
	text-shadow: 0px 0px 1px #CCC;
}
div.titre_vote .msg_vote p span{
	
}

.text {
	color:#000;
	font-size:12pt;
	margin-left:30px;
	margin-right:30px;
}

div.titre_vote  input.plus {
	color:transparent;
	font-size:0px;
	width:44px;
	height:31px;
	background:url(/images/btn_vote_sprite_s.png) no-repeat top left;
	cursor:pointer;
}
div.titre_vote  input.plus:hover {
	width:44px;
	height:31px;
	background:url(/images/btn_vote_sprite_s.png) no-repeat top center;
}
div.titre_vote  input.moins {
	color:transparent;
	font-size:0px;
	width:44px;
	height:30px;
	background:url(/images/btn_vote_sprite_s.png) no-repeat bottom left;
	cursor:pointer;
}
div.titre_vote  input.moins:hover {
	width:44px;
	height:30px;
	background:url(/images/btn_vote_sprite_s.png) no-repeat bottom center;
}
div.titre_vote  div.voted, div.titre_vote  div.voted_plus , div.titre_vote  div.voted_moins {
	width:44px;
	height:61px;
	background:url(/images/btn_vote_sprite_s.png) no-repeat bottom right;
}

/* ************** TOP ************** */
div.top {
	position:relative;
	vertical-align:middle;
	height:150px;
	width:800px;
	overflow:visible;
	text-align:left;
	margin-left:100px;
	color:#FFF;
	background-color:#FFFFFF;
	background-image:url(/images/bg_cellule_top.png);
	background-repeat:no-repeat;
	margin-bottom:30px;
	box-shadow: #BBB 6px 6px 15px 1px;
	-moz-box-shadow: #BBB 6px 6px 15px 1px;
	-webkit-box-shadow: #BBB 6px 6px 15px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.top .pochette {
	position:absolute;
	left:108px;
}

div.top .left {
	position:absolute;
	height:150px;
	width:108px;
}

div.top .left .etoiles {
	position:absolute;
	left:0px;
	top:15px;
	width:108px;
	height:15px;
	text-align:center;
}

div.top .left .num {
	position:absolute;
	top:23px;
	left:8px;
	height:150px;
	width:73px;
	color:#FFFFFF;
	font-size:36pt;
	text-shadow: 2px 2px 2px #0064AD;
	text-align:left;
}

div.top .vote {
	position:absolute;
	top:15px;
	right:10px;
	height:121px;
	width:87px;
}

div.top .middle {
	display: table-cell;
    vertical-align: middle;
	width:431px; /* 451 - padding */
	position:absolute;
	top:30px;
	left:258px; /* left + pochette */
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

div.top .middle span.artiste-titre {
	display:block;
	font-size:18pt;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
}

div.top .middle span.artistes {
	display:block;
	font-size:12pt;
	color:#568EB7;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
}

div.top  .voted_plus {
	width:87px;
	height:121px;
	background:url(/images/btn_vote_sprite_top.png) 0 0 no-repeat;
	background-position:-174px 0;
}

div.top  .voted_moins {
	width:87px;
	height:121px;
	background:url(/images/btn_vote_sprite_top.png) 0 0 no-repeat;
	background-position:-261px 0;
}

div.top  input.plus {
	color:transparent;
	font-size:0px;
	width:87px;
	height:61px;
	background:url(/images/btn_vote_sprite_top.png) no-repeat top left;
	cursor:pointer;
}
div.top  input.plus:hover {
	width:87px;
	height:61px;
	background-position:-87px 0;
}
div.top  input.moins {
	color:transparent;
	font-size:0px;
	width:87px;
	height:60px;
	background:url(/images/btn_vote_sprite_top.png) no-repeat bottom left;
	cursor:pointer;
}
div.top  input.moins:hover {
	width:87px;
	height:60px;
	background-position:-87px -61px;
}

div.top .msg_vote {
	display:none;
}

/* *********** Nouveautés ************ */
div.nouveaute {
	position:relative;
	vertical-align:middle;
	height:150px;
	width:800px;
	overflow:visible;
	text-align:left;
	margin-left:100px;
	font-size:13.5pt;
	color:#486A91;
	background-color:#FFFFFF;
	background-image:url(/images/bg_cellule_nouveautes.png);
	background-repeat:no-repeat;
	margin-bottom:30px;
	box-shadow: #BBB 6px 6px 15px 1px;
	-moz-box-shadow: #BBB 6px 6px 15px 1px;
	-webkit-box-shadow: #BBB 6px 6px 15px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.nouveaute .pochette {
	position:absolute;
	left:90px;
}

div.nouveaute .left {
	position:absolute;
	height:150px;
	width:80px;
}

div.nouveaute .score {
	height:150px;
	width:73px;
	min-height: 150px;
    display: table-cell;
    vertical-align: middle;
	text-align:right;
}

div.nouveaute .infobulle {
	visibility:hidden;
	position:absolute;
	width:74px;
	height:109px;
	top:21px;
	left:-74px;
	text-align:center;
	font-size:10pt;
	color:#B1B1B1;
	border:0;
	background-color:#FFFFFF;
	background-image:url(/images/bg_bulle_nouveautes.gif);
	background-repeat:no-repeat;
	z-index:25;
}

div.nouveaute .vote {
	position:absolute;
	top:10px;
	right:10px;
}

div.nouveaute .middle {
	display: table-cell;
    vertical-align: middle;
	width:477px;
	position:absolute;
	top:30px;
	left:240px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

div.nouveaute .middle span.titre {
	font-size:18pt;
	color:#999999;
	font-weight:bold;
}

div.nouveaute .middle span.artistes {
	font-size:10pt;
	color:#B1B1B1;
	font-style:italic;
}

div.nouveaute .ajout {
	position:absolute;
	font-size:8pt;
	color:#999999;
	bottom:5px;
	right:5px;
}

div.description_nouveaute {
	position:relative;
	vertical-align:middle;
	width:800px;
	overflow:visible;
	text-align:left;
	margin-left:65px;
	font-size:13.5pt;
	color:#486A91;
	background-color:#FFFFFF;
	background-image:url(/images/bg_cellule_nouveautes.png);
	background-repeat:no-repeat;
	margin-top:-20px;
	margin-bottom:30px;
}

div.nouveaute  .voted, div.nouveaute  .voted_plus, div.nouveaute .voted_moins {
	width:43px;
	height:56px;
	background:url(/images/btn_vote_sprite_nouveautes.png) no-repeat top right;
}

div.nouveaute  input.plus {
	color:transparent;
	font-size:0px;
	width:43px;
	height:28px;
	background:url(/images/btn_vote_sprite_nouveautes.png) no-repeat top left;
	cursor:pointer;
}
div.nouveaute  input.plus:hover {
	background-position:-43px 0;
}
div.nouveaute  input.moins {
	color:transparent;
	font-size:0px;
	width:43px;
	height:28px;
	background:url(/images/btn_vote_sprite_nouveautes.png) no-repeat bottom left;
	cursor:pointer;
}
div.nouveaute  input.moins:hover {
	background-position:-43px -28px;
}

div.nouveaute .msg_vote {
	display:none;
}

/***************** Communauté *********************/
input#pochette {
	width:265px;
	height:36px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.communaute_input {
	width: 265px;
	height: 36px;
	background: url('/images/text_bar.png') 0 0 no-repeat;
	border:none;
	overflow:hidden;
}

.communaute_input_file {
	width: 265px;
	height: 36px;
	background: url('/images/text_bar_visuel.png') 0 0 no-repeat;
	border:none;
	overflow:hidden;
}

div.wall {
	position:relative;
	width:900px;
}

div.wall .avatar {
	position:relative;
	left:0;
	width:50px;
	height:50px;
}

div.wall .header {
	position:relative;
	left:55px;
	top:-2px;
}

div.wall .content {
	position:relative;
	left:55px;
	top:30px;
}

div.commentaire {
	position:relative;
	width:800px;
	margin-top:5px;
}

div.commentaire .avatar_50 {
	position:relative;
	left:0;
	width:50px;
	height:50px;
}

div.commentaire .header_commentaire {
	position:absolute;
	left:55px;
	top:-2px;
}

div.commentaire div.text_commentaire {
	position:absolute;
	left:0;
	top:30px;
	text-indent:55px;
	overflow:visible;
}

div.commentaire .valid_commentaire {
	position:absolute;
	right:0;
}

div.commentaire input.btn_commentaire {
	height:50px;
	width:50px;
}

div.commentaire textarea.text_commentaire {
	position:absolute;
	left:50px;
	height:38px; /* 50 - border - padding */
	width:650px;
	margin-left:5px;
	padding:5px;
	font-family:Arial;
	font-size:10pt;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:#B2B2B2;
	overflow:auto;
}

/* ************ Sitemap ************* */
ul.sitemap {
	position:relative;
	width:800px;
	left:100px;
	list-style-type: none;
}

ul.sitemap span.module {
	font-size:25pt;
	color: #000000;
}

ul.sitemap a:hover span.module {
	color: #FF0098;
}

ul.sitemap span.module_description {
	display:block;
	color: #A2B0BF;
	margin-top:-3px;
	margin-bottom:5px;
}

ul.sub_sitemap li {
	display:inline;
	background: url(/images/puce_fleche.png) left no-repeat;
	margin-left:15px;
	margin-right:30px;
	padding-left: 15px;
}

ul.sub_sitemap li:hover{
	background: url(/images/puce_fleche_bleue.png) left no-repeat;
}

ul.sub_sitemap a:hover{
	color: #0063B9;
}

/****************** BOX *****************/
#box {
	position:fixed;
	top:50%;
	left:50%;
	width:250px;
	margin-left:-125px;
	margin-top:-125px;
	font-size:14pt;
	color:#000;
	text-align:center;
	line-height : 80px;
	background-color:#FBFBFB;
	border:1px solid #C5C5C5;
	-webkit-box-shadow: #BBB 6px 6px 15px;
	-moz-box-shadow: #BBB 6px 6px 15px 1px;
	box-shadow: #BBB 6px 6px 15px 1px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	z-index:25;
}

#box.vote_nouveautes {
	margin-top:-120px;
	margin-left:-165px;
	width:330px;
	height:235px;
	background-color:transparent;
	background: url(/images/vote_enregistre_nouveautes.png) left no-repeat;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#need_login {
	position:fixed;
	top:50%;
	left:50%;
	display:none;
	width:330px;
	height:235px;
	margin-top:-120px;
	margin-left:-165px;
	background-color:transparent;
	z-index:25;
}

/* ************ Recherche ************ */
div#recherche {
	padding-top:20px;
	height:110px;
	width:100%;
	text-align:left;
}

div#recherche #recherche_bar {
	position:relative;
	float:left;
	width:804px; /* +12*2 */
	height:80px; /* +12*2 */
	left:98px;
	text-align:left;
}

div#recherche .normal {
	background:url('/images/bg_recherche_bar_sprite.png') no-repeat top left;
}

div#recherche .hot {
	background:url('/images/bg_recherche_bar_sprite.png') no-repeat bottom left;
}

div#recherche input.champ {
	width:548px; /* 568-20 */
	height:50px; /* 56-3-3 */
	left:12px;
	margin:0;
	margin-left:12px;
	margin-top:15px; /* 12+3 */
	margin-bottom:15px; /* 12+3 */
	padding-left:12px;
	line-height:50px;
	vertical-align:middle;
	font-family:Arial;
	font-size:20pt;
	color:#0087CD;
	background-color:transparent;
	border:0;
	outline: none;
}

div#recherche .btn_rechercher input {
	width:212px;
	height:56px;
	position:absolute;
	right:12px;
	top:12px; 
	display:block;
	line-height:56px;
	text-align:center;
	vertical-align:middle;
	background:url(/images/btn_rechercher_sprite.png) no-repeat top center;
	text-decoration:none;
	z-index:1;
}

div#recherche .btn_rechercher input:hover {
	background:url(/images/btn_rechercher_sprite.png) no-repeat bottom center;
}

div.box_message_recherche {
	position:relative;
	width:500px;
	min-height:284px; /* 264+20 */
	left:100px;
	color:#0087CD;
	font-family:Arial;
	font-size:22pt;
	padding-left:300px;
	margin-top:50px;
}

div.box_message_recherche span.small {
	color:#666;
	font-size:60%;
	font-weight:bold;
}

div.box_message_recherche span.big {
	color:#0087CD;
	font-size:220%;
	font-weight:bold;
	line-height:0.8em;
}

div.box_message_recherche #icon {
	position:absolute;
	width:264px;
	height:264px;
	top:20px;
	left:0;
	background:url(/images/search.png) no-repeat top left;
}

div.recherche {
	position:relative;
	vertical-align:middle;
	height:150px;
	width:800px;
	overflow:visible;
	text-align:left;
	margin-left:100px;
	color:#FFF;
	background-color:#FFFFFF;
	background-image:url(/images/bg_cellule_recherche2.png);
	background-repeat:no-repeat;
	margin-bottom:30px;
	box-shadow: #BBB 6px 6px 15px 1px;
	-moz-box-shadow: #BBB 6px 6px 15px 1px;
	-webkit-box-shadow: #BBB 6px 6px 15px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.recherche .left {
	position:absolute;
	height:150px;
	width:110px;
}

div.recherche .left .etoiles {
	position:absolute;
	left:0px;
	top:15px;
	width:108px;
	height:15px;
	text-align:center;
}

div.recherche .left .score {
	position:absolute;
	top:50px;
	left:0;
	width:110px;
	height:auto;
	color:#FFFFFF;
	font-size:24pt;
	font-weight:bold;
	text-shadow: 2px 2px 2px #0064AD;
	text-align:center;
}

div.recherche .left .votes {
	position:absolute;
	top:90px;
	left:0;
	width:110px;
	height:auto;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bold;
	text-shadow: 2px 2px 2px #0064AD;
	text-align:center;
}

div.recherche .pochette {
	position:absolute;
	left:110px;
}

div.recherche .middle {
	display: table-cell;
    vertical-align: middle;
	width:431px; /* 451 - padding */
	position:absolute;
	top:30px;
	left:258px; /* left + pochette */
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

div.recherche .middle span.artiste-titre {
	display:block;
	font-size:18pt;
	color:#0087CD;
	font-weight:bold;
}

div.recherche .middle span.artistes {
	display:block;
	font-size:8pt;
	color:#0087CD;
	font-weight:bold;
}

div.recherche .middle span.description {
	display:block;
	font-size:10pt;
	color:#666666;
}

div.recherche span.date {
	position:absolute;
	right:100px;
	bottom:2px;
	font-size:10pt;
	color:#666666;
	font-style:italic;
}

div.recherche .vote {
	position:absolute;
	top:15px;
	right:10px;
	height:121px;
	width:87px;
}

div.recherche  .voted_plus {
	width:87px;
	height:121px;
	background:url(/images/btn_vote_sprite.png) 0 0 no-repeat;
	background-position:-174px 0;
}

div.recherche  .voted_moins {
	width:87px;
	height:121px;
	background:url(/images/btn_vote_sprite.png) 0 0 no-repeat;
	background-position:-261px 0;
}

div.recherche  input.plus {
	color:transparent;
	font-size:0px;
	width:87px;
	height:61px;
	background:url(/images/btn_vote_sprite.png) no-repeat top left;
	cursor:pointer;
}
div.recherche  input.plus:hover {
	width:87px;
	height:61px;
	background-position:-87px 0;
}
div.recherche  input.moins {
	color:transparent;
	font-size:0px;
	width:87px;
	height:60px;
	background:url(/images/btn_vote_sprite.png) no-repeat bottom left;
	cursor:pointer;
}
div.recherche  input.moins:hover {
	width:87px;
	height:60px;
	background-position:-87px -61px;
}

div.recherche .msg_vote {
	display:none;
}
/******************* Divers ***********************/
input.input_def, textarea.input_def {
	font-family:Arial;
	font-weight:normal;
	font-size:10pt;
	border:1px solid #CACACA;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px;
}
input.input_captcha {
	width:150px;
	height:25px;
	font-family:Arial;
	font-weight:normal;
	font-size:12pt;
	text-align: center;
	border:1px solid #CACACA;
	background-color:#FFFFFF;
	color:#000000;
	padding:10px;
}

div#bulle_connexion {
	position:absolute;
	background-image:url('/images/bulle_connexion.png');
	width:321px;
	height:236px;
	left:560px;
	top:100px;
	z-index:24;
	visibility:hidden;
}

div.pub_google {
	padding-top:15px;
	width:100%;
	text-align:center;
}

div#player {
	padding-top:20px;
	height:110px;
	width:100%;
	text-align:left;
}

div#player #player_mp3 {
	position:relative;
	float:left;
	width:704px; /* +12*2 */
	height:80px; /* +12*2 */
	left:148px;
	text-align:left;
}

div.bar_nav  {
	position:relative;
	left:175px;
	height:30px;
	width:650px;
	font-size:11pt;
	text-align:center;
	line-height:30px;
	word-spacing:10px;
}

div.bar_nav .prev {
	position:absolute;
	left:0;
	display:inline;
	width:100px;
}

div.bar_nav .next {
	position:absolute;
	right:0;
	display:inline;
	width:100px;
}

div.bar_nav .current {
	color:#666;
	font-size:120%;
	text-decoration:underline;
}

/****************** OLD ********************/
table.encadre {
	padding-right:50px;
	padding-left:50px;
	padding-top:20px;
	padding-bottom:20px;
	border : 1px solid;
	-moz-border-radius : 15px;
	border-radius: 15px;
	border-color : #CACACA;
}

table.msgbox {
	color:#FFFFFF;
	background-color:#292929;
	padding:10px;
	border-width:2px;
	border-color:#C9C9C9;
	border-style:solid;
}

/*.pochette_65 img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
*/

.pochette_65:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}