@charset "utf-8";
/* CSS Document */

html {
	background:none repeat scroll 0 0 #ECECEC;
}

body {
	background:none repeat scroll 0 0 #FAFAFA;
	background-image:linear-gradient(#FAFAFA, #ECECEC); /* Norme W3C */
	background-image:-moz-linear-gradient(#FAFAFA, #ECECEC); /* Firefox */
	background-image:-webkit-gradient(linear, #FAFAFA, #ECECEC); /* Chrome, Safari */
	background-image:-o-linear-gradient(#FAFAFA, #ECECEC); /* Opera */
	background-image:-ms-linear-gradient(#FAFAFA, #ECECEC); /* IE */	
	color:#6b6c6e;
	font-family:Arial,Helvetica,sans-serif;
	margin: 0;
	font-size: 12px;
}

img { behavior: url(iepngfix.htc); }

label{
	text-align: right;
	min-width: 140px;
	width:140px;
	float: left;
	margin: 3px 10px 0 0;
}
a.disabled{
	color:#AAA;
}
button,a.btn,input[type=submit]{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DDDDDD));
	background:-moz-linear-gradient(top, white, #DDDDDD);
	background-color:#E7E7E7;
	border:solid 1px #999999;
	border-radius:2px 2px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	line-height:1;
	padding:3px 6px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 1px rgba(255,255,255,1);
	font-weight:bold
}

a.btn:visited,a.btn:active{color:#333;text-decoration:none}
.site_title{
	font-size: 40px;
	font-weight: bold;
	font-family: 'Times New Roman';
}
#page {
	margin: 0 auto;
	padding:0;	
	width: 980px;
	_width:980px;
}
#headpiece{
	background: url(images/h_line.png) center bottom repeat-x;
}
#header {
	margin: 0 auto;
	position: relative;
	height:130px;
	width: 980px;
	_width:980px;
	padding:20px 10px 0 10px;
	_padding-bottom:0px;
}
#login  {
	float:right;
	margin-top:85px;
	padding-right:20px;
	font-size:14px;
}
#login a:hover {
	color:#355c5c;
}
#footer{
	padding:20px 0 40px 0;
	background: url(images/h_line.png) center top repeat-x;
	margin: 0 auto;
	text-align: center;
}

#logo {
	float:left;
	margin:0 10px 0 0;
}

a, a:link, a:visited {
	color: #6B6C6E;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	text-decoration:underline;
}

img {
	border:0 none;
}

#content {
	background: #F9F9F9 url(images/v_line.png) repeat-y center center  ;
	min-height: 400px;
	display: inline-block;
	padding: 0 0px 40px 0px;
	width:984px;
}

#left, #center, #right{
	width:300px;
	min-height:700px;
	height:auto;
	position:relative;
}


#left{
	float:left;
	margin-right:30px;
}

#center{
	float:left;	
	margin-right:30px;
}

#right{
	float:right;
}

#right_content{
	min-height:600px;
	height:auto;
	position:relative;
	float:left;
	padding: 0 12px;
	width:960px;
}

.label {
	font-size:12px;
	font-weight: bold;
	min-width:190px;
	width:190px;
	text-align: right;
	margin-right: 10px;
	float:left;
}

.inner {
	padding-left:8px;
	padding-right:8px;	
	_padding-left:8px;
	_padding-right:8px;		
}

.textCenter{
	text-align: center;
}

h1{
	font-size:20px;
	border-bottom:solid 1px #40C3EE;
	padding-bottom:5px;
	
}

h1.noborder {
	border-bottom:none;
	}

h2 {
	font-size:20px;
	border-bottom:solid 1px #79dadb;
	padding-bottom:10px;
}

h3 {
	
}

/****** STYLE DES MESSAGES D'INFORMATIONS (SESSIONTOOLS) ******/
div.message{background-position:6px 6px;background-repeat:no-repeat;border-style:solid;border-width:1px;margin:5px 0;padding:6px 6px 6px 36px}
div.message.error{background-color:#FDD;background-image:url(images/exclamation.png);color:#A00;border-color:#E99}
div.message.alert{background-color:#FFD;background-image:url(images/error.png);border-color:#F6EA68}
div.message.info{background-color:#DDF;background-image:url(images/information.png);border-color:#99E}
div.message.success{background-color:#DFD;background-image:url(images/accept.png);border-color:#9E9}

div.message p {
	margin:4px;
}
#title{
	position:relative;
	height:60px;
}

.contact {
	background-image:url(images/h2-contact.png);
	background-repeat:no-repeat;
	background-position:100% 0px;
	height:48px;
	width:48px;
	position:absolute;
	left:220px;
	top:3px;

}

.liste{
	background-image:url(images/h2-liste.png);
	background-repeat:no-repeat;
	background-position:100% 0px;
	height:48px;
	width:48px;
	position:absolute;
	left:220px;
	top:3px;

}

.project{
	background-image:url(images/h2-project.png);
	background-repeat:no-repeat;
	background-position:100% 0px;
	height:48px;
	width:48px;
	position:absolute;
	left:220px;
	top:3px;

}

.dashboard{
	background-image:url(images/h2-dashboard.png);
	background-repeat:no-repeat;
	background-position:100% 0px;
	height:48px;
	width:48px;
	position:absolute;
	left:220px;
	top:3px;

}

.bouton{
	background-image:url(images/bouton.png);
	background-repeat:no-repeat;
	height:45px;
	width:261px;
	color:#355c5c;
	padding-top:12px;
	padding-left:20px;

}

.bouton a{
	color:#355c5c;
}

.bouton a:hover{
	color:#355c5c;
}

.large_input {
	width:255px;	
}

.large_input_disabled {
width:255px;    
border:solid 2px #ccc;
color: white;
background-color: gray;
}


#formProjectSearch{
	margin-bottom: 14px;
}

#formProjectSearch label{
	width:220px;
}

#formProjectSearch #divReinitForm{
	margin:10px 0 18px 230px;
}
#formProjectSearch #divReinitForm a{
	color:#40C3EE;
	font-size: 12px;
	text-decoration:underline;
}

#formProjectSearch .large_input {
	margin-bottom: 7px;
	width:260px;
}
.large_input:focus, .large_input:hover  {
	
}

#rech_cl{
	
}
#rech_cl label{
	width:224px;
	display: inline-block;
}

#rech_cl input#autocomplete{
	width: 260px;
	margin-top: 10px;
}

table {
font-size:13px;
}
.delete {
	background-image:url(images/delete.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	overflow:hidden;
	/*text-indent:1000px;*/
	padding-left:20px;
}
.delete2 {
	background-image:url(images/delete.png);
	background-repeat:no-repeat;
	height:16px;
	display: inline-block;
	width:25px;
	overflow:hidden;
	/*text-indent:1000px;*/
	padding-left:0px;
}
.view {
	background-image:url(images/view.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	overflow:hidden;
	/*text-indent:1000px;*/
	background-position:0px -3px;
	padding-left:30px;
}
.view2 {
	background-image:url(images/view.png);
	background-repeat:no-repeat;
	display: inline-block;
	overflow:hidden;
	width:25px;
	height: 18px;
	/*text-indent:1000px;*/
	background-position:0px -3px;
}
.icoprint {
	background-image:url(images/print.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	overflow:hidden;
	/*text-indent:1000px;*/
	background-position:0px -3px;
	padding-left:30px;
}
.icoprint2 {
	background-image:url(images/print.png);
	display: inline-block;
	background-repeat:no-repeat;
	height:18px;
	width:25px;
	overflow:hidden;
	background-position:0px -3px;
	padding-left:0px;
}
.edit {
	background-image:url(images/edit.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	overflow:hidden;
	background-position:0px -3px;
	padding-left:20px;		
}

.edit2 {	
	background-image:url(images/edit.png);
	background-repeat:no-repeat;
	display: inline-block;
	height:18px;
	width:25px;
	overflow:hidden;
	/*text-indent:1000px;*/
	background-position:0px -3px;
	padding-left:0;	
}

.file{
	background-image:url(images/file.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	background-position:0px -3px;
	padding-left:35px;
}


.addPlus {
	background-image:url(images/add.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	overflow:hidden;
	/*text-indent:1000px;*/
	padding-left:20px;
	padding-bottom: 5px;
}



.right {
	float:right;
	margin-top:20px;
}

.left {
	float:left;
}


.post {
	font-size:12px;
}
.post_bl {
	color:#666;
	float:left;
	
}

.post_user {
	color:#40C3EE;
	text-decoration:none;
	float:left;
}

.post_date {
	color:#40C3EE;
	text-decoration:none;
	float:right;
	font-weight: bold;
}
.post_comment {
	clear:both;
	background-color:#E5E5E5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	color:#000;
	padding:10px;
	text-transform:lowercase;
}

.divNotification .post_comment{
	text-transform:none;
}
.post_delete {
font-size:12px;	
color:#78DADB;

}



.data {
	font-size:12px;
}


.client_title{
	font-size:20px;
	border-bottom:solid 1px #40C3EE;
	padding-bottom:10px;
	background-image:url(images/open.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:20px;
}

.client_more{
	font-size:12px;
	border-bottom:solid 1px #40C3EE;
	padding-bottom:10px;
	background-image:url(images/open.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:20px;
}


.co_emprunteur_title{
	font-size:20px;
	border-bottom:solid 1px #40C3EE;
	padding-bottom:10px;
	background-image:url(images/open.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:20px;
}

.projet_title{
	font-size:20px;
	border-bottom:solid 1px #40C3EE;
	padding-bottom:10px;
	margin-bottom: 10px;
	cursor:pointer;
	margin-top:20px;	
}

.add {
	float:right;
	color:#79dadb;
	font-size:12px;
}
.add_project{
	margin-top:8px;
}

.add_topmargin{
	margin-top:8px;
}

.add_invoice {
	float:right;
	color:#79dadb;
	font-weight: normal;
	font-size:12px;
}

.table_title{
	background-color:#40C3EE;
	color:#FFF;
	padding:2px;
    text-align: center;
}

.table_result{
	background-color:#fff;
	color:#000;
	padding:2px;
    text-align: right;
}



#invoice {
	width:960px;
	background-color:#FFF;
	/*min-height:900px;*/
	margin:auto;
}

#invoiceLogo{
	margin:10px 0 0 80px;
}

.invoice_customer {
	color:#000;
	font-size:14px;
}

#pSubmitEditLetter{
	text-align:center;
	margin: 30px 0 40px 0;
}

.invoice_number{
	color:#000;
	font-size:16px;
}

#invoice_footer {
	width:960px;
	text-align:center;
	color:#006A6A;
	font-size:12px;
}

a.credits {
	margin-top:10px;
	color:#5F5F5F;
	font-size:9px;
	float:left;
}

a.mentions {
	margin-top:10px;
	color:#5F5F5F;
	font-size:9px;
	float:right;
}

a.update {
	background-image:url(images/update.png);
	background-repeat:no-repeat;
	padding-left:25px;
	font-size:12px;
	float:left;
}

#projet {
	clear:both;
}

#projet td.name, #project_dossier td.name {
	padding-left:10px;
	padding-top : 2px;
	padding-bottom:2px;
}

#customerTable { _width: 600px; border:1px solid red; }

#customerTable td { _width:100px; border: 1px solid blue; }

#ariane{
	margin:0px;
	padding:0px;
	width:100%;
	margin-bottom:20px;
	float:left;}
#ariane li{
	float:left;
	width:auto;
	font-size:12px;
	list-style:none;
	padding:7px;}

#ariane li.ar_fl{
	padding:0px;
	padding-top:7px;}	
	
#ariane li a{

}

#ariane li.ar_current{
	font-weight:bold;
}
/********  IMPRESSION  ******/

#divPrint{
	margin:10px 0 20px 0 ;
}
.print16{
	margin: 0 5px 0 5px ;
	width:16px;
	height:16px;
	display: block;
    float: left;
	background-image:url(images/print.png);
}
a.btn.print{
	margin: 0 6px ;
}
.btnCenterTxt{
	vertical-align: middle;
}
button.btn,a.btn{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DDDDDD));background:-moz-linear-gradient(top, white, #DDDDDD);background-color:#E7E7E7;border:solid 1px #999999;border-radius:2px 2px;color:#333;cursor:pointer;display:inline-block;line-height:1;padding:6px;text-decoration:none;text-align:center;text-shadow:0px 1px 1px rgba(255,255,255,1);font-weight:bold}


/********  MISE EN FORME DES TABLEAUX PRINCIPAUX ************/
.tableMainList{
	border-collapse: collapse;
}
.tableMainList td,.tableMainList th{
	border: 1px solid #DDD;
	height: 20px;
	padding: 3px 10px;
}
.tableMainList thead th{
	background-color:#40C3EE;
	color:#FFF;
	padding:4px 8px;
    text-align: center;
}
	
#aPrintBtn{
	float: right;
	font-size:14px;
	font-weight: normal;
}

.table_stat .table_title{
    border-bottom: 1px solid #AAA;
	font-weight: bold;
}
.table_stat .table_result{
    border-bottom: 1px solid #AAA;
	
}
.table_stat tr td{
	padding: 5px 10px;
}
#invoice #tableTva{
	margin-left:95px;
	width:200px;
}

.table_stat a{
	color: #006A6A;
}

#formFinancingDossier{
	margin: 0 0 50px 25px;
}
#formFinancingDossier h4{
	margin: 5px;
}
#formFinancingDossier input[type=checkbox]{
	margin: 5px 0 0 0px;
}
#formFinancingDossier input[type=submit]{
	margin: 10px;
	padding: 6px 10px;
	cursor: pointer;
}
#formFinancingDossier label{
	padding: 10px;
}
#formFinancingDossier p{
	margin: 0 0 0 20px ;
}
#formFinancingDossier #checkSellers,
#formFinancingDossier #checkBuyers{
	float:left;
	margin: 7px 10px 0 0;
}

#divContactUser{
	font-size: 12px;
	margin: 8px 0px 0px 190px;
	border-left: 1px solid #CCC;
	padding-left: 6px;
}
#divContactUser .label{
	min-width:130px;
	width:130px;
}



#formUpdateProjectDossier .label{
	width: 190px;
}

#formUpdateProjectDossier #divContactUser{
	margin: 8px 0 0 210px;
}
#formUpdateProjectDossier #divContactUser .label{
	width:120px;
}
.btnMail{
	position:absolute; right:24px; top:42px;
}

/* GESTION DES NOTIFICATIONS */

.divNotification{
	margin:0px 0px 15px 0px;
}

.divNotificationActions{
	float:right;
}

#formContainer{display: none;}
#formContainer.visible{display: block;}

label.label{
	margin-top:0px;
}

#facturation td{

}
.trAvoir td{
	background-color: #F3FECC;
}
.trFacturePaye td{
	background-color: #E5FFED;
}
.trFactureAttente td{
	background-color: #E5FFED;
}

.arrow-turn-left{
	height: 16px;
	display: inline-block;
	width: 16px;
	margin: 0 0 0 3px;
	background: url("../image/arrow-turn-left.png");
}

.iconShowHide{
	float:right;
	cursor: pointer;
	background: url("images/showhide.png");
	background-position: 0px 0px;
	width: 26px;
	height: 26px;
}

.blocShowHide{
	display:none;
}