/* 
  $Header: /cvsroot/tikiwiki/tiki/styles/jalist.css,v 1.56 2007-03-22 17:54:55 sylvieg Exp $
  $RCSfile: jalist.css,v $
  This theme is based on the default2 style for Tiki 1.2
  If you want  a short-version CSS template, start by copying default2
  If you want to FULLY customize every aspect of Tiki, copy the subsilver CSS file
  Normally default2 is the file you want to adapt to produce a new theme
*/
body, html {
	height: 100%;
}

body {
	background: 		#aaa url(jsp/diamond_plate.jpg);
	margin-top:   		0px;
	margin-left:  	 	0px;
	margin-bottom:   	0px;
	margin-right:   	0px;
	font-family: 		"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 			13px;
}

/* GENERAL LAYOUT EXPLANATION
 *
 * The tiki application is enclosed as a whole in tiki-main tiki-main contains three divs: tiki-top,
 * tiki-mid and tiki-botthat will be used for the header, application and footer.
 *
 * tiki-mid contains a 3-column table, the columns are called (ids) leftcolumn, centercolumn and rightcolumn
 * Finally centercolumn contains tiki-center where the main area of the application is displayed.
 *
 */

/********************************************* GENERAL LAYOUT *********************************************************/
div#tiki-main{
	width: 940px;
	margin: 20px auto;
	padding: 10px;
	background: white;
	border:0px solid black;
	position: relative;
	min-height: 100%;
	-moz-border-radius: 10px;
}

div#contenu { 
	width: 630px; 
	background: white;
}

div#tiki-center{
	position:relative; 
	padding-top:70px;
}

a {
	text-decoration: none;
}
a:link:hover, a:visited:hover{
	text-decoration: underline;
}
a:link { color: blue }
a:visited{ color: navy }

div,fieldset{clear: none !important; }

/*********** TETE *****************/

div#header{
	position: relative;
	/*background: url(jsp/head.png) top left no-repeat;*/
	height: 130px;
	width: 940px;
}

h1#titre { 
	background: url(jsp/titre.png) top left no-repeat; 
	width:309px; 
	height: 56px;
	position: absolute;
	left: 140px;
	top: 18px;
	font-size: 0;
	letter-spacing: -2px;
}
h1#titre a{
	width: 100%;
	height: 100%;
	display: block;
}

#photo {
	position: absolute;
	top: 35px;
	right: 10px;
	width: 350px;
	height: 176px;
	padding-left:5px;
	background: white;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 130px;
	z-index:10;
	background: url(jsp/logo.png);
	_background: url(jsp/jlogo__ie.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='styles/jsp/logo.png',sizingMethod='image');
}

/*********** MENU ************/

#navbar {
	width:					800px;
	height:					34px;
	background:				url(jsp/brique.png) top left repeat-x;
	position:				absolute;
	top:					88px;
	left:					65px;
	z-index:				0;
}

#navbar ul {
	list-style-type:		none;
	height:					30px;
	/*width:					100%;*/
	margin:					0 0 0 50px;
	_margin-left:			25px;
	padding:				0;
	float:					left;
	border:					0;
}

#navbar ul li {
	display: 				inline;
	margin: 				0;
	padding: 				0;
}

#navbar li a {
	line-height:			30px;
	height: 				100%;
	vertical-align:			baseline;
	float: 					left;
	padding: 				0 1em;
	margin: 				0;
	font-weight: 			normal;
	font-size: 				12px;
	text-decoration: 		none;
	border:					0;
}

#navbar a, #navbar a:link, #navbar a:visited {
	color: white;
	border-right: solid 1px rgb(249,170,0);
}

#navbar a:hover, #navbar li.selected a {
	color: white;
	background: #f60;
	border-left: 0;
}

#impressum{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #999;
	font-size: 0.9em;
	line-height:15px;
}
#impressum ul{
	list-style-type: none;
	margin: 0 -1px 0 0;
	padding: 0;
	float:left;
	line-height: 15px;
	border: 0;
}
#impressum ul li{
	display: block;
	float:left;
	height: 15px;
	margin:0;
	padding: 0 1em;
	border-right: 1px solid #999;
}
#impressum ul li a{
	color: #999;
}
#impressum form{
	float:left;
}
#impressum form input#fuser{
	height: 15px;
	font-size: 0.9em;
	border: 1px solid #999;
	background: #eee;
	padding:0 0 0 .5em;
	margin:0;
	width: 80px;
	color: inherit;
}

#impressum form input#fuser:focus,
#impressum form input#fuser:hover{border-color: #f60;}

#impressum form span {
/* 	display: block;
	line-height:15px;
	height:  15px;
	border: 1px solid #999;
	background: #eee; */
}

#impressum #submit {
	display: none;
	height: 15px;
	width:15px;
	border: 0;
	padding:0;
	margin:0;
	text-indent: -100px;
	background: url(../../silk_icons/icons/magnifier.png) top left no-repeat;
}
/************ COLONNES ********/

#boite{
	font-size: 11px;
	margin-top: 80px;
	border: 1px solid #aaa;
	border-width: 1px 1px 0 1px;
	-moz-border-radius:0px 0px 0 0;
	width: 290px;
	_width: 290px;
	float: right;
	padding: 5px;
}

#col-gauche{
	background: white;
	width: 140px;
	float:left;
	overflow: hidden;
}
#col-droite{
	background: white;
	width: 140px;
	float:right;
	overflow: hidden;
}

.box ol, .box ul{
	padding:0; 
	margin:0
}

#boite .box ul li {
	list-style-type: none;

}
#boite .box li {
	border-bottom: 1px solid #ddd;
	list-style-position: inside;
	padding: 1px 0;
	margin:0;
}
#boite .box li, .box li a{
	color: #666;
}
#boite .box li li {
	margin-left:1em;
}

#boite h3{
	color: #f60;
	border-bottom: 1px dotted #f60;
	font-size: 1.2em;
}

table.caltable{width:140px;}
table.caltable table{border-spacing:5px 0;}
table.caltable td{padding:0;}
table.caltable table td.date{background: none; font-weight:bold}
table.caltable table a{display:block}
table.caltable table a.event{background: #f60; color:white}
table.caltable table a.today{background: white; font-weight: bold; color:black; }

div.box-random_images a{
	display:block;
	background: #f9f9f9;
	border: 1px solid #aaa;
	padding: 5px;
	-moz-border-radius: 5px;
}
.box-random_images a:hover{
	border:1px solid #f60
}
/****************** CONTENU **********************/
.icons{
	width: auto;
	white-space:nowrap;
}
img.icon {
	margin-top:0px;
}
.wikiactions, .blogactions{position: absolute; right: 47px; top: 45px}

#contenu p{
	text-align: justify;
}

#contenu h1 {
	color: 			#f60;
	font-size:		21px;
	line-height:	27px;
	border-bottom: 	1px dotted #f60;
	margin:			0;
	padding-top: 	0px;
	position:		absolute;
	top:			43px;
	left:			0;
	width:			585px;
	white-space:	nowrap;
}
#contenu h1 a{
	color: #f60;
	margin-top: 0px;
}
span.breadcrumbs{
	position:absolute;
	top:1em;
	left:0;
}

#contenu h2, #contenu h3{
	color: #f60;
	font-size: 1.3em;
}

textarea {
	width: 100%;
}

fieldset{
	-moz-border-radius: 5px;
}

/* #contenu * {
	clear: none !important;
} */

#page-bar, .navbar, #configlinks, .tabs  {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0.9em;
	text-transform: lowercase;
	float:none !important;
}
#page-bar, hr, .tabs {
	border:0;
	border-top:1px dotted #f60 !important;
}
div.tabs{
	margin-top:1em !important;
	clear: none !important;
}
.navbar,.navbar#page-bar{
	border: 0 !important;
}
#configlinks img{vertical-align:bottom; margin:0}

#page-bar td, .navbar td {
	padding: 0;
}

#contenu a.linkbut, .tabs a{
	float: none;
	padding: 0 1em;
	text-decoration: none;
	color: #999;
	border-left: 1px dotted #f60;
}

#contenu a.linkbut:hover, .tabs a:hover{
	background: #f60;
	color: white;
	text-decoration: none;
}

#contenu li {
	list-style-image: url(http://www.jsp-geneve.ch/images/puce.gif);
	_list-style-image: none;
}

table{
	border-spacing:1px;
	width:auto
}
td {
	padding-left: 1ex;
}
td.even{
	background: #ddd;
}
td.odd{
	background:#eee;
}
td.heading{
	background: #bbb;
	font-weight: bold;
}
caption{
	font-size:0.9em; 
	background: #f6f6f6; 
	font-style: italic;
}

div.dirsite {
	background-color:    #ffe6d7;
	margin-bottom:   10px;
}
span.dirsitedesc {
	clear:left;
}
td.dirfooter{
	background:#eee; 
	font-size:0.9em
}
span.dirsitetrail {
	font-size: 10px;
	display:block; 
	width:49%; 
	margin-left:50%;
}
.dirsite br{display:none}
span.dirsitecats {
	display:block; 
	width:49%; 
	float:left;
	font-size: 0.9em;
}

select,input{font-size:inherit}

a img{border:0}
.figure{
	padding:5px; 
	margin-left:10px; 
	background:#f9f9f9; 
	border: 1px solid #aaa; 
	font-size:0.8em;
	-moz-border-radius: 5px;
	z-index: 10;
	position: relative;
}
.figure a{ color:#666; }
.figure a:hover{text-decoration:none}
.figure a.thumb_details{float:right; margin: 3px 0 0 3px}
.figure a.thumb_details img{height: 1em}

.searchdate{font-size:80%}
.searchdesc{font-size:90%}

div.cbox {
}
div.cbox-title {
	background:    greenyellow;
	color:   white;
	font-weight:   bold;
	text-align:   left;
	padding:.5ex;
	display: inline;
	position: relative;
}
div.cbox-data{
	padding:1ex;
	background:    #e0ffaf;
	border:   1px solid #c1dc97;
	position: relative;
}
.rbox {
	z-index: 0;
}
.rbox-data {
	font-style: normal;
	-moz-border-radius:0 1ex 1ex 1ex;
	padding-left: 2.5em;
}
.rbox-data:first-child {
	-moz-border-radius:1ex;
}
.rbox-title {
	-moz-border-radius:1ex 1ex 0 0;
}
.note .rbox-data, .comment .rbox-data {
	background: url(/pics/icons/information.png) 1ex 50% no-repeat #ececef;
}
.galerie .rbox-data {
	background: url(/pics/icons/picture.png) 1ex 50% no-repeat #e0ffaf;
	border:   1px solid #c1dc97;
}
.file .rbox-data, .pdf .rbox-data {
	background: url(/pics/icons/mime/pdf.png) 1ex 50% no-repeat #ebcfcf;
	border:   1px solid #eb8585;
}

div.error{
	background:#f60 !important; 
	padding:1ex; 
	color:white; 
	font-weight:bold; 
}

address{
	margin-left:2em; 
	font-family: monospace;
	font-style: normal;
}

dfn,abbr,acronym {
	cursor: help;
	border-bottom: 1px dotted black;
}

table.galtable{
	border-spacing:10px;
	margin-top: 1em;
	width: 95%;
	border-collapse: separate;
}
.galtable td{
	background:#fff; 
	border:1px solid white; 
	padding:5px
}
.galtable a.linkmenu{
	display: block;
	width: 100%;
	padding: 5px;
	border:1px solid #999;
	-moz-border-radius: 5px;
	background: #f9f9f9;
}
.galtable a img.athumb{
}
.galtable a.linkmenu:hover{
	border:1px solid #f60
}

img#thepix{
	max-width: 100%;
	_width:100%;
}
	
.tabrow, .calnavigation, #caltable, #calscreen table.normal {
	clear: none !important;
}

/******************** PIED ************************/
p.editdate {
	font-size: 0.7em;
	text-align: center !important;
	clear: both;
}

div#tiki-bot, .clearfix#page-bar { clear: both !important; }