<script type="text/javascript">
function onmouse_in(){
document.getElementById('groupcoloer_name').style.color
}

function onmouse_out(){
document.getElementById('groupcoloer_name').innerHTML=''
}
</script>
<div align="center">
<table width="339" border="0" height="17">
<tbody><tr>
<td onmouseover="document.getElementById('groupcoloer_name').innerHTML='<font color=ff0000>الادارة</font>'" onmouseout="document.getElementById('groupcoloer_name').innerHTML='Groupes'" bgcolor="ff0000"></td>

<td onmouseover="document.getElementById('groupcoloer_name').innerHTML='<font color=ff8000>ادارة عليا</font>'" onmouseout="document.getElementById('groupcoloer_name').innerHTML='Groupes'" td="" bgcolor="ff8000"></td>
<td onmouseover="document.getElementById('groupcoloer_name').innerHTML='<font color=60c000<الاشراف العام</font>'" onmouseout="document.getElementById('groupcoloer_name').innerHTML='Groupes'" td="" bgcolor="60c000"></td>
<td onmouseover="document.getElementById('groupcoloer_name').innerHTML='<font color=0060ff<المشرفون</font>'" onmouseout="document.getElementById('groupcoloer_name').innerHTML='Groupes'" td="" bgcolor="0060ff"></td>

</tr>
</tbody></table>
</div>
<div id="groupcoloer_name" style="height: 14px; width: 334px; text-align: center; font-family: Comic Sans MS; font-weight: bold;">Groupes</div>
<br>