a.button {
    background-color: #c6e3e2;
    border-bottom: 2px solid red;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    color: black;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}

a.button:hover{
    /*background-image: url("../images/button-back-down.gif");*/
    background-color: #64c9c4;
    border-bottom: 2px solid red;
    text-decoration: none;
}

tr, td {
  vertical-align: middle;
}

/* ====================================================================== */
/* XXXXXXX                                                                */
/* ====================================================================== */

table.liste {
  margin: 10px 0px 0px 0px;
  width: 100%;
}

table.liste th {
  background-color: #333333;
  color: #FFFFFF;
  padding: 2px 10px 2px 10px;
  text-align: left;
}

table.liste td {
  padding: 2px 10px 2px 10px;
}

tr.alternate {
  background-color: #cfd8dc;
}

table.liste tr.even td  {
  background-color: #cfd8dc;
}

table.liste tr.odd td  {
  background-color: #FFFFFF;
}

table.liste tr.selected td  {
  background-color: #78909c;
}

table.liste tr.unselected td  {
  background-color: inherit;
}

th.table-sortable {
  cursor: pointer;
  background-image: null;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 12px;
}

table th.table-sortable {
  background-image: none;
}

table th.table-sorted-asc {
  background-image: url(../images/ascending.gif);
}

table th.table-sorted-desc {
  background-image:url(../images/descending.gif);
}

/* ============================================ */

div.table > table.apercu {
  margin: 10px 0px 0px 0px;
  background-color: #ffffff;
  width: 100%;
  min-width: 1250px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid black;
}

div.table > table.apercu a {
	color : black;
}

div.table > table.apercu a {
	color : black;
}

div.table > table.apercu th {
  background-color: #808080;
  color: #ffffff;
  font-weight: bold;
  border-width: 0px;
  padding: 3px 5px 3px 5px;
}

div.table > table.apercu tr td {
  border: 1px solid black;
  padding: 0px;
  vertical-align: top;
}

div.table > table.apercu div {
  background-color: #ffffff;
  border-width: 0px;
  margin: 1px;
  padding: 1px 5px 1px 5px;
  border-width: 0px;
}

div.table > table.apercu div.jour {
  background-color: #e0e0e0;
  vertical-align: top;
  border: 1px solid black;
}

div.table > table.apercu div.aujourdhui {
  background-color: #FF2020;
  color: #e0e0e0;
  font-weight: bold;
  vertical-align: top;
  border: 1px solid black;
}

div.table > table.apercu div.vacances, div.dates .vacances {
  background-color: yellow;
}

div.table > table.apercu div.exercice, div.dates .exercice {
  background-color: Lime;
}

div.table > table.apercu div.formation, div.dates .formation {
  background-color: orange;
}

div.table > table.apercu div.reservation, div.dates .reservation {
  background-color: #70ff70;
}

div.table > table.apercu div.groupes, div.dates .groupes {
  background-color: #c0c0ff;
}

div.table > table.apercu div.piquet, div.dates .piquet {
  background-color: #ffc0c0;
}