html{

background-color:#b1cbd1;
	margin: 0;
	padding: 0;
	height: 100%;
}
body { 
	behavior: url("csshover.htc");
	
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
    
}
	/* --- BLOC CONTENEUR GLOBAL --- */
	#page {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 100%;
		margin: 0 auto;
		min-height: 100%;
		text-align:left;
		order: 1px solid black ;
		font-family:  Arial, Verdana, serif;
}

#postit{
position:relative;
width:70%;
margin:auto;}

#dernier-element {
clear:both;
position:static;
margin-bottom: 0; /* évite tout risque de fusion des marges */
padding-bottom: 104px;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
}

#PiedDePage
{
height:50px;
margin-bottom:10px;
		position: absolute;
		bottom: 0px; left: 0;
		width: 100%;
		order:1px solid black;
		}

.bouton{
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:3px;
background-color:#15b5c0;
text-decoration:none;
color:#b5e8f6;
border:2px outset #8cdbf1;
font-weight:bold;
font-family:arial;
font-size:0.9em;
}
.bouton:hover{
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:3px;
background-color:#8cdbf1;
text-decoration:none;
color:#0f8f9a;
}
.bouton:active{
margin-left:2px;
margin-top:2px;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
background-color:#8cdbf1;
text-decoration:none;
color:#0f8f9a;
}
#contact{
position: relative;
text-align:left;
top:20px;
width:500px;
margin:auto;
margin-top:80px;
padding-left:25px;
padding-top:5px;
background-color:#6f89a5;
order: 1px solid black;
}