/*
	General
*/
* {
	font-family: "Trebuchet MS", "Courier New", Arial;
}

body {
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	background: url('img/fond.png') repeat-x;
}

#global {
	width: 800px;
	margin: auto;
}

#global li {
	padding-left: 5px;
}

/*
	Bloc header
*/
#header {
	width: 800px;
	margin: auto;
	height: 140px;
	background: url('img/logo.png') no-repeat 40px 24px;
}

#header ul {
	margin: 2px 80px 0px 0px;
	background: url('img/fond_liens.png') no-repeat 420px 0px;
	height: 24px;
}

#header li {
	margin: 2px 16px;
	float: right;
	color: white;
}

#header li a {
	color: white;
}

#titre {
	clear: both;
}

#titre p {
	padding-left: 160px;
	font-size: 14px;
}

/*
	Bloc corps
*/
#corps {
	float: right;
	width: 600px;
	text-align: justify;
}

/*
	Bloc menu
*/
#menu {
	float: left;
	width: 170px;
	border-right: 1px solid black;
	min-height: 400px;
}

#menu form {
	margin-bottom: 20px;
}

/*
	liste particuliere
*/
.categories {
	list-style-image: url('img/categorie.png');
}

.articles {
	list-style-image: url('img/article.png');
}

.standards {
	list-style-image: url('img/valide.png');
}

/*
	Bloc rétractable
*/
#menu h2 {
	font-size: 12px;
	margin: 2px 0px;
	padding: 4px 0px 4px 40px;
	background: url('img/h2.png') no-repeat;
	cursor: pointer;
}

#menu h2.activer {
	background: url('img/h2a.png') no-repeat;
	cursor: default;
}

#menu div {
	margin: 6px 0px;
	overflow: hidden;
}

/*
	Balises génériques
*/
h1 {
	margin: 5px;
	font-size: 26px;
	padding-left: 120px;
}

h3 {
	color: #48858c;
	font-size: 16px;
	background: url('img/motif.png') no-repeat;
	padding-left: 30px;
	margin: 10px 0px 0px 0px;
}

h4 {
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #659ccc;
}

a img {
	border: none;
}

ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	padding: 5px;
	margin: 0px;
	line-height: 18px;
}

hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border: #cccccc;
}

table {
	width: 100%;
}

td {
	vertical-align: top;
}

blockquote {
	font-family: Courier New;
	font-size: 14px;
	border-left: 2px solid #48858c;
	padding-left: 10px;
}

/*
	Formulaire
*/
input, textarea {
	font-size: 12px;
}

input[type=text] {
	height: 18px;
}

input[type=text], textarea {
	border: 1px solid #ccc;
	border-left: 2px solid #659ccc;
}

#recherche {
	background: url('img/rechercher.png') no-repeat 2px 2px;
}

#pseudo {
	background: url('img/pseudo.png') no-repeat 2px 2px;
}

#code {
	background: url('img/code.png') no-repeat 2px 2px;
}

#recherche, #pseudo, #code {
	padding-left: 26px;
}

/*
	Infobulle
*/
#infobulle {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	max-width: 240px;
	/*background: url('img/info.png') 10px 0px no-repeat;*/
	padding-top: 6px;
}

#infobulle p {
	font-size: 10px;
	padding: 2px 10px;
	color: black;
	/*background: url('img/fond_info.png');*/
	background-color: #eeeeee;
	border: 1px solid black;
}

/*
	Info article
*/
#info_article {
	margin: 20px 0px 20px 20px;
	width: 200px;
	border: 1px dashed #659ccc;
	float: right;
}

#info_article p {
	padding: 2px 8px;
}

#info_article div {
	overflow: hidden;
}

#info_article h4 {
	font-size: 14px;
	background: url('img/motif.png') no-repeat;
	padding-left: 30px;
	margin: 5px 5px 14px 5px;
	text-decoration: underline;
}

/*
	Redirection
*/
#redirection {
	width: 300px;
	margin: auto;
}

/* 
	Diverses classes
*/
.info {
	font-size: 11px;
	color: #999999;
	padding: 0px 0px 16px 10px;
}