* { margin:0;padding:0; }

body {
	background:#F4F6E9;
	width:100%;
	font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color : #646464	
}

#page {
	width:900px;
	border-left:5px solid #D6D7D9;
	border-right:5px solid #D6D7D9;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	
}

#page a {color:#336633;text-decoration:underline;}
#page a:hover {color:#336633;text-decoration:none;}

#header {
	background:url('./images/logo.jpg') top no-repeat;
	width:900px;
	height:162px;
}

#header p {
	color:#646464;
	padding-left:130px;
	padding-top:5px;
}

p.slogan {
	margin: 11px 0 0 0;
	padding: 0;
	text-align: justify;
	color: #FFCC33;
	font-weight:bold;
}


ul#menu {
	float:left;
	width:100%;
	background-color:#FFCC33;
	height:20px;
	border-bottom:3px solid #CFCFCF;
	list-style-type:none;
	text-align:center;
}

ul#menu li {
	display:inline;
	float:left;
}

ul#menu a {
	width:100px;
	height:20px;
	background-color:#FFCC33;
	color:#FFF;
	text-decoration:none;
	display:block;
}

ul#menu a:hover {
	width:100px;
	height:20px;
	background-color:#FFF;
	color:#FFCC33;
	text-decoration:none;
	display:block;
}

#bloc {
	float:left;
	width:200px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}
#bloc2 {
	float:left;
	width:390px;
	text-align:justify;
	padding-left:10px;
	margin-top:20px;
}
#bloc3 {
	float:right;
	margin-left:10px;
	margin-right:10px;
	width:220px;
	margin-top:20px;
	background-color:#F7F8EA	
}
#bloc4 {	
	margin-left:15px;
	margin-right:15px;
	width:200px;
	margin-top:20px;
	background-color:#F7F8EA	
}

h1.trendfield {
	font-size: 18px;
	text-transform: uppercase;	
	text-align: left;
	margin: 0;
	color: #336633;
	border-bottom: 1px dotted #336633;	
	padding-bottom: 2px;	
}

p#footer {
	font-size:0.8em;
	color:#A3A3A3;
	width:900px;
	text-align:center;
	clear:both;
	background-color:#FFF;
	padding-top:50px;
}

p#footer a{
	text-decoration:none;
	color:#A3A3A3;
}