/*----------------------------------------------------------
	Form-page CSS
	Main styles for all the website

	Project:		My Project
	Author:			My Name
	Summary :
		Main page components
		Account nav
		Form-page
----------------------------------------------------------*/



/* ================================
 * !Main page components
 * ================================*/

/* ================================
 * !Account nav
 * ================================*/
#account-nav { margin:10px 10px -1px; position:relative; overflow:hidden; }
.ie6 #account-nav { zoom:1; }

#account-nav li { background:url(/image/generic/main-sprite.png) no-repeat -600px -339px; cursor:pointer; float:left; font-size:1.1em; font-weight:normal; height:15px; margin-right:3px; overflow:hidden; padding:2px 10px; position:relative; text-align:center; }
#account-nav li.active { background-position:-600px -362px; color:#E6232B; z-index:1; }
	#account-nav li span { background:url(/image/generic/main-sprite.png) no-repeat -800px -339px; height:19px; position:absolute; right:0; top:0; width:3px; }
	#account-nav li.active span { background-position:-800px -362px; }

/* ================================
 * !Form-page
 * ================================*/
 
.part1 .inner { padding:0 20px; }
 
/* !Titles */
#form-page form h4 { clear:both; font-weight:bold; font-size:1.3em; margin:20px 0 10px; }
.ie #form-page { zoom:1; }


/* !Forms */
#form-page form { background:#F5F5F5; border:1px solid #DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 -10px; padding:0 20px 20px; position:relative; }
#form-page form fieldset div { clear:both; display:block; overflow:hidden; padding-top:5px; }
.ie #form-page form fieldset div { padding-top:3px; }
#form-page form legend span { position:absolute; text-indent:-9999em; }
#form-page form label { display:block; float:left; font-size:1.1em; font-weight:bold; line-height:normal; margin:0 10px 0 0; padding:3px 0; width:140px; }
#form-page form label span { font-weight:normal; font-size:0.8em; }
#form-page form label.second { text-align:right; }
#form-page form input, #form-page form select { border-color:#7F9DB9; float:left; zoom:1; margin:0 10px 0 0; padding:2px; width:167px; }
#form-page form select { padding:1px 0; width:173px; }
#form-page form select option { border:0; margin:0; padding:0 0 0 2px; }
#form-page form input.birth { width:45px; text-align:center; }
#form-page form input.large, #form-page form textarea { width:491px; }
#form-page form select.large { width:497px; }
#form-page form div.check { margin-top:40px; }
#form-page form div.check input,  #form-page form div.check label { width:auto; display:block; padding:0; margin:3px 0; }
#form-page form div.check input { clear:left; border:0; margin-right:5px; }
#form-page form div.check label { width:90%;   }

#form-page form input.completed-value { background:#f5f5f5; border:solid #F5F5F5; border-width:1px 0; font-weight:bold; padding-left:0; }
#form-page form .info { display:block; float:left; font-size:1.1em; padding-top:3px; }

#form-page form fieldset div.box-buttons { text-align:center; font-size:0; }
#form-page form button { background:url(/image/block/registration/sprite_buttons.gif) no-repeat; height:33px; margin:15px auto 0; width:140px; }

#form-page form button.bt_submit { background:url(/image/generic/submit.png) no-repeat; display:block; height:23px; width:120px; }
#form-page form button.bt_reset { }   /* nouvelle image "Annuler" à créér dans sprite_buttons.gif + positionner */

#form-page p { font-size:1.1em; }
#form-page p.legend { margin-top:30px;}
#form-page p.legal { font-size:1em; margin-top:15px; }

#form-page #villeInfo { clear:none; float:left; padding:0; }
	#form-page #villeInfoDiv { padding:0; width:580px; }
		#form-page #villeInfo p { float:left; overflow:hidden; width:240px; }
			#form-page #villeInfo input { margin-right:5px; width:auto; }
			#form-page #villeInfo label { padding:0; width:200px; }
			#form-page #villeInfo span { font-size:1.2em; font-weight:bold; }