div#global
{
	background: url('../pix/parrainage/fond_page.gif') no-repeat;
}
div.left_column div#header h2 {
color:#B50000;
}
/*h2
{
	background: url('../pix/parrainage/tit_page.gif') no-repeat 0 2px;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0 180px;
	margin: 0 20px 30px 20px;
}*/

h3
{
	border-bottom: 1px dotted #c0c1c1;
	color: #b50000;
	background: url('../pix/parrainage/fleche.gif') no-repeat 0 2px;
	padding: 0 0 6px 20px;
	margin: 0 0 10px;
	font-size: 1.3em;
}

div.centre
{
	width: 740px;
	font-size: 11px;
	color: #484549;
	margin-bottom: 40px;
}

div.principal,div.filleul
{
	background: url('../pix/parrainage/fond_bloc.gif') repeat-y;
}

div.invite
{
	/*float: left;*/
	position: absolute;
	left: 0;
	z-index: 1;
	width: 337px;
	font-size: 12px !important;
}

div.invite p.visuel
{
	width: 337px;
	height: 202px;
	margin: 0 0 10px;
}

div.invite p
{
	margin: 0 0 .4em;
}

div.invite form
{
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}

div.invite fieldset
{
	margin: 20px 0;
}

div.invite form p.saisie
{
	text-align: right;
	margin: 0 20px .6em 0;
}

p.saisie input
{
	height: 16px;
	background: url('../pix/parrainage/fond_champ.gif') repeat-x transparent;
	border: none;
}

div.invite form p.saisie label
{
	text-align: left;
	float: left;
	font-weight: bold;
}

div.invite p.note
{
	color: #a8a8a9;
	text-align: right;
	margin-right: 20px;
}

p.message
{
	color: #b50000;
	background: url('../pix/parrainage/fleche_mini.gif') no-repeat 0 50%;
	padding-left: 8px;
}

p.action
{
	background: url('../pix/parrainage/fond_bouton.gif') repeat-y 100% 0;
	text-align: right;
	margin-top: -10px;
	line-height: 23px;
}

p.action input
{
	background: url('../pix/parrainage/fleche_double.gif') no-repeat transparent 0 50%;
	border: none;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	margin-right: 20px;
}

div.filleul
{
	margin: 0 0 0 337px;
	padding: 20px;
	height: 600px;
	position: relative;
}

div.filleul table
{
	border-collapse: collapse;
	font-size: 1em;
	margin: 10px 10px 10px 0;
}

div.filleul thead th
{
	font-weight: normal;
	background: url('../pix/parrainage/fleche_droite.gif') no-repeat 6px 50% #d0d0d1;
	text-align: left;
	padding: 2px 10px 2px 18px;
	width: 23%;
}

div.filleul thead th.nom
{
	width: 31%;
}

div.filleul thead th.active
{
	background-image: url('../pix/parrainage/fleche_bas.gif');
}

div.filleul tbody td
{
	padding: 6px 0;
}

div.filleul div.pied-liste
{
	background: #d0d0d1;
	height: 20px;
	position: absolute;
	left: 20px;
	right: 30px;
	bottom: 20px;
}

div.pied-liste ul
{
	float: right;
}

div.pied-liste ul span
{
	color: #fff;
}

div.pied-liste ul a
{
	text-decoration: none;
	color: #484549;
}

div.pied-liste ul li
{
	float: left;
	padding: 4px;
}


	#principal {
		padding:20px;
		font:normal 1.0em Arial, Helvetica, sans-serif;
		margin-right:20px;
		}
		
	#principal h2 {
		color:#FC6700;
		margin:20px 0 0 0;
		font:bold 0.8em Arial, Helvetica, sans-serif;
		}	
		
	#principal p {
		font:normal 0.7em Arial, Helvetica, sans-serif;
		}	
	
	#principal .img-left {
		float:left;
		padding:10px;
		}	
		
	#principal .img-right {
		float:right;
		padding:10px;
		}	
			
			
	#principal input {
	  border: 0 none;
	  height: 16px;
	  background: url(../pix/cel_form.gif) no-repeat;
	  padding: 1px 0 0 5px;
	  width: 167px;
	}