* {
	margin: 0;
	padding: 0;
}

body {
	background: #F3F3F3 url(images/fond.jpg) top center fixed;
}

a {
	text-decoration: none;
	color: #03F;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

input, textarea, select {
	margin: 1px 0;
	padding: 1px;
	border: 1px solid #CCC;
	font: 12px "Trebuchet MS", sans-serif;
}
input.submit {
	padding: 0 1px;
	background-color: #EEE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content input.submit {
	min-width: 150px;
}
input[type=checkbox], input[type=radio] {
	vertical-align: -3px;
	border: 0;
}
textarea {
	width: 99%;
}

#page {
	margin: 0 auto;
	max-width: 980px;
	border: 1px solid #DDD;
	border-top: 1px;
	background: #FFF;
	color: #000;
	font: 12px "Trebuchet MS", sans-serif;
	line-height: 20px;
}

#header form {
	float: left;
	padding: 18px 40px;
}
#header form #objet {
	width: 200px;
}
#header form input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#header #gplus {
	float: right;
	margin-right: 10px;
	margin-top: 65px;
}
#header a {
	display: block;
	float: right;
	margin-right: 80px;
	padding: 12px 0 6px 0;
	outline: 0;
}

#nav {
	clear: both;
	margin: 0 -5px;
	padding: 0 16px;
	height: 24px;
	line-height: 18px;
	background: #06C;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#nav ul {
	list-style: none;
}
#nav a, #nav .top {
	display: block;
	width: 160px;
	padding: 4px 6px 2px 6px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: #06C;
	color: #FFF;
	outline: 0;
}
#nav ul li ul li a {
	width: 160px;
	text-align: left;
	border: 0;
}
#nav a:hover {
	background: #FFF;
	color: #03F;
}
#nav li, #nav li ul {
	width: 172px;
}
#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	left: -9999px;
	border: 1px solid #06C;
	border-top: 0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li.sfnothover ul {
	left: -9999px;
}

#menu {
	float: right;
	width: 211px;
	margin: 9px 0;
	padding: 0 9px;
	border-left: 1px solid #CCC;
}
#menu h2, #menu ul, #menu p {
	margin: 9px 0;
}
#menu h2 {
	font-size: 12px;
}
#menu h2 img {
	vertical-align: -3px;
}
#menu ul {
	margin-top: -9px;
}
#menu li {
	list-style-type: none;
}
#menu hr {
	height: 1px;
	border: 0;
	background: #DDD;
}

#content {
	margin: 9px 240px 9px 9px;
	text-align: justify;
}
#content h1, #content h2, #content h3, #content p, #content ul, #content ol, #content table {
	margin: 9px 0;
}
#content h1 {
	margin-top: 18px;
	border-bottom: 1px solid #DDD;
	font-size: 18px;
}
#content h2 {
	margin-top: 16px;
	border-bottom: 1px solid #DDD;
	font-size: 14px;
}
#content h3 {
	font-size: 12px;
}
#content ul li {
	margin-left: 20px;
}
#content ol li {
	margin-left: 30px;
}

/* span */
.brave { color: #000080; font-weight: bold; }
.rampant { color: #008000; font-weight: bold; }
.sadique { color: #800000; font-weight: bold; }

/* image d'un objet */
.objet { border: 1px solid #666; width: 32px; height: 32px; vertical-align: middle; background: #FFF; margin: 1px; }

/* [A] etc. */
.type { font-family: Mono, "Courier New", Courier, sans-serif; }

/* tableaux d'objets */
.listeObjets {
	background: #999;
	width: 99%;
}
.listeObjets th, .listeObjets td {
	background: #FFF;
}
.listeObjets th {
	text-align: center;
	background: #CCF;
}
.listeObjets th div {
	margin: -1px 0 3px 0;
	line-height: 5px;
}
.listeObjets th a .up {
	float: right;
}
.listeObjets th a .down {
	float: left;
}
.listeObjets th.c { width: 60px; }
.listeObjets th.c2 { width: 120px; }
.listeObjets td.d { text-align: center; }
.listeObjets tr.retire td { background: #DDD; }

/* tableau des caractéristiques d'un objet */
#content .carac {
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #CCC;
	overflow: hidden;
}
#content .carac table {
	margin: 3px 0;
}
#content .carac th.titre {
	text-align: center;
}
#content .carac th {
	width: 125px;
}
#content .carac td {
	width: 125px;
}
#content .carac th, .carac td {
	padding: 1px 0 1px 4px;
	text-align: left;
}
#content .blocobjet {
	overflow: hidden;
}
#content .blocobjet h1 {
	margin-top: 9px;
}
#content .ncobjet {
	margin-right: 270px;
}

#content table.reparations {
	margin: 9px auto;
}
#content table.reparations th {
	width: 60px;
}
#content table.reparations th, #content table.reparations td {
	text-align: center;
}
.impair { background-color: #DDD; }
.pair { background-color: #EEE; }

/* page de stats */
#content table.statistiques {
	margin: 9px auto;
	background: #999;
}
#content table.statistiques th {
	text-align: left;
}
#content table.statistiques th.titre, #content table.statistiques td {
	text-align: center;
}
#content table.statistiques th {
	width: 130px;
	padding: 0 4px;
	background: #EEE;
}
#content table.statistiques td {
	background: #FFF;
}
#content table.statistiques .date {
	display: block;
	margin-top: -1px;
	font-weight: normal;
}

#content table.inscrits {
	margin: 9px auto;
	background: #999;
}
#content table.inscrits th {
	text-align: center;
	background: #EEE;
}
#content table.inscrits th.mois {
	width: 12px;
}
#content table.inscrits td {
	padding-top: 1px;
	vertical-align: bottom;
	text-align: center;
	background: #FFF;
}
#content table.inscrits img {
	vertical-align: -4px;
}

/* groupes */
#content table.groupes {
	width: 100%;
	background: #999;
}
#content table.groupes th {
	background: #EEE;
	text-align: center;
}
#content table.groupes td {
	padding: 0 2px;
	background: #FFF;
}
#content table.groupes td.c {
	text-align: center;
}

/* message d'erreur */
.error {
	margin-top: 9px;
	padding: 0 9px;
	border: 1px dotted red;
	background: #FEE;
}
.message {
	margin-top: 9px;
	padding: 0 9px;
	border: 1px dotted green;
	background: #EFE;
}

/* actualités */
#content p.date {
	margin-top: -8px;
	font-size: 11px;
	color: #999;
}

/* x-nain */
#content table.x-nain {
	width: 99%;
}
#content table.x-nain td {
	width: 50%;
	text-align: center;
}
#content table.x-nain h2 {
	margin-top: 0;
}
#res {
	margin: 9px 0;
	text-align: center;
}

/* mondes */
#content .monde {
	margin: 9px auto;
	margin-bottom: 0;
}
#content .monde td {
	width: 25px;
	height: 25px;
	background: transparent;
}
#content .monde img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

/* aide */
.aide {
	width: 99%;
}
.aide td {
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

/* colonnes sur différentes pages (mondes, encyclo, wiki) */
#content .demie, #content .tiers {
	float: left;
}
#content .demie {
	width: 49%;
}
#content .tiers {
	width: 33%;
}
#content .demie h2,
#content .tiers h2,
#content .demie h3,
#content .tiers h3,
#content .demie ul,
#content .tiers ul,
#content .demie ol,
#content .tiers ol {
	margin-top: 0;
	text-align: left;
}
#content .afterdemie {
	clear: left;
}
#content h2.afterdemie {
	padding-top: 7px;
}

#content p.tr {
	margin-top: -11px;
	font-size: 10px;
	color: #666;
}

/* formulaires */
.p99 { width: 99%; }
.p50 { width: 50%; }

/* divers */
.right { text-align: right; }
.center { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.clear { clear: both; }
.clearLeft { clear: left; }