/* Général */
.rack{
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #000;
}

.zone_1, .zone_2, .zone_3, .zone_4, .zone_5{
	display: block;
	float: left;
}

.clearer{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.legendeTxt{
	vertical-align: middle;
	padding-right: 20px;
}


/* Vue de dessus */
.rangee{
	display: inline-block;
	margin-left: 5px;
}

.rangee > .zone_1{
	height: 15px;
	width: 22px;
}

.rangee > .zone_2{
	height: 15px;
	width: 44px;
}

.rangee > .zone_3{
	height: 15px;
	width: 66px;
}

.rangee > .zone_4{
	height: 15px;
	width: 88px;
}

.rangee > .zone_5{
	height: 15px;
	width: 110px;
}


/* Vue de face */
.rangeef{
	display: block;
	margin-left: 45px;
}

.legendr{
	display: block;
	float: left;
	width: 22px;
	margin-top: 15px;
}

.legendr>.row{
	display: block;
	height: 31px;
	line-height: 31px;
	border: none !important;
}

.legendc{
	display: block;
	height: 15px;
	border-bottom: 1px solid #000;
}

.col{
	display: block;
	float: left;
	width: 22px;
}

.rangeef > .rack{
	border-bottom: none;
}

.rangeef > .zone_1{
	width: 22px;
}

.rangeef > .zone_2{
	width: 44px;
}

.rangeef > .zone_3{
	width: 66px;
}

.rangeef > .zone_4{
	width: 88px;
}

.rangeef > .zone_5{
	width: 110px;
}

.ligne{
	display: block;
	float: left;
	height: 30px;
	border-bottom: 1px solid #000;
}

.palette{
	display: block;
	float: left;
	height: 30px;
	width: 20px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
    line-height: 30px;
}


/* Type d'emplacement palette */
.palette.rien{
	width: 22px;
	border: none;
	background-color: #BBB;
}

.palette.attribue{
	background-image: url('../img/emplacements/croix.gif');
}

.palette.nonattribue{
	background-color: #FFF;
}

.palette.legende{
	border: 1px solid #000;
	margin-right: 5px;
    text-align: center;
}

.palette.legende.quarantaine, .palette.legende.experimentaux{
    border-width: 3px;
    height: 26px;
    width: 16px;
    line-height: 26px;
}

.palette.quarantaine, .palette.experimentaux {
    border-width: 3px;
    width: 16px;
}

.palette.quarantaine {
    border-color: red;
}

.palette.experimentaux {
    border-color: orange;
}

.palette.hide{
    background-color: #AAA !important;
}