body {position: relative; margin: 0; padding: 0;}
div#content {position: absolute; top: 20px; left: 110px; right: 110px;  padding: 10px; color: black; font: 100% serif; text-align : justify;; border: solid #D0D7B6;}


div#content p {margin: 0 30px 1em; padding: 0; line-height: 1.3;left: 70px;background: white none 0 0 no-repeat fixed;}
div#content ul{margin: 0 60px 1em; padding: 0; line-height: 1.3;left: 70px;background: white none 0 0 no-repeat fixed;}


h1 {margin: 0.5em -4px 0.5em; padding: 0.33em 0 0.167em; font: bold 125% sans-serif; text-align: center;vertical-align: middle; color: #900; letter-spacing: 0.5em; }
h2 {margin: 0; padding: 0; font: bold 120% serif; text-align: left;vertical-align: middle; color: #900; letter-spacing: 0.1em; }
h3 {margin: 5px; padding: 5px; font: bold 110% serif; text-align: left;vertical-align: middle; color: #900; letter-spacing: 0; }
h4 {left : 30px; margin: 0.3em -4px 0; font: bold 95% sans-serif; vertical-align: middle; color: #000; letter-spacing: 0.1em; }
p.footer { text-align: center ;}
a img {border: none;}
dt {font-weight: bold;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

div.calloutlist * p { font-style : italic; font-weight: normal; color : green;background:#E0E0E0 none; }


div.note  { padding: 0 0 0 30em ; font-style : italic; font-weight: normal; color : green;}
div.note title { margin: 0 30em 0;background: white none; color : green; text-align: left;text-decoration: underline; font-style : italic; font-weight: normal; }
p.title {  margin: 0 30em 0;  }

div#links a {display: block; text-align: center; font: bold 1em sans-serif; padding: 5px 10px; margin: 0 0 2px; border-width: 0; text-decoration: none; color: #FFF;}
div#links a:hover {color: #900;}
div#content a:link {color: #900;}
div#content a:visited {color: #900;}
div#content a:link:hover {color: #900;}
div#content a:visited:hover {color: #900;}
code, pre {color: #446; font-family: monospace;}
code {font-size: 110%;}
body {background: white none 0 0 no-repeat fixed;}

div.liens {position:fixed; bottom:10px; right: 2px; padding: 0;height: 4.5em; color: black; font: 90% sans-serif; font-family: Arial, sans-serif; border: 0;background-color:white;text-align:right;}
div.retour {position:fixed; top:0px; right: 2px; padding: 0;height: 4.5em; color: black; font: 90% sans-serif; font-family: Arial, sans-serif; border: 0;background-color:white;text-align:right;}
div#content {background: white none 0 0 no-repeat fixed; }
div#content h1 {background: white none 0 0 no-repeat fixed; border: 1px solid gray; padding: 0.5em 1em 0.25em;}
div#content  h2 {background: white none 0 0 no-repeat fixed; border: 0px solid gray; padding: 0.5em 1em 0.25em;}
div#content h3 {background: white none 0 0 no-repeat fixed; ; color: #900; padding: 0.3em; margin: 4px; border-color: #CCC; border-width:  0; border-style: solid;}
div#links a {background: transparent none 0 0 no-repeat fixed;}
div#links a:hover {background: transparent none 0 0 no-repeat fixed;}
div#links {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;}
ul.formations a { font: bold 95% sans-serif;}


table thead {
  padding: 0.5em;
  border: inset 2pt solid;
  color: white;
  background-color: #9C9C9C; /* gray61 */
}

em { color: #723; font-weight: bold; text-decoration:underline }
code, pre {color: #446; font-family: monospace; font-size:110%;}
em.foreignphrase { color: #723 ;text-decoration: none; font-weight: normal;}
*.link { color:#606455 }

div.example-contents {margin: 0 10em 0em; padding: 1em; border-color: #CCC; border-width: 1px 0; border-style: solid;  background:#E0E0E0; }
div.calloutlist {margin: 0 10em 0em; padding: 1em; border-color: #CCC; border-width: 1px 0; border-style: solid;  background:#E0E0E0; }
div.calloutlist * {  background:#fff; }
ul, ol {  margin-left: 90px;padding-left: 0; }
.command  {  border-color: #CCC; border-width: 1px ; border-style: solid;  background:#FFFFCC;font-family: monospace; font-size:110%;}

*/