#zone_content{
  overflow:hidden;
}
#zone_result{
  position:relative;
  width:20em;
  min-height:4em;
  margin:1em auto;
  overflow:visible;
}
#zone_result span{
  display:inline-block;
  direction:rtl;
  width:4ex;
}
#zone_test{
  position:relative;
  margin:1em auto;
  width:16.5em;
  overflow:hidden;
}
#zone_test div{
  width:16em;
  height:2em;
  line-height:2em;
  border-width:1px;
  border-style:solid;
  text-align:center;
  margin-bottom:0.5em;
  float:left;
  overflow:hidden;
}
.border_0{
  border-color:#C0C0C0;
  background-color:#FAFAFA;
}
.border_1{
  border-color:#e08080;
  background-color:#FEE0E0;
}
.border_2{
  border-color:#FFCC66;
  background-color:#FEFEE0;
}
.border_3{
  border-color:#80E080;
  background-color:#E0FEE0;
}
.border_4{
  border-color:#8080E0;
  background-color:#E0E0FE;
}
#zone_test .border_0{
  cursor:pointer;
}
#zone_test .border_1{
  font-weight:bold;
  color:#F00;
}
#zone_test .border_2{
  font-weight:bold;
  color:#F80;
}
#legende ul{
  list-style:none;
  margin:0;
  margin-left:1em;
  padding:0;
}
#legende ul li{
  display:block;
  min-height:2em;
  line-height:2em;
  text-align:center;
  width:20em;
  border-width:1px;
  border-style:solid;
  margin-bottom:.25em;
}
#legende #data li{
  border-color:#C0C0C0;
  cursor:not-allowed;
}
.saisie{
  padding:0;
  font-size:1em;
  text-align:center;
  border:0px;
  background-color:#FEE0E0;
  line-height:2em;
  height:2em;
  width:100%;
  outline-color:#D04B89;
}