/********************  structure de la page  ********************/

body {
	font-family: arial, sans-serif;
	background-color: #98a7c5;
}

img {border:0;}
p {font-size:0.8em; font-family: arial, sans-serif; color:#565656;}
blockquote {font-size:0.8em; font-family: arial, sans-serif; color:#565656;}
ul {font-size:0.8em; font-family: arial, sans-serif; color:#565656;}
h1 {font-size:2em; color:#565656;}
h2 {font-size:1.5em; color:#565656; margin-top:0px; }
h3 {font-size:1.2em;color:#565656;}
p a {font-size:1em; font-family: arial, sans-serif; color:#565656;}
blockquote a {font-size:1em; font-family: arial, sans-serif; color:#565656;}

div.container {
	width:980px;
	margin:0 auto;
	background:#fff;
	border-top:3px solid #294b8e;
	/*line-height:150%;*/
}

/******************** home ***********************/

div.leftHome {
	width:660px;
	height:330px;
	padding:10px;
	background-image:url(./images/fond_home.jpg);
	background-repeat:no-repeat;
	/*border-right:20px solid white;*/
}

.leftHome h2 {
	display:none;
}

/******************** Overview ***********************/

.tableOverview h3 {
	margin-left:25px;
	color:#1A3E86;
}

.tableOverview h4 {
	color:#ffffff;
}

/********************  header  ********************/

div.header {
	background:white;
	height:99px;
	padding:20px;
	margin:0;
}

div.logo {
	background-image:url(./images/logo_fleet_services_group.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:200px;
	height:60px;
	float:left;
	margin-top:18px;
	margin-left:-7px;
}

.header h1 span { display:none; }

.header h2 span { display:none; }

/********************  menu  ********************/

div.menu {
	width:940px;
	height:42px;
	background:#ccc;
	text-align:center;
	float:left;
}

.menu h3 {
	display:none;
}

.menu ul {
	margin:12px 10px 0 10px;
	padding:0 0 0 4px;
}

.menu li {
	display:inline;
	padding:22px;
}

.menu a {
	color:#565656;
	text-decoration:none;
	font-weight:bold;
}

/********************  content  ********************/

.imgOffre {
	background-image:url(./images/offre.jpg);
	height:100px;
}

.imgSavoir {
	background-image:url(./images/savoir.jpg);
	height:100px;
}

.imgSociete {
	background-image:url(./images/societe.jpg);
	height:100px;
}

.imgContacts {
	background-image:url(./images/contacts.jpg);
	height:100px;
}

.imgOpportunites {
	background-image:url(./images/opportunites.jpg);
	height:100px;
}

div.content {
	overflow:auto;
	margin:20px;
}

div.contentHome {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#fff;
}

div.contentOffre {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#84695a;
}

div.contentSavoir {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#b0a19a;
}

div.contentSociete {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#d4dbec;
}

div.contentOpportunites {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#d7ecd4;
}

div.contentContacts {
	overflow:auto;
	height:100%;
	margin:20px;
	background:#ecd4e4;
}

/********************  left  ********************/

div.left {
	width:660px;
	padding:10px;
	float:left;
	background:#ebebeb;
	/*border-right:20px solid white;*/
}

/********************  right  ********************/

div.rightOffre {
	width:240px;
	padding:10px;
	margin-top:0px;
	background:#84695a;
	float:right;
}

div.rightSavoir {
	width:240px;
	padding:10px;
	margin-top:0px;
	background:#b0a19a;
	float:right;
}

div.rightSociete {
	width:240px;
	padding:10px;
	margin-top:0px;
	background:#d4dbec;
	float:right;
}

div.rightOpportunites {
	width:240px;
	padding:10px;
	margin-top:0px;
	background:#d7ecd4;
	float:right;
}

div.rightContacts {
	width:240px;
	padding:10px;
	margin-top:0px;
	background:#ecd4e4;
	float:right;
}

/*.menuRightOffre li {
	margin:0 0 15px -37px;
	list-style-type:none;
}

.menuRightOffre h2 {
	color:#4d3d34;
}

.menuRightOffre a {
	color:#4d3d34;
}*/

/********************  footer  ********************/

div.footer {
	height:25px;
	width:960px;
	margin:0 20px 0 0;
	text-align:right;
}