var width_body=0;


function body_width()
{
  document.getElementById('body').style.width=width_body+'%';
  
  if(width_body<30)
  {
   setTimeout("body_width()",1); 
   width_body=width_body+0.5;
  }
  
  else if(width_body<60)
  {
   setTimeout("body_width()",1); 
   width_body=width_body+0.1;
  }
  
  
}


function transition(id)
{
 
 var sous_menu=document.getElementsByClassName('sous_menu');
 
 sous_menu[id].style.left=200+'px';
 sous_menu[id].style.MozTransitionDuration = "0.5s";
 sous_menu[id].style.webkitTransitionDuration = "0.5s";
 sous_menu[id].style.transitionDuration = "0.5s";

}


function transition_exit()
{
 var sous_menu=document.getElementsByClassName('sous_menu');
 
 for(var i=0;i<sous_menu.length;i++)
 {
  sous_menu[i].style.left=0+'px';   
 }
}