<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
  for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  }
if (d) {d.style.display='block';}
}
//-->
</script>

<!--[if !IE]> <-->
<style type="text/CSS">
#smenu li ul {
position:absolute;
}
</style>
<!--><![endif]-->

<tr>
                        <!-- BEGIN switch_logo_center -->
                <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="0" /></a></td>
                        <!-- END switch_logo_center -->
                    </tr>

<tr width="100%"><td align="center" style="background-image: url('Votre_Image( pas obligatoire )');background-repeat: no-repeat; background-position: top;" width="100%" class="submenu">
  <div id="smenu">
<ul>
  <li><a href="#">#NOM</a>
 <ul>
    <li><a href="#lien">#NOM</a></li>
 </ul>
</li>
<li><a href="#lien">#NOM</a></li>
 <li><a href="#">#NOM</a>
    <ul>
    <li><a href="#lien">#NOM</a></li>
</div></td></tr>

#smenu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
background-color: #couleur;
border: 1px solid #couleur;
}
#smenu li {
float:left;
margin:auto;
padding:0;
}
#smenu li a {
display:block;
color:white;
text-decoration:none;
padding:5px;
}
#smenu li a:hover {
color:#couleur;
background-image: url('#Image');
}
#smenu ul li:hover ul {
display:block;
}
#smenu li:hover ul li {
float:none;
}
#smenu ul li ul {
display:none;
}
#smenu li ul {
position:absolute;
}
#smenu {
height:35px;
background-image: url('#Image');
background-repeat: no-repeat;
}