/* Actualites List*/
#header {
    box-shadow: none;
    -webkit-box-shadow: none;
}
#center_column {
    /* min-height: calc(100vh - 170px); */
    min-height: calc(100vh - 117px);
    background-color: #fff;
}
.catalogue-grid > div:nth-child(7), .catalogue-grid > div:nth-child(8) { display: none; }
#actualitesList .titre-page {
 /*position: relative;
	width: 100%;
	height: 54px;
	background-color:#fff;
	margin-top:54px;
	border-bottom:3px solid #EFECEC;*/
	top: 53px;
    width: calc(100% - 30px);
    background-color: #fff;
    padding: 17px 18px;
    position: fixed;
    z-index: 100;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}
#actualitesList .titre-page h1 {
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	display: inline-block;
}

.actualites-listing {
	position: relative;
	max-width: 960px;
	margin: 108px auto 0;
}
.actualites-item {
	width: 100%;
	background-color: #fff;
	border-right: 3px solid #EFECEC;
	border-left: 3px solid #EFECEC;
	border-bottom: 3px solid #EFECEC;
	display: flex;
	justify-content: space-between;
}
.actualites-image { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; width: 66.666666666666666%; border-right: 3px solid #EFECEC; height: 450px; }
.actualites-titre { position: relative; margin-top: 15px; margin-left: 15px; }
.actualites-titre p { background-color:#ffff94; font-size: 24px; color:#000; display: block; width: fit-content; padding: 3px 8px; margin-bottom: 3px;}
.actualites-titre p:nth-child(2) { background-color:#000; color:#fff; }
.actualites-titre p:nth-child(3) { background-color:#efecec; color:#000; }
.actualites-legend { position: absolute; bottom: 10px; left: 10px;  }
.actualites-legend p { display:none; }
.actualites-legend h6 { font-size: 10px; color:#EDEAE7; }

.actualites-content { width: 33.33333333333333%; height: 450px; overflow: hidden; position: relative}
.actualites-text { width:100%; padding:11px 0; }
.actualites-text p {  padding: 0 15px; font-size:16px; line-height: 20px; }
.actualites-text h6 { display:none;}

.actualites-bl { width: 100%; display: flex; justify-content: space-between; border-top:3px solid #EFECEC;     position: absolute;
    bottom: 0;
    background-color: #fff; }
.actualites-book { width: 50%; border-right: 3px solid #EFECEC; padding:11px 0 22px; }
.actualites-book p { padding: 0 15px; font-size:16px; line-height: 20px; }
.actualites-event { width:50%; padding:11px 0 22px; }
.actualites-event p { padding: 0 15px; font-size:16px; line-height: 20px; }

#actualitesList .scrollBar{
	border:0;
}
#actualitesList.slider{
	height:auto; 
	border:0;
}
#actualitesList .slide{
	width:220px; 
	padding:0 14px;
	border-right:1px solid #d6d6d7;
	position:relative;
}
#actualitesList .slide .date{
	display:block;
	background:#000000;
	color:#ffffff;
	font-size:1em;
	padding:7px 7px 7px 14px; 
	float:left;
	margin:0 0 0 -14px;
}
#actualitesList .slide:first-child{
	border:0;
}
#actualitesList.slider .content .handle,
#actualitesList.slider .slide,
#actualitesList.slider .content,
#actualitesList.scrollBar .content .handle .drag{
	height:auto;
}
#actualitesList.slider h5 img{
	vertical-align:1px
}
#actualitesList.slider h5 a,
#actualitesList.slider h5{
	color:#000000;
	font-size:18px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:1em; 
	padding:0 0 0 0;
	font-weight:bold;
	clear:both;
}
#actualitesList.slider h5 a{
	padding:14px 0;
}
#actualitesList.slider h5 a:hover{ 
	text-decoration:underline;
}
#actualitesList.slider h5 a{
	padding:14px 0;
}
#actualitesList.slider p{
	font-size:1em;
}
#actualitesList.slider h6 a{
	font-size:1.636em;
	text-decoration:underline;
	text-transform:none;
}
#actualitesList .image{
	float:left; 
}
#actualitesList .text{
	float:left; 
	/*
	width:322px;
	padding:7px 14px 0 21px;
	*/
	padding:14px 0 0;
	width:220px;
}
#actualitesList .text p{
	text-align:justify;
	line-height:13px; 
	padding:0;
	color:#000000;
}

#actualitesListContent,
#actualitesListContent .text,
#actualitesListContent .slide{
	word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.btMoreActus{
	float:left;
	margin:200px 0 0; 
	color:white;
	font-size:11px;	
}
.btMoreActus a{	
	text-decoration:underline;
	padding:14px;
	display:block;
	color:white;
	background:url('../img/btMoreActus.png') 
}
.btMoreActus a:hover{	
	text-decoration:none;
}