html     { font:normal small/1.8em "georgia","courrier new",arial,sans-serif; text-align:justify; }
body     { margin:0 auto; padding:0; }
h1       { margin:1em auto 0 auto; font-size:x-large; background:transparent; color:#666; text-align:center; }
h2       { margin-top:0; font-size:large; border-bottom:1px solid #c15e17; background:transparent; color:#c15e17; }
h3       { font-size:medium; background:transparent; color:#999; }
hr       { display:none; }
p        { padding:0 .3em; overflow:hidden; }
address  { font-style:normal; }
table    { width:auto; margin:0 auto 1em auto; padding:0; border-bottom:1px solid #000; border-right:1px solid #000; }
td,th    { padding:.3em; border:1px solid #000; border-right:none; border-bottom:none; vertical-align:top; text-align:left; }
thead th,
tfoot th { background:#eee; color:#000; }
th       { text-align:center; }
caption  { margin:0 auto; background:transparent; color:#059; font-size:medium; font-weight:bold; font-variant:small-caps; text-transform:capitalize; }
dl              { margin :0; padding:0; }
dt              { margin :0 0 .5em 0; padding:0; font-weight:bold; text-decoration:underline; }
dt:first-letter { text-transform:uppercase; }
dd              { margin :0 0 .5em 0; padding:0; }
a               { background:transparent; color:#800; }
a em            { font-style:normal; }

/* basic form presentation */
form            { margin : 0; padding : 0; }
fieldset        { margin : .5em 0; border : 1px solid #059; }   
legend          { background : transparent;  color : #059;  font-weight : bold; }
input           { width : 250px; border : 1px solid #059; font : normal small "georgia","trebuchet ms",sans-serif; }
select          { width : 250px; border : 1px solid #059; font : normal small"georgia","trebuchet ms",sans-serif; }
textarea        { width : 350px; height : 150px; border : 1px solid #059; font : normal small/1.8em "georgia","trebuchet ms",sans-serif; }
optgroup        { margin : 0; padding : 0; background : #000; color : #fff; font : normal small"georgia","trebuchet ms",sans-serif; text-indent : .3em; }
option          { margin : 0; padding : 0 .2em; background : #fff; color : #000; }
form div        { width : 100%; overflow : hidden; margin : .3em 0; }
form label      { float : left; width : 30%; text-align : right;}
form span       { float : right; width : 69%; text-align : left; }
form span label { float : none; width : auto; display : inline;	font-style : italic; text-align : left;}
input.checkbox  { width : auto; border : none; }
input.button    { width : auto; border : 1px solid #059; background : #8db8e4; color : #000; font-family : sans-serif; cursor : pointer; }

div#header   { margin:0 auto; width:500px; }
div#header p { margin:0; background:transparent; color:#999; text-align:center; }
div#contenu  { margin:0; padding:.5em; }

div.section       { margin-bottom:.5em; }
div.section h2    { text-transform:capitalize; }
div.section p img { float:left; margin:.3em; padding:.2em; border:1px solid #000; background:#fff; color:#000; }
div.section ol    { list-style-type:lower-roman; }
div.section ul    { margin:0; padding:0; list-style:none; }
div.section ul li { margin:0; padding:0 .3em 0 2em; background:transparent url('/tutorial/images/xhtml/sidelist2.gif') no-repeat 0 .3em scroll; }

div#footer    { margin:.5em auto 0 auto; border-top:1px solid #ccc; width:500px; font-style:normal; text-align:center; background:transparent; color:#999; }
div#reference , div#navigation , div.refs { display:none; }