/*
  css/lsi-lisibilite.css (11/09/2026, chantiers valides par Gabin : bandeaux de resultats + gris trop pales)
  Charge apres full.css (header.inc.php) et injecte dans les pages servies depuis le cache (menu_contextuel.inc.php).
  Changer le ?v= des deux cotes a chaque modification : Cloudflare et les navigateurs gardent les CSS un an.
*/

/* Gris trop pales : #BDBDBD de skin1.css (contraste 1,9:1) -> gris vert #5F6F66 (5,6:1 sur blanc) */
.date,
.rat,
.toggle-btn span {
  color: #5F6F66;
}
.date {
  text-transform: none;
  letter-spacing: .2px;
  font-size: 12px;
}
.breadcrumb-wrapper * {
  color: #5F6F66;
}
.breadcrumb-wrapper a:hover {
  color: #11793F;
}

/* Bandeaux de resultats (portlet_derniers_resultats) : carte blanche au lieu de la barre verte tassee */
a.nodecort h4.titre_btn {
  background: #FFFFFF;
  color: #17231C;
  border: 1px solid #D9E2DD;
  border-left: 4px solid #11793F;
  border-radius: 4px;
  padding: 9px 14px;
  margin: 18px 0 8px;
  font-size: 15px;
  line-height: 1.3;
}
a.nodecort h4.titre_btn p {
  margin: 0;
}
a.nodecort:hover h4.titre_btn {
  border-color: #B9CBC1;
  border-left-color: #11793F;
}
a.nodecort h4.titre_btn .read-more {
  color: #11793F;
  font-size: 12px;
  font-weight: 700;
}

/* Version structuree (pages regenerees) : sport en etiquette, competition en titre, journee a la suite */
a.nodecort h4.titre_btn.lsi-bandeau p {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 1px;
}
a.nodecort h4.titre_btn.lsi-bandeau .lsi-b-sport {
  flex: 1 0 100%;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #11793F;
}
a.nodecort h4.titre_btn.lsi-bandeau .lsi-b-comp {
  font-weight: 700;
  font-size: 15px;
  color: #17231C;
}
a.nodecort h4.titre_btn.lsi-bandeau .lsi-b-manche {
  font-weight: 400;
  font-size: 13px;
  color: #5F6F66;
}
a.nodecort h4.titre_btn.lsi-bandeau .read-more {
  float: none;
  margin-left: auto;
}
a.nodecort:hover h4.titre_btn.lsi-bandeau .lsi-b-comp {
  text-decoration: underline;
}

/* v2 (12/09/2026) : logos de competition des listes en case fixe. Avant : les logos hauts etaient RECADRES dans une
   case 80x80 (background-size: cover, jusqu'a un tiers de l'image coupe), les larges affiches de 13 a 62 px de haut.
   Maintenant : case 72x72, logo entier centre, les deux variantes du code (img.left et div.image.left). */
ul.widget-event-list > li > img.left,
ul.widget-event-list > li > .image.left {
  box-sizing: border-box;
  width: 72px;
  height: 72px;
  max-width: 72px;
  padding: 7px;
  margin: 0 14px 6px 0;
  background-color: #FFFFFF;
  border: 1px solid #E3E9E6;
  border-radius: 8px;
}
ul.widget-event-list > li > img.left {
  object-fit: contain;
}
ul.widget-event-list > li > .image.left {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}

/* v6 (12/09/2026) : corrections de la v5 sur ordinateur.
   1. Logo decale vers le centre : le « clearfix » du theme ajoute ::before/::after, qui deviennent des elements du
      flex et prennent le bord gauche. On les neutralise ; et le theme bridait le logo a 151 px de large.
   2. Menu sur deux lignes : 1 240 px pour 1 120 disponibles apres l'ajout de « Calendrier ». Police et marges reduites. */
.header-area header > .clearfix::before,
.header-area header > .clearfix::after {
  content: none;
  display: none;
}
.header-style-1 .logo.text {
  max-width: none;
}
.post-header-area ul#nav > li > a {
  font-size: 88% !important;
  padding: .25em .38em !important;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .post-header-area ul#nav > li > a {
    font-size: 80% !important;
    padding: .25em .3em !important;
  }
}

/* v5 (12/09/2026, valide par Gabin) : en-tete allege (lsi_entete.inc.php). Bandeau noir, sous-titre et recherche
   supprimes ; langue dans la barre verte ; « Calendrier » en ambre dans le menu ; ruban « A la une ». */
.header-area .logo-container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.header-area header > .clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.header-area .main-header-left,
.header-area .main-header-right {
  float: none;
  margin: 0;
  padding: 0;
}
.header-area .main-header-left p {
  margin: 0;
}
.header-area .logo.text {
  font-size: 38px;
  line-height: 1;
}
.lsi-langue select {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat right 10px center;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 15px;
  padding: 5px 28px 5px 12px;
  font-size: 13px;
  cursor: pointer;
}
.lsi-langue select option {
  color: #17231C;
}
#nav > li > a.lsi-menu-fort {
  color: #FFBA00;
}
.lsi-ruban {
  background: #FFFFFF;
  border-bottom: 1px solid #E3E9E6;
}
.lsi-ruban-in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.lsi-ruban-lab {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #11793F;
  margin-right: 4px;
}
a.lsi-puce {
  font-size: 13px;
  line-height: 1.3;
  padding: 5px 12px;
  border-radius: 15px;
  background: #F0F5F2;
  color: #17231C;
  border: 1px solid #DCE6E0;
  text-decoration: none;
  white-space: nowrap;
}
a.lsi-puce:hover {
  border-color: #11793F;
  color: #0B3D22;
}
a.lsi-puce-evt {
  background: #11793F;
  border-color: #11793F;
  color: #FFFFFF;
}
a.lsi-puce-evt:hover {
  background: #0B5F31;
  color: #FFFFFF;
}
a.lsi-puce-evt em {
  font-style: normal;
  opacity: .85;
  margin-left: 4px;
}
.lsi-ruban-mobile {
  background: #FFFFFF;
  border-bottom: 1px solid #E3E9E6;
}
.lsi-ruban-mobile a {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 16px;
  color: #17231C;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
.lsi-ruban-mobile b {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lsi-ruban-mobile .lsi-ruban-sport {
  color: #5F6F66;
  font-size: 12.5px;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lsi-ruban-mobile a::after {
  content: "\203A";
  margin-left: auto;
  color: #11793F;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .header-area .logo-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-area .logo.text {
    font-size: 28px;
  }
  .lsi-langue select {
    font-size: 12px;
    padding: 4px 24px 4px 10px;
  }
}

/* v4 (12/09/2026, demande Gabin) : logo de la competition et date DANS l'encadre du bandeau (ils flottaient dessous).
   Structure : h4.lsi-bandeau.lsi-b-avec-logo > span.lsi-b-img + p (sport / competition journee · date / Plus) */
a.nodecort h4.titre_btn.lsi-b-avec-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 10px;
}
a.nodecort h4.titre_btn.lsi-b-avec-logo p {
  flex: 1 1 auto;
  min-width: 0;
}
a.nodecort h4.titre_btn .lsi-b-img {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #E3E9E6;
  border-radius: 7px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.nodecort h4.titre_btn .lsi-b-img img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto;
  height: auto;
  float: none !important;
  margin: 0 !important;
  object-fit: contain;
}
a.nodecort h4.titre_btn .lsi-b-date {
  font-weight: 400;
  font-size: 12px;
  color: #5F6F66;
  white-space: nowrap;
}
a.nodecort h4.titre_btn .lsi-b-date::before {
  content: "\00B7\00A0";
}

/* v3 (12/09/2026) : titres de contenu en Roboto Slab gras (police proche du logo ; ChunkFive, celle du logo, n'a pas
   les lettres accentuees). Police hebergee sur le site (css/fonts, 14 Ko, jeu latin). Avant : Roboto Light 18 px vert
   fin, et « LES DERNIERES ACTUALITES » en capitales. Portee : contenu seulement (.body-wrapper, bloc actus), jamais le
   mega-menu ni le pied. !important : le bloc actus a son propre style dans la page. */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/roboto-slab-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.body-wrapper h1,
.body-wrapper h2,
.body-wrapper h3,
.lsactu-tete h3 {
  font-family: "Roboto Slab", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: .1px !important;
  color: #0B3D22 !important;
  line-height: 1.22;
  text-wrap: balance;
}
.body-wrapper h1 {
  font-size: 26px !important;
}
.body-wrapper h2 {
  font-size: 22px !important;
}
.body-wrapper h3,
.lsactu-tete h3 {
  font-size: 21px !important;
}
@media only screen and (max-width: 767px) {
  .body-wrapper h1 {
    font-size: 22px !important;
  }
  .body-wrapper h2 {
    font-size: 20px !important;
  }
  .body-wrapper h3,
  .lsactu-tete h3 {
    font-size: 19px !important;
  }
}