body, html
{
	margin:0; padding:0; font-size:12px;
}
body
{
	background:url(/images/bg-intro.jpg) repeat-x 50% 0;
}
#container
{
	width:100%;
	min-width:960px;
	height:850px;
}
ember, object { outline:none; }

#saos { position: absolute; top: 70px; left: 540px; width: 550px; height: 280px; }

#mahc { position: absolute; top: 470px; left: 700px; width: 250px; height: 110px; }

#billetterie { position: absolute; top: 520px; left: 180px; width: 250px; height: 110px; }

#region { position: absolute; top: 690px; left: 120px; width: 100px; height: 47px; }
#agglo { position: absolute; top: 640px; left: 230px; width: 80px; height: 110px; }
#montpellier { position: absolute; top: 685px; left: 317px; width: 45px; height: 55px; }
#herault { position: absolute; top: 685px; left: 380px; width: 40px; height: 57px; }
#ministere { position: absolute; top: 685px; left: 435px; width: 47px; height: 58px; }
#patinoire { position: absolute; top: 685px; left: 500px; width: 57px; height: 60px; }
#odysseum { position: absolute; top: 685px; left: 690px; width: 140px; height: 60px; }
#pyxis { position: absolute; top: 690px; left: 850px; width: 120px; height: 60px; }
#fmc { position: absolute; top: 680px; left: 990px; width: 80px; height: 70px; }