.def{
position:relative;
margin-right:0px;
right:0px;
width:360px;
height:243px;
z-index:10;
}

.info_sosie01{
position:absolute;
margin-top:auto;
margin-bottom:auto;
margin-left:0px;
left:5px;
width:160px;
}

.info_sosie02{
position:relative;
margin-top:0px;
margin-right:20px;
width:350px;
height:255px;
}

.logo_black{
position:absolute;
margin-left:0px;
left:0px;
width:90px;
height:47px;
}

.info_sosie03{
position:relative;
margin-top:0px;
margin-right:0px;
padding-top: 10px; 
width:275px;
}

.info_sosie04{
position:relative;
margin-top:5px;
margin-left:0px; 
width:340px;
height:160px;
background-color:#e9f1f7;
}

.info_sosie05{
position:relative;
margin-bottom:0px;
margin-left:0px;
width:340px;
text-align: right;
}

.info_avis01{
position:relative;
margin-bottom:0px;
margin-left:10px;
background-color:#e9f1f7;
width:500px;
height:auto;
}

.info_avis02{
position:relative;
margin-bottom:0px;
margin-left:10px;
text-align: right;
width:500px;
height:auto;
}

/* les cadres  de design */

.cadre_haut_petit{
position:relative;
margin-top:5px;
margin-left:10px;
background-image:url('2007/cadre_petit01.png');
background-repeat:no-repeat;
height:20px;
width:270px;
}

.cadre_fond_petit{
position:relative;
margin-left:10px;
padding-left:10px;
background-image:url('2007/cadre_petit02.png');
background-repeat:repeat-y;
text-align: left;
width:270px;
}

.cadre_bas_petit{
position:relative;
background-image:url('2007/cadre_petit03.png');
background-repeat:no-repeat;
margin-left:10px;
margin-top:0px;
margin-bottom:5px;
height:26px;
width:270px;
}

.cadre_haut_grd{
position:relative;
margin-top:10px;
margin-left:10px;
background-image:url('2007/cadre_grd01.png');
background-repeat:no-repeat;
height:20px;
width:550px;
}

.cadre_fond_grd{
position:relative;
margin-left:10px;
padding-left:10px;
background-image:url('2007/cadre_grd02.png');
background-repeat:repeat-y;
text-align: left;
width:550px;
}

.cadre_bas_grd{
position:relative;
background-image:url('2007/cadre_grd03.png');
background-repeat:no-repeat;
margin-left:10px;
margin-bottom:5px;
height:40px;
width:550px;
}

/* etoiles votes */

	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url('2007/tetesdecron.gif') top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		height:30px;
		width: 30px;		
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url('2007/tetesdecron.gif') left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url('2007/tetesdecron.gif') left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}