#page-actus 			{ position: relative; padding-bottom: 60px }
.blcActus 				{ padding: 40px 0 }
.lstActus .card 		{ border: none; background-color: transparent;}
.lstActus .card .cntImg { height: 308px;}

.lstActus .card .cntImg {
	height: 308px;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.lstActus .card-img-top { border-radius: 0;height: 100%; object-fit: cover;width: 100%;}
.lstActus .card-body {
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}
.lstActus .card .card-title { font-weight: 600; margin-bottom: 15px ; overflow: hidden; font-size: 22px ; color: #3A3A3A; display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 60px; }
.lstActus .card  .date { color: #000; display: block; margin-bottom: 15px; font-size: 14px; font-weight: bold;  }
.lstActus .card .card-text {
	color: #000; margin-bottom: 20px;
	display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;/* height: 80px */
}
.lstActus .card .btn.btn-primary {
	background-color: #fff;
}

.lstActus .card .btn-primary:hover {
	background-color: #2E1B0C;
}
.lstActus .itemArt { 
	padding: 0 24px 20px
	 }
.pagination li { 
	padding: 0 5px 
}
.page-item.next .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 153px !important;
	padding: 3px 10px !important;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #fff;
	font-size: 16px
}
.page-item.prev .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 153px !important;
	padding: 3px 10px !important;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #fff;
	font-size: 16px
}

.page-link:focus {
	z-index: 3;
	outline: 0;
	box-shadow: none;
	color: #3a3a3a
}

.page-item.next .page-link:hover ,
.page-item.prev .page-link:hover { 
	background-color:#e59924  
}
.pagination li { height: 50px }
.pagination li a {
	border:#707070 solid 1px;
	width: 50px;
	height: 50px;
	padding: 3px 0 !important;
	font-size: 22px;
	font-weight: bold;
	background-color: #E3E3E3;
	line-height: 40px;
	border-radius: 0 !important
}
.pagination li a:hover { 
	background-color:#e59924 ; 
	color: #3A3A3A  }
.pagination li.active a { 
	background-color:#e59924 ; 
	color: #3A3A3A; 
	border-color: #707070  }
.pagination li.active {
	background-color: transparent;
	border: none;
}
.page-link.point {
	background: none;
	border: none;
	font-size: 40px;
 	line-height: 20px;

}
.page-link.point:hover { 
	background-color: transparent; 
	border:none; color: #707070 
}
.lstActus {
	position: relative;
	z-index: 10;
	margin: 0 -24px
}

#page-actus  .anim.anim1 {
	position: absolute;
	left: 40px;
	top: 40px;
	width: 490px;
	height: 490px;
	border-radius: 50%;
	z-index: 5;
}

#page-actus  .anim1 {
	left: 0;
	top: 0;
	animation: animName 80s linear infinite;
	width: 490px;
	height: 490px;
	border-radius: 50%;
	border: rgba(148,148,148,0.2) solid 1px;
	overflow: hidden;
} 
#page-actus  .anim.anim1 img { 
	opacity: 0 
}

#page-actus .anim.anim3 img {
	opacity: 0;
	height: 200px;
	width: 200px;
}
#page-actus  .anim.anim3 { 
	right: 40px; 
	bottom: 40px; 
	width: 300px; 
	height: 300px; 
	z-index: -1
}

/*Actus détails*/

#page-actus-details {
	padding: 60px 0;
}

#page-actus-details h1 {
	background-color: #F9BA15;
	padding: 10px 20px;
	min-width: 296px;
	color: #2E1B0C;
	text-transform: uppercase;
	font-size: 32px;
	display: inline-block;
	margin-bottom: 43px;
	margin-left: 10px
}
.txte-image { margin-bottom: 40px }
.txte-image h2 {
	color: #F9BA15;
	font-size: 28px;
	text-transform: none;
	margin-bottom: 20px
}
.txte-image .date {
	color: #3A3A3A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px
}
.txte-image p {
	font-size: 16px;
	line-height: 32px
}

.modular-texte h3{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px
}
.txte-image img {
	width: 100%;
}
.txte-image .txt {
	padding-left: 40px;
}

.modular-texte .btn-primary {
	background-color: #fff;
}

.modular-texte .btn-primary:hover {
	background-color: #2E1B0C
}

.modular-texte ul li {
  position: relative;
  margin-bottom: 5px;
}
.modular-texte ul li::before {
  content: "";
  background-color: #F9BA15;
  width: 31px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: -13px;
  top: 15px;
  z-index: -1;
}
.modular-texte ul {
	padding-left: 14px;
	margin-bottom: 25px;
}
.modular-texte p {
	line-height: 32px;
	font-size: 16px
}
p {
	line-height: 32px;
	font-size: 16px
}

#page-actus-details .btn.btn-primary {
	margin-left: 12px;
}

@media (max-width:1200px) {  
	.lstActus .itemArt {
		padding: 0 14px 20px;
	}
	.lstActus { 
		margin: 0 -14px 
	}

}
@media (max-width:991px) { 
	#page-actus {
		padding-top: 0;
	}
	.blcActus {
		padding: 40px 0;
	}
	.pagination li.prev, .pagination li.next {
		width: auto;
	}
	#page-actus-details {
		padding: 40px 0 60px;
	}
	.txte-image .txt {
		padding-left: 0;
	}

}
@media (max-width:767px) { 
	.lstActus .card .cntImg {
		height: 250px;
	}
	#page-actus .anim.anim1 { 
		display: none 
	}
	.txte-image .image {
		margin-bottom: 30px
	}
	.txte-image {
		margin-bottom: 10px;
	}



}

@media (max-width:600px) { 
	.blcActus {
		padding: 30px 0;
	}
	.pagination li {
		height: 40px 
	}
	.pagination li a {
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 35px;
	}
	.pagination li {
		padding: 0 3px;
	}
	.page-item.next .page-link { 
		width: 100px !important 
	}
	.page-item.prev .page-link { 
		width: 100px !important 
	}
	.lstActus .card-body {
		padding-bottom: 15px;
	}
	.lstActus .itemArt {
		padding: 0 10px 10px;
	}
	.pagination li.prev, .pagination li.next {
		width: auto;
	}
	.pagination {
		flex-flow: row wrap;
		row-gap:10px;
	}
	.lstActus {
		margin: 0 -10px;
	}
	#page-actus {
		padding-top: 0;
		padding-bottom: 30px;
	}
	#page-actus-details h1 {
		min-width: inherit;
	}
	.page-item.prev .page-link,
	.page-item.next .page-link { font-size: 14px }

}