body {
  background-color: white;
  font-family: "Squada One", cursive;
  font-size: 100%;
}

.titre {
  font-family: "Squada One", cursive;
  font-size: 28px;
  margin: 20px auto;
}

.table .thead-dark th {
  color: #fff;

  background-color: #967e86;

  border-color: #000;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #87bcd4; // Choose your own color here
}

.table-hover tbody tr:hover td {
  background: aqua;
}

/* Select */
tbody tr td select {
  font-size: 12px !important;
}

.option1 {
  background-color: #85aff4;
}
/* INDEX */

.ffvb-login select {
  font-size: 10px;
}

.ffvb-login button {
  margin: 10px auto;
}

/* MENU */

.ffvb-menu {
  width: 200px;
  height: 100px;
  font-family: "Squada One", cursive;
  color: #000;
  margin: auto;
  padding: 20;
  border: 2px solid;
}

.ffvb-menu:hover {
  font-family: "Squada One", cursive;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  border-top-left-radius: 5em 1em;
  border-bottom-right-radius: 5em 1em;
}

.ffvb-menu:visited {
  color: #000;
}

.ffvb-error {
  position: relative;
  clear: both;
  height: 50px;
  color: #f00;
  font-family: "Nova Mono", monospace;
  font-size: 24px;
}

.border-beach {
  border-color: orange;
}

/* List Arbitres */
.validOUI {
  color: green;
  font-size: 20px;
  width: 100%;
  height: 100%;
}
.validNON {
  color: red;
  font-size: 20px;
  width: 100%;
  height: 100%;
}
#table {
  font-size: 12px;
}

/* Couple */
.tbl-couple {
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0;
  font-size: 12px;
}

/* table sorter */
/* REQUIRED in CUSTOM THEMES!
 This is the only definition that MUST BE added to any custom themes.
 This is how rows are hidden by filtering (included in provided themes) */

.tablesorter .filtered {
  display: none;
}

/* All of the following css is already contained within each theme file; modify it as desired */
/* filter row */
.tablesorter-filter-row td {
  background: #eee;
  line-height: normal;
  text-align: center; /* center the input */
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-filter-row .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}

/* hidden filter row */
.tablesorter-filter-row.hideme td {
  /*** *********************************************** ***/
  /*** change this padding to modify the thickness     ***/
  /*** of the closed filter row (height = padding x 2) ***/
  padding: 2px;
  /*** *********************************************** ***/
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
.tablesorter-filter-row.hideme * {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}

/* filters */
.tablesorter-filter {
  width: 95%;
  height: inherit;
  margin: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
