* {
    margin:0;
    padding:0;
}

/* 
body {
    background: #fff url(pics/new_index/bg.gif) no-repeat center center;
    margin:0;
    font: 12px arial;
}
*/

#bg {
position: absolute; top: 50%; left: 50%;
margin: -600px 0 0 -960px; /* top = 1/2 height, right = 0, bottom = 0, left = 1/2 width */
height: 1200px;  /* same as image height */
width: 1920px; /* same as image width */
background: url(../pics/new_index/bg.gif) #ccc;
} 

#centrer {
 	position:absolute;
 	left: 50%;
 	top: 50%;
 	width: 960px;
 	height: 600px;
 	margin-top: -300px;
 	margin-left: -480px;

 }
        
 #logo {
    position:absolute;
 	left:180px;
 	top:10px;
 }
 
 #menu {
 	position:absolute;
 	left:330px;
 	top:20px;
 }
 #menu li {
 	list-style:none ;
 	font: 14px/20px arial;
 }
 #menu li a:link,a:visited,a:active {
 	color:#403f2e;
 	text-decoration:none;
 }
 #menu li a:hover {
 	color:#403f2e;
 	background-color: #cdddb9;
 	padding: 5px;
 	margin-left: -5px;
 } 
 
 #accroche {
 	position:absolute;
 	left:590px;
 	top:50px;
 	font: 11px/20px arial;
 	color:#403f2e;
 	width:340px;
 }
 
 #flash {
 	position:absolute;
 	left:300px;
 	top:130px;
 }
 
 #coord {
 	position:absolute;
 	left:320px;
 	top:535px;
 	font: 10px/15px arial;
 	color:#403f2e;
 	width:295px;
 }
 
 #pied {
 	position:absolute;
 	left:710px;
 	top:550px;
 	width:230px;
 	text-align: center;
 }
 #pied li {
 	list-style:none ;
 	font: 10px/15px arial;
 	display: inline;
 }
 #pied li a:link,a:visited,a:active {
 	color:#403f2e;
 	text-decoration:none;
 }
 #pied li a:hover, .active {
 	color:#403f2e;
 	background-color: #cdddb9;
 	padding: 2px 5px 2px 5px;
 	margin-left: -5px;
 }