.wall_item img {
    max-height: 300px;
  display: block;
  margin: 0 auto;
  text-align: center;
  }


.pagination {  
}


.pagination .suite {

}

.pagination .fin {

    text-align: center;
    padding: 30px;
}




html_pagination

article {
    margin-bottom: 50px;
    /* font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif; */

}

article .titre-principal {
     font-size: 31px;
     font-weight: 500;
     letter-spacing: -0.462px;
     line-height: 30px;
     font-stretch: 100%;
     overflow-wrap: break-word;
     text-rendering: optimizelegibility;
     word-break: break-word;
     margin-top: 41px;
}

article .meta {
    display:        flex;
    align-items:    flex-start;
    padding:        7px;
    border-top:     0px solid #ccc;
    border-bottom:  0px solid #ccc;
    
    margin-top:     9px;
    margin-bottom:  9px;

    gap:            5px; /* Espacement entre la photo et les informations */
    width:      100%;
    /* margin: auto; */
}

article .meta > div:last-child {
    display: flex;
    flex-direction: column; 
    gap: 2px; /* Espacement entre les lignes de méta-données */
}

article .meta > div,
article .meta > span {
    display: block;
    margin-bottom: 5px; /* espacement entre les lignes */
}


article .photo-auteur {
    width: 45px;       /* ajuster la taille selon préférence */
    height: 75px;
    border-radius: 10%; /* photo ronde */
    margin-right: 3px; /* espacement entre la photo et le texte */
    object-fit: cover;
}

article .meta .meta-auteur, 
        .meta .meta-canal, 
        .meta .meta-visibility, 
        .meta .meta-bubulle, 
        .meta .meta-grade, 
        .meta .meta-date,
        .meta .meta-visiteurs,
        .meta .meta-vote  {
    margin: 0px;
    padding: 0px;
    font-size: 11px ;
}



article .stat-info {
    text-align: right; /* Alignement du texte à droite */
    margin-left: auto; /* Pousse la div vers la droite */
    margin-right: 0; /* Assure qu'il n'y a pas d'espace à droite */
}

article .stat-data {
    font-size: 11px;
}



article .chapo {
    background-color: #eeeeee;
    margin-top: 21px;
    margin-botom: 21px;
    padding: 8px;
    text-align: center;
    color: darkblue;
    cursor: pointer;
}

article .texte {
    padding: 0px;
    margin:  0px;
}


article .texte p {
    /* font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; */
    font-size: 15px;
    padding: 0px;
    line-height: 20.9px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0px;
}

article .texte h1 {
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    margin-top: 26px;
    margin-bottom: 9px;
}

article .texte h2 {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    margin-top: 23px;
    margin-bottom: 9px;
}

article .texte h3 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-top: 9px;
    margin-bottom: 9px;
}

article .texte h4 h5 h6 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-top: 9px;
    margin-bottom: 9px;
}



article table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

article th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

article th {
    background-color: #f2f2f2;
    font-weight: bold;
}

article tr:nth-child(even) {
    background-color: #f9f9f9;
}

article tr:hover {
    background-color: #e2e2e2;
}


article img {
    max-width: 100%;       /* Limite la largeur des images à celle du conteneur */
    height: auto;          /* Maintient le ratio de l'image */
    display: block;        /* Évite les marges indésirables */
    margin: 0em auto;      /* Centrage des images */
}

/* Limite l'affichage des images verticales et étroites */
article img {
    max-height: 600px;     /* Limite la hauteur maximale */
}

article img.poster {
    margin-top: 19px;
}

article img.emoji {
    display: inline; /* Ou inline-block selon ton besoin */
}

.text img.emoji {
    display: inline; /* Ou inline-block selon ton besoin */
}



/* Détection des images à aspect élevé (étroites et hautes) */
article img[style*="width: auto; height: 100%;"] {
    max-width: 250px;      /* Limite la largeur pour les images très hautes */
    max-height: 70vh;      /* Ne dépasse pas la hauteur de l'écran */
    margin: 1em auto;      /* Centrage pour l'esthétique */
    object-fit: contain;   /* Ajuste l'image sans déformation */
}




/* Style des listes non ordonnées */
article ul {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 3px;

}

article ul ul {
}

/* Style des listes ordonnées */
article ol {
}

article ol ol {
}

article li {
    /* font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; */
    font-size: 16px;
    line-height: 20.0px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}

article li::before {

}

article ol > li::before {
}



article pre {
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 10px;
    overflow-x: auto;
}


article code {
    font-family: monospace;
    font-size: 10px;
    background-color: #f5f5f5;
    color: #2100bd;;
    border-radius: 3px;
    border: 0px solid #e1e1e1;
}

article em {
    font-style: italic;
}

blockquote {
    background-color: #f9f9f9;
    border-left: 4px solid #d0d0d0;
    margin: 1em 0;
    padding: 0.5em 1em;
    color: #555;
    font-style: italic;
}