/* -------------------------------------------------------------- 
   
   forms.css
   * Définition des classes pour les forumulaires
   
-------------------------------------------------------------- */

.cssform *{margin:0;padding:0;}
.cssform{width:550px;position:relative;margin:0;padding:0;font-size:0.9em;}

.cssform #pict{width:128px;height:128px;position:absolute;top:50px;right:10px;z-index:0;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:none;margin:0;padding:0;}
.cssform legend{display:none;}
.cssform label{width:150px;float:left;position:relative;text-align:right;font-weight:bold;padding:0 24px 0 0;}
.cssform label .warning{position:absolute;color:red;font-weight:normal;margin:0 0 0 3px;}


/* Champs de formulaires
-------------------------------------------------------------- */

.cssform .par{text-align:center;margin:0 0 20px -10px;}
.cssform .par *{border:none;}
.cssform .secu{margin-top:15px;}
.cssform form fieldset div{margin:4px 0 0;}
.cssform input,.cssform textarea{color:#000;border:1px solid #000;}
.cssform input:focus,.cssform textarea:focus{background:#eee;outline:1px solid #ccc;border-color:#ccc;}
.cssform textarea{width:320px;height:160px;}
.cssform input.formbutton{width:100px;height:20px;margin:0 0 8px;padding:0 0 2px;color:#333;background:#fff;border:1px solid #999;cursor:pointer;font-size:1em;font-weight:bold;}


/* Erreurs, messages
-------------------------------------------------------------- */

.cssform #infosOblig{text-align:right;}
.cssform #infosOblig .warning{color:red;font-weight:normal;margin:0 0 0 -7px;}

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

.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:#c33;}

.textareaRequiredState .textareaRequiredMsg,.textareaMinCharsState .textareaMinCharsMsg,.textareaMaxCharsState .textareaMaxCharsMsg,.textfieldRequiredState .textfieldRequiredMsg,.textfieldInvalidFormatState .textfieldInvalidFormatMsg,.textfieldMinValueState .textfieldMinValueMsg,.textfieldMaxValueState .textfieldMaxValueMsg,.textfieldMinCharsState .textfieldMinCharsMsg,.textfieldMaxCharsState .textfieldMaxCharsMsg{font-size:90%;color:#fff;text-align:center;font-weight:bold;border:1px solid red;background:url(/images/contact/error.gif) no-repeat right center #900;margin:5px 0;}

.textfieldValidState .validMsg{display:inline;}

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

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