/**

  CSS for forms

*/


  form {
    border: 0;
    font-size: 1em;
    margin: 0;
    padding: 0;
  }

  fieldset {
  }

  legend {
  }

  div.formulaire {
    background: url('images/bg-form-gradient.jpg') center left repeat-x #825100;
    border: medium groove #936200;
    color: #fff;
    margin: 2em auto;
    padding: 0 10px 0 10px;
    width: 90%;
  }

  div.formulaire * {
    border: 0;
    font: normal 1.2em times, garamond, serif;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  div.formulaire div.champ {
    clear: both;
  }

  div.formulaire div.boutons {
    clear: both;
    margin: 0.5em 0;
  }
  
  div.formulaire p {
    margin: 0.5em 0;
  }

  div.gauche {
    text-align: left;
  }

  div.centrer {
    text-align: center;
  }

  div.droite {
    text-align: right;
  }

  div.justifier {
    text-align: justify
  }

  div.spacer {
    display: inline;
    margin: 0 1em;
    width: 0;
  }

  div.formulaire div.label {
    border: 0;
    clear: both;
    display: block;
    margin: 1em 0 0 0;
    padding: 0;
    text-align: left;
  }
  
  div.formulaire div.label * {
    font-size: inherit;
  }

  label {
  }

  div.formulaire label {
    border: 0;
    display: inline;
    margin: 0.5em 0 0.2em 0;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
  }

  div.formulaire label.checkbox {
    vertical-align: bottom;
  }

  input {
  }

  div.formulaire input {
    font-family: monospace;
    margin: 0.1em 0 0.5em 0;
    padding: 0.3em 0.1em;
  }

  input[type=text] {
  }

  input[type=password] {
  }

  div.formulaire input[type=text],
  div.formulaire input[type=password],
  div.formulaire textarea {
    background: #faf8e9;
    border: thin inset #faf8e9;
    clear: both;
    color: #333;
    display: block;
    padding: 1px;
    width: 100%;
  }
  
  div.formulaire textarea {
    font-family: monospace;
  }

  input[type=radio] {
  }

  div.formulaire input[type=radio] {
    border: 0;
    display: inline;
    font-size: 0;
    margin: 0 0 0 0.5em;
    padding: 0;
    position: relative;
    vertical-align: middle;
  }

  input[type=radio][checked] {
  }

  input[type=checkbox] {
  }

  div.formulaire input[type=checkbox] {
    border: 0;
    display: inline;
    font-size: 0;
    margin: 0 0 0 0.5em;
    padding: 0;
    position: relative;
    vertical-align: middle;
  }

  input[type=checkbox][checked] {
  }

  input[type=file] {
  }

  input[type=button] {
  }

  input[type=submit] {
  }

  div.formulaire input[type=submit] {
    background: #faf8e9;
    border: thin outset #777;
    color: #333;
    display: inline;
    font: normal 1em sans-serif;
    line-height: 1.2em;
    margin: 0.5em 0;
    padding: 0.3em 0.1em;
    text-align: center;
  }

  div.formulaire input[type=submit]:hover {
    background: #f17c0b;
    color: #fff;
  }

  input[type=reset] {
  }

  div.formulaire input[type=reset] {
    background: #faf8e9;
    border: thin outset #777;
    color: #333;
    display: inline;
    font: normal 1em sans-serif;
    line-height: 1.2em;
    margin: 0.5em 1em 0.5em 0;
    padding: 0.3em 0.1em;
    text-align: center;
  }

  div.formulaire input[type=reset]:hover {
    background: #f17c0b;
    color: #fff;
  }

  div.formulaire input[disabled] {
    background: #777;
    color: #ddd;
    font-style: oblique;
  }

  input[type=image] {
  }

  input[type=hidden] {
    display: none;
  }

  textarea {
  }

  div.formulaire select {
    background: #faf8e9;
    color: #333;
    font-size: inherit;
    line-height: inherit;
  }

  div.formulaire option {
    font-size: inherit;
    line-height: inherit;
    padding: 0 3px;
  }

  option[selected] {
  }

  optgroup {
  }

  div.formulaire a:link,
  div.formulaire a:visited {
    color: #ccc;
  }

  div.formulaire a:hover,
  div.formulaire a:active {
    color: #fff;
  }


  /*-------------------------------- CAPTCHA SECTION -------------------------*/

  div.formulaire div.captcha_object,
  div.captcha_object {
    background: #000;
    color: #fff;
    float: right;
    font: bold 16pt arial, helvetica, sans-serif;
    margin: 0.3em 0;
    padding: 0.2em 0.1em;
    text-align: center;
    vertical-align: middle;
  }

  div.formulaire div.captcha_object *,
  div.captcha_object * {
    font: inherit;
    margin: 0 0.1em;
    padding: 0 0.2em;
  }

  div.formulaire div.captcha_object .a1,
  div.captcha_object .a1 {
    background: #f00;
  }

  div.formulaire div.captcha_object .a2,
  div.captcha_object .a2 {
    background: #0c0;
  }

  div.formulaire div.captcha_object .a3,
  div.captcha_object .a3 {
    background: #00f;
  }


  /*------------------------------- LOGINBAR SECTION -------------------------*/

  div.loginbar {
    background: transparent;
    border: 0;
    color: #333;
    line-height: 1em;
    margin: 1em 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
  }

  div.loginbar * {
    background: #fff;
    border: thin solid #aaa;
    clear: none;
    color: #333;
    display: inline;
    font-size: 0.85em;
    line-height: 1em;
    margin: 0;
    padding: 1px;
  }

  div.loginbar input[type=text],
  div.loginbar input[type=password] {
    text-align: left;
    width: 80px;
  }
  
  * html div.loginbar input[type=text],
  * html div.loginbar input[type=password] { /* hack for IE 5.x / IE 6 */
    width: 6em;
  }

  div.loginbar input[type=submit] {
    text-align: center;
    width: auto;
  }
  
  * html div.loginbar input[type=submit] { /* hack for IE 5.x / IE 6 */
    width: 3em;
  }

  div.loginbar input[type=submit]:hover {
    background: #a47300;
    color: #fff;
  }