body {
  font-family: "Infinity", Stencil Std, monospace;
  color: #ffff;
}

h1 {
  font-family: "Infinity", Stencil Std, monospace;
  font-weight: bold;
  padding:16px;
  margin:16px;
  text-transform: uppercase;
}


h2 {
  font-size:30px;
  font-family: "Infinity", Stencil Std, monospace;
  line-height:24px;
}

table {
  width: 100%;
}

th {
  border-top: 5px solid red;
  font-weight: bold;
  /*text-overflow: ellipsis;
  word-wrap: break-word;*/
}

td {
  width:100%;
  /*text-overflow: ellipsis;
  word-wrap: break-word;*/
}

.btn {
    border-radius: 0 !important;
}

a {
    border-radius: 0 !important;
}

input {
  border-radius: 0;
}

input#search_text{
  margin: 0 auto;
  width: 100%;
  height: 60px;
  border: 5px solid #D0CFCE;
  text-align: center;
  border-radius: 0;
}

input#loginpage{
  margin: 0 auto;
  width: 20%;
  height: 60px;
  border: 5px solid #D0CFCE;
  text-align: center;
  border-radius: 0;
}

input#password{
    border-radius: 0;
}

button#loginpage{
  margin: 0 auto;
  width: 20%;
  height: 60px;
  text-align: center;
  border-radius: 0;
}

img#loginpage{
    width: 20%;
}

img#mini_icon {
   width: 20px;
   height: 20px;
}

.numbers {
padding-top:15%;
font-size: 150px;
letter-spacing: 5px;
word-spacing: 2px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
text-align: center;
}

.marquee-rtl {
max-width: 60em;                      /* largeur de la fenêtre */
margin: 1em auto 2em;
border: 0px solid #F0F0FF;
overflow: hidden;                     /* masque tout ce qui dépasse */
font-size: 20px;
text-transform: uppercase;
}

.marquee-rtl > :first-child {
display: inline-block;                /* modèle de boîte en ligne */
padding-right: 2em;                   /* un peu d'espace pour la transition */
padding-left: 100%;                   /* placement à droite du conteneur */
white-space: nowrap;                  /* pas de passage à la ligne */
animation: defilement-rtl 20s infinite linear;
}


@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}

@media only screen and (max-width: 1024px) {
    button#loginpage{
        width: 50%;
    }

    input#loginpage{
        width: 50%;
    }

    img#loginpage{
        width: 50%;
    }
}

@media only screen and (max-width: 600px) {
    button#loginpage{
        width: 100%;
    }

    input#loginpage{
        width: 100%;
    }

    img#loginpage{
        width: 100%;
    }
}


 /* The switch - the box around the slider */
.switch {
  margin-left: 5px;
  position: relative;
  width: 50px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #663399;
}

input:focus + .slider {
  box-shadow: 0 0 1px #663399;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}