<style>
	/* Turn off scrollbar when body element has the loading class */
	body.loading {
		overflow: hidden;
	}

	/* Make spinner image visible when body element has the loading class */
	body.loading #loader {
		display: block;
	}

	body {
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#loader {
		display: none;
	}

	.img-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		/*width: 65%;*/
	}

</style>

<div id="loader" class="center-div loader">
	<div class="center-div">
		<img style="text-align: center" class="img-center" src="<?= base_url('dist/img/loading.gif') ?>" alt="Loading" height="50" width="50">
		<p style="text-align: center">Chargement</p>
	</div>
</div>
