<div id ="entier">



<div id="container">

<div id="texte">le text ici</div>

<div id="photo">la photo ici</div>



<div id="loupe">la loupe en z index dessu mais en bas</div>



</div>



</div>

#entier{

width:100%;

height:100%;

}

#container {

	background-color: #FFF;

	height: 278px;

	width: 713px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#texte {

	height: 278px;

	width: 341px;

	float: left;

}



#loupe{

	position:relative;

	top:-100px;

	z-index:2;

	left:auto;

}



#photo {

	float: right;

	height: 278px;

	width: 330px;

}