html, body {
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eddede+1,b2b2b2+22,b2b2b2+76,eddede+100 */
    background: #eddede; /* Old browsers */
    background: -moz-linear-gradient(left,  #eddede 1%, #b2b2b2 22%, #b2b2b2 76%, #eddede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#eddede), color-stop(22%,#b2b2b2), color-stop(76%,#b2b2b2), color-stop(100%,#eddede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #eddede 1%,#b2b2b2 22%,#b2b2b2 76%,#eddede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #eddede 1%,#b2b2b2 22%,#b2b2b2 76%,#eddede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #eddede 1%,#b2b2b2 22%,#b2b2b2 76%,#eddede 100%); /* IE10+ */
    background: linear-gradient(to right,  #eddede 1%,#b2b2b2 22%,#b2b2b2 76%,#eddede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddede', endColorstr='#eddede',GradientType=1 ); /* IE6-9 */
}

.container {
    box-shadow: 1px 1px 12px #555;
    min-height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: whitesmoke;
}

.bs-docs-nav {
    margin-bottom: 0;
    border-bottom: 0;
}

#main-page {
    padding-top: 20px;
}

.btn.deconnexion,
.btn.account,
.btn.doc {
    margin-left: 10px;
    margin-top: 20px;
    float: right;
}

.btn.home {
    float: left;
    display: inline-block;
    margin-top: 20px;
}

.center {
    text-align: center;
}

.spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin .5s infinite linear;
     -moz-animation: spin .5s infinite linear;
     -o-animation: spin .5s infinite linear;
     animation: spin .5s infinite linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.required::after {
    content: "*";
    color: red;
}

#loading {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    text-align: center;
    background-color: rgba(51, 51, 51, 0.5);
    color: whitesmoke;
    font-size: 32px;
    z-index: 99999;
    padding-top: 25%;
}

.pagination li a {
    padding-left: 3px;
    padding-right: 3px;
    min-width: 25px;
    text-align: center;
}