<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>
<style type="text/css">

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 130px;
background-color: #EEEEEE;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#222222;
}

#centre {
background-color: #ffffff;
margin-left: 170px;
height: auto;
}
#pied {
height: 50px;
background-color: # 62b725;
position: relative;
bottom: 0px;
left: 5px;
right: 10px;
margin-left: 150px;
size: 300px;
}

p {margin: 0 0 10px 0;
}

body {
background: white;
padding: 0;
margin:20;
font-family: myriad, arial, sans-serif;
font-size: 90%;
color: black;
}

#table {
position : absolute;
left: 160px;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 160px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
#table {
position : absolute;
left: 160px;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 160px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
#table {
padding: 2em;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #62b725;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dt {
cursor: pointer;

height: 30px;
line-height: 15px;
margin: 10px 0;
border: 0px solid #1441a9;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 9em;
margin-top: -1.4em;
width: 13em;
background: #62b725;
border: 1px solid #white;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: bold;
color: #black;
}
#gauche {
    background-color: #62b725;
    visibility: visible;
    position: absolute;
    left: 5px;
    width: 150px;
    height: 650px;
}
#menu {
    visibility: visible;
    position: absolute;
    top: 15px;
    left: 5px;
    width: 140px;
}
-->
</style>

Ma question est la suivante: savez-vous quesque je dois modifier dans mon CSS pour que les menus se replient automatiquement lors de la fin du chargement?