body { color: #000; font-size: 12px; font-family: Arial, Verdana; line-height: 16px; background-image: url(../credits-images/fond.jpg); }
div {  }
p {  }

td { font-size: 11px; }

a:link { color: #399; text-decoration: none; }

a:visited { color: #399; text-decoration: none; }

a:hover { color: #969; text-decoration: underline; }

a:active {  }
h1 { font-size: 120%; font-weight: 600; margin: 0 0 2px; padding-bottom: 2px; }
h2 { font-size: 100%; font-weight: 600; margin: 0; }
h3 { font-size: 100%; font-weight: 600; text-decoration: blink; text-align: center; margin: 0; }

.class { font-size: 8px; font-family: verdana, tahoma; text-transform: uppercase; text-align: center; }
.class td { font-size: 8px; font-family: verdana, tahoma; text-align: center; text-transform: uppercase; }
#cadre { background-image: url(../credits-images/clarte.jpg); height: 780px; width: 840px; left: 50%; top: 0; position: absolute; z-index: 0; visibility: visible; margin-left: -420px; }
#image { text-align: left; height: 760px; width: 840px; top: 0; z-index: 1; position: absolute; visibility: visible; }
#TEXTE1 { text-align: justify; height: 460px; width: 570px; left: 260px; top: 310px; z-index: 6; position: absolute; overflow: auto; visibility: visible; padding-top: 5px; padding-right: 5px; padding-left: 0; }
#marge { height: auto; width: 140px; left: 45px; top: 20px; z-index: 5; position: absolute; visibility: visible; }
#boutons { height: 246px; width: 546px; left: 0; top: 0; position: absolute; z-index: 4; visibility: visible; }
#liens { text-align: center; height: auto; width: 800px; left: 0; top: 760px; z-index: 7; position: absolute; visibility: visible; }
#liens a { color: #000; }
#onglet { height: 82px; width: auto; left: 260px; top: 248px; z-index: 2; position: absolute; visibility: visible; }
#calque1 { height: auto; width: 510px; left: 200px; top: 470px; z-index: 11; position: absolute; visibility: visible; }
#solution { font-family: "trebuchet ms"; height: 50px; width: 190px; left: 20px; top: 600px; position: absolute; visibility: visible; }
#solution td { font-size: 120%; font-weight: 500; }

ul { text-indent: 0; margin: 1px 0 0; padding-left: 0; list-style-type: square; list-style-position: inside; }
#adresse { font-weight: 600; height: auto; width: 160px; left: 20px; top: 490px; z-index: 3; position: absolute; visibility: visible; }
ol { font-weight: 600; list-style-type: decimal; margin: 4px 0 4px 30px; }
input { text-align: right; }
img{ border-width: 0; }
img a{ border-width: 0; }

/*---------------------------------
MENU
-----------------------------------*/
#demande { color: #969; font-size: 12px; font-family: Arial, "trebuchet ms"; height: 100px; width: 220px; left: 20px; top: 255px; z-index: 8; position: absolute; visibility: visible; }
#demande ul { margin-top: 5px; margin-bottom: 15px; }
#demande li { list-style-type: circle; margin-top: 1px; margin-bottom: 1px; }
#demande a { color: #333; font-size: 100%; line-height: 120%; text-decoration: none; }
#demande a:hover { color: #09c; }