body {
	margin: 8px;
	background-color: #fff;
	color: #716762; /* #938984; */
	font-size: 10px;
	font-family: Arial, Verdana, Sans-serif;
}
a {
	font-size: 13px;
	color: #413c38;
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

h2 { font-size: 24px; color: #413c38; }
h3 { font-size: 15px; color: #413c38; }
h4 { font-size: 13px; color: #413c38; }

#page {
	position: absolute;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
	top: 5px;
	bottom: 5px;
}

.headerTable {
	border-collapse: collapse;
	width: 1000px;
	height: 121px;
}

.headRow {
	height: 116px;
	background: url("../media/head_row.png") no-repeat top center;
}

.page_metier, .page_valeur, .page_domaine, .page_contact { width: 1000px; height: 700px; }
.page_metier { background: url("../media/fond_metier.jpg") no-repeat top center; }
.page_valeur { background: url("../media/fond_valeur.jpg") no-repeat top center; }
.page_domaine { background: url("../media/fond_domaine.jpg") no-repeat top center; }
.page_contact { background: url("../media/fond_contact.jpg") no-repeat top center; }

.menuRow {
	height: 97px;
}

.highlightMenu { width: 85px; padding-left: 6px; padding-bottom: 12px; font: 16px Arial, Verdana, Sans-serif; color: #09c; background: url("../media/highlight_menu.png") repeat-x bottom; }
.highlightMenuLeft { width: 6px; font-size: 2px; background: url("../media/highlight_menu_left.png") no-repeat bottom right; }
.highlightMenuRight { width: 6px; font-size: 2px; background: url("../media/highlight_menu_right.png") no-repeat bottom left; }

.activeMenu { width: 85px; padding-left: 6px; padding-bottom: 12px; font: 16px Arial, Verdana, Sans-serif; color: #fff; background: url("../media/active_menu.png") repeat-x bottom; }
.activeMenuLeft { width: 6px; font-size: 2px; background: url("../media/active_menu_left.png") no-repeat bottom right; }
.activeMenuRight { width: 6px; font-size: 2px; background: url("../media/active_menu_right.png") no-repeat bottom left; }

.inactiveMenu { width: 85px; padding-left: 6px; padding-bottom: 12px; font: 16px Arial, Verdana, Sans-serif; color: #fff; background: url("../media/inactive_menu.png") repeat-x bottom; }
.inactiveMenuLeft { width: 6px; font-size: 2px; background: url("../media/inactive_menu_left.png") no-repeat bottom right; }
.inactiveMenuRight { width: 6px; font-size: 2px; background: url("../media/inactive_menu_right.png") no-repeat bottom left; }

.baseline {
	font-size: 17px;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, sans-serif;
	color: #333;
	padding-bottom: 11px;
}
.image1, .image2, .image3, .image4, .image5, .image6, .image7 {
	width: 345px;
	height: 240px;
	border-width: 0px;
}
.image1 { background: url("../media/image1.png") no-repeat top left; }
.image2 { background: url("../media/image2.png") no-repeat top left; }
.image3 { background: url("../media/image3.png") no-repeat top left; }
.image4 { background: url("../media/image4.png") no-repeat top left; }
.image5 { background: url("../media/image5.png") no-repeat top left; }
.image6 { background: url("../media/image6.png") no-repeat top left; }
.image7 { background: url("../media/image7.png") no-repeat top left; }