/* ================================================ */
/* RESTRUCTURATION DE L'ENTÊTE                      */
/* Logo à gauche + slogan à droite                  */
/* ================================================ */

/* Conteneur principal de l'identité */
.navbar-brand {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0px !important;
}

/* Le logo */
.navbar-brand img {
    height: auto !important;
    width: 100px !important;
    flex-shrink: 0 !important;
    padding: 0 15px 0 0 !important;
}

/* Le slogan à droite du logo */
.site-description {
    display: flex !important;
    align-items: flex-start !important;  /*flex-end */
    text-align: left !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 550 !important;
    font-size: 35px !important;
    line-height: 0.8 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 0 0 0 !important;
}

/* ================================================ */
/* ADAPTATION MOBILE                                */
/* Retour en colonne sur petit écran                */
/* ================================================ */
@media (max-width: 768px) {
    .navbar-brand {
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .navbar-brand img {
        height: 80px !important;
    }

    .site-description {
        font-size: 30px !important;
        text-align: center !important;
        padding: 0 !important;
    }
}

/* ================================================ */
/* GESTION COULEURS DU SITE                         */
/* ================================================ */
:root {
    --cassiopeia-color-primary: #06402B;
    --cassiopeia-color-hover: #949090;
    --cassiopeia-color-link: #55A432;
    --hue: 120;
}

/* ================================================ */
/* ENTÊTE                                           */
/* ================================================ */
.container-header {
    background-color: #193A0A !important;
    background-image: none !important;
}

/* Titre et slogan */
.container-header .navbar-brand,
.container-header .site-description,
.container-header .site-name {
    color: #ffffff !important;
}

/* ================================================ */
/* MENU DE NAVIGATION                               */
/* ================================================ */
.container-header .nav-link,
.container-header .navbar-nav .nav-link {
    color: #ffffff !important;
}

.container-header .nav-link:hover,
.container-header .navbar-nav .nav-link:hover {
    color: #949090 !important;
}

/* Menu actif (page courante) */
.container-header .nav-link.active,
.container-header .navbar-nav .nav-link.active {
    color: #55A432 !important;
    font-weight: bold;
}

/* Sous-menu déroulant */
.container-header .dropdown-menu {
    background-color: #193A0A !important;
    border: 1px solid #55A432 !important;
}

.container-header .dropdown-item {
    color: #ffffff !important;
}

.container-header .dropdown-item:hover {
    background-color: #55A432 !important;
    color: #949090 !important;
}

/* Menu burger mobile */
.container-header .navbar-toggler {
    border-color: #ffffff !important;
}

.container-header .navbar-toggler-icon {
    filter: invert(1);
}

/* ================================================ */
/* PIED DE PAGE                                     */
/* ================================================ */
.footer {
    background-color: #193A0A !important;
}

.footer,
.footer p,
.footer span {
    color: #ffffff !important;
}

.footer a {
    color: #55A432 !important;
}

.footer a:hover {
    color: #949090 !important;
    text-decoration: underline;
}

/* ================================================ */
/* LIENS DANS LE CONTENU                            */
/* ================================================ */
a {
    color: #55A432 !important;
}

a:hover {
    color: #949090 !important;
}

/* ================================================ */
/* SUPPRESSION SOUSLIGNEMENT AU SURVOL DE LA SOURIS */
/* ================================================ */
a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

/* ================================================ */
/* RÉACTIVATION DU SOULIGNEMENT UNIQUEMENT          */
/* DANS LES PARAGRAPHES DE CONTENU                  */
/* ================================================ */

/* Liens dans les paragraphes des articles */
.item-page p a,
.article-info p a,
article p a {
    text-decoration: underline !important;
}

article p a:hover,
.item-page p a:hover {
    text-decoration: underline !important;
}

/* Liens dans le contenu principal */
#sp-component p a,
.com-content p a,
.blog p a {
    text-decoration: underline !important;
}

#sp-component p a:hover,
.com-content p a:hover,
.blog p a:hover {
    text-decoration: underline !important;
}

/* ================================================ */
/* TITRES                                           */
/* ================================================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #193A0A !important;
}

/* ================================================ */
/* BOUTONS                                          */
/* ================================================ */
.btn-primary {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}

.btn-secondary {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

/* Bouton "Lire la suite" des articles */
.readmore a,
a.btn.btn-secondary {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

.readmore a:hover,
a.btn.btn-secondary:hover {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
}

/* Bouton btn-info */
.btn-info {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}

/* Pour cibler spécifiquement btn-sm btn-info */
.btn.btn-sm.btn-info {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

.btn.btn-sm.btn-info:hover {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}
/* ================================================ */
/* BADGES                                           */
/* ================================================ */
.badge.bg-info,
.tag-count.badge.bg-info {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
    color: #ffffff !important;
}

/* Toutes les variantes bg-* de Bootstrap */
.bg-info {
    background-color: #55A432 !important;
    color: #ffffff !important;
}

.bg-primary {
    background-color: #193A0A !important;
    color: #ffffff !important;
}

.bg-success {
    background-color: #55A432 !important;
    color: #ffffff !important;
}
/* ================================================ */
/* BARRE LATÉRALE (sidebar)                         */
/* ================================================ */
.sidebar-right,
.sidebar-left {
    border-left: 3px solid #193A0A;
}

/* Titres des modules dans la sidebar */
.sidebar-right .card-header,
.sidebar-left .card-header {
    background-color: #193A0A !important;
    color: #ffffff !important;
}

/* ================================================ */
/* MODULES / CARTES                                 */
/* ================================================ */
.card-header {
    background-color: #193A0A !important;
    color: #ffffff !important;
}

.card {
    border-color: #193A0A !important;
}

/* ================================================ */
/* PAGINATION                                       */
/* ================================================ */
.pagination .page-link {
    color: #55A432 !important;
    border-color: #55A432 !important;
}

.pagination .page-item.active .page-link {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}

.pagination .page-link:hover {
    background-color: #55A432 !important;
    color: #ffffff !important;
}

/* ================================================ */
/* FORMULAIRES                                      */
/* ================================================ */
input:focus,
textarea:focus,
select:focus {
    border-color: #55A432 !important;
    box-shadow: 0 0 0 0.2rem rgba(85, 164, 50, 0.25) !important;
}

/* ================================================ */
/* BARRE DE RECHERCHE                               */
/* ================================================ */
.search .btn,
.search button {
    background-color: #193A0A !important;
    border-color: #193A0A !important;
    color: #ffffff !important;
}

.search .btn:hover {
    background-color: #55A432 !important;
    border-color: #55A432 !important;
}

/* ================================================ */
/* BREADCRUMB (fil d'ariane)                        */
/* ================================================ */
.breadcrumb-item a {
    color: #55A432 !important;
}

.breadcrumb-item.active {
    color: #193A0A !important;
}

/* ================================================ */
/* BARRE SUPÉRIEURE (topbar)                        */
/* ================================================ */
.container-topbar {
    background-color: #043d28 !important;
    color: #ffffff !important;
}

.container-topbar a {
    color: #55A432 !important;
}

/* ================================================ */
/* IMPORT CABIN DEPUIS GOOGLE FONTS                 */
/* ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* ================================================ */
/* APPLICATION SUR TOUT LE SITE                     */
/* ================================================ */
body,
p, li, td, th,
label, input, textarea, select {
    font-family: 'Cabin', sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Cabin', sans-serif !important;
    font-weight: 700 !important;
}

.navbar-brand,
.site-description,
.nav-link,
.dropdown-item,
.btn,
.breadcrumb-item,
.footer {
    font-family: 'Cabin', sans-serif !important;
}

/* ================================================ */
/* FOOTER EN 2 COLONNES 2/3 - 1/3                  */
/* ================================================ */
.footer .grid-child {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 30px !important;
    padding: 32px 32px !important;
    align-items: start !important;
}

/* Chaque module dans le footer */
.footer .grid-child > div {
    min-width: 0 !important;
    align-self: flex-start !important;
}

/* Titre des modules footer */
.footer h3 {
    color: #55A432 !important;
    font-size: 1.1rem !important;
    border-bottom: 2px solid #55A432 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
}

/* ================================================ */
/* ADAPTATION MOBILE - RETOUR EN 1 COLONNE          */
/* ================================================ */
@media (max-width: 768px) {
    .footer .grid-child {
        grid-template-columns: 1fr !important;
    }
}

/* ================================================ */
/* CONSEIL MUNICIPAL                                */
/* ================================================ */

/* Titre principal */
.conseil-titre {
    text-align: center !important;
    color: #06402B !important;
    font-size: 2rem !important;
    margin-bottom: 40px !important;
    padding-bottom: 15px !important;
    border-bottom: 3px solid #55A432 !important;
}

/* Titres de sections */
.conseil-section {
    color: #06402B !important;
    font-size: 1.3rem !important;
    margin: 30px 0 20px 0 !important;
    padding-left: 15px !important;
    border-left: 4px solid #55A432 !important;
}

/* ------------------------------------------------ */
/* GRILLE DES ÉLUS                                  */
/* ------------------------------------------------ */
.conseil-grille {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

/* Carte d'un élu */
.elu-carte {
    flex: 0 1 calc(33.33% - 25px) !important;
    min-width: 200px !important;
    max-width: 250px !important;
    text-align: center !important;
    background-color: #f8f9fa !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease !important;
}

.elu-carte:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
}

/* Photo de l'élu */
.elu-photo {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    background-color: #e0e0e0 !important;
}

.elu-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top !important;
    display: block !important;
}

/* Informations de l'élu */
.elu-info {
    padding: 15px 10px !important;
    background-color: #ffffff !important;
    border-top: 3px solid #55A432 !important;
}

.elu-nom {
    font-weight: 700 !important;
    color: #06402B !important;
    font-size: 1rem !important;
    margin: 0 0 5px 0 !important;
    font-family: 'Cabin', sans-serif !important;
}

.elu-fonction {
    font-size: 0.85rem !important;
    color: #55A432 !important;
    font-style: italic !important;
    margin: 0 !important;
}

/* ------------------------------------------------ */
/* TABLEAU SYNDICATS / COMMISSIONS                  */
/* ------------------------------------------------ */
.conseil-tableau-wrapper {
    overflow-x: auto !important;
    margin: 20px 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
}

.conseil-tableau {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Cabin', sans-serif !important;
}

/* En-tête du tableau */
.conseil-tableau thead tr {
    background-color: #06402B !important;
    color: #ffffff !important;
}

.conseil-tableau thead th {
    padding: 15px 20px !important;
    text-align: left !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Lignes du tableau */
.conseil-tableau tbody tr {
    border-bottom: 1px solid #e0e0e0 !important;
    transition: background-color 0.2s ease !important;
}

/* Alternance des couleurs de lignes */
.conseil-tableau tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

.conseil-tableau tbody tr:nth-child(even) {
    background-color: #f0f7ee !important;
}

.conseil-tableau tbody tr:hover {
    background-color: #d8ecd0 !important;
}

.conseil-tableau tbody td {
    padding: 12px 20px !important;
    color: #333333 !important;
    font-size: 0.95rem !important;
    vertical-align: middle !important;
}

/* Première colonne en gras */
.conseil-tableau tbody td:first-child {
    font-weight: 600 !important;
    color: #06402B !important;
    border-right: 2px solid #55A432 !important;
}

/* ================================================ */
/* ADAPTATION MOBILE                                */
/* ================================================ */
@media (max-width: 768px) {

    .conseil-titre {
        font-size: 1.5rem !important;
    }

    /* 1 carte par ligne sur mobile */
    .elu-carte {
        flex: 0 1 100% !important;
        max-width: 280px !important;
    }

    /* Tableau scrollable horizontalement sur mobile */
    .conseil-tableau-wrapper {
        overflow-x: auto !important;
    }

    .conseil-tableau thead th,
    .conseil-tableau tbody td {
        padding: 10px 12px !important;
        font-size: 0.85rem !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* 2 cartes par ligne sur tablette */
    .elu-carte {
        flex: 0 1 calc(50% - 25px) !important;
    }
}

/* ================================================ */
/* MISE EN PAGE 2 COLONNES DANS LES ARTICLES        */
/* ================================================ */

/* Conteneur principal */
.article-2col {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    margin: 20px 0 !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- Colonnes égales 50/50 ---- */
.col-gauche,
.col-droite {
    flex: 1 1 300px !important;
    min-width: 300px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* ---- Colonne large 2/3 ---- */
.col-large {
    flex: 2 1 400px !important;
    min-width: 400px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- Colonne étroite 1/3 ---- */
.col-etroite {
    flex: 1 1 250px !important;
    min-width: 250px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background-color: #f8f9fa !important;
    border-left: 4px solid #55A432 !important;
    padding: 20px !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ---- Colonne image ---- */
.col-image {
    flex: 1 1 280px !important;
    min-width: 280px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.col-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}

/* ---- Colonne texte ---- */
.col-texte {
    flex: 1 1 280px !important;
    min-width: 280px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ================================================ */
/* MOBILE - RETOUR EN 1 COLONNE                     */
/* ================================================ */
@media (max-width: 768px) {

    .article-2col {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .col-gauche,
    .col-droite,
    .col-large,
    .col-etroite,
    .col-image,
    .col-texte {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Image en premier sur mobile */
    .col-image {
        order: -1 !important;
    }
}


/* ================================================ */
/* STYLE TABLEAU : forme-tableau-1                  */
/* Usage : ajouter                                  */
/* <div class="forme-tableau-1-wrapper">            */
/* <table class="forme-tableau-1">                  */
/* ================================================ */

/* Conteneur wrapper pour le scroll mobile */
.forme-tableau-1-wrapper {
    overflow-x: auto !important;
    margin: 20px 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Table principale */
table.forme-tableau-1 {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Cabin', sans-serif !important;
    font-size: 0.95rem !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* ------------------------------------------------ */
/* EN-TÊTE                                          */
/* ------------------------------------------------ */
table.forme-tableau-1 thead tr {
    background-color: #193A0A !important;
    padding: 12px 20px 12px 5px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    font-size: 0.85rem !important;
    text-align: left !important;
    border: none !important;
    vertical-align: middle !important; /* ← TITRE CENTRÉ VERTICALEMENT */
}

/* ------------------------------------------------ */
/* LIGNES DU CORPS                                  */
/* ------------------------------------------------ */
table.forme-tableau-1 tbody tr {
    border-top: 1px solid #949090 !important;
    transition: background-color 0.2s ease !important;
}

table.forme-tableau-1 tbody tr:first-child {
    border-top: none !important;
}

/* Alternance des couleurs */
table.forme-tableau-1 tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

table.forme-tableau-1 tbody tr:nth-child(even) {
    background-color: #f8f8f8 !important;
}

/* Hover sur les lignes */
table.forme-tableau-1 tbody tr:hover {
    background-color: #f0f7ee !important;
}

/* Cellules */
table.forme-tableau-1 tbody td {
    padding: 12px 20px 12px 5px !important;
    color: #333333 !important;
    vertical-align: top !important; /* ← CONTENU ALIGNÉ EN HAUT */
    border: none !important;
}

/* Première cellule légèrement accentuée */
table.forme-tableau-1 tbody td:first-child {
    font-weight: 600 !important;
    color: #193A0A !important;
}

/* ------------------------------------------------ */
/* PIED DE TABLEAU (optionnel)                      */
/* ------------------------------------------------ */
table.forme-tableau-1 tfoot tr {
    background-color: #f0f7ee !important;
    border-top: 2px solid #193A0A !important;
}

table.forme-tableau-1 tfoot td {
    padding: 12px 20px 12px 5px !important;
    font-weight: 600 !important;
    color: #193A0A !important;
    vertical-align: top !important; /* ← PIED DE TABLEAU ALIGNÉ EN HAUT */
}

/* ================================================ */
/* ADAPTATION MOBILE                                */
/* ================================================ */
@media (max-width: 768px) {
    table.forme-tableau-1 thead th,
    table.forme-tableau-1 tbody td,
    table.forme-tableau-1 tfoot td {
        padding: 10px 12px 10px 5px !important;
        font-size: 0.85rem !important;
    }
}

/* ================================================= */
/* MISE EN PAGE 4 COLONNES DANS LES ARTICLES         */
/* VERSION CORRIGÉE                                  */
/* ================================================= */

/* Conteneur principal */
.article-4col {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 20px 0 !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- Colonnes génériques : 4 colonnes égales ---- */
.article-4col > div,
.article-4col > .col-image,
.article-4col > .col-texte,
.article-4col > .col-gauche,
.article-4col > .col-droite,
.article-4col > .col-large,
.article-4col > .col-etroite {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    width: calc(25% - 15px) !important;
}

/* ---- Colonne étroite : style conservé ---- */
.article-4col > .col-etroite {
    background-color: #f8f9fa !important;
    border-left: 4px solid #55A432 !important;
    padding: 20px !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ---- Images dans les colonnes ---- */
.article-4col > div img,
.article-4col > .col-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    display: block !important;
    max-width: 100% !important;
}

/* ================================================= */
/* TABLETTE - 2 COLONNES                             */
/* ================================================= */
@media (max-width: 1024px) and (min-width: 769px) {
    .article-4col > div,
    .article-4col > .col-image,
    .article-4col > .col-texte,
    .article-4col > .col-gauche,
    .article-4col > .col-droite,
    .article-4col > .col-large,
    .article-4col > .col-etroite {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        width: calc(50% - 10px) !important;
    }
}

/* ================================================= */
/* MOBILE - RETOUR EN 1 COLONNE                      */
/* ================================================= */
@media (max-width: 768px) {
    .article-4col {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .article-4col > div,
    .article-4col > .col-image,
    .article-4col > .col-texte,
    .article-4col > .col-gauche,
    .article-4col > .col-droite,
    .article-4col > .col-large,
    .article-4col > .col-etroite {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* ---------------------------------- */
/*  Bouton retour TOP       */
/* ---------------------------------- */

.back-to-top {
  /*display: inline-flex;*/
  align-items: center;
  gap: 0.45rem;
  margin: 1.4rem 0 0.6rem;
  padding: 0.42rem 0.9rem;
  background-color: #55A432 !important;
  color: #ffffff !important;
  border-radius: 3px;
  text-decoration: none !important;
  /*font-family: Arial, sans-serif;*/
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.back-to-top:hover {
  background-color: #55A432;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.back-to-top svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* --- Conteneur : séparateur + alignement à droite --- */
.back-to-top-wrap {
  /*border-top: 1px solid #d0d0d0;*/
  padding-top: 0.8rem;
  margin-top: 1.6rem;
  display: flex;
  justify-content: flex-end;
}

/* ------------------------------ */
/*  Ajout type fleche liste puce  */
/* ------------------------------ */

ul.liste-triangle {
  list-style: none;
  padding-left: 1.2rem;
}

ul.liste-triangle li::before {
  content: '▶';
  color: #55A432;   
  margin-right: 0.5rem;
}

/* ---------------------------------------- */
/*       Image de fond du banner            */
/* ---------------------------------------- */
.container-banner {
  background-image: url('https://winkel.fr/images/banners/banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 350px !important;
  width: 100% !important;
}