#navActuPubli { margin:0 0 35px; width:100%; }
#navActuPubli.modifMarge { margin-top:10px; margin-bottom:20px; }

#navActuPubli label { 
	background: #1b415a;
	color: #fff;
	text-shadow: 1px 1px 1px #0d202c;
	font-size:14px;
	padding:3px 8px;
	border-color:#fff;
}

#navActuPubli label.active { background:#468734; text-shadow: 1px 1px 1px #0d2c0f; }

#navActuPubli label:first-child { text-overflow:ellipsis; overflow:hidden;  }

#navActuPubli label:first-child:before, 
#navActuPubli label:first-child::before { content: "Actualités/Publications"; }

@media screen and (max-width: 450px) {
	#navActuPubli label:first-child:before { content: "Tout"; }
}

#navActuPubli label.btn-secondary:focus, 
#navActuPubli label.btn-secondary.focus { box-shadow: none; -webkit-box-shadow: none; }

#affActualites, #affPublications { display:none; }

#affTout div.list-group, #affActualites div.list-group, #affPublications div.list-group {
	position:relative; 
	z-index:1; 
}

#alaune_mobile { 
	display: block;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
	padding: 0 10px;
	font-size:16px;
	color: #1b415a;
}

#alaune_mobile i { position:relative; top:3px; font-size:24px; margin-right:10px; }

#indexBlocAlaUne { position:relative; width:100%; margin:0 auto; padding-bottom:20px; }

#indexBlocAlaUne article, 
.jsrepere article { 
	position:relative;
	margin-bottom:10px;
	line-height: initial;
	padding:10px;
	color: #1b415a;
}

#indexBlocAlaUne article:nth-child(2) { 
	margin-top:20px; 
	padding-top:20px;
	border-top:1px dashed #1b415a57;	
}

#indexBlocAlaUne article figure, 
.jsrepere article figure { margin:0; margin-left:16px; float:right; }

#indexBlocAlaUne article figure:after, 
#indexBlocAlaUne article figure::after, 
.jsrepere article figure:after, 
.jsrepere article figure::after { clear:both; }

#indexBlocAlaUne article figure img { width:60px; height:60px; }
.jsrepere article figure img { width:60px; height:60px; }

#indexBlocAlaUne article a { color: #1b415a; }

.jsrepere article a.lienArticle { display:block; position:absolute; top:0; left:0; width:100%; height:calc(100% - 60px); }
.jsrepere article:not(:first-child) { border-top: 1px dashed #1b415a57; margin-top:10px; padding-top:20px; }

#indexBlocAlaUne article a.titre, 
.jsrepere article div.texte { 
	display:inline;
	width:100%;
	margin-top:10px;
	font-size:14px; 
	line-height:22px;
	letter-spacing:.5px; 
	text-decoration:none;
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	-ms-hyphens: auto; 
	hyphens: auto;
}

#indexBlocAlaUne article div.infosPost, 
.jsrepere article div.infosPost { 
	width:100%;
	text-align:left;
	margin:0; 
	margin-top:10px;
	line-height:18px;
}

#indexBlocAlaUne article div.infosPost time, 
.jsrepere article div.infosPost time, 
#indexBlocAlaUne article div.infosPost a { font-weight:bold; }
#indexBlocAlaUne article a.infosPost, 
.jsrepere article div.nbcoms { display:block; margin-top:10px; font-size:12px; font-weight:bold; }
#indexBlocAlaUne article i, 
.jsrepere article div.nbcoms i { margin:0 5px 0 0; position:relative; top:1px; font-size:13px; }

#selecteurPage { 
	font-size:12px; 
	padding: 30px 0; 
	display:grid; 
	grid-gap:0; 
	grid-template-columns: repeat(2, 1fr);
}

#selecteurPage.modifGrid { grid-template-columns:1fr; }

#selecteurPage a {
	display: inline-block;
	padding: 6px 10px 5px;
	text-align:center;
	text-shadow: 1px 1px 1px #0d202c;
	font-size:14px;
	text-decoration:none;
	background: #1b415a;
	color: #fff;
	position: relative;
	width:calc(100% - 19px);
}

#selecteurPage a[role="prec"] { left:17px; }

#selecteurPage a[role="suiv"] { left:2px; }

#selecteurPage a[role="prec"]:first-of-type:before {
	content: "";
	position: absolute;
	top: 0;
	left: -16px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-right: 16px solid #1b415a;
}

#selecteurPage a[role="suiv"]:last-of-type:after {
	content: "";
	position: absolute;
	top: 0;
	right: -16px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #1b415a;
}


@media screen and (max-width: 450px) {
	/* #indexBlocAlaUne { width:100%; }
	#indexBlocAlaUne article {  
		height:auto; 
		grid-template-columns: 1fr;
		grid-template-areas: 'img' 'texte' 'coms';
	}
	#indexBlocAlaUne article figure { display:block; }
	#indexBlocAlaUne article a.titre { display:block; max-height: none; margin:0; padding:0; }
	#indexBlocAlaUne article div.infosPost { 
		overflow:initial; 
		height:auto; 
		max-height:none; 
		line-height:26px; 
		margin-top:0; 
		padding-left:0; 
		text-align:right; 
	}
	#indexBlocAlaUne article div.infosPost div.bsep { display:block; font-size:14px; }
	#indexBlocAlaUne article div.infosPost div.bsep i{ margin:0 5px 0 0; } */
}



@media screen and (min-width: 700px) {
	/* #indexBlocAlaUne {
		width:100%;
		display:grid;
		grid-gap:10px; 
		grid-template-columns:repeat(2, 1fr);
		grid-template-areas: 'b1' 'b2';
	}
	#indexBlocAlaUne article:nth-child(1) { grid-area: b1; grid-column:1; grid-row: 1; }
	#indexBlocAlaUne article:nth-child(2) { grid-area: b2; grid-column:2; grid-row: 1; margin-bottom:0; }
	#indexBlocAlaUne article {  
		height:auto; 
		grid-template-columns: 1fr;
		grid-template-areas: 'img' 'texte' 'coms';
		margin:0 auto;
		padding:20px;
	}
	#indexBlocAlaUne article figure { display:block; }
	#indexBlocAlaUne article a.titre { display:block; max-height: none; margin:0; padding:0; }
	#indexBlocAlaUne article div.infosPost { 
		overflow:initial; 
		height:auto; 
		max-height: none; 
		line-height:26px; 
		margin-top:0; 
		padding-left:0; 
		text-align:right; 
	}
	#indexBlocAlaUne article div.infosPost div.bsep { display:block; font-size:14px; }
	#indexBlocAlaUne article div.infosPost div.bsep i{ margin:0 5px 0 0; } */
}