﻿/* Loader qui occupe toute la taille de son conteneur */
.loader-circle {
	width: 100%;
	height: 100%;
	border: 0.2em solid grey; /* La bordure en unité relative */
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.loader-circle::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 83%; /* Ajustez ce pourcentage selon le design souhaité */
	height: 83%;
	border-radius: 50%;
	border: 0.2em solid;
	border-color: #FF3D00 transparent;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}