/* AFFICHAGE 2026*/
.section.article.blog { padding:0 0 50px 0; }

#breadcrumbs .inner_breadcrumbs {
	margin:20px 0;
}
#breadcrumbs h1 {
    font-size: 13px;
    font-family: 'Golos Text', sans-serif;
    font-weight: 400;
    width: fit-content;
    display: contents;
}

#categorieActualite,
#sscategorieActualite { position: relative; margin: 0 0 20px; }

#categorieActualite ul,
#sscategorieActualite ul {  list-style-type: none; padding: 0; margin: 0; gap:10px; flex-direction:row;  flex-wrap:wrap; display:flex; align-items:start; justify-content:start;  }

#categorieActualite .btn,
#sscategorieActualite .btn { }

#categorieActualite .btn.on,
#sscategorieActualite .btn.on { background:rgba(21, 49, 100, 0.2); color:#1c2b45!important; } 

.actualite {
	position:relative;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display:flex; 
    flex-direction:column;
    justify-content:start;
    flex:1 0 30%;
	max-width:33%; 
}
.actualite.populaire { justify-content:start; box-shadow: unset; }
.actualite.populaire h3 { font-size:16px; }

.actualite.empty {
	box-shadow: none;
	height:0;
}

.actualite .image {
	position:relative;
    width: 100%;
    padding-top: 60%;
    height: 0;
}

.actualite .description {
	position:relative;
	width:100%;
	height:100%;
	padding: 15px 20px 80px;
	display:flex;
	flex-direction:column;
	gap: 10px;
	box-sizing: border-box;
}

.actualite .categorie {
    font-weight: bold;
    font-size: 18px;
    background:#1c2b45;
    color:#FFF;
    width:fit-content;
    padding:5px;
}

.actualite .title {
	font-weight: bold;
    font-size: 18px;
}
.actualite .title a { text-decoration: none!important; }


.actualite .content {
	font-size: 12px;
}
.actualite .action_zone {
	position:absolute;
	width:100%;
	padding: 15px 20px;
	display:flex;
	box-sizing:border-box;
	flex-direction:row!important; 
	justify-content: space-between;
	align-items: center;
	bottom:0; 
	left:0;
}

#allActus { margin-top:20px; }

#allActus, #tympan, #tympan #tympanD:last-child { gap: 50px; }
#tympan #tympanG .actualite {
    position:relative;
    width: 100%;
    height: 100%;
	max-width:unset;
    padding-top: 0;
    flex-direction:row;
    overflow:hidden;
    margin:0;
    min-height: 300px;
}
#tympan #tympanG .actualite .link_image { position:relative; width: 100%; height:100%; }
#tympan #tympanG .actualite .image { position:absolute;top: 0; height: 0; width: 100%;z-index:-1; }

#tympan #tympanG .description {
    bottom: 0;
    position: absolute;
    height: auto;
    background: rgba(255,255,255,0.8);
    justify-content: flex-end;
    align-content: flex-end;
    align-items: start;
}

#tympan #tympanD { display:flex; flex-direction:column; }
#tympan #tympanD .actualite {
    width: 100%;
	max-width:unset;
    flex-direction:row;
    align-items:center;
    margin: 0;
}
#tympan #tympanD .actualite .link_image { position:relative; width: 80%; height:100%; }
#tympan #tympanD .actualite .image { 
	width: 100%;
	height:100%;
    padding:0; 
}

#paginationLinks { list-style: none; margin: 20px; padding: 0; display: flex; flex-direction: row; gap: 10px; }
#paginationLinks li { border:  1pX solid; padding: 5px; font-size: 13px; }
#paginationLinks li.on { background: #1c2b45; color: #FFF; }
#paginationLinks li:hover{ background:#999; color: #FFF!important; }
#paginationLinks li:hover a { color: #FFF!important;}

.page_actualite  {
	display:flex;
	flex-direction:row;
	align-items:start;
	align-content:start;
	justify-content:space-between;
	gap:20px;
}
.page_actualite .content {
	width:100%;
}	
.page_actualite .links {
	width:40%;
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.page_actualite .btn {
    display: inline-block;
}

.page_actualite .links h3 { margin:0; font-size:16px; border-bottom: 2px solid rgb(10, 18, 114); }
.page_actualite .actusLinks,
.page_actualite .articleLinks,
.page_actualite .prodLinks,
.actualite .popLinks {
	list-style:none;
	margin:0 0 40px;
	padding:0;
}

.page_actualite .actusLinks .actusLink,
.page_actualite .articleLinks .articleLink,
.page_actualite .prodLinks .prodLink,
.actualite .popLinks .popLink { 
    position:relative;
	margin:5px 0;
    padding:10px;
    background:rgba(0,0,0,0.1);
}
.page_actualite .actusLinks .actusLink,
.page_actualite .articleLinks .articleLink, 
.page_actualite .prodLinks .prodLink,
.actualite .popLinks .popLink {
									   display:flex;
									   flex-direction:row;
									   align-content: center;
									   align-items: stretch;
									   justify-content: start;
									   gap: 15px;
									   }
.page_actualite .actusLinks .actusLink .image,
.page_actualite .articleLinks .articleLink .image,
.page_actualite .prodLinks .prodLink .image,
.actualite .popLinks .popLink .pop_Image { width: 200px; height:100%; }

.page_actualite .actusLinks .actusLink .image img,
.page_actualite .articleLinks .articleLink .image img,
.page_actualite .prodLinks .prodLink .image img,
.actualite .popLinks .popLink .pop_Image img { object-fit:contain; width:100%; }

.page_actualite .actusLinks .actusLink .desc,
.page_actualite .articleLinks .articleLink .desc, 
.page_actualite .prodLinks .prodLink .desc,
.actualite .popLinks .popLink .pop_Desc { width: 100%; padding: 5px 10px; display:flex; flex-direction:column; justify-content:space-between;  }

.page_actualite .actusLinks .actusLink .title,
.page_actualite .articleLinks .articleLink .title,
.page_actualite .prodLinks .prodLink .title,
.actualite .popLinks .popLink .pop_Title { font-size: 14px; }

.page_actualite .actusLinks .actusLink .title a,
.page_actualite .articleLinks .articleLink .title a,
.page_actualite .prodLinks .prodLink .title a,
.actualite .popLinks .popLink .pop_Title a { text-decoration:none!important; }

.page_actualite .actusLinks .actusLink .desc .link,
.page_actualite .articleLinks .articleLink .desc .link,
.page_actualite .prodLinks .prodLink .desc .link,
.actualite .popLinks .popLink .pop_Desc .pop_Link { text-align:right; padding:5px; }

.page_actualite .actusLinks .actusLink .desc .link a,
.page_actualite .articleLinks .articleLink .desc .link a,
.page_actualite .prodLinks .prodLink .desc .link a,
.actualite .popLinks .popLink .pop_Desc .pop_Link a { background: #999; color:#FFF; padding: 5px; text-decoration:none!important; }

.prodLink .link { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.prodLink .regular_price { font-size: 20px; font-weight: 600; }
.prodLink .regular_price sup { font-weight: 200;}

.prodLink .favorites { position: absolute; top:10px; right:10px; padding:0 0 30px 30px; font-size:20px; color:#1c2b45; cursor:pointer; }
.prodLink .favorites:hover, .prodLink .favorites.on { color: #fd6a6a; }
.prodLink .favorites .favorites_text { font-size: 12px; margin: 0 5px; padding:5px; background:#FFF; display:none; }
.prodLink .favorites:hover .favorites_text { display:flex; } 

@media screen and (max-width: 1024px){
	#categorieActualite,
	#sscategorieActualite { position: relative; height: 50px; margin: 0 0 20px; overflow-x: scroll; }

	#categorieActualite ul,
	#sscategorieActualite ul { position:absolute; height:100%; top:0; left:0; list-style-type: none; padding: 0;  margin: 0; gap:10px; width:max-content; flex-direction:row; flex-wrap:no-wrap; display:flex; align-items:start; justify-content:start;  }

	
	#allActus, #tympan #tympanD:last-child {
	    gap: 20px;
	    flex-direction: row;
	}
	#tympan {
		gap: 20px;
	    flex-direction: column;
	}
	
	.actualite,
	#tympan #tympanG .actualite,
	#tympan #tympanD .actualite {
	    position:relative;
	    width: 100%;
	    height: auto;
		max-width:unset;
	    padding-top: 0;
	    flex-direction:column;
	    overflow:hidden;
	    flex:1 0 30%;	
	}
	
	#tympan #tympanD .actualite .link_image { width:100%; }
	
	.actualite .image,
	#tympan #tympanG .actualite .image,
	#tympan #tympanD .actualite .image { 
		position:relative;
		width: 100%;
		height:0;
	    padding:60% 0 0; 
	}
	
	#tympan #tympanG .description {
		position: relative;
		bottom:unset;
		background:unset;
	}
	
	.page_actualite { flex-direction:column; }
	.page_actualite .links { width:100%; }
}

@media screen and (max-width: 768px){
	.actualite,
	#tympan #tympanG .actualite,
	#tympan #tympanD .actualite {
		flex:1 0 47%;	
	}
	
	#tympan #tympanD .actualite .link_image { width:100%; }
}

@media screen and (max-width: 568px){
	#tympan #tympanD:last-child {
		flex-direction:column;	
	}
	.actualite,
	#tympan #tympanG .actualite,
	#tympan #tympanD .actualite {
		flex:unset;	
	}
}