html, body {
	height: 100%;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #999999;
	
}
#global {
	margin: 0 auto;
	margin-top: 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 990px;
}

#entete {
 color: #333;
 width: 990px;
 margin: 0 auto;
 border: 0px solid #ccc;
 height: 150px;
 margin-bottom: 0px;
 background: #FFF url(images/fond_entete.jpg) no-repeat left top;
}

#entete-gauche { 
 color: #333;
 border: 0px solid #ccc;
 margin-left: 5px;
 padding: 0px;
 height: 150px;
 width: 200px;
 float: left;
}
#entete-milieu { 
 color: #333;
 border: 0px solid #ccc;
 margin-left: 5px;
 margin-right: 5px;
 padding: 0px;
 padding-top: 3px;
 height: 150px;
 width: 570px;
 float: left;
}
#entete-droite { 
 text-align: right;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px;
 padding: 0px;
 height: 150px;
 width: 200px;
 float: left;
}
#content { 
 margin: 0px;
 padding: 0px;
 clear: both; 
 background: url(images/fondcontent2.png) repeat-y left top;
 min-height : 600px;
}
#gauche { 
 color: #333;
 /*background: url(images/fondgauche.jpg) no-repeat left top;*/
 border: 0px solid #ccc;
 margin: 0px;
 padding: 5px;
 width: 250px;
 float: left;
}
#centre { 
 float: right;
 position: relative;
 /*background-color: #FFF;*/
 color: #333;
 border: 0px solid #ccc;
 margin: 0px;
 padding: 5px;
 width: 710px;
 display: inline;
 
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear: both;}