@font-face {
	font-family: "PioKaBlack";
	src: url('font/Diavlo/Diavlo_BLACK_II_37.otf');
}

@font-face {
	font-family: "PioKaMedium";
	src: url('font/Diavlo/Diavlo_MEDIUM_II_37.otf');
}
@font-face {
	font-family: "Lato";
	src: url('font/Lato/Lato-Regular.ttf');
}


body{
    background-image: url("../data/fond_bleu_full.png");
    background-repeat: no-repeat;
    background-size: cover;
    font-family : Roboto, Helvetica, Arial, sans-serif;;
    color : #fff;
    font-size: 14px;
}

.container{

    padding-top:10px;
    padding-bottom: 10px;
}

h1{
    font-family : "PioKaBlack";
    color : #058ECC;
}

h1 timer {
  color : white;
  font-size: 60px;
}

.btn  {
    font-family : "PioKaBlack";
}

.btn-primary {
  color: #fff;
  background-color: #058ECC;
  border-color: #058ECC;
}

.btn-primary:hover{
  color: #fff;
  background-color: #035B82;
  border-color: #035B82;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #123c60;
  border-color: #123c60;
}

.btn-primary:disabled {
  color: #fff;
  background-color: red;
  border-color: #123c60;
}

.btn-light {
  color: #000;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
}

.btn-light:hover {
  color: #000;
  background-color: #949494;
  border-color: #949494;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
}

.config-button{
    height:38px;
}

.timer{
  border : 4px solid #058ECC;
  border-radius: 5px;
  font-size : 40px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  padding-top: 10px;
}

.lock{
  width: 200x;
  border : 6px solid;
  border-color : #058ECC;
  padding : 2px;
  padding-top : 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.clues{
  margin-top: 50px;
}
.opened{
  background-color: green;
  border : green;
}
.footer{
  margin-top:10px;
  font-size : 12px;
}

.indice{
  background-color: #F8F8F8;
}