nav {
	background-color : #FFF;
	padding : 10px;
	font-size : 14px;
	border-radius : 10px;
}

nav li {
	background-color : #FFF;
	font-size : 20px;
	border : 1px solid #FFF;
	border-collapse: collapse;
}

body {
	font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
	padding : 30px;
	margin:23px;
	background-color : #333;
	background-image: url("allinone.png");
}

.spacer {
    height:500px;
}

footer {
    background-color : #333;
    color:#FFF;
    text-align: center;
    height:50px;    
	margin-bottom:400px;
 }
    
.container {
    opacity: 0.99;
    filter: alpha(opacity=99);
}

input[type="number"] {
   width:50px;
}

input:checked + label {
    font-weight: bold;
}

.panel-heading p {
    font-size: 16px;
}

.bord {
	border:2px solid #FFF;
}

.bar {
    width:20px;
    min-width:10px; 
    vertical-align: bottom;
}

.barh {
    width:20px;
    vertical-align: bottom;
    background-color: #86a;
}

.bgactive {
    background-color: #def;
}

.bgoeuf {
    background-color: #def;
}

.bgprimary {
    background-color: #0033FF;
}

.bar3 {
    background-color: #ff6699;
}

.btn-time {
	color:#FFF;
    background-color: #F50;
}

.histo {
    overflow: visible;
    background-color: #CCC;
}
.histo td, .histo th {
    border:1px solid #FFF;
    padding-top: 4px;
}

.pseudo {
    max-width:200px;
    background-color: #777;
    vertical-align: bottom;
}

img {
    border-radius : 10px;
    margin : 1px;
}

h2.eltflex > img, #asolver > img  {
    border-radius : 0px;
    margin : 1px;
}

#bagr {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    text-align: center;
}
    
#wlogo {
    float : right;
}

.petit {
    font-size:9px;
}

#conflex {
	display:flex;
	justify-content:space-between;
}

td {
vertical-align: text-top;
}

.jumbotron {
padding:10px;
margin:0px;
background-color: #FFF;
}

.navbar {
margin:0px;
}

/* Classe obligatoire pour les flèches */
.flecheDesc {
  width: 0; 
  height: 0; 
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.flecheAsc {
  width: 0; 
  height: 0;
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

/* Classe optionnelle pour le style */
.tableau {table-layout: fixed;border-collapse: collapse;}
.tableau td {padding:.3rem; border:1px solid #AAA; background-color:#234; }
.zebre tbody tr:nth-child(odd) {background-color: #111;border-bottom:1px solid #ccc;color:#FFF;}
.zebre tbody tr:nth-child(even) {background-color: #333;border-bottom:1px solid #ccc;color:#FFF;}
/*
.zebre tbody tr:hover:nth-child(odd) {background-color: #999690;color:#ffffff;}
.zebre tbody tr:hover:nth-child(even) {background-color: #999690;color:#ffffff;}
*/

.avectri th {text-align:center;padding:5px 0 0 5px;vertical-align: middle;background-color:#999690;color:#444;
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.avectri th.selection {background-color:#5d625c;color:#fff;}
.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}