* {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
body, div, p, ul, li, a, h1, img {padding:0; margin:0; }
body {position:relative; width:760px; margin-left:auto; margin-right:auto; text-align:center; background-color:#d5d5d5;}

#acc {padding-bottom:2em; position:relative; top:0; left:0; background:url(images/bg-acc.gif) top left repeat; width:760px; margin-top:1em; text-align:left; }
#header { height:14px; background:url(images/bg-entete-acc.gif) top left no-repeat;}

#entetea {background:url(images/bg-logo-acc.gif) top left no-repeat; width:700px; height:130px; top:0; }
#entetea img {margin-top:10px; margin-left:30px;}
h1 {width:500px; display:inline; float:left; color:#fac41b; margin-left:50px; font-size:1.5em; margin-top:1.2em;  }

#corps {width:700px; color:#fff; margin-top:20px; margin-left:20px; font-size:1.1em; background:url(images/coin-g-acc.gif) bottom right no-repeat;}
#corps p.acc {float:none; margin-left:30px; padding:0 60px 0 0; font-size:0.8em; text-align:justify; }
#corps ul {font-size:0.8em; margin-top:5px; margin-left:30px; margin-bottom:5px;  }
#corps li {list-style-type:square; list-style-position:inside; padding:0;}
#corps p.acc a, #corps ul a {text-decoration:none; color:#fff;}
#corps p.acc a:hover, #corps ul a:hover {color:#fac41b;}

#entrer { width:200px; font-weight:bold; margin-top:10px; margin-left:460px; color:#fac41b; }
#entrer a {text-decoration:none; color:#fac41b;}
#entrer a:hover {color:#fff;}

#add {padding-left:30px; margin-top:30px; margin-bottom:15px;  color:#ccc; font-size:0.7em;}
span.rea { padding-left:240px;}
#add a, span.rea a {color:#ccc; text-decoration:none;}
#add a:hover, span.rea a:hover {color:#fff; text-decoration:none;}

#pied {padding-right:40px; float:none; position:relative; margin-top:-2em; height:2.3em; background:url(images/pied-page-acc.gif) bottom left no-repeat; color:#ccc; font-size:0.7em; text-align:right;}

.illacc {float:right; padding:5px 0 0px 40px;}
.ifleft {float:left; }