/* pour cacher image sur mobile */
.breadcrumb {  display: flex;  flex-wrap: wrap;  padding: 8px 15px;  margin-bottom: 20px;  list-style: none;  background-color: #CAC4C4;  border-radius: 5px; font-size: 16px; /* Taille de la police pour le breadcrumb */ }
.breadcrumb > li + li::before {  content: "/";  padding: 0 5px;  color: #000000; } .breadcrumb > li {  display: inline; } .breadcrumb > .active {  color: #777;}
/* Fin styles pour le diaporama */
.TitreLogo {    font-size: 18px;    font-weight: 700;   color: var(--color-black); text-align: left; }
h1 {   font-size: 22px;    font-weight: bold;   color: #1A3B0F;    text-align: left; } h2 {   font-size: 18px;   font-weight: bold;   text-align: left; } h3 {   font-size: 16px;   font-weight: bold;    text-align: left;  }
/* Styles H1 spécifiques pour les écrans de mobiles */ @media (max-width: 480px) {   .TitreLogo {    font-size: 14px;  }    h1 {    font-size: 16px !important;  }  .breadcrumb {   font-size: 11px; 
/* Taille de la police pour le breadcrumb sur mobile */  } }
/* cadre jaune avec une ombre, cadre autour du texte */
.cadre {
    background-color: Khaki !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 10px 10px 20px DarkSeaGreen !important; /* Pour les anciens navigateurs Webkit */
    -moz-box-shadow: 10px 10px 20px DarkSeaGreen !important; /* Pour les anciens navigateurs Firefox */
    box-shadow: 10px 10px 20px DarkSeaGreen !important;
    padding-left: 1em;
    padding-right: 1em;
}
 .text-dark-red {
        color: #8B0000; /* Code hexadécimal pour un TEXTE rouge foncé <p class="text-dark-red"> */
    }