code, kbd, pre {
	font-family:monospace;
}

kbd {
	color:#977;
}

code {
	color:#777;
}

pre {
	color:#797;
	margin:2em;
	font-size:1em;
	padding-left:1.5em;
	background-image:url(../img/pre.png);
	background-repeat:repeat-y;
	background-position:left;
}

html {
	background-color:#557;
	background-image:url(../img/fond_test.png);
	background-repeat:repeat-y;
	background-position:left;
	font-size:10pt;
	font-family:sans-serif;
}

body {
	max-width:55em;
	margin:20px auto 20px auto;
	background-color:white;
	border:0.1em solid #555;
	padding:0;
}

h1 {
	font-size:1.4em;
	text-align:center;
	margin:0;
	color:#ccc;
	font-weight:normal;
	background-image:url(../img/xfce-edit/xfce-edit-3.64.png);
	background-repeat:no-repeat;
	background-position:top left;
}

h1:first-line {
	font-size:2em;
	color:#fff;
}

h1 span {
	color:#fa3;
	font-size:inherit;
}

h2, .theme h2 a {
	font-size:1.3em;
	color:#77a;
}

.theme h2 a:hover {
	color:#77a;
	text-decoration:none;
}

h2 {
	border-bottom:0.1em solid #aaa;
	font-variant:small-caps;
}

h3 {
	font-size:1.2em;
	color:#999;
	font-variant:small-caps;
}

strong {
	color:#979;
}

h3:before {
	content:url(../img/h_puce.png) " ";
}

.theme {
	margin:1em 1em 6ex 1em;
}

.theme p, .theme li {
	line-height:2.5ex;
	font-size:1em;
	color:#311;
}

.theme dd {
	margin-bottom:2ex;
	line-height:2.5ex;
	font-size:1em;
	color:#311;
}

.theme dt {
	text-decoration:underline;
	line-height:2.5ex;
	font-size:1em;
	color:#311;
}

.theme a {
	color:#e83;
	text-decoration:none;
}

.theme form {
	margin:1em auto 1em auto;
	padding:1em;
	text-align:center;
	width:70%;
}

.theme form input[type="submit"] {
	border-bottom:0.09em solid #979;
	border-right:0.09em solid #979;
	border-left:0.09em solid #999;
	border-top:0.09em solid #999;
	background-color:#eee;
}

.theme h2 a {
	line-height:3ex;
}

.theme h2 a[name="pres"]:before {
	content:url(../img/h_pres.png) " ";
}

.theme h2 a[name="fonc"]:before {
	content:url(../img/h_fonc.png) " ";
}

.theme h2 a[name="manu"]:before {
	content:url(../img/h_manuel.png) " ";
}

.theme h2 a[name="tele"]:before {
	content:url(../img/h_tele.png) " ";
}

.theme h2 a[name="thx"]:before {
	content:url(../img/h_thx.png) " ";
}

.theme h2 a[name="capt"]:before {
	content:url(../img/h_capt.png) " ";
}

.theme h2 a[name="faq"]:before {
	content:url(../img/h_faq.png) " ";
}

.theme h2 a[name="lien"]:before {
	content:url(../img/h_lien.png) " ";
}

.theme a[href^=mailto]:after {
	content:" " url(../img/url_courriel.png);
}

.theme a[href$=".txt"]:after, .theme a[href$="ChangeLog"]:after, .theme a[href$="TODO"]:after {
	content:" " url(../img/url_text.png);
}

.theme a[href$=".tar.bz2"]:after, .theme a[href$=".tgz"]:after, .theme a[href$=".tar.gz"]:after {
	content:" " url(../img/url_pkg.png);
}

.theme a:hover {
	color:#38e;
	text-decoration:underline;
}

.theme ul li {
	list-style-image:url(../img/puce.png);
}

.screenshot {
	width:100%;
}

.screenshot a {
	text-decoration:none;
}

.screenshot a object {
	border:2px;
}

.screenshot td, .screenshot th {
	text-align:center;
	vertical-align:top;
	width:33%;
}

.screenshot th {
	color:#779;
}

.titre {
	background-color:#777;
	background-image:url(../img/fond_titre.png);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:0.1em solid #555;
	padding:1em;
	margin:0;
}

div.menu {
	margin:0 0 50px 0;
	padding:0;
	border:none;
	background-image:url(../img/menu.png);
	background-repeat:repeat-x;
	background-position:top;
}

.menu ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0 1em 0 1em;
	text-align:center;
}

.menu li {
	display:inline;
	margin:0;
	padding:0;
}

.menu a {
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	color:#777;
	padding:0 0.5ex 0.1ex 0.5ex;
	border-top:none;
	margin:0;
	border-bottom:0.2em solid #eee;
/*	border-left:0.2em solid #eee;
	border-right:0.2em solid #eee;*/
}

.menu a:hover {
	border-bottom:0.2em solid #e83;
/*	border-left:2px solid #aaa;
	border-right:2px solid #aaa;*/
	color:#000;
}

.haut {
	text-align:center;
	margin:20px;
}

.haut a {
	font-size:1em;
	color:#979;
}

.haut a:hover {
	text-decoration:none;
}

.haut a:before {
	content:url(../img/haut.png) " ";
}

.haut a:after {
	content:" " url(../img/haut.png);
}

.haut a em {
	font-style:normal;
	text-decoration:underline;
	font-size:inherit;
}