/* 
   1. Top Right Bottom Left 
   2. Vertical align : height and line-height must be the same
*/

body { padding: 0; margin: 0; }

#page_globale { 
 margin: 0 auto;
 width: 720px;
}
#entete {
 width: 720px;
 float: left;
 height: 100px;
}
#centre { 
 color: #333;
 padding: 0;
 height: 510px;
 width: 570px;
 margin-left:105px; /* centered */
}
#pied {
 color: #333;
 width: 720px;
 line-height:40px;
 float: left;
 height: 40px;
 font-family:Tahoma;
 font-size:11px;
 margin-right:160px;
}

div.menu_off {
    width: 165px; /* 170 w/padding */
	height: 165px; /* 170 w/padding */
	line-height: 165px;
    float:left;
	padding: 5px 0px 0px 5px;
	font-family: "Courier New", Courier, monospace;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-image:url('../images/menu_bng_off.png');
}
div.menu_on {
    width: 165px; /* 170 w/padding */
	height: 165px; /* 170 w/padding */
	line-height: 164px;
    float:left;
	padding: 5px 0px 0px 5px;
	font-family: "Courier New", Courier, monospace;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-image:url('../images/menu_bng_on.png');
	cursor:pointer;
}
	.menu_left {
		width: 210px;
		float:left;
		font-weight:bold;
		color:#555555;
		}
	.menu_right {
		width: 210px;
		float:right;
		font-weight:bold;
		color:#555555;
		}
A.menulink {
display: block;
width: 160px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#666666;
border: 2px solid;
padding:0 4px;
margin:6px 0 0 10px;
}
A.menulink:hover {
color:#000000;
border: 2px dashed;
}	
		
.clear {
    clear:both;
}