/*******************************************
* Feuille de style pour l'internet de la-sofia
*******************************************/
	/****************************
* Commun a toutes les pages *
*****************************/
body {
	font-size: 12px;
	color: #706d72;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

table{
	font-size: 12px;	
}
	

.new_pagin{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #A3C02A;
	font-weight: bold;
}


.new_pagin a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706d72;
}

.new_pagin a:visited {
	color: #706d72;
	text-decoration: none;
}

.new_pagin a:hover {
	color: #A3C02A;
	text-decoration: none;
}

.new_pagin a:active {
	color: #706d72;
	text-decoration: none;
}

.new_pagin a:link {
	text-decoration: none;
}

/*
a {
	font-size: 12px;
	color: #000000;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #cf011e;
	text-decoration: none;
}

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

a:link {
	text-decoration: none;
}
*/
th.tri a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

th.tri a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

th.tri a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

th.tri a:active {
	color: #FFFFFF;
	text-decoration: none;
}

th.tri a:link {
	text-decoration: none;
}

/* div */
div.visible {
	visibility: visible
}

div.invisible {
	visibility: hidden
}

.utilisateur {
	font-size: 12px;
	font-weight: bold;
}

.infobulle{
	position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
	background-color: #ffffff;;
}

.connexion {
	font-size: 14px;
}

.corps {
	color: #706d72;
}

.liens_utile {
	font-size: 12px;
	font-weight: bold;
}

.full{
	width: 100%;	
}
.couleur {
	color: #cf011e;
}

.bg_gris {
	background-color: #F6F5F3;
	font-size: 12px;
}

.bg_gris2 {
	background-color: #B7DFFE;
}

.bg_rouge {
	background-color: #F7ABAE;
}

.bg_style2 {
	background-color: #D2D2D2;
}

.titre_1 {
	color: #cf011e;
	font-size: 12px;
	font-weight: bold;
}


.Titre {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #cf011e;
	font-weight: bold;
}

.intituler_formulaire {
	font-size: 12px;
}

.intituler_formulaire_10 {
	font-size: 10px;
}

.details {
	font-size: 9px;
	font-style: italic;
}

.style1 {
	font-family: Arial
}

.messerr {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	background-color: #FFFF00;
}

.messerrLight {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #68696D;
	text-align: center;
	background-color: #FCEA7E;
}
.messinfo {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-weight: bold;
	text-align: center;
}


.subPanel,
.stx table {
 	border-collapse: collapse;
 	border-right: solid #f2efde;
	border-bottom: solid #f2efde;
 	border-left: solid #d2cfbe;
	border-top: solid #d2cfbe;
 	background-color: #F6F5F3;
 	border-width: 1px;
 	vertical-align: top;
 	FONT-WEIGHT: bold; FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.subPanel  tr,
.stx table tr {
   line-height: 20px;
}

.subPanel  td,
.stx table td {
   text-align: center;
}


.subPanel input,
.stx table input {
	/*border-collapse: collapse;
	border-width: 0px*/
}

.subPanel .inputError input,
.stx table input{
    background-color: #FFFF00;
}


/**************
* Formulaires *
***************/
input,select {
	font-size: 10px;
}

.entete_formulaire {
	color: #cf011e;
	font-weight: bold;
}

.entete_formulaire_normal {
	color: #cf011e;
}

.mandatory_input {
	background-color: #FCEA7E;
	font-size: 10px;
}

.mandatory_input_bold {
	background-color: #FCEA7E;
	font-size: 10px;
	font-weight: bold;
}

/************
* Connexion *
*************/
.texte_presentation {
	text-align: justify;
}

/**************************************
* Demande de Gencod  et mot de passe  *
***************************************/
.intituler {
	font-weight: bold;
	font-size: 10px;
	color: #cf011e;
}

/*****************************
* creation des d�clarations  *
******************************/
.details_modification {
	background-color: #FFFF00;
	font-size: 11px;
	font-style: italic;
	color: #cf011e;
}

/*************************
* voir les d�clarations  *
**************************/
.titre_tableau {
	color: #ffffff;
}

.entete_tableau {
	color: #ffffff;
	font-weight: bold;
}

.contenu_tableau {
	font-size: 11px;
}

.noRetour{
	white-space: nowrap;
}

/****************************
* Etapes de la facturations *
*****************************/
.informations_importantes {
	font-size: 10px;
}

/*********************************
* classe de style tableaux       *
**********************************/
.tableau1,.stx table {
	/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
	border-collapse: collapse;
	border-left: 0px solid #8cacbb;
	border-bottom: 0px solid #8cacbb;
	/*margin: 1em 0em 1em 0em;*/
}

.tableau1  th,.stx table th { /*FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;*/
	color: #ffffff;
	background: #cf011e;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	/*padding: 0em 1em 0em 1em;*/
}

.tableau1 td,.stx table td {
	border-right: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	white-space: nowrap;
	text-align: left;
	width: 20%
}

.tableau1 .top {
	border-left: 1px solid White;
	border-top: 1px solid White ! important;
	border-right: 1px solid White ! important;
	text-align: right ! important;
}

.tableau1 .odd { /*every second line should be shaded */
	background-color: #ebebeb;
}

.tableau1 .even {
	background-color: #ffffff;
}

.tableau1 .odd .tableau_select { /*every second line should be shaded */
	/*background-color: #ddafaf;*/
	BACKGROUND-COLOR: #ebebeb;
}

.tableau1 .even .tableau_select { /*background-color: #bbaeae;*/
	BACKGROUND-COLOR: #ffffff;
}

.tableau1 .odd .tableau_root { /*every second line should be shaded */
	background-color: #ebebeb;
}

.tableau1 .even .tableau_root {
	background-color: #ffffff;
}

.tableau1 .listingCheckbox {
	text-align: center;
}

.tableau1 .odd .tableau_detail {
	text-align: center ! important;
	BACKGROUND-COLOR: #ebebeb;
}

.tableau1 .even .tableau_detail {
	text-align: center ! important;
	BACKGROUND-COLOR: #ffffff;
}

.tableau1 .odd .in_progress {
	BACKGROUND-COLOR: #ebebeb;
	color: #cf011e;
}

.tableau1 .even .in_progress {
	BACKGROUND-COLOR: #ffffff;
	color: #cf011e;
}

.tableau1 .odd .colspan_left {
	BACKGROUND-COLOR: #ebebeb;
	text-align: right;
	_text-align: right;
	color: #cf011e;
	border-right: 0;
}

.tableau1 .even .colspan_left {
	BACKGROUND-COLOR: #ffffff;
	text-align: right;
	_text-align: right;
	color: #cf011e;
	border-right: 0;
}

.tableau1 .odd .colspan_right {
	BACKGROUND-COLOR: #ebebeb;
	border-left: 0;
	color: #cf011e;
}

.tableau1 .even .colspan_right {
	BACKGROUND-COLOR: #ffffff;
	color: #cf011e;
	border-left: 0;
}

.tableau1 .odd .colspan_center_progress {
	BACKGROUND-COLOR: #ebebeb;
	text-align: center;
	_text-align: center;
	color: #cf011e;
	border-right: 0;
}

.tableau1 .even .colspan_center_progress {
	BACKGROUND-COLOR: #ffffff;
	text-align: center;
	_text-align: center;
	color: #cf011e;
	border-right: 0;
}

.tableau1 .odd .colspan_center {
	BACKGROUND-COLOR: #ebebeb;
	text-align: center;
	_text-align: center;
	border-right: 0;
}

.tableau1 .even .colspan_center {
	BACKGROUND-COLOR: #ffffff;
	text-align: center;
	_text-align: center;
	border-right: 0;
}

.tableau1 .odd .date {
	text-align: center ! important;
	_text-align: center ! important;
}

.tableau1 .even .date {
	text-align: center ! important;
	_text-align: center ! important;
}

.tableau1 .odd .style_d {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	margin: 0;
}

.tableau1 .even .style_d {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	margin: 0;
}

.tableau1 .odd .style_d_right {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	margin: 0;
	text-align: right;
	_text-align: right;
}

.tableau1 .even .style_d_right {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	margin: 0;
	text-align: right;
	_text-align: right;
}

/*********************************
*	classe de style tableau2     *
**********************************/
.tableau2,.stx table {
	/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
	border-collapse: collapse;
	border-left: 0px solid #8cacbb;
	border-bottom: 0px solid #8cacbb;
	width: 903px;
}

.tableau2  th,.stx table th {
	color: #ffffff;
	background: #cf011e;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tableau2  td {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin: 0;
	text-align: center;
	_text-align: center;
}

/*********************************
*	classe de style tableau3     *
**********************************/
.tableau3 {
	border-collapse: collapse;
	border-right: 0px solid #8cacbb;
	border-left: 0px solid #8cacbb;
	border-bottom: 0px solid #8cacbb;
	width: 95%;
}

.tableau3  th {
	color: #ffffff;
	background: #cf011e;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	font-weight: bold;
	font-size: 12px
}

.tableau3  td {
	color: #000000;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	font-size: 11px
}

.tableau3 .odd {
	background-color: #ebebeb;
	font-size: 11px;
}

.tableau3 .even {
	background-color: #ffffff;
	font-size: 11px;
}
/*********************************
*	classe de style tableau3full *
**********************************/
.tableau3full {
	border-collapse: collapse;
	border-right: 0px solid #8cacbb;
	border-left: 0px solid #8cacbb;
	border-bottom: 0px solid #8cacbb;
	width: 100%;
}

.tableau3full  th {
	color: #ffffff;
	background: #cf011e;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	font-weight: bold;
	font-size: 12px
}

.tableau3full  td {
	color: #000000;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	font-size: 11px
}

.tableau3full .odd {
	background-color: #ebebeb;
	font-size: 11px;
}
.tableau3full .odd2 {
	background-color: #B7DFFE;
	font-size: 11px;
}

.tableau3full .even {
	background-color: #ffffff;
	font-size: 11px;
}
.tableau3full .traite {
	background-color: #B4FBBB;
	font-size: 11px;
}
.tableau3full .nontraite {
	background-color: #FEDCE0;
	font-size: 11px;
}

/*********************************
* tableau info bulle             *
**********************************/
.tableau4 {
	frame: border; 
	border-collapse : collapse;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #ffffff;;
}

/*********************************
*	classe de style confirm      *
**********************************/
.style_confirm {
	border-color: #cccccc;
}

/************************************************
*	classe de style Declaration sur l'honneur
*************************************************/

.panel{
 	border-collapse: collapse;
 	border-right: solid #d2cfbe;
	border-bottom: solid #d2cfbe;
 	border-left: solid #f2efde;
	border-top: solid #f2efde;
 	background-color: #e2dfce;
 	border-width: 2px;
 	vertical-align: top;
}

.text_label {
	font-family : Tahoma, Times, serif;
	text-align : left ;
    font-weight : bold ;
	font-size : 11px;
	color : #000000 ;
}

.datagrid {
	border: 2px solid #000000;
	border-collapse: collapse;
}

.titre_col {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color : #FFFFFF;
    font-size: 9px ;
    font-family: Verdana, Times, serif;
}

.cell {
    border-top : 1px solid #6495ed;
    border-bottom : 1px solid #6495ed;
    border-left : 1px solid #6495ed;
    border-right : 1px solid #6495ed;
    padding : 2px 2px 2px 3px ;
    height : 25px;
    font-size :  11px ;
    font-family : Tahoma, Times, serif;
}

.cell_highlight {
    border-top : 1px solid #6495ed;
    border-bottom : 1px solid #6495ed;
    border-left : 1px solid #6495ed;
    border-right : 1px solid #6495ed;
    padding : 2px 2px 2px 3px ;
    height : 25px;
    font-size :  11px ;
    color: #FF0000 ;
    font-family : Tahoma, Times, serif;
}



/* LightBox */
/*****************************************************************************************************************************/
#box {
	display: none;
	position: absolute;
	top: 14%;
	left: 22%;
	height: 600px;
	padding-top:27px;
	margin:0;
	border: 1px solid black;
	background-color: #FFFFFF;
	overflow: none;
}

#boxtitle {
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:898px;
	height:23px;
	margin:0;
	background-image:url(../images/bg-barre.gif); 
	color: #E6EEF8; 
	font-family:Tahoma; 
	font-size:10px; 
	font-weight:bold; 
	text-align:center;
	text-transform:uppercase;
}