img.logo {
  display : block;
  height : 600px;
  margin : auto;
}

h4.centrage {
  text-align : center;
  font-variant: small-caps;
}

table.presence thead {
  display : block;
  width : 350px;
  margin : auto;
}

table.stat thead {
  display : block;
  width : 380px;
  margin : auto;
}

table.presence_detail thead {
  display : block;
  width : 380px;
  margin : auto;
}

/*
table.stat {
  border : 1px solid green;
}
*/

table.presence thead tr th {
  text-align : center;
}

table.presence tbody {
  display : block;
  width : 350px;
  margin : auto;
  overflow-y : scroll;
}

table.stat tbody {
  display : block;
  max-height : 280px; /* 5 times the equivalent of a text "size". */
  width : 380px;
  margin : auto;
  overflow-y : scroll;
}

table.presence_detail tbody {
  display : block;
  max-height : 280px; /* 5 times the equivalent of a text "size". */
  width : 380px;
  margin : auto;
  overflow-y : scroll;
}

table.presence tbody tr td, table.stat tbody tr td, table.presence_detail tbody tr td, table.presence thead tr th, table.stat thead tr th, table.presence_detail thead tr th {
  padding : 5px;
  padding-right : 0;
  padding-left : 0;
  /*border-right : 1px solid red;*/
}

table.presence tbody tr.transparent td {
  background-color : #9b4dca44;
}

table.presence tbody td:nth-child(1) {
  padding-left : 5px;
}

table.presence tbody tr td span {
  display: inline-block;
  width: 5px;
  height: 15px;
  border-radius: 2px;
  cursor : help;
  vertical-align: middle;
}

table.presence tbody tr td span.ent {
  background-color : #D27F15;
}

table.presence tbody tr td span.amical {
  background-color : #77A601;
}

table.presence tbody tr td span.match {
  background-color : #0188A6EC;
}

table.presence thead tr th:nth-child(1), table.presence tbody tr td:nth-child(1) {
  width : 200px;
}

table.presence thead tr th:nth-child(2), table.presence tbody tr td:nth-child(2) {
  width : 15px;
  text-align : center;
}

table.presence thead tr th:nth-child(3), table.presence tbody tr td:nth-child(3) {
  width : 40px;
  text-align : center;
}

table.presence thead tr th:nth-child(4), table.presence tbody tr td:nth-child(4) {
  width : 95px;
  text-align : center;
}

table.presence tbody tr td:nth-child(4) img {
  width : 16px;
  margin : auto;
  vertical-align: middle;
}

table.stat thead tr th:nth-child(1), table.presence_detail thead tr th:nth-child(1) {
  width : 80px;
  text-align : center;
}

table.stat tbody tr td:nth-child(1), table.presence_detail tbody tr td:nth-child(1) {
  width : 80px;
  text-align : left;
}

table.stat thead tr th:nth-child(2), table.stat tbody tr td:nth-child(2) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(3), table.stat tbody tr td:nth-child(3) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(4), table.stat tbody tr td:nth-child(4) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(5), table.stat tbody tr td:nth-child(5) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(6), table.stat tbody tr td:nth-child(6) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(7), table.stat tbody tr td:nth-child(7) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(8), table.stat tbody tr td:nth-child(8) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(9), table.stat tbody tr td:nth-child(9) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(10), table.stat tbody tr td:nth-child(10) {
  width : 30px;
  text-align : center;
}

table.stat thead tr th:nth-child(11), table.stat tbody tr td:nth-child(11) {
  width : 30px;
  text-align : center;
}

table thead tr th.pour {
  color : #77A601;
}

table thead tr th.contre {
  color : #D27F15;
}

table tbody tr td.pour {
  background-color : #77A601;
  color : white;
  font-weight: bold;
}

table tbody tr td.contre {
  background-color : #D27F15;
  color : white;
  font-weight: bold;
}


table.presence_detail thead tr th:nth-child(2), table.presence_detail tbody tr td:nth-child(2) {
  width : 50px;
  text-align : center;
}

table.presence_detail thead tr th:nth-child(3), table.presence_detail tbody tr td:nth-child(3) {
  width : 40px;
  text-align : center;
}

table.presence_detail thead tr th:nth-child(4), table.presence_detail tbody tr td:nth-child(4) {
  width : 50px;
  text-align : center;
}

table.presence_detail thead tr th:nth-child(5), table.presence_detail tbody tr td:nth-child(5) {
  width : 40px;
  text-align : center;
}

table.presence_detail thead tr th:nth-child(6), table.presence_detail tbody tr td:nth-child(6) {
  width : 50px;
  text-align : center;
}

table.presence_detail thead tr th:nth-child(7), table.presence_detail tbody tr td:nth-child(7) {
  width : 40px;
  text-align : center;
}

/*
table.presence_detail thead tr th, table.presence_detail tbody tr td {
  border-right : 1px solid green;
}
*/