html { 
  margin:0;
  padding:0;
  background: url(/img/inscriptions.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; 
}

body{
	background:none;
	position:relative;
	margin:0px;
	padding:0;
	width:100%;
	height:100%;
}
input[type="text"]
{
    font-size:12px;
}

 .logo{
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    float: right;
    height: 50px;
    margin-right: 51px;
    position: relative;
    width: 200px;
}

.boxHolderInscri {
	width:350px;	 
	background-color:#FFF;
	padding:15px 30px;
	float: left;
}

.text-header{
	color:#ffffff;
	font-size:20px;
}

.box-title-inscri {
	font-size:18px;
}

.bleu {
	color:#0079b8;
}

.btn-valide{
	color:#fff;
	background-color:#0079b8;
	width:250px;	
	font-weight:bold;
	font-size:18px;
}

.lots {
	float: left;
	width:50%;
}

.list-lot {
	float:left;
	width:50%;
}

.col-4{
	width:100px;
	float:left;	
}

.col-8{
	width:40%;
	float:left;
}

.list-lot .row {
	height:150px;
}

.lots img {
	width:100%;
}

#preferenceLink {
	cursor:pointer;
}

.randomize{
	background-color:#fff;
}

.libele{color:#FFF;} 

.divimg{display:inline-block;width:90px;}

.input-lg, .form-group-lg .form-control {
	height: 37px !important;
}

#randomize .row > div.col-xs-4 {
    padding-left: 0px !important;
}

@media screen and (max-width: 991px) {
	.text-header{
		color:#ffffff;
		font-size:16px;
		
	}
	.lots {
		float: left;
		width:40%;
	}
	.navbar-fixed-bottom {
		left: 0;
		position: relative;
	}
	.lots {
		float: left;
		width:0%;
	}
	.boxHolderInscri {
		float: none;
		margin: auto;
	}	
	
}

@media screen and (max-width: 790px) {
.libele ul {display:none;} 
}

@media screen and (max-width: 690px) {
.boxHolderInscri {width:100%;}
	.lots {
		float: left;
		width:0%;
	}
	
	.col-xs-4 {
		float: none !important;
	}
	.randomize{
		padding:10px;
	}
	#randomize {
		height: 100% !important;
	}
	
	#randomize .row > div.col-xs-4 {
		margin: auto !important;
		padding-left: 0px !important;
	}
	.text-header{
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
	}
	.col-xs-4 {
		width: 100% !important;
	}
	.libele ul {display:none;} 
	.libele {font-size:10px;}
	.divimg{width:60px;}
	
	.col-4{
		width:60px;	
	}
	
	.btn-valide {  
		width: 100%;	
	}
	.btn-valide {
		width: 172px;
	}
	.navbar-header  {
		text-align: center !important;
	}
}

@media screen and (max-height: 691px) {
 
 .navbar-fixed-bottom{
	position: relative;
 }
}