@font-face {
  font-family: 'Assistant-Regular';
  src: url("assistant/Assistant-Regular.otf"); }
@font-face {
  font-family: 'Assistant-ExtraLight';
  src: url("assistant/Assistant-ExtraLight.otf"); }
@font-face {
  font-family: 'Assistant-Light';
  src: url("assistant/Assistant-Light.otf"); }
body {
  background-color: whitesmoke;
  margin: auto; }

* {
  font-family: 'Assistant-ExtraLight', sans-serif; }

h1 {
  color: white;
  font-size: 2em;
  text-align: center; }

h2 {
  color: white;
  font-size: 1.4em; }

header {
  background-color: #7092be;
  text-align: center;
  background-image: url(bannierest2.jpg);
  background-size: 110% 14%;
  background-attachment: fixed;
  height: 90px; }

header h1 {
  margin-top: 0; }

a {
  font-family: 'Assistant-Light';
  display: inline-block;
  text-decoration: none;
  color: black; }

.btn {
  color: #FFFFFF;
  font-size: 1em;
  cursor: pointer;
  padding: 0.5em 0em;
  border-radius: 10em;
  backface-visibility: hidden;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 200ms; }
  .btn:hover {
    transform: scale(1.1); }

.myButton {
  font-family: 'Assistant-Light';
  background-color: #79bbff;
  border-radius: 13px;
  border: 0px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 13px; }

.myButton:hover {
  background-color: #378de5; }

.myButton:active {
  position: relative;
  top: 1px; }

.logo {
  position: absolute; }

.logo img {
  width: 109px;
  height: 39px; }

.colonne {
  font-family: 'Assistant-Regular'; }

table {
  table-layout: fixed;
  width: 100%; }

th, td {
  padding: 10px; }

thead th:nth-child(1) {
  width: 8%; }

thead th:nth-child(2) {
  width: 8%; }

thead th:nth-child(3) {
  width: 8%; }

thead th:nth-child(4) {
  width: 60%; }

thead th:nth-child(5) {
  width: 8%; }

thead th:nth-child(6) {
  width: 8%; }

th {
  letter-spacing: 2px; }

td {
  letter-spacing: 1px; }

tbody td {
  text-align: center; }

caption {
  font-family: 'Assistant-Regular', cursive;
  padding: 20px;
  caption-side: top;
  color: #666;
  text-align: center;
  letter-spacing: 1px; }

@media screen and (max-width: 430px) {
  body {
    background-color: whitesmoke;
    width: auto; }

  .myButton {
    font-family: 'Assistant-ExtraLight';
    background-color: #79bbff;
    border-radius: 10px;
    border: 0px;
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    padding: 5px 13px;
    letter-spacing: 1.2px; }

  .myButton:hover {
    background-color: #378de5; }

  .myButton:active {
    position: relative; }

  header {
    width: 110%;
    background-color: whitesmoke;
    text-align: right;
    background-image: url(bannierest2.jpg);
    background-size: auto auto;
    background-attachment: fixed;
    height: 60px; }

  header h1 {
    display: none; }

  header h2 {
    display: none; }

  .logo {
    display: block;
    float: right;
    margin-top: 8px; }

  table {
    table-layout: fixed;
    width: auto; }

  th, td {
    padding: 0px; }

  thead th:nth-child(1) {
    width: 4%; }

  thead th:nth-child(2) {
    width: 3%; }

  thead th:nth-child(3) {
    width: 3%; }

  thead th:nth-child(4) {
    width: auto; }

  thead th:nth-child(5) {
    width: 3%; }

  thead th:nth-child(6) {
    width: 3%; } }