1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
5
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6
<meta name="generator" content="AsciiDoc 8.5.1" />
7
<title>The Article Title</title>
8
<style type="text/css">
10
p, li, dt, dd, div, pre, h1, h2, h3, h4, h5, h6 {
12
border: 1px solid red;
17
margin: 1em 5% 1em 5%;
22
text-decoration: underline;
42
h1, h2, h3, h4, h5, h6 {
44
font-family: sans-serif;
51
border-bottom: 2px solid silver;
69
border: 1px solid silver;
88
font-family: sans-serif;
94
span#revnumber, span#revdate, span#revremark {
95
font-family: sans-serif;
99
font-family: sans-serif;
101
border-top: 2px solid silver;
107
padding-bottom: 0.5em;
111
padding-bottom: 0.5em;
116
margin-bottom: 1.5em;
118
div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
119
div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
120
div.admonitionblock {
122
margin-bottom: 1.5em;
124
div.admonitionblock {
126
margin-bottom: 2.0em;
131
div.content { /* Block element content. */
135
/* Block element titles. */
136
div.title, caption.title {
138
font-family: sans-serif;
142
margin-bottom: 0.5em;
148
td div.title:first-child {
151
div.content div.title:first-child {
154
div.content + div.title {
158
div.sidebarblock > div.content {
160
border: 1px solid silver;
164
div.listingblock > div.content {
165
border: 1px solid silver;
170
div.quoteblock, div.verseblock {
174
border-left: 5px solid #dddddd;
178
div.quoteblock > div.attribution {
183
div.verseblock > div.content {
186
div.verseblock > div.attribution {
190
/* DEPRECATED: Pre version 8.2.7 verse style literal block. */
191
div.verseblock + div.attribution {
195
div.admonitionblock .icon {
199
text-decoration: underline;
201
padding-right: 0.5em;
203
div.admonitionblock td.content {
205
border-left: 3px solid #dddddd;
208
div.exampleblock > div.content {
209
border-left: 3px solid #dddddd;
213
div.imageblock div.content { padding-left: 0; }
214
span.image img { border-style: none; }
215
a.image:visited { color: white; }
219
margin-bottom: 0.8em;
232
list-style-position: outside;
235
list-style-type: decimal;
238
list-style-type: lower-alpha;
241
list-style-type: upper-alpha;
244
list-style-type: lower-roman;
247
list-style-type: upper-roman;
250
div.compact ul, div.compact ol,
251
div.compact p, div.compact p,
252
div.compact div, div.compact div {
254
margin-bottom: 0.1em;
257
div.tableblock > table {
258
border: 3px solid #527bbd;
261
font-family: sans-serif;
273
/* Because the table frame attribute is overriden by CSS in most browsers. */
274
div.tableblock > table[frame="void"] {
277
div.tableblock > table[frame="hsides"] {
278
border-left-style: none;
279
border-right-style: none;
281
div.tableblock > table[frame="vsides"] {
282
border-top-style: none;
283
border-bottom-style: none;
289
margin-bottom: 0.8em;
292
padding-bottom: 15px;
294
dt.hdlist1.strong, td.hdlist1.strong {
300
padding-right: 0.8em;
306
div.hdlist.compact tr {
315
.footnote, .footnoteref {
319
span.footnote, span.footnoteref {
320
vertical-align: super;
324
margin: 20px 0 20px 0;
328
#footnotes div.footnote {
334
border-top: 1px solid silver;
344
div#footer-badges { display: none; }
348
margin-bottom: 2.5em;
353
font-family: sans-serif;
357
margin-bottom: 0.1em;
360
div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
376
/* Workarounds for IE6's broken and incomplete CSS2. */
378
div.sidebar-content {
380
border: 1px solid silver;
383
div.sidebar-title, div.image-title {
385
font-family: sans-serif;
388
margin-bottom: 0.5em;
391
div.listingblock div.content {
392
border: 1px solid silver;
397
div.quoteblock-attribution {
402
div.verseblock-content {
405
div.verseblock-attribution {
410
div.exampleblock-content {
411
border-left: 3px solid #dddddd;
415
/* IE6 sets dynamically generated links as visited. */
416
div#toc a:visited { color: blue; }
418
<script type="text/javascript">
420
window.onload = function(){asciidoc.footnotes();}
421
var asciidoc = { // Namespace.
423
/////////////////////////////////////////////////////////////////////
424
// Table Of Contents generator
425
/////////////////////////////////////////////////////////////////////
427
/* Author: Mihai Bazon, September 2002
428
* http://students.infoiasi.ro/~mishoo
430
* Table Of Content generator
433
* Feel free to use this script under the terms of the GNU General Public
434
* License, as long as you do not remove or alter this notice.
437
/* modified by Troy D. Hanson, September 2006. License: GPL */
438
/* modified by Stuart Rackham, 2006, 2009. License: GPL */
441
toc: function (toclevels) {
443
function getText(el) {
445
for (var i = el.firstChild; i != null; i = i.nextSibling) {
446
if (i.nodeType == 3 /* Node.TEXT_NODE */) // IE doesn't speak constants.
448
else if (i.firstChild != null)
454
function TocEntry(el, text, toclevel) {
457
this.toclevel = toclevel;
460
function tocEntries(el, toclevels) {
461
var result = new Array;
462
var re = new RegExp('[hH]([2-'+(toclevels+1)+'])');
463
// Function that scans the DOM tree for header elements (the DOM2
464
// nodeIterator API would be a better technique but not supported by all
466
var iterate = function (el) {
467
for (var i = el.firstChild; i != null; i = i.nextSibling) {
468
if (i.nodeType == 1 /* Node.ELEMENT_NODE */) {
469
var mo = re.exec(i.tagName);
470
if (mo && (i.getAttribute("class") || i.getAttribute("className")) != "float") {
471
result[result.length] = new TocEntry(i, getText(i), mo[1]-1);
481
var toc = document.getElementById("toc");
482
var entries = tocEntries(document.getElementById("content"), toclevels);
483
for (var i = 0; i < entries.length; ++i) {
484
var entry = entries[i];
485
if (entry.element.id == "")
486
entry.element.id = "_toc_" + i;
487
var a = document.createElement("a");
488
a.href = "#" + entry.element.id;
489
a.appendChild(document.createTextNode(entry.text));
490
var div = document.createElement("div");
492
div.className = "toclevel" + entry.toclevel;
493
toc.appendChild(div);
495
if (entries.length == 0)
496
toc.parentNode.removeChild(toc);
500
/////////////////////////////////////////////////////////////////////
501
// Footnotes generator
502
/////////////////////////////////////////////////////////////////////
504
/* Based on footnote generation code from:
505
* http://www.brandspankingnew.net/archive/2005/07/format_footnote.html
508
footnotes: function () {
509
var cont = document.getElementById("content");
510
var noteholder = document.getElementById("footnotes");
511
var spans = cont.getElementsByTagName("span");
514
for (i=0; i<spans.length; i++) {
515
if (spans[i].className == "footnote") {
517
// Use [\s\S] in place of . so multi-line matches work.
518
// Because JavaScript has no s (dotall) regex flag.
519
note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
520
noteholder.innerHTML +=
521
"<div class='footnote' id='_footnote_" + n + "'>" +
522
"<a href='#_footnoteref_" + n + "' title='Return to text'>" +
523
n + "</a>. " + note + "</div>";
525
"[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
526
"' title='View footnote' class='footnote'>" + n + "</a>]";
527
var id =spans[i].getAttribute("id");
528
if (id != null) refs["#"+id] = n;
532
noteholder.parentNode.removeChild(noteholder);
534
// Process footnoterefs.
535
for (i=0; i<spans.length; i++) {
536
if (spans[i].className == "footnoteref") {
537
var href = spans[i].getElementsByTagName("a")[0].getAttribute("href");
538
href = href.match(/#.*/)[0]; // Because IE return full URL.
541
"[<a href='#_footnote_" + n +
542
"' title='View footnote' class='footnote'>" + n + "</a>]";
554
<h1>The Article Title</h1>
555
<span id="author">Author's Name</span><br />
556
<span id="email"><tt><<a href="mailto:authors@email.address">authors@email.address</a>></tt></span><br />
557
<span id="revnumber">version 1.0,</span>
558
<span id="revdate">Dec 2003</span>
562
<div class="sectionbody">
563
<div class="paragraph"><p>This is the optional preamble (an untitled section body). Useful for
564
writing simple sectionless documents consisting only of a preamble.</p></div>
565
<div class="admonitionblock">
568
<div class="title">Note</div>
570
<td class="content">The abstract, preface, appendix, bibliography, glossary and
571
index section titles are significant (<em>specialsections</em>).</td>
576
<h2 id="_example_abstract">Example Abstract</h2>
577
<div class="sectionbody">
578
<div class="paragraph"><p>The optional abstract (one or more paragraphs) goes here.</p></div>
579
<div class="paragraph"><p>This document is an AsciiDoc article skeleton containing briefly
580
annotated element placeholders plus a couple of example index entries
581
and footnotes.</p></div>
583
<h2 id="_the_first_section">The First Section</h2>
584
<div class="sectionbody">
585
<div class="paragraph"><p>Article sections start at level 1 and can be nested up to four levels
587
<span class="footnote"><br />[An example footnote.]<br /></span></p></div>
588
<div class="paragraph"><p>And now for something completely different: monkeys, lions and
589
tigers (Bengal and Siberian) using the alternative syntax index
594
Note that multi-entry terms generate separate index entries.</p></div>
595
<div class="paragraph"><p>Here are a couple of image examples: an <span class="image">
596
<img src="images/smallnew.png" alt="images/smallnew.png" />
598
example inline image followed by an example block image:</p></div>
599
<div class="imageblock">
600
<div class="content">
601
<img src="images/tiger.png" alt="Tiger image" />
603
<div class="image-title">Figure : 1: Tiger block image</div>
605
<div class="paragraph"><p>Followed by an example table:</p></div>
606
<div class="tableblock">
610
cellspacing="0" cellpadding="4">
611
<caption class="title">Tableau : 1: An example table</caption>
616
<th align="left" valign="top"> Option </th>
617
<th align="left" valign="top"> Description</th>
622
<td align="left" valign="top"><p class="table">-a <em>USER GROUP</em></p></td>
623
<td align="left" valign="top"><p class="table">Add <em>USER</em> to <em>GROUP</em>.</p></td>
626
<td align="left" valign="top"><p class="table">-R <em>GROUP</em></p></td>
627
<td align="left" valign="top"><p class="table">Disables access to <em>GROUP</em>.</p></td>
632
<h3 id="X1">Sub-section with Anchor</h3><div style="clear:left"></div>
633
<div class="paragraph"><p>Sub-section at level 2.</p></div>
634
<h4 id="_a_nested_sub_section">A Nested Sub-section</h4>
635
<div class="paragraph"><p>Sub-section at level 3.</p></div>
636
<h5 id="_yet_another_nested_sub_section">Yet another nested Sub-section</h5>
637
<div class="paragraph"><p>Sub-section at level 4.</p></div>
638
<div class="paragraph"><p>This is the maximum sub-section depth supported by the distributed
639
AsciiDoc configuration.
640
<span class="footnote"><br />[A second example footnote.]<br /></span></p></div>
642
<h2 id="_the_second_section">The Second Section</h2>
643
<div class="sectionbody">
644
<div class="paragraph"><p>Article sections are at level 1 and can contain sub-sections nested up
645
to four deep.</p></div>
646
<div class="paragraph"><p>An example link to anchor at start of the <a href="#X1">first sub-section</a>.</p></div>
647
<div class="paragraph"><p>An example link to a bibliography entry <a href="#taoup">[taoup]</a>.</p></div>
649
<h2 id="_example_appendix">Appendice A: Example Appendix</h2>
650
<div class="sectionbody">
651
<div class="paragraph"><p>AsciiDoc article appendices are just just article sections with
652
<em>specialsection</em> titles.</p></div>
653
<h3 id="_appendix_sub_section">Appendix Sub-section</h3><div style="clear:left"></div>
654
<div class="paragraph"><p>Appendix sub-section at level 2.</p></div>
656
<h2 id="_example_bibliography">Example Bibliography</h2>
657
<div class="sectionbody">
658
<div class="paragraph"><p>The bibliography list is a style of AsciiDoc bulleted list.</p></div>
659
<div class="ulist bibliography"><ul>
662
<a id="taoup"></a>[taoup] Eric Steven Raymond. <em>The Art of Unix
663
Programming</em>. Addison-Wesley. ISBN 0-13-142901-9.
668
<a id="walsh-muellner"></a>[walsh-muellner] Norman Walsh & Leonard Muellner.
669
<em>DocBook - The Definitive Guide</em>. O’Reilly & Associates. 1999.
675
<h2 id="_example_glossary">Example Glossary</h2>
676
<div class="sectionbody">
677
<div class="paragraph"><p>Glossaries are optional. Glossaries entries are an example of a style
678
of AsciiDoc labeled lists.</p></div>
679
<div class="dlist glossary"><dl>
685
The corresponding (indented) definition.
689
A second glossary term
693
The corresponding (indented) definition.
699
<div id="footnotes"><hr /></div>
701
<div id="footer-text">
703
Last updated 2009-11-19 11:55:35 NZDT