/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* ==========================================================
   THINK BIGGER - STYLE DES TABLEAUX
   ========================================================== */
.com-content-category__table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border: 2px solid #1F5D8F;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
/* En-tête */
.com-content-category__table thead th {
  background: #1d3557;
  /* à remplacer par la couleur exacte de ton header */
  color: #F2C200;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 18px;
  border: none;
  letter-spacing: 0.03em;
}
/* Les liens des titres */
.com-content-category__table thead th a, .com-content-category__table thead th a:visited {
  color: #F2C200 !important;
  text-decoration: none;
}
.com-content-category__table thead th a:hover {
  color: #FFD84D !important;
}
/* Une ligne sur deux */
.com-content-category__table tbody tr:nth-child(even) {
  background: #f7fbff;
}
/* Survol */
.com-content-category__table tbody tr:hover {
  background: #fff9df;
  transition: background 0.2s ease;
}
/* Dernière ligne */
.com-content-category__table tbody tr:last-child td {
  border-bottom: none;
}
/* Liens */
.com-content-category__table a {
  color: #1F5D8F;
  font-weight: 600;
  text-decoration: none;
}
.com-content-category__table a:hover {
  color: #F2C200;
  text-decoration: underline;
}
/* Icônes de tri */
.com-content-category__table .icon-sort, .com-content-category__table .icon-arrow-up, .com-content-category__table .icon-arrow-down {
  color: #F2C200;
}
/* ===========================
   COLONNES LATÉRALES
   =========================== */
.sidebar-card {
  background: #eef8fd;
  border: 1px solid #d7e8f7;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  margin-bottom: 20px;
}
.sidebar-card .g-title {
  background: #eef8fd;
  color: #1a2b45;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 14px 18px;
  margin: 0;
  border-bottom: 2px solid #4A90D9;
}
.sidebar-card .mod-whosonline, .sidebar-card .login, .sidebar-card .moduletable > div {
  padding: 18px;
}
/* ===========================
   COLONNE CENTRALE
   =========================== */
.news-column > .g-content {
  background: #ffffff;
  border: 1px solid #d7e8f7;
  padding: 22px;
}
/* ===========================
   TITRE "LATEST NEWS"
   =========================== */
.news-column .page-header {
  border-bottom: 2px solid #4A90D9;
  padding-bottom: 12px;
  margin-bottom: 25px;
}
/* ===========================
   TITRES DES ARTICLES
   =========================== */
.blog-featured .page-header h2, .blog-featured .page-header h1, .blog .page-header h2, .blog .page-header h1 {
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 14px;
  color: #1a2b45;
}
.blog-featured .page-header a, .blog .page-header a {
  color: #1a2b45;
  text-decoration: none;
  transition: color 0.2s ease;
}
.blog-featured .page-header a:hover, .blog .page-header a:hover {
  color: #4A90D9;
}
.blog-featured h2, .blog h2 {
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1a2b45;
  margin-bottom: 12px;
}
.blog-featured h2, .blog h2 {
  display: inline-block;
  background: #fff7c7;
  padding: 4px 8px;
}
.blog-featured h2 a:hover, .blog h2 a:hover {
  color: #4A90D9;
}
/* ==========================================
   THINK BIGGER - Séparateur entre les articles
   ========================================== */
/* S'applique uniquement aux articles suivants
   (pas au premier article de la page) */
.blog .blog-items .blog-item, .blog-featured .blog-items .blog-item {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  border: none;
}
/* Les trois losanges */
.blog .blog-items .blog-item::before, .blog-featured .blog-items .blog-item::before {
  content: "❖";
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 1;
  /* Losange central */
  color: #F5C542;
  /* Deux losanges bleus */
  text-shadow: -30px 0 0 #8EC9F3, 30px 0 0 #8EC9F3;
  background: #ffffff;
  padding: 0 18px;
}
/* Élargir le mode Boxed */
.home-boxed #g-page-surround {
  max-width: 2050px;
  margin: 0 auto;
}
body.home-boxed .g-container {
  max-width: 1500px;
}
/* Bouton du menu mobile */
.g-offcanvas-toggle {
  font-size: 2rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
/* Ajoute le texte MENU */
.g-offcanvas-toggle::after {
  content: "MENU";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
/* ===== Mobile navigation ===== */
@media (max-width: 768px) {
  #g-navigation {
    text-align: left;
  }
  .gantry-logo {
    margin: 0;
  }
  .gantry-logo img {
    max-height: 45px;
  }
  #g-header {
    height: 220px;
    overflow: hidden;
  }
  #g-header img {
    height: 220px;
    object-fit: cover;
  }
}
@media (max-width: 768px) {
  #g-navigation {
    text-align: left;
  }
  #g-navigation .g-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #g-navigation .g-block.size-30 {
    flex: 0 0 auto;
    width: auto;
  }
  #g-navigation .g-block.size-70 {
    flex: 1;
    text-align: right;
  }
  .gantry-logo {
    margin: 0;
  }
  .gantry-logo img {
    max-height: 45px;
  }
}
/*# sourceMappingURL=custom_13.css.map */