.difficulty-facile::before {
content: url('https://bia-caea/images/facile.png');
margin-right: 5px;
}

.difficulty-difficile::before {
content: url('https://bia-caea/images/difficile.png');
margin-right: 5px;
}   

/* image = légende */

    .gallery {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      padding: 20px;
      background-color: #00274d; /* Bleu foncé */
      color: white;
    }



    .gallery-titre {
      text-align: center;
      color: white;
      font-weight: bold;
      margin: 0;
      font-size: 2em;
    }

    .gallery-items {
      display: flex;
      justify-content: space-around;
      align-items: flex-end;
      gap: 20px;
      flex-wrap: wrap;
      width: 100%;
    }

    .gallery-item {
      text-align: center;
      max-width: 250px;
    }

    .gallery-item img {
      max-width: 100%;
      height: auto;
      border: 2px solid white;
      border-radius: 0; /* Coins carrés */
    }

    .gallery-item figcaption {
      color: white; /* Légendes en blanc */
      font-style: italic;
      margin-top: 10px;
    }

/* epicea */
        .bloc-image-text {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            color: white;
        }
        .column {
            flex: 1 1 calc(50% - 40px);
            box-sizing: border-box;
            padding: 20px;
            border-radius: 8px;
            background-color: #004488;
        }
        .entry {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            align-items: start;
            gap: 15px;
            margin-bottom: 20px;
        }
        .entry img {
            grid-row: 1 / span 2;
            grid-column: 1;
            flex-shrink: 0;
        }
        .entry .text {
            grid-column: 2;
            grid-row: 1;
        }
        .entry .legend {
            grid-column: 2;
            grid-row: 2;
            font-style: italic;
            margin-top: 10px;
            color: #cce6ff;
        }
        .titre-bloc-image {
            margin-top: 0;
            color: #ffffff;
            font-size: 1.5em;
            font-weight: bold;
        }

        .text p {
            margin-top: 0;
            color: #ffffff;
            font-weight: bold;
            margin: 0 0 10px;
        }

/* image carrée */

.activity-item .activity-altcontent img {
  border-radius:0rem;
}

nav#header.navbar.navbar-light.navbar-expand div.container-fluid div.header-menubar.header-menubar-inner div.primary-navigation nav.moremenu.navigation.observed ul#moremenu-678159035d99f-navbar-nav.nav.more-nav.navbar-nav li.nav-item a.nav-link {
color:white !important;;
}


div.primary-navigation div.custom-menu.navigation ul.navbar-nav.dropdown.mr-auto li.nav-item a.nav-link {
color:white !important;;
}


/* Élément | https://bia-facile.fr/course/view.php?id=4 */

#moremenu-67815a1495b1f-navbar-nav > li:nth-child(3) > a:nth-child(1) {
  color: white !important;
}

/* Élément | https://bia-facile.fr/course/view.php?id=4 */

#moremenu-67815a1495b1f-navbar-nav > li:nth-child(1) > a:nth-child(1) {
  color: white !important;
}

/* Élément | https://bia-facile.fr/course/view.php?id=4 */

#moremenu-67815a1495b1f-navbar-nav > li:nth-child(2) > a:nth-child(1) {
  color: white !important;
}

/* Élément | https://bia-facile.fr/ */

#moremenu-67815aefc233d-navbar-nav > li:nth-child(1) > a:nth-child(1) {
  color: white !important;
}

html.yui3-js-enabled body#page-site-index.limitedwidth.format-site.course.path-site.gecko.dir-ltr.lang-fr.yui-skin-sam.yui3-skin-sam.bia-facile-fr.pagelayout-frontpage.course-1.context-2.notloggedin.theme.uses-drawers.boost_magnific-theme-#1a2a6c.jsenabled div#page-wrapper.d-print-block.position-relative nav#header.navbar.navbar-light.navbar-expand div.container-fluid div.header-menubar.header-menubar-inner div.primary-navigation nav.moremenu.navigation.observed ul#moremenu-67815b2059486-navbar-nav.nav.more-nav.navbar-nav li.nav-item a.nav-link.active {
  color: white !important;
}


/* Élément | https://bia-facile.fr/ */

#moremenu-67815bbdcd20e-navbar-nav > li:nth-child(1) > a:nth-child(1) {
  color: white !important;
}

