/* Style général */

h1 {
  text-align: center;
}

input[type=text],
input[type=password] {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

body {
    /*background-color:#cdf7ff;*/
    text-align: center;
    font-family:'Palatino Linotype';
}

.white-box {
    border:none;
    background-color:transparent; /* rgba(255, 255, 255, 0.4); */
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

/* Style du pied de page */

#footer {
    left: 50%;
    transform: translate(-50%, 0);
    position: fixed;
    width: 700px;
    bottom: 5px;
}

#footer > * {
    margin: 30px;
}

/* Style de la page index.php */

#divAccueilConnexion {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
}

#accueilConnexion {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

#accueilConnexion > * {
    margin: 10px;
}

#accueilConnexion > form > * {
    margin: 5px;
}

/* Style de la page lobby.php */

#game-list td {
  cursor: pointer;
}

#join-btn {
    display: none;
}

.game:hover {
  background-color: lightgrey;
}

#div-game-list {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    padding: 20px;
}

th, td {
    padding: 7px;
}

table {
    margin: auto;
    border-radius: 15px;
    background-color: transparent; /* #cdf7ff; */
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    border: none
}

th {
    background-color: transparent; /* #81cddc; */
}

/* Style de la page rules.html */

#divRules {
    position:absolute;
    width: 800px;
    padding: 30px;
    margin: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

/* Style de la page rules.html */

#players-list {
  display: inline-block;
  min-height: 50px;
  margin: 10px auto;
  padding:20px;
  border-radius: 15px;
  background-color: #e2e2e2;
  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  border: none;
}

#card-piles .card {
  display: inline-block;
}

.player-info {
  display: inline-block;
  line-height: 3em;
  border: solid #62c370 1px;
  background-color: #9ad1d4;
  border-radius: 7px;
  vertical-align: middle;
  width: 100px;
  height: 3em;
  margin-right: 5px;
  user-select: none;
}

.player-info > span,
.card > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.player-current {
  border: solid #62c370 7px;
}

.card {
  display: inline-block;
  text-align: center;
  font-size: 25pt;
  line-height: 120px;
  border: solid #cacaca 7px;
  border-radius: 5px;
  width: 85px;
  height: 120px;
  margin: 5px;
  cursor: pointer;
}

.card:hover {
  border: solid #E85D75 7px;
  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}

.game-btn {
  display: none;
}

#conteneur_game {
    margin:40px;
    padding:40px;
}

#player-deck {
  display: inline-block;
  min-height: 50px;
  margin: 10px auto;
  padding:20px;
  border-radius: 15px;
  background-color: transparent; /* #e2e2e2; */
  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  border: none;
}