/* Page Blog */

.block-actualite{
	width: 956px;
	margin: 0px auto 95px;
	position: relative;
	display: flex
;
    align-items: center;
    flex-direction: column;
    gap: 80px;
}
.block-actualite h2{
	width: 898px;
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 35px;
	line-height: 50px;
	letter-spacing: -0.02em;
	color: #1B355E;
	    text-align: center;
}
.block-actualite h2 strong{
	font-weight: 500;
	text-transform: uppercase;
}
.block-actualite .block-actualite-list{
	width: 956px;
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 28px 20px;
}

.block-actualite-list .blog-post{
	width: 468px;
	height: 358px;
	border-radius: 22px;
	background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	overflow: hidden;
}
.block-actualite-list .blog-post-info{
	width: 382px;
    position: absolute;
    bottom: 52px;
    left: 50%;
    transform: translateX(-50%);
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.block-actualite-list .blog-post-info h3{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 34px;
	text-transform: uppercase;
	color: #FFFFFF;

}
.block-actualite-list .blog-post-cat{
	width: auto;
	position: absolute;
    top: 31.67px;
    left: 43px;
	display: flex;
    flex-direction: column;
    gap: 10px;
	color: #FFF;
	font-family: "Exo 2", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 146.667% */
	text-transform: uppercase;
}
.block-actualite-list .blog-post-cat:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -46.06px;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2228%22%20viewBox%3D%220%200%2032%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.629%209.15329H0.953125V4.817H9.88932L22.1541%200H31.9999V4.3363H22.8838L10.629%209.15329Z%22%20fill%3D%22%23C81D17%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10.6298%2018.5761H4.82227V14.2398H9.89011L22.1549%209.42285H28.1323V13.7591H22.8846L10.6298%2018.5761Z%22%20fill%3D%22%23C81D17%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10.629%2028H0.953125V23.6637H9.88932L22.1541%2018.8467H31.9999V23.183H22.8838L10.629%2028Z%22%20fill%3D%22%23C81D17%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 31.06px 27.959px;
    width: 31.06px;
    height: 27.959px;
}
.block-actualite-list .blog-post-info p{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 17px;
	color: #FFFFFF;
}
.block-actualite-list .blog-post-date{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
}

.block-actualite  a.btn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px 23px 0px 46px;
	gap: 22px;
	background-color: #FFFFFF;
	border: 1px solid #909FB8;
	box-shadow: 0px 6px 16.3px rgba(27, 53, 94, 0.25);
	border-radius: 22px;
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 51px;
	color: #1B355E;
	text-decoration: none;
	width: 260px;
	text-transform: capitalize;
	height: 60px;
	left: 62px;
	bottom: 81px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.6667%2015L17.5%2010M21.6667%2015L17.5%2020M21.6667%2015H8M28.5%2015C28.5%2022.4558%2022.4558%2028.5%2015%2028.5C7.54416%2028.5%201.5%2022.4558%201.5%2015C1.5%207.54416%207.54416%201.5%2015%201.5C22.4558%201.5%2028.5%207.54416%2028.5%2015Z%22%20stroke%3D%22%231B355E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
    background-size: 27px;
    background-position: calc(100% - 41px) 50%;
}

.block-actualite  a.btn:hover {
	background: #1B355E;
	color: #FFF;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2230%22%20viewBox%3D%220%200%2029%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.1667%2015.3623L17%2010.3623M21.1667%2015.3623L17%2020.3623M21.1667%2015.3623H7.5M28%2015.3623C28%2022.8181%2021.9558%2028.8623%2014.5%2028.8623C7.04416%2028.8623%201%2022.8181%201%2015.3623C1%207.90646%207.04416%201.8623%2014.5%201.8623C21.9558%201.8623%2028%207.90646%2028%2015.3623Z%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: 27px;
    background-position: calc(100% - 41px) 50%;
	border: 1px solid #1B355E;
	
}
.btn-actualite-go{
	    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22112%22%20height%3D%22113%22%20viewBox%3D%220%200%20112%20113%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M77.8558%2084.9093C102.395%2084.9093%20112%2096.0227%20112%20112.428L112%200H0C14.7173%200%2030.9829%200%2030.9829%2039.6906C30.9829%2079.3813%2049.2454%2084.9093%2077.8558%2084.9093Z%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%22100%22%20y%3D%2259%22%20width%3D%2253%22%20height%3D%2252%22%20rx%3D%2226%22%20transform%3D%22rotate(-180%20100%2059)%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M83.4863%2023.0723L63.7689%2042.7897%22%20stroke%3D%22%231B355E%22%20stroke-width%3D%220.995922%22%2F%3E%3Cpath%20d%3D%22M79.6152%2041.7363L63.7693%2042.7911L64.8241%2026.9452%22%20stroke%3D%22%231B355E%22%20stroke-width%3D%220.995922%22%2F%3E%3C%2Fsvg%3E');
    background-size: 112px 112.43px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    background-position: right top;
    z-index: 1;
}