/* Patch layout Mustek 2.1 pour Dotclear 2.37 */

/* Conteneur principal */
#container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}

/* Contenu principal */
#content {
  flex: 1 1 65%;
  padding: 10px;
  box-sizing: border-box;
}

/* Sidebar */
#sidebar {
  flex: 1 1 30%;
  padding: 10px;
  box-sizing: border-box;
}

/* Menu principal */
#menu, #mainmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 15px;
}

#menu li, #mainmenu li {
  margin-right: 15px;
  list-style: none;
}

/* Images responsives */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
  #container {
    flex-direction: column;
  }
  #content, #sidebar {
    flex: 1 1 100%;
  }
  #menu li, #mainmenu li {
    margin-right: 10px;
    margin-bottom: 5px;
  }
}