div.chronoTableContainer
{
    position:relative;
    width:100%;
    height:20em;
    overflow:auto;
    text-align:center;
    border:1px solid #bbb;
}


table.chronologie
{
    border:1px solid #bbb;
    border-collapse:collapse;
    margin:1em;
}

table.chronologie td, table th
{
    border-bottom:1px solid #bbb;
    padding-left:3pt;
    padding-right:3pt;
}

table.chronologie th.details
{
    border-left:1px solid #bbb;
}

table.chronologie td.date
{
    text-align:right;
    border-right:1px solid #bbb;
}

table.chronologie td.details
{
    text-align:left;
}