a:link, a:visited, a:active
{ background:url(images/arw.gif) inherit; text-decoration: none; color:#555; font:Arial, Helvetica, sans-serif;}

a:hover
{ background-image: url(images/ligne.jpg); text-decoration: none; color:blue;font:Arial, Helvetica, sans-serif;
font-weight;font-size:small;}


ul 
{ list-style:none; margin-left:30px; padding:1px;}

ul li
{ padding-left:15px; background-color: #CCCCCC ; color:inherit;}

#header
{ width:600px; height:30px; margin:auto; }



.hrightdn
{ width:580px; height:20px; text-align:center; font-size:12pt; font-weight:bold;
font:Arial, Helvetica, sans-serif;font:Arial, Helvetica, sans-serif;}

.hrightdn a, .hrightdn a:link, .hrightdn a:visited, .hrightdn a:active
{ width:109px; height:30px; padding-top:20px; float:left; text-decoration:none; 
  background:url(images/off.gif) no-repeat #CCCCCC; color:#999; border-right:#ddd 1px solid; display:block; 
  font:Arial, Helvetica, sans-serif;}
  
.hrightdn a:hover
{ width:109px; height:35px; padding-top:15px; background:url(images/on.gif) no-repeat #CCCCCC; color:#555;
font:Arial, Helvetica, sans-serif;}

.hrightdn a.active
{ width:109px; height:35px; padding-top:15px; background:url(images/on.gif) no-repeat #CCCCCC; color:#555; border:#ddd 1px solid; display:block;}