var iphone = 0;
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { 
	iphone = 1;
}else{
	window.onscroll = placerListe;
}

function getOffsetX(obj) {
	var curleft = 0;

	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			//curtop += obj.offsetTop;
			} while (obj = obj.offsetParent);
		if(iphone == 1) { 
			curleft = curleft*2;
		}
		return curleft;
	}
}

function afficherTitre(titre,elem){
	var elem2 = document.getElementById("bulle");
	elem2.innerHTML = titre;
	if(iphone == 1) { 
		elem2.style.left = getOffsetX(elem) -30 + "px"
	}else{
		elem2.style.left = getOffsetX(elem) - 60 + "px"		
	}
	montrerTitre();
	elem2.style.display = "block";	
}

function montrerTitre(){
	var elem2 = document.getElementById("bulle");
	if (getScrollTop() >= document.getElementById("entete").height){
		elem2.style.backgroundImage = "url(images/bulle2.png)";
		elem2.style.paddingTop = "25px";
		elem2.style.position = "fixed";
		elem2.style.top = "100px"
	}else{
		elem2.style.backgroundImage = "url(images/bulle1.png)";
		elem2.style.paddingTop = "10px";
		elem2.style.position = "absolute";
		elem2.style.top = document.getElementById("entete").height - 20 + "px"
	}
}

function masquerTitre(){
	document.getElementById("bulle").style.display = "none";
}

function placerListe(){
	var cou = document.getElementById("cou");
	if (getScrollTop() > document.getElementById("entete").height){
		cou.style.position = "fixed";
		cou.style.top = "30px";
		document.getElementById("tete").style.marginBottom = "70px";
	}else{
		cou.style.position = "static";
		document.getElementById("tete").style.marginBottom = "0px";
	}
	montrerTitre();
}
function getScrollTop(){
	var position = 0;
	if (typeof window.pageYOffset != 'undefined'){
		position = window.pageYOffset;
	}
	else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0){
		position = document.documentElement.scrollTop;
	}
	else if (typeof document.body.scrollTop != 'undefined'){
		position = document.body.scrollTop;
	}
	return position;
}