.tbl-facture {
	margin: 20px auto;
	width: 80%;
	min-width: 400px;
	max-width: 800px;
	border-collapse: collapse;
}

.tbl-facture > thead > tr > th {
	font-size: 15px;
	text-align: center;
	color: var(--primary);
	border-bottom: 3px solid var(--primary);
}

.tbl-facture > tbody > tr > td {
	color: #505050;
	font-size: 13px;
	text-align: center;
}

.tbl-facture > tbody > tr {
	height: 35px;
}

.tbl-facture > tbody > tr > td > a {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

.zone-facture {
	margin: 10px auto;
}

.zone-facture h3,
.zone-facture .h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.btn.payer-nb-fois {
	padding: 4px 12px 7px;
	margin: 0px 2px;
}

.disclamer-cb-en-ligne {
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: var(--primary);
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	margin: 30px 0 20px 0px;
	padding: 9.5px;
	word-break: break-all;
	word-wrap: break-word;
}

.disclamer-cb-en-ligne sup {
	font-size: 1.3em;
	line-height: 0.1em;
	top: 0em;
}

.zone-encaissement {
	margin: 20px 0px;
}

.zone-paiement-cheque,
.zone-paiement-cb {
	margin: 10px auto;
	color: #505050;
	font-size: 16px;
}

.zone-facture h2.orange {
	font-size: 28px;
}

.remove-encaissement {
	color: var(--primary);
}


/*
.zone-tbl-facture .table.inner_comp td.observation {
	width: 50%;
}
*/
.zone-tbl-facture .table {
	font-size: 13px;
	border-collapse:collapse;
	border: none;
}

.zone-tbl-facture .table thead th {
	font-weight:500;
	border-top: none;
	border-left: none;
	border-right: none;
}

.zone-tbl-facture .table_facture th:nth-of-type(1) {
	width: 70px;
}

.zone-tbl-facture .table_facture th:nth-of-type(2) {
	width: 75px;
}

.zone-tbl-facture .table_facture th:nth-of-type(3) {
	width: 90px;
}

.zone-tbl-facture .table_comp th:nth-of-type(1) {
	width: 50%;
}

.zone-tbl-facture .table_comp th:nth-of-type(2) {
	width: 80px;
}

.zone-tbl-facture .table_comp th:nth-of-type(3) {
	width: auto;
}

.zone-tbl-facture .table-responsive {
	overflow: initial;
	border: none;
}

.zone-tbl-facture .table-responsive > .table > thead > tr > th, 
.zone-tbl-facture .table-responsive > .table > tbody > tr > th, 
.zone-tbl-facture .table-responsive > .table > tfoot > tr > th, 
.zone-tbl-facture .table-responsive > .table > thead > tr > td, 
.zone-tbl-facture .table-responsive > .table > tbody > tr > td, 
.zone-tbl-facture .table-responsive > .table > tfoot > tr > td {
	white-space: normal;
}

.zone-tbl-facture .tbl-facture > tbody > tr {
	height: auto;
}

.zone-tbl-facture .table-bordered > tbody > tr > td {
	border: 1px solid #CCC;
	padding: 7px;
}


@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	
	.zone-tbl-facture .table.inner_comp td {
		width: 10%;
	}
	
	.zone-tbl-facture .table.table-bordered.table-striped,
	.zone-tbl-facture .table.table-bordered.table-striped thead,
	.zone-tbl-facture .table.table-bordered.table-striped tbody,
	.zone-tbl-facture .table.table-bordered.table-striped th,
	.zone-tbl-facture .table.table-bordered.table-striped td,
	.zone-tbl-facture .table.table-bordered.table-striped tr {
		display: block;
	}
	
	.zone-tbl-facture .table.table-bordered.table-striped  > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.zone-tbl-facture .table.table-bordered.table-striped  > tbody > tr { 
		border: 1px solid #ccc; 
	}
	
	.zone-tbl-facture .table.table-bordered.table-striped  > tbody > tr > td {
		border: 1px solid #eee;
		position: relative;
		padding-left: 46% !important;
	}
	
	.zone-tbl-facture .table.table-bordered.table-striped  > tbody > tr > td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}
	
	.zone-tbl-facture .table-facture > tbody > tr >  td {text-align: left;}
	.zone-tbl-facture .table-facture > tbody > tr >  td:before { color: #C23724; text-align: right}
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(1):before { content: "N° Facture :"; }
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(2):before { content: "Date d'émission :"; }
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(3):before { content: "Montant :"; }
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(4):before { content: "Solde :"; }
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(5):before { content: "Date d'expiration :"; }
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(6):before { content: "Statut :"; }
	/*.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(6) {text-align: left !important}*/
	.zone-tbl-facture .table-facture > tbody > tr >  td:nth-of-type(7):before { content: "Détails :"; }
	
	.zone-tbl-facture .table-facture .table.inner_comp tr{
		display: table;
	}
	
	.zone-tbl-facture .table-facture .table.inner_comp td
	{
		display: block;
		width: 100%;
		white-space: normal !important;
		min-height: 30px;
	}

	.zone-tbl-facture .table-facture-details > tbody > tr >  td {text-align: left;}
	.zone-tbl-facture .table-facture-details > tbody > tr >  td:before { color: #C23724; text-align: right}
	.zone-tbl-facture .table-facture-details > tbody > tr >  td:nth-of-type(1):before { content: "Articles :"; }
	.zone-tbl-facture .table-facture-details > tbody > tr >  td:nth-of-type(2):before { content: "Quantité :"; }
	.zone-tbl-facture .table-facture-details > tbody > tr >  td:nth-of-type(3):before { content: "Prix unitaire :"; }
	.zone-tbl-facture .table-facture-details > tbody > tr >  td:nth-of-type(4):before { content: "Prix TTC :"; }
	.zone-tbl-facture .table-facture-details > tbody > tr:last-child >  td:nth-of-type(1) { display: none; }
	.zone-tbl-facture .table-facture-details > tbody > tr:last-child >  td:nth-of-type(2):before { content: "Sous total :"; }
	
	.zone-tbl-facture .table-facture-details .table.inner_comp tr{
		display: table;
	}
	
	.zone-tbl-facture .table-facture-details .table.inner_comp td
	{
		display: block;
		width: 100%;
		white-space: normal !important;
		min-height: 30px;
	}

	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td {text-align: left;}
	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td:before { color: #C23724; text-align: right}
	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td:nth-of-type(1):before { content: "N° Facture :"; }
	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td:nth-of-type(2):before { content: "Articles :"; }
	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td:nth-of-type(3):before { content: "Quantité :"; }
	.zone-tbl-facture .table-facture-retractation > tbody > tr >  td:nth-of-type(4):before { content: "Facturé :"; }
	.zone-tbl-facture .table-facture-retractation > tbody > tr:last-child >  td:nth-of-type(1) { display: none; }
	.zone-tbl-facture .table-facture-retractation > tbody > tr:last-child >  td:nth-of-type(2):before { content: "Sous total :"; }
	
	.zone-tbl-facture .table-facture-retractation .table.inner_comp tr{
		display: table;
	}
	
	.zone-tbl-facture .table-facture-retractation .table.inner_comp td
	{
		display: block;
		width: 100%;
		white-space: normal !important;
		min-height: 30px;
	}

	.zone-tbl-facture .table-facture-choose > tbody > tr >  td {text-align: left;}
	.zone-tbl-facture .table-facture-choose > tbody > tr >  td:before { color: #C23724; text-align: right}
	.zone-tbl-facture .table-facture-choose > tbody > tr >  td:nth-of-type(1):before { content: "Articles :"; }
	.zone-tbl-facture .table-facture-choose > tbody > tr >  td:nth-of-type(2):before { content: "Facturé :"; }
	.zone-tbl-facture .table-facture-choose > tbody > tr >  td:nth-of-type(3) { height: 100px; }
	.zone-tbl-facture .table-facture-choose > tbody > tr >  td:nth-of-type(3):before { content: "Cochez si vous souhaitez obtenir un remboursement :"; }

	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(1) >  td:nth-of-type(1) { display: none; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(1) >  td:nth-of-type(2) { height: 50px; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(1) >  td:nth-of-type(2):before { content: "Solde à rembourser :"; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(1) >  td:nth-of-type(3) { display: none; }

	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(2) >  td:nth-of-type(1) { display: none; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(2) >  td:nth-of-type(2) { height: 50px; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(2) >  td:nth-of-type(2):before { content: "Montant restant dû par l'élève :"; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(2) >  td:nth-of-type(3) { display: none; }

	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(3) >  td:nth-of-type(1) { display: none; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(3) >  td:nth-of-type(2):before { content: "Total :"; }
	.zone-tbl-facture .table-facture-choose > tbody > tr:nth-last-child(3) >  td:nth-of-type(3) { display: none; }
	
	.zone-tbl-facture .table-facture-choose .table.inner_comp tr{
		display: table;
	}
	
	.zone-tbl-facture .table-facture-choose .table.inner_comp td
	{
		display: block;
		width: 100%;
		white-space: normal !important;
		min-height: 30px;
	}
	
	
	.zone-tbl-facture .table-facture-echeances > tbody > tr >  td:before { color: #C23724; text-align: right}
	.zone-tbl-facture .table-facture-echeances > tbody > tr >  td:nth-of-type(1):before { content: "Échéances :"; }
	.zone-tbl-facture .table-facture-echeances > tbody > tr >  td:nth-of-type(2):before { content: "Mode de paiement :"; }
	.zone-tbl-facture .table-facture-echeances > tbody > tr >  td:nth-of-type(3):before { content: "Statut :"; }
	.zone-tbl-facture .table-facture-echeances > tbody > tr >  td:nth-of-type(4):before { content: "Montant :"; }
}

label[for=check-read-contrat].custom-control-label::before,
label[for=check-read-contrat].custom-control-label::after {
  top: 0;
}