@charset "UTF-8";
/* CSS Document
 */

body {
  margin: 0;
}
.container {
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: column; /* affichage vertical */
  height: 100vh; /* toute la hauteur du viewport (compatible IE9+) */
}
.header {
	top:0px;
}
.main {
  flex: 1 1 auto; /* occupe la hauteur restante */
  display: flex; /* crée un contexte flex pour ses enfants */
  flex-direction: row; /* affichage horizontal */
  padding:0;
  margin:0;
  overflow-y: hidden;

}
.masterContainer {
  width: 14em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; 
}
.detailContainer {
  flex: 1; /* occupe la largeur restante */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; 
}
.master {
	top:60px;   
}


.masterContainer {
	border-right:solid thin #CCC;
}

@media (max-width: 640px) {	
	
	.detailContainer {
	}
	.masterContainer {
		margin:0;
		padding:0;
		width:100%;
		border:none;
	}
}