/* ==========================================================
   CHARTE GRAPHIQUE LIGUE 60 — V2 — pages construites avec Enfold
   Mêmes règles que l'accueil : crème, Lora marine, Poppins,
   Barlow Condensed pour les boutons, aucun aplat bleu Ligue,
   pas de forme décorative, bande 3 couleurs en bas.
   ========================================================== */
:root {
  --vert: #5B8FBE;
  --vert-texte: #0058A3;
  --vert-fonce: #1F4E79;
  --jaune: #F5A623;
  --gris-fond: #FCFAF6;
  --gris-texte: #282828;
  --gris-fonce: #1F4E79;
  --police: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --r: 4px;
}
body, #main, #main .container_wrap, #main .avia-section.main_color { background-color: #FCFAF6; }
#main .avia_textblock p, #main .avia_textblock li, #main .entry-content p, #main .entry-content li { font-size: 16px; line-height: 1.7; color: #282828; }
#main h1:not(.ls-layer), #main h2:not(.ls-layer), #main .av-special-heading-tag, #main .title_container .main-title {
  font-family: 'Lora', Georgia, serif !important; font-weight: 700 !important; color: #1F4E79 !important;
}
#main h3, #main h4 { font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; color: #282828 !important; }
#main .av-special-heading-tag::after { display: none; }
#main .av-subheading, #main .av-subheading p { font-family: 'Lora', Georgia, serif; font-style: italic; color: #C8453B !important; }
#main .l60-sur-fond .av-special-heading-tag { color: #fff !important; }

/* Menu : sur fond clair, texte marine (pas d'aplat) */
#header, #header_main { background: #FCFAF6 !important; }
#header .av-main-nav-wrap { background: transparent; border-radius: 0; border-top: 1px solid #E7E2D8; }
#header .av-main-nav > li > a, #header .av-main-nav > li > a .avia-menu-text, #header #menu-item-search > a { color: #1F4E79 !important; }
#header .av-main-nav > li > a .avia-menu-fx { background: #F5A623 !important; }
#header .av-main-nav ul { border-top: 3px solid #F5A623 !important; border-radius: 0 0 4px 4px; }

/* Barre de titre */
#main .title_container { background: #FCFAF6 !important; border-bottom: 1px solid #E7E2D8 !important; }
#main .title_container .breadcrumb, #main .title_container .breadcrumb a { color: #666666 !important; }

/* Boutons : Barlow Condensed, contour marine */
#main .avia-button {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important; font-weight: 700 !important; font-size: 17px !important;
  text-transform: uppercase; letter-spacing: .04em; border-radius: 3px !important;
  color: #1F4E79 !important; border: 2px solid #1F4E79 !important; background: transparent !important;
}
#main .avia-button:hover { background: #1F4E79 !important; color: #fff !important; }
#main input[type=submit], #main button[type=submit] { background: #F5A623 !important; color: #282828 !important; border-radius: 3px !important; }

/* Blocs */
#main .avia-image-container img, #main .avia_image { border-radius: 4px; }
#main .togglecontainer .single_toggle { background: #fff; border: 1px solid #E7E2D8 !important; border-radius: 3px; }
#main .iconbox_icon { background: #E4ECF4 !important; color: #1F4E79 !important; }
#main .iconbox_content_title { color: #1F4E79 !important; }
#main .av-tab-section-tab-title-container { background: #FCFAF6 !important; border-bottom: 1px solid #E7E2D8; }
#main .av-section-tab-title .av-inner-tab-title { color: #1F4E79 !important; text-transform: none !important; font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; }
#main .av-section-tab-title.av-active-tab-title { box-shadow: inset 0 -3px 0 #F5A623; }

/* Pied de page : marine + bande 3 couleurs */
#footer { background: #1F4E79 !important; border-radius: 0; }
#footer .widgettitle, #footer h3 { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; letter-spacing: .06em; }
#socket { background: #1F4E79 !important; border-top: 1px solid rgba(255,255,255,.18) !important; position: relative; }
#socket, #socket a, #socket span { color: rgba(255,255,255,.75) !important; }
#socket::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: linear-gradient(90deg, #F5A623 0 33.33%, #7BA05B 33.33% 66.66%, #5B8FBE 66.66% 100%); }
#scroll-top-link { background: #1F4E79 !important; border-radius: 4px !important; }

@media (max-width: 989px) {
  #header .av-main-nav > li > a { color: #1F4E79 !important; }
}

/* ==========================================================
   2.8.0 — Même en-tête et même pied de page que l'accueil
   (voir chrome.css). On masque ceux d'Enfold.
   ========================================================== */
body.l60-chrome #header, body.l60-chrome #footer, body.l60-chrome #socket, body.l60-chrome #scroll-top-link { display: none !important; }
body.l60-chrome #main { padding-top: 0 !important; border-top: 0 !important; }
html.html_header_top.html_header_sticky body.l60-chrome #main,
#top.l60-chrome.html_header_top #main { padding-top: 0 !important; }
body.l60-chrome #wrap_all { margin-top: 0 !important; }
body.l60-chrome .l60c-entete { position: sticky; top: 0; z-index: 400; }
body.admin-bar.l60-chrome .l60c-entete { top: 32px; }

/* Barre de titre : simple fil d'Ariane sur fond crème */
body.l60-chrome #main .title_container { padding: 6px 0 !important; }
body.l60-chrome #main .title_container .main-title { font-size: 20px !important; }

/* Titre posé sur une photo : sur un bandeau marine (jamais de texte direct sur photo) */
body.l60-chrome #main .l60-sur-fond .av-special-heading-tag,
body.l60-chrome #main .l60-sur-fond .main-title {
  display: inline-block; background: #1F4E79; color: #fff !important; padding: 14px 26px 16px !important;
  text-shadow: none !important; font-size: clamp(30px, 4vw, 48px) !important; line-height: 1.1 !important;
}
body.l60-chrome #main .l60-sur-fond .av-special-heading-tag::after { display: none; }

/* Lignes en gras qui servent de titres -> vrais sous-titres (site.js) */
body.l60-chrome #main p.l60-soustitre {
  font-family: 'Lora', Georgia, serif !important; font-size: 26px !important; font-weight: 700 !important;
  color: #1F4E79 !important; line-height: 1.25 !important; margin: 28px 0 12px !important;
}
body.l60-chrome #main p.l60-soustitre strong, body.l60-chrome #main p.l60-soustitre b { font-weight: 700 !important; color: inherit !important; }
/* Lignes « Contact : … » -> encadré */
body.l60-chrome #main p.l60-contact {
  background: #E4ECF4; border-left: 4px solid #F5A623; padding: 14px 20px !important; display: inline-block; margin-top: 8px !important;
}

/* Onglets de section : pastilles, sans grand vide */
body.l60-chrome #main .av-tab-section-tab-title-container {
  display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 22px 16px 14px !important;
  background: #FCFAF6 !important; border-bottom: 1px solid #E7E2D8;
}
body.l60-chrome #main .av-section-tab-title {
  width: auto !important; margin: 0 !important; padding: 10px 18px !important; background: #fff !important;
  border: 1px solid #E7E2D8 !important; border-top: 3px solid #F5A623 !important; border-radius: 2px !important;
}
body.l60-chrome #main .av-section-tab-title:nth-child(3n+2) { border-top-color: #7BA05B !important; }
body.l60-chrome #main .av-section-tab-title:nth-child(3n) { border-top-color: #5B8FBE !important; }
body.l60-chrome #main .av-section-tab-title .av-outer-tab-title,
body.l60-chrome #main .av-section-tab-title .av-inner-tab-title { width: auto !important; font-size: 15px !important; letter-spacing: 0 !important; }
body.l60-chrome #main .av-section-tab-title.av-active-tab-title { background: #1F4E79 !important; border-color: #1F4E79 !important; box-shadow: none; }
body.l60-chrome #main .av-section-tab-title.av-active-tab-title .av-inner-tab-title { color: #fff !important; }
body.l60-chrome #main .av-tab-arrow-container, body.l60-chrome #main .av_prev_tab_section, body.l60-chrome #main .av_next_tab_section { display: none !important; }
/* Le titre est déjà sur le bandeau photo : la barre de titre ne garde que le fil d'Ariane */
body.l60-chrome #main .title_container .main-title { display: none !important; }
body.l60-chrome #main .title_container .breadcrumb { position: static !important; float: none !important; margin: 0 !important; }

/* 2.8.3 — moins de vide autour des onglets */
body.l60-chrome #main .hr.el_before_av_tab_section { display: none !important; }
body.l60-chrome #main .av-tab-section-container { margin-bottom: 40px; }

/* 2.8.6 — contenu aligné sur l'en-tête (même largeur que l'accueil : 1280 px) */
body.l60-chrome #main .container { max-width: 1280px !important; padding-left: 28px !important; padding-right: 28px !important; box-sizing: border-box !important; }