/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Initialisation
/*  -----------------------------------------------------------------------------------------------------------------------
*/
*{
  padding: 0;
  margin: 0;
  border: 0;

}

body {
	background: #000;
	font-family: Arial;
	font-size: 12px;
	color:#fff;
}
h2{height:0px; width:0px;}
h1{height:100%; width:100%;}


/*  -----------------------------------------------------------------------------------------------------------------------
/*  											Blocs recurents
/*  -----------------------------------------------------------------------------------------------------------------------
*/
#site{position: absolute; left: 50%; width:960px; height:620px; margin: 0 0 0 -490px; padding:20px 0 0 20px; /*border:1px solid #fff; background: url(../images/1px.gif) 890px 0px repeat-y;*/}
#logo{float:left; width:312px; height:30px; background: url(../images/logo.gif) no-repeat;}
#chatwith{float:left;  width:315px; height:97px; background: url(../images/chat_over.gif) no-repeat;}
#marge70{float:left; padding-left:70px;}

#axls{float:left; width:850px; height:114px; margin:40px 0 40px 0;}
.axl{float:left; width:190px; height:114px; margin-right:13px; background-color:#cccccc;}
#axl-win{background: url(../images/axl_winner.gif) no-repeat;}
#axl-chat{background: url(../images/axl_read.gif) no-repeat;}
#axl-back{background: url(../images/axl_nadal_backstage.gif) no-repeat;}
#axl-babolat{background: url(../images/axl_babolat.gif) no-repeat;}
#axl-win-on{background: url(../images/axl_winner_on.gif) no-repeat;}
#axl-chat-on{background: url(../images/axl_read_on.gif) no-repeat;}
#axl-back-on{background: url(../images/axl_nadal_backstage_on.gif) no-repeat;}
#axl-babolat-on{background: url(../images/axl_babolat_on.gif) no-repeat;}


#moreinfo-form{float:left; width:660px;}
#moreinfo-input{float:left; width: 145px; height:15px; text-transform: uppercase; font-size: 11px; padding:1px 5px 0 5px;}
#moreinfo-btn{float:left; width:56px; height:16px; margin-left:10px;}


#footer{float:left; width:890px; height:32px; margin-top:30px; padding-top:10px; background: url(../images/baseline.gif) right no-repeat;}
#link-bab{float:left; width:70px; background: url(../images/btn_babolat.gif) no-repeat;}
#link-cred{float:left; width:30px; margin-left:25px; background: url(../images/btn_credits.gif) no-repeat;}



/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   			Home
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#visuel{float:left; width:800px; height:264px; background: url(../images/nadal_chat.jpg) no-repeat;}
#axls-home{float:left; width:850px; height:114px;}
#moreinfo{float:left; width:800px; height:32px; margin-top:30px; padding-top:8px; border-top: 1px solid #58585a;}
#moreinfo h2{float:left; width:415px; height:32px; background: url(../images/chat_info.gif) 0px -8px no-repeat;}
#share{float:right; width:125px; height:16px;}


/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   			Read chat
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#chat-interface{float:left; width:800px; height:406px; }
#moreinfotop{float:left; width:800px; height:38px; margin:15px 0 20px 0; padding-top:10px; background: url(../images/chat_info_bg.gif) repeat-x;}
#moreinfotop h2{float:left; width:433px; height:38px; background: url(../images/chat_info_top.gif) 0px -10px no-repeat;}
#sharetop{float:left; width:125px; height:16px; margin-left:5px;}
#read{float:left; width:800px; height:30px; border-bottom: 1px solid #58585a; margin:40px 0 10px 0; background: url(../images/read_the_chat.gif) no-repeat;}
#read-txt{float:left; width:800px;}

#masterdiv {
	width: 792px;
	height: 406px;
	display: block;
	padding: 4px 2px 2px 4px;
	border: 1px solid #FFEE00;
}
#txtDiv {
	width: 608px !important; width: 595px;
	height: 403px;
	float: left;
	display: block;
	background-color: #ffffff;
}
#txtTranscr {
	overflow: auto;
	width: 608px !important; width: 595px;
	height: 403px;
	display: block;
}
.transName {
	text-align: right; width: 120px; padding: 4px; float: left; font-family: Arial; font-size: 12px; font-weight: bold; color: #555; background-color: #eeeeee; margin: 1px;
}
.transText {
	width: 430px; padding: 4px; float: left; font-family: Arial; font-size: 11px; margin: 1px; color: black;
}
#title-over {
	background-image: url(../images/titre-over.png);
	background-repeat: no-repeat;
	height: 35px;
}
#photosdiv {
	width: 182px;
	height: 403px;
	background: #ffffff;
	float: left;
	display: block;
	margin-bottom: 3px;
}
.mask{
	position:relative;
	width:177px;
	height:98px;
	overflow:hidden;
	margin: 2px 2px 0px 2px;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   			Backstage
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#backstage{float:left; width:800px; height:30px; border-bottom: 1px solid #58585a; margin:40px 0 10px 0; background: url(../images/backstage.gif) no-repeat;}
#backstage-txt{float:left; width:800px;}
#chat-backstage{float:left; width:800px; height:410px; background: url(../images/nadal_backstage.jpg) 70px 0px no-repeat;}

/*  -----------------------------------------------------------------------------------------------------------------------
/*  										   		   winners
/*  -----------------------------------------------------------------------------------------------------------------------
*/

#axls-winners{float:left; width:850px; height:114px; margin:0px 0 0px 0;}
#winners-tab{width:100%; /*border-top:1px solid #ffed00; border-bottom:1px solid #ffed00;*/ }
#winners-tab td{color:#000000; background-color:#ffed00; padding-left:20px; }

/*---------*/
.txthide{text-indent:-1000px; overflow: hidden;}
.liens{display:block; width:100%; height:100%; color:#000;}

#tenwin{float:left; width:800px; height:30px; border-bottom: 1px solid #58585a; margin:40px 0 10px 0; background: url(../images/the_10_winners.gif) no-repeat;}