body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
.oneColFixCtr #container {
	width: 982px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	height:566px;

	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.oneColFixCtr #mainContent {
	padding: 5px 5px 0px 5px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}

#header {
	float:left;
	width:969px;
	height:161px;
	background:url(images/header.jpg);
}

#dejamembre
{
	float:right;
	margin:21px 25px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;	
}

#header_accroche
{
	float:left;
	text-align:center;
	margin-top:30px;
	margin-left:35px;
}

#bas_header{
	float:left;
	width:969px;
	height:96px;
	background:url(images/bas_header.jpg);
}

#contenu_bas_header{
	float:left;
	margin-left:30px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#credits{font-size:10px;color:#1a37f3;text-align:left;width:920px;margin:0 auto;}

#credits a{color:#1a37f3;text-decoration:none;}

#nav {font-size:10px;text-align:left;color:#1a37f3;width:920px;margin:0px auto;}

#nav a {color:#1a37f3;font-size:11px;text-decoration:none;}


/* Style pour le formulaire */

#form {
	float:left;
	height:299px;
	width:315px;
	background:url(images/form.jpg);
}

#formulaire{
	float:left;
	height:270px;
	width:280px;
	margin:10px 5px 5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:right;
}


#formulaire #sex{background:url(images/input.jpg) no-repeat;font-size:14px;font-weight:bold;height:20px;width:180px;padding-left:15px;padding-top:4px;border:0px;margin:10px 0px 10px 0px;}

#formulaire #pseudof, #formulaire #password2, #formulaire #email, #formulaire #city {width:170px;padding-left:10px;padding-top:5px;border:0px;margin:0px 0px 0px 0px;}

.pform{margin:0px 0px 10px 0px;height:20px;}
.pform2{margin:0px 0px 10px 0px;height:20px;}

select, input {font-size:12px;}

.div_erreur {height:20px;width:170px;text-align:center;margin:0px 0px 0px 0px;vertical-align:top;}
.nom_erreur {font-weight:bold; background-color:#000000;color:#ff0000;}
#erreur_ville, #erreur_mail{display:none;}

#cgu {font-size:11px;color:#cccccc;margin:0px 3px 0 0;}
#pcgu{margin:10px 20px 0px 0px;font-size:10px;color:#666666;font-size:11px;vertical-align:middle;height:15px;}
#pcgu a {color:#ff0000;font-size:11px;text-decoration:none;}
#prevstep2 {margin:5px 20px 0px 0px;}

.actif {background:url(images/input.jpg) no-repeat; font-weight:bold;height:20px;width:170px;}
.repos {background:url(images/input.jpg) no-repeat; height:20px;width:170px;}
.erreur {background:url(images/inputwrong.jpg) no-repeat; height:170px;}

.actif2 {background:url(images/input.jpg) no-repeat; font-weight:bold;height:14px;width:100px;}
.repos2 {background:url(images/input.jpg) no-repeat; font-weight:bold;height:14px;width:100px;font-weight:100;}

#photo {
	float:left;
	width:654px;
	height:299px;
	background:url(images/photo.jpg);
}