body {
	}
	
	
	.mapRoom-global3D area.loading {
		cursor:	wait;
	}
	
	.mapRoom-global3D area {
		cursor:	pointer;
	}
	
	.mapRoom-global3D area.locked {
		cursor:	not-allowed;
	}

	
	#choixPlace {
		position:	relative;
	}
	
	#choixPlace .layers {
		margin:		auto;
		display:	none;
		position:	relative;
	}
	
	#choixPlace .unavailable,
	#choixPlace .hover {
		position:	absolute;
		top:		0;
		left:		0;
	}

	/* Hierarchie des couches :
		- Par defaut :
			4. masque(+areas) ?¹?
			4. fleches?²?
			3. invalides
			2. fond
		- Au survol :
			6. fleche?²? survolee
			5. masque(+areas) ?¹?
			4. fleches?²? non survolees
			3. invalides
			2. fond
		?¹? masque : masque translucide mettant en evidence un plan de salle
				c'est sur cette image que sont appliques les areas (zones cliquables)
		?²? fleche : designant des blocs (cas des reservations ou des transactions, par exemple)
	*/

	#choixPlace .unavailable {
		z-index:	3;
		display:	none;
	}

	#choixPlace .hover {
		z-index:	4;
	}

	.mapRoom-global3D .highlight {
		z-index:	4;
	}

	/* Au survol */
	#choixPlace .hover.active {
		z-index:	5;
	}
	.mapRoom-global3D .highlight:hover {
		z-index:	6;
	}
	
	#tooltip.roomSection,
	.tooltips .tooltip.roomSection {
		width:	350px;
	}
	
	#tooltip.roomSection .body .title,
	.tooltips .tooltip.roomSection .body .title {
		padding:	3px;
	}
	
	#tooltip.roomSection .preview,
	.tooltips .tooltip.roomSection .preview {
		float:	left;
		margin:	5px;
	}
	
	#tooltip.roomSection .showPrices,
	.tooltips .tooltip.roomSection .showPrices {
		clear:	left;
	}
	
	#tooltip.roomSection .showPrices .label,
	.tooltips .tooltip.roomSection .showPrices .label {
		float:	left;
	}