.cssform { width: 820px;
 position: relative;
}
.cssform #pict {
 bottom: 90px;
 right: 9px;
 z-index:0;
 width:128px;
 height:128px; z-index:100;
 position:absolute;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contact/mail.png', sizingMethod='crop');
}
.cssform #pict[id] {
 background-image:url(/images/contact/mail.png);
}
.cssform fieldset {
 border: 0px solid #333333;
}
.cssform legend {
 display:none;
}
.cssform .par{
 text-align: left;
 margin-left:145px;
 margin-bottom:20px;
}
.cssform .par * {
 border: none;
}
.cssform form fieldset div { 
 margin: 4px 0;
}
.cssform #infosOblig {
 text-align:right;
}
.cssform label {
 font-weight: bold;
 float: left;
 position: relative;
 text-align: right;
 padding-right: 15px;
 width: 130px;
}
.cssform label .warning {
 position: absolute;
 color:#FF0000;
 margin-left:3px;
 font-weight:normal;
}
.cssform #infosOblig .warning {
 color:#FF0000;
 margin-left:-7px;
 font-weight:normal;
}

.cssform input, .cssform textarea {
 color:#000; border:1px solid #000;
 
}
.cssform input:focus, .cssform textarea:focus { 
 background-color: #eee; border-color: #ccc; outline: 1px solid #ccc;
}
.cssform input.formbutton {
 cursor:pointer;
 border:1px outset #999999;
 color:#333333;
 font-weight:bold;
 background:#FFFFFF;
 margin-bottom: 8px;
 font-size:1em;
 height:20px;
 width:100px;
}


.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
 display: none; }

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
 display: block; 
 margin: 5px 0; width: 40%;
 font-size: 90%;
 line-height: 16px;
 color : #fff; 
 text-align: center;
 font-weight: bold;
 border: #FF0000 solid 1px; }

.textfieldValidState input, input.textfieldValidState {
 border: 2px solid #0c0; }

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
 border: 2px solid  #c00; }

.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel {
 color: #CC3333; }

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg {
 margin: 5px 0;
 font-size: 90%;
 color : #fff; 
 text-align: center;
 font-weight: bold;
 border: #FF0000 solid 1px;
 background: #900 url(/images/contact/error.gif) no-repeat center right; }

.validMsg {
 display:none; }

.textfieldValidState .validMsg {
 display:inline; }

.textfieldFlashText input, input.textfieldFlashText {
 color: red !important; }
 

#spryMsg label {
position:absolute; left:300px; top:40px;
}

#spryMsg textarea {
 width:370px;
 height: 180px;
 position: absolute; top: 40px; right: 0px;
}

#sprySecu label {}

.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{display:block;font-size:90%;line-height:16px;color:#fff;text-align:center;font-weight:700;background:#900 url(/images/contact/error.gif) no-repeat center right;border:red solid 1px;margin:5px 0;}


@charset "UTF-8";
/* SpryValidationConfirm.css - version 0.1 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}