body {position: relative; margin: 0; padding: 0; }
div#content {position: absolute; top: 20px; left: 110px; right: 110px;  padding: 10px; color: black; 
font: 90% sans-serif; text-align : justify;font-family: Arial, sans-serif; 
border: ridge #777;border-width : 2px;}


div#content p {margin: 0px 30px 1em; padding: 0;padding-right: 20px; padding-left: 20px;line-height: 1.3;left: 70px;background: white ;}
div#content ul{margin-left:60px; padding: 0; padding-right: 40px; padding-left: 40px;line-height: 1.1;background: white ;}


h1 {margin: 0.5em -4px 0.5em; padding: 0.33em 0 0.167em; font: bold 120% sans-serif; text-align: center;vertical-align: middle; color: #fff; letter-spacing: 0.5em;text-transform:capitalize }
h2 {margin: 0; padding: 0; font: bold 120% sans-serif; text-align: center;vertical-align: middle; color: #fff; letter-spacing: 0.2em; text-transform:uppercase}
h3 {margin: 5px; padding: 5px; font: bold 100% sans-serif; text-align: center;vertical-align: middle; color: #bbb; letter-spacing: 0.2em; }
h4 {margin: 5px; padding: 5px; font: bold 100% sans-serif; text-align: left;vertical-align: middle; color: #222; letter-spacing: 0.2em; }
h5 {margin: 5px; padding: 5px; font: bold 100% sans-serif; text-align: left;vertical-align: middle; color: #222; letter-spacing: 0.2em; 
background: white;  padding: 0.3em; margin: 20px 60px 20px 60px; border-color:black; 
border-width:  0px  0 1px 0; border-style: dashed;}
}

/*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 10em ; font-style : italic; font-weight: normal; color : green;background: white;}
div.note .title { margin: 0 30em 0;background: white; color : green; text-align: left;
text-decoration: underline; font-style : italic; font-weight: normal; }
p.title {  margin: 0 30em 0;  }
h3.title {background: white;  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: #411;}
div#content a:link {color: #222222;}
div#content a:visited {color: #222222;}
div#content a:link:hover {color: #222222;}
div#content a:visited:hover {color: #222222;}


.example  {border-color: #3A3A3A; border-width :0px; border-style : dashed;  margin: 0 0 0 4em ; padding: 1em 1em 1em 3em;}
.informalexample  {border-color: #3A3A3A; border-width :0; border-style : solid;  margin: 0 0 0 4em ; padding: 1em 1em 1em 3em;}


body {background: white url(images/fond1.jpg) 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 ; }
div#content h1 {background: #3A3A3A url(images/fond1_verre_vert.jpg) 0 0 no-repeat fixed; border: 1px solid gray; padding: 0.5em 1em 0.25em;}
div#content  h2 {background: #3A3A3A url(images/fond1_verre_vert.jpg) 0 0 no-repeat fixed; border: 1px solid black; padding: 0.5em 1em 0.25em;}
div#content h3 {background: #3A3A3A url(images/fond1_verre_vert.jpg) 0 0 no-repeat fixed;  padding: 0.3em; margin: 20px; border-color: black; border-width:  1px; border-style: solid;}
div#content h4 {background: white;  padding: 0.3em; margin: 20px 40px 20px 40px; border-color:black; border-width:  1px  0 1px 0; border-style: solid;}
div#links a {background: transparent url(images/fond1_verre.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(images/fond1_verre.jpg) 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: #222222; font-weight: bold; text-decoration:underline }
code, pre {color: #446; font-family: monospace; font-size:110%;}
em.foreignphrase { color: #336666 ;text-decoration: none; font-weight: normal;}
*.link { color:#222222 }
.abstract   {margin: 2em 2em 2em; padding: 1em; border-color:#494A9A; border-width: 1px ; border-style: dotted;}
div.example-contents {margin: 0 0em 0 3em; padding: 1em; border-color: #CCC; border-width: 1px 0; border-style: dashed;  background:#E0E0E0; }
.programlisting {margin: 0 0 0 4em ; padding: 1em 1em 1em 3em; border-color: #CCC; border-width: 1px 0; border-style: solid;  background:#E0E0E0; }
div.calloutlist {color: #446;margin: 0 10em 0em; padding: 1em; border-color: #CCC; border-width: 1px 0; border-style: solid;   }
div.calloutlist * { color: #446;; }
div.calloutlist table tr td p { color: #446;  }

.command  {  border-color: #CCC; border-width: 1px ; border-style: solid;  background:#FFFFCC;font-family: monospace; font-size:110%;}