.DescartesButtonDirectionalPanPanel {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.DescartesButtonDirectionalPanPanel div {
    cursor:pointer;
    height:9px;
    position:absolute;
    width:9px;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanNorthItemInactive {
    left: 50%;
    margin-left: -4px;
    top: 0;
    background: url("img/Pan_Nord_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanSouthItemInactive {
    left: 50%;
    margin-left: -4px;
    top: auto;
    bottom: 0;
    background: url("img/Pan_Sud_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanWestItemInactive {
    top: 50%;
    margin-top: -4px;
    left: 0;
    background: url("img/Pan_Ouest_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanEastItemInactive {
    top: 50%;
    margin-top: -4px;
    left: auto;
    right: 0;
    background: url("img/Pan_Est_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanNorthWestItemInactive {
    left: 0;
    top: 0;
    background: url("img/Pan_NordOuest_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanSouthWestItemInactive {
    left: 0;
    bottom: 0;
    background: url("img/Pan_SudOuest_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanNorthEastItemInactive {
    top: 0;
    right:0;
    background: url("img/Pan_NordEst_OFF.png") no-repeat;
    z-index: auto;
}
.DescartesButtonDirectionalPanPanel .DescartesButtonDirectionalPanSouthEastItemInactive {
    top: auto;
    bottom: 0;
    right: 0;
    background: url("img/Pan_SudEst_OFF.png") no-repeat;
    z-index: auto;
}