/* Général */

html {margin: 0; padding: 0; background: url('images/interface/motif.png'); font: small sans-serif; text-align: justify;}
body {padding: 0; margin: 0px 0 0 0; background: url('images/interface/motif_haut.png') repeat-x;}

p {margin: 10px;}
a {color: #3a332b; text-decoration: none; font-weight: bold;}

h1 {float: left; text-indent: -50000px;}
h2 {font-size: 1.2em; font-family: serif; color: #4a4333; text-decoration: underline; font-weight: bold; margin: 10px;}

#page {width: 610px; position: relative; top: 41px; background: url('images/interface/bg2.png') repeat-y 4px 18px; margin: 0 19%;}

#header {width: 530px; height: 210px; background: url('images/interface/header.png') no-repeat ;}

#content {position: relative; top: 0px; width: 440px; margin-left: 40px;}
#content p {color: #6d6653; font-weight: normal;}

/* Menu */

#menu {width: 92px; height: 136px; overflow: hidden; position: absolute; right: 4px; top: 234px; background: url('images/interface/menu-o.png') repeat-y}

#menu h2 {	cursor: pointer ; height: 136px; width: 11px; background: url('images/interface/menu-f.png') no-repeat center center; position: relative; font: 1px; text-indent: -50000px; margin:0; padding: 0; float: right; overflow: hidden;}

#menu ul {margin:34px 0 0 4px; padding: 0; list-style-type: none; font-size: x-small; width: 73px; overflow: hidden; }

#menu a {color: #3a332b; text-decoration: none; font-weight: bold;}

/* Footer */

#footer {width: 530px; height: 140px; background: url('images/interface/footer.png') no-repeat;}
#footer p {position: absolute; bottom: 3px; right: 110px; font-size: x-small;}