/* Global
-------------------------------------------------------- */
@font-face {
  font-family: 'MyriadProBoldCondensed';
  src: url('./myriadpro-boldcond.otf');
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;
	color: #000;
	background: #fff url(../img/background.png) no-repeat center top;
}
img, a img, :link img, :visited img { 
	border: none;
}
a {
	color: #000;
	text-decoration: underline;
	outline: none;
}
p {
	margin-bottom: 5px;
}
:focus {
	-moz-outline-style: none;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.clear {
	clear: both;
	height: 1px;
}
.small, .small a {
	font-size: 7pt;
	color: #999;
}


/* Forms
-------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
fieldset {
	background: #fafafa;
	border: 1px solid #eee;
	padding: 10px;
	margin: 0 0 10px 0;
}
legend {
	background: #fff;
	border: 1px solid #eee;
	padding: 3px 10px;
	font-weight: bold;
	color: #000;
}
input, textarea, select {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #ccc #ccc #999;
}
input, option, button, textarea {
	font: 9pt Tahoma, Verdana, Arial, Helvetica;
}
label {
	font-size: 8pt;
	color: #444;
}
select {
	font: 10pt Tahoma, Verdana, Arial, Helvetica;
}
input[type=text], input[type=password], input[type=file], textarea {
	padding: 2px;
}
input[type=checkbox], input[type=radio], input[type=image] {
	border: none;
}
textarea {
	padding: 2px 0;
}
input[type=submit], input[type=reset], input[type=button], button {
	padding: 4px 9px;
	border-width: 1px;
	border-color: #4f4f4f;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #7f7f7f; 
	background-image: -moz-linear-gradient(top, #7f7f7f 1%, #626262 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #7f7f7f), color-stop(100%, #626262));
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
	background: #666;
	background-image: -moz-linear-gradient(top, #666 1%, #4f4f4f 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #666), color-stop(100%, #4f4f4f));
}
input[type=submit].cancel {
	background: #fbfbfb;
	background-image: -moz-linear-gradient(top, #fbfbfb 1%, #efefef 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fbfbfb), color-stop(100%, #efefef));
	border-color: #ccc;
	color: #666;
}
input.delete {
	background: #c00;
	background-image: -moz-linear-gradient(top, #c00 1%, #970000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #c00), color-stop(100%, #970000));
	border-color: #970000;
}
input.delete:hover {
	background: #b90000;
	background-image: -moz-linear-gradient(top, #b90000 1%, #840202 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #b90000), color-stop(100%, #840202));
}
input.valid {
	background: #84d000;
	background-image: -moz-linear-gradient(top, #84d000 1%, #66a100 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #84d000), color-stop(100%, #66a100));
	border-color: #66a100;
}
input.valid:hover {
	background: #66a100;
	background-image: -moz-linear-gradient(top, #66a100 1%, #456d00 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #66a100), color-stop(100%, #456d00));
}



/* Layout principal
-------------------------------------------------------- */
#page {
	width: 990px;
	margin: 20px auto 1px auto;
}
#top {
	padding: 15px 0;
	margin: 0px 0 5px 0;
	height: 20px;
}
#logo {
	float: left;
	margin: -5px 0 0 0;
}
#logo img, #logo h1 {
	float: left;
	margin-right: 10px;	
}
#logo h1 {
	color: #403d58;
	line-height: 30px;
	font-family: 'MyriadProBoldCondensed', Arial narrow,Arial;
	font-weight: normal;
	font-size: 22pt;
}
#logged {
	float: right;
	color: #666;
	font-size: 9pt;
	margin: 4px 12px;
	text-shadow: 1px 1px 1px #ccc; 
}
#logged a {
	color: #666;
	text-decoration: underline;
}
#logged a:hover {
	color: #363449;
}
#header { 
	width: auto;
	height: 56px;
	padding: 10px 20px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-top-left-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius-top-left: 4px;
	border-radius-top-right: 4px;
	background: #fff;
}
#menu {  
	background: #39364d;
	color: #fff;
}
#menu li {
	display: block;
	float: left;
	position: relative;
}
#menu li a {
	float: left;
	padding: 10px 20px 6px 20px;
	font-size: 16pt;
	color: #fff;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 6px 10px;
	text-shadow: 2px 2px 4px #000; 
	border-right: 1px solid #615e7d;
	font-family: 'MyriadProBoldCondensed', Arial narrow,Arial;
}
#menu a.active, #menu a:hover { 
	background: #5a5675;
	color: #fafafa;
}
#menu h3 {
	display: none;
}
#content {
	-moz-border-radius-bottomright: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 14px 0 0 0;
	background: #fff;
	position: relative;
}
h1 {
	margin: 0 0 12px 0;
	color: #444;
	font-size: 20pt;
	font-weight: normal;
	text-shadow: 2px 2px 1px #ccc; 
}
h2 {
	margin: 6px 0;
	color: #808080;
}
h3 {
	margin: 0 0 10px 0;
	color: #000;
}
#site-content {
	border: 1px solid #ccc;
	background: #fff;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-khtml-border-bottom-left-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius-bottom-left: 4px;
	border-radius-bottom-right: 4px;
	min-height: 500px;
}
#about {
	text-align: center;
	color: #666;
	font-size: 8pt;
	margin-bottom: 6px;
	padding: 6px 0 10px 0;
}
#about a {
	color: #666;
	text-decoration: underline;
}
div.filter {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #fafafa; 
	background-image: -moz-linear-gradient(top, #eee 1%, #fafafa 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(100%, #fafafa));
	padding: 8px;
	margin: 0 0 12px 0;
	border: 1px solid #eee;
}
div.filter table {
	width: 100%;
}
div.filter label {
	font-size: 8pt;
	color: #444;
}
div.filter td {
	padding: 2px 18px;
}
#home {
	text-align: center;
	margin: 80px auto;
	background: url(../img/home.png) no-repeat center center;
	min-height: 500px;
}
#home h3 {
	color: #363348;
	font-family: 'MyriadProBoldCondensed', Arial narrow,Arial;
	font-weight: normal;
	font-size: 36pt;
}
#article-ajout {
	padding: 2px 5px;
}


/* Tableaux
-------------------------------------------------------- */
table.list {
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	font-size: 8pt;
}
table.list th {
	background: #fafafa;
}
table.list td, table.list th { 
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 7px 10px 4px 10px;
	text-align: center;
	width: auto;
}
table td.maximal {
	width: 100%;
}
table td.left {
	text-align: left;
}
table a:hover {
	text-decoration: underline;
}
table.white th {
	background: #fff;
}
table.white input, table.white textarea, table.white select {
	
}
tr.payee {
	background: #e8ffe5;
	color: #4ea443;
}
tr.payee a {
	color: #4ea443;
}


/* Messages
-------------------------------------------------------- */
div.error {
	padding: 0.5em 0.5em 0.5em 30px;
	background: #FFE1E1 url(../img/error.png) no-repeat 5px 9px;
	color: #c00;
}
div.warning {
	padding: 0.5em 0.5em 0.5em 30px;
	background: #fffce8 url(../img/error.png) no-repeat 6px 6px;
	color: #444;
}
div.confirm {
	padding: 0.3em 0.5em 0.5em 30px;
	background: #E0F6CC url(../img/tick.png) no-repeat 6px 5px;
	color: #42921E;
}
div.error, div.confirm, div.warning {
	margin: -5px 0 10px 0;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 9pt;
    /*behavior: url(../js/PIE.htc);*/
}
div.error ul, div.confirm ul, div.warning ul {
	margin: 5px 0 0 15px;
}
div.error ul li a:hover, div.confirm ul li a:hover, div.warning ul li a:hover {
	text-decoration: underline;
}



/* login.php
-------------------------------------------------------- */
#login_page {
	width: 500px;
	margin: 0 auto;
	font-size: 10pt;
}
#form-login {
	width: 500px;
	margin: 125px auto;
	text-align: center;
}
#form-login fieldset {
	background: #fafafa url(../img/key.png) no-repeat 10px 20px;
}
#form-login table {
	margin: 15px 0 10px 140px;
}
#form-login td {
	padding: 0 6px 8px 0;
}
#form-login input[type=submit] {
	padding: 3px 25px;
	font-size: 10pt;
	margin-left: 115px;
	margin-bottom: 10px;
}
#form-login h3 {
	color: #999;
	font-weight: normal;
	font-size: 14pt;
	margin: 12px 0;
}