.citation_new {
    font-family: 'Open Sans';
    src: url('http://www.bgemyth.net/fonts/OpenSans-Semibold.ttf'); 
	width:480px;
	position:relative;
	left:0px;
	    padding: 15px;
 background-color: rgba(60, 111, 100, 0.58);
		color:#ecfdc7;
		border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
		
	
}
.citation_new:before
{
content:'';
position:absolute;
background-color:#bee065;
width:2px;
height:100%;
left:0px;
top:0px;
}


.texte_news
{
width:385px;
color:#FFFFFF;

margin-top:-1px;
margin-left:-1px;
text-shadow:2px 2px 1px #366151;
display:inline-table;

letter-spacing: 0.005em;
line-height: 14px;
font-family: "Open Sans",sans-serif;
font-size: 12px;
font-weight:normal;
	word-break: break-word;
}


.ligne_news
{
   background-image: url("images/news/ligne_news.gif");
   background-repeat: no-repeat; 
   margin-top:-10px;
   margin-bottom:2px;
margin-left:1px;
}



.titre_news_normal
{
color:#BCD8A3;
font-size:11px;
font-weight: bold;
font-family:Arial;
}
.titre_news
{
color:#BCD8A3;
font-size:11px;
font-weight: bold;
font-family:"Open Sans",sans-serif;
margin-top: -9px;
margin-left:1px;
text-shadow:2px 2px 1px #366151;

}

.avatar_commentaires
{
	max-height: 40px;
	max-width: 40px;
	border: 0px;
	overflow: hidden;
	border-radius: 25px;
}
	
.conteneur_avatar
	{
		text-align: center;
	}
	
	.citation
	{
	width: 400px;
    text-align: justify;
    background-color: rgb(26 26 26 / 42%);
    border-radius: 10px;
    margin: 15px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}
	


/* Style pour la barre de pages */
.barre_pages {
font-size: 16px;
font-family: "Open Sans",sans-serif;
  display: flex;
  align-items: center;
	width: 100%;
	gap: 5px;
}
	
	
.barre_pages > div {
  width: 5%;
    height: 80%;
}

 .lien_page {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: white;
  margin-right: 10px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  border-radius: 50%; /* Arrondi */
}
.page_active {
  background-color: red; /* Fond rouge pour la page active */
  color: white; /* Texte blanc pour la page active */
}
