<meta name="google-site-verification" content="fuVMtyKPkLhpaK_FKCvAmHwGxoJ03nJ4KilkdJk3L9o" />

<style>
/* --- Images dans les articles --- 
.gh-canvas .article-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    
.home-template .post-card-image {
  margin-bottom: 0 !important; /* réduit l'espace sous l'image 
}

.home-template .post-card-content {
  margin-top: 0 !important; /* réduit l'espace au-dessus du texte 
} */
</style>


<style>
    
.cover-description {
    font-size: 3.5rem !important;
    font-size: x-large !important;
    font-weight: bold !important;
    font-style: italic !important;
}

/*.u-object-fit {
    height: 70%;
    left: 10%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 70%;
}
*/

.u-placeholder
 {
    background-color: #000;
    position: relative;
    z-index: 10;

}
/*
body {
color: #000 /*#d3d71e;
background-color: #f6f6f6;
padding-left: 200px;
padding-right: 200px
}

.gh-outer {
    padding-left: 60px;
    padding-right: 60px;
}
*/

body {
    color: #000;
    background-color: #f6f6f6;
    max-width: 1200px; /* largeur max du contenu */
    margin: 0 auto;    /* centre horizontalement */
    padding: 0 10px;   /* petites marges internes */
}

.gh-outer {
    /* background-color: #000; */
    padding: 0 10px;
}

</style>



<div class="custom-site-title">  
  La Réunion du Sport et de l'Esprit 
</div>

<style>
.custom-site-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.3em;
  color: #000;
  text-align: center;
}
</style> 

<style>
/*
@media (max-width: 768px) {
  .home .post-card-title {
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    max-height: 3em !important;
    line-height: 1.5em !important;
  }
}
*/
</style>

<style>
/*
.gh-head-logo img
Specificity: (0,1,1)
 {
    max-height: auto;
}
img, picture {
    display: block;
    max-width: auto;
}

img {
    height: 300px !important;
    width: 300px;
}
*/
  
</style>

<style>
.cover {
  background: linear-gradient(50deg, #6a11cb 0%, #9b30ff 100%);
  padding: 3rem 2rem;
  border-radius: 8px;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 1rem; /* petite marge sur les côtés */
}

.cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  border-radius: 8px;
  z-index: -1;
}

.cover-description {
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 1.1rem;
  text-shadow: 0 0 5px rgba(0,0,0,0.4);
}

<style>
/* Justification forcée sur conteneurs parent */
.gh-content, 
.post-content, 
.gh-content .kg-card-markdown {
  display: block !important;      /* s'assure que le conteneur ne bloque pas text-align */
}

.gh-content p,
.post-content p,
.gh-content .kg-card-markdown p {
  text-align: justify !important; /* JUSTIFICATION PARAGRAPHES */
  line-height: 1.7 !important;
  margin-top: 0 !important;
  margin-bottom: 1.4em !important;
}

/* Listes : restent alignées à gauche */
.gh-content ul,
.gh-content ol,
.post-content ul,
.post-content ol {
  margin-top: 0 !important;
  margin-bottom: 1.4em !important;
  padding-left: 1.2em;
  line-height: 1.7 !important;
  text-align: left !important;
}

.gh-content li,
.post-content li {
  margin-bottom: 0 !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

/* Mobile */
@media (max-width: 768px) {
  .gh-content p,
  .post-content p,
  .gh-content .kg-card-markdown p {
    line-height: 1.6 !important;
    margin-bottom: 1.2em !important;
    text-align: justify !important;
  }
}
</style>

<style>
/* Réduction de l'espace avant/après les blocs audio */
.gh-content audio,
.post-content audio,
.gh-content .kg-audio-card,
.post-content .kg-audio-card {
  margin-top: 0 !important;   /* espace au-dessus du bloc audio */
  margin-bottom: 0.4em !important;  /* espace en dessous du bloc audio */
}
</style>



<style>
/*
/* === Paragraphes === 
.gh-content p,
.post-content p,
.gh-content .kg-card-markdown p {
  margin-top: 0 !important;
  margin-bottom: 1.4em !important;
  line-height: 1.7 !important;
  text-align: justify !important;
}
/*
.gh-content p + p,
.post-content p + p,
.gh-content .kg-card-markdown p + p {
  margin-top: 0 !important;
}

.gh-content > * + p,
.post-content > * + p {
  margin-top: 0 !important;
}

/* === Titres === 
.gh-content h2, .gh-content h3, .gh-content h4,
.post-content h2, .post-content h3, .post-content h4 {
  margin-top: 2em !important;
  margin-bottom: .6em !important;
}
.gh-content p:has(+ h2),
.gh-content p:has(+ h3),
.gh-content p:has(+ h4) {
  margin-bottom: .8em !important;
*/

/* === Listes === 
.gh-content ul,
.gh-content ol,
.post-content ul,
.post-content ol {
  margin-top: 0 !important;
  margin-bottom: 1.4em !important; /* même espace qu'un paragraphe 
  padding-left: 1.2em;
  line-height: 1.7 !important;
}

.gh-content li,
.post-content li {
  margin-bottom: 0 !important;
  line-height: 1.7 !important;
}
*/

/* === Mobile === 
@media (max-width: 768px) {
  .gh-content p,
  .post-content p,
  .gh-content .kg-card-markdown p {
    margin-bottom: 1.2em !important;
    line-height: 1.6 !important;
  }
  .gh-content h2,
  .gh-content h3,
  .gh-content h4 {
    margin-top: 1.5em !important;
  }
}
</style>

