/*** 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 0px auto;
	color : #000000;
	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 : 0px;
    border : 1px #D9302F solid;
    background-color : #FFDFDF;
    color : #000000;
}

/* 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 : 11px;
}

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

/* Paragraphe affichant le message de confirmation après traitement */
p.success {
	display : block;
	position : relative;
	float : none;
	clear : left;
    width : 400px;
    margin : 2px auto 2px auto;
    padding : 2px;
    text-align : center;
    font-size : 11px;
	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;
    margin : 2px auto 2px auto;
    padding : 2px;
    text-align : center;
    border : 1px #D9302F solid;
    background-color : #FFDFDF;
    color : #D9302F;
    font-size : 11px;
	font-family : verdana, arial, sans-serif;
    font-weight : bold;
}

form#quotation fieldset {
	width : 520px;
	margin : 10px auto 10px auto;
	padding : 0px;
	border : 1px #000000 solid;
}

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

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

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

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

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 : 414px;
	text-align : right;
	font-weight : bold;
}

/*** ETAPE 1 ***/

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

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

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

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 : 520px;
}

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

form#quotation fieldset#stay-confirmation table td.label {
	width : 160px;
}
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 : 250px;
	height : 280px;
	position : relative;
	float : left;
}
form#quotation fieldset#customer {
	margin-left : 90px;
	margin-right : 20px;
}

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

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