body,html {margin:10px; background:url(bg.gif) repeat-x #B2D22A;}

#page {margin:auto; width:740px;}

#header {margin:auto; padding:0; height:80px; font-size:15px; font-family:arial; font-weight:bold; color:#5B6C15;}
#header a {font-size:35px; font-family:impact; text-decoration:none; color:#000000; display:block;}

#conteneur {margin:auto; background-color:#ffffff; padding:10px 10px 10px 10px; border:#f4f4f4 5px solid;}

#contenu {margin:auto; width:500px; float:left; padding:0 5px 0 5px; font-size:14px; font-family:trebuchet MS; color:#646260;}
#contenu a {font-size:14px; font-family:arial; text-decoration:underline; color:#8FA921; font-weight:normal;}
#contenu a:hover {text-decoration:none; color:#8FA921;}
#contenu h1 {background:url(puce.jpg) left center no-repeat; padding:0 0 0 18px; display:inline; font-size:18px; font-family:arial; color:#5B6C15;}
#contenu h2 {background:url(puce.jpg) left center no-repeat; padding:0 0 0 18px; display:inline; font-size:18px; font-family:arial; color:#5B6C15;}

#menu {margin:auto; padding:10px 0 10px 10px; width:160px; float:right; text-align:center; background:#E5FAA0; border:#c0c0c0 1px dotted;}
#menu a {font-size:13px; font-family:arial; text-decoration:underline; color:#808080;}
#menu a:hover {text-decoration:none; color:#808080;}
#menu ul {margin:auto; padding:5px 0 0 0;}
#menu li {list-style:none; padding:5px 0 0 0; text-align:left; line-height:20px;}
#menu h3 {padding:0; display:inline; font-size:16px; font-family:arial; color:#5B6C15;}
#menu h4 {padding:0; display:inline; font-size:16px; font-family:arial; color:#5B6C15;}

#sousmenu li {list-style:none; padding:6px 0 0 20px; line-height:18px;}
#sousmenu li a {color:#8FA921; text-decoration:none;}
#sousmenu li a:hover {text-decoration:underline;}

#bottom {margin:auto; clear:both; padding-top:30px; color:#c0c0c0; font-size:12px; font-weight:bold; font-family:trebuchet MS; text-align:center;}
#bottom a {color:#c0c0c0; text-decoration:none; font-weight:bold;}
#bottom a:hover {color:#c0c0c0; text-decoration:underline;}