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

.cssform *{margin:0;padding:0;}
.cssform{width:100%;position:relative;margin:0 auto;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{font-size:1.1em;font-weight:bold;margin:0;padding:0;color:#775424;}
.cssform label{width:100px;float:left;position:relative;text-align:right;font-weight:bold;padding:0 24px 0 0;}
.cssform label .warning{position:absolute;color:#775424;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 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 3px;color:#fff;background:#775424;border:1px solid #775424;cursor:pointer;font-size:0.9em;text-transform:uppercase;font-weight:normal;}


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

.cssform #infosOblig{text-align:right;}
.cssform #infosOblig .warning{color:#775424;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 #775424;}

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

.textfieldRequiredState .textfieldRequiredMsg,.textfieldInvalidFormatState .textfieldInvalidFormatMsg{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;}