#nbreRecept,#nbreFacture{
	color: white;
	border: 2px solid white;
	border-radius: 10px;
	background-color: black;
	padding-left: 10px;
	padding-right: 10px;
}
.entete{
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding-bottom: 10px;
	margin-bottom: 1px;
}
#logo{
	display: inline-block;
	width: 280px;
	height: 70px;
	background-color: rgba(0,0,0,0.1);
	border-top: 5px solid rgba(0,0,255,0.5);
	background-image: url('../img/modelLogo.gif');
	background-size: 100%;
}
.numId{
	font-family: "Franklin Gothic Book";
	font-size: 11px;
}
.titreOp{
	display: inline-block;
	margin-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 1px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	border-bottom-right-radius: 8px;
}
.stockEntree1,.stockEntree2{
	text-align: left;
	font-family: arial;
	font-size: 13px;
	padding-left: 50px;
}
.stockEntree2{clear: left;}
.dateRapport1,.dateRapport2{
	float: right;
	text-align: left;
	font-family: arial;
	font-size: 13px;
	padding-right: 50px;
}
.dateRapport2{
	clear: right;
}
#dateRap,#dateRap2,#slctStockOp,#slctClienOp{
	background-color: rgba(0,0,0,0);
	border: 0px;
	border-radius: 8px;
	font-family: arial;
	font-size: 13px;
}
#slctStockOp,#slctClienOp{
	-webkit-appearance: button;
	-moz-appearance: button;
}
.iptMonnaieOperations{
	background-color: rgba(0,0,0,0);
	border: 0px;
	font-family: arial;
	font-size: 13px;
	-webkit-appearance: button;
	-moz-appearance: button;
}
.frameWork{
	display: block;
	border-radius: 15px;
	padding: 5px;
	margin-bottom: 5px;
}
#lignesArt{
	margin-bottom: 20px;
}
.ligneMouveOp{
	display: block;
	margin-top: -3px;
}
.titreMouveOp{
	display: inline-block;
	border: 1px dotted rgba(0,0,0,0.7);
	border-left: 0px;
	background-color: rgba(0,0,255,0.3);
	text-align: center;
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
}
#titreMouveOpArt{width: 328px;}
#titreMouveOpSerie{width: 218px;}
#titreMouveOpQte{width: 108px;}
#titreMouveOpUnite{width: 118px;}
#titreMouveOpQte2{width: 85px;}
.nomArtEntrees,
.nomArtEntreesOP,
.nomArtInventaire,
.serieArtEntrees,
.qteArtEntrees,
.mntntArtInventaire,
.prixArtEntreesOP,
.qteArtEntrees2,
.uniteArtEntrees,
.prixArtEntrees{
	border: 1px dotted rgba(0,0,0,0.7);
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.nomArtEntrees{
	width: 318px;
	padding-left: 8px;
}
.nomArtEntreesOP{
	width: 390px;
	padding-left: 8px;
}
.nomArtInventaire{
	width: 298px;
	padding-left: 8px;
}
.serieArtEntrees{
	width: 209px;
	padding-left: 8px;
	border-left: 0px;
}
.uniteArtEntrees{
	width: 119px;
	border-left: 0px;
}
.qteArtEntrees,.qteArtEntrees2,.prixArtEntrees{
	width: 99px;
	padding-right: 8px;
	text-align: right;
	border-left: 0px;
}
.mntntArtInventaire{
	width: 109px;
	padding-right: 8px;
	text-align: right;
	border-left: 0px;
}
.prixArtEntreesOP{
	width: 134px;
	padding-right: 8px;
	text-align: right;
	border-left: 0px;
}
.qteArtEntrees2{width: 77px;}
.prixArtEntrees{width: 111px;}
.plusMoins,.plus_Moins{
	display: inline-block;
	width: 20px;
	height: 25px;
	text-align: center;
	font-family: "Comic Sans Ms";
	font-weight: bolder;
	color: rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	border-radius: 50%;
	transition: color 500ms, background-color 500ms, border 1s;
}
.plus_Moins{
	color: black;
	background-color: rgba(0,0,0,0);
}
.plus_Moins:hover{
	color: red;
	cursor: pointer;
}
.plusMoins:hover{
	color: black;
	background-color: rgba(0,0,255,0.2);
	cursor: pointer;
}
.zoneSearchESA,.zoneSearchESS{
	position: absolute;
	display: none;
	text-align: left;
	background-color: rgba(180,140,140,0.9);
	padding: 10px;
	border-radius: 10px;
	font-family: Comic Sans Ms;
	font-size: 13px;
	font-style: italic;
	max-height: 300px;
	overflow-y: scroll;
}
.zoneSearchESA{
	width: 308px;
	margin-left: 25px;
}
.zoneSearchESS{
	width: 200px;
	margin-left: 357px;
}
.stocksMouve{
	padding-left: 52px;
	padding-right: 50px;
}
#stockEnvoie,#stockRecept{
	background-color: rgba(0,0,0,0);
	border: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	font-family: Comic Sans Ms;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
}
#stockEnvoie{float: left;}
#stockRecept{float: right;}
#totauxFact{
	text-align: left;
	margin-top: 10px;
	margin-left: 41px;
}
.sous_total{
	display: inline-block;
	width: 85px;
	font-family: arial;
	font-size: 12px;
}
#blcLettres{
	margin-left: -3px;
}
#enLettres{
	display: inline-block;
	font-family: arial;
	font-size: 15px;
}
.btnOp{
	clear: left;
}
.titreJr{
	margin-bottom: 10px;
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: bolder;
}
.titresJrnl1,.titresJrnl2,.titresJrnl3,.titresJrnl4{
	display: inline-block;
	background-color: rgba(0,0,255,0.3);
	border: 1px dotted rgba(0,0,0,0.7);
	border-left: 0px;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
}
.lignesJr{margin-bottom: 10px;}
.slctJrnl{
	text-align: left;
	padding-left: 38px;
	margin-bottom: 5px;
	font-family: arial;
	font-size: 13px;
}
#slctJrnl,#moneyJr{
	border: 0px solid red;
	font-family: arial;
	font-size: 13px;
	-webkit-appearance: button;
	-moz-appearance: button;
}
#slctJrnl:hover,#moneyJr:hover{
	cursor: pointer;
}
.titresJrnl1{
	width: 119px;
	border-left: 1px dotted rgba(0,0,0,0.7);
}
.titresJrnl2{width: 398px;}
.titresJrnl3,.titresJrnl4{width: 133px;}
.cpteJr,.libelleJr,.montantJr{
	padding-left: 8px;
	border: 1px dotted rgba(0,0,0,0.7);
	border-top: 0px;
	border-left: 0px;
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.cpteJr{
	width: 110px;
	text-align: center;
	border-left: 1px dotted rgba(0,0,0,0.7);
}
.libelleJr{
	width: 392px;
	padding-left: 5px;
}
.montantJr{
	width: 120px;
	text-align: right;
	padding-right: 5px;
}
.zoneSearchEcrit{
	position: absolute;
	display: none;
	text-align: left;
	background-color: rgba(180,140,140,0.9);
	padding: 10px;
	border-radius: 10px;
	font-family: Comic Sans Ms;
	font-size: 13px;
	font-style: italic;
	max-height: 300px;
	overflow-y: scroll;
	margin-left: 163px;
	width: 378px;
}
.totauxEcrit{
	text-align: right;
	padding-right: 41px;
	margin-top: -1px;
}
#totalDebitEcrit,#totalCreditEcrit{
	border-top: 0px;
	padding-right: 5px;
	width: 128px;
}
#totalDebitEcrit{
	text-align: right;
	border-left: 1px dotted rgba(0,0,0,0.7);
}
#totalCreditEcrit{text-align: right;}
#btn_A,#btn_B,#btn_C,#btn_D,#btn_E{background-color: rgba(0,0,0,0);}
#btn_A:hover,#btn_B:hover,#btn_C:hover,#btn_D:hover,#btn_E:hover{background-color: rgba(0,0,255,0.2);}
#dateBlncImp1,#dateBlncImp2{
	border: 0px;
	background-color: rgba(0,0,0,0);
	font-family: "Comic Sans Ms";
	font-size: 12px;
}
.ligneBlncImp{
	display: none;
	width: 846px;
	height: 17px;
	background-color: black;
	font-family: "Comic Sans Ms";
	font-size: 12px;
	font-weight: bolder;
	color: #1c1e21;
}
.cpteBlncImp0,.lbllblncImp0,.debitCreditBlncImp0,.cpteBlncImp1,.lbllblncImp1,.debitCreditBlncImp1,.cpteBlncImp2,.lbllblncImp2,.debitCreditBlncImp2{
	height: 17px;
	color: #1c1e21;
	display: inline-block;
	background-color: rgb(255,255,255);
	border-left: 1px dashed rgba(0,0,0,0.5);
	border-right: 1px dashed rgba(0,0,0,0.5);
	font-family: "arial";
	font-size: 14px;
	font-stretch: condensed;
	font-weight: bolder;
}
.cpteBlncImp0,
.lbllblncImp0,
.debitCreditBlncImp0,
#cpteImpBlnc1,
#intiImpBlnc1,
#mntntImpBlncA1
#mntntImpBlncB1
#mntntImpBlncC1
#mntntImpBlncD1
#mntntImpBlncE1
#mntntImpBlncF1{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.cpteBlncImp0,.cpteBlncImp1,.cpteBlncImp2{width: 67px;}
.lbllblncImp0,.lbllblncImp1,.lbllblncImp2{width: 217px;}
.debitCreditBlncImp0,.debitCreditBlncImp1,.debitCreditBlncImp2{width: 91px;}
.cpteBlncImp1,.lbllblncImp1,.debitCreditBlncImp1{background-color: rgb(220,220,255);}
.cpteImpBlnc,.intiImpBlnc,.mntntImpBlnc{
	color: #1c1e21;
	height: 18px;
	border: 0px;
	font-family: "Arial";
	font-size: 12px;
	font-stretch: condensed;
	background-color: rgba(0,0,0,0);
}
.cpteImpBlnc:hover,.cpteImpBlnc:focus,.intiImpBlnc:hover,.intiImpBlnc:focus,.mntntImpBlnc:hover,.mntntImpBlnc:focus{
	background-color: rgba(255,0,0,0.2);
}
.cpteImpBlnc{
	width: 67px;
	text-align: center;
}
.intiImpBlnc{
	width: 216px;
	text-align: left;
	padding-left: 2px;
}
.mntntImpBlnc{
	width: 89px;
	text-align: right;
	padding-right: 3px;
}
/*IMPORTATION CSV*/
.instructionImp{
	font-family: "Comic Sans Ms";
	font-size: 12px;
	font-style: italic;
	text-align: justify;
	padding-left: 41px;
	padding-right: 41px;
	margin-top: 15px;
}
.modelCSV{
	width: 500px;
	height: 90px;
	background-image: url('../img/modeleCSV1.jpg');
	background-size: 100%;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.btnsImport{
	text-align: left;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 40px;
}
.iptUpload{
	color: black;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bolder;
}
#msgErreur{
	font-family: "Comic Sans Ms";
	font-size: 12px;
	text-align: left;
	margin-bottom: 20px;
	padding-left: 41px;
}
.erreurImport{
	color: rgb(200,0,0);
	font-weight: bolder;
}
.MntntTotalFacture{
	display: inline-block;
	width: 133px;
	text-align: right;
	border-bottom: 1px dotted rgba(0,0,0,0.7);
}
.MntntInputFact{
	display: inline-block;
	width: 132px;
	height: 16px;
	text-align: right;
	color: black;
	border: 0px solid rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	border-bottom: 1px dotted rgba(0,0,0,0.7);
	font-family: arial;
	font-size: 15px;
}
.blcMntntFactA{
	display: inline-block;
	width: 540px;
}
.blcMntntFactB{
	display: inline-block;
	width: 232px;
	float: right;
	margin-right: 37px;
}
.totalEntree{
	padding-left: 52px;
	padding-right: 52px;
	text-align: right;
}
.lblTotalEntree{
	display: inline-block;
	width: 105px;
	text-align: left;
	font-family: arial;
	font-size: 12px;
	font-weight: bolder;
	font-style: italic;
}
.iptTotalEntree{
	width: 132px;
	background-color: rgba(0,0,0,0);
	border: 0px;
	border-bottom: 1px dotted rgb(90,90,90);
	font-family: Comic Sans Ms;
	font-size: 13px;
	text-align: right;
	padding-right: 5px;
}
.iptTotalEntree:hover{
	background-color: rgba(255,0,100,0.1);
}
#mntnTotalEntree,#mntnPaieEntree,#mntnResteEntree{
	color: black;
}
#mntnTotalEntree:hover{
	background-color: rgba(0,0,0,0);
}
#documents{
	background-color:rgba(0,0,0,0.1);
	padding:5px;
}
#lstDocuments{
	background-color: rgba(0,0,0,0);
	border: 0px;
	border-bottom: 1px dotted rgb(90,90,90);
	font-family: 'Comic Sans Ms';
	font-size: 16px;
	text-align: center;
	border-bottom: 2px solid rgba(200,50,10,0.5);
	text-shadow: rgba(200,50,10,0.5) -2px 0px, rgba(200,50,10,0.5) 0px 2px, rgb(10,10,10) 1px 0px, rgb(10,10,10) 0px -1px;
}
.numEntreeArchive{
	width: 120px;
	border: 0px;
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 1px;
	text-align: center;
}
.plusMoinsEntree{
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
	border-radius: 5px;
}
.plusMoinsEntree:hover{
	cursor: pointer;
	background-color: rgba(0,0,255,0.3);
}
#entreePrecedente,#factPrecedante{
	background-image: url('../img/precedant.gif');
}
#entreeSuivante,#factSuivante{
	background-image: url('../img/suivant.gif');
}
.nomArtFacture,.nomArtFactureB{
	width: 320px;
	padding-left: 8px;
	border: 1px dotted rgba(0,0,0,0.7);
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.qteArtFacture,.qteArtFactureB{
	width: 77px;
	border: 1px dotted rgba(0,0,0,0.7);
	border-left: 0px;
	padding-right: 8px;
	text-align: right;
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.uniteArtFacture,.uniteArtFactureB{
	width: 120px;
	border: 1px dotted rgba(0,0,0,0.7);
	border-left: 0px;
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.prixArtFacture,.prixArtFactureB{
	width: 111px;
	padding-right: 8px;
	text-align: right;
	border: 1px dotted rgba(0,0,0,0.7);
	border-left: 0px;
	font-family: Comic Sans Ms;
	font-size: 13px;
}
.nomArtFactureB,.qteArtFactureB,.uniteArtFactureB,.prixArtFactureB{
	border-top: 0px;
}
.titreMouveOpFactureA,.titreMouveOpFactureB,.titreMouveOpFactureC,.titreMouveOpFactureD{
	width: 328px;
	display: inline-block;
	border: 1px dotted rgba(0,0,0,0.7);
	background-color: rgba(0,0,255,0.3);
	text-align: center;
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
}
.titreMouveOpFactureA{
	width: 329px;
}
.titreMouveOpFactureB{
	width: 86px;
	border-left: 0px;
}
.titreMouveOpFactureC{
	width: 119px;
	border-left: 0px;
}
.titreMouveOpFactureD{
	width: 120px;
	border-left: 0px;
}
.piecesJustificatives{
	width: 222px;
	border: 0px;
	padding-right: 5px;
	border-bottom: 1px dotted rgb(90,90,90);
	background-color: rgba(0,0,0,0);
	font-family: arial;
	font-size: 13px;
	font-style: italic;
	text-align: left;
	float:left;
}
.piecesJustificatives:hover{
	background-color: rgba(255,0,100,0.1);
}
.nomClientFact{
	width: 280px;
	font-family: arial;
	font-size: 13px;
	text-align: left;
	padding-left: 4px;
	border: 0px;
	color: black;
	background-color: rgba(0,0,0,0);
}
#typeCommande{
	background-color: rgba(0,0,0,0);
	border: 0px;
	border-radius: 8px;
	font-family: arial;
	font-size: 13px;
	-webkit-appearance: button;
	-moz-appearance: button;
}
.liaisonPLF{
	float: left;
	display: inline-block;
	text-align: left;
	margin-left: 48px;
	padding: 10px;
	border: 1px dotted rgba(100,100,100,0.5);
	border-bottom: 3px solid rgba(0,0,255,0.3);
	margin-top: 10px;
	margin-bottom: 20px;
}
.PLFDonnees{
	width: 215px;
	border: 0px;
	font-family: Comic Sans Ms;
	font-size: 13px;
	font-style: italic;
	border-bottom: 1px dotted rgb(90,90,90);
}
.labelPLF{
	display: inline-block;
	width: 85px;
	font-family: Comic Sans Ms;
	font-size: 13px;
	font-style: italic;
	font-weight: bolder;
}
#numOpCommande{
	border: 0px;
	width: 70px;
	font-family: "Century Gothic";
	font-size: 20px;
	font-weight: bolder;
	letter-spacing: 1px;
}