/*
	LAYOUT OF THE WHOLE SITE
	ALMOST no colors defined; this is taken care of in subsections
	site uses basically three colours: background (#ffffcb), text (2b0338) 
	and support (#f6ca13), derived from the old Citroën logo as shown on 
	top of the page
*/
BODY {
	background-color: #ffffcb;
	font-family : Tahoma, Univers, Arial, sans;
	font-size : 10pt;
	color: #2b0338;
}
H1 {
	font-size: 16pt;
	margin-top: 16pt;
	margin-bottom: 8pt;
	text-align: center;
}
H2 {
	font-size: 13pt;
	font-style: bold;
	margin-top: 6pt;
	margin-bottom: 4pt;
}
H3 {
	font-size: 11pt;
	font-style: normal;
	margin-top: 5pt;
	margin-bottom: 2pt;
}
TABLE {
	border: 0px;
	padding: 0px;
}
TH {
	font-style: bold;
	font-size : 10pt;
	text-align: left;
}
TD {
	font-size : 10pt;
}
HR {
	line-height: 2;
	color: #f6ca13;
}
INPUT { 
	font-size: 8pt;
}
SELECT {
	font-size: 8pt;
}
TEXTAREA {
	font-size: 9pt;
}
LI {
	font-size: 10pt;
}

/*
	LAYOUT OF THE TOP FRAME
*/
.top {
	margin-left: 8pt;
	margin-right: 45pt;
	margin-top: 8pt;
	background-color: #ffffcb;
}
.addressinfo {
	font-size: 8pt;
	border: 3pt;
	border-style: frame;
	background-color: #f6ca13;
	margin-left: 5pt;
	padding: 3pt;
}
.logocaption {
	font-size: 8pt;
	margin-bottom: 2pt;
}

/*
	LAYOUT OF THE NAVIGATION FRAME
*/
.menu {
	margin-left: 8pt;
	margin-top: 20pt;
	background-color: #ffffcb;
}
.menutable {
	border: 3pt;
	border-style: frame;
	background-color: #f6ca13;
	margin: 0pt;
}
.menucell {
	text-align: center;
	background-image: url(../images/button_background.gif); 
	background-position: top center;
	background-attachment: fixed;
	background-repeat: repeat-y;
	height: 21pt;
	font-size: 10pt;
	font-weight: bold;
	border: 0pt;
	margin-top: 0pt;
	margin-left: 5pt;
	padding: 0pt;
	color: #f6ca13;
}
.menuitem {
	text-decoration: none;
	color: #f6ca13;
}
.menuitem:hover {
	text-decoration: none;
	background: none;
	color: #ffffcb;
}

/*
	LAYOUT OF THE MAIN (CONTENT) FRAME
*/
.mainbody {
	background-color: #ffffcb;
	scrollbar-base-color: #666666;
	scrollbar-arrow-color: #2b0338;
	scrollbar-face-color: #f6ca13;
	scrollbar-track-color: #ffffcb;
	margin-top: 5;
	margin-left: 5;
	margin-right: 45;
	margin-bottom: 0;
}
.contenttable {
	background-color: #f6ca13;
	padding: 3;
}
.content {
	background-color: #f6ca13;
	text-decoration: none;
	color: #2b0338;
}
.content:hover {
	background-color: #2b0338;
	text-decoration: none;
	color: #f6ca13;
}
.heading {
	background-color: #f6ca13;
	text-decoration: underline;
	color: #2b0338;
}
.heading:hover {
	background-color: #2b0338;
	text-decoration: none;
	color: #f6ca13;
}
.caption {
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	margin-bottom: 4pt;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	background-color: #000000;
	color: #f6ca13;
	text-decoration: underline;
}

/*
	LAYOUT OF THE FILLING FRAMES AROUND THE MAIN FRAME
*/
.fillbody {
	margin-top: 0pt;
	margin-left: 8pt;
	margin-right: 45pt;
}
.copyright {
	margin-top: 0pt;
	font-size: 8pt;
	text-align: right;
	text-decoration: none;
	background-color: #ffffcb;
	color: #f6ca13;
}
.copyright:hover {
	margin-top: 0pt;
	font-size: 8pt;
	text-align: right;
	text-decoration: none;
	background-color: #ffffcb;
	color: #f6ca13;
}
/*
	LAYOUT OF THE MANAGEMENT PAGES
*/
.login {
	text-decoration: none;
	color: #2b0338;
}
.color_0 {
	background-color: #ffffcc;
	font-size: 8pt;
}
.color_1 {
	background-color: #ffffb2;
	font-size: 8pt;
}