* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: small;}
p { margin-top: 4px; margin-bottom: 6px;}
ul {list-style: none}
li {margin-top: 4px;}
img {border: none;}

#general { width: 97%; text-align: justify; font-size: small; margin-left: 3px; padding: 2%;}
#cadre1 { width: 97%; text-align: right; font-size: small; margin-right: 2px;}
#cadre { width: 97%; text-align: left; margin-left: 4px; margin-top: 2px;}
#titre { text-align: right;}
#retour { text-align: center;}
#sommaire { text-align: right;}

.cadre1 { text-align: right; color: #ffffff;}
.gauche1 {position: absolute; width: 100px; left: 0px; height: 1000px; background-color: #000000; padding: 1%;}
.gauche2 {position: absolute; width: 100px; left: 50px; margin-left: 10%; height: 1000px; text-align: right; background-color: #339900;  padding: 1%;}
.gauchedossiers {background-color: #339900; top: -10px; width: 140px; left: 100px; height: 1000px; color: #ffffff; text-align: right; margin: 10px;}
.lexique {list-style: none; font-size: medium; font-weight: bold; color: #009900; padding: 3px; text-decoration: none;}
a.lexique:hover {list-style: none; font-size: medium; font-weight: bold; color: #bbbbbb; padding: 3px; text-decoration: none;}
.centre {text-align: center;}
.droite {text-align: right;}
.norme {text-align: justify; margin-left: 5px; margin-top: 4px; margin-bottom: 6px;}
.grasblanc {font-weight: bold; font-size: small; color: #FFFFFF; text-decoration: none;}
.menu1 {background-color: #000000; float: left; width: 100px; padding-top: 5px; padding-left: 5px;}
.menu2 {background-color: #33CC33; float: left; width: 100px; padding-top: 5px; padding-left: 105px;}
.titrevert32 {font-size: 32px; color: #00FF00; text-decoration: none;}
.titrevert48 {font-size: 48px; color: #00FF00; text-decoration: none;}
.titrevert18 {font-size: 18px; color: #00FF00; text-decoration: none;}
.grasvert {font-weight: bold; color: #00FF00; text-decoration: none;}
.vert {font-weight: bold; color: #009900;}
.petit {font-size: x-small;}

.lienblanc {font-weight: bold; color: #ffffff; text-decoration: none; margin-left: 5px;}
a.lienblanc:hover {font-weight: bold; color: #ff9933; text-decoration: none; margin-left: 5px;}

.lien {font-weight: bold; color: #339900; text-decoration: none;}
a.lien:hover {font-weight: bold; color: #ff9933; text-decoration: underline;}

.lienvert {font-weight: bold; color: #00FF00; text-decoration: none;}
a.lienvert:hover {font-weight: bold; color: #00FF00; text-decoration: underline;}

.liennormal {font-weight: normal; color: #C60063; text-decoration: none;}
a.liennormal:hover {font-weight: bold; text-decoration: underline;}

.lienbsoul {font-weight: bold; color: #C60063; text-decoration: none;}
a.lienbsoul:hover {font-weight: bold; text-decoration: underline;}

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

.titreinfo {color: #000000; letter-spacing: normal; font-weight: bold; text-decoration: none;}
.a.titreinfo:hover {color: #FFFFFF; letter-spacing: normal; font-weight: bold; text-decoration: none;}

h1 {font-size: 38px; font-weight: bold; color: #339900; margin-top: 4px; margin-bottom: 2px;}
h2 {font-size: 34px; font-weight: bold; color: #339900; margin-top: 3px; margin-bottom: 6px;}
h3 {font-size: 30px; font-weight: bold; color: #339900; margin-top: 3px; margin-bottom: 6px;}
h4 {font-size: 26px; font-weight: bold; color: #339900; margin-top: 3px; margin-bottom: 6px;}
h5 {font-size: 22px; font-weight: bold; color: #339900; margin-top: 3px; margin-bottom: 6px;}
h6 {font-size: 18px; font-weight: bold; color: #339900; margin-top: 3px; margin-bottom: 6px;}