@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

body { font-size:16px; }
thead { font-weight: bold; }
li:hover { background-color: rgba(219,217,209,.5); border-radius: 2px; }
td { vertical-align: middle !important; }
input:invalid { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
.ok { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; padding: 1px 5px; border-radius: 2px}
.erreur { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 1px 5px; border-radius: 2px; }
.pagination { margin: 0;}
#slider {
    background-color: #2e2e2e;
    color: #d3e0e9;
    padding: 20px;
}
#slider li { padding: 3px 5px; }
#slider li:hover a { border-radius: 2px; color: #d3e0e9; }
#trigger {
    background-color: #2e2e2e;
    color: #d3e0e9;
    left: 0px;
    padding: 10px;
    /* position: absolute; */
    top: 0px;
    width: 40px;
    cursor: pointer;
    /* margin-top: -20px; */
}
#erreur { 
  margin-top: 20px;
  font-size: 20px;
}

.container {
	margin-top: 30px;
}

strong.erreur,strong.ok {
	display: inline-block;
	text-align: center;
	width: 50px;
}
/* 
.container {
  position: relative;
  height: 100%;
  /*border: 1px solid;**
}

.contained {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  border: 1px dashed deeppink;
} */