body {
  background-color: #FFFFFF;
}


/*div {
    text-align:center;
}*/

div#menu {
    float:left;
    width:160px;
    height:auto;
    background-color:lemonchiffon;
}
div#menuhaut {
    width:180px;
    height:auto;
    background-color:white;
}
div#menubas {
    width:160px;
    height:auto;
    background-color:lemonchiffon;
}

@media (max-width: 480px) {

   body { 
       font-size: .8em; 
   }

   

}

div#contenu {
    /*float: right;*/
    margin-left: 12%;
    margin-right: 10%;
    margin-top: 0px;
    padding: 10px;
    width: auto;
    height: auto;
    max-width: 1000px;
    background-color: #FFFFFF;
}



.dropdownmenu ul {
  /* Masquage des sous-menu par defaut */
  display: none;
}
.dropdownmenu a {
  /* On transforme les liens en bloc pour pouvoir les dimensionner */
  display: block;

  /* Dimensions des liens */
  width: 120px;
  height: auto;
  line-height: 30px; /* Doit etre equivalent a la hauteur du menu pour centrer le texte verticalement */
  padding: 3px 10px;
  text-align: center;
}

.dropdownmenu li:hover ul {
  /* Affichage du soumenu au survol */
  display: block;

  /* Positionnement du sous-menu */
  position: absolute;
  top: 0px;
  left: 140px; /* Decalage du sous-menu de la largeur du menu */
  /*height: auto;*/
  z-index: 100; /* Gestion de la superposition des sous-menus par rapport au reste de la page */
}
.dropdownmenu ul a {
  /* Changement de l'affichage des liens des sous-menus pour ne pas les afficher en inline-block comme les liens de menu, ils seront donc verticaux */
  display: block;
}

.dropdownmenu ul li {
    
  background-color: lemonchiffon; /* Couleur d'arriere-plan des sous-menu */
}

.center {
  display: block;
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  width: 60%;
}