/*
 * If a checkbox is needed, this conditional comment code should be added
 * to the HEAD in order to display properly under IE 5.5:
 * <!--[if lte IE 5.5]>
 * <style type="text/css">
 * form.simple label.checkbox { width: 29em; }
 * </style>
 * <![endif]-->
 */

/* Les champs sont regroupés par cadre. */
form.simple fieldset {
  margin-bottom: 0.6em;
  padding: 0.2em 1em 1em 1em;
  border: 1px solid #D0D0D0;
}

/* Titre des cadres de champs. */
form.simple fieldset legend {
  font-size: 140%;
  font-weight: normal;
  color: #6090C0;
  padding: 0 6px;
}

/* Cancel any previously defined float. Every <label><input> sequence must be followed by <br>. */
form.simple br {
  clear: left;
}

/* Hidden fields shall have 'class="hidden"' and shall not be followed by <br>. */
form.simple input.hidden {
  clear: left;
  margin-bottom: 0;
}

/* Les libellés sont placés en colonne à gauche. */
form.simple label, form.simple input, form.simple select {
  display: block;
  float: left;
  width: 13em;
  margin-bottom: 0.5em;
}

form.simple label {
  width: 12em;
  padding-right: 1em;
  text-align: right;
}

form.simple label.required { font-weight: bold; }

form.simple label.checkbox {
  padding-left: 13em;
  padding-right: 0;
  text-align: left;
  width: 15em;
}

form.simple label.checkbox input {
  display: inline;
  float: none;
  width: auto;
  margin: 0 4px 0 0;
}

/* For fields we don't want to right align (to save space). */
form.simple label.notAligned {
  width: auto;
  text-align: left;
}

/* Radio buttons outside of normal form flow. */
form.simple label.outsideRadio {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 80%;
}

form.simple label.outsideRadio input {
  display: inline;
  float: none;
  width: auto;
  margin: 0 4px 0 0;
}

/* Libellés des champs larges de type textarea. */
form.simple label.above {
  float: none;
  width: auto;
  padding: 0 0 2px 0;
  text-align: left;
}

/* Largeur uniforme des champs ordinaires. */
form.simple input, form.simple select, form.simple textarea {
  font-family: "Lucida Sans", Tahoma, Arial, sans-serif;
  font-size: 10pt;
  width: 14em;
}

/* For input (and input buttons) we don't want to spread to fixed width. */
form.simple input.auto {
  width: auto;
}

/* Il faut ajouter la classe .above aux labels des champs larges
 * sans quoi ils sont alignés sur les champs ordinaires.
 */
form.simple input.large, form.simple select.large, form.simple textarea.large {
  width: 28em;
}

/* Coloration du champ ayant le focus. */
form.simple input:focus, form.simple textarea:focus { background-color: #FFE87F; }

form.simple fieldset.submit { border: none; }
form.simple fieldset.submit legend { display: none; }
form.simple fieldset.submit div { margin-left: 25%; }
form.simple fieldset.submit div input { width: auto; }
form.simple fieldset.submit a { border: none; }
form.simple fieldset.submit img { display: inline; }

form.simple ul { margin-top: 0.4em; }
form.simple li { margin-bottom: 1em; }
form.simple li.last {margin-bottom: 0; }

/* Notes marginales (elles sont définies globalement dans alterimago.css). */
form.simple fieldset div.notes { width: 160px; }

/* Submit buttons at the bottom. */
form.simple fieldset.submit { margin: 0; padding: 0; border: 0 none; background-color: transparent; }
form.simple fieldset.submit legend { display: none; }
form.simple fieldset.submit input, 
form.simple fieldset.submit a {
  display: block;
  width: auto;
  float: left;
  margin: 0 0 0 12px;
  padding: 0;
}

/* Strong text on the right of submit buttons in checkout procedure. */
form.simple fieldset.submit strong { margin-left: 1em; }

/* Tableau à l'intérieur d'un fieldset. */
table.options {
  width: 100%;
  margin-bottom: 0.4em;
  border-collapse: collapse;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva, sans-serif;
  font-size: 10pt;
  line-height: 14pt;
  color: #306090; /* IE5 hack: I don't understand why this is not inherited. */
}

table.options caption { text-align: left; font-weight: bold; border-bottom: 1px solid #D0D0D0; }
table.options thead td { font-weight: bold; }
table.options td { padding-top: 3px; border-bottom: 1px solid #D0D0D0; }