@media (max-width: 368px) {
  body,
  table {
    width: 360px;
    border: 10px solid #b80505;
  }
}
html {
  background-color: rgb(255, 255, 255);
  margin-bottom: 500px;
  padding-bottom: 500px;
}

td {
  border: 2px solid rgba(50, 44, 44, 0.918);

  background-color: rgba(186, 216, 243, 0.19);
  border-color: transparent;
}
table {
  width: 960px;
  border-top: 5px solid rgba(7, 9, 84, 0.774);
  border-bottom: 5px solid rgba(7, 9, 84, 0.774);

  /* background-color: rgba(171, 210, 244, 0.583); */
  min-width: 960px;

  margin: 15px 5px;
  padding: 5px 5px;

  background-color: #eee;
  position: absolute;
  /* border-radius: 5%; */
  box-shadow: 0px 5px 15px #242434;
  /* border-color: transparent; */
  margin: auto;
  opacity: 90%;
  /* padding-bottom: 30px; */
  /* margin-bottom: 25px; */
}

body {
  width: 960px;
  margin: 15px 5px;
  padding: 5px 5px;
  margin: auto;
  font-weight: 900;
  font-size: medium;
  display: block;
  background-color: #ffffff;
  /* border-radius: 5px; */
  box-shadow: 0px 5px 15px #242434;
  border-color: transparent;
  opacity: 98%;
  /* padding-bottom: 205px;
  margin-bottom: 25px; */
}

.tr--tab--1 {
  font-size: x-large;
  font-weight: 900;
  border-radius: 5px;
  border-color: transparent;
  color: rgb(238, 239, 240);
  background-color: rgb(1, 7, 92);
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 100px;
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
}

.user--input:hover {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 600px;
  background-color: rgba(156, 198, 234, 0.892);
  border: #343434 solid salmon;
  min-height: 20px;
  font-size: x-large;
  font-weight: 900;
  border-radius: 5px;
  border-color: transparent;
}
.user--input {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 600px;
  background-color: rgb(205, 224, 192);
  min-height: 20px;
  font-size: x-large;
  font-weight: 900;
  border-radius: 5px;
  border-color: transparent;
  box-shadow: 2px 5px 5px #343434;
}
.user--input1 {
  border-color: transparent;
  /* box-shadow:2px 5px 5px  #343434; */
  margin: 0px;
  padding: 0px;
  background-color: rgb(6, 28, 82);
  box-shadow: none;
}
.user--input1:hover {
  border-color: transparent;
  /* box-shadow:2px 5px 5px  #343434; */
  margin: 0px;
  padding: 0px;
  background-color: rgb(6, 28, 82);
  box-shadow: none;
}
button {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 100px;
  background-color: rgba(9, 77, 136, 0.962);
  color: rgba(255, 255, 255, 0.857);
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434cd;
  border-color: transparent;
  font-weight: 900;
  font-size: medium;
  margin-bottom: auto;
}
.btn--chercher {
  margin-top: auto;
  margin-bottom: 20px;
  padding-top: auto;
  padding-bottom: auto;
  font-size: large;
}
.btn--chercher:hover {
  margin-top: auto;
  margin-bottom: 20px;
  padding-top: auto;
  padding-bottom: auto;
  font-size: large;
}
.mois {
  margin: 15px 5px;
  margin-bottom: auto;
  padding: 5px 5px;
  min-width: 100px;
  background-color: rgba(205, 224, 192, 0.815);
  color: rgb(11, 14, 36);
  font-weight: 900;
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
}
label {
  font-weight: 900;
  font-size: larger;
  color: rgb(4, 24, 42);
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
  margin: 5px;
}
button:hover {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 100px;
  background-color: rgb(6, 28, 82);
  color: rgb(255, 255, 255);
  border-radius: 5px;
  box-shadow: 2px 5px 5px #491e1ee1;
  border-color: transparent;
  margin-bottom: auto;
}
button:active {
  background-color: rgba(128, 128, 0, 0.76);
  box-shadow: 2px 5px 5px #343434ef;
  border-color: transparent;
  margin-bottom: auto;
}
.mois:focus {
  background: rgba(128, 128, 0, 0.834);
  color: white;
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
}
tr:hover {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 100px;
  /* background-color: rgba(113, 10, 216, 0.061); */
  /* color: rgb(107, 39, 39); */
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
}

td:hover {
  margin: 15px 5px;
  padding: 5px 5px;
  min-width: 100px;
  background-color: rgba(205, 224, 192, 0.815);
  color: rgb(255, 255, 255);
  border-radius: 5px;
  box-shadow: 2px 5px 5px #343434;
  border-color: transparent;
}

.hidden {
  display: "none";
}

.olive {
  background-color: #ffffff;
  color: rgb(0, 1, 3);
  border-color: transparent;
}

.darkorange {
  background-color: rgba(231, 184, 90, 0.47);
  border-color: transparent;
  color: #343434;
}
.darkgreen {
  background-color: rgba(0, 100, 0, 0.813);
  border-color: transparent;
}

.label {
  font-size: larger;
  background-color: transparent;
  color: #242434;
  font-style: normal;
  text-transform: uppercase;
  box-shadow: none;
  margin-bottom: auto;
}
.label:hover {
  font-size: larger;
  background-color: transparent;
  color: #242434;
  font-style: normal;
  text-transform: uppercase;
  box-shadow: none;
  margin-bottom: auto;
}