.actualite {
	.grid{
		display: grid;
		grid-template-columns: 1fr;
        @media screen and (min-width: 768px) {
			grid-template-columns: 33% 33% 33%;
			grid-auto-rows: auto;
			grid-gap: 1em;
			padding-left:1em;
	}
		.grid-item {
			background-color: #fff;
			border-radius: 10px;
			padding: 0.5em;

		}

	}
}
.actualite > article > p {
	text-align: center;
}
.actualite-content > .link {
	background-color: #fff;
	border: solid 1px var(--dark-blue);
	justify-self: center;
}


.category-select {
    background-color: #fff; /* fond blanc */
    border: none;           /* pas de bord par défaut */
    color: #000;
    padding: 4px 0;
    outline: none;          /* supprime le contour bleu au focus */
    appearance: none;       /* supprime le style natif (Chrome, Safari) */
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size:1em;
	line-height: 1.25em;
	cursor: pointer;
}
.category-select:focus {
  outline: 2px solid var(--dark-blue); /* ou une couleur contrastée */
  outline-offset: 2px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
	border-bottom: 1px solid #000; /* ligne noire en bas */
	padding: 0.25em;
  	
	width: 225px;
	display: block;       /* prend toute la largeur disponible */
    margin: 0 auto;       /* centre horizontalement */
}

.select-label {
    position: relative;
    display: inline-block;
	padding: 0.25em;
  	font-weight: bold;
	width: 225px;
	display: block;       /* prend toute la largeur disponible */
    margin: 0 auto;       /* centre horizontalement */
	
}
select > option {
		word-spacing: 5em;
	}


.actu-liste {
	margin-top: 2em;
}
.actualite-image {
	@media screen and (min-width: 768px) {
	min-height:208px;
	}
}