/* Affichage des véhicules */
#garage-container{
	position:relative;
	width:inherit;
}

#listeVehicule-container{
	display:inline-block;
	width:650px;
}

div.ficheVehicule{
	width:300px;
	height:200px;
	background: url('/fr/static/images/vehicules/fiches/background.png') top left no-repeat;
	margin:2px;
	background-color:white;
	padding:5px;
	text-align:center;
	display:inline-block;
	margin:2px;
	position:relative;
}
#listeVehicule-container > div:hover{ cursor:pointer; }

.infoveh_nok{ color:#FF9797; }
.infoveh_ok{ color:#AAF786; }

.info_viewVehicule{
	position:absolute;
	top:40px;
	left:140px;
	padding:5px;
	background-color:#fff;
	border:1px solid #e3e3e4;
	-moz-border-radius:5px;
}
.info_viewName{
	color:white;
	font-size:1.1em;
	font-weight:bold;
	left:140px;
	position:absolute;
	text-align:center;
	top:145px;
	width:133px;
}

.info_viewIcone{
	position:absolute;
	width:120px;
	height:auto;
	text-align:left;
	left:15px;
	top:35px;
	color:#3C0805;
	font-size:0.9em;
	font-weight:bold;
}
.info_viewIcone > span{
	display:block;
	width:inherit;
	margin:5px 0px;
}

.info_viewInter{
	position:absolute;
	width:inherit;
	text-align:center;
	top:175px;
	color:white;
}


.legendGarde{ margin-bottom:20px; }
.legendGarde > span{
	height:20px;
	padding:0 5px;
	line-height:20px;
	border:1px solid black;
	margin:5px;
	cursor:pointer;
}
.legendGarde > span:hover{ background-color:white; }
.legendGarde > span.actif{
	background-color:red;
	color:white;
}



.iconeVehicule { 
	display:inline-block; 
	background-image:url('/fr/static/images/vehicules/fiches/sprite_icone.png');
	background-repeat:no-repeat;
	width:1px;
	height:27px;
	padding-left:27px;
	vertical-align:middle;
}

.iconeVehicule.materiel{ 		background-position:	0px 	0px; }
.iconeVehicule.no_materiel{ 	background-position:	-28px 	0px; }
.iconeVehicule.homme{ 			background-position:	0px 	-36px; }
.iconeVehicule.no_homme{ 		background-position:	-28px 	-36px; }
.iconeVehicule.proprete{ 		background-position:	0px 	-72px; }
.iconeVehicule.no_proprete{ 	background-position:	-28px 	-72px; }
.iconeVehicule.essence{ 		background-position:	0px 	-108px; }
.iconeVehicule.no_essence{ 		background-position:	-28px	-108px; }

#listeMaterielVehicule{
	width:550px;
}

/* Carrousel qui montre les matériels */
.carrousel-materiel-container{
	text-align:center;
	width:auto;
	color:red;
	margin: 10px auto;
}
.carrousel-materiel{
	margin:0px auto;
	width:inherit;
	background-color:white;
	border:1px solid #E5E5E5;
}

.carrousel-materiel .next{
	right:0px;
	top:50px;
}
.carrousel-materiel .prev{
	left:0px;
	top:50px;
}

.carrousel-materiel .interieur-carrousel{
	margin-left:50px; /* = largeur next et prev */
}

.carrousel-materiel .item{
	text-align:center;
	border:2px solid transparent;	
	font-size:0.8em;
	color:#333333;
}

.carrousel-materiel .item:hover{
	background-color:#F0F0F0;
}