@import url('http://roots.aloade.net/thirdparty/css/base.css') ;

#chronic {
	color: #000;
	position: relative;
	width: 900px;
	height: 655px;
	margin: 15px auto;
	background: url(chronic/chronic.tome.png) no-repeat center;
	font: 15px Garamond, Verdana, Arial, sans-serif;
	color: #815F3B;
	z-index: 1;
	}

#chronicleft {
	width: 360px;
	position:absolute;
	left: 75px;
	text-align: center;
	z-index: 3;
	}

	#chronicleft h1 {
		color: #B18F6B;
		font: 17px Book Antiqua;
		font-weight: bold;
		background: none;
		text-align:right;
		margin: 24px 20px;
		padding: 0px;
		}

#chronicright {
	width: 360px;
	position:absolute;
	right: 80px;
	text-align: center;
	z-index: 3;
	}

	#chronicright h1 {
		color: #B18F6B;
		font: 17px Book Antiqua;
		font-weight: bold;
		background: none;
		text-align:left;
		margin: 24px 20px;
		padding: 0px;
		}


	#chronicleft p , #chronicright p {
		font: 15px Book Antiqua ;
		text-align:left;
		line-height: 1.1;
		margin: 0px 20px;
		}

	#chronicleft h2 , #chronicright h2 {
		color: #815F3B;
		text-align: center;
		font: 24px Garamond;
		font-weight: bold;
		background: none;
		margin: 10px;
		}

	#chronicleft h3 , #chronicright h3 {
		color: #815F3B;
		font: 15px Book Antiqua;
		font-weight: bold;
		background: none;
		margin: 10px 0px;
		padding: 0px 20px;
		}

	#chronicleft h4 , #chronicright h4 {
		text-align: center;
		color: #815F3B;
		font: 22px Book Antiqua;
		font-weight: bold;
		padding: 0px 10px;
		}

#chronic p.center {
	text-align:center;
	}

#chronicback {
	display: block;
	width: 23px;
	height: 42px;
	background: url(chronic/chronic.back.png) no-repeat top left;
	position: absolute;
	left: 67px;
	top: 18px;
	z-index: 4;
	}

	#chronicback:hover
		{
		background-position: -23px;
		}

#chronicprevious {
	display: block;
	width: 85px;
	height: 60px;
	background: url(chronic/chronic.previous.png) no-repeat top left;
	position: absolute;
	left: 70px;
	bottom: 13px;
	z-index: 2;
	}

#chronicnext {
	display: block;
	width: 85px;
	height: 60px;
	background: url(chronic/chronic.next.png) no-repeat top left;
	position: absolute;
	right: 66px;
	bottom: 21px;
	z-index: 2;
	}

	#chronicprevious:hover , #chronicnext:hover
		{
		background-position: -85px;
		}

#chronicleft p a, #chronicleft dl a,
#chronicright p a, #chronicright dl a
	{ font: 15px Book Antiqua ;}
#chronicleft p a:link, #chronicleft dl a:link, #chronicleft dl a:active, #chronicleft dl a:active, #chronicleft dl a:visited, #chronicleft p a:visited,
#chronicright p a:link, #chronicright dl a:link, #chronicright dl a:active, #chronicright dl a:active, #chronicright dl a:visited, #chronicright p a:visited
	{color: #9B0000; text-decoration: none}
#chronicleft p a:hover, #chronicleft dl a:hover,
#chronicright p a:hover, #chronicright dl a:hover
	{color: #F95203; text-decoration: none}

/* page des archives
------------------------------------------- */

.news {
	margin-bottom: 10px;
	}

	.news dt { 
		width: 350px;
		height: 16px;
		background: url(../thirdparty/css/h3.png) no-repeat center;
		font: 16px Garamond, Verdana;
		font-weight: bold;
		text-align: left;
		margin: 20px 10px 20px 50px ;
		padding: 20px 0px 20px 70px;
		}

	.news dd { 
		}

	.news dd img {
		max-width: 410px;
		padding:5px 5px 5px 50px;
		clear: both;
		}

/* menu de navigation
------------------------------------------- */


ul#navchronic  {
	background: none;
	position: absolute;
	top: 50px;
	left: -42px;
	width: 100px;
	}

ul#navchronic li {
	list-style-type: none;
	position: relative;
	display: block;
	width: 100px;
	height: 46px;
	padding-top: 6px;
	clear: both;
	}

ul#navchronic li a { 
	float: right;
	display: block;
	width: 60px;
	height: 42px;
	text-decoration: none;
	padding-bottom: 0px; /* compense l'attribut sur les paragraphe standard */
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: top left;
	}

ul#navchronic li a:hover {
	background-position: -60px 0px;
	}

ul#navchronic li .navintro, ul#navchronic li a .navintro,
ul#navchronic li .navevent, ul#navchronic li a .navevent {
	width: 82px;
	height: 64px;
	}

ul#navchronic  li a .navintro:hover {
	background-position: -82px 0px;
	}

.navintro		{ background-image: url('chronic/chronic.intro.png') }
.navquest		{ background-image: url('chronic/chronic.quest.png') }
.navwar		{ background-image: url('chronic/chronic.war.png') }
.navdone		{ background-image: url('chronic/chronic.done.png') }
.navgift		{ background-image: url('chronic/chronic.gift.png') }
.navhistory	{ background-image: url('chronic/chronic.history.png') }
.navbestiary	{ background-image: url('chronic/chronic.bestiary.png') }
.navarmory	{ background-image: url('chronic/chronic.armory.png') }
.navevent 	{ background-image: url('chronic/chronic.event.png') }


/* liste menu chronic
------------------------------------------------------ */
dl.chronic
	{
	margin: 0px 20px;
	}

	dl.chronic dt
		{
		margin-top: 5px;
		font: 17px Book Antiqua ;
		font-weight: bold;
		}

	dl.chronic dd
		{
		font: 15px Book Antiqua ;
		margin-left: 15px;
		line-height: 1.1;
		}


/* affichage sous forme de tableau
------------------------------------------------------ */

table.chronictab {
	border-collapse:collapse;
	width: 100%;
	border-bottom: none;
	}

	table.chronictab td {
		font: 15px Book Antiqua;
		line-height: 1.1;
		padding: 6px;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #C19F7B;
		}

	table.chronictab #head td {
		color: #815F3B;
		font: 15px Book Antiqua;
		font-weight: bold;
		padding-bottom: 6px;
		text-align: left;
		border-top: none;
		}

	table.left td {
		line-height: 1.1;
		text-align: left;
		vertical-align: top;
		padding: 10px 0px;
		}

	table.chronictab .unlock {
		width: 40px;
		}

	table.chronictab .recomp {
		width: 100px;
		}

	table.chronictab .icon {
		float: right;
		width: 36px;
		height: 36px;
		background: url(chronic/chronic.recomp.png) no-repeat top left;
		}

	table.chronictab .done { background-position: 0px 0px; }
	table.chronictab .undone { background-position: 0px -36px }
	table.chronictab .exp {
		margin-right: 20px;
		background-position: 0px -72px;
		}
	table.chronictab .title { background-position: -36px 0px; }
	table.chronictab .sac1 { background-position: -72px 0px; }
	table.chronictab .book1 { background-position: -72px -36px; }
	table.chronictab .book2 { background-position: -72px -72px; }

.chronicclass {
	width: 26px;
	height: 26px;
	background: url(chronic/class.png) no-repeat center;
	}

.unknown		{background-position: -104px 0px }

.peauverte	{background-position: 0px 0px }
.orcnoir		{background-position: -26px 0px }
.squig		{background-position: -78px 0px }
.shaman		{background-position: -104px 0px }

.chaos		{background-position: 0px -26px }
.elu		{background-position: -26px -26px }
.maraudeur	{background-position: -52px -26px }
.magus		{background-position: -78px -26px }
.cultiste		{background-position: -104px -26px }

.elfnoir		{background-position: 0px -52px }
.furie		{background-position: -26px -52px }
.disciple		{background-position: -52px -52px }
.sorcier		{background-position: -78px -52px }
.gardenoir	{background-position: -104px -52px }

.nain		{background-position: 0px -78px }
.brisefer		{background-position: -26px -78px }
.ingenieur	{background-position: -78px -78px }
.pretrerune	{background-position: -104px -78px }

.empire		{background-position: 0px -104px }
.paon		{background-position: -26px -104px }
.repurgateur	{background-position: -52px -104px }
.flamby		{background-position: -78px -104px }
.pretreguerrier	{background-position: -104px -104px }

.hautelfe		{background-position: 0px -130px }
.lionblanc		{background-position: -26px -130px }
.maitreepee	{background-position: -52px -130px }
.fantome		{background-position: -78px -130px }
.archimage	{background-position: -104px -130px }


/* fichiers à télécharger
------------------------------------------------------ */
.filemini {
	width: 104px;
	height: 104px;
	font-size: 10px;
	float: left;
	margin: 8px;
	border: 1px solid #333;
	background: no-repeat center; 
}

.filemini a {
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}
.file a:link, .file a:active, .file a:visited, .file a:hover	{color: #FFF; text-decoration: none}

.filemini:hover {
	border-color: #FFF;
}

.filemini  a:hover {
	color: #FFF;
	text-decoration: none;
	}

.file {
	float: left;
	width: 100%;
	padding: 4px 0px;
	background: no-repeat center left; 
}

.file:hover {
	background-color: #333;
}

.filename {
	margin-left: 20px;
}

.filetype {
	float: right;
	width: 220px;
}

.fileweight {
	float: right;
	width: 70px;
	margin-right: 10px;
	text-align : right;
}

#main .icon {
	margin: 2px;
}

/* menu selection pour les fichiers à télécharger
------------------------------------------------------ */

.doc {
	float: left;
	width: 359px;
	margin: 5px;
	position: relative;
	}

	.doc dl {
		float: left;
		width: 305px;
		margin: 10px 20px;
		}

	.doc dt {
		font-weight: bold;
		padding: 0px 4px 4px;
		margin-bottom: 1px;
		border-bottom: 1px solid #333;
		}

	.doc dd {
		padding: 0px;
		margin-bottom: 0px;
		}

		.doc dd a {
			padding: 4px 4px 4px 15px;
			margin-bottom: 1px;
			color: #D4D4D4;
			display: block; /* les menu sont des inlines ceci le tranforme en block */
			}

			.doc dd a:hover {
				background-color: #333;
				text-decoration: none;
				}

/* teamspeak
------------------------------------------------------ */

div#tsv {
	margin: 5px;
	width: 250px;
	}

	.tsv table {
		border-spacing: 0px;
		border-collapse: collapse;
		}

	.tsv a:link,.tsv a:visited {
		color: #990; 
		text-decoration: none;
		}

	.tsv a:active,.tsv a:hover {
		color: #999; 
		text-decoration: underline;
		}

	.tsv_user a span.tooltip { /* suppression commentaire de tsviewer */
		display: none;
		}
	
div#tsinfo {
	width: 160px;
	margin: 30px;
	padding: 10px;
	float: right;
	border:1px solid #333;
	}

/* flux rss
------------------------------------------------------ */

.day
	{
	margin:10px;
	}

div.block ul li
	{
	margin-left: 20px;
	list-style: none;
	}

div.block ul li.day
	{
	margin-left: 0px;
	font-weight: bold;
	}