/*------------------------------------------------------- renew CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,select,input, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
:focus { outline: 0; }
ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------------------------- */
body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color:#ffffff;
}

#content
{
	position:absolute;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image:url('images/header_bg.jpg');
	background-color: transparent;
	height:480px;
	top:50%;
	margin-top:-410px;
	width:100%;
	left:0%;
	margin-left:0%;
}

#formulaire
{
	position:absolute;
	/*background-image:url('images/content_bg.png');
	background-repeat: repeat-x;*/
	background-color:#fff;
	height:195px;
	top:50%;
	margin-top:265px;
	width:100%;
	left:50%;
	margin-left:-50%;
}

#titres
{
	position:inherit;
	width:100%;
	height:76px;
	margin-top:0px;
	left:0%;
	margin-left:0%;
	background-color:white;
}

#ajax
{
	width:100%;
	margin-top:43px;
	left:0%;
	margin-left:0%;
}

/*------------------------------------------------------- TYPOS*/
h1, h2, h3, h4, h5
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
	background-color:transparent;
}
h1
{
	font-size: 1.6em;
}
h2
{
	font-size: 1.2em;
	line-height:1.3em;
}
h3
{
	font-size: 1em;
	line-height:1.1em;
}
h4
{
	font-size: 0.8em;
	line-height:1.1em;
}
h5
{
	font-size: 0.7em;
	line-height:0.9em;
}

/*------------------------------------------------------- HOME*/
#logo
{
	position:absolute;
	height: 53px;
	left:50%;
	margin-left:-450px;
}

h1.titre {
	position:absolute;
	left:50%;
	margin:10px 0px 10px -225px;
}
.etape_titre
{
	display: inline;
	margin:10px 0px 10px 225px;
}
/*------------------------------------------------------- FORM*/
#body, #bodyEnd
{
	position:absolute;
	background-color: transparent;
	width: 900px;
	top:50%;
	margin-top:163px;
	
	left:50%;
	margin-left:-450px;
}
#bodyEnd
{
	background-color: white;
	text-align: center;
	height: 130px;
	margin-top:120px;
	padding-top: 30px;
}
#form2
{
	padding-left: 30px;
	width:445px;
}
#form1
{
	padding-left: 25px;
	width:450px;
}

/*------------------------------------------------------- FORM ELMTS*/
form
{
	margin:20px 10px 0px 10px;
}

fieldset
{
	font-size:12px;
}

fieldset p
{	
	text-indent:0px;
	padding-left:0px;
	color:#555555;
}

form label 
{
	font-size:12px;
	color:#00000
	clear:both;
	display:block;
	width:150px;
	float:left;
	margin-top:1px;
	padding-left:0px;
	line-height:18px;
}

#Mlle,#M,#Mme,#Oui,#Non
{
	color: white;
	margin-top:5px;
	padding-left: 0px;
}

input label {
    color: white;
}
input focus {
    color: white;
}

#LastName, #FirstName, #Email, #pass, #passConfirm, #Address, #City, #Country, #ZipCode,#PhoneNumber,#user,#type, #Profession, #jour, #mois, #annee
{	
	margin-top:2px;
	width:180px;
	height:20px;
	
	background-color:white;
	
	border-style: solid;
	border-width:1px;
	border-color:#008ead;
}

#Provenance
{	
	margin-top:2px;
	width:90px;
	height:20px;
	background-color:white;
	border-style: solid;
	border-width:1px;
	border-color:#008ead;
}

.parrainage
{
	width:300px;
	margin-left:70px;
	text-align: left;
}
.parrainage label
{
	width:400px;
	margin-left:-15px;
}
#inscriptionField
{
	
}

.EmailFilleul
{
	margin:0px;
	width:220px;
	margin-left:-15px;
	color: black;
	background-color:transparent;
	border-style: solid;
	border-width:1px;
	border-color:#008ead;
	
}

#jour,#mois,#annee
{
	margin-top:2px;
	height:20px;
	background-color:white;
}

#Profession
{
	margin-top:2px;
	margin-left:0px;
	height:20px;
	background-color:white;
}

#jour
{
	width:45px;
	margin-right:1px;
}
#mois
{
	width:45px;
	margin-right:1px;
}

#annee
{
	width:85px;
	margin-right:0px;
}
#form_offre, #form_provenance
{
	width:262px;
	margin-right:0px;
}
#form_date, #form_csp
{
	width:170px;
	margin-right:0px;
}
.case
{
	background-color:transparent;
	width:20px;
	height:20px;
	border:0px;
	margin-left:3px;
}

.case2
{
	background-color:transparent;
	width:20px;
	height:20px;
	border:0px;
	margin-left:3px;
}

#boutonP,#boutonP2
{
	margin-top:5px;
	text-align:right;
	padding-right: 25px;
}

#boutonP input,#boutonP2 input
{
	text-align:center;
	color:white;
	background-color:#000000;
	padding:3px;
	width:200px;
	border:0px;
}

/*------------------------------------------------------- FOOTER*/
#footer
{
	position:absolute;
	width:900px;
	top:50%;
	margin-top:322px;
	left:50%;
	margin-left:-450px;
}

#footer h5
{
	color:#000000;
	text-decoration:none;
	padding:2px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
}

#footer h5 a
{
	color:#000000;
}

#footer h5 a:hover, #footer h5 a:visited
{
	color:#000000;
	text-decoration:underline;
}

/*------------------------------------------------------- loader*/
#loading
{
	width:21px;
	height:21px;
	position:absolute;
	top:50%;
	margin-top:185px;
	left:50%;
	margin-left:50px;
}

/*------------------------------------------------------- jeu FLASH*/
#jeu
{
	position:absolute;
	width:366px;
	height:310px;
	top:0%;
	margin-top:-230px;
	left:50%;
	margin-left:50px;
}

#flash
{
	padding:0px;
	margin:0px;
	width:212px;
	height:212px;
	margin-top:54px;
	margin-left:72px;
}

/*------------------------------------------------------- BULLE*/
#bulle
{
	display:none;
	position:absolute;
	bottom: 4px;
	left:50%;
	margin:0px 0px 0px -223px;
	background-image:url('images/bulle_1.png');
	background-repeat:no-repeat;
	width:400px;
}

#bulle #erreurForm
{
	background-image:url('images/bulle_2.png');
	background-position:bottom;
	width:400px;
	margin-top:16px;
	font-size:1em;
}

#bulle #erreurForm p
{
	margin-top:0px;
	font-size:1em;
}

#bulle #erreurForm ul
{
	padding:5px 5px 25px 50px;
	list-style-image: url("images/img_liste.png");
}

#bulle2
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-550px;
	margin-top:-50px;
	background-color: white;
	width:900px;
	height:100px;
}

#bulle2 #erreurForm2 p
{
	text-align: center;
	font-size: 20px;
}

#bulle #erreurForm p, #bulle2 #erreurForm2 p
{
	padding:5px 5px 20px 24px;
}

/*------------------------------------------------------- POPUP*/
#pop-up
{
	visibility:hidden;
	position:absolute;
	z-index:1;
	height:400px;
	width:600px;
	border:10px solid white;
	top:50%;
	left:50%;
	margin-top:-182px;
	margin-left:-304px;
	overflow:auto;
	background-color: white;
}

#fermeture_pop-up
{
	visibility:hidden;
	z-index:1;
	position:absolute;
	width:36px;
	height:36px;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:300px;
	background-image:url('images/btn_close.png');
}

#fermeture_pop-up a
{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

#pop-up h2
{
	font-weight:normal;
	margin-bottom:10px;
	font-weight:bold;
}

#lots
{
	padding: 5px;
	border-style: none;
}
#lots table
{
	margin: 10px;
	padding: 10px;
}
#lots td.image
{
	width: 125px;
}
#lots td.text
{
	width: 400px;
	padding-left: 5px;
	padding: 5px;
	border-style: solid;
	border-left-width: 1px;
	vertical-align: top;
}

#fond_grise
{
	visibility:hidden;
	position:fixed;
	top:0px;
	height:100%;
	left:0px;
	width:100%;
	background-image:url('images/alerte_bg-color_greyalpha.png');
}
/*------------------------------------------------------- POPUP BOUTON*/
#boutonP3, #boutonP4
{

}

#boutonP3 input,#boutonP4 input
{
	
	text-align:right;
	color:white;
	background-color:#000;
	margin-top: 10px;
	padding: 3px;
	width:220px;
	margin-left:-15px;
	border:2px solid white;
}

/*------------------------------------------------------- PAGE COREG*/
#coregistration
{
	position:absolute;
	z-index:1;
	height:400px;
	width:600px;
	background-color:#fff;
	border:10px solid white;
	top:50%;
	left:50%;
	margin-top:-420px;
	margin-left:-375px;
	color:black;
	padding:10px;
}
#coregistration a, #coregistration a;hover
{
	color:black;
}

#coregistration table
{
	width:100%;
}

#coregistration tr
{
	background-image:url('images/alerte_separation.gif');
	background-position:bottom;
	background-repeat:repeat-x;
}

#coregistration td
{
	vertical-align:middle;
	padding:15px;
}

#coregistration td.text
{
	width:65%;
}

#coregistration td.image
{
	width:130px;
	text-align:center;
}

#coregistration td.choix
{
	width:200px;
	margin:0px;
	padding:0px;
}

/*------------------------------------------------------- PAGE VIRALE*/
#parrainage
{
	position:absolute;
	z-index:1;
	/*height:400px;*/
	width:350px;
	background-color:#fff;
	border:5px solid white;
	top:25%;
	left:50%;
	
	margin-left:-175px;
	color:black;
	padding:10px;
}
#parrainage img
{
	margin-left:5px;
}

/*------------------------------------------------------- PAGE REGLEMENT*/
#credits
{
	margin-top: 80px;
	text-align: center;
}
/*------------------------------------------------------- BACKUP*/