function css_popup(url,titre,prix) {
	var tmp, tmp2, csspopup; 

        // Trouve la taille de la zone html
	var width,height;
	if (self.innerHeight) { // tous sauf IE
		width = self.innerWidth;
		height = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) { // IE 6 mode strict 
		width = document.documentElement.clientWidth;
		height = document.documentElement.clientHeight;
	}
	else if (document.body) { // autres IE
		width = document.body.clientWidth;
		height = document.body.clientHeight;
	}

        // Trouve de combien on a defile
	var offset_x,offset_y;
	if (self.pageYOffset) { // tous sauf IE
		offset_x = self.pageXOffset;
		offset_y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop) { //  IE 6 mode strict
		offset_x = document.documentElement.scrollLeft;
		offset_y = document.documentElement.scrollTop;
	}
	else if (document.body) { // autres IE
		offset_x = document.body.scrollLeft;
		offset_y = document.body.scrollTop;
	}

	// vire un eventuel popup precedent
	css_unpop();
// Fermeture
	
	// cree la structure du popup
	csspopup = document.createElement('div');
	csspopup.id = 'csspopup'
	csspopup.style.position = 'absolute';
	csspopup.style.top = '-10000px';
	csspopup.style.left = '-10000px';
	csspopup.style.width = '340px';
	csspopup.style.zIndex = '10000';
  	//csspopup.style.padding = '5px';
	csspopup.style.backgroundColor = '#fff';
	csspopup.style.border = '1px solid #B0BDC6';
	

			 
	csspopup.innerHTML='<div style=\"text-align:right; background-color:#EEF2F7; padding: 2px 5px 2px 0;font-family:verdana, sans-serif;font-size:11px;\"><a href=\"javascript:css_unpop();\"><img src="images/popine_bouton_fermer.gif" width="10" height="10" align="right" style="margin-left:5px" />Fermer</a></div><div style=\"padding:10px;font-size:14px;font-family:arial\"><h1>' + titre + '</h1></div>';

	
	

	
	tmp = document.createElement('div');
	tmp.style.padding = '2px';
	


 	// On prepare l'image mais on ne la charge pas tant que son onload n'a pas ete declare
	var pop_image = document.createElement('img');
 
	tmp.appendChild(pop_image);
	csspopup.appendChild(tmp);

 
 

	document.body.appendChild(csspopup);

	//csspopup.onclick = css_unpop;
	
	// a utiliser => document.onclick = css_unpop;
	
	/*csspopup.onmouseover = function () {
		csspopup.onmouseout = css_unpop;
	}*/
	//csspopup.onmouseout = css_unpop;

	// on n'affichera le popup qu'une fois l'image chargee pour etre sur de
	// connaitre sa taille reele
	pop_image.onload = function () {
		var csspopup = document.getElementById('csspopup');
		if(csspopup) {
			// contournement bug IE
			if(document) { ieHideSelect(); }

			// C'est ici qu'on affiche pour de bon
			csspopup.style.left = ((width / 2) - (csspopup.offsetWidth / 2) + offset_x) + "px";
			csspopup.style.top = ((height / 2) - (csspopup.offsetHeight / 2) + offset_y) + "px";
		}
	}
	// Et enfin on charge l'image. L'affichage ne se fera reelement qu'une
	// fois le chargement termine
	pop_image.src = url;

	return void(0);
}

function css_unpop(e) {
	var csspopup = document.getElementById('csspopup');
	if(csspopup) {
		// contournement bug IE
		if(document) { ieRestoreSelect(); }
		// On supprime le popup
		document.body.removeChild(csspopup);
	}
}

// Masquage de tous les <select> pour IE (contournement de bug)
// L'objectif est d'eviter que les select n'apparaissent a travers un div qui
// passer devant. Il existe un meilleurs contournement (avec creation d'une
// iframe) mais j'ai choisi de ne pas l'utiliser (pas le temps)
function ieHideSelect() {
	/*for (var i = 0; i < document.all.length; i++) {
		o = document.all(i);
		if (o.type == 'select-multiple') {
			if (o.style) o.style.display = 'none';
		}
		if (o.type == 'select-one') {
			if (o.style) o.style.display = 'none';
		}
	}*/
	
	
		selects = document.getElementsByTagName("select");
        for (i = 0; i != selects.length; i++) {
                selects[i].style.visibility = "hidden";
        }
	
} 

// Affichage de tous les <select> pour IE (contournement de bug)
// operation invers de ieHideSelect
function ieRestoreSelect(){
	/*for (var i = 0; i < document.all.length; i++) {
		o = document.all(i);
		if (o.type == 'select-one') {
			if (o.style) o.style.display = '';
		}
		if (o.type == 'select-multiple') {
			if (o.style) o.style.display = '';
		}
	}*/
	selects = document.getElementsByTagName("select");
    for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}