/* Feuille de Style des modules */
/* Contient les styles de block relatifs aux modules */
/* Design "GameClassification" */


/* ----------------------------------------- */
/* -= TOUS LES MODULES =- */
/* ----------------------------------------- */

/* HR qui agissent comme spacer */
.spacer {
	visibility: hidden;
	clear: both;
}

/* Block des multi-pages */
.block_navig_page {
	text-align: center;
	margin-bottom: 15px;
}


/* Block des options en haut */
.block_options_top {
	text-align: center;
	margin-bottom: 10px;
}

/* Block des options en bas */
.block_options_bottom {
	text-align: center;
	margin-bottom: 10px;
}


/* Block de navigation dans le module (browsage des posts...) */
.block_navig_module {
	position: relative;
	text-align: center;
	width: 100%;
}
/* Colle prev et next au bord du block conteneur du menu */
.block_navig_module .prev {
	position: absolute;
	left: 10px;
	text-align: left;
	width: 250px;
}
.block_navig_module .next {
	position: absolute;
	right: 10px;
	text-align: right;
	width: 250px;
}
.block_navig_module .back {
	font-weight: bold;
}


/* Liens d'options de modification */
.manage_link {
	font-style: italic;
}

/* Liens de visionnage en détail */
.details_link {
	font-weight: bold;
}



/* ----------------------------------------- */
/* -= MODULES COMMUNS =- */
/* ----------------------------------------- */

/* Block de la page d'édition */
.block_edit {
	margin-top: 30px;
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_edit div, .block_edit table, .block_edit img, .block_edit ul, .block_edit ol, .block_edit p, .block_edit input, .block_edit textarea {
	margin-left: auto;
	margin-right: auto;
}
.block_edit .block_contenu {
	text-align: center;
	width: 90%;
}
/* Modifie les formulaires */
.block_edit .input_text {
	display: block;
	width: 500px;
}
.block_edit .input_textarea {
	display: block;
	width: 500px;
	height: 300px;
	
}


/* Block de la page d'insertion */
.block_insert {
	margin-top: 30px;
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_insert div, .block_insert table, .block_insert img, .block_insert ul, .block_insert ol, .block_insert p, .block_insert input, .block_insert textarea {
	margin-left: auto;
	margin-right: auto;
}


/* Block de la page de suppression */
.block_delete {
	margin-top: 30px;
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_delete div, .block_delete table, .block_delete img, .block_delete ul, .block_delete ol, .block_delete p, .block_delete input, .block_delete textarea {
	margin-left: auto;
	margin-right: auto;
}



/* ------------------------------------ */
/* -= PAGE D'ACCUEIL =- */
/* ----------------------------------- */

/* Change la couleur des titres */
.block_accueil h3 {
	color: #FF8A00;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	background-image: url("bg_title.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 9px;
}

/* Change les sous-titres */
.block_accueil h4 {
	color: #FFFFFF;
	background-image: url("bg_subtitle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 1.2em;
	margin-left: -15px;
	border-top: 30px solid #FFFFFF;
	clear: left;
}

/* Lien avec image vignette  */
.block_accueil .link_vign {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.2;
}

/* Lien avec image brique  */
.block_accueil .link_vign_brick {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	text-decoration: none;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.2;
}

/* Block RECHERCHE AVANCEE EN PAGE D'ACCUEIL */
.block_accueil .block_gpm {
	font-size: 0.95em;
}
.block_accueil .block_gpm .criteria {
	width: 225px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
}
.block_accueil .block_gpm ul {
	list-style-type: none;
	padding-left: 20px;
}
.block_accueil .block_gpm .input_button {
	margin-top: 20px;
}
.block_accueil h5 {
	font-weight: bold;
	font-style: normal;
	color: #65889E;
	font-size: 1.05em;
	width: 450px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #65889E;
	margin-bottom: 5px;
}

/* Block NEWS EN PAGE D'ACCUEIL */
.block_indexnews  {
	float: right;
	width: 250px;
	background-color: #D9DDDF;
	margin-left: 20px;
	text-align: right;
}
.block_indexnews h2 {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #24526B;
	border-bottom: 1px solid #24526B;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}
.block_indexnews .block_contenu h3 {
	font-size: 1em;
	color: #65889E;
	border-bottom: 1px solid #65889E;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: right;
}
.block_indexnews .block_contenu h3 a:link, .block_indexnews .block_contenu h3 a:visited {
	color: #24526B;
}
.block_indexnews .block_contenu h3 a:hover, .block_indexnews .block_contenu h3 a:active {
	color: #FF8A00;
}
.block_indexnews .block_contenu {
	font-size: 0.85em;
	margin-bottom: 10px;
}
.block_indexnews .block_contenu img {
	display:block;
	margin-top: -8px;
	margin-left: auto;
	margin-right: 0;
}






/* --------------------------------------- */
/* -= GESTION DES JEUX =- */
/* --------------------------------------- */

/* Block du contenu général */
.block_game .block_contenu, .block_game_bricks .block_contenu, .block_game_critics .block_contenu, .block_classification .block_contenu, .block_about .block_contenu, .block_gpm .block_contenu, .block_search .block_contenu {
	margin-top: 1px;
	border-top: 2px solid #65889E;
	padding-top: 5px;
}

/* Titre alternatif eventuel */ 
h2 em {
	display: block;
	text-align: right;
	font-size: 0.50em;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0px;
}
/* Met la date sous le titre H2 */ 
h2 small {
	color: #24526B;
	display: block;
	text-align: right;
	font-size: 0.45em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0px;
	/* Transforme le small en bloc multiligne (pour l'instant on a fait plus simple, mais si besoin un jour...)
	width: 350px;
	margin-left: auto;
	margin-right: 0;*/
}
/* Sous informations dans le sous-titre */ 
h2 small em {
	color: #65889E;
	display: inline;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}
/* Lien "PLAY IT NOW" - Titre */
h2 .link_button {
	font-size: 0.45em;
}


/* Block Informations sur le jeu - A DROITE */

/* Block général */
.block_game .block_left {
	margin-top: 20px;
}

/* Capture d'écran du jeu */
.block_game .block_left img {
	display: block;
	/*padding-left: 15px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
/* Sous titres */
.block_game .block_left h4 {
	color: #FFFFFF;
	background-image: url("bg_subtitle_small.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-left: -15px;
	text-align: left;
}
/* Liste de liens */
#module .block_game ul {
	margin-left: 0px;
}
.block_game .links, .block_machine .links {
	margin-left: 0px;
	font-size: 0.85em;
	color: #65889E;
	margin-bottom: 20px;
	list-style-position: inside;
}
.block_game .links li, .block_machine .links li {
	margin-bottom: 8px;
}



/* Block récapitulatif de la classification - A GAUCHE */
.block_game .block_left_float {
	float: right;
	width: 300px;
	margin-left: 30px;
}

/* Block des briques  */
.block_game .block_bricks {
	background-color: #E5E5EE;
	color: #24526B;
	width: 300px;
	text-align: center;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom: 20px;
	/*margin-top: -10px;*/
}
.block_game .block_bricks h4, .block_game .block_bricks h3 {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	background-color: #24526B;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.block_game .block_bricks h3 {
	color: #FF8A00;
	/*color: #FFFFFF;*/
	font-size: 1.5em;
	background-color: #FFFFFF;
	/*background-color: #FF8A00;*/
	background-image: url("bg_title.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	/*border: none;*/
	/*border-top: 1px solid #FF8A00;
	border-bottom: 1px solid #FF8A00;*/
	/*border-top: 1px solid #24526B;*/
	border-bottom: 1px solid #24526B;
}
.block_game .block_bricks .block_center {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.block_game .block_bricks .link_big {
	text-decoration: none;
}
/* Block flottant d'un Critère GPM */
.block_game .block_bricks .criteria {
	width: 150px;
	float: left;
	text-align: left;
}
.block_game .block_bricks ul {
	list-style-type: square;
	list-style-position: inside;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 30px;
}
/* Liste de mots clés */
.block_game .block_bricks .block_center .link_big {
	text-decoration: underline;
}
/* Liste de commentaires */
.block_game .block_bricks .links {
	padding-left: 0px;
	padding-right: 10px;
}

/* Block d'un Jeu similaire */
.block_game .block_bricks .block_thumb {
	width: 120px;
	height: 120px;
	margin-left: 8px;
	font-size: 0.80em;
	font-weight: normal;
}


/* ---------------------------------------------------------------- */
/* -= GESTION DES BRIQUES GAMEPLAY =- */
/* ----------------------------------------------------------------- */

/* Titre de la page d'info */
.block_game_bricks h3 {
	text-align: center;
}
/* Titre de chaque analyse (auteur en lien aligné à gauche */
.block_game_bricks .block_center h3 {
	text-align: left;
}
/* Block du formulaire d'édition d'une brique */
.block_edit .block_bricks {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.block_edit .block_brick_edit {
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
}



/* --------------------------------------------------- */
/* -= GESTION DU MODELE GPM =- */
/* --------------------------------------------------- */

/* Change la couleur des titres */
.block_gpm h3 {
	text-align: center;
}

/* Style des listes */
.block_gpm ul {
	list-style-position: inside;
}

/* Block flottant d'un Item lors de l'affichage (3 par ligne) */
.block_gpm .criteria {
	width: 235px;
	float: left;
	text-align: left;
}
/* Block flottant d'un Item lors de l'édition (2 par ligne) */
.block_edit .block_gpm .criteria {
	width: 330px;
}

/* Change les sous-titres */
.block_gpm h4 {
	color: #FFFFFF;
	background-image: url("bg_subtitle_small.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 1.2em;
	margin-bottom: 10px;
	text-align: left;
}
/* Pour l'édition, ils seront plus long */
.block_edit .block_gpm h4 {
	background-image: url("bg_subtitle.gif");
}

/* Blocks en mode classification */
.block_classification .block_gpm {
	margin-top: 15px;
}
.block_classification .block_gpm ul, .block_edit .block_gpm ul {
	list-style-type: none;
}


/* ------------------------------------------------------ */
/* -= GESTION DE LA DISCUSSION =- */
/* ------------------------------------------------------ */

/* Change les titres */
.block_game_critics .block_contenu h3 {
	position: relative;
	width: 100%;
}
/* Met la date a droite du titre */
.block_game_critics .block_contenu h3 small {
	color: #FF8A00;
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
	position: absolute;
	left: 660px;
}




/* ------------------------------------------------ */
/* -= GESTION DES MACHINES =- */
/* ------------------------------------------------ */

/* Block du contenu général */
.block_machine .block_contenu {
	margin-top: 1px;
	border-top: 2px solid #65889E;
	padding-top: 5px;
}
.block_machine h3 {
	text-align: center;
}




/* ------------------------------------ */
/* -= CLASSIFICATION =- */
/* ----------------------------------- */

/* Block du formulaire d'édition d'une brique */
.block_options_top .block_bricks {
	margin-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.block_options_top .block_brick_edit {
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
}

/* Block d'affichage d'une vignette */
.block_thumb {
	width: 170px;
	height: 200px;
	float: left;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
}
.block_thumb .details_link:link, .block_thumb .details_link:visited {
	color: #24526B;
}
.block_thumb .details_link:hover, .block_thumb .details_link:active {
	color: #FF8A00;
}

/* Block d'affichage de la liste mots-clés */
.block_keywords {
	padding-left: 50px;
	padding-right: 50px;
	line-height: 30px;
}
.block_keywords a {
	margin-left: 5px;
	margin-right: 5px;
}





/* ----------------------------- */
/* -= RECHERCHER =- */
/* ----------------------------- */

.block_search .block_contenu {
	padding-top: 10px;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
.block_search .block_contenu table {
	margin-left: auto;
	margin-right: auto;
}


.block_search .link_onglet, .block_search .link_onglet:visited {
	font-size: 0.85em;
	font-weight: normal;
	margin-left: 8px;
}
.block_search .link_onglet_on, .block_search .link_onglet_on:visited {
	font-size: 0.85em;
	font-weight: normal;
	margin-left: 8px;
}


/* -------------------------- */
/* -= A PROPOS =- */
/* -------------------------- */

/* Change la couleur des titres */
.block_about h3 {
	text-align: center;
}

/* Change les sous-titres */
.block_about h4 {
	color: #FFFFFF;
	background-image: url("bg_subtitle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 1.2em;
	margin-left: -15px;
	border-top: 30px solid #FFFFFF;
}

/* Change les listes */
.block_about ul {
	margin-bottom: 30px;
}
.block_about ul li {
	margin-bottom: 10px;
}

/* Block d'une brique */
.block_about .block_brick {
	clear: both;
}

/*  Titre - block d'une brique */
.block_about .block_brick h4 {
	background-image: none;
	margin: 0px;
	border: 0px;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	background-color: #24526B;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* Block de descriptions (des briques) */
.block_about .block_description {
	background-color: #E5E5EE;
	color: #24526B;
	width: 280px;
	height: 600px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	margin-bottom: 60px;
}

/* Block contenu de description */
.block_about .block_description_contenu {
	margin-top: 30px;
	width: 400px;
	text-align: center;
}
.block_about .block_description_contenu h4 {
	font-family: Helvetica, Arial, serif;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url("bg_subtitle.gif");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: left;
	height: 26px;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 1.2em;
	margin-top: 30px;
	margin-bottom: 10px;
	clear: left;
}
.block_about .block_description_contenu .block_thumb {
	height: 150px;
}



/* -------------------- */
/* -= AUTRES =- */
/* ------------------- */


/* -= Block de positionnement =- */

/* Lien d'un titre de niveau 3 */
h3 a:link, h3 a:visited {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #24526B;
}
h3 a:hover, h3 a:active {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #FF8A00;
}


/* Block du plan du site */
.block_sitemap {
	text-align: center;
	width: 100%;
}
.block_sitemap .block_contenu {
	text-align: left;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.block_sitemap ul {
	margin-bottom: 0px;
}


/* Block du formulaire de contact */
.block_contact .input_text {
	width: 400px;
}








/* -------------------- */
/* -= FORUM =- */
/* ------------------- */


/* Titre d'un Post*/
.block_forum .block_contenu h3 {
	position: relative;
	width: 100%;
}
/* Met la date a droite du titre */
.block_forum .block_contenu h3 span {
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
	position: absolute;
	left: 620px;
}



/* ------------------ */
/* -= NEWS =- */
/* ------------------ */


/* Titre d'un Post*/
.block_news .block_contenu h3 {
	position: relative;
	width: 100%;
}
/* Met la date a droite du titre */
.block_news .block_contenu h3 span {
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
	position: absolute;
	left: 620px;
}



/* --------------------------------------------------------- */
/* -= STYLES DE l'EDITEUR TINYMCE =- */
/* --------------------------------------------------------- */


/* -= Blocks de positionnement (modules.css) =- */
.float {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.center, .center img, .center table, .center div, .center span, .center p, .center ul, .center ol {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.left, .left img, .left table, .left div, .left span, .left p, .left ul, .left ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

.right, .right img, .right table, .right div, .right span, .right p, .right ul, .right ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

/* Block de disposition en 2 colonnes */
.block_2cols {
	width: 350px;
	float: left;
	margin-right: 5px;
}

/* Block de disposition en 3 colonnes */
.block_3cols {
	width: 250px;
	float: left;
	margin: 5px;
}


/* -= Divers =- */

/* Barre horinzontale */
hr {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}