/* General */
body {
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
/* base font size and family */
body, p, li, td, th, div, pre, dt, dd {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:    x-small;	/* false value for WinIE4/5/6 */
}
html>head:first-child+body, html>head:first-child+body p, html>head:first-child+body li, html>head:first-child+body td, html>head:first-child+body th, html>head:first-child+body div, html>head:first-child+body pre, html>head:first-child+body dt, html>head:first-child+body dd {
	font-size:    small;	/* intended value for better browsers */
}

sup {
    font-weight: normal;
}

/* =============== COLOURS ============ */
/* 	all references to colours should be here to ensure consitency;
		but border colours are kept with the blocks
 */

/* ----- text ----- */
.bar, .bar td, #topmenu a, a.legal, .menu-inv, .menu-inv a, .surtitre, .surtitre-article {
	color: #ffffff;		 /* white */
}
body, .searchfield, #article {
	color: #333333;		/* normal text */
}
#news {
	color: #666666;
}
#topmenu a:hover, a:hover.legal, .menu a:hover, .menu-inv a:hover, .menu2 a:hover, h2 {
	color: #f79910;		/* orange */
}
.rightmenutitle, .menu, .menu a, .menu2 a, .chapo {
	color: #980f08;		/* bordeau */
}

/* ----- background ----- */
body, ul.menu2 {
	background: white;
}
#rightcolumn {
	background-color: #ebebeb;
}
.leftmenublock {
	background: #dfdfdf;
}
#colorbar {
	background: #cccccc;
}
ul.menu-inv {
	background: #999999;
}
.bar, #surtitrebar {
	background-color: #7a1908;
}

/* =============== LAYOUT ============ */
.layout {
	zzwidth: 860px;
}
.bar, #maincolumn {
	margin-left: 170px;
}

/* =============== BARS ============ */
.bar {
	position: relative;
	border: none;
	padding: 3px 15px 3px 15px;
	font-size: 0.85em;
}
.bar a, .bar span, .menuPipe {
	margin-right: 6px;
}
.menuPipe {
	font-size: 0.6em;
	vertical-align: middle;
}

/* =============== LEFT COLUMN ============ */
#leftcolumn {
	text-align: center;
	position: absolute;
	top: 3px;
	left: 11px;
	z-index: 20;
}
/* IE5.5 screws up with position: fixed, so we must hide it like this: */
body>#leftcolumn {
	position: fixed;
}
#leftmenu {
	margin: 0;
	width: 128px;
}
#logo {
	margin: 0;
	padding: 0 0 5px 0;
}
.leftmenublock-shadow {
	z-index: 20;
	border-right: solid #999999 1px;
	border-bottom: solid #999999 2px;
	padding: 0;
	margin: 6px 0;
}	
.leftmenublock {
	margin: 0;
	border: solid white 1px;
}
ul.leftmenublock {
	padding: 2px 0 2px 20px;
}
ul.menu {
	list-style-image: url(../images/triangle_orange.png);
}
ul.menu-inv {
	list-style-image: url(../images/triangle_white3.png);
}
ul.menu2 {
	list-style-image: url(../images/triangle_orange.png);
}
.leftmenublock li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-align: left;
}

/* =============== SEARCH BOX ============ */
.searchfield {
	font-size: 0.7em;
}
.submit {
	font-size: 0.7em;
}

/* =============== TOP MENU ============ */
#topmenu {
	margin-bottom: 3px;
	font-weight: bold;
}
#topmenu a {
	text-decoration : none;
}
#topmenu a:hover {
	text-decoration : underline;
}

/* =============== MAIN COLUMN ============ */
#main {
	border-bottom: dashed #666666 1px;
	background: url("../images/photo02.jpg") repeat-y;
}	
#article {
	padding-left: 15px;
	padding-bottom: 40px;
}

/* =============== RIGHT COLUMN ============ */
#rightcolumn {
	float: right;
	margin: 0 0 15px 15px;
	padding: 5px 10px 0 5px;
	width: 250px;
}
.rightcolumntitle {
	font-size: 1em;
	font-weight: bold;
}

/* for side floats like the GroupVerve whitepaper */
.right-float {
	float: right;
	margin: 10px;
	padding: 10px;
	width: 150px;
	background: #d6d2d6 url("../images/photo02.jpg") repeat-y;
}

/* =============== BOTTOM BAR ============ */
/* nothing to say here */

/* =============== TEXT CLASSES - MENU ============ */
.menu, .menu-inv {
	font-size: 0.85em;
	font-weight: bold;
}
.menu a, .menu-inv a {
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
.menu2 a {
	font-size: 0.75em;
	text-decoration : underline;
}

/* =============== TEXT CLASSES - CONTENT ============ */
h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5em;
}
h2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
dt {
	font-weight: bold;
}
acronym {
	cursor: hand;
	background-color: #ffffdd;
}
#article .chapo {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1em;
	font-weight : bold;
}
#article p, #article div, #article li, #article td, #article th, #article pre {
	font-size: 1em;
}
#article p, #article div, #article pre {
	margin-top: 0;
	margin-bottom: 1em;
}
.faces {
	text-align: left;
}

/* --------------- Article-related ----------- */
.surtitre, .surtitre-article {
	vertical-align: bottom;
	padding-left: 15px;
	padding-bottom: 5px;
}
.surtitre {
	background-image: url("../images/title_bg_big.jpg");
	background-repeat: no-repeat;
	height: 193px;
	width: 590px;
}
.surtitre-article {
	background-image: url("../images/title_bg_small.jpg");
	background-repeat: no-repeat;
	height: 41px;
	width: 590px;
}
.surtitre-small {
	font-size: 0.6em;
	font-weight: bold;
	font-style: italic;
}

/* Price column */
table.prices {
	margin-bottom: 5px;
}
.prices th, .prices td {
	margin: 2px;
	padding: 2px 4px 2px 4px;
}
.prices th {
	text-align: left;
	background-color: #bbbbbb;
}
.prices td {
	background-color: #dfdfdf;
}

.prices-price {
	text-align: right;
}

/* Generic table */
table.generic-table {
	margin-bottom: 5px;
}
.generic-table th, .generic-table td {
	margin: 2px;
}
.generic-table th {
	text-align: left;
	background-color: #bbbbbb;
}
.generic-table td {
	background-color: #dfdfdf;
}


	

/*           :: :: :: :: ::      SPECIAL      :: :: :: :: ::           
BODY {
	scrollbar-face-color: #999999;
	scrollbar-track-color: #999999;
	scrollbar-arrow-color: #FF9900;
	scrollbar-shadow-color: #FF9900;
	scrollbar-darkshadow-color: #999999;
	scrollbar-highlight-color: #FF9900;
	scrollbar-3dlight-color: #999999;
}
.scrol01 {
	scrollbar-base-color : #000000;
	scrollbar-arrow-color : #FFCC00;
}

*/