/***************************************/
/****      Dragonica JeuxOnLine     ****/
/****    colleen@jeuxonline.info    ****/
/****     deaks@jeuxonline.info     ****/
/****           avril 2009          ****/
/***************************************/

* {	margin: 0; padding: 0; }

body {
	background: #efe1a2;
	height: 100%;
	width: 100%;
}

img {
	border: 0px;
}

/** div global contenant tout le site centré **/
div#global {
	width: 1100px;
	margin: 0 auto;
	background: url(images/fond_repet.jpg) repeat-y;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

/** gestion de la banniere **/
div#banniere {
	width: 1100px;
	height: 297px;
	float: left;
	background: url(images/banniere.jpg) no-repeat;
}
div#banniere h1 {
	height: 297px;
	width: 1100px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
div#banniere h1 a { 
	display: block;
	height: 297px;
	width: 1100px;
}

/** gestion de la case qui contient capture + forums + dernieres nouvelles **/	
div#capt_for_news {
	width: 1100px;
	height: 173px;
	float: left;
	overflow: hidden;
}
div#capt_for_news_builder {
	width: 1100px;
	height:266px;
	float: left;
	overflow: hidden;
}

/** gestion de la case captures **/	
	div#captures {
		width: 297px;
		height: 173px;
		float: left;
		background: url(images/banniere_capture.jpg) no-repeat;
	}
		div#captures_box {
			width: 160px;
			float: left;
			height: 120px;
			padding: 41px 14px 12px 123px;
			overflow: hidden;
		}
		div#captures_box img {
			width: 160px;
			height: 120px;
		}
/** Gestion de la case capture du builder, transfo en menu **/
	div#captures_builder {
		width: 297px;
		float: left;
		background:url(images/menu_vide_repet.jpg) repeat-y;
		overflow:hidden;
	}
div#captures_builder a,
div#captures_builder a:visited { color:#1b6a5e; text-decoration: none; display:block; }
div#captures_builder a:hover,
div#captures_builder a:active { color:#1b6a5e; text-decoration: underline; font-style: italic; display:block; }

		div#captures_box_builder_titre {
			width: 297px;
			height:47px;
			float: left;
			background:url(images/menu_actualites_builder.jpg) no-repeat;
			overflow:hidden;
		}
		div#captures_box_builder_text {
			width: 297px;
			float: left;
			/*padding: 0 19px 0 128px;*/
			overflow: hidden;
			background:url(images/menu_actualites_builder_repet.jpg) repeat-y;
			overflow:hidden;
		}
		div#captures_box_builder_text ul {
			width:152px;
			height:177px;
			padding-left:127px;
			overflow:hidden;
			list-style:none;
		}
		div#captures_box_builder_text ul li {
			width:152px;
			padding-left:2px;
		}
		div#captures_box_builder_text ul li:hover {
			width:150px;
			padding-left:2px;
			background-color:#C8F3A3;
		}
		div#menu_fin_builder {
			width: 297px;
			height:15px;
			float: left;
			background:url(images/menu_fin.jpg) no-repeat;
			overflow:hidden;
		}
		div#menu_box_fin_builder {
			width: 297px;
			height:27px;
			float: left;
			background:url(images/menu_vide_fin.jpg) no-repeat;
		}


/** gestion de la case sur les forums **/		
	div#forums {
		width: 347px;
		height: 173px;
		float: left;
		background: url(images/banniere_forums.jpg) no-repeat;
	}
		div#forums_box {
			width: 297px;
			height: 127px;
			margin: 31px 22px 15px 28px;
			overflow: hidden;
		}
		div#forums_box table.jolsujets tr.lignesimpaires,
		div#forums_box table.jolsujets tr.lignesimpaires {
			height:18px;
		}
		div#forums_box p {
			margin: 0;
			padding: 0;
			font-size: 12px;
		}
		
		div#forums_box ul {
			text-decoration: none;
			list-style: inside;
			padding-left:15px;
		}
		div#forums_box ul li {
			color: #6c3a15;
		}
/** gestion de la case dernieres nouvelles **/	
	div#news {
		width: 456px;
		height: 173px;
		float: left;
		background: url(images/banniere_nouvelles.jpg) no-repeat;
	}
		div#news_box {
			width: 293px;
			height: 125px;
			margin: 34px 141px 14px 22px;
			overflow: hidden;
		}
		div#news_box p {
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height:21px;
		}
		div#news_box ul {
			color: #6c3a15;
		}
		div#news_box ul li {
			text-decoration: none;
			list-style: inside;
		}

/** gestion d'ensemble des liens du site **/
/** les liens menus sont traités plus bas **/
a,
a:visited {	color:#6c3a15; text-decoration: none; font-size: 12px;
 }

a:hover,
a:active { color:#6c3a15; text-decoration: underline; font-size: 12px;
 }



/**************************/
/* corps = menu + article */
/**************************/
div#corps {
	width: 1100px;
	float: left;
	background: url(images/fond_repet.jpg) repeat-y;
	overflow: hidden;
}
/* menu */
div#menu_box {
	width: 297px;
	float: left;
	background:url(images/menu_vide_repet.jpg) repeat-y;
}

/** fin d'un petit menu individuel **/
div#menu_fin {
	width: 297px;
	float: left;
	height: 15px;
	background:url(images/menu_fin.jpg) no-repeat;
	overflow: hidden;
}

/** gestion de la pub **/
div#pub_google_box {
	width:297px;
	float: left
}
	div#pub_google {
		width: 120px;
		float: left;
		padding: 20px 33px 0px 144px;
	}

/** div contenant la fin du menu global **/
div#menu_box_fin {
	width: 297px;
	float: left;
	height: 27px;
	background:url(images/menu_vide_fin.jpg) no-repeat;
}

/** Gestion des images de titre des menus **/
/** a mettre dans l'ordre du menu selon JOL Menu **/
/** Tous doivent etre identiques entre eux sauf le nom de l'image et le num de l'id qui s'incremente **/
/** Sauf pour sondage **/
div#menu_titre_1 {
	width: 297px;
	float: left;
	height: 43px; /* premier titre captures plus petit */
	background: url(images/menu_actualite.gif) no-repeat;	
}
div#menu_titre_2 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_presentation.gif) no-repeat;	
}
div#menu_titre_3 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_dragotaka.gif) no-repeat;	
}
div#menu_titre_4 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_personnage.gif) no-repeat;	
}
div#menu_titre_5 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_guides.gif) no-repeat;	
}
/*div#menu_titre_5 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_echoppe.gif) no-repeat;	
}*/
div#menu_titre_6 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_medias.gif) no-repeat;	
}
div#menu_titre_7 {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_communaute.gif) no-repeat;	
}
div#menu_titre_sondage {
	width: 297px;
	float: left;
	height: 50px;
	background: url(images/menu_sondage.jpg) no-repeat;	
}

/** gestion des sous menus alternants de couleur **/
div#menu_box div.sous_menu_1_1:hover,
div#menu_box div.sous_menu_3_1:hover,
div#menu_box div.sous_menu_5_1:hover,
div#menu_box div.sous_menu_7_1:hover,
div#menu_box div.sous_menu_9_1:hover,
div#menu_box div.sous_menu_11_1:hover,
div#menu_box div.sous_menu_13_1:hover,
div#menu_box div.sous_menu_15_1:hover,
div#menu_box div.sous_menu_17_1:hover {
	font-weight:bold;
}
div#menu_box div.sous_menu_1_1:hover a,
div#menu_box div.sous_menu_3_1:hover a,
div#menu_box div.sous_menu_5_1:hover a,
div#menu_box div.sous_menu_7_1:hover a,
div#menu_box div.sous_menu_9_1:hover a,
div#menu_box div.sous_menu_11_1:hover a,
div#menu_box div.sous_menu_13_1:hover a,
div#menu_box div.sous_menu_15_1:hover a,
div#menu_box div.sous_menu_17_1:hover a {
	font-weight:normal;
}


div#menu_box div.sous_menu_1_1,
div#menu_box div.sous_menu_3_1,
div#menu_box div.sous_menu_5_1,
div#menu_box div.sous_menu_7_1,
div#menu_box div.sous_menu_9_1,
div#menu_box div.sous_menu_11_1,
div#menu_box div.sous_menu_13_1,
div#menu_box div.sous_menu_15_1,
div#menu_box div.sous_menu_17_1 {
	width: 297px;
	float: left;
	height: 17px;
	background: url(images/sous_menu_1_bis.jpg) no-repeat;
	overflow: hidden;
	/*z-index: 10;*/
}

div#menu_box div.sous_menu_2_1:hover,
div#menu_box div.sous_menu_4_1:hover,
div#menu_box div.sous_menu_6_1:hover,
div#menu_box div.sous_menu_8_1:hover,
div#menu_box div.sous_menu_10_1:hover,
div#menu_box div.sous_menu_12_1:hover,
div#menu_box div.sous_menu_14_1:hover,
div#menu_box div.sous_menu_16_1:hover,
div#menu_box div.sous_menu_18_1:hover {
	font-weight:bold;
}
div#menu_box div.sous_menu_2_1:hover a,
div#menu_box div.sous_menu_4_1:hover a,
div#menu_box div.sous_menu_6_1:hover a,
div#menu_box div.sous_menu_8_1:hover a,
div#menu_box div.sous_menu_10_1:hover a,
div#menu_box div.sous_menu_12_1:hover a,
div#menu_box div.sous_menu_14_1:hover a,
div#menu_box div.sous_menu_16_1:hover a,
div#menu_box div.sous_menu_18_1:hover a {
	font-weight:normal;
}

div#menu_box div.sous_menu_2_1,
div#menu_box div.sous_menu_4_1,
div#menu_box div.sous_menu_6_1,
div#menu_box div.sous_menu_8_1,
div#menu_box div.sous_menu_10_1,
div#menu_box div.sous_menu_12_1,
div#menu_box div.sous_menu_14_1,
div#menu_box div.sous_menu_16_1,
div#menu_box div.sous_menu_18_1 {
	width: 297px;
	float: left;
	height: 17px;
	background: url(images/sous_menu_2_bis.jpg) no-repeat;
	overflow: hidden;
	/*z-index: 10;*/
}

/** menu sondage **/
div#menu_box div.sous_menu_sondage {
	width: 297px;
	float: left;
	/*height: 20px;*/
	background: url(images/sous_menu_2.jpg) repeat-y;
	overflow: hidden;
	font-size: 11px;
}



 /** position du titre des sous menus **/
div#menu_box div div.sous_menu_text_1 {
	width: 297px;
	float: left;
	min-height: 17px;
	height: 17px;
	padding: 0px 22px 3px 132px;
	/*overflow: hidden;*/
	color:#1b6a5e;
}
div#menu_box div div.sous_menu_text_1 p {
	width: 143px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	font-size: 12px;
}
div#menu_box div div.sous_menu_text_1 span {
	width: 200px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	font-size: 12px;
	display: block
}
div#menu_box div div.sous_menu_text_sondage {
	width: 297px;
	float: left;
	padding: 1px 22px 4px 132px;
	overflow: hidden;
}
div#menu_box div div.sous_menu_text_sondage p {
	width: 143px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
}

div#menu_box div div.sous_menu_text_sondage div.jol_sondages { width: 143px;}
div.jol_sondages div.jol_sondage {}
div.jol_sondages div.jol_sondage div.sondage {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage div.titre {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage div.date {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage table.options {}

div.jol_sondages div.jol_sondage div.sondage div.jolsondage div.stats {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage div.voter {}
div.jol_sondages div.jol_sondage div.sondage div.jolsondage div.divers {}

/*tr.option1 {}
tr.option2 {}
td.pourcents {}
td.votes {}*/


/** Niveau 2 sous-menu **/

div#menu_box div.fille {
	/*width: auto;*/
    display: none;
/*    margin-left: 7em;
     !margin-left: 2.4em;*/
   margin-left: 9em;
    !margin-left: 3.9em;
/*    margin-top: -1.8em;
    !margin-top: -0.4em;*/
    margin-top: -1.4em;
    !margin-top: -0.4em;
    position: absolute;
    padding: 0;
    filter: alpha(opacity=90);
	/*background-color:#61ccc6;
	border:solid 1px black;*/
	  z-index: 10;
}
/* bleu turquoise #61ccc6 */
/* vert clair = #DAFEB4 / vert fonce = #C8F3A3 */
/* vert couleur de lien : #1b6a5e */
/* vert couleur bordure : #BCE79F */
/* vert couleur bordure gauche : #164538 */
div#menu_box div.fille div.sous_menu_1_2 {
	width: 156px;
	height: 20px;
	padding: 0 3px 0 3px;
	background: url(images/sous_sous_menu_debut.gif) no-repeat;
}
div#menu_box div.fille div.sous_menu_3_2,
div#menu_box div.fille div.sous_menu_5_2 {
	width: 148px;
	background-color: #DAFEB4;
	padding: 0 3px 0 3px;
	border-left: solid 1px #164538;
	border-right: solid 1px #164538;
}
div#menu_box div.fille div.sous_menu_2_2,
div#menu_box div.fille div.sous_menu_4_2,
div#menu_box div.fille div.sous_menu_6_2 {
	width: 148px;
	background-color: #C8F3A3;
	border-left: solid 1px #164538;
	border-right: solid 1px #164538;
	/*border-top: solid 1px #BCE79F;
	border-bottom: solid 1px #BCE79F;*/
	padding: 0 3px 0 3px;
}
div#menu_box div.fille div.fin_fille {
	width: 156px;
	height: 6px;
	background: url(images/sous_sous_menu_fin.gif) no-repeat;
}
div#menu_box div.fille div.sous_menu_1_2 div.sous_menu_text_2 {
  color: #000000;
  width: 148px;
}

/** liens des menus **/
div#menu_box a,
div#menu_box a:visited { color:#1b6a5e; text-decoration: none; }
div#menu_box a:hover,
div#menu_box a:active { color:#1b6a5e; text-decoration: underline; font-style: italic; }

/* article */
div#articles_box {
	width: 803px;
	float: left;
	/*background:url(images/article_repet.jpg) repeat-y;*/
	overflow: hidden;
}
div#articles_box div#bug_firefox {
 width:600px;
 margin-left:40px;
 padding:5px;
 background-color:#FEE475;
 border:2px solid red;
 display:none;
 }

/** gestion des derniers articles - barre **/
div#articles_box div.articles_maj {
	width: 803px;
	height: 46px;
	background: url(images/articles_maj.jpg) no-repeat;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	margin-top:5px;
	overflow:hidden;
}
div.articles_maj_txt {
	width: 650px;
	height:23px;
	float: left;
	padding-top:11px;
	padding-left: 100px;
	overflow:hidden;
}
	div.articles_maj_txt ul {
		width: 570px;
		float: left;
		text-align: left;
		font-size: 13px;
		font-weight: normal;
	}
	div.articles_maj_txt ul.titre_article li {
		list-style:none;
		float:left;
		line-height: 23px;
		background:url(images/separateur.gif) no-repeat right center;
		padding-right:5px;
		margin-left:4px;
	}
	div.articles_maj_txt ul.titre_article li a {
		line-height: 23px;
	}
div.articles_maj_historique {
	width: 620px;
	height:12px;
	float: left;
	background:url(images/historique.gif) no-repeat bottom right;
}
div.articles_maj_historique h1 {
	height: 12px;
	width: 92px;
	float: right;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
div.articles_maj_historique h1 a { 
	display: block;
	height: 12px;
	width: 92px;
}

/** gestion des archives **/
div#articles_box p.freshnews_archives_titre {
	width: 803px;
	height: 53px;
	background: url(images/archives_debut_bis.jpg) no-repeat;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
}

/** gestion des archives bis **/
div#articles_box div.articles_text div.articles_text_box_galerie p.freshnews_archives_titre {
	width: 600px;
	height: 40px;
	background-image: url(images/pixel.gif);
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

div#articles_box div.articles_text div.articles_text_box_galerie p.freshnews_archives_texte {
	background-color: transparent;
	border: 1px solid transparent;
	text-align: center;
	width: 500px;
	margin-left: 50px;
	padding: 10px 0 10px 0;	
}

div#articles_box p.freshnews_archives_texte {
	text-align: center;
	border: 1px solid #F7941D;
	background-color: #EFD159;
	width: 600px;
	margin-left: 50px;
	padding: 10px 0 10px 0;	
}

/** div contenant le titre des articles et actu **/
	div.articles_titre {
		width: 803px;
		float: left;
		height: 53px;
		background: url(images/article_debut.jpg) no-repeat;
		overflow: hidden;
	}
	div.articles_titre_pacifique {
		width: 803px;
		float: left;
		height: 53px;
		text-align: center;
		padding-top:5px;
		background: url(images/archives_debut_bis.jpg) no-repeat;
		overflow: hidden;
	}
		div.articles_titre_box {
			width: 585px;
			height: auto;
			float: left;
			overflow: hidden;
			padding: 16px 170px 14px 48px;
		}
		div.articles_titre_box p {
			width: 585px;
			height: auto;
			font-weight: bold;
			font-size: 15px;
			color: #3f281c;
			line-height: 1em;
		}div.articles_titre_box h1 {
			width: 585px;
			height: auto;
			font-weight: bold;
			font-size: 15px;
			color: #3f281c;
			line-height: 1em;
		}
div.articles_titre_box a,
div.articles_titre_box a:visited {	color:#3f281c; text-decoration: none; font-size: 15px;
 }

div.articles_titre_box a:hover,
div.articles_titre_box a:active { color:#3f281c; text-decoration: underline; font-size: 15px;
 }

/** div contenant le texte des articles actu et galerie et plan **/	
div.articles_text {
	width: 803px;
	float: left;
	background: url(images/article_repet.jpg) repeat-y;
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div.articles_text_box {
	width: 629px;
	height: auto;
	float: left;
	padding: 10px 0 10px 31px;
}
div.articles_text_box table {
	margin-bottom:5px;
}
div.articles_text_box table p {
	margin:0;
}
div.articles_text_box table.dossier-paris td p {
	margin:0;
	margin-bottom:15px;
}


div.articles_text_box table ul {
	text-align:left;
}
div.articles_text_box table ul li {
	text-indent:5px;
}


div.articles_text_box_plan {
	width: 609px;
	height: auto;
	float: left;
	padding: 10px 0 10px 51px;
}
div.articles_text_box_plan span {
	font-size:15px;
	font-weight:bold;
}
div.articles_text_box_plan ul {
	margin-bottom: 15px;
	margin-left: 40px;
}

div.articles_text_box_galerie {
	width: 629px;
	height: auto;
	float: left;
	padding: 10px 0 10px 31px;
	text-align: center;
}
div.articles_text_box_galerie p {
	width: 629px;
}
div.articles_text_box p {
	text-align: justify;
	margin-bottom:15px;
}
div.articles_text_box h2 {
	font-size:15px;
	margin-bottom:15px;
	margin-top:10px;
}
div.articles_text_box h3 {
	font-size:14px;
	margin-bottom:10px;
	margin-top:5px;
}

div.articles_text_box blockquote {
	text-align: justify;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:5px;
	background-color:#EFD159;
	border-left:solid 7px #F79928;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 1px;
}
/*div.articles_text_box blockquote ul {
	margin-left:80px;
}*/
/*div.articles_text_box p.text_actualites p {
	text-align: justify;
	margin-bottom:5px;
}*/
div.articles_text_box ul {
	/*list-style: inside;*/
	margin-left:35px;
	margin-bottom:10px;
}
div.articles_text_box li {
	margin-bottom:3px;
}
div.articles_text_box td {
	text-align: justify;
}
div.articles_text_box table.wikitable_pnj {
	margin: 0 auto;
	border-collapse: collapse;
}
div.articles_text_box table.wikitable_pnj td {
	border-collapse: collapse;
	border: 0;
	padding:0 3px 0 3px;
	margin:0;
}

div.articles_text_box table.wikitable_pnj td a,
div.articles_text_box table.wikitable_pnj td a:visited {	color:#6c3a15; text-decoration: none; font-size: 12px;
 }

div.articles_text_box table.wikitable_pnj td a:hover,
div.articles_text_box table.wikitable_pnj td a:active { color:#6c3a15; text-decoration: underline; font-size: 12px;
 }

/** Vignettes **/
		div.articles_text_box p.text_actualites img.freshnews_icone {
			width: 128px;
			height: 128px;
			display: block;
			float: left;
			margin-left: -2px;
			margin-top: -2px;
			margin-right: 5px;
			margin-bottom: 0px;
		}

/** div contenant les sources et commentaires **/	
	div.articles_source,
	div.articles_comment,
	div.articles_imprimer {
		width: 803px;
		float: left;
		background: url(images/article_repet.jpg) repeat-y;
	}
		div.articles_source_box,
		div.articles_comment_box,
		div.articles_imprimer_box {
			width: 629px;
			height: auto;
			float: left;
			padding-top: 0px;
			padding-right: 143px;
			padding-left:50px;
		}
		div.articles_source_box p,
		div.articles_comment_box p,
		div.articles_imprimer_box p {
			width: 629px;
			height: auto;
			font-weight: normal;
			font-size: 12px;
			color: #3f281c;
			text-align: left;
			font-size: 11px;
		}
		div.articles_source_box p ul {
			text-align: left;
			color: #6c3a15;
		}
		div.articles_source_box p ul li {
			text-align: left;
			text-decoration: none;
			list-style: inside;
		}
		div.articles_imprimer_box p a {
			background:url(http://medias.jeuxonline.info/www/img/icone_imprimer.png) no-repeat;
		}

/** div contenant les tags **/
	div.articles_tags {
		width: 803px;
		float: left;
		background: url(images/article_repet.jpg) repeat-y;
	}
		div.articles_tags_box {
			width: 629px;
			height: auto;
			float: left;
			padding-top: 0px;
		}

/**
 * Tags - Container des tags
 */
div.jol_actus_tags {
    background-image:       url(images/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;
    margin:                 0;
    min-height:             24px;
    padding:                5px 0 0 27px;
}
/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}
/**
 *  Tags - Tag
 */
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}
/**
 * Tags - Séparateur
 */
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}

/** Auteur des articles actu **/	
	div.articles_auteur {
		width: 803px;
		float: left;
		height: 58px;/** 56px si image article_fin.jpg **/
		background: url(images/article_fin_bis.jpg) no-repeat;
	}
		div.articles_auteur_box {
			width: 415px;
			float: left;
			padding-left: 197px;
			padding-top: 21px;
		}
		div.articles_auteur_box p {
			width: 415px;
			float: left;
			padding: 0px;
			margin: 0px;
			text-align: center;
			font-size: 11px;
		}
	div.articles_no_auteur {
		width: 803px;
		float: left;
		height: 56px;
		background: url(images/article_fin_no_auteur.jpg) no-repeat;
	}

/**
 * Pages - Container
 */
div.jol_actus_pages {
    color:  #f7941d;
    margin: 10px 0;
}
/**
 * Pages - Liste des pages
 */
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
	margin-top: 50px;
	margin-left: 13px;
    text-align: left;
}
/**
 * Pages - Page
 */
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    margin-right:       3px;
}
/**
 * Pages - Séparateur
 */
div.jol_actus_pages li.jol_actus_page_separateur { }
/**
 * Pages - Lien vers une page
 */
div.jol_actus_pages a.jol_actus_page_lien {
    border:             1px solid #f7941d;
    color:              #fee475;
    padding:            0px 5px;
    text-decoration:    none;
}
/**
 * Pages - Lien vers une page (survolé ou actif)
 */
div.jol_actus_pages a.jol_actus_page_lien:hover,
div.jol_actus_pages a.jol_actus_page_lien:active {
    border:             1px solid #f7941d;
    color:              #f7941d;
}
/**
 * Pages - Lien vers la page courante
 */
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #f7941d;
    color:              #fff;
    border-color:       #f7941d;
    font-weight:        bold;
    cursor:             default;
}
/**
 * Pages - Lien vers la page précédente ou suivante
 */
div.jol_actus_pages a.jol_actus_page_lien_suivprec {
    color:              #00468C;
    font-weight:        bold;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec:hover {
    color:              #00468C
}
/**
 * Pages - Liens désactivés
 */
div.jol_actus_pages a.jol_actus_page_lien_desactive,
div.jol_actus_pages a.jol_actus_page_lien_desactive:hover {
    border-color:       #000000;
    color:              #000000;
    cursor:             default;
    font-weight:        normal;
}

/* pied de page */
div#pied_de_page {
	width: 1100px;
	float: left;
	height: 421px;
	background: url(images/pied_de_page.jpg) no-repeat;
}
div#credits_box {
	width: 638px;
	height: 64px;
	float: left;
	padding-left: 321px;
	padding-top: 331px;
}
div#credits_box p {
	width: 638px;
	height: 64px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/** Mise en forme de la mini fenetre reagir a une actu **/
div.jol_actus_reagir {
	background-color: #DF7800;
	border: 1px solid black;
}

/** sommaire article **/
div.sommaire_article {
	width: auto;
	height:40px;
	margin:0 auto;
}
div.sommaire1 {
	width: 13px;
	height: 40px;
	background:url(http://medias.jeuxonline.info/dragonica/design1/images/sommaire1.jpg) no-repeat;
	float: left;
}
div.sommaire2 {
	width: auto;
	height: 40px;
	background:url(http://medias.jeuxonline.info/dragonica/design1/images/sommaire2.jpg) repeat-x;
	float: left;
	padding-top: 10px;
}
div.sommaire3 {
	width: 12px;
	height: 40px;
	background:url(http://medias.jeuxonline.info/dragonica/design1/images/sommaire3.jpg) no-repeat;
	float: left;
}

/*************/
/** Builder **/
/*************/
div#pub_box_builder {
	width: 803px;
	height: 97px;
	float: left;
	background:url(images/pub_builder.jpg) no-repeat;
	overflow: hidden;
	padding: 0 auto;
	font: 12px Trebuchet MS;
}
div#pub_builder {
	width:468px;
	height:60px;
	margin-left:112px;
	margin-top:17px;
	font: 12px Trebuchet MS;
	overflow:hidden;
}
div#builder_box {
	/*width: 898px;*/
	width:999px;
	float: left;
	/*background:url(images/article_repet.jpg) repeat-y;*/
	overflow: hidden;
	padding-left:101px;
	overflow:hidden;
}
div#builder_debut {
	width:898px;
	height:52px;
	background:url(images/builder_debut.jpg) no-repeat;
	float: left;
}
		div#builder_debut p {
			width: 800px;
			height: auto;
			font-weight: bold;
			font-size: 15px;
			color: #3f281c;
			line-height: 1em;
			padding-top:13px;
			padding-left:40px;
		}
		div#builder_debut h1 {
			width: 800px;
			height: auto;
			font-weight: bold;
			font-size: 15px;
			color: #3f281c;
			line-height: 1em;
			padding-top:13px;
			padding-left:40px;
		}

div#builder div#builder_intro {
	width:850px;
	float: left;
	padding-left:20px;
}
div#builder {
	width:898px;
	background:url(images/builder_repet.jpg) repeat-y;
	float: left;
	margin:0;
	padding-left:5px;
}
div#builder_fin {
	width:898px;
	height:19px;
	background:url(images/builder_fin.jpg) no-repeat;
	float: left;
}

/******************************/
/** Boutons redimensionables **/
/******************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button#guerrier {
    background: transparent url('images/bg_button_a_guerrier.gif') no-repeat scroll top right;
    color: #6c3a15;
    display: block;
    float: left;
    font: bold 12px Trebuchet MS;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor: pointer;
}
a.button#guerrier span {
    background: transparent url('images/bg_button_span_guerrier.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	width:145px;
} 
a.button#guerrier:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button#guerrier:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



a.button#mage {
    background: transparent url('images/bg_button_a_mage.gif') no-repeat scroll top right;
    color: #0C333F;
    display: block;
    float: left;
    font: bold 12px Trebuchet MS;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor: pointer;
}
a.button#mage span {
    background: transparent url('images/bg_button_span_mage.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	width:145px;
} 
a.button#mage:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button#mage:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



a.button#voleur {
    background: transparent url('images/bg_button_a_voleur.gif') no-repeat scroll top right;
    color: #2F172E;
    display: block;
    float: left;
    font: bold 12px Trebuchet MS;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor: pointer;
}
a.button#voleur span {
    background: transparent url('images/bg_button_span_voleur.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	width:145px;
} 
a.button#voleur:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button#voleur:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 



a.button#archer {
    background: transparent url('images/bg_button_a_archer.gif') no-repeat scroll top right;
    color: #103F13;
    display: block;
    float: left;
    font: bold 12px Trebuchet MS;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor: pointer;
}
a.button#archer span {
    background: transparent url('images/bg_button_span_archer.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	width:145px;
} 
a.button#archer:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button#archer:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/*************************************************************************************************** GALERIE **/
/**/
#jolCapturesGalerie {
	width: 629px;
	font-family: Trebuchet MS, Verdana, Arial;
}

#jolCapturesGalerie h1 {
	color: #6c3a15;
	padding: 10px;
}
#jolCapturesGalerie h2 {
}

#jolCapturesGalerie div.navigation,
#jolCapturesGalerie div.navigation a {
	font-size: 11px;
	font-weight: normal;
	font-style: none;
	color: #6c3a15;
	text-align: left;
}
#jolCapturesGalerie div.navigation strong {
	font-size: 11px;
	font-weight: bold;
	font-style: none;
	color: #6c3a15;
	text-align: left;
}

#jolCapturesGalerie div.dernieres {
	border: 1px solid #F79928;
	margin-top: 10px;
}
#jolCapturesGalerie div.dernieres div.titre {
	font-size: 13px;
	background-color: #F79928;
}
#jolCapturesGalerie div.dernieres div.images { }
#jolCapturesGalerie div.dernieres div.images img {
	padding: 10px;
}

#jolCapturesGalerie div.ajouter {
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#jolCapturesGalerie div.ajouter a {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color: #F79928;
	padding: 3px;
}

#jolCapturesGalerie div.liste_jeux {
	padding: 10px;
	text-align: left;
}
#jolCapturesGalerie div.jeu { }
#jolCapturesGalerie div.jeu h2 {
	font-size: 15px;
}
#jolCapturesGalerie div.boite {
	padding: 10px;
}
#jolCapturesGalerie div.jeu ul {
	text-align: left;
	color: #6c3a15;
	list-style: inside;
}
#jolCapturesGalerie div.jeu li {
	color: #000000;
}
/*#jolCapturesGalerie div.jeu span.nb_images
#jolCapturesGalerie div.jeu div.clear*/

#jolCapturesGalerie table.galerie {
	width: 100%;
	text-align: center;
	border: dotted 1px #F79928;
	border-collapse: collapse;
}
#jolCapturesGalerie table.galerie td {
	border: dotted 1px #F79928;
}
/*#jolCapturesGalerie div.capture
#jolCapturesGalerie div.capture div.image
#jolCapturesGalerie div.capture div.image img
#jolCapturesGalerie div.capture div.titre
#jolCapturesGalerie div.capture div.titre a
#jolCapturesGalerie div.capture div.date*/

#jolCapturesGalerie table.pages {
	background-color: #F79928;
	text-align: left;
}
#jolCapturesGalerie table.pages td {
	text-align: left;
}
#jolCapturesGalerie table.pages td.precedente {
	text-align: left;
}
#jolCapturesGalerie table.pages td.suivante {
	text-align: left;
}
#jolCapturesGalerie table.pages td.pages {
	text-align: left;
}
/*#jolCapturesGalerie table.pages td.pages strong
#jolCapturesGalerie table.pages td.pages a

#jolCapturesGalerie div.stats
*/
#jolCapturesGalerie div.agrandissement {
	margin-top: 10px;
	margin-bottom: 20px;
}
/*#jolCapturesGalerie div.agrandissement div.image800*/
#jolCapturesGalerie div.agrandissement div.image800 img {
	width: 629px;
}
/*#jolCapturesGalerie div.agrandissement div.description
#jolCapturesGalerie div.agrandissement div.date
#jolCapturesGalerie div.agrandissement div.options
#jolCapturesGalerie div.agrandissement div.options ul
#jolCapturesGalerie div.agrandissement div.options li
#jolCapturesGalerie div.agrandissement div.options li span.afficher
#jolCapturesGalerie div.agrandissement div.options li span.telecharger
#jolCapturesGalerie div.agrandissement div.options a
#jolCapturesGalerie div.agrandissement div.options span.taille
#jolCapturesGalerie div.agrandissement div.options span.poids
#jolCapturesGalerie div.agrandissement div.options div.clear
*/
#jolCapturesGalerie div.formulaire {
	text-align: left;
}
#jolCapturesGalerie div.formulaire h1 {
	text-align: center;
}
#jolCapturesGalerie div.formulaire form {
	background-color: #EFD159;
	border: #F79928 solid 1px;
}
/*#jolCapturesGalerie table.formulaire
#jolCapturesGalerie table.formulaire tr
#jolCapturesGalerie table.formulaire tr.alt*/
#jolCapturesGalerie table.formulaire th {
}
/*#jolCapturesGalerie table.formulaire td*/
#jolCapturesGalerie table.formulaire select,
#jolCapturesGalerie table.formulaire option,
#jolCapturesGalerie table.formulaire input,
#jolCapturesGalerie table.formulaire textarea {
	background-color: #FFEFAF;
	border: #F79928 solid 1px;
}
/*#jolCapturesGalerie table.formulaire input.envoyer

*/

/************************************************************************************** INFOBULLE LEXIQUE **/
/**
 * Lexique
 *
 * @author  Guillaume "Mind" Martin <mind@jeuxonline.info>
 * Adapté par Colleen <colleen@systemz.org> pour Dragonica
 **/

/**
 * === Lexique ===
 **/

/**
 * Liens vers le lexique
 */
a.jol_lexique_infobulle { 
    background:         url(http://medias.jeuxonline.info/www/modules/Actualites/lexique.png) top right no-repeat;
    border-bottom:      1px dotted #F7941D;
    padding-right:      6px;
    position:           relative;
    text-decoration:    none;
}
a.jol_lexique_infobulle:hover {
    border-bottom:      1px dotted #F7941D;
}

/**
 * Infobulles du lexique - Mot
 */
div.jol_lexique_boxover_header {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 13px;
    background-color:   #F7941D;
    /*border-top:         1px solid #F5D291;
    border-left:        1px solid #F5D291;
    border-right:       1px solid #F5D291;*/
    color:              #000;
    font-weight:        bold;
    padding:            3px;
    text-align:         center;
    width:              250px;
}

/**
 * Infobulles du lexique - Définition
 */
div.jol_lexique_boxover_body {
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
    background-color:   #EFD159;
    border-left:        2px solid #F7941D;
    border-right:       2px solid #F7941D;
    border-bottom:      2px solid #F7941D;
    color:              #000;
    padding:            3px;
    text-align:         justify;
    width:              246px;
}


/********************************************************************************************** STYLE LEXIQUE **/
/**
 * JOL Module - Lexique
 *
 * Feuille de style exemple pour le module.
 *
 * @author Guillaume Martin <mind@jeuxonline.info>
 * Adaptée pour Dragonica par Colleen <colleen@systemz.org>
 */

/**
 * Container du lexique
 */
div.jol_lexique { }

/**
 * Titre de la page
 */
div.jol_lexique h1 { font-size: 16px; }

/**
 * Container de la liste des derniers ajouts
 */
div.jol_lexique div.jol_lexique_nouveautes {
    background-color:       #EFE1A2;
    border:                 1px solid #F79928;
    margin-bottom:          10px;
    margin-top:             10px;
    padding:                5px;
	text-align: left;
}

/**
 * Titre de la liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_titre {
    font-weight:            bold;
}

/**
 * Liste des derniers ajouts
 */
div.jol_lexique span.jol_lexique_nouveautes_termes {}

/**
 * Lien vers les termes dernièrement ajoutés
 */
div.jol_lexique span.jol_lexique_nouveautes_termes a {
    color:                  #900;
}

/**
 * Container des catégories du lexique
 */
div.jol_lexique div.jol_lexique_categories {
    margin-bottom:          10px;
}

/**
 * Liste des catégories
 */
div.jol_lexique ul.jol_lexique_categories_liste {
    list-style:             none;
    text-align:             center;
}

/**
 * Eléments de la liste des catégories
 */
div.jol_lexique li.jol_lexique_categorie {
    display:                inline;
    padding:                0 50px;
}
div.jol_lexique div.jol_lexique li.jol_lexique_categorie span {}
div.jol_lexique li.jol_lexique_categorie span a {}

/**
 * Catégorie sélectionnée
 */
div.jol_lexique li.jol_lexique_categorie_selectionnee {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span {}
div.jol_lexique li.jol_lexique_categorie_selectionnee span strong { font-size: 13px; }

/**
 * Container de la liste des lettres
 */
div.jol_lexique div.jol_lexique_lettres {
    margin-top:             15px;
    margin-bottom:          15px;
}

/**
 * Styles spécifiques au container de la liste des lettres du haut
 */
div.jol_lexique div.jol_lexique_lettres_haut {}

/**
 * Styles spécifiques au container de la liste des lettres du bas
 */
div.jol_lexique div.jol_lexique_lettres_bas {}

/**
 * Liste des lettres
 */
div.jol_lexique ul.jol_lexique_lettres_liste {
    list-style:                 none;
    text-align:                 center;
}

/**
 * Les lettres
 */ 
div.jol_lexique li.jol_lexique_lettre {
    background-color:           #EFE1A2;
    border-bottom:              1px solid #ccc;
    border-left:                1px solid #f7f7f7;
    border-right:               1px solid #ccc;
    border-top:                 1px solid #f7f7f7;
    display:                    inline;
    padding:                    2px 0;
}
div.jol_lexique li.jol_lexique_lettre:hover {
    background-color:           #F79928;
}
div.jol_lexique li.jol_lexique_lettre span {}
div.jol_lexique li.jol_lexique_lettre span a {
    padding:                    2px 7px;
    text-decoration:            none;
	font-size: 11px;
}
div.jol_lexique li.jol_lexique_lettre span a:hover {
    color: #000;
}

/**
 * Lettre sélectionnée
 */
div.jol_lexique li.jol_lexique_lettre_selectionnee {
    background-color:           #F79928;
    font-size:                  1.2em;
    padding:                    4px 10px;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee:hover {
    background-color:           #F79928;
}
div.jol_lexique li.jol_lexique_lettre_selectionnee span {}
div.jol_lexique li.jol_lexique_lettre_selectionnee span strong {}

/**
 * Container de la liste des termes
 */
div.jol_lexique div.jol_lexique_termes {}

/**
 * Liste des termes
 */
div.jol_lexique dl.jol_lexique_termes_liste {}

/**
 * Terme
 */
div.jol_lexique dt.jol_lexique_terme {
    background-color:       #F79928;
    font-weight:            bold;
    padding:                5px;
	font-size: 15px;
}
div.jol_lexique dt.jol_lexique_terme span {}
div.jol_lexique dt.jol_lexique_terme span a {
    text-decoration:        none;
	font-size: 15px;
}
div.jol_lexique dt.jol_lexique_terme span a:hover {
    text-decoration:        underline;
	font-size: 15px;
}

/**
 * Description
 */
div.jol_lexique dd.jol_lexique_definition {
    background-color:       #EFD159;
    border:          1px solid #F79928;
    padding:                5px 20px;
    margin:                 0 0 10px 0;
	text-align: left;
}
div.jol_lexique dd.jol_lexique_definition span {}

/**
 * Lien pour revenir sur l'accueil du lexique
 */
div.jol_lexique div.jol_lexique_retour {
    margin:                 15px 0;
    text-align:             center;
}
div.jol_lexique div.jol_lexique_retour span {}
div.jol_lexique div.jol_lexique_retour span a {}

/**
 * Autres termes de la même catégorie
 */
div.jol_lexique div.jol_lexique_autres {
    font-size:              0.9em;
}
div.jol_lexique div.jol_lexique_autres_titre {
    font-weight:            bold;
}
div.jol_lexique ul.jol_lexique_autres_liste {
    float:                  left;
	margin-left: 20px;
}
div.jol_lexique li.jol_lexique_autres_mot {}

/**
 * Clear
 */
div.jol_lexique div.jol_lexique_clear {
    clear:                  both;
}


/**************************************************************************************************** POPUP **/
/***************************************/
/****      Dragonica JeuxOnLine     ****/
/****    colleen@jeuxonline.info    ****/
/****           avril 2009          ****/
/***************************************/

* {padding: 0; margin: 0;}

div.popup_titre {
	width:620px;
	float: left;
	background-color:#F79928;
	cursor: default;
	font-size:13px;
	font-weight:bold;
	padding-bottom:2px;
	border-top: dotted 1px #FEE475;
}
div.popup_titre img {
	cursor:pointer;
}
div.popup_titre:hover {
	background-color:#800000;
	color:#fbf0a7;
}

div.popup_contenu {
	width:604px;
	float: left;
	margin-left:2px;
	background-color:#EFD159;
	display:none;
	border: solid 1px #9C5A03;
	font-weight:normal;
	font-size: 12px;
	padding:5px;
	color:#000000;
}

div.popup_contenu span.quete_info {
	font-weight:bold;
	color:#800000;
	padding-left:20px;
	background:url(http://medias.jeuxonline.info/upload/dragonica/articles/quetes/icon_quete_info.gif) no-repeat;
	background-position: left center;
}

div.liste_quetes {
	width:604px;
	float: left;
	margin-left:2px;
	background-color:#EFD159;
	border: solid 1px #9C5A03;
	font-weight:normal;
	font-size: 12px;
	padding:5px;
	color:#000000;
}

div.liste_quetes span.quete_info {
	font-weight:bold;
	color:#800000;
	padding-left:20px;
	background:url(http://medias.jeuxonline.info/upload/dragonica/articles/quetes/icon_quete_info.gif) no-repeat;
	background-position: left center;
}

/*div.popup_titre:hover div.popup_contenu,
div.popup_titre.hover div.popup_contenu {
	display:block;
}*/


/************************************************************************************************ THUMBS **/
/***************************************/
/****      Dragonica JeuxOnLine     ****/
/****    colleen@jeuxonline.info    ****/
/****           avril 2009          ****/
/***************************************/

* {padding: 0; margin: 0;}

div#thumb1, div#thumb2, div#thumb3,
div#thumb4, div#thumb5, div#thumb6,
div#thumb7, div#thumb8, div#thumb9,
div#thumb10, div#thumb11, div#thumb12,
div#thumb13, div#thumb14, div#thumb15,
div#thumb16, div#thumb17, div#thumb18,
div#thumb19, div#thumb20, div#thumb21,
div#thumb22, div#thumb23, div#thumb24,
div#thumb25, div#thumb26, div#thumb27,
div#thumb28, div#thumb29, div#thumb30,
div#thumb31, div#thumb32, div#thumb33,
div#thumb34, div#thumb35, div#thumb36,
div#thumb37, div#thumb38, div#thumb39 {
	width: 130px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

div#thumb1 div#img1, div#thumb2 div#img2, div#thumb3 div#img3,
div#thumb4 div#img4, div#thumb5 div#img5, div#thumb6 div#img6,
div#thumb7 div#img7, div#thumb8 div#img8, div#thumb9 div#img9,
div#thumb10 div#img10, div#thumb11 div#img11, div#thumb12 div#img12,
div#thumb13 div#img13, div#thumb14 div#img14, div#thumb15 div#img15,
div#thumb16 div#img16, div#thumb17 div#img17, div#thumb18 div#img18,
div#thumb19 div#img19, div#thumb20 div#img20, div#thumb21 div#img21,
div#thumb22 div#img22, div#thumb23 div#img23, div#thumb24 div#img24,
div#thumb25 div#img25, div#thumb26 div#img26, div#thumb27 div#img27,
div#thumb28 div#img28, div#thumb29 div#img29, div#thumb30 div#img30,
div#thumb31 div#img31, div#thumb32 div#img32, div#thumb33 div#img33,
div#thumb34 div#img34, div#thumb35 div#img35, div#thumb36 div#img36,
div#thumb37 div#img37, div#thumb38 div#img38, div#thumb39 div#img39 {
	position: absolute;
	display:none;
	text-align: center;
	/*width: auto;*/
	/*height: auto;*/
	overflow: hidden;
	background-color: #000000;
	color: #ffffff;
	padding: 0 5px 0 5px;
	/*margin-top:0 !important;*/
	*margin-top:50px;
}

div#thumb1.hover div#img1 {
	display: block;
	left:30%;
}

/** 1 4 7 10 13 16 19 22 25 28 31 34 37 40 **/
div#thumb1:hover div#img1,
div#thumb4:hover div#img4,
div#thumb7:hover div#img7,
div#thumb10:hover div#img10,
div#thumb13:hover div#img13,
div#thumb16:hover div#img16,
div#thumb19:hover div#img19,
div#thumb22:hover div#img22,
div#thumb25:hover div#img25,
div#thumb28:hover div#img28,
div#thumb31:hover div#img31,
div#thumb34:hover div#img34,
div#thumb37:hover div#img37,
div#thumb1.hover div#img1,
div#thumb4.hover div#img4,
div#thumb7.hover div#img7,
div#thumb10.hover div#img10,
div#thumb13.hover div#img13,
div#thumb16.hover div#img16,
div#thumb19.hover div#img19,
div#thumb22.hover div#img22,
div#thumb25.hover div#img25,
div#thumb28.hover div#img28,
div#thumb31.hover div#img31,
div#thumb34.hover div#img34,
div#thumb37.hover div#img37 {

	display: block;
	left:30%;
}
div#thumb2:hover div#img2,
div#thumb5:hover div#img5,
div#thumb8:hover div#img8,
div#thumb11:hover div#img11,
div#thumb14:hover div#img14,
div#thumb17:hover div#img17,
div#thumb20:hover div#img20,
div#thumb23:hover div#img23,
div#thumb26:hover div#img26,
div#thumb29:hover div#img29,
div#thumb32:hover div#img32,
div#thumb35:hover div#img35,
div#thumb38:hover div#img38,
div#thumb2.hover div#img2,
div#thumb5.hover div#img5,
div#thumb8.hover div#img8,
div#thumb11.hover div#img11,
div#thumb14.hover div#img14,
div#thumb17.hover div#img17,
div#thumb20.hover div#img20,
div#thumb23.hover div#img23,
div#thumb26.hover div#img26,
div#thumb29.hover div#img29,
div#thumb32.hover div#img32,
div#thumb35.hover div#img35,
div#thumb38.hover div#img38 {
	display: block;
	left:40%;
}
div#thumb3:hover div#img3,
div#thumb6:hover div#img6,
div#thumb9:hover div#img9,
div#thumb12:hover div#img12,
div#thumb15:hover div#img15,
div#thumb18:hover div#img18,
div#thumb21:hover div#img21,
div#thumb24:hover div#img24,
div#thumb27:hover div#img27,
div#thumb30:hover div#img30,
div#thumb33:hover div#img33,
div#thumb36:hover div#img36,
div#thumb39:hover div#img39,
div#thumb3.hover div#img3,
div#thumb6.hover div#img6,
div#thumb9.hover div#img9,
div#thumb12.hover div#img12,
div#thumb15.hover div#img15,
div#thumb18.hover div#img18,
div#thumb21.hover div#img21,
div#thumb24.hover div#img24,
div#thumb27.hover div#img27,
div#thumb30.hover div#img30,
div#thumb33.hover div#img33,
div#thumb36.hover div#img36,
div#thumb39.hover div#img39 {
	display: block;
	left:50%;
}


/************************************************************************************************* WIKI **/
/**
 * JOL::Wiki
 *
 * Exemple de feuille de styles pour le module wiki
 *
 * @version 0.1
 * @author  Guillaume Martin <mind@jeuxonline.info>
 *
 * Adapté par Colleen <colleen@systemz.org> pour le fansite Dragonica
 */

/** Ajout Colleen **/

div.wiki ul {
	margin-top: 10px;
	margin-left: 20px;
}
div.articles {
	padding-bottom: 15px;
}
div.articles ul {
	margin-bottom: 20px;
	margin-left: 40px;
}
div.articles ol {
	margin-top: 10px;
	margin-left: 20px;
}
/*div.wiki ul li {
	text-decoration : none;
	list-style-type: none;
}*/

#jolWiki form {
	background-color: #EFD159;
	border: #F79928 solid 1px;
	padding: 10px;
	margin-bottom: 15px;
}

/** fin ajouts Colleen **/

#jolWiki a {
    text-decoration:    none;
}
#jolWiki a:hover {
    text-decoration:    underline;
}
#jolWiki div.navigation {
    text-align:         left;
    padding:            2px;
    background-color:   #F79928;
    font-size:          11px;
}
#jolWiki h1 {
	margin-top:			15px;
    margin-bottom:      20px;
	font-size:			16px;
}
#jolWiki h2 {
    margin-top:         20px;
    margin-bottom:      10px;
	font-size:			15px;
}
div#jolWiki h3 {
    margin-bottom:      10px;
	font-size:			14px;
}
div#jolWiki table.brut {
    border:             0;
    padding:            0;
    margin:             0;
}
#jolWiki table.brut tr, #jolWiki table.brut th, #jolWiki table.brut td {
    border:             0;
    padding:            2px;
    margin:             0;
    text-align:         left;
}
#jolWiki div.modifier {
    font-size:          10px;
    margin-top:         2px;
    text-align:         right;
    line-height:        12px;
}
#jolWiki div.modifier a {
	font-size: 10px;
}
#jolWiki div.intro {
    margin-bottom:      10px;
}
#jolWiki div.sommaire {
    background-color:   #EFD159;
    border:             1px solid #F79928;
    width:              50%;
    margin-bottom:      20px;
	margin-left: 5px;
	padding: 3px;
}

/** ajout colleen **/
#jolWiki div.sommaire ol {
	list-style-position: inside;
	padding: 0px;
	margin-left: 35px;
}
/** **/

#jolWiki table {
    border:             1px solid #F79928;
	border-collapse: collapse;
}
#jolWiki table td {
    border:             1px solid #F79928;
	padding: 2px;
}
#jolWiki table th {
    text-align:         center;
    font-weight:        bold;
	background-color: #EFD159;
	padding: 2px;
}
#jolWiki div.categories table, #jolWiki div.categories td {
    border:             none;
    margin-bottom:      20px;
}
#jolWiki div.categories td {
    border:             none;
}
#jolWiki div.categoriesNavigation {
    margin-bottom:      20px;
    background-color:   #EFD159;
    border:             1px solid #F79928;
    padding:            5px;
}
#jolWiki div.categoriesNavigation table {
    width:              100%;
    border:             none;
    background-color:   #FEE475;
    border:        1px solid #F79928;
    /*border-top:         1px solid #ccc;
    border-right:       1px solid #ddd;
    border-bottom:      1px solid #ddd;*/
}
#jolWiki div.categoriesNavigation table td {
    font-size:          11px;
    border:             none;
    text-align:         left;
}
#jolWiki div.categoriesNavigation div.sousCategories {
    font-size:          11px;
    background-color:   #eee;
    border:             1px solid #ccc;
    padding:            5px;
    margin-top:         5px;
}
#jolWiki div.discussion {
    background-color:   #EFD159;
    border:             1px solid #F79928;
    padding:            2px;
    margin-top:         20px;
    margin-bottom:      20px;
}
#jolWiki div.discussion a {
    color:              #900;
}
#jolWiki div.erreur img {
    vertical-align:     middle;
}
#jolWiki div.recherche hr {
    border:             0;
    border-bottom:      1px solid #999;
}
#jolWiki div.recherche ul {
    list-style:         square;
	color: pink;
}
#jolWiki div.recherche li {
    margin-bottom:      10px;
}
#jolWiki div.recherche span.pertinence {
    color:              #388000;
}
#jolWiki div.recherche form {
    margin-bottom:      10px;
    width:              95%;
    margin-left:        auto;
    margin-right:       auto;
}
#jolWiki div.recherche form div {
    text-align:         center;
}
#jolWiki div.recherche input.terme {
    width:              70%;
}
#jolWiki div.recherche input.envoyer {
    width:              25%;
}
#jolWiki div.historique {
    text-align:         left;
}
#jolWiki div.historique ul {
	margin-top: 10px;
	margin-left: 20px;
}
#jolWiki div.historique div.discussion {
    margin-bottom:      20px;
}
#jolWiki div.surveiller {
    margin-top:         10px;
    text-align:         right;
    font-size:          11px;
}
#jolWiki div.surveiller a {
	font-size: 11px;
}
#jolWiki div.surveiller img {
    border:             0;
}
#jolWiki div.modifierArticle {
    margin-bottom:      20px;
}
#jolWiki div.modifierArticle table {
    border-collapse:    0;
    border:             0;
}
#jolWiki div.modifierArticle td {
    border:             0;
}
#jolWiki div#vBulletin_editor {
    background-color:   #f7f7f7;
    border:             1px solid #999;
    text-align:         center;
}
#jolWiki div#vBulletin_editor td {
    border:             1px solid #eee;
}
#jolWiki div#vBulletin_editor div.imagebutton {
    border:             1px solid #f7f7f7;
}
#jolWiki div.avertissement {
    background-color:   #FFE4E1;
    padding:            5px;
    border:             1px solid #700050;
    margin:             5px 0;
    font-size:          11px;
}
#jolWiki div.avertissementPrevisualisation {
    background-color:   #E2F2D2;
    border:             1px solid #ACCE79;
    padding:            5px;
    margin:             5px 0;
}
#jolWiki div.avertissementPrevisualisation ul {
    list-style:         square;
}
#jolWiki div.avertissementPrevisualisation li {
    font-size:          11px;
}
#jolWiki div.differences {
    margin-top:         10px;
    background-color:   #f7f7f7;
    border:             1px solid #ccc;
    padding:            5px;
    font-size:          11px;
}
#jolWiki div.modifierArticle ul {
    list-style:         square;
    margin:             0;
}
#jolWiki div.colonneDroiteConteneur {
    padding:            10px 0px 10px 10px;
    float:              right;
    clear:              both
}
#jolWiki div.colonneDroite {
    border:             1px solid #eee;
    width:              300px;
    background-color:   #f7f7f7;
}

/** ENCHERES **/
div.jol_encheres {}/*DIV contenant toutes les listes d'enchères*/
table.double {width:630px; border-collapse:collapse;}
table.double td {width:47%; vertical-align:top;}
table.triple {width:630px; border-collapse:collapse;}
table.triple td {width:33%; vertical-align:top;}
table.enchere { width:100%; border: 1px solid #F79928; border-collapse: collapse;}/*Table contenant une liste d'enchères*/
table.enchere caption { font-weight:bold;}/*Titre du tableau*/
table.enchere th { font-size: 12px;text-align: center; font-weight: bold; background-color: #EFD159; padding: 2px;}/*Titres des colonnes*/
table.enchere th:hover { font-size: 12px;text-align: center; font-weight: bold; background-color: #EFD159; padding: 2px;}/*Titres des colonnes*/
table.enchere th.objet {}/*Titre de la colonne des objets*/
table.enchere th.prix {width: 140px;}/*Titre de la colonne des prix*/
table.enchere th.date {width: 100px;}/*Titre de la colonne des dates*/
table.enchere tr {}/*Lignes des enchères*/
table.enchere tr:hover { background-color:#F7941D; font-weight:bold; font-size:13px;}/*Lignes des enchères*/
table.enchere tr.alt1 {}/*Style alternatif 1 des lignes*/
table.enchere tr.alt2 {}/*Style alternatif 2 des lignes*/
table.enchere td {}/*Colonnes des enchères*/
table.enchere td.objet {height:20px;padding-left:5px;padding-right:5px; border: 1px solid #F79928;}/*Colonne des nom d'objets*/
table.enchere td.objet img {display: block; float: right; margin-top:2px;}
table.enchere td.objet div.categorie {}
table.enchere td.objet div.categorie:before {content:" Serveur : ";}
table.enchere td.objet div.royaume:before {content:" Classes : ";}
table.enchere td.prix {width: 140px; text-align: right; padding-right:5px; border: 1px solid #F79928;}/*Colonne des prix*/
table.enchere td.date {width: 100px; border: 1px solid #F79928; text-align:center;}/*Colonne des dates*/


div.jol_image a { background-color: #000; display: block; overflow: hidden; }
div.jol_image img { display: block; margin: 0 auto; }
div.jol_image_legende a { background-color: inherit; }