/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	FONT
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/

	@font-face {
		font-family: 'bebasneue';
		src: url('font/bebasneue-webfont.eot');
		src: url('font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/bebasneue-webfont.woff') format('woff'),
			 url('font/bebasneue-webfont.ttf') format('truetype'),
			 url('font/bebasneue-webfont.svg#bebasneue-webfont') format('svg');
	}

/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	HTML/BODY/*
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/

	html, body  { margin:0; padding:0; font-family:Verdana; color:#333333; height:100%; font-size:12px; }
	a { cursor:pointer; color:#255c1f; }
	* { 
		outline:0px none !important; 
		font-size:12px; 
		margin:0; 
		padding:0; 
		vertical-align:middle;
		-moz-background-clip	: padding;
		-webkit-background-clip	: padding;
		background-clip			: padding-box;
	} 

/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	COMMON
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/
	
	/* overlay */
	.ui-widget-overlay 	{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/overlay.png) repeat; z-index:9999; }
	
	/* loader */
	.bar-loader { 
		position:absolute;
		bottom:0;
		left:0;
		text-align:center;
		background:url(images/back-loader.png) center center repeat;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
	 }
	.bar-loader div	{ background:url(images/ajax-loader-128.gif) center center no-repeat; height:100%; width:100%; }
	.loader72 div 	{ background:url(images/ajax-loader-72.gif) center center no-repeat; height:100%; width:100%; }
	.fixed-loader { 
		text-align:center;
		background:url(images/back-loader.png) center center repeat;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
	 }
	.fixed-loader div	{ background:url(images/ajax-loader-128.gif) center center no-repeat; height:300px; width:100%; }

	/* dialog */
	#dialog { position:relative; }
	
	/* notify */
	#notify {
		padding:0;
		margin:0 0 10px 0;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;  
		color: #333;
		font-size: 13px;
		line-height: normal;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	#notify-content { 
		overflow:hidden; 
		padding:15px 15px 15px 57px; 
		margin:0; 		
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;  
	}
	#notify-content * 				{ vertical-align:baseline !important; }	
	.notify-help	{ background:url(images/info.png) #f7f7f7 10px center no-repeat; border:1px solid #e5e5e5; }		
	.notify-error	{ background:url(images/warning.png) #F9D578 10px center no-repeat; border:1px solid #F3AD0D; }		
	.notify-valid	{ background:url(images/accept.png) #E5F0CC 10px center no-repeat; border:1px solid #CCF078; }	

	#main-header { overflow:hidden; margin:0 0 10px 0; }
	#main-header h1,
	#main-header h1 * {
		font-family:bebasneue; 
		font-size:20px; 
		color:#888888;
		margin:0;
		padding:0;
		font-weight:normal;
		line-height:29px;
	}
	#chrono,
	#chrono * {
		font-family:bebasneue; 
		font-size:20px; 
		color:#888888;
		margin:0;
		padding:0;
		font-weight:normal;
		line-height:29px;
	}	
	#main-header #logout { float:right; }
	#main-header #chrono { float:right; }	
/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	MAIN
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/

	#logo				{ background:url(images/logo.jpg) left center no-repeat; font-size:16px; font-weight:bold; margin:0; padding-left:60px; height:60px; line-height:60px; text-align:center; width:auto; color:#666; text-shadow: #FFF 1px 1px, #FFF -1px 1px; display:inline-block; text-decoration:none; }
	#tdp-logo			{ background:url(images/tdp-logo.png) left center no-repeat; margin:0; height:26px; width:235px; display:block; float:left; }
	#tdp-logo span		{ display:none; }			
	#header h1			{ font-family:bebasneue; font-size:30px; font-weight:normal; color:#255c1f; float:right; }
	#wrap 				{ min-height: 100%; }
	#header 			{ overflow:hidden; width:592px; margin:0 auto; padding:20px 104px 5px 104px; text-align:left; } 
	#main 				{ overflow:auto; width:592px; margin:0 auto; padding:0 104px; text-align:left; } 
	#footer				{ margin-top:-20px; height: 20px; clear:both; } 
	#footer				{ width:100%; font-size:9px; text-align:center; color:#fff; text-shadow: #156415 1px 1px 1px, #156415 -1px 1px 1px, #156415 -1px -1px 1px, #156415 1px -1px 1px; background:url(images/footer.jpg) #156415 0px 0px repeat-x; overflow:hidden; }
	#footer	*			{ text-decoration:none; color:#FFF; font-size:9px; display:inline-block; padding:3px; }
	#main {
		background				:url(images/content-box.png) center bottom no-repeat;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		border-bottom 			:20px solid #fff;
	}
	#main-box {
		position				:relative;	
		overflow				:hidden;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		margin-bottom			:19px;		
	}
	#main-content {
		padding: 10px;
		background				: #c0c0c0; 
		background				: linear-gradient(to bottom, #eeeeee, #c0c0c0);	
		background				: -moz-linear-gradient(top, #eeeeee, #c0c0c0);	
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #c0c0c0)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#c0c0c0')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#c0c0c0');
		zoom:1;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
	}

/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	PAGES
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/

	/* HOME */
	#account-form				{ position:absolute; width:700px; height:380px; top:50%; left:50%; margin-top:-190px; margin-left:-350px; text-align:left; background:url(images/login.jpg) center center no-repeat; padding:0; }
	#subscribe-bt				{ padding:100px 0 0 85px; width:330px; }
	#subscribe-bt a				{ border:none; padding:0; margin:0; background:url(images/bt-subscribe.png) 0 0 no-repeat; width:329px; height:50px; overflow:hidden; display:block; }
	#subscribe-bt a span		{ display:none; }
	#subscribe-bt a:hover		{ background:url(images/bt-subscribe.png) 0 -50px no-repeat; }
	#myspace					{ padding:50px 0 0 85px; width:330px; position:relative; }
	#myspace p					{ padding:5px 0 0 0; margin:0; text-align:left; }
	#myspace p#submit-line 		{ margin:10px 0 0 0; padding:0; text-align:center; }
	#account-form .text			{ width:150px;}
	#account-form label			{ width:110px; text-align:right; display:inline-block; padding-right:5px; }
	#account-form .error-text	{ text-align:center; background:#ff9999; border:1px solid #cc0000; margin:0; padding:0; width:310px; position:absolute; bottom:-25px; left:95px; font-size:11px; color:#cc0000; }
	#myspace p#lost-password	{ text-align:center; }
	#myspace p#lost-password a	{ font-size:10px; color:#255c1f; text-decoration:none; }

/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	FORMS
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/

	form				{ overflow:hidden; }
	form p				{ padding:0; margin:10px 0; text-align:left; }
	form label,
	form .legend		{ text-align:right; display:inline-block; padding:5px; }
	form .min			{ width:50px; }
	form .med			{ width:100px; }
	form .long			{ width:200px; }
	form .bt-line 		{ text-align:center; margin:20px 0 10px 0; }
	.bt,
	input[type=submit] {
		padding: 5px 20px;
		border:none;
		background				: #499d42; 
		background				: linear-gradient(to bottom, #499d42, #255c1f);	
		background				: -moz-linear-gradient(top, #499d42, #255c1f); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #499d42), color-stop(1, #255c1f)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f');
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		font-family:bebasneue; 
		font-size:20px; 
		font-weight:normal; 
		color:#fff;
		overflow:visible;
		position:relative;
		cursor:pointer;
		text-shadow: #255c1f 1px 1px 1px, #255c1f -1px 1px 1px, #255c1f -1px -1px 1px, #255c1f 1px -1px 1px;	
	}
	.bt:hover,
	input[type=submit]:hover {
		background				: linear-gradient(to bottom, #255c1f, #499d42);	
		background				: -moz-linear-gradient(top, #255c1f, #499d42); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #255c1f), color-stop(1, #499d42)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#255c1f', EndColorStr='#499d42')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#255c1f', EndColorStr='#499d42');
	}
	#user_birthday label { font-size:10px; }
	select {
		padding:0;
		margin:0;
		border:none;
		font-size:14px; 
		overflow:visible;
		position:relative;
		display:inline-block;	
	}
	.explain {
		padding:20px;
		margin:0 0 10px 0;
		background-color: #fff;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;  
		color: #333;
		font-size: 13px;
		line-height: normal;
		border: 1px solid #ccc;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	}
	.explain * { vertical-align:baseline; }
	#subscribe-page .explain 	{ background:url(images/subscribe-man.png) #fff 0 center no-repeat; padding:20px 20px 20px 145px; }	
/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	USER-SPACE-PAGE
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/	
	#user-space-page h2 {
		font-family:bebasneue; 
		font-size:26px; 
		color:#255c1f;
		margin:15px 0;
		padding:0;
		font-weight:normal;
		text-align:center;
		text-shadow: #fff 1px 1px 1px, #fff -1px 1px 1px, #fff -1px -1px 1px, #fff 1px -1px 1px;		
	}
	#presta 					{ background:url(images/presta-man.png) #fff 0 center no-repeat; padding:20px 20px 20px 145px; }
	#user-info 					{ padding:30px 30px 30px 145px; background:url(images/info-man.png) #fff 10px center no-repeat; }	
	#user-info * 				{ vertical-align:baseline; }
	#test-opts 					{ margin:0; padding:0; overflow:hidden; list-style:none; text-align:center; }
	#test-opts li				{ margin:auto; padding:0; list-style:none; /*float:left;*/ width:184px; display:inline-block; }
	#test-opts .select-option,
	#test-opts .disabled-option,	
	#test-opts li .bt-option {
		width:184px;
		display:block;
		padding:0 !important;
		margin:0 !important;
		border:none !important;
		background:none !important;
		line-height:normal !important;
		cursor:pointer;
		overflow:hidden;
	}
	#test-opts li#silver		{ margin:0 10px !important; }	
	#test-opts .select-option,
	#test-opts .disabled-option	{ cursor:default; }	
	button::-moz-focus-inner {
		padding:0;
		border:0;
	}
	#test-opts .select-option div,
	#test-opts .disabled-option div,	
	#test-opts li .bt-option div {
		padding:5px;
		margin:0;
		background-color: #fff;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;  
		color: #333;
		font-size: 13px;
		line-height: normal;
		border: 2px solid #ccc;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		text-decoration:none;
		overflow:hidden;
	}
	#test-opts .select-option div { border:2px solid #255c1f; }	
	#test-opts li .bt-option:hover div { border: 2px solid #255c1f; }
	#test-opts .lib {
		display:block;
		text-align:center;
		padding: 5px 10px;
		border:none;
		background				: #255c1f; 
		background				: linear-gradient(to bottom, #499d42, #255c1f);	
		background				: -moz-linear-gradient(top, #499d42, #255c1f); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #499d42), color-stop(1, #255c1f)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f');
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		font-family:bebasneue; 
		font-size:20px; 
		font-weight:normal;
		color:#fff;
		text-shadow: #255c1f 1px 1px 1px, #255c1f -1px 1px 1px, #255c1f -1px -1px 1px, #255c1f 1px -1px 1px;		
		overflow:hidden;				
	}
	#test-opts li .bt-option:hover .lib {
		background				: linear-gradient(to bottom, #255c1f, #499d42);	
		background				: -moz-linear-gradient(top, #255c1f, #499d42); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #255c1f), color-stop(1, #499d42)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#255c1f', EndColorStr='#499d42')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#255c1f', EndColorStr='#499d42');
	}
	#test-opts .disabled-option .lib {
		background	: #fff;	
		-ms-filter	: none;
		filter		: none;
	}
	#test-opts .desc {
		text-align:left;
		display:block;	
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
		padding:160px 5px 0 5px;
		overflow:hidden;		 			
	}
	#test-opts .price {
		display:block;
		font-family:bebasneue; 
		font-size:30px; 
		text-align:center;
		padding:5px 10px;
		margin:10px 0 0 0;
		color:#255c1f;
		overflow:hidden;									
	}
	#test-opts .select-option .price {
		background				: #255c1f; 
		background				: linear-gradient(to bottom, #499d42, #255c1f);	
		background				: -moz-linear-gradient(top, #499d42, #255c1f); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #499d42), color-stop(1, #255c1f)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f');
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		color:#fff;
		text-shadow: #255c1f 1px 1px 1px, #255c1f -1px 1px 1px, #255c1f -1px -1px 1px, #255c1f 1px -1px 1px;			
	}	
	#bronze .desc	{ background:url(images/bronze-man.png) center 5px no-repeat; } 
	#silver .desc	{ background:url(images/silver-man.png) center 5px no-repeat; } 
	#gold .desc 	{ background:url(images/gold-man.png) center 5px no-repeat; } 		
	#test-opts .select-option .desc { background:url(images/valid-man.png) center 5px no-repeat; } 
	#test-opts .disabled-option .desc { background:url(images/disabled-option-man.png) center 5px no-repeat; } 
	#test-opts .disabled-option * { color : #999999 !important; text-shadow:none !important; }
	#user-test-statut {
		margin:0;
		background-color: #fff;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;  
		color: #333;
		font-size: 13px;
		line-height: normal;
		border: 1px solid #ccc;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		overflow:hidden;
	}	
	#user-test-statut *			{ vertical-align:baseline; }
	#user-test-statut h3		{ font-family:bebasneue; font-size:20px; font-weight:normal; color:#255c1f; margin:0 0 10px 0; }		
	#user-test-statut .bronze	{ background:url(images/bronze-man.png) #fff 445px 10px no-repeat; padding:20px 130px 20px 20px; min-height:110px; } 
	#user-test-statut .silver	{ background:url(images/silver-man.png) #fff 445px 10px no-repeat; padding:20px 130px 20px 20px; min-height:110px; }  
	#user-test-statut .gold	 	{ background:url(images/gold-man.png)	#fff 445px 10px no-repeat; padding:20px 130px 20px 20px; min-height:110px; } 
	#user-test-statut form	 	{ text-align:center; margin:10px 0 30px 0; }
	#user-test-statut input[type=submit] { font-size:24px; padding:10px; }
/*///////////////////////////////////////////////////////////////////////// 
***************************************************************************
	USER-TEST-PAGE
***************************************************************************	
/////////////////////////////////////////////////////////////////////////*/
	#test-explain					{ position:relative; }
	#user-test-page .explain	*	{ font-size:12px; }
	#user-test-page .explain img	{ margin:0; float:right; }
	#user-test-page .title			{ font-family:bebasneue; font-size:20px; color:#255c1f; }
	#prop-content			{ overflow:hidden; position:relative; }
	#prop-content p			{ padding:0; margin:0; text-align:left; float:left; width:50%; }
	#props .bt-line 		{ text-align:center; margin:20px 0 10px 0; }
	#prop-content input		{ position:absolute; left:-9999px; }
	#prop-content label {
		display:block;
		text-align:left;
		padding: 0;
		margin:5px;
		-webkit-border-radius	:8px;
		-moz-border-radius		:8px;
		border-radius			:8px;
		cursor:pointer;
		background				: #e6e6e6; 
		background				: linear-gradient(to bottom, #ffffff, #e6e6e6);	
		background				: -moz-linear-gradient(top, #ffffff, #e6e6e6); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e6e6e6)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e6e6e6')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e6e6e6');
		color: #333;
		font-size: 14px;
		line-height: normal;
		border: 1px solid #ccc;
		border-bottom-color: #bbb;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		overflow: visible;
	}
	#prop-content label:hover {
		background				: #d9d9d9; 		
		background				: linear-gradient(to bottom, #ffffff, #d9d9d9);	
		background				: -moz-linear-gradient(top, #ffffff, #d9d9d9); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #d9d9d9)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d9d9d9')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d9d9d9');
		color: #333;
		text-decoration: none;
		border: 1px solid #aaaaaa;
		color: #000000;
	}
	#prop-content label span 					{ display:block; padding:20px 20px 20px 85px; background:url(images/uncheck.png) transparent 10px center no-repeat; }	
	#prop-content label.select span 			{ display:block; padding:20px 20px 20px 85px; background:url(images/check.png) transparent 10px center no-repeat; }	
	#prop-content label.select {
		border: 1px solid #255c1f;
		background				: #255c1f; 
		background				: linear-gradient(to bottom, #499d42, #255c1f);	
		background				: -moz-linear-gradient(top, #499d42, #255c1f); 
		background				: -webkit-gradient(linear, left top, left bottom, color-stop(0, #499d42), color-stop(1, #255c1f)); 
		-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f')";
		filter					:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#499d42', EndColorStr='#255c1f');
		color:#fff;
		text-shadow: #255c1f 1px 1px 1px, #255c1f -1px 1px 1px, #255c1f -1px -1px 1px, #255c1f 1px -1px 1px;		
	}