@media screen, projection {
	body {
		font-size: 8.5pt;
		font-family : Arial, sans-serif;
		background: #313131 url("/images/_protected/bg_body.gif");
		color: #000000;
		margin: 0;
		padding: 0;
	}
}

h1 { color: #458dd3;font-size: 150%; margin: 0; padding: 0; font-weight: bold; text-align: left; }
h2 { font-size: 135%; margin: 0; padding: 0; font-weight: bold; }
h3 { font-size: 125%; margin: 0; padding: 0; font-weight: bold; }
h4 { font-size: 110%; margin: 0; padding: 0; font-weight: bold; }

p, label  { padding: 0; margin: 0px 0px 8px 0px; }
ul, ul ul, ul ul ul, ol, ol ol, ol ol ol { list-style: square; margin-top: 5px; margin-bottom: 8px; }
li { margin-bottom: 5px; }
input, select, option, textarea { padding:0; margin:0;color:#000000; font-family: Arial, Sans-Serif; font-size: small; }

hr { padding: 0; margin: 0px 0px 3px 0px; color: #458dd3; }
img { border: none; }

td { vertical-align:top; }

a, a:visited  {
	text-decoration: none;
	color: #005bbe; 
}

a:hover {
	text-decoration: underline;
	color: #005bbe; 
}

a:active {
	text-decoration: none;
	color: #ff0000;
}

#divMessage p { margin:0px 0px 10px 0px; }

@media screen, projection {

	.LogOut {
		position: absolute;
		top: 10px;
		right: 10px;
		border: solid 1px #000000;
		z-index: 1000;
	}

	.LogOut p {
		padding: 1px 4px 2px 4px;
		margin: 0;
		background-color: #ff0000;
		font-size: 7.5pt;
	}

	.LogOut a, .LogOut a:hover, .LogOut a:active, .LogOut a:visited, .LogOut a:focus {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		margin: 0;
	}

	.NextPage {
		display: block;
		float: right;
		width: 48%;
		height: 26px;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
		text-align: right;
		border: none;
		text-decoration: none;
	}

	.NextPage img {
		margin-left: 5px;
		vertical-align: baseline;
	}

	.TopOfPage {
		display: block;
		float: left;
		width: 48%;
		height: 26px;
		padding: 0px 0px 10px 0px;
		vertical-align: top;
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: none;
		text-decoration: none;
	}

	.TopOfPage img {
		margin-right: 5px;
		vertical-align: baseline;
	}

	.FilRouge {
		display: none;
	}
}

@media handheld {

	.LogOut {
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 1px 2px 2px 2px;
		margin: 0;
		color: #000000;
		background-color: #eeeeee;
		font-weight: bold;
		font-size: 7pt;
		line-height: 1pt;
		vertical-align: middle;
	}

	.LogOut a {
		text-decoration: none;
	}

	.NextPage {
		display: block;
		float: right;
		width: 48%;
		height: 26px;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
		text-align: right;
		border: none;
		text-decoration: none;
	}

	.NextPage img {
		margin-left: 5px;
		vertical-align: baseline;
	}

	.TopOfPage {
		display: block;
		float: left;
		width: 48%;
		height: 26px;
		padding: 0px 0px 10px 0px;
		vertical-align: top;
		text-align: left;
		margin: 0px 0px 0px 0px;
		border: none;
		text-decoration: none;
	}

	.TopOfPage img {
		margin-right: 5px;
		vertical-align: baseline;
	}
}

@media print {

	.LogOut {
		display: none;
	}

	.NextPage {
		display: none;
	}

	.TopOfPage {
		display: none;
	}
}

@media print, handheld {

	.FilRouge {
		font-size: 7pt;
		padding: 10px 0px 5px 0px;
		margin: 0;
		text-decoration: none;
	}
}

.exergue {
	color: #458dd3;
	text-align: left;
}

.exergue_small {
	border: solid 1px #333333;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 15px 0px;
	background-color: #eeeeee;
}

.exergue_small  p { font-size: 90%; }
.exergue_small  p { font-size: 90%; list-style: square; margin-top: 5px; margin-bottom: 10px; }
.exergue_small li { font-size: 90%; margin-bottom: 5px; }

.expandable {
	font-size: 125%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-decoration: none;
}


#links ul {
	list-style: none;
	margin: 5px 0px 5px 10px;
	padding: 0;
}

#links a {
	text-decoration: none;
	color: #000;
	background-color: inherit;
	font-weight: bold;
}

#links a {
	padding-left: 20px;
	color : inherit;
	background: Transparent url("/images/_protected/chkd.gif") no-repeat left center;
}

#links a:visited {
	padding-left: 20px;
	color : inherit;
	background: Transparent url("/images/_protected/chkh.gif") no-repeat left center;
}

@media print, handheld {
	body {
		font-size: 8.5pt;
		font-family : Arial, sans-serif;
		background: #ffffff none;
		color: #000000;
		margin: 0;
		padding: 0;
	}

	a, a:visited, a:active, a:hover { color: #000000; }

	.noprint { display: none; }
}

@media screen, projection, handheld {

	/* DataGrid - Part 1 */

	.special_textarea { background-image: url("../../images/_protected/shadeform.gif");border: #b1b5be 1px solid; }
	.special_input { background-image: url("../../images/_protected/shadeform.gif");border: #b1b5be 1px solid; }
	.special_select { background-image: url("../../images/_protected/shadeform.gif");border: #b1b5be 1px solid; }

	.input_text {text-align:left; background-color:#C0FFC0; border: solid 1px #e0e0e0 }
	.input_num  {text-align:right; background-color:#C0FFC0; border: solid 1px #e0e0e0 }

	.input_text_inh {text-align:left; background-color:#E0E0E0; border: solid 1px #e0e0e0 }
	.input_num_inh  {text-align:right; background-color:#E0E0E0; border: solid 1px #e0e0e0 }

	.input_text_err {text-align:left; background-color:#FFC0C0; border: solid 1px #e0e0e0 }
	.input_num_err  {text-align:right; background-color:#FFC0C0; border: solid 1px #e0e0e0 }

	.montant			{text-align:right; background-color:#ffffff; border: solid 1px #e0e0e0; color: #000000; }
	.solde_inconnu		{text-align:right; background-color:#FFCC99; border: solid 1px #e0e0e0; color: #ff0000; font-weight: bold; }
	.solde_debiteur		{text-align:right; background-color:#FFC0C0; border: solid 1px #e0e0e0; color: #ff0000; font-weight: bold; }
	.solde_solde		{text-align:right; background-color:#ffffff; border: solid 1px #e0e0e0; color: #000000; font-weight: bold; }
	.solde_crediteur	{text-align:right; background-color:#C0FFC0; border: solid 1px #e0e0e0; color: #00ff00; font-weight: bold; }

	#btnDelete { font-weight: bold; color: Red; }

	.t_header {background-color:Maroon; color:White; font-size:9pt; font-weight:bold; font-family: Arial, Sans-Serif; text-align:left; }
	.t_row1 {background-color:White; font-family:  Arial, Sans-Serif; }
	.t_row2 {background-color:#E0E0E0; font-family: Arial, Sans-Serif; }

	.ref {font-size:xx-small; }

	/* DataGrid - Part 2 */

	#grid {
		color: #000000;
		background-color:Transparent;
	}

	#grid li {
		list-style-type: none;
		padding: 1px 0;
		margin: 0 0 0 -20px;
	}
	#grid .columnlinks a {
		text-decoration: none;
		border-bottom: 1px solid #E4E4E4;
		color: #637194;
		padding: 1px 0;
		display: block;
	}
	#grid .columnlinks a:hover, #grid .columnlinks a:active, #grid .columnlinks a:focus {
		background-color: #C896C7;
		color: #cc0000;
	}
	#grid a:visited {
		color: #cc0000;
	}

	#grid table {
		border: none;
	}
	#grid .pager {
		text-decoration: none;
		color: #cc0000;
		padding: 1px 0;
		display: inline;
		font-weight:bold;
	}
	#grid .th_liste {
		color: #000000;
		background-color: #ffcc66;
		font-weight:bold;
		text-align:left;
	}
	#grid th {
		background-color: #C8C7B5;
		border-bottom: solid 1px #f1e4c2;
		text-align: left;
	}
	#grid .tr_selected {
		background-color: #ffff99;
	}
	#grid .tr_liste1 {
		background-color: #C8C7B5;
	}
	#grid .tr_liste2 {
		background-color: #f1e4c2;
	}
	#grid .td_liste1 {
		border-bottom: solid 1px #f1e4c2;
	}
	#grid .td_liste2 {
		border-bottom: solid 1px #C8C7B5;
	}
	#grid .orderText {
		margin: 0; padding: 0; line-height:10pt;color:#666666; font-size:7pt; font-family: Arial, Sans-Serif;
	}
}
@media print {
	#grid table {
		border: solid 1px #aaaaaa;
	}
	#grid .pager {
		display: none;
	}

	#grid .columnlinks a {
		border: none;
	}

	#grid th {
		border: none;
	}

	#grid .td_liste1 {
		border: none;
	}

	#grid .td_liste2 {
		border: none;
	}
}