probleme d'affichage a cause de javascript

bonjour

voila depuis que j'ai rajouté un petit bout de java script dans mon entete
tout mon site met un certains temps a s'afficher
en fait on dirait qu'il affcihe la page sans le css puis apres il l'affiche avec le css cela produit un genre de clignotement desagreable ???
que faire

voila le code de mon entete:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<html>
<body>
<?php 
require ("Util.php");
?>
<script language="Javascript" type="text/javascript">
// pour éviter le clignotement désagréable
preChargement();
</script> 
 
<div class="entete">
 
 
	<div class="blocentete1">
		<img align="left" style="width: 100%;" alt="haut" src="./bdeau_haut.gif">
	</div>
	<div class="blocentete2gauche">
		<a  href="http://intranet.edf-group.net/fr/index.html"><img class ="imglogo" align="left" alt="edf"  src="./logo_edf.gif" border=0></a>
		<a  href="http://inge-dtg.edf.fr/"><img class ="imglogo" align="left" alt="dtg"  src="./accueil_bd.jpg" border=0></a>
		<a  href="./index.php"><img class ="imglogo" align="left" alt="etapom"  src="./etapomlogo.gif" border=0></a>
 
	 </div>
 
	<div class="blocentete2droite">
		<a href="#" onmouseover=javascript:document.images['icon_aide'].src='./images/icon_aide_b.gif' onmouseout=javascript:document.images['icon_aide'].src='./images/icon_aide.gif' onClick=javascript:window.open('./pages/popup_grand01.htm','',"scrollbars=yes,width=650,height=400")><img src="./images/icon_aide.gif" width="25" height="25" name="icon_aide" border="0" alt="Aide"></a>
	    <a href="#" onmouseover=javascript:document.images['icon_contact'].src='./images/icon_contact_b.gif' onmouseout=javascript:document.images['icon_contact'].src='./images/icon_contact.gif' onClick=javascript:window.open('./pages/popup_grand01.htm','',"scrollbars=yes,width=650,height=400")><img src="./images/icon_contact.gif" width="25" height="25" name="icon_contact" border="0" alt="contact"></a>
	    <a href="#" onmouseover=javascript:document.images['icon_plan'].src='./images/icon_plan_b.gif' onmouseout=javascript:document.images['icon_plan'].src='./images/icon_plan.gif' onClick=javascript:window.open('./pages/popup_grand01.htm','',"scrollbars=yes,width=650,height=400")><img src="./images/icon_plan.gif" width="25" height="25" name="icon_plan" border="0" alt="plan"></a>
	    <a href="#" onmouseover=javascript:document.images['icon_recherche'].src='./images/icon_recherche_b.gif' onmouseout=javascript:document.images['icon_recherche'].src='./images/icon_recherche.gif' onClick=javascript:window.open('./pages/popup_recherche.htm','',"scrollbars=yes,width=650,height=400")><img src="./images/icon_recherche.gif" width="25" height="25" name="icon_recherche" border="0" alt="recherche"></a>
	 </div>
 
	<div class="blocentete3">
		<img align="right" alt="bas" src="./bdeau_bas.jpg">
	</div>
	<div class="blocentete4">	
		<p class="edfetapomchemin" > <?php FileAriane();?></p>
		<p class="edfetapomdate" ><?php echo DateComplete(); ?> </p>
	</div>
 
</div>
 
 
<script language="Javascript" type="text/javascript">
Chargement();</script>	
</body>
</html>