.txtbold {
    font-weight:700
}

/* Le header doit être AU-DESSUS et cliquable */
 .header, .navbar, #navbar, nav {

  z-index: 9999;

}
/* Le contenu ne doit pas passer au-dessus du header */
#body-wrapper, .content-wrapper, .blog-listing {
  position: relative;
  z-index: 1;
  padding-top:10px;
}


.article-header {
  margin: 20px 0 30px;
}

.article-title {
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
}

.article-meta {
  color: #777;
  font-size: 0.9rem;
}


.prevnext-nav{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(0,0,0,.12);
}
.prevnext-prev, .prevnext-next{
  width:50%;
}
.prevnext-next{
  text-align:right;
}


.site-title{
  padding-left:50px;
  font-size: 1rem;
}


.article-date {
  margin-top: 6px;
  font-size: 0.95rem;
  color: #777;
}

.logo img { width:113px; height:42px}

/* Mobile: on réduit un peu le décalage si besoin */
@media (max-width: 768px) {.site-title {font-size: 14px;}
#body-wrapper, .content-wrapper, .blog-listing { padding-top: 0px; }
}

@media (max-width:560px){
	.site-title {font-size: 12px;}
	

}

@media (max-width:400px){
	.logo img { width:113px; height:42px}
	

}

.article-author {
    margin-top: 25px;
    padding-top: 15px;
    font-size: 14px;
    color: #666;
	text-align:right;
}

.article-author a {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.article-author a:hover {
    text-decoration: underline;
}