Bonsoir à tous

J'ai créé un petit site basé sur un menu latéral gauche défini comme suit:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#menu_container{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	text-align: left;	
	padding-top: 0px;
}
 
#page_container{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: none;
	text-align: left;
	margin-left:200px;
}
Le reste d ela page est donc décalé de 200px vers la droite via un margin-left à 200px;

Seulement, je voudrais avoir la possibilité de fermer le menu et donc le masque. Ca j'arrive via une document.getElementById('menu_container').style.visibility = 'hidden';
Seulement j'aimerai pouvoir augmenter la taille de cadre principal sinon, cela ne présente aucun intérêt!
Voici la fonction que j'ai écrite:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
  function fermer_menu()
   {
document.getElementById('menu_container').style.visibility = 'hidden';
document.getElementById('page_container').style.margin-left = '10px'; 
   }
Il exécute bien le masquage du menu, mais le margin ne bouge pas...
Est ce que je fais quelque chose de mal ?
Comment procéder?

D'avance merci pour votre aide !