@import url("acceuil.css");
body
{

	background:url(Img/bg/bg_fond.jpg) repeat top left;
} 
#page {
   margin: 0 auto;  /* zéro ou une autre valeure */
   width: 100%;
   max-width: 950px;
   min-width: 740px;
   }
</style>

<!--[if IE]>
<style type="text/css" media="screen">
body {
 text-align: center;
}
#page {
width:expression(document.body.clientWidth > 950  ? "950px" : "740px" );
}

#header
{
	width:500px;
	height:76px;
	background:url(Img/header.jpg) no-repeat top left;
	margin-top:50px;
	margin-left:370px;
}

#contener
{
	width:900px;
	background:url(Img/bg/contener.jpg) repeat-y top left;
	margin-top:50px;
	margin-bottom:80px;
	margin-left:165px;
	border:solid 2px #000000;
}

#menu_top
{
	width:900px;
	height:40px;
	margin-top:0px;
	margin-bottom:0px;
}
#menu_top ul li
{
	list-style:none;
	float:left;
}
#menu_top ul li a
{
	display:block;
	width:127px;
	height:40px;
	text-decoration:none;
	color:#FF9;
	background:url(Img/bt/bt_menu_top.png) no-repeat top left;
	margin-left:30px;
	text-align:center;
	line-height:51px;
	font-family:"Viner Hand ITC";
	font-weight:bold;
	
}
#menu_top ul li a:hover
{
	background:url(Img/bt/bt_menu_top.png) no-repeat bottom left;
	line-height:43px;
}
#contenu
{
    width:760px;
	background:url(Img/bg/contenu.jpg) repeat-y top left;
	border:solid 2px #FFC;
	color:#FF9;
	font-family:"Viner Hand ITC";
	padding:20px;
	padding-top:10px;
	padding-bottom:15px;
	text-align: center;
	margin-bottom:20px;
	margin-left:45px;
	margin-top:5px;
	font-size: 24px;
}

#foot
{
	width:400px;
	height:32px;
	background:url(Img/foot.jpg) no-repeat top left;
	margin-bottom:15px;
	margin-left:420px;
}