ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 5px solid grey;
    margin: 0px;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #FFFFFF;
    margin: 2px 2px 0px 2px;
    border: 1px solid grey;
}

ul#tabnav li.encours {
    /*border-bottom: 1px solid grey;*/
}

body#tab1 li.accessible, body#inaccessible li.inaccessible {
    /*border-bottom: 1px solid #fff;*/
    background-color: #fff;
}

body#tab1 li.accessible a, body#encours li.encours a, body#inaccessible li.inaccessible a {
    color: #000;
}

#tabnav a,div.encours,div.inaccessible {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

#tabnav div.encours,
#dragndrop div.encours {
    color: #FFFFFF;
    background: grey;
    border-bottom: none;
}

#tabnav div.inaccessible {
}

#tabnav a:hover {
    color: #FFFFFF;
    background: grey;
}

ul#dragndrop {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 5px solid grey;
    margin: 0px;
}

ul#dragndrop li {
    float: left;
    height: 21px;
    background-color: #FFFFFF;
    margin: 2px 2px 0px 2px;
    border: 1px solid grey;
}

ul#dragndrop li div{
  color:#666;
  padding:4px;
  border-bottom:none;
  float:left;
  display:block;
}