1/* ================================ GENERAL  ================================ */
2/*
3 * bleu #5d5d9a
4 * orange #d68c03
5 * bleu h2 #70548c
6 * bleu h3 #614979
7 */
8* { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small; }
9body { background-color: #bdbdbe; }
10acronym { cursor: help; }
11form { margin: 0; padding: 0; }
12textarea { border: solid 1px #70548c; width: 99%; }
13input[type='text'], input[type='password'] { border: solid 1px #70548c; }
14dl, li { margin: 0; padding: 0; }
15ul, ol { margin: .5em 0 0 2em; padding: 0; }
16ul { list-style-image: url(images/ulpuce.gif); }
17ol { list-style-type: decimal; list-style-image: none; }
18em { color: #666; }
19a { text-decoration: none; color: #5d5d9a; }
20a:hover { color: #d68c03; }
21textarea { font-family: "Courier New",Courier,monospace; font-size: 1em; }
22div.error { font-size: 1em; color: #fff; font-weight: bold; padding: 3px 3px 3px 20px; background: #f00 url(images/error.png) 3px 4px no-repeat; border-bottom: solid 1px #000; border-top: solid 1px #000; }
23div.success { font-size: 1em; color: #fff; font-weight: bold; padding: 3px 3px 3px 20px; background: #3f3 url(images/thumbup.gif) 1px 1px no-repeat; border-bottom: solid 1px #000; border-top: solid 1px #000; }
24sup, sub { font-size: .7em; }
25.user { display: none; }
26hr.clear{ clear: both; visibility: hidden; }
27
28/* ================================= HEADER ================================= */
29#header { margin: 0 0 0 286px; background: url(images/header_bg.png); }
30#header #logo { position: absolute; left: 0; top: 0; height: 100px; width: 286px; background: transparent url(images/header.png) no-repeat; }
31
32/* ================================== MENU ================================== */
33#header #menu { position: absolute; top: 55px; margin-left: -20px; }
34#header #menu ul { list-style: none; margin: 0px; }
35#header #menu ul li { float: left; margin-right: 20px; }
36#header #menu ul li a { color: #5d5d9a; text-decoration: none; font-size: 1.2em; font-weight: bold; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
37#header #menu ul li a:hover { color: #d68c03; }
38#header #menu ul li:hover ul{ display: block; }
39#header #menu ul li ul { display: none; position: absolute; padding: 3px; border: solid 2px #5d5d9a; background-color: #fff; }
40#header #menu ul li ul li { float: none; display: block; }
41
42/* ============================== SEARCH FORM =============================== */
43#searchform { float: right; margin: 50px 5px 0 0; }
44#searchform input { border: solid 1px #5d5d9a; margin-left: 1em; }
45#searchform input.edit { width: 10em; }
46
47/* ============================== SEARCH ============================= */
48.search_result { background-color: #e9e9e9; border: solid 1px #999; padding: 5px 0 0 5px; margin-top: 10px;}
49.search_snippet { background-color: #fff; border-top: solid 1px #999; border-left: solid 1px #999; padding: 5px; margin: 2px 0 0 -6px; }
50.search_hit { background-color: #75f31d; color: #fff; }
51#qsearch_out { display: none; background: #fff; border: solid 1px #70548c; padding: 5px; position: absolute; right: 20em; top: 84px; }
52
53/* =============================== NAVIGATION =============================== */
54#navigation ul { list-style: none; margin: 0; padding: 0; }
55#navigation ul li { display: inline; padding: 0 .5em 0 .5em;  }
56#navigation ul li a { color: #70548c; font-weight: bold; }
57#navigation ul li a:hover { color: #c4891b; font-weight: bold; }
58
59/* ================================= INDEX ================================== */
60.idx li { list-style-image: url(images/page.gif); }
61.idx li.closed { list-style-image: url(images/folder.gif); }
62.idx li.open { list-style-image: url(images/folderopen.gif); }
63
64/* ================================ HEADERS ================================= */
65h1 {
66	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
67	font-size: 1.5em;
68	font-variant: small-caps;
69	color: #d68c03;
70	border-bottom: solid 2px #d68c03;
71	margin: 0;
72}
73h2 {
74	font-size: 1em;
75	font-variant: small-caps;
76	color: #70548c;
77	border-bottom: solid 1px #70548c;
78	margin: 1em 0 0 2em;
79	background: url(images/puce.png) no-repeat 0 .5em;
80	padding: 0 0 0 1em;
81}
82h3 {
83	font-size: 1em;
84	color: #614979;
85	border-bottom: solid 1px #bbb;
86	margin: 1em 0 0 3em;
87	background: url(images/puce2.png) no-repeat 0 .5em;
88	padding: 0 0 0 1em;
89}
90h4 {
91	font-size: 1em;
92	color: #614979;
93	border-bottom: solid 1px #ddd;
94	margin: 1em 0 0 4em;
95}
96h5 {
97	font-size: 1em;
98	color: #614979;
99	border-bottom: dotted 1px #ddd;
100	margin: 1em 0 0 5em;
101}
102
103/* ================================= LEVELS ================================= */
104div.level1 { margin: 1em 0 0 0; }
105h1+div.level1 { margin: -2px 0 0 0; padding-top: 2px; background: url(images/h1.png) no-repeat; min-height: .5em; }
106div.level2 { margin: 1em 0 0 3em; }
107h2+div.level2 { margin: -1px 0 0 2em; padding-top: 2px; background: url(images/h2.png) no-repeat; min-height: .5em; }
108div.level3 { margin: 1em 0 0 4em; }
109h3+div.level3 { margin: -1px 0 0 3em; padding-top: 2px; background: url(images/h3.png) no-repeat; min-height: .5em; }
110div.level4 { margin: 1em 0 0 5em; }
111h4+div.level4 { margin: -1px 0 0 4em; padding-top: 2px; }
112div.level5 { margin: 1em 0 0 6em; }
113h5+div.level5 { margin: -1px 0 0 5em; padding-top: 2px; }
114
115/* =================================== TOC ================================== */
116#content div.toc { margin-left: 10px; margin-bottom: 10px; }
117#content div.toc .tocheader { background-color: #d68c03; color: #fff; font-weight: bold;	padding: 2px 5px 2px 5px; }
118#content div.toc .tocheader a { color: #fff; font-weight: bold; text-decoration: none; }
119#content div.toc #tocinside { margin: 0 0 0 20px; padding: 3px; }
120#content div.toc #tocinside ul.toc { margin: 0; padding: 0; list-style-image: url(images/tocpuce.gif);}
121#content div.toc #tocinside ul.toc li.level1 { margin: 0; list-style-type: none; }
122#content div.toc #tocinside ul.toc li.level1 li { margin: 0 0 0 15px; }
123#content div.toc #tocinside ul.toc li.level1 a { color: #d68c03; font-weight: bold; }
124#content div.toc #tocinside ul.toc li.level1 a:hover { text-decoration: underline; }
125#content div.toc #tocinside ul.toc li.level2 a { color: #70548c; font-weight: normal; }
126#content div.toc #tocinside ul.toc li.level2 a:hover { color: #d68c03; text-decoration: none; }
127#content div.toc #tocinside ul.toc li.level3 a { color: #614979; }
128
129/* =================================== EDIT ================================= */
130.secedit { text-align: right; }
131.secedit .button .button { border: solid 1px #000000; }
132
133/* ================================== FORMS ================================= */
134form fieldset {
135	width: 300px;
136}
137form fieldset label {
138	text-align: right;
139	display: block;
140}
141
142/* ================================= TABLES ================================= */
143#content table { margin: 5px 0 5px 0; border: solid 1px #999; border-collapse: collapse; }
144#content table th { border: solid 1px #999; background-color: #eee; padding: 2px 5px 2px 5px; }
145#content table td { border: solid 1px #ccc; padding: 2px 5px 2px 5px; }
146#content table td.rightalign { text-align: right; }
147#content table td.centeralign { text-align: center; }
148#content table td.leftalign { text-align: left; }
149#content table tr:hover { background-color: #ffffe5; }
150
151/* =============================== PARAGRAPH ================================ */
152p { margin: .5em 0 0 0; }
153
154/* ================================== PRE =================================== */
155pre {
156	padding: 2px;
157	border: 1px dotted #8cacbb;
158	color: #000000;
159
160	overflow: auto;
161}
162
163/* ================================= CODE =================================== */
164.code {
165	background: #fffff5 url(images/code.png) no-repeat;
166	padding: 21px 2px 2px 4px;
167	font-family: "Courier New",Courier,monospace;
168	white-space: pre;
169	border-left: solid 2px #a5a3af;
170}
171pre.php { background-image: url(images/codephp.png); }
172pre.actionscript { background-image: url(images/codeactionscript.png); }
173pre.css { background-image: url(images/codecss.png); }
174pre.html4strict { background-image: url(images/codehtml.png); }
175pre.javascript { background-image: url(images/codejavascript.png); }
176pre.bash { background-image: url(images/codebash.png); }
177
178pre * { background-color: #fffff5; font-size: 1em; font-family: "Courier New",Courier,monospace; }
179pre.code .br0	{ color: #66cc66; }
180pre.code .co1	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
181pre.code .co2	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
182pre.code .coMULTI	{ color: #808080; font-style: normal; background-color: #f0f0f0; }
183pre.code .es0	{ color: #000099; font-weight: normal; }
184pre.code .kw1	{ color: #b1b100; }
185pre.code .kw2	{ color: #000000; font-weight: normal; }
186pre.code .kw3	{ color: #000066; }
187pre.code .kw4	{ color: #993333; }
188pre.code .kw5	{ color: #7777ff; }
189pre.code .me0	{ color: #006600; }
190pre.code .nu0	{ color: #cc66cc; }
191pre.code .re0	{ color: #7777ff; }
192pre.code .re1	{ color: #7777ff; }
193pre.code .re2	{ color: #7777ff; }
194pre.code .re4	{ color: #009999; }
195pre.code .sc0	{ color: #00bbdd; }
196pre.code .sc1	{ color: #ddbb00; }
197pre.code .sc2	{ color: #009900; }
198pre.code .st0	{ color: #0000ff; }
199code { background-color: #fffff5; border: 1px dotted #8cacbb; font-size: 1em; font-family: "Courier New",Courier,monospace; }
200
201/* ================================ PREVIEW ================================= */
202.preview { border: dotted 1px #999; margin: 1em; padding: 1em; }
203
204/* ============================== BLOCKQUOTE ================================ */
205blockquote { border-left: solid 2px #a58fbb; margin: 0; padding: 0 0 0 .5em; }
206
207/* ================================= IMAGES ================================= */
208img { border: none; }
209img.media { margin: 3px; }
210img.medialeft { float: left;  margin: 0 3px 0 0; }
211img.mediaright { float: right; margin: 0 0 0 3px; }
212img.mediacenter { display: block;  margin-left: auto;  margin-right: auto; }
213
214/* ================================== LINKS ================================= */
215.interwiki { background-image: url(../../images/interwiki/doku.gif); background-repeat: no-repeat; padding-left: 18px; }
216.urlextern { background-image: url(images/link_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; padding-left: 18px; }
217.mail { background-image: url(images/mail_icon.gif); background-repeat: no-repeat; padding-left: 18px; }
218/* Lien interne qui existe */
219.wikilink1 { }
220/* Lien interne qui n'existe pas */
221.wikilink2 { color: #f00; background-image: url(images/link_error.gif); background-position: -4px 0px; background-repeat: no-repeat; padding-left: 10px;}
222
223/* ================================ FOOTNOTE ================================ */
224.fn { border-top: dashed 1px #999; background-color: #ffe; margin-top: 20px; }
225.fn+.fn { border-top: none; margin-top: 0; }
226.fn_top { font-size: .7em; vertical-align: super; }
227.fn_bot { font-size: .7em; vertical-align: super; }
228
229/* ================================== DIFF ================================== */
230.diff-deletedline { background-color: #ff9999; }
231.diff-addedline { background-color: #9999ff; }
232.diffchange { background-color: #ffff66;}
233
234/* ================================= MEDIA ================================== */
235#media ul { margin: 0px 0px 0px 10px; padding: 0px; }
236#media li { margin-left: 15px; list-style-image: url(images/folder.gif); }
237#media .mediaselect-right li { list-style-image: url(images/page.gif); }
238#media .uploadform { margin-top: 20px; }
239