--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates.marc/static/joi.css	Wed Oct 15 23:28:56 2008 +0200
@@ -0,0 +1,448 @@
+body {
+	font-family: Verdana, Helvetica, Arial, sans-serif;
+	font-size: 1.0em;
+	background-attachment: fixed;
+	background-repeat: no-repeat;
+	background-color: #FFFFFF;
+	background-position: center center;
+	margin: 0em;
+	text-indent: 0em;
+}
+
+img {
+	border: none; 
+}
+
+h1 {
+	font-size: 1.2em;
+	font-weight: bold;
+}
+
+h2 {
+	font-size: 1.2em;
+	font-weight: bold;
+	margin: 0em;
+	margin-left: 5em;	
+}
+
+h3 {
+	font-size: 1.0em;
+	font-weight: bold;
+}
+
+h4 {
+	font-size: 1.0em;
+	font-weight: bold;
+	display: inline;
+}
+
+h5 {
+	font-size: 1.0em;
+	font-weight: normal;
+}
+
+ul {
+	padding: 0em;
+	margin: 0em;
+}
+
+li {
+	display: inline;
+	margin-right: 1em;
+}
+
+span {
+	display: inline; 
+}
+
+/* Les liens */
+
+a:link, a:visited {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+a:hover, .highlight, .hover, a.hover {
+	color: #FFFFFF;
+	background-color: #99D;
+	text-decoration: none;
+	border: none;
+}
+
+a:active {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+
+/**/
+.navbar a:link, a:visited {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+.navbar a:hover, .highlight, .hover, a.hover {
+	color: #FFFFFF;
+	background-color: #99D;
+	text-decoration: none;
+	border: none;
+}
+
+.navbar a:active {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+/**/
+.thumbnavrow a:link, a:visited {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+.thumbnavrow a:hover, .highlight, .hover, a.hover {
+	color: #FFFFFF;
+	background-color: #99D;
+	text-decoration: none;
+	border: none;
+}
+
+.thumbnavrow a:active {
+	color: #666666;
+	text-decoration: none;
+	border: none;
+}
+
+/* mouseover-style of unselected entries in the navigation bar */
+/*.hover, a.hover {
+	cursor: pointer;
+}*/
+
+/* Haut de page*/
+
+.path {
+	background-color: #CCC;
+	color:black;
+	font-weight: bold;
+	font-size: 1.2em;
+}
+
+.albumdesc {
+	padding-top: 0.5em;
+	padding-left: 5em;
+	padding-right: 5em;
+	padding-bottom: 0em;
+	background-color: #DDD;
+	color:black;
+}
+
+.numinfo {
+	padding-top: 0em;
+	padding-left: 5em;
+	padding-right: 5em;
+	padding-bottom: 1em;
+	background-color: #DDD;
+	color:black;
+	font-style:italic;
+	font-size:0.8em;
+}
+
+.navbar {
+	padding-top: 0em;
+	padding-left: 5em;
+	padding-right: 5em;
+	padding-bottom: 1em;
+	margin-top: 0em;
+	margin-bottom: 2em;
+	background-color: #DDD;
+	color:black;
+	border-bottom: 1px solid;
+	font-size:0.6em;
+}
+
+/* details */
+
+.detail{
+	font-size: 1.0em;
+	alignment: center;
+	width: 400px;
+}
+
+.detail table{
+	margin: 0em;
+	padding: 0em;
+}
+
+/**************/
+.contentBG {
+	background-color: #DDD;
+	color:black;
+	margin: 0px;
+	font-size: 1em;
+}
+
+.contentBGSep {
+	background-color: #C9C9C9;
+	color:black;
+}
+
+/* style of preview-images without border (in the treeview) */
+.previewNoBorder {
+	position: absolute;
+	visibility: hidden;
+	z-index: 100;
+	font-size: 1em;
+}
+
+/* style of preview-images with border (in the imageview) */
+.previewBorder {
+	position: absolute;
+	visibility: hidden;
+	z-index: 100;
+	border-style: solid;
+	border-color: #EBEBEB;
+	border-width: 3px;
+	font-size: 1em;
+}
+
+.konqBorder {
+	background-color: #EBEBEB;
+}
+
+.content {
+	position: relative;
+	visibility: visible;
+	z-index: 1;
+}
+
+.descrTitle {
+	font-size: 1.0em;
+	font-weight: bold;
+}
+
+.descrContent {
+	font-size: 1.0em;
+}
+
+/* style of the actual page entry in the navigation bar */
+/*.highlight {
+	font-weight: bold;
+}*/
+
+/* number of images in the treeview */
+.numImg {
+	font-style: italic;
+}
+
+/* image individuelle */
+.image {
+	border: none;
+	text-align: center;
+	clear: both;
+}
+
+.im{
+	text-align: center;
+	background-color: #F00;
+	clear: both;
+	border: none;
+	margin: 0em;
+}
+
+.im img{
+	border: none;
+}
+
+/************************************************** Pour la zone de l'album */
+.card {
+	float: left; 
+	/* Les float ont besoin de width - il faut donc que ce champ soit */
+	/* rempli dans le fichier html avec la vraie largeure de l'image */
+	/*          width: 200px; */
+	padding: 01em 01em 01em 01em;
+	text-align: center;
+	} 
+
+.images {
+	margin: 0px;
+	text-align: left;
+	text-indent: 0em;
+	} 
+
+.imgname {
+	background-color: #DDD;
+	color:black;
+	margin: 0px;
+}
+
+.thumbs {
+	background-color: #DDD;
+	color:black;
+	margin: 0px;
+}
+
+.album {
+	margin: 0px;
+	background-color: #EEE;  
+	font-size: small;
+	width: 100%; 
+	border-style: none; 
+	border-color: black; 
+	border-top: 1px solid; 
+	border-bottom: 1px solid; 
+	padding: 0px; 
+	text-align: left;
+	clear: both;
+	text-indent: 0em;
+	} 
+
+/* Pour le pied de page */
+.footer {
+	margin: 0px;
+	margin-top: 2em;
+	float: none;
+	clear: both;
+	text-align: center;
+	width: 100%; 
+	border-style: none;
+	border-top: 1px solid; 
+	border-color: black; 
+	background-color: #CCC;  
+	border-bottom: none;
+	padding-top: 1em;
+	padding-bottom: 1em;
+	font-size: 1em;
+}
+
+/* L'arbre */
+.tree{
+	margin-left: 8em;
+	margin-top: 2em;
+	margin-bottom: 2em;
+}
+
+/* pour la liste des images */
+.albdesc {
+	margin: 0px;
+	background-color: #CCC;  
+	font-size: small;
+	width: 100%; 
+	border-style: none; 
+	border-color: black; 
+	border-top: 1px solid; 
+	border-bottom: 1px solid; 
+	padding: 0px; 
+	text-align: left;
+	clear: both;
+	text-indent: 0em;
+	margin-bottom: 2em;
+	padding-bottom: 2em;
+} 
+
+div.desccard {
+	float: left; 
+	width: 45%; 
+	margin: 1em 2% 0 2%;
+}
+
+div.descimg {
+	float: left;
+	margin: -20px 10px 0 0; 
+	border: none;
+	z-index: 10;
+	position: relative;
+}
+
+div.desccard h3 {
+	margin: 01em 01em 01em 01em; 
+	padding: 0.2em 0 1px 150px;
+	border: 1px solid #339; 
+	border-left: 5px double #339; 
+	background: #EEC;
+	color: #339;
+}
+
+div.desccard p {
+	margin: 1em 1em 1em 1em;
+}
+
+.imthumbs {
+	float: right;
+	clear: both;
+}
+
+/* Pour les fleches de navigation en haut et en bas des thumbs  */
+.thumbnavrow {
+	margin: 0em;
+	float: none;
+	clear: both;
+	font-size: 1.0em;
+	padding: 0em;
+}
+
+.nav{
+	margin: 0em;
+	text-align: center;
+	background-color: #CCC;
+	padding: 0em;
+}
+
+.nav li{
+	display: inline;
+}
+
+.navleft{
+	margin: 0em;
+	float: left;
+	padding: 0em;
+}
+
+.navright{
+	margin: 0em;
+	float: right;
+	padding: 0em;
+}
+
+.navcenter{
+	margin: 0em;
+}
+
+
+/* Pour les fichiers media */
+div.xlink {
+	margin: 0px;
+	margin-top: 2em;
+	float: none;
+	clear: both;
+	text-align: left;
+	width: 100%; 
+	border-style: none;
+	border-top: 1px solid; 
+	border-bottom: 1px solid; 
+	border-color: black; 
+	background-color: #DDD;  
+	padding-top: 1em;
+	padding-bottom: 1em;
+}
+
+.xlink {
+	font-size: 0.9em;	
+}
+
+.xlink h2 {
+	font-size: 1.1em;
+}
+
+li.xlink {
+	display: list-item;
+	list-style-type: square;
+}
+
+ul.xlink {
+	margin: 1em;
+	margin-left: 7em;
+}