/*
 * Vue en coupe de la fourmilière (US-112) — remplacement de l'objet Flash fourmiliere.swf.
 *
 * La scène fait 750x750, comme la scène du SWF d'origine : les coordonnées utilisées par
 * fourmiliere.js et par la <map> des infobulles sont donc directement comparables.
 */

/* Le conteneur est calé sur le même coin que l'image porteuse de la <map>, qui le recouvre :
   les coordonnées des <area> restent donc valables sans être retouchées.
   Empilement : décor+faune (1) < image porteuse de la <map> (2) < infobulles (3). Explicite
   plutôt que déduit de l'ordre du DOM, sinon le canvas masquerait les infobulles. */
#fourmiliere {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 750px;
	height: 750px;
	/* Le décor (galeries, terre, herbe) est une image unique, posée en fond. */
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Canvas du peuplement : œufs, champignons, fourmis. Superposé au décor, sous la <map>. */
#fourmiliere_faune {
	position: absolute;
	left: 0;
	top: 0;
}