/* Structure globale */
.site-grid,
.container-header,
.container-topbar,
.grid-child.container-banner,
.container-component,
.container-bottom-a,
.grid-child.container-bottom-a,
.grid-child.bottom-a,
.grid-child.breadcrumbs,
div.com-content-category,
#footer {
    max-width: 900px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    text-align: left !important;
}

/* Header */
.custom-header {
    background-color: #fff !important;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.container-header .site-title {
    color: #003366 !important;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.site-logo .site-description {
    color: #333 !important;
    margin: 10px 0 20px;
    font-size: 14px;
}

.brand-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.brand-btn {
    background-color: #fff;
    color: #003366;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s;
}

.brand-btn:hover {
    background-color: #003366;
    color: #fff;
}

/* Bannière vidéo */
.grid-child.container-banner {
    max-width: 900px !important;
    margin: 20px auto !important; /* centrage */
    display: block;
}

.grid-child.container-banner video {
    width: 100%;
    height: auto;
    display: block;
}

/* Fil d’Ariane */
.mod-breadcrumbs__wrapper {
    text-align: left !important;
}

.mod-breadcrumbs__wrapper ol.breadcrumb,
.mod-breadcrumbs__wrapper ul.breadcrumb {
    list-style: none !important;
    display: flex !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mod-breadcrumbs__wrapper ol.breadcrumb li + li::before,
.mod-breadcrumbs__wrapper ul.breadcrumb li + li::before {
    content: "›";
    padding: 0 6px;
    color: #adb5bd;
}

/* Couleur uniforme des liens */
div.com-content-category a,
div.com-content-category a:link,
div.com-content-category a:visited,
.mod-articles-category a,
.mod-articles-category a:link,
.mod-articles-category a:visited,
.mod-feed a,
.mod-feed a:link,
.mod-feed a:visited,
.container-bottom-a a,
.grid-child.container-bottom-a a,
.grid-child.bottom-a a,
.grid-child.bottom-a .moduletable a,
.grid-child.bottom-a .mod-custom a,
.grid-child.bottom-a .mod-articles-category a,
.grid-child.bottom-a .mod-feed a {
    color: #19387e !important;
    text-decoration: none;
}

div.com-content-category a:hover,
.mod-articles-category a:hover,
.mod-feed a:hover,
.mod-custom a:hover,
.container-bottom-a a:hover,
.grid-child.container-bottom-a a:hover,
.grid-child.bottom-a a:hover,
.grid-child.bottom-a .moduletable a:hover,
.grid-child.bottom-a .mod-custom a:hover,
.grid-child.bottom-a .mod-articles-category a:hover,
.grid-child.bottom-a .mod-feed a:hover,
.mod-breadcrumbs__wrapper a:hover {
    text-decoration: underline;
}

/* Tableau ARECAP */
div.com-content-category table {
    width: 100% !important;
    border-collapse: collapse;
}

/* Masquer la colonne "Clics" */
div.com-content-category table th:nth-child(3),
div.com-content-category table td:nth-child(3) {
    display: none;
}

/* En-tête */
div.com-content-category table thead th,
div.com-content-category table tr.cat-list-header th {
    background-color: #ccc !important;
    color: #19387e !important;
    padding: 8px;
    text-align: left !important;
}

/* Lignes alternées */
tr.cat-list-row0 th,
tr.cat-list-row0 td {
    background-color: #fff !important;
    color: #19387e !important;
}

tr.cat-list-row1 th,
tr.cat-list-row1 td {
    background-color: #f4f4f4 !important;
    color: #19387e !important;
}

tr.cat-list-row0:hover th,
tr.cat-list-row0:hover td,
tr.cat-list-row1:hover th,
tr.cat-list-row1:hover td {
    background-color: #e9ecf1 !important;
}

/* Hauteur des lignes du tableau ARECAP */
div.com-content-category table th,
div.com-content-category table td {
    padding: 8px 8px; /* augmente l’espace vertical */
    vertical-align: middle;
}

/* Colonnes ARECAP */
div.com-content-category table th:first-child,
div.com-content-category table td:first-child {
    width: 80%;
    text-align: left !important;
}

div.com-content-category table th:last-child,
div.com-content-category table td:last-child {
    width: 20%;
    text-align: right !important;
}

/* Pagination */
div.com-content-category ul.pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
}

div.com-content-category ul.pagination li {
    display: inline-block !important;
}

div.com-content-category ul.pagination li a,
div.com-content-category ul.pagination li span {
    padding: 6px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #f8f8f8 !important;
    color: #19387e !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

div.com-content-category ul.pagination li.active span {
    background: #19387e !important;
    color: #fff !important;
    border-color: #19387e !important;
}

/* Derniers articles : titres + dates */
.mod-articles-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod-articles-category ul li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 0;
    border-bottom: 1px solid #d0d4da;
}

.mod-articles-category ul li .mod-articles-category-title {
    flex: 1 1 auto;
    margin-right: 10px;
}

.mod-articles-category ul li .mod-articles-category-date {
    flex: 0 0 auto;
    white-space: nowrap;
    color: #555;
    font-size: 0.9rem;
}

/* Bottom-a & footer */
.container-bottom-a,
.grid-child.container-bottom-a,
.grid-child.bottom-a {
    background-color: #e9ecf1 !important;
    padding: 15px 20px !important;
    margin-top: 0 !important;
}

#footer {
    background: #e9ecf1 !important;
    padding: 6px 0 !important;
}

.footer-copyright {
    font-size: 0.85rem;
    color: #666;
    text-align: center;
}

/* Responsive */
@media (max-width: 960px) {
    .site-grid,
    .container-header,
    .container-topbar,
    .grid-child.container-banner,
    .container-component,
    .container-bottom-a,
    .grid-child.container-bottom-a,
    .grid-child.bottom-a,
    .grid-child.breadcrumbs,
    div.com-content-category,
    #footer {
        max-width: 95% !important;
        padding: 0 10px;
    }
}

/* Correction pagination horizontale */
div.com-content-category ul.pagination {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
}

div.com-content-category ul.pagination li {
    display: inline-block !important;
}
/* Correction pagination horizontale */
div.com-content-category ul.pagination {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
}

div.com-content-category ul.pagination li {
    display: inline-block !important;
}


/* Tous les blocs de texte sous les vignettes */
.com-content-article.item-page .desc,
.com-content-article.item-page div,
.com-content-article.item-page span,
.com-content-article.item-page li,
.com-content-article.item-page p {
    line-height: 1.2;         /* interlignage plus serré */
    font-size: 0.85rem;       /* hauteur réduite d'environ 30% */
    margin-top: 6px;          /* rapproche du bloc au-dessus */
    margin-bottom: 10px;      /* espace avec le bloc du dessous */
}

/* Liens */
.com-content-article.item-page a {
    color: #19387e;
    text-decoration: none;
}

.com-content-article.item-page a:hover {
    text-decoration: underline;
}