1/******************************************************************************/
2/*                                  GENERAL                                   */
3/******************************************************************************/
4* {
5	font-family: Verdana, Helvetica, Arial, sans-serif;
6	font-size: small;
7}
8html {
9	background: #7f7f8e url(images/background.png) repeat-x;
10	color: #fff;
11}
12body {
13	background: #fff;
14	color: #000;
15	border: solid 5px #9494A5;
16}
17/********************************** ACRONYM ***********************************/
18acronym { cursor: help; }
19/************************************ IMG *************************************/
20img {
21	border: none;
22}
23img.illustration {
24	border: solid 2px #ccc;
25}
26img.illustration:hover {
27	border: solid 2px #a07027;
28}
29/************************************* A **************************************/
30a[href], a.internal, a.wikilink1 {
31	background: url(images/link_internal.gif) no-repeat .2em .2em;
32	padding-left: 16px;
33	text-decoration: underline;
34	color: #ca8d31;
35	background-color: inherit;
36}
37a img {
38	margin-left: -16px;
39	vertical-align: bottom !important;
40}
41a:hover {
42	text-decoration: underline;
43	color: #a07027;
44	background-color: inherit;
45}
46a:visited {
47	color: #805007;
48	background-color: inherit;
49}
50a:visited:hover {
51	color: #a07027;
52	background-color: inherit;
53}
54a[hreflang]:after {
55	content: "\0000a0[" attr(hreflang) "]";
56}
57a.external, a.urlextern, a.interwiki {
58	background: url(images/link_external.gif) no-repeat .2em .2em;
59	padding-left: 16px;
60}
61a.internalbad, a.wikilink2 {
62	color: #f00;
63	background: url(images/link_error.gif) no-repeat .1em .1em;
64	background-color: inherit;
65	padding-left: 16px;
66}
67a.comments {
68	background: url(images/link_comments.gif) no-repeat .2em .2em !important;
69	padding-left: 16px;
70}
71a.category {
72	background: url(images/link_category.gif) no-repeat .2em .2em !important;
73	padding-left: 16px;
74}
75a.archives {
76	background: url(images/link_archives.png) no-repeat .2em .2em;
77	padding-left: 16px;
78}
79a.rss {
80	background: url(images/link_rss.png) no-repeat .2em .2em;
81	padding-left: 16px;
82}
83a.mail a.mail, a[href^="mailto:"] {
84	background: url(images/link_mail.gif) no-repeat .2em .2em;
85	padding-left: 16px;
86}
87a.external:visited, a.urlextern:visited, a.interwiki:visited, a.internal:visited, a.wikilink1:visited {
88	background: url(images/link_visited.gif) no-repeat .2em .2em;
89	padding-left: 16px;
90}
91a[href^="http:"] {
92	background: url(images/link_external.gif) no-repeat .2em .2em;
93	padding-left: 16px;
94}
95a[href^="http:"]:visited {
96	background: url(images/link_visited.gif) no-repeat .2em .2em;
97	padding-left: 16px;
98}
99a[href^="http:"] img {
100	margin-left: -16px;
101	vertical-align: bottom;
102}
103pre a, .footnotes a, a[href^="#"] {
104	background-image: none !important;
105	padding-left: 0 !important;
106	text-decoration: none !important;
107}
108
109/************************************ EM **************************************/
110em {
111	color: #666;
112	background-color: inherit;
113}
114/********************************* TEXTAREA ***********************************/
115textarea {
116	font-family: "Courier New",Courier,monospace;
117	font-size: 1em;
118}
119/********************************* SUP, SUB ***********************************/
120sup, sub { font-size: .7em; }
121/********************************* DEFINITION *********************************/
122dl dt {
123	color: #86875f;
124	background: #fff;
125	font-weight: bold;
126}
127dl dt a {
128	color: #86875f;
129	background: #fff;
130}
131dl dd.date {
132	border-right: solid 1px #ccc;
133}
134/*********************************** TABLE ************************************/
135table {
136	border: solid 1px #999;
137}
138table th {
139	border: solid 1px #999;
140	background-color: #eee;
141	color: inherit;
142	padding: 2px 5px 2px 5px;
143}
144table td {
145	border: solid 1px #ccc;
146	padding: 2px 5px 2px 5px;
147}
148/*
149Ca génère une erreur de validation
150table td.rightalign { text-align: right; }
151table td.centeralign { text-align: center; }
152table td.leftalign { text-align: left; }
153*/
154table tr:hover {
155	background-color: #ffffe5;
156	color: inherit;
157}
158/************************************ CODE ************************************/
159pre {
160	overflow: auto;
161	border: solid 1px #a5a3af;
162}
163
164pre * {
165	font-size: 1em;
166	font-family: "Courier New",Courier,monospace;
167}
168pre.code, pre.php, pre.actionscript, pre.css, pre.html4strict, pre.javascript, pre.bash, pre.xml, pre.xul, pre.xbl, pre.rdf, pre.ini, pre.mysql, pre.sqlite, pre.ruby, pre.xsl {
169	background: #fffff5 url(images/code.png) no-repeat;
170	color: inherit;
171	padding: 21px 2px 2px 4px;
172	font-family: "Courier New",Courier,monospace;
173	border-left: solid 2px #a5a3af;
174}
175pre.php { background-image: url(images/codephp.png); }
176pre.actionscript { background-image: url(images/codeactionscript.png); }
177pre.css { background-image: url(images/codecss.png); }
178pre.html4strict { background-image: url(images/codehtml.png); }
179pre.javascript { background-image: url(images/codejavascript.png); }
180pre.bash { background-image: url(images/codebash.png); }
181pre.xml { background-image: url(images/codexml.png); }
182pre.xul { background-image: url(images/codexul.png); }
183pre.xbl { background-image: url(images/codexbl.png); }
184pre.xsl { background-image: url(images/codexsl.png); }
185pre.rdf { background-image: url(images/coderdf.png); }
186pre.ini { background-image: url(images/codeini.png); }
187pre.mysql { background-image: url(images/codemysql.png); }
188pre.sqlite { background-image: url(images/codesqlite.png); }
189pre.ruby { background-image: url(images/coderuby.png); }
190
191pre .br0	{ color: #6c6 !important; background-color: inherit; }
192pre .co1	{ color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; }
193pre .co2	{ color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; }
194pre .coMULTI	{ color: #808080 !important; font-style: normal !important; background-color: #f0f0f0 !important; }
195pre .es0	{ color: #009 !important; font-weight: normal !important; background-color: inherit; }
196pre .kw1	{ color: #990 !important; font-weight: bold !important; background-color: inherit; }
197pre .kw2	{ color: #666 !important; font-weight: bold !important; background-color: inherit; }
198pre .kw3	{ color: #66a !important; font-weight: bold !important;background-color: inherit; }
199pre .kw4	{ color: #933 !important; background-color: inherit; }
200pre .kw5	{ color: #77f !important; background-color: inherit; }
201pre .me0	{ color: #060 !important; background-color: inherit; }
202pre .nu0	{ color: #c6c !important; background-color: inherit; }
203pre .re0	{ color: #77f !important; background-color: inherit; }
204pre .re1	{ color: #77f !important; background-color: inherit; }
205pre .re2	{ color: #77f !important; background-color: inherit; }
206pre .re4	{ color: #099 !important; background-color: inherit; }
207pre .sc0	{ color: #0bd !important; background-color: inherit; }
208pre .sc1	{ color: #db0 !important; background-color: inherit; }
209pre .sc2	{ color: #090 !important; background-color: inherit; }
210pre .st0	{ color: #00f !important; background-color: inherit; }
211code {
212	color: inherit;
213	background-color: #fffff5;
214	border: 1px dotted #8cacbb;
215	font-size: 1em;
216	font-family: "Courier New",Courier,monospace;
217}
218/******************************************************************************/
219/*                                   HEADER                                   */
220/******************************************************************************/
221#header #avoid ul li, #header #avoid ul li a {
222	font-size: .9em;
223}
224#header #avoid ul li {
225	color: #999;
226	background: inherit;
227}
228#header #avoid ul li:before {
229	content: " | ";
230}
231#header #avoid ul li:first-child:before {
232	content: "";
233}
234#header #avoid ul li a {
235	color: #999;
236	background: inherit;
237	text-decoration: none;
238}
239#header #avoid ul li a:hover {
240	color: #fff;
241	background: inherit;
242}
243#header #banner{
244	background: url(images/avatar.png) no-repeat;
245}
246#header a {
247	background: transparent;
248	padding: 0;
249}
250#header h1{
251	color: #fefefe;
252	background: inherit;
253	font-family: "Trebuchet MS", Arial, sans-serif;
254}
255/******************************************************************************/
256/*                                    MENU                                    */
257/******************************************************************************/
258#menu {
259	background: #e39e37 url(images/menu_background.png) repeat-x;
260	color: #fff;
261}
262#menu ul{
263	list-style: none;
264	border-left: solid 2px #fff;
265}
266#menu ul li {
267	background: #e39e37;
268	border-right: solid 2px #fff;
269	color: #fff;
270}
271#menu ul li.selected {
272	background: #1ba6b2;
273	color: #fff;
274}
275#menu ul li.selected:hover {
276	background: #1ba6b2;
277	color: #fff;
278}
279#menu ul li:hover {
280	background: #f9ae3d;
281	color: #fff;
282}
283#menu ul li a {
284	color: #fff;
285	background: #e39e37 url(images/menu_a.png) repeat-x;
286	text-decoration: none;
287}
288#menu ul li a:hover {
289	color: #fff;
290	background: #f9ae3d;
291}
292#menu ul li.selected a {
293	color: #fff;
294	background: #1ba6b2 url(images/submenu_a.png) repeat-x;
295	font-weight: bold;
296}
297#menu ul li.selected a:hover {
298	color: #fff;
299	background: #1ba6b2;
300}
301/******************************************************************************/
302/*                                  SUBMENU                                   */
303/******************************************************************************/
304#submenu {
305	background: #1ba6b2 url(images/submenu_background.jpg) repeat-x;
306	color: #fff;
307}
308#submenu ul{
309	list-style: none;
310	border-left: solid 2px #fff;
311}
312#submenu ul li {
313	background: #1ba6b2;
314	border-right: solid 2px #fff;
315	color: #fff;
316}
317#submenu ul li.selected {
318	border-bottom: solid 5px #B7B7B7;
319	color: #fff;
320	background: #1ba6b2;
321}
322#submenu ul li:hover {
323	background: #1eb6c4;
324	color: #fff;
325}
326#submenu ul li a {
327	color: #fff;
328	background: #1ba6b2 url(images/submenu_a.png) repeat-x;
329	text-decoration: none;
330	font-variant: small-caps;
331}
332#submenu ul li.selected a {
333	font-weight: bold;
334}
335#submenu ul li a:hover {
336	color: #fff;
337	background: #1eb6c4;
338}
339#submenu ul.children {
340	border: solid 1px #fff;
341}
342#submenu #search {
343	border-left: solid 2px #fff;
344	background: #1eb6c4 url(images/search.gif) no-repeat 1em;
345	color: #fff;
346}
347#submenu #search label{
348	font-variant: small-caps;
349	display: none;
350}
351#submenu #search label:after{
352	content: "\0000a0:";
353}
354#submenu #search input[type=text] {
355	border: none;
356	background: #9fd8dd;
357	color: #666;
358}
359#submenu #search input[type=text]:focus {
360	background: #fff;
361	color: #000;
362}
363#submenu #qsearch_out {
364	color: #1ba6b2;
365	background: #fff;
366	border: solid 1px #1ba6b2;
367}
368#submenu #qsearch_out li {
369	background: #fff;
370	color: #1ba6b2;
371}
372#submenu #qsearch_out li a {
373	background: #fff;
374	color: #1ba6b2;
375}
376/******************************************************************************/
377/*                                    BODY                                    */
378/******************************************************************************/
379#body {
380	border: solid 1px #fff;
381}
382/*********************************** HEADER ***********************************/
383#body h1, #body h2, #body h3, #body h4, #body h5, #body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a {
384	font-family: Georgia, "Times New Roman", serif;
385	background-image: none !important;
386	text-decoration: none !important;
387}
388#body h1 {
389	font-size: 2em;
390	color: #e39e37;
391	background: #fff;
392	border-bottom: solid 1px #e39e37;
393}
394#body h1 a {
395	font-size: 1em;
396	color: #e39e37;
397	background: #fff;
398}
399#body h2 {
400	font-size: 1.8em;
401	color: #1ba6b2;
402	background: #fff;
403	border-bottom: solid 1px #1ba6b2;
404}
405#body h2 a {
406	font-size: 1em;
407	color: #1ba6b2;
408	background: #fff;
409}
410#body h2 a:hover {
411	color: #1eb6c4;
412	background: #fff;
413	text-decoration: none;
414}
415#body h3 {
416	color: #6d6e23;
417	background: #fff;
418	font-size: 1.5em;
419	font-weight: normal;
420}
421#body h3 a {
422	color: #6d6e23;
423	background: #fff;
424	font-size: 1em;
425}
426#body h3 a:hover {
427	color: #6d6e23;
428	background: #fff;
429	text-decoration: underline;
430}
431#body h4 {
432	color: #86875f;
433	background: #fff;
434	font-size: 1.2em;
435	font-weight: bold;
436}
437#body h4 a {
438	color: #86875f;
439	background: #fff;
440	font-size: 1em;
441}
442#body h4 a:hover {
443	color: #929367;
444	background: #fff;
445	text-decoration: underline;
446}
447#body h5 {
448	color: #96976f;
449	background: #fff;
450	font-size: 1.1em;
451	font-weight: bold;
452}
453#body h5 a {
454	color: #96976f;
455	background: #fff;
456	font-size: 1em;
457}
458#body h5 a:hover {
459	color: #a6a77f;
460	background: #fff;
461	text-decoration: underline;
462}
463/********************************** SUBTITLE **********************************/
464#body .subtitle {
465	font-size: .8em;
466	border-bottom: dotted 1px #ccc;
467}
468#body .subtitle a {
469	font-size: 1em;
470}
471/********************************* BLOCKQUOTE *********************************/
472#body blockquote {
473	border-top: solid 1px #ccc;
474	border-right: solid 1px #ccc;
475	border-bottom: solid 1px #ccc;
476	border-left: solid 3px #ccc;
477	background-image: url(images/blockquote.png);
478	background-repeat: no-repeat;
479	background-color: #f9f9f9;
480	color: #333;
481}
482/********************************* COMMENTLIST ********************************/
483#body #commentlist {
484	list-style: none;
485}
486#body #commentlist li {
487	border: solid 1px #a8a989;
488	padding: .5em;
489}
490#body .meta {
491	font-size: .8em;
492	border-top: dotted 1px #ccc;
493}
494#body .meta a {
495	font-size: 1em;
496}
497#body ul {
498	list-style: url(images/arrow.gif);
499}
500/******************************************************************************/
501/*                                   SIDEBAR                                  */
502/******************************************************************************/
503#sidebar {
504	/*background: #fff url(images/sidebar_bg.gif) repeat-y;*/
505	color: #000;
506	background: #fff;
507}
508#sidebar .panel {
509	border: solid 1px #1ba6b2;
510}
511#sidebar h2 {
512	font-family: Verdana, Helvetica, Arial, sans-serif;
513	background: #1ba6b2;
514	color: #fff;
515	font-size: 1em;
516	font-variant: small-caps;
517}
518#sidebar ul {
519	list-style: none;
520}
521#sidebar ul.archives li a, #sidebar #archives ul li a {
522	background: url(images/link_archives.png) no-repeat .2em .2em;
523	padding-left: 16px;
524}
525#sidebar ul.links li a, #sidebar #links ul li a {
526	background: url(images/link_external.gif) no-repeat .2em .2em;
527	padding-left: 16px;
528}
529/******************************************************************************/
530/*                                   FOOTER                                   */
531/******************************************************************************/
532#footer {
533	border-top: solid 2px #ccc;
534}
535#footer p {
536	font-size: .8em;
537}
538#footer p a strong {
539	font-weight: normal;
540	font-size: 1em;
541}
542#footer p a {
543	text-decoration: none;
544	font-size: 1em;
545}
546#footer a:hover {
547	text-decoration: underline;
548}
549#footer a img {
550	border: solid 1px #fff;
551}
552#footer a:hover img {
553	border: solid 1px #e39e37;
554}
555