<style type="text/css"> 	

html
{
	height:100%;
	padding-left:0px;
}
body 
{
	display: flex;  /*enables flex content for its children*/
	flex-wrap: wrap;
	background-color:#592901;
	margin:0px;  /*removes default style*/
	overflow :hidden; /*auto*//* makes the body non-scrollable (we will add scrolling to the sidebar  and main content containers)*/
	height:100%;
	box-sizing: border-box;
	padding-left:0px;
}
.colonne-left {
    display: flex;
    flex-direction: column;  /*places the left headers above the bottom content*/
	height: 100%;  /*allows both columns to span the full height of the browser window*/
	width:232px;
	background-color:#8B4513;
	border-right:1px solid white;
	padding-left:0;
	margin-left:0px;
}
.colonne-right {
    height: 100%; 	/*allows both columns to span the full height of the browser window*/
	display: flex;
    flex-direction: column;  /*places the right headers above the bottom content*/
	flex:1;
	overflow :auto;
}
#left {
    flex-shrink: 0;	/*makes sure that content is not cut off in a smaller browser window*/
}

.top-left {
    flex-shrink: 0;
	border-bottom:1px solid white;

}
.top-right {
    flex-shrink: 8;
    display: inline-flex;
}

#right {
    flex-shrink: 8;  /* makes sure that content is not cut off in a smaller browser window */
}
.bottom-left {
    flex-grow: 1;  /*ensures that the container will take up the full height of the parent container*/
    overflow-y: auto;  /*adds scroll to this container*/
}
.bottom-right {
    flex-grow: 1;  /*ensures that the container will take up the full height of the parent container*/
    overflow-y: auto;  /*adds scroll to this container*/
	 flex-shrink: 8;
}
.section-tableau table p 
{
	font-family: Comic Sans MS;
	font-size:120%; 
	color:#ffffff;
	text-align:center;
	margin:auto;
	margin-bottom:2em;
}
h2
{
	color:#ffffff;
	font-family: Comic Sans MS;
	font-size : 300%;
	text-align:center;
	font-weight:normal;	
	line-height:10%;
}
h3
{
	color:#ffffff;
	font-family: Comic Sans MS;
	font-size : 200%;
	text-align:center;
	font-weight:normal;		
}
.colonne-left   nav, li,a
{
	font-family: Comic Sans MS; 
	color : #ffffff;
	list-style-type: none;
	text-indent : 0;
	text-align:left;
	text-decoration:none;
	padding-left:5px;
}
.colonne-left  h1 {
	text-align:center;
	font-family: Comic Sans MS; 
	font-size: 100%;
	font-weight: normal;
	color : #ffffff;
}
.actif {
	color: #fff000;}  /*-- jaune */
.passif {
	background-color: #8B4513 ;}
</style>