.cssform * {

	padding:0;

	margin:0;

}

.cssform { 

	width: 500px; 

	margin: 0 auto;

	padding: 4px;

	position: relative;

	text-align:left;

}

.cssform #pict {

	top: 50px;

	right: 10px;

	z-index:0;

	width:128px;

	height:128px;

	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 {

	margin: 8px 0;

	border: 1px solid #333333;

	padding: 4px;

	padding-bottom: 25px;

}

.cssform legend {

	font-weight: bold;

	font-size: 20px;

	padding: 0px 8px;

	margin: 8px;

	color: #666666;

}

.cssform .par{

	text-align: center;

	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: 24px;

	width: 100px;

}

.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, .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 textarea {

	width: 320px;

	height: 160px;

}

.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;

	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; }
