/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------------MISE EN PAGE----------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
#produit {
	width : auto;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
}

#chapeau {
	width : auto;
	height : 20px;
	margin-bottom : 5px;
}

#encadre {
	width : auto;
	padding : 8px;
	margin-bottom : 5px;
	height : 365px;
}
#encadre img#jaquette {
	float : left;
	margin-right : 20px;
	margin-bottom : 10px;
}
#encadre img#bouton{
	position : relative;
	left : -200px;
	top : 290px;
}
#presentation {
	width : auto;
	padding : 8px;
	margin-bottom : 5px;
}
#pointsforts {
	width : auto;
	padding : 8px;
	margin-bottom : 5px;
}
#pointsforts li {
	margin-bottom : 15px;
}
#presscoverage {
	width : auto;
	padding : 8px;
	margin-bottom : 5px;
}
#presscoverage li {
	margin-bottom : 15px;
}
#screenshots {
	width : auto;
	margin-bottom : 5px;
}
#screenshots ul {
	width: auto; /* implique un retour à la ligne	*/
	height : 200px;
	margin : 0 0 0 0;
	padding-left : 6px;
}
#screenshots li {
	display : block;
	float: left;
	width: 125px;
	padding: 0 0 0 0;
	margin-right : 6px;
	-margin-right : 4px;
	margin-bottom : 4px;
}
#screenshots ul, #screenshots li {
	list-style-type : none;
}
#maj {
	float : right;
	width : auto;
	padding : 8px;
	margin-bottom : 5px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* ------------------------------------------------------- TYPOGRAPHIE ----------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
#produit {
	font-family : helvetica, serif;
	text-align : justify;
}
#produit h1 {
	text-align : left;
	font-size : 11pt;
	line-height : 20px;
	font-weight : bold;
	margin-top : 0px;
	margin-left : 5px;
	margin-bottom : 3px;
}
#produit h2 {
	text-align : center;
	font-size : 12pt;
	font-weight : bold;
	margin-top : 6px;
	margin-bottom : 6px;
	padding-top : 4px;
	height : 24px;
}
#produit h3{
	text-align : left;
	font-size : 10pt;
	font-weight : bold;
	padding : 0;
	margin-top : 5px;
	margin-bottom : 5px;
}

#produit a:link { 
	color: #93aa00;
	font-weight : bold;
}
#produit a:visited {
	color: #93aa00;
	font-weight : bold;
}
#produit a:hover { 
	color: #93aa00;
	font-weight : bold;
}

#chapeau a:link { 
	color: #ffffff;
}
#chapeau a:visited {
	color: #ffffff;
}
#chapeau a:hover { 
	color: #ffffff;
}
#encadre {
	font-size : 8pt;
}
#encadre th {
	font-weight : bold;
}
#maj {
	font-size : 8pt;
	font-style : italic;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------- IMAGES COULEURS BORDURES----------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
#produit {
	background-color : #ffffff;
}
/* -------------------------------------------- Classes de chapeaux suivant le genre----------------------------------------------------- */
.general{
	background-image : url(produit/fr/chapeau/general.gif);
	background-repeat:repeat-y;
}
.aventure{
	background-image : url(produit/fr/chapeau/aventure.gif);
	background-repeat:repeat-y;
}
.aventure-historique{
	background-image : url(produit/fr/chapeau/aventure-historique.gif);
	background-repeat:repeat-y;
}
.strategie-simulation{
	background-image : url(produit/fr/chapeau/strategie-simulation.gif);
	background-repeat:repeat-y;
}
.enfants{
	background-image : url(produit/fr/chapeau/enfants.gif);
	background-repeat:repeat-y;
}
.course{
	background-image : url(produit/fr/chapeau/course.gif);
	background-repeat:repeat-y;
}
.fps{
	background-image : url(produit/fr/chapeau/fps.gif);
	background-repeat:repeat-y;
}
.ludo-culturel{
	background-image : url(produit/fr/chapeau/ludo-culturel.gif);
	background-repeat:repeat-y;
}
#produit h1 {
	color: #ffffff;
}
#produit h2 {
	border : 1px solid #e1e3d9;
}
#produit h3#screenshots {
	color: #ffffff;
}
#encadre {
	background-color : #f2f4e8;
}
#pointsforts {
	background-color : #f2f4e8;
}
/* -------------------------------------------- Classes de screenshots suivant le genre----------------------------------------------------- */
.screen-aventure {
	background-color : #47c3d9;
	padding : 8px;
}
.screen-aventure-historique {
	background-color : #f4e716;
	padding : 8px;
}
.screen-strategie-simulation {
	background-color : #7cda49;
	padding : 8px;
}
.screen-enfants {
	background-color : #3e84ed;
	padding : 8px;
}
.screen-course {
	background-color : #ff8b1a;
	padding : 8px;
}
.screen-fps {
	background-color : #bd1029;
	padding : 8px;
}
.screen-ludo-culturel {
	background-color : #d856e8;
	padding : 8px;
}