/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------------MISE EN PAGE----------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
#screen {
	width : auto;
	padding : 10px;
}

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

#encadre {
	width : auto;
	padding : 8px;
	height : 500px;
}
#encadre img#jaquette {
	float : left;
	margin-right : 20px;
	margin-bottom : 10px;
}
#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;
}

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

#screen a:link { 
	color: #93aa00;
	font-weight : bold;
}
#screen a:visited {
	color: #93aa00;
	font-weight : bold;
}
#screen a:hover { 
	color: #93aa00;
	font-weight : bold;
}
#encadre {
	font-size : 8pt;
	text-align : center;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------- IMAGES COULEURS BORDURES----------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------------------------  */
#screen {
	background-color : #ffffff;
}
#screen h2 {
border : 1px solid #e1e3d9;
}
/* -------------------------------------------- Classes de navigation ----------------------------------------------------- */
.suivant{
	float : right;
}
.precedent{
	float : left;
}

/* -------------------------------------------- Classes de chapeaux suivant le genre----------------------------------------------------- */
.adventure{
	background-image : url(produit/en/chapeau/adventure.gif);
	background-repeat:repeat-y;
}
.historical-adventure{
	background-image : url(produit/en/chapeau/historical-adventure.gif);
	background-repeat:repeat-y;
}
.strategy-simulation{
	background-image : url(produit/en/chapeau/strategy-simulation.gif);
	background-repeat:repeat-y;
}
.kids{
	background-image : url(produit/en/chapeau/kids.gif);
	background-repeat:repeat-y;
}
.racing{
	background-image : url(produit/en/chapeau/racing.gif);
	background-repeat:repeat-y;
}
.fps{
	background-image : url(produit/en/chapeau/fps.gif);
	background-repeat:repeat-y;
}
.edutainment{
	background-image : url(produit/en/chapeau/edutainment.gif);
	background-repeat:repeat-y;
}
#screen h1 {
	color: #ffffff;
}
#screen h3#screenshots {
	color: #ffffff;
}
#encadre {
	background-color : #f2f4e8;
}
#navigation-screen {
	background-color : #d6d7d0;
	
}

/* -------------------------------------------- Classes de screenshots suivant le genre----------------------------------------------------- */
.screen-adventure {
	background-color : #47c3d9;
	padding : 8px;
}
.screen-historical-adventure {
	background-color : #f4e716;
	padding : 8px;
}
.screen-strategy-simulation {
	background-color : #7cda49;
	padding : 8px;
}
.screen-kids {
	background-color : #3e84ed;
	padding : 8px;
}
.screen-racing {
	background-color : #ff8b1a;
	padding : 8px;
}
.screen-fps {
	background-color : #bd1029;
	padding : 8px;
}
.screen-edutainment {
	background-color : #d856e8;
	padding : 8px;
}