/* Style des tableaux */
/*
#TableauDetail
{
	margin : auto;
}
*/
#TableauDetail , #TableauDetail thead th, #TableauDetail thead td, #TableauDetail tfoot td {
	border-collapse: collapse; border: 1px solid #cccccc;
	margin-bottom: 15px;
	color : #444444;
	font-size : 12px;
	width : 520px;
}
.lectureseule{
	width:400px !important;
}
#TableauDetail tfoot td {
	color : #cccccc;
	border-left: none; border-right: none;
}
#TableauDetail tfoot td a{
	color : #444444;
	text-decoration : none;
}
#TableauDetail thead {

	/*font-family: arial,helvetica,sans-serif;
	font-size: 10pt;*/
}
#TableauDetail thead, #TableauDetail tbody th {
	background-color: #E6E6E6;
	border: 1px solid black;
}
#TableauDetail caption, #TableauDetail th, #TableauDetail td, #tableCaption caption {
	line-height: 14px; padding: 3px;
	/*font-family: arial,helvetica,sans-serif;
	font-size: 10pt; */
	font-weight: normal;
}
#TableauDetail th {
	background-color:#f6f6f6;
	color:#888888;
	font-size:11px;
	font-weight:bold;
}

#TableauDetail tbody td a
{
	color : #fea000;
}

#TableauDetail caption, #TableauDetail th, #tableCaption caption {
	text-align: left;
}
#TableauDetail caption, #tableCaption caption {
	color: #ffffff;
	font-size:11px; 
	background-color: #fea000;
	font-weight: bold;
	border-bottom-width: 0px;
	text-align: left;
	background-image: url(../images/tableaux/fond.jpg);
	background-repeat:repeat-x;
	margin:0px;	padding:0px;
	margin-left:-1px;

}

#TableauDetail caption ul, #tableCaption caption ul{
	padding:0px;
	margin:0px;
	left:0px;
}

#TableauDetail .lbl_inactif
{
	color : #cccccc;
}

#TableauDetail .input_inactif
{
	color : #cccccc;
	border : 1px solid #f6f6f6;
	background-color : #ffffff;
}

#TableauDetail caption ul li, #tableCaption caption ul li{
	/*background-image: url(../images/tableaux/cadre-coin-hg.gif);
	background-repeat:no-repeat;
	background-position:left top;*/
	padding:5px;margin:0px;
	list-style-type:none;
	
}
#TableauDetail  tbody td {
	vertical-align: top;
	padding-top : 7px;
	padding-bottom : 7px;
	padding-left : 4px;
	padding-right : 4px;
}
#TableauDetail tbody tr:hover{
	background:#ffffdd;
}
#TableauDetail tbody input, #TableauDetail tbody textarea, #TableauDetail tbody select {
	width: 315px; 
	border: 1px solid #cccccc;
	color : #888888;
	font-size : 12px;
}
#TableauDetail tbody select {
	width: 315px; 
	border: 1px solid #cccccc;
}
#TableauDetail tbody .pourcentage {
	width: 50px; text-align: right;
}
#TableauDetail tbody textarea {
	height: 150px;
}
#struct-content table tbody p {
	width: 315px;
	margin-bottom: 5px;
}
#TableauDetail tbody .checkbox, #TableauDetail tbody .radio {	
	width: auto;
	border:0px;
}
#TableauDetail tbody .date, #TableauDetail tbody #date {
	width: 70px;
}
#TableauDetail tfoot td {
	text-align: right;
}
#TableauDetail a{
	border-bottom:0px;
}
#TableauDetail tfoot input, #TableauDetail tbody .btn , .btn{
	max-width : 150px;
	background-color: #fea000;
	border: 1px solid #fea000;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	background-image: url(../images/tableaux/fond.jpg);
	background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
	/*padding-bottom:3px;
	padding-top:3px;*/
	margin:0px;
	text-align:center;
	cursor: hand;
	text-decoration : none;
	voice-family: "\"}\"";
	cursor: pointer;
}

#TableauDetail tfoot input { /* Ne pas supprimer */ }

/* Apparence des champs de login/password */
#login, #password, #auth-login, #auth-password {
	width: 115px;
}
#postalcode {
	width: 40px;
}
#year {
	width: 40px;
}
.requir{
	color:#FF0000;
}
.num4 {
	width: 40px;
}
.ruled {
	background-color: #FDF5F0 ! important;
}
.suboption {
	margin-left: 20px;
}
.budget {
	width: 75px; text-align: right;
}
.montant {
	width: 35px; text-align: right;
}
.ligne{
	border-left:1px solid #000000;
	/*border-right:1px solid #000000;*/
}
.total {
	background-color: #FFAAAA;
	text-align: right;
}
.creuse {
	background-color: #99CCFF;
}
.mandatory {
	color: #f00;
}
.error{
	color:red;
	font-weight:bold;
	font-size:11px;
}
.pointer, tr.pointer td {
	cursor: hand;
	voice-family: "\"}\"";
	cursor: pointer;	
} 
.pointer { /* Ne pas supprimer */ }

.childOptions {
	margin-left: 20px;
}

.btnplus{
	background-image: url(../images/tableaux/plus.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:100%;
}
/* Apparence des boutons de modification/suppression, etc... */
.btnEdit, .btnView, .btnDelete, .btnValidate, .btnUp, .btnDown, .btnDuplicate, .btnWarning, .btnError,.btnPdf, .btnExcel,   .btncheckboxvalid, .btncheckboxerror,.btnradiovalid, .btnradioerror, .btndisquette  {
	width: 16px; height: 16px;
	background-repeat: no-repeat;
	display: block; float: left;
	margin-left: 3px; margin-right: 3px;

}
.btnChecked {
	width: 20px; height: 16px;
	background-repeat: no-repeat;

	display: block; float: left;
	margin-left: 3px; margin-right: 3px;
}
.btnEdit {
	background-image: url(../images/tableaux/edit.gif);
}
.btnView {
	background-image: url(../images/tableaux/view.gif);
}
.btnValidate {
	background-image: url(../images/tableaux/validate.gif);
}
.btnDelete {
	background-image: url(../images/tableaux/delete.gif);
}
.btnUp {
	background-image: url(../images/tableaux/up.gif);
}
.btnDown {
	background-image: url(../images/tableaux/down.gif);
}
.btnDuplicate {
	background-image: url(../images/tableaux/duplicate.gif);
}
.btnChecked{
	background-image: url(../images/tableaux/checked.gif);
}
.btnWarning{
	background-image: url(../images/tableaux/attention.gif);
}
.btnPdf{
	background-image: url(../images/tableaux/pdf.gif);
}
.btnExcel{
	background-image: url(../images/tableaux/excel.gif);
}
.btnError{
	background-image: url(../images/tableaux/deactivate.gif);
}
.btncheckboxvalid {
	background-image: url(../images/tableaux/case2.gif);
	background-position:center;
}
.btncheckboxerror{
	background-image: url(../images/tableaux/case.gif);
	background-position:center;
}
.btnradiovalid {
	background-image: url(../images/tableaux/radio2.gif);
}
.btndisquette {
	background-image: url(../images/tableaux/disquette.png);
}
.btnradioerror{
	background-image: url(../images/tableaux/radio.gif);
}

/* Apparence des colonnes */
.col2Actions {
	width: 70px;
}
.col3actions {
	width: 100px;
}
.col4actions {
	width: 130px;
}

/* Boutons de tris */
.sort-asc, .sort-desc {
	display: block; float: right;
	width: 12px; height: 12px;
	background-repeat: no-repeat;
	font-size: 2px;
}
.sort-asc {
	background-image: url(../images/tableaux/sort_asc.gif);
}
.sort-desc {
	background-image: url(../images/tableaux/sort_desc.gif);
}
