/*---------------------------------------------------------------------------------------------------------------------------------------------  */
/* -------------------------------------------------------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----------------------------------------------------- */
.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;
}
#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-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;
}