/* main content */
#content{
	max-width: 1280px;
	margin: auto;
}


/*home-annonce */
#home-annonce {
	margin-top: 10px;
	padding: 20px;
	background-color: #F0F0F0;
}
#home-annonce > li{
	display: block !important;
}

#sticky-posts{
	margin-top: 10px;
	background-color: #F0F0F0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding:20px;
	gap:29px;
}

.sticky-post-img{
	position: relative;
}
.sticky-post-img img{
	max-width: 100%;
	height: auto;
	display: block;
}
.sticky-post-img-title{
	text-align:left;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.sticky-post-img-title .title1{
	color: white;
}
.sticky-post-img-intro{
	color:#2D2D2D;
	font-weight: bold;
}

div#grid{
	margin-top: 10px;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-areas: "last-posts sidebar";
	grid-gap: 10px;
	position: relative;
}

/* last-posts */
div#last-posts{
	grid-area: last-posts;
	background-color: #F0F0F0;
}
#last-posts-title{
	text-align: center;
	color:white;
	background-color: #005D8C;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
}
div#last-posts .last-post{
	display: grid;
	grid-template-areas: "image titre"
						 "image date"
						 "image extrait";
	grid-template-columns: auto 1fr;
	grid-column-gap: 10px;
	padding:10px;
	border-top: 1px solid white;
}

div#last-posts.last-posts-home .last-post:nth-of-type(2){
	border-top: none;
}
div#last-posts .last-post:nth-of-type(1){
	border-top: none;
}
/* div#last-posts .last-post:nth-of-type(2n){
	background-color: #E0E0E0;
} */
div#last-posts .last-post .block-image{
	grid-area: image;
	position: relative;
}
div#last-posts .last-post .block-image img{
	display: block;
}

div#last-posts .last-post a{
	color: #2D2D2D;
}

div#last-posts .last-post .block-image .infos{
	text-align:left;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 10px;
	color: white;
}

div#last-posts .last-post .last-post-right{
	display: flex;
	flex-flow: column;
	gap:5px;
}
div#last-posts .last-post .last-post-cats{
	align-self: self-end;
	margin-top: auto;
}
div#last-posts .last-post .last-post-cats a{
	text-decoration: underline;
}




/* responsive */
@media screen and (max-width: 1000px) {
	#sticky-posts{
		grid-template-columns: auto;
	}
	.sticky-post{
		width: 100%;
	}
	.sticky-post-img img{
		margin:auto;
	}

	.sticky-post-img-title{
		width: 100%;
		box-sizing: border-box;
	}

	div#grid{
		margin-top: 10px;
		display: grid;
		grid-template-columns: auto;
		grid-template-areas: "last-posts"
							 "sidebar";
		grid-gap: 10px;
	}
	
	#last-posts .block-image{
		display: none;
	}
}