body {
    font-family: 'Quicksand', sans-serif !important; /* Mettez la police que vous utilisez pour le site */

}

/* Variables de couleurs */
:root {
    --green-color: #69bf64;  /* Vert personnalisé */
    --marron-color: #cba676;  /* Marron, */
    --black-color: #000000;  /* Noir */
}

/* En-tête */
.site-header {
    background-color: var(--green-color) !important;
    color: #fff;
}

.text-marron {
    color: var(--marron-color);
}

.btn-black {
    background-color: var(--black-color);
    color: #fff;
    border: none;
}

.btn-black:hover {
    background-color: #333;
}

/* Style des éléments décoratifs */
.product-device {
    background-color: var(--black-color);  /* Couleur de l'appareil en noir */
}

.product-device-2 {
    background-color: var(--marron-color);  /* Second appareil en marron */
}

/* Footer */
.bg-black {
    background-color: var(--black-color) !important;
}

.text-white {
    color: #fff !important;
}

/* Appliquer la couleur #cba676 aux liens de la navbar */
.navbar-nav .nav-link {
    color: #cba676;
}

/* Optionnel : Changer la couleur au survol */
.navbar-nav .nav-link:hover {
    color: #a87c55 !important; /* Couleur légèrement plus sombre au survol */
}


.btn-custom {
    background-color: #69bf64;
    color: #fff;
    border: none;
}

.btn-custom:hover {
    background-color: #58a655; /* Légèrement plus foncé au survol */
}

ol {
    font-family: inherit; /* Utilise la même police que le parent */
    font-size: 1rem; /* Assure une taille cohérente avec le reste */
    line-height: 1.6; /* Garde un espacement agréable entre les lignes */
    margin-left: 20px; /* Ajoute un léger décalage pour l'indentation */
}

ol li {
    margin-bottom: 10px; /* Ajoute de l'espace entre les éléments de la liste */
}

container ol {
    font-family: inherit !important; /* Utilise la même police que le reste */
    font-size: 1rem !important; /* Assure une taille cohérente */
    line-height: 1.6 !important; /* Espacement agréable entre les lignes */
    color: #212529 !important; /* Couleur du texte (noir Bootstrap) */
    margin-left: 20px !important; /* Décalage pour l'indentation */
}

.container ol li {
    margin-bottom: 10px !important; /* Ajoute de l'espace entre les éléments */
}

.custom-ol {
    font-family: inherit !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #212529 !important;
    margin-left: 20px !important;
}

.custom-ol li {
    margin-bottom: 10px !important;
}

div.custom-ol ol {
    font-family: inherit !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #212529 !important;
    margin-left: 20px !important;
    list-style-type: decimal !important; /* Garde la numérotation */
}

div.custom-ol ol li {
    margin-bottom: 10px !important;
}

footer a {
    transition: color 0.3s ease;
  }
  
  footer a:hover {
    color: #cba676; /* Changement de couleur au survol */
  }

  @font-face {
    font-family: 'Integral CF';
    src: url('/font/FONTSPRINGDEMO-IntegralCFMediumRegular.woff2') format('woff2'),
        url('/font/FONTSPRINGDEMO-IntegralCFMediumRegular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 1050;
    background-color: #000; /* Assure un fond solide */
}

.sticky-top img {
    z-index: 1;
    position: relative;
}

.text-justify {
    text-align: justify;
}