body      { color: white; background-color: black }
p {}
td {}

div.top             { background-color: #ccc; text-align: left; margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 100%; height: 5% }

div.haut              { background-image: url(images/bandeau.jpg); background-repeat: no-repeat; margin: 0; padding: 0; position: absolute; top: 5%; left: 20%; width: 80%; height: 19% }
div.haut h1  { font-size: large; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; margin: 10px 0 0 10px }
div.haut p     { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: italic; vertical-align: bottom; margin: 0 0 0 10px; position: absolute; bottom: 26% }

div.logo   { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 10%; height: 10% }
div.logo img  { margin: 0; padding: 0 }
div.logo p { margin: 0; padding: 0 }

div.gauche                 { background-color: #731520; margin: 0; padding: 0; border-top: 2px ridge #ccc; border-bottom: 2px ridge #ccc; position: absolute; top: 19%; left: 0; width: 21%; height: 76%; overflow: auto }
div.gauche p    { margin: 5px 0 0; padding: 0 }
div.gauche table { margin: 5px 0 0; padding: 0 }
div.centre                    { font-size: medium; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: black; margin: 0; padding: 0; border-top: 2px ridge #ccc; border-bottom: 2px ridge #ccc; position: absolute; top: 19%; right: 0; width: 80%; height: 76%; overflow: auto }

div.centre p  { text-align: justify; margin-right: 10px; margin-left: 10px; padding-bottom: 1px }
div.centre p.p1 { font-style: italic; text-align: justify; margin-right: 10px; margin-left: 10px; padding-bottom: 1px }
div.centre li { text-align: justify; margin-right: 10px; margin-left: 10px; padding-bottom: 1px }
div.centre form  { margin-right: 10px; margin-left: 10px }
div.centre fieldset { margin-top: 8px; margin-bottom: 8px }
div.centre td.i1 input  { color: white; background-color: #333; text-align: right; padding-right: 5px }
div.centre img   { margin-right: 10px; margin-left: 10px }

div.centre h1  { font-size: larger; font-weight: bold; text-align: justify; margin: 0.67em 10px }

div.centre h2  { font-size: medium; text-align: justify; margin: 0.67em 10px }
div.centre h3   { font-size: large; font-style: italic; font-weight: normal; line-height: 120%; text-align: justify; margin: 0.67em 40px }
div.centre h4 { font-size: small; font-style: italic; text-align: center; margin-top: 10px; margin-bottom: 10px }
div.centre h5 { font-size: medium; text-decoration: underline; margin: 10px }
div.centre h6 { font-size: smaller; font-style: italic; margin: 10px }
div.centre a { color: #ab1f2f; text-decoration: underline; text-align: center; margin-top: 1em }
div.centre hr { margin-right: 40px; margin-left: 40px }
div.centre table    { font-size: medium; text-align: justify; margin-right: 10px; margin-left: 10px; width: 96% }
div.centre table.t1  { font-size: medium; margin-right: 10px; margin-left: 10px; width: auto }
div.centre table.t2  { font-size: medium; text-align: left; margin-right: 10px; margin-left: 10px; width: auto }
div.centre table.t3  { font-size: medium; text-align: left; margin-right: 10px; margin-left: 10px }
div.centre table.t4  { font-size: medium; text-align: center; margin-right: 10px; margin-left: 10px; width: auto }
div.centreC { background-color: black; text-align: center; margin: 0; padding: 0; border-top: 2px ridge #ccc; border-bottom: 2px ridge #ccc; position: absolute; top: 19%; right: 0; width: 80%; height: 76%; overflow: auto }
div.bas                  { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 6% }
div.bas p    { color: #999; font-size: smaller; text-align: center; margin-top: 1em }
div.bas a { color: #ccc; text-decoration: none; text-align: center; margin-top: 1em }