html,body {
	position:relative;
	background-color: #F9F9F0;
}

a {
	color: #F09000;
}

a:hover {
	color: #FFA000;
}


body {
	font-size: small;
	font-family: sans-serif;
}

table {
	font-size: small;
}

a {
	font-weight: bold;
	text-decoration: none;
	outline: 0;
}

#error_msg {
	background-color: #555544;
	color: #DFDFDD;
	width: 250px;
	z-index: 60;
	min-height: 60px;
}

#error_dismisser {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: transparent url('images/translucid30.png');
}

#error_msg .err_libelle {
	margin: 20px 20px;
}

#error_msg .err_buttons {
	margin: 20px 20px;
	text-align: center;
}

#error_msg .err_buttons input {
	padding: 5px 15px;
}

.legal {
	text-align: right;
}

.shadow {
	box-shadow: 0 8px 6px -6px black;
}

input.formulaire {
	min-width: 180px;
	width: 100%;
	*width: 180px;
}

.grey_border {
	border: 1px solid #555544;
	border-radius: 4px;
}

.calendar {
	padding: 10px;
	background-color: #F9F979;
}

.calendar_close_div {
	float: right;
	margin-left: -10px;
}

.calendar_close_link {
	background-color: #777766;
	border-radius: 12px;
	padding: 2px;
}

.calform_div {
	position: absolute;
	z-index: 50;
	display: block;
}

.maincontent {
	width: 100%;
}

.copyright {
	float: right;
	position: relative;
	top: -15px;
}

.heading {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 20px;
}

.important {
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
	color: #F0B000;
	margin: 2px 0 0 0;
}

h1 a {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
	margin: 2px 0 0 0;
}

.pagetitle {
	padding: 2px;
	padding-left: 6px;
}

.pointe {
	color: #000000;
}

.engage {
	color: #AA7777;
}

.prevu {
	color: #7777AA;
}

div.pointe.income {
	color: #00a65a;
}

.newitem {
	color: #FF0000;
}

.zero {
	width: 0; 
	height: 0;
	border: 0;
	padding: 0;
	margin: 0;
}

.invisible {
	display: none;
}

.normal {
	display: inline;
}

.acclist {
	background-color: #777766;
	display: inline;
	position: absolute;
	width: 300px;
	z-index: 3;
}

.tdnowrap {
	white-space: nowrap;
}

.noborder {
	border-width:0px;
}	


.error {
	border-color: #FF0000;
	box-shadow: 0px 0px 40px 0px red, 0 8px 6px -6px black;
}

.msg {
	background-color: #F9F979;
	padding: 10px 20px;
	margin: 20px auto;
	border-width: 2px;
	font-weight: bold;
	width: 70%;
	max-width: 400px;
	text-align: center;
}

.nolist {
	margin: 0 auto;
	max-width: 800px;
}

.jserror {
	margin-bottom: 30px; 
}

.opeauto-monthes {
        position: relative;
        z-index: 50;
        display: block;
}

.clickable {
	cursor: pointer;
}

#opeauto_list table.ops, #view_compte_list_div table.ops {
	background: transparent url('images/translucid.png');
	width: 100%;
}

#opform_div{
	padding: 0; margin: 0;
}

input.libelle {
	width: 100%;
}

div.total>div  {
	border-top: 1px solid #bdbdbb;
}

#logindiv {
	border-top: 1px solid #bdbdbb;
	border-bottom: 1px solid #bdbdbb;
	padding-top: 15px;
	padding-bottom: 25px;
}

.heading {
	color: #CFCFCC;
	background-color: #777766;
}

div.odd {
	background: transparent url('images/translucid.png');
}

#soldes_main {
	padding: 0 13px;
	float: left;
}

#view_compte_total {
	float: left;
}

#view_compte_opform {
	z-index: 2;
	background-color: #F9F9F0;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#opform_btns {
	float: right; 
	margin-top: 2px; 
	text-align: right;
}

form {
	margin: 0;
	padding: 0;
}

#lastmod {
	margin: 0 0 10px 0;
}

#view_compte_list {
	position: absolute;
	top: 200px;
}

.histobar {
	height: 210px;
}

.histotop {
	height: 105px;
	vertical-align: bottom;
}

.histobottom {
	height: 105px;
	vertical-align: top;
}

#menu-toplevel {display: none; }

.separator { display:inline-block; height: 1em; }
.separator:before { content: "- ";}

.nolist ul span.important {display: block;}

.comptes-table {display: table;}
.comptes-row {display: table-row; height: 2em;}
.comptes-data-group {display: table-cell;}
.comptes-data {display: table-cell;}
.comptes-action {display: table-cell;}
input.std {width: 30em;}

.italic {font-style: italic; }
#opform_div .comptes-table { width: 100%; }
#opform_div .comptes-data { padding: 2px; }
#opform_div .comptes-data.montant input { margin-left: 0.3em; }
#view_compte_list .comptes-data { padding: 2px; }
#opeauto_list .comptes-data { padding: 2px; }
.comptes-data.libelle { width: 100%;}
.comptes-data.account { width: 100pt; }
.comptes-data.date { width: 90pt;}
.comptes-data.type { width: 60pt;}
.comptes-data.categorie { width: 70pt; }
.comptes-data.montant { width: 60pt; text-align: right; white-space:nowrap; }
.comptes-data.etat { width: 60pt; text-align: center; }
.comptes-data.filler { min-width: 20px; max-width: 20px; text-align: center; vertical-align: middle;}
#opform_div .comptes-data .smart-lib {display: none;}
#view_compte_list .comptes-data-group.filler {vertical-align: middle;}
#view_compte_list .comptes-table { width: 100%; }
#opeauto_list .comptes-table {width: 100%; }
#opeauto_list .comptes-data {vertical-align: middle; }

#opform_div .comptes-data span.tcell {display: table-cell; margin: 0; font-style: italic; padding: 0 6px;}
#opform_div .comptes-data input.tcell {display: table-cell; }

#isMobile {line-height: 0;}

@media screen and (max-width: 600px) {
/* general */
	h1, h2, h1 a {font-size: small;}
	h2 {margin: 0.6em 0 0;}
	.copyright {display: none;}
	.separator:before {content: "";}
/* isMobile hint */
	#isMobile {line-height: 1px;}

/* menu */
	#menu-toplevel {display: block; border-bottom: 1px solid; margin-bottom: 0.6em; padding-bottom: 0.2em; }
	#menu-content {margin-top: 2px; }
	.smart-hidden {display: none; }
	.menu {text-align: center;}
	.menu .separator {display: block; background-color: transparent;}
	a.menu-item {
		display: inline-block;
		height: 2em;
		line-height: 2em;
		padding: 0 4px;
		margin: 0 auto;
		border: 1px solid;
		border-radius: 4px;
		width: 90%;
		text-align: center;
	}


/* mes comptes */
	.nolist ul {padding-left: 1em; list-style: none;}
	.nolist ul span.important {padding-bottom: 10px;}
	.nolist .comptes-row {display: block; height: auto; border-bottom: 1px solid #BDBDBB; margin-bottom: 10px;}
	.nolist .comptes-data {display: block; text-align: center;}
	.nolist .comptes-action {display: block; text-align: center;}
	.comptes-data .separator {display: inline-block; background-color: transparent;}
	.comptes-data ul {list-style: none; padding-left: 0;}
	.comptes-action {display: block; padding-bottom: 1em;}
	input.std {width: 100%;}

/* view compte -formulaire */
	#opform_div .comptes-row.heading {display: none;}
	#opform_div .comptes-row {display: block; height: auto;}
	#opform_div .comptes-data {display: table-row; max-width: 100%; width: 99%; text-align: left;}
	#opform_div .comptes-data .smart-lib {display: table-cell; margin: 0; font-style: italic; padding: 0 6px;}
	#opform_div .comptes-data input {display: table-cell; }

/* view compte - liste */
	#view_compte_list { position: relative; top: 0;}
	#view_compte_list .separator {display: block; background-color: transparent;}
	#view_compte_list .comptes-data {display: block; text-align: left;}
	#view_compte_list .comptes-data.libelle {font-weight: bold;}

/* operations auto - liste */
	#opeauto_list .separator {display: block; background-color: transparent;}
	#opeauto_list .comptes-data {display: block; text-align: left;}
	#opeauto_list .comptes-data.libelle {font-weight: bold;}
}