.component, .component * { margin: 0; padding: 0; }

.component ul { list-style-type: none; }

.component img { border: none; vertical-align: top; }

.component a { color: #7da1bc; }

.component input, .component select, .component textarea {
  color: #696762;
  font-family: arial,verdana,helvetica,sans-serif; font-size: 11px;
}

/* corners */
.component .topLeft, .component .topRight, .component .bottomLeft, .component .bottomRight {
  position: absolute; width: 20px; height: 20px; z-index: 1000;
  background: transparent none top left no-repeat;
}
.component .topLeft { left: 0; top: 0; background-position: top left; }
.component .topRight { right: 0; top: 0; background-position: top right; }
.component .bottomLeft { left: 0; bottom: 0; background-position: bottom left; }
.component .bottomRight { right: 0; bottom: 0; background-position: bottom right; }

.component .clear {
  clear: both; height: 0; overflow: hidden;
  font-size: 1px; line-height: 1px;
}

.component select, .component textarea, .component input[type="text"] {
  border-color: #C7C8CC #ECF0F4 #ECF0F4;
  border-width: 1px; border-style: solid;
  font-size: 11px; color: #696762;
}

.component select option { padding-left: 5px; }
.component select option[value=""] { font-weight: bold; padding-left: 0; }


.bleu { background-color: #ddf; }
.rouge { background-color: #fdd; }