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

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

div { margin: 0px; padding: 0px }
p { text-align: justify; margin: 10px}
h1 { margin-left: 14px; font-size: 24px; line-height: 48px; text-indent: 50px; height: 48px; color: white; width: 644px; background: white url('h1_bg.jpg')}
.content h2 { background-color: #64c289; color: white; font-size: 13px; padding: 2px; text-align: left; margin: 10px}
a { color: #4891DC }
a:hover { color: #D60000 }
img { border: none }

.global { width: 980px; margin-right: auto; margin-left: auto;  margin-top: 0px; margin-bottom: 0px; border: 1px solid white; background-color: #303030;  text-align: left}

#header { paddin-bottom: 20px }
#menu { width: 280px ; position: absolute; top: 150px; text-align: center; margin-left: 0px; padding-top: 10px}
.content { width: 673px; float: right; margin-right: 5px ; text-align: left; background: white url('main_bg.jpg')}
#footer { text-align: right; clear: both}

#news { width: 256px; background: #d83200 url('news_bg.jpg'); text-align: left;  margin: 15px; color: white}
#technics { width: 257px; background: #f69d02 url('technics_bg.jpg'); text-align: left;  margin: 15px; color: white}

.num { font-size: 20px; color: #999999; font-weight: bolder; vertical-align: top }
.catal { border-bottom: dashed 1px #313131 }
.marque { vertical-align: top }
.marque a, #menu a { font-size: 16px; color: #9300CD; font-weight: bolder; text-decoration: none; display: block; text-indent: 15px}

.chapo { border: 1px dashed black; background-color: #EFEFEF; margin: 15px; padding: 10px }
.chapo p { text-indent: 25px; }

#technics p a  { color: white; font-size: 12px}
#news a  { color: white; font-size: 10px; text-indent: 8px}
.content h2.news { background-color:  #d83200}