/* formulaire
*********************/
#content .skinnedForm{
  padding: 0;
  margin: 0;
  text-align: right;
  width: 458px;
  }
#content #formConnect{
  width: auto;
  margin: 0;/*0 0 0 60px*/
  }
#content #formConnect_extra{
  width: 300px;
  margin: 0 auto;
  }

/* labels
*********************/
#content .skinnedForm label{
  font: 10px/20px Arial, Helvetica, sans-serif;
  margin: 0 5px 0 0;
  color: #555;
  }

/* rowinput_m
*********************/
#content .skinnedForm .rowinput_m,
#content .skinnedForm .rowinput_m-with-focus,
#content .skinnedForm .rowinput_m-with-error{
  padding: 4px;
  height: 21px; /* height_img - boxpaddings */
  background: url(../images/forms/form_input_m.png) 100% 0px no-repeat;
  }
#content .skinnedForm .rowinput_m-with-focus{
  background-position: 100% 50%;
  }
#content .skinnedForm .rowinput_m-with-error{
  background-position: 100% 100%;
  }
#content .skinnedForm .rowinput_m input,
#content .skinnedForm .rowinput_m-with-focus input,
#content .skinnedForm .rowinput_m-with-error input{
  background: none;
  width: 189px; /* width_img - boxpaddings - areapaddings */
  height: 21px; /* height_img - boxpaddings - areapaddings */
  padding: 0 5px;
  border: none;
  font: 11px/19px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content .skinnedForm .rowinput_m-with-focus input{
  color: #000;
  }
#content .skinnedForm .rowinput_m-with-error input{
  color: #F00;
  }

/* textarea_large_s
*********************/
#content .skinnedForm .rowtextarea_large_s,
#content .skinnedForm .rowtextarea_large_s-with-focus,
#content .skinnedForm .rowtextarea_large_s-with-error{
  padding: 4px;
  height: 71px; /* height_img - boxpaddings + line-height_label */
  background: url(../images/forms/form_textarea_large_s.png) 0% 20px no-repeat; /* line-height_label */
  }
#content .skinnedForm .rowtextarea_large_s-with-focus{
  background-position: 50% 20px;
  }
#content .skinnedForm .rowtextarea_large_s-with-error{
  background-position: 100% 20px;
  }
#content .skinnedForm .rowtextarea_large_s textarea,
#content .skinnedForm .rowtextarea_large_s-with-focus textarea,
#content .skinnedForm .rowtextarea_large_s-with-error textarea{
  background: none;
  width: 444px; /* width - boxpaddings - areapaddings */
  height: 51px; /* height - boxpaddings - areapaddings */
  padding: 0 0 0 5px;
  border: none;
  font: 11px/19px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content .skinnedForm .rowtextarea_large_s-with-focus textarea{
  color: #000;
  }
#content .skinnedForm .rowtextarea_large_s-with-error textarea{
  color: #F00;
  }

/* textarea_large_m
*********************/
#content .skinnedForm .rowtextarea_large_m,
#content .skinnedForm .rowtextarea_large_m-with-focus,
#content .skinnedForm .rowtextarea_large_m-with-error{
  padding: 4px;
  height: 115px; /* height_img - boxpaddings + line-height_label */
  background: url(../images/forms/form_textarea_large_m.png) 0% 20px no-repeat; /* line-height_label */
  }
#content .skinnedForm .rowtextarea_large_m-with-focus{
  background-position: 50% 20px;
  }
#content .skinnedForm .rowtextarea_large_m-with-error{
  background-position: 100% 20px;
  }
#content .skinnedForm .rowtextarea_large_m textarea,
#content .skinnedForm .rowtextarea_large_m-with-focus textarea,
#content .skinnedForm .rowtextarea_large_m-with-error textarea{
  background: none;
  width: 444px; /* width - boxpaddings - areapaddings */
  height: 95px; /* height - boxpaddings - areapaddings */
  padding: 0 0 0 5px;
  border: none;
  font: 11px/19px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content .skinnedForm .rowtextarea_large_m-with-focus textarea{
  color: #000;
  }
#content .skinnedForm .rowtextarea_large_m-with-error textarea{
  color: #F00;
  }

/* rowselect_m
*********************/
#content .skinnedForm .rowselect_m,
#content .skinnedForm .rowselect_m-with-focus,
#content .skinnedForm .rowselect_m-with-error{
  padding: 2px 4px;
  height: 25px; /* height_img - boxpaddings */
  background: url(../images/forms/form_input_m.png) 100% 0px no-repeat;
  }
#content .skinnedForm .rowselect_m-with-focus{
  background-position: 100% 50%;
  }
#content .skinnedForm .rowselect_m-with-error{
  background-position: 100% 100%;
  }
#content .skinnedForm .rowselect_m select,
#content .skinnedForm .rowselect_m-with-focus select,
#content .skinnedForm .rowselect_m-with-error select{
  background: none;
  width: 189px; /* width_img - boxpaddings - areapaddings */
  height: 17px; /* height_inner_img - boxpaddings - areapaddings */
  margin: 0 5px;
  border: none;
  font: 11px/19px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content .skinnedForm .rowselect_m-with-focus select{
  color: #000;
  }
#content .skinnedForm .rowselect_m-with-error select{
  color: #F00;
  }
#content .skinnedForm option{
  background: #FFF;
  }

/* radio
*********************/
/* --- to update ---
#content .skinnedForm .rowradio{
  padding: 5px 0;
  }
#content .skinnedForm .rowradio p{
  text-align: right;
  margin: 0 5px 5px 0;
  padding: 0;
  font: 10px Arial, Helvetica, sans-serif;
  }
#content .skinnedForm .rowradio label{
  vertical-align: middle;
  margin: 0 0 0 5px;
  }
#content .skinnedForm .rowradio input{
  vertical-align: middle;
  }
*/

/* checkbox
*********************/
/* --- to update ---
#content .skinnedForm .rowcheckbox{
  padding: 5px 0;
  }
#content .skinnedForm .rowcheckbox p{
  text-align: right;
  margin: 0 5px 5px 0;
  padding: 0;
  font: 11px Arial, Helvetica, sans-serif;
  }
*/

/* input submit
*********************/
#content .skinnedForm .rowsubmit input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  }
#content .skinnedForm .rowsubmit input:focus{
  outline: none;
  }

/* styles annexes
*********************/
#content .champRequis{
  color: #F00;
  }
#content .small{
  font: 9px Arial, Helvetica, sans-serif;
  }