@media screen and (max-width: 960px)
{
  body
  {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    background:url("../images/960/fond.png") repeat-x top center;
    /*border:solid 1px green;*/
  }
  #haut
  {
    height:40px;
    width:240px;/*Largeur logo*/
    float:left;
  }
  #banniere
  {
    height:40px;
    background:url("../images/960/banniere.png") no-repeat center top;
  }

  #menuh
  {
    margin-left:250px; /* Espace à droite pour l'entete +10 marge*/
    height:40px;
    text-align:left;
    background-image:url();
  }

  #menuv
  {
    border-bottom: solid 1px #3989BD;
    width:100%;
    text-align:center;
    padding:5px 0px 5px 0px;
  }

  #milieumenu
  {
    background:url();
  }

  #contenu
  {
    clear:both; /*Indispensable*/
    padding:10px;
  }

  #bas
  {
    background:url();
    background-color:#048db4;
    padding-bottom:5px;
  }
  .menu
  {
    width:36px; /*Lageur icones + 4px*/
    height:40px;
    margin-left:12px;
    margin-right:12px;
  }

  .menu_messagerie { background:url("../images/960/bt_out_msg.png") no-repeat center center; }
  .menu_messagerie_over, .menu_messagerie:hover { background:url("../images/960/bt_over_msg.png") no-repeat center center; }

  .menu_chat { background:url("../images/960/bt_out_chat.png") no-repeat center center; }
  .menu_chat_over,.menu_chat:hover { background:url("../images/960/bt_over_chat.png") no-repeat center center; }

  .menu_agenda { background:url("../images/960/bt_out_agenda.png") no-repeat center center; }
  .menu_agenda_over,.menu_agenda:hover { background:url("../images/960/bt_over_agenda.png") no-repeat center center; }

  .menu_jeux { background:url("../images/960/bt_out_jeux.png") no-repeat center center; }
  .menu_jeux_over,.menu_jeux:hover { background:url("../images/960/bt_over_jeux.png") no-repeat center center; }

  .menu_compte { background:url("../images/960/bt_out_compte.png") no-repeat center center; }
  .menu_compte_over,.menu_compte:hover { background:url("../images/960/bt_over_compte.png") no-repeat center center; }

  .menu_deconnexion { background:url("../images/960/bt_out_deco.png") no-repeat center center; float:right; width:36px;}
  .menu_deconnexion:hover { background:url("../images/960/bt_over_deco.png") no-repeat center center; width:36px;}

  .sous_menu
  {
    /*width:auto;*/
    width:130px;
    margin:0px 10px 0px 10px;
  }

  /* Spécifique chat */
  .bloc_partage, .bloc_actifs
  {
    display:none;
  }

  /*Spécifique presentation*/
  .authentification
  {
    width:180px;
    float:left;
    margin:0px;
    margin-left:5px;
  }
 
}

@media screen and (max-width: 640px)
{
  body { /*border:solid 1px blue;*/ }
  #haut { width:70px;/*Largeur logo*/ }
  #menuh { margin-left:80px; }
  #banniere { background:url("../images/640/banniere.png") no-repeat center top; }
  /* = mode 480 */
}

@media screen and (max-width: 480px)
{
  body { width:480px; /*border:solid 1px red;*/}
}