﻿
/*#region alaune*/

#milieu .xbloc.alaune {
	padding:0;
}

	#milieu .xbloc.alaune .titre-alaune {
		margin:0 0 1rem 0;
		font-family:Anton, sans-serif; font-size:3rem; font-weight:400; line-height:1; color:#1D3FA0;
		text-transform:uppercase;
	}

	#milieu .xbloc.alaune .alaune-list {
		display:block;
	}

	#milieu .xbloc.alaune .alaune-item {
		display:grid;
		grid-template-columns:30.23% 1fr; gap:2rem;
		padding:1.5625rem 0;
	}
	#milieu .xbloc.alaune .alaune-item:nth-child(even) {
		background-color:#f7f3ea;
		box-shadow:0 0 0 100vmax #f7f3ea; clip-path:inset(0 -100vmax);
	}

	#milieu .xbloc.alaune .alaune-item .visuel {
		width:100%; max-width:390px; aspect-ratio:1/1;
		position:relative;
		border-radius:22px;
		background:none no-repeat top left;
		background-size:contain;
		overflow:hidden;
	}

		#milieu .xbloc.alaune .alaune-item .visuel::before {
			content:"";
			display:block;
			padding-top:100%;
		}

	#milieu .xbloc.alaune .alaune-item .visuel-1 { background-image:url("/images/actualites/alaune-1.png"); }
	#milieu .xbloc.alaune .alaune-item .visuel-2 { background-image:url("/images/actualites/alaune-2.png"); }
	#milieu .xbloc.alaune .alaune-item .visuel-3 { background-image:url("/images/actualites/alaune-3.png"); }

	#milieu .xbloc.alaune .alaune-item .texte {
		font-size:1.1875rem; color:#1D3FA0;
	}

		#milieu .xbloc.alaune .alaune-item .texte h3 {
			margin:0 0 0.8rem 0;
			font-size:2rem; font-weight:700; line-height:1.2; color:inherit;
		}

		#milieu .xbloc.alaune .alaune-item .texte p {
			display:block;
			margin:0.25em 0 0 0;
			font-size:1.125rem; line-height:1.35; color:inherit;
		}
	
		#milieu .xbloc.alaune .alaune-item .texte a {
			color:#E85A2C;
		}
		#milieu .xbloc.alaune .alaune-item .texte a:hover {
			color:#1D3FA0;
		}

		#milieu .xbloc.alaune .alaune-item .texte ul {
			margin:0.45rem 0 0.9rem 1.25rem;
			padding:0;
			font-size:inherit; line-height:inherit; color:inherit;
			list-style:disc;
		}

		#milieu .xbloc.alaune .alaune-item .texte li {
			display:list-item;
			margin:0.2rem 0; padding:0;
			font-size:inherit; line-height:inherit; color:inherit;
			list-style:inherit;
		}

		#milieu .xbloc.alaune .alaune-item .texte li::marker {
			color:inherit;
		}

		#milieu .xbloc.alaune .alaune-item .texte br + br {
			display:block;
			margin:0.75em 0 0 0;
			font-size:0.5em; line-height:1;
		}

@media (max-width:1000px) {
	#milieu .xbloc.alaune .alaune-item {
		grid-template-columns:1fr; gap:1.25em;
		justify-items:center;
	}
}

/*#endregion alaune*/
