body {
        background-color: #c4a787;
        margin-top: 10px;
	margin-left: 20px;
        font-family: "Gill Sans", sans-serif;   
}

.date {
  margin-left: 2px;
}

#pseudo, #key {
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 300px; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 20px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  margin-top: 7px;
}

#soldes {
  border-collapse: collapse; /* Collapse borders */
  width: 50%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 16px; /* Increase font-size */
  background-color: #DFCFBE;
}

#soldes th, #soldes td {
  text-align: left; /* Left-align text */
  padding: 8px; /* Add padding */
}

#soldes tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#soldes tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

#soldes th {
  /* Add a grey background color to the table header and on hover */
  background-color: #B69776;
  cursor: pointer;
  top: 0px;
}

#splw {
  margin-left: 20px;
}