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

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

div { margin: 0px; padding: 0px }
p { text-align: justify; margin: 0px}
h1 { font-size: 24px; color:#008000;  margin-top: 20px}
#menu h2 { background-color: #F47F47; color: white; padding: 5px; text-align: center; margin: 0 2px 10px 0}
#content h2 { color: #000080; padding: 5px; text-align: left; margin:0px }
a { color: #D60000; font-weight: bolder }
a:hover { color: #D60000 }
img { border: none }

.global { width: 780px; margin-right: auto; margin-left: auto;  margin-top: 0px; margin-bottom: 0px; border-right: 1px solid #D60000; border-left: 1px solid #D60000 ; 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: 560px; float: right; margin-right: 5px ; text-align: left}
#footer { background-color: #E857E4; clear: both}

.num { font-size: 20px; color: #EEEEEE; font-weight: bolder; vertical-align: top }
.catal { border-bottom: dashed 1px #313131 }
.catal a { font-size: 14px; color: #E857E4; font-weight: bolder; text-decoration: none}
.souscat { font-size: 10px; padding-bottom: 15px;}
.souscat a { color: #008000}

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

p.marge { margin-bottom: 10px; }