body {
	color:#000 ; background-color: #fff ;
	font-family:arial, sans-serif ;
	margin:0.5cm 1.2cm ; padding:0 ;
	width:16cm ;
	}
a:link { color:#6C3CA0; }
a:visited { color:#6C3CA0; }

h1, h2, h3, h4, h5, h6 {
	color:#333 ;
	font-family:"Trebuchet MS", arial, sans-serif ;
	margin:auto 0 0.2em 0 ; padding-top:0.3em ;
	}
h2, h1 { font-size:1.8em;}
h3 { font-size:1.6em;}
h4 { font-size:1.4em;}
h5, h6 { font-size:0.8em ; font-style:italic}

 /*  make sure images are inline even if browsers disagree  */
img {border-width:0 ; margin:0 ; padding:0 ; display: inline}
ul { list-style-type:none ; }
.u {text-decoration:underline}

.hide {} /* hopefully we do want to print all these bits */

.thisPage {padding:0 3px ; border:1px solid #ebe}

div#head { padding:0 ; margin:0 ;position:relative ; z-index:4 ;
	height:120px ; 
	}

p.info { margin:0 0 10px 12px }

div#topright { display:none }

td.formr {text-align:right ; font:italic 1em garamond, 'times new roman', serif ; padding-right:10px}

form { display: inline; }	/*   why?  can't remember! */
							/*   probably to help with menu search form   */

table#mailform  {border:1px solid #999 } 
table#mailform ul { list-style-type:none ; padding:0 ; margin:0 ;
	/*border:1px solid #999*/ }
table#mailform li { font-weight:bold 
	; padding:0 ; margin:10px 0 ;
	/*background-color:#ccc ; border:1px solid #900*/ ; }
table#mailform ul ul li {  font:italic 1em garamond, 'times new roman', serif ; margin-top:2px ; margin-left:10px }
table#mailform ul ul ul li {  font:normal .8em arial, sans-serif ; margin-top:0 ; margin-left:10px}


/*********************  RIGHT (main) CONTENT BOX  *********************/
div#rightContent, div#rightContentWide {
	font-family:"arial", sans-serif;
	margin-top:10px ;
	}


/*********************  LEFT CONTENT BOX  *********************/
#leftContent {
	font-family:Georgia, "Times New Roman", serif ; font-style:italic ;
	}
#leftContent h2, #leftContent h3, #leftContent h4, #leftContent h5 {color:#eee ; font-style:normal ; margin-bottom:10px}
#leftContent h2 { font-size:1.3em }
#leftContent h3 { font-size:1.1em }
#leftContent h4, #leftContent h5 { font-size:1em }
#leftContent a:link, #leftContent a:visited {color:#eee}
#leftContent a:link, #leftContent a:visited { text-decoration:none ; color:#ccf ; font-weight:bold ; }
#leftContent ul {
	margin:0 5px 5px 10px;
	padding:0 ;
	}
#leftContent li {
	padding:0 5px 5px 20px;
	}
#leftContent li.current {
	background:transparent url("images/pointp.gif") left no-repeat;
	}
#leftContent li.current a:link,
#leftContent li.current a:visited {
	color:#fcf;
	}
#leftContent a:link, #leftContent a:visited {font-weight:normal} 

/*********************  SEARCH  *********************/

div#search li {text-align:right ; margin:0 ; padding:0 5px 2px 0 ; font-size:0.9em}



/*  what are these for?					*/
/*  (colours changed to help spot 'em)  */
.key {color:#060}
.key2 {font-weight:normal;color:#060}


/************ listings **************/
.item {margin-bottom:15px ;
	padding:10px;
	border:0 ;
	border-bottom:solid 1px #999;
	}
.itemNo, .itemNot {float:left ; padding:8px ; background:#eee ; margin-right:10px ;
	font-weight: normal; min-width:2em ; text-align:right ;
}
.red  { color:#f33 ; font-style: italic ; font-weight:bold }
.itemNo h4 { font:1.2em italic arial, sans-serif ; }
.item .pic {  padding:10px ; float:right }
.item p { padding:0px ; margin-bottom:2px ; text-align:justify}
.item .auth { font-weight: bold ; margin-bottom:1px}
.item .title { font-family: "Trebuchet MS", arial, sans-serif}
.item .sub {}
.item .prix { text-align:right ; margin:0px }
.item .ref { text-align:left ; margin:-5px ; font-style:italic ; font-size:80% }

.more, .more a:link, .more a:visited {
	color:#096 ; font-style:italic ; font-size:90% ;
	text-decoration:none ; font-weight:bold }
.more a:hover { color:#c6c ; background-color:#777 }

/********* categories *********/
div.category
{	float: left;
	display:inline ;
	height: 180px;
	width: 100px;
	margin: 5px;
} 
div.category h4 {font-size:1em ; margin:0}
.category a:link, .category a:visited,
.category a:link:hover, .category a:visited:hover,
.category a:link:active, .category a:visited:active,
.category a:focus
	{text-decoration:none ; color:#333 ; }
.category a:link:hover, .category a:visited:hover {color:#6C3CA0}




/*************   MENU   ***************/
div#menu { display:none }


.noPrint {display:none}


/******* STYLISH - - temporary, only during development *******/
ul#stylish {display:none}