/* FEUILLE DE STYLE pour pagination*/

/* exemple : <h3 style="text-align: right;">Nouveau texte</h3> */

/*	<div style="display:flex; justify-content:flex-end;">
		<h3>Nouveau texte</h3>
	</div> */

.texte-droite {
	text-align: right;
}

.texte-gauche {
	text-align: left;
}

.bloc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bloc h3 {
	margin-left: 20px;
}

.bloc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bloc h3 {
	margin-left: 20px;
}

.conteneur {
	display: flex;
	gap: 30px;
}

.texte {
	flex: 2;
}

.encadre {
	flex: 1;
	background-color: #f2f2f2;
	padding: 20px;
	border-radius: 8px;
}

.encadre {
	flex: 1;
	background-color: #e8f4ff;
	padding: 20px;
	border-left: 5px solid #2c7be5;
	border-radius: 6px;
}