@media all and (max-width: 600px) {
	#tabs ul li.hide_tab {
	display: none;
	}
}

@media all and (max-width: 900px) {
	#customer {
	display: none;
	}
	#spacer {
	display: none;
	}	
}

html {
	display: flex;
	/* correction bug IE de min-height non appliqué à body */
	height: 100%;
	flex-direction: column;
}

body {
	/* crée un contexte flex pour ses enfants */
	display: flex;
	/* affichage vertical */
	flex-direction: column;
	/* toute la hauteur du viewport */
	min-height: 100%;
	overflow: hidden;
	margin: 0;
}

body {
	background-color: #F6F6F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #336699;
}

.entete {
    min-width: 390px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid gray;
	padding-left: 3px;
	min-height: 3vh;
}	

.corps
{
    min-width: 390px;
	flex: 1 1 0%;
    margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 100%;
}

#main {
	flex: 1 1 0%;
	border:1px solid gray;
    border-top: none;
	min-height: 100%;
}
	
.one {
	flex: 1 1 0%;
	min-width: 55px;
	text-align: left;
}

.two {
	flex: 1 1 0%;
	align-self: flex-end;
}

.three {
	flex: 1 1 0%;
    text-align: right;
    padding-right: 5px;
}

#logo a {
	text-decoration: none;
    margin-top: 2px;
    margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
}

#tabs
{
	flex: 1 1 auto;
}

#tabs ul
{
    display: flex;
	justify-content: flex-start;
    list-style-type: none;
	margin: 0;
	box-sizing: content-box;
    padding-left:0;
    padding-right:0;
}

#tabs ul li
{
    display: inline;    
	float: left;    
	min-width:85px;
	text-align: center;
	border-radius: 10px 10px 0 0px;
	padding:0;
    margin: 3px 5px 0px 0px;
    border-top-color: gray;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: gray;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: gray;
    border-left-style: solid;
    border-left-width: 1px;
}

#tabs ul li.selected 
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#tabs ul li a
{
    float: left;
    color: #666;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:center;
    background-color:#eee;
    min-width:85px;    
	border-radius: 10px 10px 0 0px;
	font-size: 0.85em;
}

#tabs ul li a.selected
{
    color: #000;
    font-weight:bold;
    background-color: #F6F6F6;
    box-shadow: 
    0px 0 0 0 #888, 
    0 1px 0 0 #F6F6F6, 
    0px 0px 0 0 #888,   /* Just to fix the corner */
    0px 0 0 0 #888 inset, 
    0 0px 0 0 #888 inset;
}

#tabs ul li a:hover
{
    color: #000;
    font-weight:bold;
    background-color: #F6F6F6;
}

#tabs ul li.hidden
{
	display: none;
}