/*** GENERAL ***/

/* Le formulaire */
form#quotation {
	text-align:center;
}

/* Le bouton de validation */
form#quotation p input#submit {
	display:block;
	position:relative;
	float:none;
	clear:left;
	width:auto;
	height:auto;
	margin:10px auto 0 auto;
	color:#000;
	font-weight:bold;
	cursor:pointer;
}

/* Tout champs du formulaire en cours de saisie */
form#quotation table input.focusedField, form#quotation table textarea.focusedField, form#quotation table select.focusedField {
	background-color:#FFF;
}

/* Tout champs erroné du formulaire */
form#quotation table input.errorField, form#quotation table textarea.errorField, form#quotation table select.errorField {
	margin:0;
    border:1px #D9302F solid;
    background-color:#FFDFDF;
    color:#000;
}

/* Tout champs du formulaire */
form#quotation table td.field input, form#quotation table td.field textarea, form#quotation table td.field select {
	width:auto;
	font-size:14px;
	padding:4px;
}

/* Tout bouton radio / case à cocher du formulaire */
form#quotation table td.field input.radio, form#quotation table td.field input.checkbox {
	border:0;
	background-image:none;
}

/* Paragraphe affichant le message de confirmation après traitement */
p.success {
	display:block;
	position:relative;
	float:none;
	clear:left;
	width:570px;
    margin:2px auto;
    padding:2px;
    text-align:center;
    font-size:12px;
	font-family:verdana, arial, sans-serif;
    font-weight:bold;
    color:#328D04;
    background-color:#DFFFDF;
    border:1px #328D04 solid;
}

/* Message d'alerte */
p.alerte {
	display:block;
	position:relative;
	float:none;
	clear:left;
    width:auto;
	width:570px;
    margin:2px auto;
    padding:2px;
    text-align:center;
    border:1px #D9302F solid;
    background-color:#FFDFDF;
    color:#D9302F;
    font-size:12px;
	font-family:verdana, arial, sans-serif;
    font-weight:bold;
}

form#quotation fieldset {
	width:580px;
	margin:10px auto;
	padding:2px;
	border:1px #8BB7E9 solid;
}

form#quotation fieldset legend {
	font-size:14px;
	font-weight:bold;
	color:#8BB7E9;
	font-family:Arial, Helvetica, sans-serif;
}

form#quotation fieldset table {
	margin:0 auto;
	padding:0;
	width:570px;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}

form#quotation fieldset table td {
	padding:4px;
	border:0;
	text-align:left;
	color:#FFF;
}

form#quotation fieldset table td.label {
	width:365px;
}

form#quotation fieldset table td.field {
	width:100px;
}

form#quotation fieldset table td.field2 {
	width:100px;
	text-align:right;
}

form#quotation fieldset table td.label2 {
	width:464px;
	text-align:right;
	font-weight:bold;
}

/*** ETAPE 1 ***/

form#quotation fieldset#stay table {
	margin:0;
	padding:0;
	width:570px;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}

form#quotation fieldset#stay table td {
	padding:0;
	border:0;
}

form#quotation fieldset#stay table td.label {
	width:400px;
}

form#quotation fieldset#stay table td.field {
	width:350px;
}

/*form#quotation fieldset#person, form#quotation fieldset#bicycle, form#quotation fieldset#car, form#quotation fieldset#total {
	display:none;
}*/

/*** ETAPE 2 ***/

form#quotation fieldset#stay-confirmation {
	width:620px;
}

form#quotation fieldset#stay-confirmation table {
	margin:0;
	padding:0;
	width:620px;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}

form#quotation fieldset#stay-confirmation table td.label, form#quotation fieldset#stay-confirmation table td.label2 {
	width:340px;
	white-space:nowrap;
}
form#quotation fieldset#stay-confirmation table td.field {
	width:270px;
}
form#quotation fieldset#stay-confirmation table td.field2 {
	width:100px;
}
form#quotation fieldset#stay-confirmation table td.field3 {
	width:100px;
	font-weight:bold;
	text-align:right;
}

form#quotation fieldset#customer, form#quotation fieldset#message {
	width:300px;
	height:280px;
	position:relative;
	float:left;
}
form#quotation fieldset#customer {
	margin-left:105px;
	margin-right:20px;
}

form#quotation fieldset#customer table,
form#quotation fieldset#message table {
	margin:0;
	padding:0;
	width:300px;
	border:0;
	border-spacing:1px;
	border-collapse:separate;
}

form#quotation fieldset#customer table td.label {
	width:200px;
}
form#quotation fieldset#message table td.label {
	width:295px;
}
form#quotation fieldset#customer table td.field,
form#quotation fieldset#message table td.field {
	width:100px;
}