/* gris hhpp: #434141 
couleur par défaut:
  */


body
{
background-color:black;
color:white;
width: 100%;
margin: auto;
min-width:600px;
max-width:2000px;
}

.Intro
{
text-align:center;
font-size:12px;
color:#B9B8B8;
}

.Intro h2
{
padding-bottom:0px;
margin-bottom:0px;
}

.classe
{
margin:auto;
font-size:10px;
text-align:center;
border-collapse:separate;
border:0px solid white;
}

.classe td
{
border:0px solid white;
}


.prec{float:left;}
.prec a{text-decoration:none;font-size:12px;color:#8E8A88;}

.suiv{float:right;}
.suiv a{text-decoration:none;font-size:12px;color:#8E8A88;}


h1{text-align:center;}

.backlink
{
text-align:center
}

.backlink a
{
font-size:10px;
color:#8E8A88;
}

.descript
{
font-size:11px;
color:#8E8A88;
text-align:left;
}

.photo
{
margin:auto;
text-align:left;
}

.photo img
{
border-left: 6px solid white;
border-right: 6px solid white;
border-top: 20px solid white;
border-bottom: 20px solid white;
width:500px;

}


.photo_min img
{
height:80px;
border-left: 3px solid white;
border-right: 3px solid white;
border-top: 12px solid white;
border-bottom: 12px solid white;
margin-right:30px;
margin-bottom:60px;
}

.photo_moy img
{
height:120px;
border-left: 3px solid white;
border-right: 3px solid white;
border-top: 12px solid white;
border-bottom: 12px solid white;
margin:10px;
margin-left:0px;

}

.photo_moy
{
width:100px;
text-align:left;

}



.PDS img
{
       width:350px;
       background-color: white;
       padding:11px;
       border: 10px ridge #9E5A25;
       -moz-border-radius:1px;
       border-radius:1px;
}

.PDS img:hover
{
       background-color: black;
       padding:11px;
}


.H-rating{
                list-style:none;
		margin: 0px;
		padding:0px;
		width: 180px;
		height: 30px;
		position: relative;
		background: url("images/H-vote_off.png") top left repeat-x;		
	}
	.H-rating li{
		padding:0px;
		margin:0px;
		height:30px;
		width: 30px;		
		/*\*/
		float: left;
		/* */
	}
	.H-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;
	}
	.H-rating li a:hover{
		background: url("images/H-vote_on.png") left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.H-rating a.one-star{
		left: 0px;
	}
	.H-rating a.one-star:hover{
		width:30px;
	}
	.H-rating a.two-stars{
		left:30px;
	}
	.H-rating a.two-stars:hover{
		width: 60px;
	}
	.H-rating a.three-stars{
		left: 60px;
	}
	.H-rating a.three-stars:hover{
		width: 90px;
	}
	.H-rating a.four-stars{
		left: 90px;
	}	
	.H-rating a.four-stars:hover{
		width: 120px;
	}
	.H-rating a.five-stars{
		left: 120px;
	}
	.H-rating a.five-stars:hover{
		width: 150px;
	}
        .H-rating a.six-stars{
		left: 150px;
	}
	.H-rating a.six-stars:hover{
		width:180px;
	} 
	.H-rating li.current-rating{
		background: url("images/H-voted.png") left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}		



.H-rating_small{
                list-style:none;
		margin: 0px;
		padding:0px;
		width: 120px;
		height: 20px;
		position: relative;
		background: url("images/H-vote_off_small.png") top left repeat-x;		
	}
	.H-rating_small li{
		padding:0px;
		margin:0px;
		height:20px;
		width: 20px;		
		/*\*/
		float: left;
		/* */
	}
	.H-rating_small li a{
		display:block;
		width:20px;
		height: 20px;
		line-height:20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.H-rating_small li a:hover{
		background: url("images/H-vote_on_small.png") left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.H-rating_small a.one-star{
		left: 0px;
	}
	.H-rating_small a.one-star:hover{
		width:20px;
	}
	.H-rating_small a.two-stars{
		left:20px;
	}
	.H-rating_small a.two-stars:hover{
		width: 40px;
	}
	.H-rating_small a.three-stars{
		left: 40px;
	}
	.H-rating_small a.three-stars:hover{
		width: 60px;
	}
	.H-rating_small a.four-stars{
		left: 60px;
	}	
	.H-rating_small a.four-stars:hover{
		width: 80px;
	}
	.H-rating_small a.five-stars{
		left: 80px;
	}
	.H-rating_small a.five-stars:hover{
		width: 100px;
	}
        .H-rating_small a.six-stars{
		left: 100px;
	}
	.H-rating_small a.six-stars:hover{
		width:120px;
	} 
	.H-rating_small li.current-rating{
		background: url("images/H-voted_small.png") left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}