* { font-size: 12px; font-family: Arial }

html, body { margin: 0px; padding: 0px }
body { text-align: center; background-color: #EFEFEF;}

div { margin: 0px; padding: 0px }
p { text-align: justify; margin: 0px}
h1 { font-size: 24px; color:#C54040;  margin-top: 20px}
#content h2 { background-color: #970097; color: white; font-size: 16px; padding: 5px; text-align: left; margin: 5px  0}
a { color: #0000ff }
a:hover { color: #D60000 }
img { border: none }

table.liste { border: 1px solid black; border-collapse: collapse }
.liste th { background-color: #EFEFEF;  padding: 5px}
.liste td {border: 1px solid black; padding: 5px}

tr.bonus { background-color: #F0FFF0; }
tr.malus { background-color: #FFF0F0; }

.global { width: 1000px; margin-right: auto; margin-left: auto;  margin-top: 0px; margin-bottom: 0px; border-right: 1px solid #9300CD; border-left: 1px solid #9300CD ; background: white  url('main_bg.jpg') ; background-position: left top; background-repeat: repeat-y; text-align: left}

#header { paddin-bottom: 20px }
#menu { width: 200px ; float: left; text-align: left; margin-left: 5px; padding-top: 10px}
#content { width: 780px; float: right; margin-right: 5px ; text-align: left}
#footer { background-color: #009000; clear: both}

.box { border: 1px solid #9300CD; padding: 5px}
.box a { font-size: 11px; color: #9300CD; font-weight: bolder; text-decoration: none; display: block; text-indent: 15px}
.box h2 { background-color: #9300CD; color: white; text-align: center; margin: 0px; padding: 3px; font-size: 12px }

p.marge { margin: 10px; }