@charset "iso-8859-1";

		html, body, *
		{
			margin: 0;
			padding: 0;			
		}
		
		body
		{
			background: url('/img/v2/bg.gif') repeat-x top center #fff;
			font: 1em Georgia, "Times New Roman", Times, serif;
			position: relative;
		}
		
		input[type=text], input[type=password], input[type=submit], input[type=button], textarea
        {
            border: solid 1px black;
            padding: 2px;
        }
        
        input[type=text], input[type=password], input[type=submit], textarea
        {
            border: solid 1px black;            
        }
        
        textarea
        {
        	font-family: Arial, sans-serif, Tahoma;	
        	font-size: 1em;
        }
        
        blockquote
        {
            border: solid 1px rgb(255,204,0);
            background: rgb(255,252,211);
            margin: 10px;
            padding: 5px;
        }
        
        .inputTypeText
        {
        	padding: 2px;        	
        }
        
        
        
        input[type=submit], input[type=button]
        {
        	padding: 1px;        	
        }       
        
        
        a
        {
        	color: #cc0000;
        }
        
		h2
		{
			background: url('/img/v2/puce.gif') no-repeat left;
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 0 0 10px 0px;
			font-size: 23px;
			padding: 0 0 0 28px;
		}

		h3
		{
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 0 0 10px 0;
		}

		p
		{
			margin: 0 20px 10px 5px;
		}

		ul, ol
		{
			/*margin: 0 20px 10px 0;*/
			padding: 0 0 10px 10px;
		}

		ul li
		{
			margin: 0 0 0 15px;
			/*padding: 0 0 0 10px;*/
		}

		ol li
		{
			margin: 0 0 0 40px;
			/*padding: 0 0 0 10px;*/
		}
		
		table
		{
			border-collapse: collapse;			
			margin: 10px auto;
		}

		thead
		{
			background-color: rgb(255,252,211);
			border-bottom: double 3px black;
		}
		
		thead td
		{
			text-align: left;
			font-weight: bold;
			padding: 3px;			
		}
		
		td
		{
			padding: 3px;	
		}
		
		th
		{
			padding: 3px;	
			text-align: left;
			font-weight: bold;
		}
		
		form
		{
			margin: 0 0 10px 0;
		}
		
		#logo
		{
			position: absolute;
			left: -42px;
			top: -45px;			
		}
		
		#title
		{
			margin: 20px 0 0 110px;
		}
		
		#pub
		{
			padding: 18px 0 0 10px; 
			position: absolute;
			top: 20px;
			right: 20px;
			width: 356px;
			height: 78px;
			background: url('/img/v2/pub.gif') no-repeat;
			
		}
		
		#vip
		{			
			position: absolute;
			top: 20px;
			right: 20px;
			background: url('/img/v2/membre_vip.gif') no-repeat; 
			width: 339px; 
			height: 94px;
		}

		#main
		{
			border: solid 2px black;
			background: #336699;
			width: 926px;
			margin: 50px auto 0 auto;
			padding: 0 0 20px 0;
			position: relative;
		}
		
		#under_main
		{
			position: relative;	
			width: 926px;
			margin: 0 auto;
			height: 30px;			
		}
		
		#corner_top_right, #corner_bottom_left, #corner_bottom_right
		{
			position: absolute;
			width: 18px;
			height: 20px;
		}		
		
		#corner_top_right
		{
			background: url('/img/v2/corner_top_right.gif') no-repeat;
			top: -2px;
			right: -2px;
			
		}
		
		#corner_bottom_left
		{
			background: url('/img/v2/corner_bottom_left.gif') no-repeat;
			top: -20px;
			left: -2px;
		}
		
		#corner_bottom_right
		{
			background: url('/img/v2/corner_bottom_right.gif') no-repeat;
			top: -20px;
			right: -2px;
		}	
		
		
		#tau_content
		{
			width: 659px;
			margin: 32px 0 0 20px;
			background: url('/img/v2/content_middle.gif') repeat-y #fff;
			font-family: Arial, sans-serif, Tahoma;			
			position: relative;
			z-index: 0;
		}
		
		#content_top
		{
			background: url('/img/v2/content_top.gif') no-repeat;
			height: 5px;			
			font-size: 0;
		}
		
		#content_bottom
		{
			background: url('/img/v2/content_bottom.gif') no-repeat;
			height: 5px;				
			font-size: 0;
			clear: both;
			
		}
		
		
		#menu
		{
			position: absolute;
			top: 110px;
			left: 30px;
			list-style: none;
			height: 28px;
			margin:0;
    		padding:0;
    		z-index: 9;
		}	
		
		#menu li
		{		
			margin:0;
    		padding:0;
			list-style:none;
			float: left;
			background:url('/img/v2/tab_inactive_right.gif') no-repeat right top;
			height: 28px;			
		}
		
		#menu li a
		{		
            font-weight: bold;	
            font-size: 14px;
			text-decoration: none;			
			color: white;
			display: block;
			background: url('/img/v2/tab_inactive_left.gif') no-repeat left top;
			padding: 3px 9.3px;			
		}
				
		#menu li a:hover
		{
			color: #ffffA0;
			
		}	
		
		#menu li.active
		{
			background:url('/img/v2/tab_active_right.gif') no-repeat right top;
		}
		
		#menu li.active a
		{
			color: black;
			background: url('/img/v2/tab_active_left.gif') no-repeat left top;
		}
		
		#inside
		{
			padding: 12px 12px 2px 12px;
			font-size: 13px;
			min-height: 590px;
			_height: 590px;
		}
		
		
		#footer
		{
			font-size: 11px;
			margin: 5px 0 0 0;
			text-align: center;
			position: relative;
			top: 7px;
			width: 659px;
		}
		
		#footer a
		{
			color: #fff;
			text-decoration: underlined;
		}
		
		#footer a:hover
		{
			text-decoration: none;
		}
		
        /* LOGIN */
        form#login
        {
            text-align: center;
            padding: 0 0 15px 0;
            margin: 0px;
            position: relative;    
        }
        
        form#login .email
        {
            padding: 0;
            margin: 0 0 5px 0;
        }
        
        form#login .email input
        {
        	margin: 0 0 0 1px;
        }
        
        form#login .valid
        {
            padding: 0;
            margin: 0;
        }
        
        form#login .email input
        {
            width: 120px;
            vertical-align: middle;
            height: 17px;
        }
        
        form#login .password
        {
            width: 90px;
            margin: 0 0 0 3px;
            vertical-align: middle;
            height: 17px;  
        }
        
        form#login .submit
        {
            vertical-align: middle;
            margin: 0 0 0 5px;
            /*padding: 3px 0 3px 0;*/
            height: 23px;
            width: 25px;
        }
        
        #wait_percent_nb
        {
        	margin: 0 auto;
        	padding: 0 15px 0 0;
        	width: 311px;
        	height: 36px;
        	background: url('/img/realisation_percent_nb.png') no-repeat;
        }
        
        #wait_percent_color
        {        	
        	height: 36px;
        	background: url('/img/realisation_percent_color.png') no-repeat;        	
        }
		
        .infos
        {
        	margin : 5px 0 10px 0;
			font-weight: bold;
        }
		
		
		#bloc_right
		{
			/*border: solid 1px white;*/ 
			position: absolute;			
			width: 217px;
			right: 0;
			top: 100px;
			padding: 24px 20px 0 0;
			font-size: 0;
		}
		
		.bloc_top
		{
			background: url('/img/v2/bloc_top.gif') no-repeat;
			width: 194px;
			height: 21px;
			font-size: 17.1px;
			font-weight: bold;
			padding: 16px 0 0 23px;
		}
		
		.bloc_middle
		{
			background: url('/img/v2/bloc_middle.gif') repeat-y;
			width: 184px;			
			padding : 10px 10px 0 23px;			
			font-size: 12px;
			font-family: Arial;
		}
		
		
		.bloc_bottom
		{
			background: url('/img/v2/bloc_bottom.gif') top no-repeat;
			width: 217px;
			height: 5px;
			margin: 0 0 13px 0;
		}
		
				
		.input_with1
		{
		    width: 400px;
		}
		
		.suscribeInputs
		{
			width: 200px;
			margin: 0 10px 0 0;
		}
		
		#error
		{
			
			border-top: solid 1px black;
			border-bottom: solid 1px black;
			background: url('/img/error_bg.gif') repeat-y;
			margin: 0 0 10px 0;
			position: relative;
			left: -12px;
			width: 569px;
			padding: 0 0 0 90px;
		}
		
		#error_icon
		{
			width: 76px;
			height: 62px;
			background: url('/img/error_icon.gif') no-repeat;
			position: absolute;
			left: 7px;
			margin: 5px 0 0 0;
		}
		
		
		#info
		{
			
			border-top: solid 1px black;
			border-bottom: solid 1px black;
			background: url('/img/info_bg.gif') repeat-y;
			margin: 0 0 10px 0;
			position: relative;
			left: -12px;
			width: 589px;
			padding: 10px 0 0px 70px;
		}
		
		#info_icon
		{
			width: 40px;
			height: 53px;
			background: url('/img/info_icon.gif') no-repeat;
			position: absolute;
			top: 0px;
			left: 15px;
			margin: 5px 0 0 0;
		}
				
		
		#error h3
		{
			padding: 5px; margin :0;
		}
		
		#error ul
		{
			padding: 10px 0 15px 10px; margin :0;
		}
		
		#account_index
		{
			list-style-type: none;
		}
		
		#account_index li
		{
			line-height: 27px;			
		}
		
		#account_index li img
		{
			vertical-align: middle;
			margin: 0 5px 0 0;
		}

		
.icon
{
	vertical-align: middle;
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

table.beautifulTable          { border: solid 1px black; margin: 10px 0 10px 0; empty-cells: show;}
table.beautifulTable th       { color: black; font-weight: bold; padding: 1px; margin: 1px; background: #fffcd3;}
table.beautifulTable thead    { color: black; font-weight: bold; background: #fffcd3;}
table.beautifulTable thead td { text-align: left; background: #fffcd3; }
table.beautifulTable thead th { text-align: left; background: #fffcd3;}
table.beautifulTable td       { border-collapse: collapse; padding: 2px; margin: 1px;}
table.beautifulTable tfoot    { background: #fff; color: #aaa; font-weight: bold; }

.double_border
{
	border: 3px double orange;
}

.margin_cadre
{
	margin : 10px;
	padding: 10px;
}

.points img
{
	border: 0;
	/*vertical-align: middle; */
}

.points
{
	/*display: none;*/
	background-image: url('/img/block_points.gif'); 
	width: 197px; 
	height: 26px; 
	margin:  0 0 12px 10px; 
	padding: 5px 0 3px 10px;
	line-height: 25px;
	font-size: 23px;
	font-family: Arial;
	position: relative;
}

.bb_barre
{	
	background: #fffcd3; 
	border-top: solid 1px black; 
	border-right: solid 1px black;
	border-left: solid 1px black; 
	width:560px;
}

.bb_barre img
{
	cursor: pointer;
	vertical-align: middle;
	margin: 3px;
}

.spaw2table table
{
	margin: 0 !important;
}