html, body {
width: 100%;
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color: #fff; 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.bandeau {
position: absolute ;
top: 0px ;
left: 180px ;
height: 90px;
width: 100%;
margin: 0;
padding: 0;
border: none;
background-color: #3399CC;
}
.menu {
position: absolute;
left:0;
width: 180px;
height: 100%;
background-color: #CFDCE6;
margin: 0;
padding: 0;
border: none;
}
.exo {
position: absolute;
/*overflow-y : hidden; */
margin-left: 180px ;
margin-top: 95px ;
height: 100%;
width: 70%;
padding:10px;
background-color: #ffffff;
}
.message { 
	float: right;
	width: 180px;
	height: 400px;
	margin-top: 100px ;
	padding:0;
	background-color: #ff8060;
	border: none;
}

h1 {
	font-size: 18px;
	color: #307082;
}
h2 {
	font-size: 16px;
	color: #333333;
}
h3 {
	font-size: 14px;
	color: #333333;
}