* {margin: 0px; padding: 0px}

html {margin: 0px; padding: 0px; height: 100%; max-height: 100%;}
body {background-color: black; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 100%; height: 100%; max-height: 100%;}
img {border: none; padding: 2px;}
p {font-size: small; margin-left: 10px; width: 90%; color: #ffcc66; text-align: justify;}
ul {font-size: small; width: 95%; list-style: none; margin-left: 10px}
li {padding: 2px}
a {text-decoration: none; color: #ffcc66;}

.conteneur {margin: 0px; padding: 0px; position: absolute; width: 100%; height: 100%; text-align: center;}
.gauche {position: absolute; width: 70px;}
.main {width: 80%; clear: both;}

.alea1 {float: left; padding: 5%;}
.alea2 {float: right; clear: right;}
.decaledr {margin-left: 60%; text-align: left; padding-right: 10px}
.decalage {margin: 15px;}
.carte {margin-left: 5%; text-align: left;}
.lettrine {float: left; padding: 10px;}
.lettrine100 {float: left; padding: 10px; width: 100px; margin: 50px;}
.lettrine2 {float: right; padding: 10px;}

.clearg {float: left; clear: both; text-align: center;}
.centre {text-align: center;}
.droite {text-align: right;}
.gras {font-weight: bold;}
.ital {font-style: ital;}
.texteblanc {color: #ffffff; text-decoration: none; font-size: small; font-style: normal;}
.textenoir {color: #000000; text-decoration: none; font-size: small; font-style: normal;}

.pttxt {text-decoration: none; color: #ffffff; font-size: x-small;}

.lienBsoul {font-size: small; font-weight: bold; text-decoration: none; color: #000000;}
a.lienBsoul:hover {font-size: small; font-weight: bold; text-decoration: underline; color: #ffcc00;}

.liensoul {font-size: small; text-decoration: none; color: #ffe7af;}
a.liensoul:hover {font-size: small; text-decoration: underline; color: #cc0000;}

.lienrouge {font-size: small; font-weight: bold; color: #cc0000; text-decoration: none;}
a.lienrouge:hover {font-size: small; font-weight: bold; color: #ff0000; text-decoration: underline;}

.lienorange {font-size: small; font-weight: bold; color: #ff9900; text-decoration: none;}
a.lienorange:hover {font-size: small; font-weight: bold; color: #000000; text-decoration: underline;}

.lienblanc {font-size: small; color: #ffffff; text-decoration: underline;}
a.lienblanc:hover {font-size: small; color: #ffffff; text-decoration: underline;}

.titrerouge {font-size: 24px; font-weight: bold; color: #cc0000; text-decoration: none;}

.bleu {font-size: small; color: #3333cc;}
.rouge {font-size: small; color: #ff3333;}
.liens {fontsize: medium; color: #ff6300;}

h1 {font-size: xx-large; letter-spacing: 2px; color: #ffcc66; text-align: center;}
h2 {font-size: x-large; font-style: normal; color: #ffcc66; text-align: left;}
h3 {font-size: large; color: #ffcc66;}
h4 {font-size: medium; font-weight: bold; margin-top: 7px; margin-bottom: 7px; color: #ffcc66;}
h5 {font-size: small; font-weight: bold; margin-top: 5px; margin-bottom: 5px; text-align: left; color: #ffcc66;}
h6 {font-size: x-small; margin-top: 2px; margin-bottom: 1px; color: #ffcc66;}