<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Facture N° 123456</title>
	<style>
		table {
			border-collapse: collapse;
			width: 100%;
		}
		td, th {
			border: 1px solid black;
			padding: 8px;
			text-align: left;
		}
		.header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20px;
		}
		.header h2, .header p {
			margin: 0;
		}
		.client {
			display: flex;
			justify-content: flex-end;
			margin-bottom: 20px;
		}
		.client p {
			margin: 0;
			text-align: right;
		}
		.footer {
			margin-top: 40px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.footer p {
			margin: 0;
		}
	</style>
</head>
<body>
	<div class="header">
		<div>
			<h2>ENTREPRISE XYZ</h2>
			<p>123 Rue Principale<br>Ville, Province, Code Postal<br>Téléphone: 123-456-7890<br>Courriel: entreprise@xyz.com</p>
		</div>
		<div>
			<h2>FACTURE N° 123456</h2>
			<p>Date : 23/04/2023</p>
		</div>
	</div>
	<div class="client">
		<div>
			<h3>CLIENT ABC INC.</h3>
			<p>456 Rue Secondaire<br>Ville, Province, Code Postal<br>Téléphone: 987-654-3210<br>Courriel: client@abcinc.com</p>
		</div>
	</div>
	<table>
		<thead>
			<tr>
				<th>DESCRIPTION</th>
				<th>QTE</th>
				<th>PRIX UNITAIRE</th>
				<th>TOTAL</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Produit A</td>
				<td>2</td>
				<td>10.00 $</td>
				<td>20.00 $</td>
			</tr>
			<tr>
				<td>Produit B</td>
				<td>1</td>
				<td>15.00 $</td>
				<td>15.00 $</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="3" style="text-align: right;">SOUS-TOTAL:</td>
				<td>35.00 $</td>
			</tr>
			<tr>
				<td colspan="3" style="text-align: right;">TAXES (10%):</td>
				<td>3.50 $</td>
			</tr>
			<tr>
				<td colspan="3" style="text-align: right; font-weight: bold;">TOTAL:</td>
				<td style="font-weight: bold;">38.50 $</td>
			</
