/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Arial;
	font-size:12px;
	background-color:#7D89AA;
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
 
	min-height:980px;
	width:780px;
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto;
	background-color:#FFF;
	border:thin 2px #999;
}
/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:780px; 
	height:144px; 
 
	background:url('images/Header_Bg.gif'); 
 
	/* css lets you designate how you want an image to 
	repeat. Along the x-axis, y-axis or not at all. */
	background-repeat:repeat-x; 
}
/* this sets the position of the title. 
header.gif goes here here */
.header-photo
{
	float:left;
	margin-left: 90px;
}
/* This sets the position of the menu */
.header-title
{
	float:right;
	margin-top: 37px;
	margin-right: 10px;
}
 
.spacer
{
	height:3px;
	width:780px;
	background-color:#777;
	margin:0px;
}

/*==============================
		BODY WRAPPER
===============================*/
.body-wrapper
{  
	width:780px; 
	min-height:834px; 
}

.left-menu
{
	float:left;
	height:834px;
	width:164px;
	background-image:url(images/Menu.gif);
}

.content
{
	float:left;
	width:595px;
	padding:10px;
}

.left-menu ul
{
	padding-top:20px;
	padding-left:9px;
	margin:0px;
	/* this removes the bullet */
	list-style:none; 
}
.left-menu li
{
	margin-bottom:6px;
	font-size:12px;
	display:block;
	height:26px;
	width:145px;
	background-image:url(images/bouton.gif)
}
.left-menu li a
{
	padding:5px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-weight: bold;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
.left-menu li a:hover
{
	padding:5px;
	font-size:13px;
	color:#FFF;
	text-decoration:underline;
}


#Adsense1 
{
	float:left;
	margin: 5px;
}

.h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color:#707DA3;
	margin-bottom:15px;
}

/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:left;
	height:16px; 
	background:url(images/Footer_bg.gif); 
}