:root {
        --fond-beige: #f5f5dc; /* Beige classique */
        --vert-nav: #2e7d32;   /* Vert nature */
        --vert-hover: #1b5e20;
    }

    body, .panel-primary {
        background-color: var(--fond-beige);
    }

    /* Personnalisation de la barre de navigation */
    .navbar-inverse {
        background-color: var(--vert-nav) !important;
        border: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff !important;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: var(--vert-hover) !important;
    }

    .navbar-inverse .navbar-brand {
        color: #ffffff !important;
    }
    .navbar-primary {
        background-color: #cbe3f7 !important;
    }
    .navbar-danger {
        background-color: #f2dede !important;
    }

.row-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Centre verticalement les colonnes */
}

.text-center-flex {
    text-align: center;
}

.navbar-toggle.collapsed:focus, 
.navbar-toggle.collapsed:active,
.navbar-toggle.collapsed:hover {
    background-color: transparent !important; /* Ou la couleur d'origine de votre bouton */
    outline: none !important; /* Supprime la bordure bleue de sélection */
    color: inherit; /* Garde la couleur du texte d'origine */
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #ef1c18;
}
.form-group.required .control-label:after {
	content:" *";
	color:red;
}
.panel-primary > .panel-heading a{
	color:#fff;
}


.carousel-inner {
		min-height:100px;
}
.carousel-inner > .item {
    height: auto;
    aspect-ratio: 4 / 3; /* Force un ratio constant */
    background: #f0f0f0; /* Un fond gris en attendant l'image */
}

.carousel-inner > .item > a > img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* L'image garde ses proportions sans être coupée */
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(245, 245, 220, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(245, 245, 220, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 245, 220, .5)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(245, 245, 220, .5) 0%, rgba(0, 0, 0, .0001) 100%);
	
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(245, 245, 220, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(245, 245, 220, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(245, 245, 220, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(245, 245, 220, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
a[target="_blank"]:after { /* fleche pour les a avec target blank */
    content: " \2197";
  }
a.no-after:after {
    content: none;
}
.colorMain {
	color: var(--vert-nav);
}
.colorDark {
	color: #00c100;
}
.font-bold {
	font-weight: bold;
}