.screen-reader-text{
	display:none;
}
#bg_actualite
{
	margin:0;
	margin-top:0px;
	padding:0;
	width:100%;
	height:200px;
	display:flex;
	align-items:flex-end;
}

#bg_actualite h1
{
	margin:0;
	margin-bottom:20px;
	padding:0;
	padding-right:100px;
	padding-left:50px;
	font-family: 'blokletters_viltstifviltstift';
	color:#ffffff;
	background-color:#69346B;
	background: -moz-linear-gradient(left,  rgba(105,52,107,0.65) 0%, rgba(105,52,107,0.65) 79%, rgba(105,52,107,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(105,52,107,0.65) 0%,rgba(105,52,107,0.65) 79%,rgba(105,52,107,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(105,52,107,0.65) 0%,rgba(105,52,107,0.65) 79%,rgba(105,52,107,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a669346b', endColorstr='#0069346b',GradientType=1 ); /* IE6-9 */
}
.bloc_actu
{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
	justify-content:space-around;
	
}
.extrait_article
{
		
	
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	width:25%;
	min-width:280px;

	padding:20px;
	

	box-shadow : 0 0 2px 0 #C3BFC3;
	background-color:#ffffff;
	border-radius:20px;


}
.extrait_article:hover{
	background-color:#B489B7;
}
.extrait_article>h2
{
	padding-top:0;
	margin-top:0;
}
.extrait_article>h2>a
{
	text-decoration:none;
	color:#69346B;
	font-variant:small-caps;
	font-size:1.1em;
}

.extrait_article>h2>a>span
{
	text-decoration:none;
	color:#E4CAE5;
	font-size:0.7em;
	font-variant:normal;
	padding-left:10px;
}
.un_extrait>a
{
	text-decoration:none;
	color:#69346B;
}

.un_extrait>a>p
{

	margin:auto;
	margin-top:5px;
	text-align:justify;
	
}

.image_une>img
{
	

	margin:auto;
	
}
#pagination
{
	display:flex;
	justify-content:center;
	margin-top:30px;
	
}
.nav-links
{
	
	padding:20px;
	/* background-color:#ffffff; */
	font-size:1.2em;
	margin:auto;
}

.nav-links>a
{
	
	color:#C395C1;
	
	padding:5px;
	border-radius:5px;
	border: 1px solid #C395C1;
	text-decoration:none;
}

@media all and (max-width: 1024px)
{
	#bg_actualite>h1
	{
		font-size:1.3em;
		padding-right:50px;
		padding-left:20px;
	}
	.extrait_article
	{
		font-size:1em;
		width:90vw;
		border-radius:5px;
	}
	
}

@media all and (max-width: 700px)
{
	#bg_actualite>h1
	{
		font-size:1.2em;
		padding-right:30px;
		padding-left:15px;
	}
	.extrait_article
	{
		font-size:1em;
		width:95vw;
	}
	
}
@media all and (max-width: 500px)
{
	#bg_actualite>h1
	{
		font-size:1.1em;
		padding-right:10px;
		padding-left:10px;
	}
	.extrait_article
	{
		font-size:0.9em;
		width:95vw;
		padding:5px;
	}
	
}