body   { color: #000; font-size: 70%; font-family: verdana, arial, sans-serif; background-color: #fff; margin: 0; padding: 0 }

a:link { color: #036; }

a:visited { color:#066; }

a:hover, a:active { color: #fff; background-color: #036; }

div#banner { color: #fff; background-color: #036; border-bottom: 1px solid #000; }
div#banner h1    { font-style: italic; font-weight: bold; font-size: 28px; margin: 0; padding: 10px 0em 13px 190px }
div#banner .image_intro   { position: absolute; top: 5; left: 22; }

div#container  { background: url(../img/fond_gche.jpg) repeat-y }

div#container2 { background-image: url(../img/fond_dte.jpg); background-repeat: repeat-y; background-position: right; }

div#navigation  { float: left; padding-top: 1.5em; width: 149px }
div#navigation ul  { list-style-type: none; padding: 0; margin: 0; }
div#navigation ul li    { font-style: italic; font-weight: bold; font-size: 11px; margin-top: 10px }

div#more { color: #000; font-weight: normal; font-size: 12px; float: right; margin: 0; padding: 3em 10px 0 0; width: 160px }
div#more h3 { color: #fff; font-size: 14px; margin-top: 0; padding: 0.2em }

div#content { line-height: 120%; margin-right: 200px; margin-left: 190px }
div#content ul li { list-style-image: url(../img/arrow.gif); margin-top: 0.5em }
div#content ul li .number { list-style-type: decimal; }
div#content img  { float: left; margin-top: 2em; margin-right: 3em; margin-bottom: 2em }
div#content .image_cluster { float: right; }
div#content .image_untangle { float: left; }
div#content h2 { font-size: 2em; color: #036; margin: 0; padding-top: 1em; font-weight: bold; }
div#content h3 { font-size: 1.5em; color: #036; margin: 0; padding-top: 1em; font-weight: bold; }
div#content h4  { color: #036; font-style: italic; font-weight: bold; font-size: 1.1em; margin: 0; padding-top: 1em }
div#content h7 { border: 1.5px dotted gray; margin: 5px; padding: 4px; display: block; }
div#content h8 { border: 1.5px dotted gray; margin: 5px; padding: 4px; background-color: rgba(113,148,210,0.4); display: block; font-family: "Courier New", Courier, mono; }

div#footer { clear: both; padding: .5em 1em; border-top: 1px solid #999; text-align: center; }
div#footer ul { padding: 0;  margin: 0;  list-style-type: none; }
div#footer li { display: inline; margin-right: 1em; } 

#cleardiv { clear: both; height: 1em; }

#navigation ul li a     { color: #036; text-decoration: none; background: url(../img/roll_ov.jpg) repeat-y; padding: 3px 5px 3px 10px; width: 134px; display: block }
#navigation ul li a:hover, #navigation ul #active  { color: #000; background-color: #f0e68c; background-image: url(../img/roll_ov_on.jpg); background-repeat: repeat-y; }

.pdf { font-size: 11px; background: url(../img/bullet_pdf.gif) no-repeat; padding: 3px 0px 3px 20px }
.number { list-style-type: decimal; }

p {}

td {}