/*	MAIN  */



html, body {
	background: url(../images/yoowiin_vert_bleu_3.jpg) center -100px no-repeat fixed; 
	margin: 0px auto;
	padding: 0px;
	text-align:center;		/* IE5 Hack */
	font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	height: 100%; }

#WebContainer {
	width: 991px;
	text-align: left;
	margin: 0px auto; }

		
p {
	margin: 0px;
	padding: 0px;}

h1 {
	color: #392c1f; 
	font-size: 22px;}

h2 {
	font-size: 18px; 
	font-variant: small-caps; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;}

h3 {
	font-size: 12px; 
	margin: 0px; 
	padding: 0px 0px 5px 0px;}

table {
	border-collapse: collapse }

td {
	padding: 0px; 
	margin: 0px;
	border: 0px;	}

form {
	margin: 0px } 

select {	
	padding: 0px; 
	margin: 0px;
	border: 0px;	}

ul {
	list-style-type: square; 
	margin: 0px; 
	padding: 0px }

a:link   		{ color: black; text-decoration: none}
a:visited   	{ color: black; text-decoration: none}
a:active   	{ color: black; text-decoration: none}
a:hover   	{ color: black; text-decoration: underline}

a:link IMG 	{border-style: none}
a:visited IMG 	{border-style: none}
a:active IMG 	{border-style: none}





/* Definition des classes principales */
.clear {
	clear: both }		

.left {
	float: left}

.right {
	float: right}

.alignRight {
	text-align: right}

.alignLeft {
	float: left}
	text-align: left}

.alignCenter {
	text-align: center}

.nothing_around {
	margin: 0px; 
	padding: 0px;
	border: 0px}
				
.full_length {
	width: 100%; 
	margin: 0px; 
	padding: 0px;}
		
.hidden {
	display: none }			 
		
.noUnderline {
	text-decoration: none; }

.error {
	color: red;
	font-style: italic;
	display: none; }

.Closing {
	clear: both; 
	height: 20px; }

.lightBlue {
	color: #038cee;}

a:link.grey   	{ color: #555; text-decoration: none}
a:visited.grey   	{ color: #555; text-decoration: none}
a:active.grey   	{ color: #555; text-decoration: none}
a:hover.grey   	{ color: #555; text-decoration: underline}

a:link.white   	{ color: #fff; text-decoration: none}
a:visited.white   	{ color: #fff; text-decoration: none}
a:active.white   	{ color: #fff; text-decoration: none}
a:hover.white   	{ color: #fff; text-decoration: underline}

a:link.colored   	{ color: #f07e0b; }
a:visited.colored   	{ color: #f07e0b; }
a:active.colored   	{ color: #f07e0b; }
a:hover.colored   	{ color: #f07e0b; }
		
.lightGreen {
	color: #b1d831;}
		
.white {
	color: #fff;}

.red {
	color: #cc0000;}

.blink {
	text-decoration: blink }

.green {
	color: #8ad103 }

.blueYoowin {
	color: #3a8eba }

.blue {
	color: #0075b0 }

.lightbrown {
	color: #bdc1a3 }

.grey {
	color: #888 }

.redText {
	color: #ed1c24 }
		
.orange {
	color: #f86013 }

.rouge {
	color: red }

.blinkMessage {
	color: #f86013; 
	text-decoration: blink; 
	text-align: center; 
	padding: 15px; 
	font-size: 14px; 
	font-weight: bolder	}	

.small {
	font-size: 9px;}

.normalLightBlue {
	color: #038cee; 
	font-variant: normal }

.yoowinBlue {
	color: #3a8eba }




/* Definition des classes structurelles */
#Top {
	height: 130px;
	width: 991px;
	margin: 0px auto; 
	padding: 0px;}

#Top #TopLeft {
	float: left;
	width: 600px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	background: url(../images/Logo.png) no-repeat;
	}

#Top #TopLeft p {
	font-size: 16px; 
	font-weight: bolder }
	
#Top #TopRight {
	float: left; }


#Top #TopRight #TopRightContent {
	width: 314px;
	height: 104px;
	padding: 16px 8px 0px 22px;
	background: url(../images/ProfileBg.png) no-repeat;
	background-position: 0px 10px;
	border:0px solid red;
	}
	
#Top #TopRight #TopRightContent #TopRightContentTop {
	height: 65px }
	
#Top #TopRight #TopRightContent #TopRightContentBottomLeft {
	float: left;
	text-align: center; 
	font-size: 16px;
	font-weight: bolder;
	margin-left: -22px;		/* compense le padding du conteneur */
	color: #a0ee41;
	width: 185px }

#Top #TopRight #TopRightContent #TopRightContentBottomRight {
	float: left;
	font-size: 16px;
	font-weight: bolder;
	color: #555;
	width: 151px;
	text-align: center; }

#Top #TopRight #TopRightContent #TopRightContentBottomRight a {
	color: #555;
	text-decoration: none }


#RightColumn {
	float: left;
	margin-right: 4px;
	width: 742px }

#LeftColumn {
	float: left;
	width: 245px }

#contentBody {
	width: 728px;
	background: url(../images/ContentBody.png) top left; }

#contentFooter {
	width: 718px;
	padding: 5px;
	background: url(../images/ContentFooter.png) bottom left no-repeat; }

#contentTitleBody {
	width: 717px;
	margin-bottom: 20px;
	background: url(../images/ContentTitleBody.png) top left; }

#contentTitleFooter {
	width: 717px;
	background: url(../images/ContentTitleFooter.png) bottom left no-repeat; }

#contentTitleBody h1 {
	color: #fff;
	margin: 0px; 
	padding: 10px 0px 10px 35px;
	font-size: 35px;
	font-weight: bolder; }
	
#contentBody #content {
	margin: 0px 10px 0px 10px }



	

#Footer {
	width: 991px;
	height: 45px;
	text-align: center;
	padding: 0px 20px 0px 0px; }
	
.buttonLeft {
	background:url(../images/ButtonLeft2.png) no-repeat left top;
	height: 34px;
	padding-left: 15px;
	float:left;
	clear:left;
	
}
.buttonLeft input.buttonSubscribe {
	height:34px;
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	padding-right:20px;
	text-align: left;
	background:url(../images/ButtonRight2.png) no-repeat right top;
	width: 120px;
}

.buttonLeft input.buttonAlert {
	height:34px;
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	padding-right:20px;
	text-align: left;
	background:url(../images/ButtonAlert.png) no-repeat right top;
	width: 120px;
	border: 0px;
}
	
.buttonRight {
	cursor: pointer;
	border: 0px;
	height:34px;
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	padding-right:20px;
	text-align: center;
	background:url(../images/ButtonRight2.png) no-repeat right top;
}	

#form_subscribe table {
	margin-left: 100px }
	
#form_subscribe input.field {
	width: 180px; }	
	
	
	


	
/* Definition des classes de colonne droite */
.LeftColumnBlock {
	margin-bottom: 6px}

.LeftColumnBlock .Title {
	background: url(../images/SubMenuBg.png); 
	height: 30px; 
	padding: 2px 0px 0px 10px; 
	font-size: 16px; 
	font-weight: bolder; 
	color: #fff; 
	margin-bottom: 6px}

.LeftColumnBlock .Title_Bleu {
	background: url(../images/SubMenuBgBleu.png); 
	height: 30px; 
	padding: 5px 0px 0px 10px; 
	font-size: 16px; 
	font-weight: bolder; 
	color: #fff; 
	margin-bottom: 6px}

.LeftColumnBlock .Title_Vert {
	background: url(../images/SubMenuBgVert.png); 
	height: 30px; 
	padding: 5px 0px 0px 10px; 
	font-size: 16px; 
	font-weight: bolder; 
	color: #fff; 
	margin-bottom: 6px}

.LeftColumnBlock .Title_Orange {
	background: url(../images/SubMenuBgOrange.png); 
	height: 30px; 
	padding: 5px 0px 0px 10px; 
	font-size: 16px; 
	font-weight: bolder; 
	color: #fff; 
	margin-bottom: 6px}
	
.LeftColumnBlock table.howTo tr td {
	padding: 0px 0px 8px 8px
}	
	


	
/* Definition des classes de formulaire */
td.label {
	width: 150px;
	font-size: 12px;
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 15px }	

td.labelParams {
	width: 150px;
	font-size: 13px;
	font-weight: bolder; 
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 6px;
	color: #3a8eba	}

td.labelParamsSmall {
	width: 60px;
	font-size: 13px;
	font-weight: bolder; 
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 6px;
	color: #3a8eba	}	
	
td.TDfieldParams {
	font-size: 12px;
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 6px;
	color: #000000	}	 	
	
td.TDfield {
	padding-bottom: 15px }
	
input.field, textarea, select  {
	background-color: #fff; 
	border: 1px #888 solid;
	color: #000;
	font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; }
	

textarea {
	width: 300px; }

select {
	width: 180px;
	height: 20px }
	
p.note {
	width: 180px;
	font-size: 9px; 
	font-style: italic;
	color: #f07e0b;
	display: none } 
	
p.error_note {
	font-size: 9px; 
	font-style: italic;
	color: #ed1c24;
	display: none } 

input.buttonSubscribe {
	cursor: pointer;
	border: 0px } 
	
input.buttonOK {
	cursor: pointer;
	width: 33px; 
	height: 23px; 
	background: url(../images/ButtonOK.png) no-repeat; 
	border: 0px } 
	
p.label {
	float: left; 
	margin: 5px 15px 0px 0px }

	
	
	

/* Definition des classes Player data */
#TopPlayerData {
	position:relative;
	height: 66px;
	border: 0px #fff solid }
	
#TopPlayerData td.label {
	font-size: 12px;
	padding: 0px 5px 0px 0px;
	width: 130px; }

#TopPlayerData td.TDfield {
	padding-bottom: 0px }
	
#TopPlayerData input.field {
	width: 130px; }	

#TopPlayerData #TopPlayerDataAvatar{
	position:absolute;
	left: 325px;
	top: 0px;
	width: 50px;
	height: 100px; 
	font-size: 11px; 
	font-weight: bolder; 
	color: #fff;
	text-align:center; 	
	border: 0px green solid;
	z-index:800; }	

.comment { 
	color: black; 
	font-weight: bold; 
	}

.comment_orange { 
	color: #f86013; 
	font-weight: bold; 
	}		
	
.comment_bleu { 
	color: #038cee; 
	font-weight: bold; 
	}		
	
.overlay { 
	color: black; 
	text-decoration: underline;
	cursor:hand;}	
	
/* Definition des classes lightBox Effect */

.black_overlay{
	display: none;
	cursor: pointer;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80); }

* html .black_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

.ajaxThickbox {
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 0px solid #038cee;
	text-align:left;
	top: 10%;
	margin: 0px auto;
	padding: 0px; }

* html .ajaxThickbox { /* ie6 hack */
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	
#Img_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

* html #Img_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	
	
	


	
/* Definition des classes d'achats de credits */
.buyCreditsContainer {
	background: url(../images/CreditsChoicesBg.png); 
	width: 714px; 
	height: 41px;
	margin-top: 7px	}

.buyCreditsLegend {
	float: left;
	background: url(../images/legend_achat_credits_wiinz.png); 
	width: 714px; 
	height: 47px;
	margin-top: 10px;
	margin-left: -2px;	}
	
.buyCreditsCashLegend {
	float: left;
	background: url(../images/legend_achat_credits_wiinz_cash.png); 
	width: 714px; 
	height: 47px;
	margin-top: 10px;
	margin-left: -2px;	}
	
	
.buyCreditsGreenBar {
	float: left; 
	background: url(../images/CreditsGreenBg.png) left; 
	height: 41px	}

	
.buyCreditsGreenBarContent {
	background: url(../images/CreditsGreenRightBg.png) right no-repeat; 
	height: 41px; 
	padding: 0px 30px 0px 15px; 
	font-size: 30px; 
	font-weight: bolder; 
	color: #fff }
	
	
.buyCreditsOfferedBar {
	float: left; 
	margin-left: -17px;
	background: url(../images/CreditsOfferedBg.png) left; 
	height: 41px	}

	
.buyCreditsOfferedBarContent {
	background: url(../images/CreditsOfferedRightBg.png) right no-repeat; 
	height: 41px; 
	padding: 0px 30px 0px 25px; 
	font-size: 30px; 
	font-weight: bolder; 
	color: #fff }
	
	
.buyCreditsFreeBar {
	float: left; 
	margin-left: -17px;
	background: url(../images/CreditsFreeBg.png) left; 
	height: 41px	}

	
.buyCreditsFreeBarContent {
	background: url(../images/CreditsFreeRightBg.png) right no-repeat; 
	height: 41px; 
	padding: 0px 30px 0px 25px; 
	font-size: 30px; 
	font-weight: bolder; 
	color: #fff }


.buyCreditsOnlyFreeBar {
	float: left; 
	margin-left: -17px;
	background: url(../images/CreditsOrangeBg.png) left; 
	height: 41px	}

	
.buyCreditsOnlyFreeBarContent {
	background: url(../images/CreditsFreeRightBg.png) right no-repeat; 
	height: 41px; 
	padding: 0px 30px 0px 25px; 
	font-size: 30px; 
	font-weight: bolder; 
	color: #fff }

	
.buyCreditsDetails {
	float: right; 
	margin-right: 20px; 
	text-align: right }
	
.buyCreditsDetails p.fee {
	font-weight: bolder; 
	font-size: 20px; 
	height: 20px	}
	

.buyCreditsStep,  .buyCreditsSelectedStep {
	float: left; 
	background: url(../images/CreditStepBg.png) left; 
	height: 44px }
	

.buyCreditsSelectedStep {
	background: url(../images/CreditStepSelBg.png) left; }

	
.buyCreditsStepContent,  .buyCreditsSelectedStepContent {
	background: url(../images/CreditStepRightBg.png) right no-repeat; 
	height: 44px; 
	font-size: 19px; 
	font-weight: bolder; 
	color: #fff; 
	padding: 0px 10px 0px 10px }
	

.buyCreditsSelectedStepContent {
	background: url(../images/CreditStepSelRightBg.png) right no-repeat; }

	
.buyCreditsStepContent span.step,  .buyCreditsSelectedStepContent span.step {
	font-size: 35px }






/* Definition des classes d'achats de credits */
.buttonContainer {
	cursor: pointer;
	background: url(../images/ButtonBg.png); 
	height: 29px; 
	margin-top: 6px }
	
.buttonContainerOpt {
	cursor: pointer;
	background: url(../images/ButtonBg.png); 
	height: 29px; 
	margin-top: 6px;
	width:150px;
	}
	

.buttonContent {
	cursor: pointer;
	background: url(../images/ButtonRightBg.png) right no-repeat; 
	border: 0px;
	height: 29px; 
	font-size: 18px; 
	font-weight: bolder; 
	color: #3a8eba; 
	padding: 0px 18px 0px 18px }


.buttonContainerSm {
	cursor: pointer;
	background: url(../images/ButtonLeftSm.png); 
	height: 22px; 
	margin-top: 6px }
	

.buttonContentSm {
	cursor: pointer;
	background: url(../images/ButtonRightSm.png) right no-repeat; 
	border: 0px;
	height: 22px; 
	font-size: 14px; 
	font-weight: bolder; 
	color: #5aa400; 
	padding: 0px 5px 0px 5px }


.buttonValidAction {
	background: url(../images/Valid.png); 
	width: 20px; 
	height: 20px; 
	border: 0px; 
	cursor: pointer }

.LinkContent {
	cursor: pointer;
	border: 0px;
	font-size: 14px; 
	font-weight: bolder; 
	color: #3a8eba; 
	padding: 2px }









/* Definition des classes de la faq */
div.filesList {
	font-size: 16px;
	color: #3a8eba;
	font-weight: bolder; }

div.filesList div {
	cursor: pointer;
	font-size: 12px;
	color: #3a8eba;
	width: 570px;
	padding-left: 20px;
	padding-top: 10px;	}

div.filesList div p.question {
	color: #000; }

div.filesList div p.answer {
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	color: #000; }
	
	
	
	
	
	
	
/* Definition des classes du panier */
#basket  {
	margin-left: 10px }
	
#basket td  {
	font-weight: bolder;
	font-size: 12px;
	color: #392c1f;
	border-bottom: 1px #00cccc solid	}
	
#basket thead td  {
	padding-left: 25px; }
	
#basket tbody td  {
	padding: 4px; 
	font-weight: normal; }

#basket tbody td.noBorder  {
	border-bottom: 0px; }

#basket tbody td.pricing  {
	padding-right: 50px;
	text-align: right; }
	
	
	
	
	
	
	
/* Definition des classes du panier */
.InfoBlock {
	background: url(../images/InfoBg.png) top; 
	width: 727px; 
	margin-bottom: 10px;	}


.InfoBlockContent {
	background: url(../images/InfoFooterBg.png) bottom no-repeat; 
	width: 691px; 
	padding: 10px 18px 20px 18px;
		}
	
	
.InfoBlock .Header {
	float: right;
	background: url(../images/InfoHeaderBg.png); 
	height: 50px; 
	margin-top: -9px }


.InfoBlock .Header .Left{
	float: left; 
	background: url(../images/InfoHeaderLeft.png) no-repeat; 
	width: 81px; 
	height: 50px }


.InfoBlock .Header .Main {
	float: left; 
	font-size: 18px; 
	font-weight: bolder; 
	color: #555; 
	padding-top: 15px }


.InfoBlock .Header .Right {
	float: left; 
	background: url(../images/InfoHeaderRight.png);
	width: 40px; 
	height: 50px	}







	#PrintType {
		float: right; 
		width: 74px; 
		margin-left: 0px;
		text-align: center }

	
	#PrintType .Inline {
		float: left; 
		cursor: pointer;
		background: url(../images/PrintType.png) 108px 0px; 
		width: 32px; 
		height: 32px;
		margin-left: 5px }

	#PrintType .InBlockSel {
		float: left; 
		cursor: pointer;
		background: url(../images/PrintType.png) 68px 0px; 
		width: 32px; 
		height: 32px; 
		margin-left: 5px }
		
	#PrintType .InBlock {
		float: left; 
		cursor: pointer;
		background: url(../images/PrintType.png) 0px 0px; 
		width: 32px; 
		height: 32px;
		margin-left: 5px }
		
	#PrintType .InlineSel {
		float: left; 
		cursor: pointer;
		background: url(../images/PrintType.png) 32px 0px; 
		width: 32px; 
		height: 32px;
		margin-left: 5px }

a.LinkAllVotes{
font-size: 15px; 
font-weight: bold; 
color: #3a8eba
}

a.LinkAllVotesViolet{
font-size: 15px; 
font-weight: bold; 
color: #5508a4
}

a.LinkAllVotesOrange{
font-size: 15px; 
font-weight: bold; 
color: #e84011
}
a.TitleBlack{
font-size: 15px; 
font-weight: bold; 
color: #FFFFFF;
}

table.listTest tr td{
border: 1px #000000 solid ;
}

table.list
{
border: 10px #efefef solid ;
}

table.list tr {
cursor: pointer;
border: 1px #3a8eba solid;
height: 24px;
}

table.list thead tr{
cursor: pointer;
border: 1px #FFFFFF solid;
}

table.list thead td {
font-weight: bolder;
font-size: 12px;
background-color: #3a8eba;
color: #FFFFFF;
padding : 2px;
border: 1px #FFFFFF solid;
}

table.list tbody td {
font-size: 12px;
color: #000000;
padding : 2px;
border: 1px #FFFFFF solid;
valign : middle;
}

table.list tbody td .hRight{
text-align: right;
}

table.list tbody td .termine {
		float: left; 
		background: url(../images/puce4.png); 
		text-align: center;
		width: 31px; 
		height: 31px; 
		margin-right: 1px; 
		font-size: 16px;
		font-weight: bolder;
		color: #fff; }
	
table.list tbody td .actif {
		float: left; 
		background: url(../images/puce1.png); 
		text-align: center;
		padding-top: 1px;
		width: 31px; 
		height: 31px; 
		font-size: 16px;
		font-weight: bolder;
		color: #fff; }

.voteStatus{
font-size: 13px;
font-weight: bolder;
color: #3a8eba;
padding : 2px;
align : right;
background-color: #efefef;
}

.blockTitle{
font-weight: bolder;
font-size: 14px;
color: #000000;
}

div.YW_echelle
{	
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0px solid black;
	width: 35px;
	float:left;
	overflow:hidden;
}
td.YW_echelle
{	
	align: right;
	font-family: Verdana,sans-serif;
	font-size: 9px;
}
div.YW_panel
{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 1px solid #9a9a9a;
	width: 650px;
	overflow:hidden;
	float:left;
}
div.YW_robot
{
	margin-left:5px;
	padding:0px 0px 0px 0px;
	border: 1px solid #b9b9b9;
	float:left;
}


/* Definition des classes de blocks */
.blockBg {
	background-color: #efefef; 
	border: 1px #ddd solid;
	width: 967px; 
	padding: 10px  }

.blockBgFull {
	background-color: #efefef; 
	border: 1px #ddd solid;
	padding: 10px  }
	
.blockTitle {
	margin-bottom: 10px; 
	color: #404040; 
	font-weight: bolder; 
	font-variant: small-caps; 
	font-size: 16px }
	
.buttonDiv {
	clear: both; 
	padding-top: 10px; 
	text-align: right }

.SubBlock, .SubBlockFull, .SubBlockHalf {
	background-color: #fff; 
	padding: 4px;
	width: 303px; 
	border-right: 1px #ddd solid; 
	border-bottom: 1px #ddd solid; 
	margin-right: 10px; 
	float: left }
	
.SubBlockDesc{
	background-color: #fff; 
	padding: 4px;
	width: 303px; 
	border-right: 1px #ddd solid; 
	border-bottom: 1px #ddd solid; 
	margin-right: 10px; 
	float: left }
	
.SubBlockFull {
	width: 967px; 
	margin-right: 0px; 
	overflow: auto }

.SubBlockHalf {
	width: 465px; 
	overflow: auto }
	
.blockBg table.list thead {
	text-align: center; 
	background: url(../images/table-header.gif); 
	height: 35px;	}
	
.blockBg table.list thead td {
	border-right: 1px #fff solid; 
	border-bottom: 1px #fff solid;
	padding: 0px 10px 0px 10px; 
	color: #fff; 
	font-weight: bolder; 
	font-variant: small-caps; 
	font-size: 16px	}

.blockBg table.list tbody {
	background-color: #fff; 
	font-size: 12px; 
	text-align: left }
	
.blockBg table.list tbody tr {
	height: 17px; 
	border-bottom: 1px #a4e033 solid }
	
.blockBg table.list tbody tr td, .blockBg table.list tbody tr td.colored {
	padding: 3px; 
	border-bottom: 1px #a4e033 solid	}

.blockBg table.list tbody tr td.colored, .blockBg table.list tbody tr td.colored a {
	color: #f86013; }
	
	
.SubBlock p.title, .SubBlockFull p.title, .SubBlockHalf p.title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bolder;
	color: #f86013 }

	
.wiinpop {
	cursor: pointer;
	background: url(../images/ButtonRightBg.png) right no-repeat; 
	border: 0px;
	height: 29px; 
	font-size: 18px; 
	font-weight: bolder; 
	color: #3a8eba; 
	padding: 0px 18px 0px 18px }
	
.ChatToID {
	width: 80px;
	}

.btn_link
{
	cursor: pointer;
	font-size: 14px; 
	font-weight: bolder; 
	color: #FFFFFF; 
	border: 0px;
	text-align: center;
	background: url(../images/transparent.gif) right no-repeat;
}
	
.reserver {
	float:left;
	border: 0px;
	font-size: 25px; 
	font-weight: bolder; 
	color: #FFFFFF; 
	background: url(../images/AgentStepBg.png) right no-repeat; 
	width:225px;
	height:68px;
	padding:10px; 
	text-align: center;
	}

		
.private_18 {
	border: 0px;
	font-size: 18px; 
	font-weight: bolder; 
	color: #5508a4; 
	text-align: center;
	}

fieldset {
	font-size: 14px; 
	font-weight: bolder; 
	color: #5508a4; 
	}	
	
.RefreshChat {
	cursor:hand;
	}	

.AuctionJackpotBG {
	position:relative;
	background: url(../images/mega-cagnotte.png) no-repeat center 20px; 
	padding: 10px 0px 0px -5px; 
	width: 245px ;
	height: 170px; }
	

.AuctionJackpotWiiner {
	position:absolute;
	left: 115px;
	top: 60px;
	width: 100px;
	height: 70px; 
	font-size: 16px; 
	font-weight: bolder; 
	color: #fff;
	text-align:center; 	
	border: 0px green solid;
	z-index:800;
	}
	

.AuctionJackpotGain {
	position:absolute;
	left: 70px;
	top: 123px;
	width: 	60px;
	height: 30px; 
	font-size: 30px; 
	font-weight: bolder; 
	color: #fff;
	text-align:right; 
	border: 0px black solid;
	z-index:900;
	}
	
.AuctionJackpotIndice {
	position: relative;
	top:40px;
	left:220px;
	color: red; 
	width: 9px;
	height: 80px;
	border: 1px red solid;
	}	
	
.jclock { 
	color: #038cee; 
	font-weight: bold; 
	font-size: 14px; 
	padding: 0px 40px 0px 10px; 
	margin-bottom: 5px;
	width: 150px;
	text-align:center; 
	}
	
.warning
	{ 
	color: red; 
	background-color: #fff; 
	font-weight: bold; 
	font-size: 14px; 
	padding: 10px; 
	margin: 10px;
	text-align:center; 
	border: 1px red solid;
	}
	
.lbl {
	width: 60px;
	font-size: 12px;
	vertical-align: top;
	padding-right: 8px;
	padding-bottom: 6px;
	color: #f86013	}	

.ValeurPlage {
	width: 28px;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
	border: 1px black solid;
	text-align: center;
	float:left;}
	
div.PlageSmallPicture {
	background-color: #ffffff;
	border: 1px black solid;
	text-align: center;
	padding: 2px;
	margin: 2px;
	width: 28px;
	float:left;
	}
	
.ValeurPlageMedium {
	width: 40px;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
	border: 1px black solid;
	text-align: center;
	font-weight: bold;
	float:left;}
	
.ValeurPlageMediumActif {
	background-color: #3a8eba;
	width: 40px;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
	border: 1px black solid;
	text-align: center;
	float:left;}
	
div.PlageMediumPicture {
	background-color: #ffffff;
	border: 1px black solid;
	text-align: center;
	padding: 2px;
	margin: 2px;
	width: 40px;
	float:left;
	}
	
.PlageDesc{
	width: 481px;
	font-size: 13px;
	vertical-align: top;
	text-align: center;
	padding: 10px;
	margin-left: 10px;
	font-weight: bold;
	color: #f86013;	
}	




.help_content{
width:100%;
background-color: #ffffff;
background:url("../images/help_off2.png")  repeat-x;
}

.help_boutton_off{
height: 37px;
background-color: #ffffff;
background:url("../images/help_boutton_off3.png") no-repeat center 0px; 
}

.help_boutton_on{
width: 100%;
height: 37px;
background:url("../images/help_boutton_on3.png") no-repeat center 0px; 
}

p.help_boutton, a.help_boutton
{
	font-size: 13px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	color: #ffffff;	
}

.help_content_zone_on{
display:none;
width:100%;
} 

.help_content_zone_off{
width:100%;
}

.help_on{
width:100%;
}

.delete_chat
{
	cursor: pointer 
}