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

html, body { margin: 0px; padding: 0px }
body { text-align: center; background-color: #004d7e; background-image: url('bg.jpg'); background-position: 0 0; background-repeat: repeat-x}

div { margin: 0px; padding: 0px }
p { text-align: justify; margin: 0px}
h1 { font-size: 24px; color:#C54040;  margin-top: 20px}
h2 { margin:0px }
a { color: #4891DC }
a:hover { color: #D60000 }
img { border: none }

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

.menu { width: 168px ; float: left; text-align: left; margin-left: 5px; margin-bottom: 15px; background-image: url('bg_menu.jpg'); }
#content { width: 565px; float: right; margin-right: 5px ; text-align: left}
#footer { background-image: url('footer.jpg'); color: white; height: 116px; text-align: center}

.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: 12px; color: #003B5F; font-weight: bolder; text-decoration: none; display: block; text-indent: 5px}

.menu h2,.large h1, .demi h2 { color: white; font-size: 14px;  height: 32px; line-height: 32px; font-style: italic}
.menu h2 { background-image: url('top_menu.jpg'); text-align: center; }
.menu p { margin: 5px }
.large h1 { background-image: url('large_top.jpg'); text-indent: 50px; margin-top: 0px}
.demi h2 { background-image: url('demi_top.jpg'); text-indent: 50px; }

.large { width: 547px ; float: left; text-align: left; margin-left: 5px; background-image: url('large_bg.jpg'); }
.demi { width: 271px ; float: left; text-align: left; margin-left: 5px; background-image: url('demi_bg.jpg'); }

.large p, .demi p, .demi dl,.large dl { margin: 15px; }

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