<script src="../common/javascript/infobulle.js" type="text/javascript"></script>
<script src="../common/javascript/loadImage.js" type="text/javascript"></script>
<script src="../common/javascript/boutique.js" type="text/javascript"></script>

<div class="corp">
	<table class="box">
		<tr>
			<td class="boxtopborder2">
				<img src="images/enteteBoutique.jpg" alt="(la boutique)" />
				Bienvenue dans la boutique... Venez nombreux y achetez et y vendre des objets...
			</td>
		</tr>
		<tr>
			<td>
				<div class="tabArea">
					<div class="tabContenu" >
						<div class="tabListe" id="listeObjet"></div>
						<div class="tabChoix" id="choix">
							<div class="afficheChocopepite" id="affChoco"></div>
							<div class="afficheChoix" id="affChoix"></div>
							<div class="tabBouton" id="bouton"></div>
						</div>
					</div>
					<div class="tabSecondArea">
						<div class="tab" id="achat" onmouseover="rollover('achat','images/fond3.jpg')" onmouseout="rollover('achat','images/fond1.jpg')" onclick="listeAchat('achat','images/fond2.jpg')">Achat</div>
						<div class="tab" style="position:absolute; left:70px;" id="vente" onmouseover="rollover('vente','images/fond3.jpg')" onmouseout="rollover('vente','images/fond1.jpg')" onclick="listeVente('vente','images/fond2.jpg')">Vente</div>
					</div>
				</div>
			</td>
		</tr>
	</table>
</div>

<!-- appel à l'initialisation des infos bulles  -->
<script type="text/javascript">InitBulle("#000000","#7AC528","#000000",1);
// InitBulle(couleur de texte, couleur de fond, couleur de contour, taille contour)
</script>
