body {margin: 0;padding: 0;font: 11px Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 10px;}
#b {margin: 0 auto;width: 780px;}
#h {background: url(http://www.araf.fr/images/top3.gif) no-repeat 436px 0;height: 142px;}
#h h1 {display: block;float: left;margin: 0;padding: 0;width: 200px;}
#h h1 a {display: block;text-indent: -9999px;background: url(http://www.araf.fr/images/logoaraf.gif) no-repeat;height: 142px;}
#h p {float: left;width: 580px;display: block;margin: 0;padding: 0;}
#h p span {display: block;height: 114px;text-indent: -9999px;background: url(http://www.araf.fr/images/top4.jpg) no-repeat right top;}
#h p strong {background: #037E16;color: #fff;display: block;font: normal 18px Arial, Helvetica, sans-serif;margin: 0;padding: 4px 4px 4px 14px;}

#m {clear: both;}
#m ul {margin: 0;padding: 0 0 0 200px;list-style: none;background: #55127B;height: 28px;}
#m li {float: left;}
#m ul li a {display: block;margin: 0;padding: 8px 11px;font: bold 11px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;white-space: nowrap;}
#m ul li a:hover {text-decoration: underline;}

#c {clear: both;background: url(http://www.araf.fr/images/faq01b.jpg) no-repeat;padding-left: 336px;}
#c h2 {font-size: 12px;text-align: center;color: #55127B;}
#c ul {margin: 0;padding: 10px;list-style: none;}
#c ul li {margin: 0;padding: 1px;}
#c ul li a {display: block;margin: 0;padding: 2px;color: #037E16;font-weight: normal;text-decoration: underline;border-bottom: 1px solid #E8FFEB;font-size: 10px;}
#c ul .here a {color: #55127B;font-weight: bold;}

#f {background: #55127B;font-size: 10px;color: #fff;height: 30px;clear: both;}
#f p {float: left;margin: 0;padding: 2px 2px 2px 14px;}
#f span {display: block;float: right;padding: 8px;}
#f a {color: #fff;text-decoration: none;}
#f a:hover {text-decoration: underline;}
#f2 {text-align: center;font-size: 9px;margin: 0;padding: 0;}
#f2 p {margin: 0;padding: 4px;}
#f2 a {color: #000;text-decoration: none;}
#f2 a:hover {text-decoration: underline;}