/* ================================ GENERAL  ================================ */
/* 
 * bleu #5d5d9a
 * orange #d68c03
 * bleu h2 #70548c
 * bleu h3 #614979
 */
* { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;
}
body { background-color: #bdbdbe; }
acronym { cursor: help; }
form { margin: 0px; padding: 0px; }
textarea { border: solid 1px #70548c; width: 99%; }
input[type='text'], input[type='password'] { border: solid 1px #70548c; }
dl, li { margin: 0px; padding: 0px; }
ul, ol { margin: 5px 0px 0px 20px; padding: 0px; }
ul { list-style-image: url(images/ulpuce.gif); }
ol { list-style-type: decimal; list-style-image: none; }
em { color: #666666; }
a { text-decoration: none; color: #5d5d9a; }
a:hover { color: #d68c03; }
textarea { font-family: "Courier New",Courier,monospace; font-size: 12px; }
div.error { font-size: 12px; color: #ffffff; font-weight: bold; padding: 3px 3px 3px 20px; background: #ff0000 url(images/error.png) 3px 4px no-repeat; border-bottom: solid 1px #000000; border-top: solid 1px #000000; }
div.success { font-size: 12px; color: #ffffff; font-weight: bold; padding: 3px 3px 3px 20px; background: #33ff33 url(images/thumbup.gif) 1px 1px no-repeat; border-bottom: solid 1px #000000; border-top: solid 1px #000000; }
sup, sub { font-size: 75%; }
.user { display: none; }
.interwiki { background-image: url(../../interwiki/doku.gif); }
.urlextern { background-image: url(images/link_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; padding-left: 18px; }
.mail { background-image: url(images/mail_icon.gif); background-repeat: no-repeat; padding-left: 18px; }
/* Lien interne qui existe */
.wikilink1 { }
/* Lien interne qui n'existe pas */
.wikilink2 { color: #ff0000; background-image: url(images/link_error.gif); background-position: -4px 0px; background-repeat: no-repeat; padding-left: 10px;}

/* ================================= HEADER ================================= */
#header { margin: 0px 0px 0px 286px; background: url(images/header_bg.png); }
#header #logo { position: absolute; left: 0px; top: 0px; height: 100px; width: 286px; background: transparent url(images/header.png) no-repeat; }

/* ================================== MENU ================================== */
#header #menu { position: absolute; top: 38px; margin-left: 10px; }
#header #menu ul { list-style: none; margin: 0px; }
#header #menu ul li { float: left; margin-right: 20px; }
#header #menu ul li a { color: #5d5d9a; text-decoration: none; font-size: 14px; font-weight: bold; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
#header #menu ul li a:hover { color: #d68c03; }
#header #menu ul li:hover ul{ display: block; }
#header #menu ul li ul { display: none; position: absolute; padding: 3px; border: solid 2px #5d5d9a; background-color: #ffffff; }
#header #menu ul li ul li { float: none; display: block; }

/* ============================== SEARCH FORM =============================== */
#searchform { float: right; margin: 55px 5px 0px 0px; }
#searchform input { border: solid 1px #5d5d9a; margin-left: 10px; }
#searchform input.edit { width: 100px; }

/* =============================== NAVIGATION =============================== */
#navigation ul { list-style: none; margin: 0px; padding: 0px; }
#navigation ul li { display: inline; padding: 0px 10px 0px 5px;  }
#navigation ul li a { color: #70548c; font-weight: bold; }
#navigation ul li a:hover { color: #c4891b; font-weight: bold; }

/* ================================= INDEX ================================== */
.idx li { list-style-image: url(images/page.gif); }
.idx li.closed { list-style-image: url(images/folder.gif); }
.idx li.open { list-style-image: url(images/folderopen.gif); }

/* ================================ HEADERS ================================= */
h1 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-variant: small-caps;
	color: #d68c03;
	border-bottom: solid 2px #d68c03;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-size: 18px;
	font-variant: small-caps;
	color: #70548c;
	border-bottom: solid 1px #70548c;
	margin: 10px 0px 0px 20px;
	background: url(images/puce.png) no-repeat 0px 7px;
	padding: 00px 0px 0px 10px;
}
h3 {
	font-size: 16px;
	color: #614979;
	border-bottom: solid 1px #bbbbbb;
	margin: 10px 0px 0px 40px;
	background: url(images/puce2.png) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
}
h4 {
	font-size: 14px;
	color: #614979;
	border-bottom: solid 1px #dddddd;
	margin: 10px 0px 0px 60px;
}
h5 {
	font-size: 12px;
	color: #614979;
	border-bottom: dotted 1px #dddddd;
	margin: 10px 0px 0px 80px;
}

/* ================================= LEVELS ================================= */
div.level1 { margin: 10px 0px 0px 0px; }
h1+div.level1 { margin: -2px 0px 0px 0px; padding-top: 2px; background: url(images/h1.png) no-repeat; min-height: 8px; }
div.level2 { margin: 10px 0px 0px 20px; }
h2+div.level2 { margin: -1px 0px 0px 20px; padding-top: 2px; background: url(images/h2.png) no-repeat; min-height: 8px; }
div.level3 { margin: 10px 0px 0px 40px; }
h3+div.level3 { margin: -1px 0px 0px 40px; padding-top: 2px; background: url(images/h3.png) no-repeat; min-height: 8px;}
div.level4 { margin: 10px 0px 0px 60px; }
h4+div.level4 { margin: -1px 0px 0px 60px; padding-top: 2px; }
div.level5 { margin: 10px 0px 0px 80px; }
h5+div.level5 { margin: -1px 0px 0px 80px; padding-top: 2px; }

/* =================================== TOC ================================== */
#content div.toc { margin-left: 10px; margin-bottom: 10px; }
#content div.toc .tocheader { background-color: #d68c03; color: #ffffff; font-weight: bold;	padding: 2px 5px 2px 5px; }
#content div.toc .tocheader a { color: #ffffff; font-weight: bold; text-decoration: none; }
#content div.toc #tocinside { margin: 0px 0px 0px 20px; padding: 3px; }
#content div.toc #tocinside ul.toc { margin: 0px; padding: 0px; list-style-image: url(images/tocpuce.gif);}
#content div.toc #tocinside ul.toc li.level1 { margin: 0px 0px 0px 0px; list-style-type: none; }
#content div.toc #tocinside ul.toc li.level1 li { margin: 0px 0px 0px 15px; }
#content div.toc #tocinside ul.toc li.level1 a { color: #d68c03; font-weight: bold; }
#content div.toc #tocinside ul.toc li.level1 a:hover { text-decoration: underline; }
#content div.toc #tocinside ul.toc li.level2 a { color: #70548c; font-weight: normal; }
#content div.toc #tocinside ul.toc li.level2 a:hover { color: #d68c03; text-decoration: none; }
#content div.toc #tocinside ul.toc li.level3 a { color: #614979; }

/* =================================== EDIT ================================= */
.secedit { text-align: right; }
.secedit .button .button { border: solid 1px #000000; }

/* ================================== FORMS ================================= */
form fieldset {
	width: 300px;
}
form fieldset label {
	text-align: right;
	display:block;
}

/* ================================= TABLES ================================= */
#content table { margin: 5px 0px 5px 0px; border: solid 1px #999999; border-collapse: collapse; }
#content table th { border: solid 1px #999999; background-color: #eeeeee; padding: 2px 5px 2px 5px; }
#content table td { border: solid 1px #cccccc; padding: 2px 5px 2px 5px; }
#content table td.rightalign { text-align: right; }
#content table td.centeralign { text-align: center; }
#content table td.leftalign { text-align: left; }
#content table tr:hover { background-color: #ffffe5; }

/* =============================== PARAGRAPH ================================ */
p { margin: 10px 0px 0px 0px; }

/* ================================== PRE =================================== */
pre {
	padding: 2px;
	border: 1px dotted #8cacbb;
	color: #000000;

	overflow: auto;
}

/* ================================= CODE =================================== */
.code { 
	background: #fffff5 url(images/code.png) no-repeat;
	padding: 21px 2px 2px 4px; 
	font-size: 12px; 
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
	border-left: solid 2px #a5a3af;
}
pre.php { 
	background: #fffff5 url(images/codephp.png) no-repeat;
	padding: 21px 2px 2px 4px; 
	font-size: 12px; 
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
	border-left: solid 2px #a5a3af;
}
pre.actionscript { 
	background: #fffff5 url(images/codeactionscript.png) no-repeat;
	padding: 21px 2px 2px 4px; 
	font-size: 12px; 
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
	border-left: solid 2px #a5a3af;
}
pre.css { 
	background: #fffff5 url(images/codecss.png) no-repeat;
	padding: 21px 2px 2px 4px; 
	font-size: 12px; 
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
	border-left: solid 2px #a5a3af;
}
pre.html4strict { 
	background: #fffff5 url(images/codehtml.png) no-repeat;
	padding: 21px 2px 2px 4px; 
	font-size: 12px; 
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
	border-left: solid 2px #a5a3af;
}
pre * { background-color: #fffff5; font-size: 12px; font-family: "Courier New",Courier,monospace; }
pre .br0	{ color: #66cc66; }
pre .co1	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
pre .co2	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
pre .coMULTI	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
pre .es0	{ color: #000099; font-weight: normal; }
pre .kw1	{ color: #b1b100; }
pre .kw2	{ color: #000000; font-weight: normal; }
pre .kw3	{ color: #000066; }
pre .kw4	{ color: #993333; }
pre .kw5	{ color: #7777ff; }
pre .me0	{ color: #006600; }
pre .nu0	{ color: #cc66cc; }
pre .re0	{ color: #7777ff; }
pre .re1	{ color: #7777ff; }
pre .re2	{ color: #7777ff; }
pre .re4	{ color: #009999; }
pre .sc0	{ color: #00bbdd; }
pre .sc1	{ color: #ddbb00; }
pre .sc2	{ color: #009900; }
pre .st0	{ color: #0000ff; }
code { background-color: #fffff5; border: 1px dotted #8cacbb; font-size: 12px; font-family: "Courier New",Courier,monospace; }

/* ================================ PREVIEW ================================= */
.preview { border: dotted 1px #999999; margin: 10px; padding: 10px; }

/* ============================== BLOCKQUOTE ================================ */
blockquote { border-left: solid 2px #a58fbb; margin: 0px; padding: 0px 0px 0px 4px; }

/* ================================= IMAGES ================================= */
/* embedded images */
img.media {
  margin: 3px;
}

img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

img.mediacenter {
  border: 0;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}


/*img { border: none; }
/img.media { margin: 3px; }
/img.medialeft { float: left;  margin: 0px 3px 0px 0px; }
/img.mediaright { float: right; margin: 0px 0px 0px 3px; }
/img.mediacenter { display: block;  margin-left: auto;  margin-right: auto; }*/

/* ================================== LINKS ================================= */
.interwiki { background-repeat: no-repeat; padding-left: 17px; }

/* ================================ FOOTNOTE ================================ */
.fn { border-top: dashed 1px #999999; background-color: #ffffee; margin-top: 20px; }
.fn+.fn { border-top: none; margin-top: 0px; }
.fn_top { font-size: 75%; vertical-align: super; }
.fn_bot { font-size: 75%; vertical-align: super; }

/* ============================== SEARCH RESULT ============================= */
.search_result { background-color: #e9e9e9; border: solid 1px #999999; padding: 5px 0px 0px 5px; margin-top: 10px;}
.search_snippet { background-color: #ffffff; border-top: solid 1px #999999; border-left: solid 1px #999999; padding: 5px; margin: 2px 0px 0px -6px; }
.search_hit { background-color: #75f31d; color: #ffffff; }

/* ================================== DIFF ================================== */
.diff-deletedline { background-color: #ff9999; }
.diff-addedline { background-color: #9999ff; }
.diffchange { background-color: #ffff66;}

/* ================================= MEDIA ================================== */
#media ul { margin: 0px 0px 0px 10px; padding: 0px; }
#media li { margin-left: 15px; list-style-image: url(images/folder.gif); }
#media .mediaselect-right li { list-style-image: url(images/page.gif); }
#media .uploadform { margin-top: 20px; }