/* Name: "Slick Green" 
 * Author: Jan Berndt <jan_berndt@users.sf.net>
 * $Id: slickgreen.css,v 1.14 2005/04/19 20:40:03 saschalorenz Exp $
 */

a:link { color:#9C0000; text-decoration:none }
a:visited { color:#9C0000; text-decoration:none }
a:hover { color:#9C0000; text-decoration:underline overline; font-style:oblique }


.body{
	font-family: sans-serif; 
	font-size: medium; 
	color: #000000;  
	background-color: #EEEEEE;
	padding: 15px;
	border: 1px solid #000000
}

.title, .location, .naviarea, .mainarea,.footer {
	border: 1px solid #000000; 
	background-color: #CDCECD;
	padding: 5px;
	margin-bottom: 10px;
}

.title {
	height: 4em;
}

.location{
}

.naviarea{
	min-height: 400px;
	font-size: small;
	text-align: left;
}

.leftarea{
	font-size: small;
	text-align: left;
}

.mainarea{
	min-height: 400px;
	font-size: small; 
	text-align: center;
}

.footer{
	text-align: center;
	font-size: x-small;
        margin-top: 10px;
}

ul.navi {
	list-style: circle inside url('../../bouton/roues.gif');
	margin:0 0 0 10px;
	padding:0;
}
ul ul.navi {
	list-style: circle inside url('../../bouton/arrow.gif');
}
ul ul ul.navi {
	list-style: circle inside none;
}

li.navi {
	padding:0;
}

.thumbs_table {
}

.thumbs_row {
}

.thumbs_cell {
	vertical-align: top;
}

.annotation {
	color: #000000;
}

div.naviarea{
	width: 250px; 
}

div.leftarea{
	float: left;
	width: 250px; 
}

div.mainarea{
	margin-left: 270px;
}

table.mainarea{

}

td.leftarea{
	width: 1%;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.naviarea{
	width: 1%;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.mainarea{
	width: 99%; 
	vertical-align: top;
}

div.clear{
	clear:both;
}

.footer_left{
	text-align: left;
	width: 33%;
}

.footer_center{
	text-align:center;
	width: 33%;
}

.footer_right{
	text-align: right;
	width: 33%;
}



.picture{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 10px;
}

.picturedir {
	border: 1px solid #000000;
	background-color: yellow;
	padding: 10px;
}

.picturefooter{
	font-size: x-small;
}


.thumbnail{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	text-align: center;
	padding: 5px;
}

.thumbdir {
	border: 1px solid #000000;
	background-color: yellow;
	text-align: center;
	padding: 5px;
}

.thumbnailfooter{
	font-size: x-small;
	font-style: oblique;
}


.quickjump{
}

.quickjump_showall{
	width: 2%;
}

.quickjump_left_enabled{
	font-weight: bold;
}

.quickjump_left_disabled{
	color: #5D5D5D;  
	font-style: oblique;
}

.quickjump_right_enabled{
	font-weight: bold;
}

.quickjump_right_disabled{
	color: #5D5D5D;  
	font-style: oblique;
}

.quickjump_page{
}

.quickjump_activepage{
	font-weight: bold;
}

.album_description{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	text-align: center;
	padding: 5px;
}

.picture_description{
	text-align: center;
	padding: 2px;
}

.admin_panel{
	min-height: 400px;
	padding: 10px;

	border: 1px solid #000000; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #CDCECD;
	text-align: left;
}

.admin_item{
	text-align: left;
	height: 100%;
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
}

.admin_list
{
	float: left;
	width: 400px;
	text-align: left;
	border: 1px solid #000000;
	background-color: #8BAE39;
	padding: 5px;
	margin: 5px;
}

.login_panel{
	padding: 10px;

	border: 1px solid #000000; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #CDCECD;
	text-align: center;
}

.login_text{
}
.login_box{
}
.login_submit{
}

.pictureDescForm {
	border: 1px solid #000000;
	background-color: #EEEEEE;
	font-family: sans-serif; 
	font-size: 8pt;
	text-align: left;
	margin: 20px 5px 5px 5px ;
	padding: 10px;
}

.pictureDescForm input {
	font-size: 8pt;
}

#access {
color: #000;
font-size: small;
padding-bottom: 5px;
}
#bandeau a {
font-size: medium;
font-weight: bold;
text-decoration: none;
padding: 0.2em 0.6em;
margin: 0;
}
#bandeau a:hover {
background-color:#ff3300
}
#bandeau {
background: #FFFFFF;
padding-top: 0.2em;
padding-bottom: 0.2em;
float: left;
width: 100%;
}
#bandeau ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#bandeau li {
display: inline;
}
#bandeau img {
height: 0.9em;
margin: 0;
padding: 0;
}
#bandeau a {
float: left;
border-right: 1px solid black;
}
.club {
background: #00DDEF;
color: #3300CC;
}
.artistic {
background: #66CCCC;
color: #660099;
}
.course {
background: #FF9933;
color: #660099;
}
.ecole {
background: #33FF99;
color: #660099;
}
.loisir {
background: #9966FF;
color: #660099;
}
.rink {
background: #0099CC;
color: #660099;
}
.gala {
background: #FFCCCC;
color: #660099;
}
.gallery {
background: #CDCECD;
color: #000000;
}
a.li_acc {
color: #000;
}
a.li_clu {
color: #00ECFF;
}
a.li_art {
color: #66CCCC;
}
a.li_cou {
color: #FF9933;
}
a.li_eco {
color: #33FF99;
}
a.li_loi {
color: #9966FF;
}
a.li_rin {
color: #0099CC;
}
a.li_gal {
color: #FFCCCC;
}
a.li_new {
color: #C00;
}