div.blog{
	padding:12vh 12vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	gap:4%;
	justify-content: center;
}
.blog > h2{
	flex-basis: 100%;
	text-align: center;
	font-weight: bold;
	font-size: calc(14px + 1.4vw);
	color:var(--grisfonce);
	margin-bottom: 12vh;
}
.blog .first{
	flex-basis: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	gap:8%;
}
.blog .first .content{
	flex-basis: 46%;
	min-width:350px;
	flex-grow: 1;
	margin-bottom: 8vh;
}
.blog .first > a{
	flex-basis: 46%;
	min-width:350px;
	flex-grow: 1;
	margin-bottom: 8vh;
}
.blog .first .content h3{
	font-weight:100;
}
.blog .first .content h3 a{
	color:var(--grisfonce);
}
.blog .first .content h3 a:hover{
	text-decoration: underline;
}
span.date{
	text-transform: uppercase;
	display: block;
	font-size: calc(7px + 0.4vw);
	position: relative;
	text-align: center;
	font-weight: bold;
}
/*
span.date:before{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	height: 1px;
	background-color: var(--grisfonce);
	top:50%;
	width: 40px;
}
*/
.post-more{
	text-transform: uppercase;
	color:var(--grisfonce);
	font-weight:bold;
}
.post-more:after, .blog > h4 a:after{
	content:" \2197\fe0e";
}
hr{
	width: 100%;
	flex-basis:100%;
	border:0;
	border-top:1px solid var(--grisfonce);
	margin-bottom: 6vh;
}
.blog > h4{
	flex-basis: 100%;
	margin-bottom: 6vh;
	font-size: calc(12px + 1.1vw);
    color: var(--grisfonce);
}
.blog > h4 a{
	font-size: calc(10px + 0.8vw);
	text-transform: uppercase;
	float: right;
	color:var(--grisfonce);
}
.blog .article{
	flex-basis: 30%;
	margin-bottom: 4vh;
}


.modele_archive .blog .article{
	flex-basis: 30%;
	margin-bottom: 4vh;
}
.blog .article > a{
	margin-bottom: 2vh;
	display: block;
	font-size: calc(7px + 0.4vw);
}
.blog .article > a:hover{
	text-decoration: underline;
}
.blog .article h3 a{
	color:var(--grisfonce);
}
.blog .article h3{
	font-size: calc(9px + 0.7vw);
	font-weight:400;
	margin-top: 4vh;
}
nav.pagination{
    width: 100%;
    text-align: center;
    font-size: calc(11px + 0.8vw);
    margin-top: 3vw;
}

.page-numbers.current{
	color: var(--vert);
}

.page-numbers:active{
	color: var(--vert);
}

.page-numbers{
	color: black;
}



@media screen and (max-width:1079px){
	.blog .article{
		flex-basis: 30.6666%;
	}
}
@media screen and (max-width:970px){
	.blog .first .content{
		min-width:100%;
	}
	.blog .first > a{
		min-width:100%;
	}
}
@media screen and (max-width:740px){
	.blog .first .content{
		order:2;
	}
	.blog .first > a{
		order:1;
	}
	.blog .article{
		flex-basis: 48%;
	}
}