@charset "UTF-8";
/* CSS Document */

/* ***************************** NORMALISATION START HERE */
@import url(normalisation.css);

/* ****************************** CONTENT FLOW START HERE */
@import url(contentflow.css);
@import url(mycontentflow.css);

/* ********************************** CAROUSEL START HERE */
@import url(../carousel/staytuned.css);

/* ********************************* LIGHTVIEW START HERE */
@import url(../lightview/css/lightview.css);

/* ********************************** PROTOTIP START HERE */
@import url(../prototip/css/prototip.css);

/* ************************************** FORM START HERE */
@import url(form.css);

/* *********************************** COMMONS START HERE */
html body {width:100%;}
body {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#fff url(/themes/stuff_2008/images/interface/genral_background.png) repeat-x 0 0;
	}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both;}	
.close {margin:-12px 0 12px 0;}
.add_ons {
	margin-top:12px;
	border-top:1px dotted #aaa;
	padding-top:12px;
	}
.read_next {
	text-align:right;
	padding-right:15px;
	background:transparent url(../images/back_link_next.png) no-repeat right;
	}
strong {font-weight:bold;}	
/* ************************************* COMMONS END HERE */

/* *********************************** WRAPPER START HERE */
#wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
	background:url(../images/interface/wrapper_background.png) no-repeat 0 66px;
	margin-top:-66px;
	}
#top_content {
	background:url(../images/interface/top_content_background.png) repeat-x 0 0;
	margin-left:50%;
	height:66px;
	padding-left:50%;
	}
#drop_zone {
	position:absolute;
	top:2px;
	right:0;
	width:195px;
	height:46px;
	background:url(../images/interface/drop_zone.png) no-repeat 0 0;
	}
/* ************************************* WRAPPER END HERE */

/* ********************************** BRANDING START HERE */		
#branding {
	height:66px;
	background:url(/themes/stuff_2008/images/interface/branding_background.png) no-repeat 0 0;
	}	
#branding h1 {text-indent:-9999px;}
#branding h1 a {
	background:url(/themes/stuff_2008/images/interface/logo_stufftrack.png) no-repeat 0 0;
	display:block;
	height:37px;
	width:243px;
	position:absolute;
	top:15px;
	left:0;
	}		
#connexion {
	height:30px;
	padding:3px 27px 0 0;
	position:absolute;
	right:200px;
	text-transform:uppercase;
	font-size:0.8em;
	line-height:30px;
	z-index:40;
	}
#admin {
	height:15px;
	padding:0 27px 0 55px;
	position:absolute; top:25px; right:200px;
	text-transform:uppercase;
	font-size:0.8em;
	line-height:15px;
	background:url(../images/interface/icons_btn/admin.png) no-repeat left center;
	}	
#connexion, #admin, #connexion a, #admin a {color:#394300;}/*5B6416*/
#connexion.on {top:0; background:transparent url(/themes/stuff_2008/images/interface/lock_on.png) no-repeat right 3px;}
#connexion.off {top:8px; right:0; background:transparent url(/themes/stuff_2008/images/interface/lock_off.png) no-repeat right 3px;}
/* ********************************** BRANDING START HERE */

/* TEMP RODAGE */
#rodage {font-size:15px; width:500px; padding:20px;}
#rodage h2 {font-size:20px; color:#CC0000;}
#rodage p {margin:10px 0; color:#222;}
/* ************************************** BLOC START HERE */	
#content, #side {margin-top:30px;}
#content .bloc {
	width:604px;
	padding:6px 12px 0 42px;
	}
#content .close {
	height:6px;
	width:658px;
	}
#side .bloc {
	width:282px;
	padding:0 6px 0 42px;
	}	
#side .close  {
	height:6px;
	width:330px;
	}		
.bloc {
	margin:0 0 12px 0;
	color:#222;
	position:relative;
	}
.bloc img {display:block;}
.bloc h2 {
	font-size:18px;
	padding:12px 0 10px 0;
	}
.bloc p {margin-bottom:12px;}	

body.std .bloc a {color:#a8b100;}
body.type_1 .bloc a {color:#a8b100;}
body.type_2 .bloc a {color:#009bad;}
body.type_3 .bloc a {color:#db0e65;}
body.type_4 .bloc a {color:#ff9600;}

body.std #content .bloc {background:transparent url(../images/interface/bloc_658_top.png) no-repeat 0 0;}
body.std #content .close {background:url(../images/interface/bloc_658_bottom.png) no-repeat 0 bottom;}
body.std #side .bloc {background:url(../images/interface/bloc_330_top.png) no-repeat 0 0;}
body.std #side .close  {background:url(../images/interface/bloc_330_bottom.png) no-repeat 0 bottom;}

body.type_1 #content .bloc {background: url(../images/interface/type_1/bloc_658_top.png) no-repeat 0 0;}
body.type_2 #content .bloc {background: url(../images/interface/type_2/bloc_658_top.png) no-repeat 0 0;}
body.type_3 #content .bloc {background: url(../images/interface/type_3/bloc_658_top.png) no-repeat 0 0;}
body.type_4 #content .bloc {background: url(../images/interface/type_4/bloc_658_top.png) no-repeat 0 0;}

body.type_1 #content .close {background:url(../images/interface/type_1/bloc_658_bottom.png) no-repeat 0 bottom;}
body.type_2 #content .close {background:url(../images/interface/type_2/bloc_658_bottom.png) no-repeat 0 bottom;}
body.type_3 #content .close {background:url(../images/interface/type_3/bloc_658_bottom.png) no-repeat 0 bottom;}
body.type_4 #content .close {background:url(../images/interface/type_4/bloc_658_bottom.png) no-repeat 0 bottom;}	

body.type_1 #side .bloc {background:url(../images/interface/type_1/bloc_330_top.png) no-repeat 0 0;}
body.type_2 #side .bloc {background:url(../images/interface/type_2/bloc_330_top.png) no-repeat 0 0;}
body.type_3 #side .bloc {background:url(../images/interface/type_3/bloc_330_top.png) no-repeat 0 0;}
body.type_4 #side .bloc {background:url(../images/interface/type_4/bloc_330_top.png) no-repeat 0 0;}

body.type_1 #side .close  {background:url(../images/interface/type_1/bloc_330_bottom.png) no-repeat 0 bottom;}
body.type_2 #side .close  {background:url(../images/interface/type_2/bloc_330_bottom.png) no-repeat 0 bottom;}
body.type_3 #side .close  {background:url(../images/interface/type_3/bloc_330_bottom.png) no-repeat 0 bottom;}
body.type_4 #side .close  {background:url(../images/interface/type_4/bloc_330_bottom.png) no-repeat 0 bottom;}
#content dl em {color:#a8bd00;}
#content dl {margin-bottom:20px;}	
#content dt {
	font-weight:bold;
	margin-bottom:10px;
	}
#content dd { font-style:italic; margin-bottom:10px;}
#content .bloc h3 {margin:10px 0;}

/* **************************************** BLOC END HERE */			

/* ******************************* MESSAGE BOX START HERE */
#message_box {
	z-index:1000;
	width:674px;
	position:absolute;
	top:88px;
	left:-8px;
	
	}
#message_content {
	padding:60px 10px 46px 10px;
	text-align:center;
	font-size:40px;
	}
#message_box.valid #message_content {color:#dbf700; background:url(../images/interface/top_system_message_valid.png) no-repeat 0 0;}
#message_box.valid div.close {height:14px; margin-top:0px; background:url(../images/interface/bottom_system_message_valid.png) no-repeat center bottom;}
#message_box.error #message_content {color:#ffc600; background:url(../images/interface/top_system_message_error.png) no-repeat 0 0;}
#message_box.error div.close {height:14px; margin-top:0px; background:url(../images/interface/bottom_system_message_error.png) no-repeat center bottom;}
/* ********************************* MESSAGE BOX END HERE */

/* ************************************** MENU START HERE */
#menu {
	position:absolute;
	top:70px;
	right:342px;
	color:#a8bd00;
	}
#menu li {display:inline;}	
#menu a {color:#a8bd00;}
#menu a.current {color:#fff; font-weight:bold;}
/* **************************************** MENU END HERE */

/* ******************************* SEARCH FORM START HERE */
#mySearchForm {
	position:absolute;
	right:0;
	top:55px;
	}
#mySearchForm legend {
	position:absolute;
	text-indent:-9999px;
	}
#mySearchForm input.formBtn {position:absolute; right:0; top:11px;}	
#mySearchForm input.searchField {
	background:transparent url(../images/form_background.png) no-repeat 0 0;
	border:1px solid #1f1f1f;
	border-top-color:#1c1c1c;
	border-bottom-color:#1c1c1c;
	color:#fff;
	position:absolute;
	top:15px;
	right:35px;
	width:286px;
	padding:3px;
	}
/* ********************************* SEARCH FORM END HERE */

/* ****************************** AUDIO PLAYER START HERE */
#player {height:144px; width:330px; margin-bottom:12px;}
#id_cards_player {height:35px; width:330px; margin-bottom:12px;}
#group_player {height:230px; width:330px; margin-bottom:12px;}
/* ******************************** AUDIO PLAYER END HERE */

/* **************************** HOME ACTUALITY START HERE */
#actuality {position:relative; height:300px;}
#actuality li {
	padding-left:30px;
	background:url(../images/interface/actu_300x658_backgorund.png) no-repeat;
	}	
.legende {text-align:center; font-style:italic;}
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}
#fade li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	}
.olds_actuality {
	width:293px;
	padding-left:30px;
	margin-top:12px;
	}
#other_actu_1 {
	background:transparent url(../images/interface/actu_m-1_backgorund.png) no-repeat;
	float:left;
	}
#other_actu_2 {
	margin-left:335px;
	background:transparent url(../images/interface/actu_m-2_backgorund.png) no-repeat;
	}		
/* ****************************** HOME ACTUALITY END HERE */

/* ************************************ WEB TV START HERE */
#webTV {
	text-align:right;
	width:330px;
	height:144px;
	background:transparent url(../images/interface/web_tv_144x330_background.png) no-repeat 0 0;
	margin-bottom:12px;
	}
#webTVFlow {
	width:300px; height:138px;
	margin-left:30px;
	padding-top:6px;
	}
/* ************************************** WEB TV END HERE */	
		
/* **************************************** TAGS END HERE */		
#tags {
	width:300px;
	height:144px;
	padding-left:30px;
	background: url(../images/interface/tags_144x330_background.png) no-repeat;
	}	
/* **************************************** TAGS END HERE */
	
/* ******************************** NAVIGATION START HERE */
#navigation {
	color:#5B6416;
	text-align:right;
	width:658px;
	}
#navigation li {
	display:inline;
	font-size:0.9em;
	}	
#navigation li:before {content:"| ";}
#navigation li:first-child:before  {content:"";}	
#navigation a {color:#CCE319;}

#content {margin-right:330px; width:658px;}
#other_actu_1 {float:left; margin-right:12px;}
#side {float:right;}
/* *********************************** NAVIGATION END HERE */

/* *********************************** ARTICLE START HERE */
#articles p.signature {text-align:right; font-weight:bold; font-style:italic;}
#articles ol {
	padding-left:20px;
	list-style:decimal;
	}
.right {
	float:right;
	margin-left:6px;
	margin-bottom:10px;
	}
.left {
	float:left;
	margin-right:6px;
	padding-bottom:10px;
	}
#articles .add_ons img {
	padding:0;
	border:0;
	margin:0;
	background:none;
	}
#articles_pictures_gallery	{
	width:628px;
	padding:5px 0 0 30px;	
	height:263px;
	background:transparent url(../images/interface/gallery_244x658_background.png) no-repeat 0 0;
	}
	
#pagination {width:100%;}
#pagination li {width:50%;}
#pagination li.prev {
	float:left;
	display:block;
	}
#pagination li.next {
	margin-left:50%;
	text-align:right;
	}
#pagination li.prev span {padding-left:16px; font-size:0.9em;}
#pagination li.next span {padding-right:16px; font-size:0.9em;}
#pagination li.prev a {
	background:transparent url(../images/back_link_prev.png) no-repeat left;
	padding-left:15px;
	}
#pagination li.next a {
	background:transparent url(../images/back_link_next.png) no-repeat right;
	padding-right:15px;
	}	
#others_articles {
  	width: 628px;
	height: 130px;
	position: relative;
	padding-top:0;
	}
#others_articles .container {
  	float: left;
  	width: 573px;
  	height: 90px;
  	position: relative;    
	overflow: hidden;
	}
#others_articles ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 90px;
	}                      
#others_articles ul li {
  	width: 191px;
  	height: 90px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#others_articles .previous_button {
	margin-top:18px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#others_articles .next_button {
	margin-top:18px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}		
/* ************************************* ARTICLE END HERE */

/* ************************************ FOOTER START HERE */
#footer {
	font-size:0.9em;	
	clear:both;
	padding:15px;
	background:transparent url(../images/interface/footer_top_background.png) no-repeat 0 0;
	}
.footer_bloc {
	background:#232801;
	height:220px;
	}	
#footer .col {
	width:300px;
	float:left;
	margin-right:6px;
	height:140px;
	padding-left:10px;
	}
#footer div.col:first-child {border:none;}	
#footer h3 {color:#7c8631; margin:6px 0 3px 0;}
#footer a {color:#b9c36e;}
#footer em {color:#CCE319;}	
p.copyright {
	padding-left:25px;
	margin:-12px 0 12px 0;
	line-height:60px;
	color:#7c8631;
	clear:both;
	background:transparent url(../images/interface/footer_bottom_background.png) no-repeat left bottom;
	}
/* ************************************** FOOTER END HERE */

/* ************************************** TAGS START HERE */
#htmltagcloud {
	height:132px;
	font-family:trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;
	line-height:0.8em;
	word-spacing:normal;
	letter-spacing:normal;
	text-decoration:none;
	text-transform:none;
	text-align:justify;
	text-indent:0ex;
	padding:6px;
	}
#htmltagcloud a:link{text-decoration:none}
#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{
	text-decoration:none;
	color:white;
	background-color:#e31993;
	}
#htmltagcloud a:active{
	text-decoration:none;
	color:white;
	background-color:#e31993;
	}
span.tagcloud0{font-size:1.0em;padding:0em;color:#ff9dd8;z-index:10;position:relative}
span.tagcloud0 a{text-decoration:none; color:#ff9dd8}
span.tagcloud1{font-size:1.4em;padding:0em;color:#ff9dd8;z-index:9;position:relative}
span.tagcloud1 a{text-decoration:none;color:#ff9dd8}
span.tagcloud2{font-size:1.8em;padding:0em;color:#ff68c3;z-index:8;position:relative}
span.tagcloud2 a{text-decoration:none;color:#ff68c3}
span.tagcloud3{font-size:1.9em;padding:0em;color:#ff68c3;z-index:7;position:relative}
span.tagcloud3 a{text-decoration:none;color:#ff68c3}
span.tagcloud4{font-size:2.0em;padding:0em;color:#fd33ad;z-index:6;position:relative}
span.tagcloud4 a{text-decoration:none;color:#fd33ad}
span.tagcloud5{font-size:2.1em;padding:0em;color:#fd33ad;z-index:5;position:relative}
span.tagcloud5 a{text-decoration:none;color:#fd33ad}
span.tagcloud6{font-size:3.3em;padding:0em;color:#eb219b;z-index:4;position:relative}
span.tagcloud6 a{text-decoration:none;color:#eb219b}
span.tagcloud7{font-size:3.6em;padding:0em;color:#db118b;z-index:3;position:relative}
span.tagcloud7 a{text-decoration:none;color:#db118b}
span.tagcloud8{font-size:3.9em;padding:0em;color:#ca007a;z-index:2;position:relative}
span.tagcloud8 a{text-decoration:none;color:#ca007a}
span.tagcloud9{font-size:4.2em;padding:0em;color:#9c015e;z-index:1;position:relative}
span.tagcloud9 a{text-decoration:none;color:#9c015e}
span.tagcloud10{font-size:4.5em;padding:0em;color:#6d0142;z-index:0;position:relative}
span.tagcloud10 a{text-decoration:none;color:#6d0142}
span.freq{font-size:10pt !important;color:#bbb}
#credit{text-align:center; font-size:0.7em; color:#333; margin-bottom:0.6em; font-family:trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;}
#credit a:link{color:#777; text-decoration:none;}
#credit a:visited{color:#777; text-decoration:none;}
#credit a:hover{text-decoration:none; color:white; background-color:#05f;}
#credit a:active{text-decoration:underline;}
/* **************************************** TAGS END HERE */

/* *************************************** PUB START HERE */
.pub_330x250 {
	height:250px;
	width:300px;
	padding-left:30px;
	margin-bottom:12px;
	background:transparent url(../images/interface/pub_300x250_background.png) no-repeat 0 0;
	}
.pub_160x600_L {
	position:absolute;
	left:-202px;
	top:96px;
	z-index:100;
	height:600px;
	width:190px;
	padding-left:30px;
	background:transparent url(../images/interface/pub_160x600_background.png) no-repeat 0 0;
	}	
.pub_160x600_R {
	position:absolute;
	right:-232px;
	top:96px;
	z-index:100;
	height:600px;
	width:190px;
	padding-left:30px;
	background:transparent url(../images/interface/pub_160x600_background.png) no-repeat 0 0;
	}	
.rodage {
	height:350px;
	width:160px;
	position:absolute;
	top:96px;
	left:-202px;
	}		
/* ***************************************** PUB END HERE */

/* ****************************** VIDEO PLAYER START HERE */
#video_player {
	background: url(../images/interface/webTV_362x658_background.png) no-repeat;
	height:355px;
	width:618px;
	padding:7px 0 0 40px;
	margin-bottom:12px;
	}	
.video_teasing td {padding:5px;}
.video_teasing tr > td {padding-left:0;}
/* ********************************* VIDEO PLAYER END HERE */

/* ************************************* RADIO START HERE */
/*#radio_notice {
	height:144px;
	width:658px;
	background:transparent url(../../../TEMP_IMAGES/RADIO_NOTICE_658x144.png) no-repeat 0 0;
	}*/
/* **************************************** RADIO END HERE */

/* ******************************* INSCRIPTION START HERE */
#inscription_step_1 {margin-bottom:12px;}
#inscription_step_1 p.base_line {text-align:center; margin:0 0 10px 0; font-size:14px; color:#fff;}
#inscription_step_1 h2 {text-align:center; font-size:30px; padding-bottom:10px; color:#fff;}
#inscription {
	margin:12px 0 12px -130px;
	height:144px;
	width:788px;
	}
.explications {
	display:block;
	margin-bottom:12px;
	}
#explications ol li {padding-left:35px; line-height:30px; margin-bottom:5px;}
ol li.type_2 {background:url(../images/interface/puce_type_2.png) no-repeat 0 0;}
ol li.type_3 {background:url(../images/interface/puce_type_3.png) no-repeat 0 0;}
ol li.type_4 {background:url(../images/interface/puce_type_4.png) no-repeat 0 0;}
table.choice {float:left; margin-left:1px;}
table.choice td, table.choice th {text-align:center; width:218px; margin-right:2px;}		
table.choice td.type_2 p, table.choice td.type_3 p, table.choice td.type_4 p {
	height:80px;
	padding:12px 5px;
	color:#fff;
	}
table.choice td.bottom {height:10px;}	
table.choice td.bottom img {display:inline;}
table.choice h3 {color:#fff; font-size:20px; height:71px; margin-top:12px;line-height:71px;}	
table.choice img {display:inline;}
table.choice th.type_2 h3 {background: #009bad url(../images/interface/type_2/icon.png) no-repeat right;}
table.choice th.type_3 h3 {background: #ad0072 url(../images/interface/type_3/icon.png) no-repeat right;}
table.choice th.type_4 h3 {background: #ff9600 url(../images/interface/type_4/icon.png) no-repeat right;}
table.choice th.type_2 {background:url(../images/interface/top_choice_type_2.png) no-repeat;}
table.choice th.type_3 {background:url(../images/interface/top_choice_type_3.png) no-repeat;}
table.choice th.type_4 {background:url(../images/interface/top_choice_type_4.png) no-repeat;}
table.choice td.type_2 {background:#009bad;}
table.choice td.type_3 {background:#ad0072;}
table.choice td.type_4 {background:#ff9600;}
#features {
	width:215px;
	height:167px;
	color:#fff;
	margin-bottom:12px;
	padding:12px 103px 0 12px;
	}
#features  h2 {font-size:20px;}
body.type_2 #features {background:url(../images/interface/type_2/features_background.png) no-repeat 0 0;}
body.type_3 #features {background:url(../images/interface/type_3/features_background.png) no-repeat 0 0;}
body.type_4 #features {background:url(../images/interface/type_4/features_background.png) no-repeat 0 0;}
#why_register {
	height:339px;
	width:330px;
	margin-bottom:12px;
	background:url(../images/interface/pubs/pourquoi_inscription.png) no-repeat;
	text-indent:-9999px;
	}
/* ********************************** INSCRIPTION END HERE */	

/* ******************************** STAY TUNED START HERE */
#stay_tuned {
	width:298px;
	height:284px;
	padding:16px 0 0 32px;
	background:url(../images/interface/stay_tuned_300x330_background.png) no-repeat;
	margin:12px 0;
	}		
#stay_tuned .container {
	margin:0 0 0 12px;
	}	
#stay_tuned .container img {display:block;}
#stay_tuned .container a {
	height:53px;
	width:53px;
	display:block;
	float:left;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	}
table.stay_tuned_tip td {vertical-align:top;}
table.stay_tuned_tip img {
	border:1px solid #000;
	margin-right:6px;
	}
/* ********************************** STAY TUNED END HERE */

/* ************************************ GROUPS START HERE */
#groups_visuel {margin-bottom:12px;}
#groups_pictures_gallery {
	width:628px;
	padding:5px 0 0 30px;	
	height:263px;
	background:transparent url(../images/interface/gallery_244x658_background.png) no-repeat 0 0;
	}
#sticker_zone {
	background:url(../images/interface/sticker_background.png) no-repeat 0 0;
	height:44px;
	width:195px;
	padding:20px 0 0 2px;
	margin-top:-20px;
	}	
#groups_list a {
	display:block;
	float:left;
	margin:0 6px 6px 0;
	}		
/* ************************************** GROUPS END HERE */

/* ********************************** ID CARDS START HERE */
#avatar_zone {
	padding:2px 0 0 2px;
	width:100px;
	height:84px;
	background:url(../images/interface/avatar_background.png) no-repeat 0 0;
	cursor:move;
	}
/* LAST GROUPS START HERE */	
#last_groups img {
	display:block;
	margin:0;	
 	}	
#last_groups {
  	width: 628px;
	height: 144px;
	position: relative;
	padding:3px 0 0 30px;
	margin-bottom:12px;
	background: url(../images/interface/last_groups_background.png) no-repeat 0 0;
	}
#last_groups .container {
  	float: left;
  	width: 594px;
  	height: 139px;
  	position: relative;    
	overflow: hidden;
	}
#last_groups ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 139px;
	}                      
#last_groups ul li {
  	width: 297px;
  	height: 139px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#last_groups .previous_button {
	margin-top:41px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#last_groups .next_button {
	margin-top:41px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}	
	
/* FAN START HERE */
#fans img {
	display:block;
	margin:0;	
 	}	
#fans {
  	width: 628px;
	height: 139px;
	position: relative;
	padding:3px 0 0 30px;
	margin-bottom:12px;
	}
#fans .container {
  	float: left;
  	width: 594px;
  	height: 139px;
  	position: relative;    
	overflow: hidden;
	}
#fans ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 139px;
	}                      
#fans ul li {
  	width: 297px;
  	height: 139px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#fans .previous_button {
	margin-top:41px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#fans .next_button {
	margin-top:41px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}	
body.type_1 #fans {background:url(../images/interface/type_1/fan_background.png) no-repeat;}
body.type_2 #fans {background:url(../images/interface/type_2/fan_background.png) no-repeat;}
body.type_3 #fans {background:url(../images/interface/type_3/fan_background.png) no-repeat;}
body.type_4 #fans {background:url(../images/interface/type_4/fan_background.png) no-repeat;}
/* FAN END HERE */

#identity td.image {width:60px;}
#identity td {vertical-align:top;}
#id_card {
	height:90px;
	width:515px;
	padding: 5px 0 0 36px;
	margin:0 107px 12px 0;
	}
#id_card h3 {font-size:18px;}	
#identity td.type_1 {background:url(../images/interface/type_1/icon.png) no-repeat right;}
#identity td.type_2 {background:url(../images/interface/type_2/icon.png) no-repeat right;}
#identity td.type_3 {background:url(../images/interface/type_3/icon.png) no-repeat right;}
#identity td.type_4 {background:url(../images/interface/type_4/icon.png) no-repeat right;}
#identity table {width:288px;}
/* Le background du bloc ID CARD */
body.type_1 #id_card {background:url(../images/interface/type_1/id_card_background.png) no-repeat 0 0;}	
body.type_2 #id_card {background:url(../images/interface/type_2/id_card_background.png) no-repeat 0 0;}
body.type_3 #id_card {background:url(../images/interface/type_3/id_card_background.png) no-repeat 0 0;}	
body.type_4 #id_card {background:url(../images/interface/type_4/id_card_background.png) no-repeat 0 0;}

/* Le background du bloc FRIENDS */
body.type_1 #friends {background:url(../images/interface/type_1/friends_background.png) no-repeat 0 0;}
body.type_2 #friends {background:url(../images/interface/type_2/friends_background.png) no-repeat 0 0;}
body.type_3 #friends {background:url(../images/interface/type_3/friends_background.png) no-repeat 0 0;}
body.type_4 #friends {background:url(../images/interface/type_4/friends_background.png) no-repeat 0 0;}

#friends {
	width:628px;
	height:167px;
	padding-left:30px;
	position:relative;
	margin-bottom:12px;
	}
#friends img {
	display:block;
	margin:0 1px 1px 0;	
 	}	
#friends {
  	width: 628px;
	height: 164px;
	position: relative;
	padding-top:3px;
	}
#friends .container {
  	float: left;
  	width: 594px;
  	height: 161px;
  	position: relative;    
	overflow: hidden;
	}
#friends ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 167px;
	}                      
#friends ul li {
  	width: 54px;
  	height: 54px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#friends .previous_button {
	margin-top:58px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
/*
#friends .previous_button_over {background: url(prototype-ui/horizontal/left_over.png);}
#friends .previous_button_disabled {
  	background: url(prototype-ui/horizontal/left_disabled.png);
  	cursor: default;
	}
*/
#friends .next_button {
	margin-top:58px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
/*
#friends .next_button_over { background: url(prototype-ui/horizontal/right_over.png);}
#friends .next_button_disabled {
  	background: url(prototype-ui/horizontal/right_disabled.png);
  	cursor: default;
	}	
*/
/* ************************************ ID CARDS END HERE */

/* *********************************** MESSAGE START HERE */
#message {	
	width:95px;
	height:95px;
	float:right;
	}
#message a {
	display:block;
	height:95px;
	width:95px;
	text-indent:-9999px;
	}
#message a.open {background:url(../images/interface/message_open.png) no-repeat 0 0;}
#message a.open_friends {background:url(../images/interface/message_open_friends.png) no-repeat 0 0;}
#message a.lock {background:url(../images/interface/message_lock.png) no-repeat 0 0;}
#message a.read {background:url(../images/interface/message_read.png) no-repeat 0 0;}
/* ************************************* MESSAGE END HERE */

/* ************************************* RADIO START HERE */
#more_titles {
	width:628px;
	height:160px;
	padding-left:30px;
	position:relative;
	margin-bottom:12px;
	}
#more_titles .container {
  	float: left;
  	width: 555px;
  	height: 110px;
  	position: relative;    
	overflow: hidden;
	}
#more_titles ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 110px;
	}                      
#more_titles ul li {
  	width: 111px;
  	height: 110px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#more_titles .previous_button {
	margin-top:28px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#more_titles .next_button {
	margin-top:28px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#radio_playlist {
	width:628px;
	height:249px;
	padding:3px 0 030px;
	position:relative;
	margin-bottom:12px;
	}
#radio_playlist .container {
  	float: left;
  	width: 570px;
  	height: 209px;
  	position: relative;    
	overflow: hidden;
	}
#radio_playlist ul {
  	margin: 0;
  	padding:0;
  	width: 100000px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 209px;
	}                      
#radio_playlist ul li {
  	width: 570px;
  	height: 209px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
	}
#radio_playlist .previous_button {
	margin-top:63px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/left_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#radio_playlist .next_button {
	margin-top:63px;
  	float:left;  
  	width: 17px;
  	height: 53px;
  	background: url(../images/interface/horizontal_carousel/right_arrow.png) no-repeat;
  	z-index: 100;
  	cursor: pointer;
	}
#radio_playlist table {
	width:100%;
	height:100%;
	}	
#radio_playlist .container h2 {font-size:25px; color:#74746b}
#radio_playlist .container h3 {font-size:17px; font-style:italic; margin-bottom:5px;}

#radio_playlist table tr td {vertical-align:top;}
#radio_playlist table td.cover {background:url(../images/interface/cover_background.png) no-repeat 0 0; width:180px; vertical-align:top;}	
#radio_playlist table td.cover img {border:1px solid #888888; margin:4px 0 0 6px}
#radio_playlist table td.title {height: 20px;text-align:left; vertical-align:top;}	
#radio_playlist table td.description {font-size:11px; text-align:justify; vertical-align:text-bottom; text-align:left;}
#radio_playlist table td.btn {text-align:right;}
#radio_playlist .audioSheet {position:relative;}
#radio_playlist .audioSheet a {color:#74746b;}
img.btn_play {position:absolute; bottom:0; right:0; z-index:50; display:block;}
img.credit_btn {position:absolute; top:8px; right:0; z-index:50; display:block;}
#radio_playlist table {background:url(../images/interface/radio_background.png) no-repeat 0 0;}
/* *************************************** RADIO END HERE */

#blog {margin-top:12px;}
#events {margin-top:12px;}