html {
    height:             100%;
}
body {
    padding:            0px;
    margin:             0px;
    height:             100%;
    font-family:        Arial,helvetica,sans-serif;
    font-weight:        normal;
    background-color:   #577ebe;
}

a {
    color: orange;
    text-decoration: none;
}

a:hover {
    color: orange;
    text-decoration: none;
}

option {
    color: #353F5B;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #353F5B;
    border: 1px solid #ddd;
}

.list-group-item-warning {
    background-color: #fcf8e3;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #353F5B;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #353F5B;
    cursor: default;
    background-color: #fff;
    border-color: #353F5B;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #353F5B;
    border-color: #ddd;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #577ebe;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top,#353F5B 0,#000 100%);
    background-image: -o-linear-gradient(top,#353F5B 0,#000 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#353F5B),to(#000));
    background-image: linear-gradient(to bottom,#353F5B 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353F5B', endColorstr='#000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #2b669a;
}

.btn-info:hover, .btn-info:focus, .btn-default:hover, .btn-default:focus, .btn-danger:hover, .btn-danger:focus, .btn-warning:hover, .btn-warning:focus, .btn-primary:hover, .btn-primary:focus {
    background-position: 0 0px;
    border-color: #fff;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #333;
}

.card {
    background-color:   #353F5B;
    color: #fff;
    border-color: #000;
}

.card>.card-header {
    background-color:   #000;
    color: #fff;
    border-color: #000;
}

.border-danger .card-header a, .border-warning .card-header a {
    color: #000;
}

a.list-group-item, button.list-group-item {
    color: orange;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

.breadcrumb>.active {
    color: #fff;
}
/* * {
    box-sizing: content-box;
}*/

.form-control-feedback {
    color: #353F5B;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
    #head {
        display: none;
    }
@media (min-width: 768px) {
    #head {
        display: block;
    }
  .sidebar {
/*    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;*/
    z-index: 1000;
    display: block;
/*    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;*/ /* Scrollable contents if viewport is shorter than content. */
  }
}

/* Sidebar navigation */
.nav-sidebar {

}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

textarea, input, select, option, .card-body {

}

.sticked {
    background-color:   #333;
}

#data {
    width:              990px;
    margin:             auto;
    padding:            0px;
    text-align:         left;
/*  background-color:   #577ebe;*/
    border:             solid 0px red;
}
#head  {
    width:              100%;
/*  height:             120px;*/
/*  margin:             auto;*/
    text-align:         center;
    vertical-align:     middle;
    border-bottom:      solid 1px #ffffff;
    background-color:   #435273;
    margin:0;
    padding:0;
    background: url(media/top1.jpg) no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

#cleft {
/*  float:              left;
    width:              202px;
    text-align:         center;
    padding:            0px;
    margin:             auto;
    background-color:   #577ebe;
    border:             solid 0px red;*/
        padding-bottom: 50px;
}
#ccenter {
/*  float:              left;
    width:              606px;
    padding:            0px;
    margin:             auto;
    font-size:          11px;
    text-align:         left;
    border:             solid 0px green;*/
        padding-bottom: 50px;
}
#ccenterdata {
    margin :            4px;
    margin-top :        14px;
    padding :           6px;
    height:             100%;
    width:              600px;
/*  background-color:   #424e72;*/
    clear:              both;
/*  border:             solid 1px #ffffff;
    border-radius:      6px 6px;
    -moz-border-radius: 6px; */

}
#cright {
/*  float:              right;
    width:              138px;
    margin:             auto;
    padding:            0px;
    text-align:         center;
    background-color:   #577ebe;
    border:             solid 1px #577ebe;
    border:             solid 0px yellow;*/
    padding-bottom: 50px;
}
#foot {
    width:              100%;
    height:             26px;
    margin:             0px;
    padding-top:        4px;
    padding-bottom:     0px;
    text-align:         center;
    background-color :  #353F5B;
    border-top:         solid 1px #ffffff;
    border-bottom:      solid 1px #ffffff;
    overflow: hidden;
}

#foot a {
    color:              #f6ce30;
    text-decoration:    none;
}
#foot a:hover, #foot a:active {
    color:              #ffffff;
    text-decoration:    none;
}
#copyright {
    width:              990px;
    height:             26px;
    margin:             auto;
    padding-top:        4px;
    padding-bottom:     2px;
    text-align:         center;
    background-color :  #353F5B;
    overflow: hidden;
}
#login {
    background-color:   #424e72;
    margin-bottom:      5px;
    height:             22px;
    text-align:         left;
    vertical-align:     middle;
    margin:             auto;
    padding:            2px;
    border-bottom:      solid 1px #ffffff;
}
.toolbar {
    background-color:   #424e72;
    margin-bottom:      5px;
    text-align:         left;
    width:              168px;
    margin:             auto;
    padding:            2px;
    border:             solid 1px #ffffff;
    border-radius:      6px 6px;
    -moz-border-radius: 6px;
}
#game {
    margin:             auto;
    text-align:         center;
    border:             solid 1px #ffffff;
    width:              120px;
    background-color:   #424e72;
    border-radius:      6px 6px;
    -moz-border-radius: 6px;
}
.error {
    font-family:        Arial,helvetica,sans-serif;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    color:              yellow;
}
.link {
    font-family:        Arial,helvetica,sans-serif;
/*  font-size:          12px;*/
    font-weight:        bold;
    text-decoration:    none;
    /*color:                #f6ce30;*/
}
.link:hover {
    font-family:        Arial,helvetica,sans-serif;
/*  font-size:          12px;*/
    font-weight:        bold;
    text-decoration:    underline;
    /*color:                #ffffff;*/
}
.slink {
    font-family:        Arial,helvetica,sans-serif;
    font-size:      11px;
    font-weight:        bold;
    text-decoration:    none;
    color:              #f6ce30;
}
.slink:hover {
    font-family:        Arial,helvetica,sans-serif;
    font-size:      11px;
    font-weight:        bold;
    text-decoration:    underline;
    color:              #ffffff;
}
.strfield {
    width:              200px;
    font-family:        Arial,helvetica,sans-serif;
    font-size:          11px;
    font-weight:        normal;
    text-decoration:    none;
    color:              #000066;
    border:             solid 1px #000066;
}
.numfield {
    width:              60px;
    font-family:        Arial,helvetica,sans-serif;
    font-size:          11px;
    font-weight:        normal;
    text-decoration:    none;
    color:              #000066;
    border:             solid 1px #000066;
}
.smallfield {
    width:              120px;
    font-family:        Arial,helvetica,sans-serif;
    font-size:          11px;
    font-weight:        normal;
    text-decoration:    none;
    color:              #000066;
    border:             solid 1px #000066;
}
.sfield {
    width:              80px;
    font-family:        Arial,helvetica,sans-serif;
    font-size:          11px;
    font-weight:        normal;
    text-decoration:    none;
    color:              #000066;
    border:             solid 1px #000066;
}
.thead {
    font-family:        Verdana,Helvetica,sans-serif;
    color:              #414d71;
    font-size:          12px;
    font-weight:        bold;
    text-align:         center;
    background-color:   #f6ce30;
}
.tdata {
    font-family:        Verdana,Helvetica,sans-serif;
    color:              #ffffff;
    font-size:          11px;
    font-weight:        normal;
    background-color:   #577ebe;
}
.txtb {
    font-family:        Verdana,Helvetica,sans-serif;
    color:              #ffffff;
    font-size:          11px;
    font-weight:        normal;
}
.spacer {
    clear:              both;
}
.up {
    padding-left:       8px;
}
.title {
    font-size:          12px;
    font-weight:        bold;
}
.txt {
    font-size:          12px;
    font-weight:        normal;
}
#sa, .button {
    background-color:   #424e72;
    color:              white;
    border:             solid 1px #577ebe;
}

.mynav {
    margin-bottom: 10px;
    background-color: #ffffff;
}

.navbar {

}
.navbar-custom {
     background-color: #353F5B;
}

.fileinput-button, .fileinput-button img {
    text-align: center;
    cursor: pointer;
    margin: auto;
}