.custom-box {
    background-color: #ebb076;
    border-radius: 10px;
    padding:10px;
    border:3px solid #f68c22;
    margin-top:10px;
    padding-top:15px;
    text-align: center;
    margin:auto;
}

.custom-box-container {
    max-width: 600px;
    margin:auto;
}


.custom-box ul {
    list-style-type: none; /* Enlève les puces par défaut */
    padding-left: 0; /* Enlève le padding à gauche pour éviter un espace supplémentaire */
}

.custom-box ul li {
    position: relative; /* Permet le positionnement absolu du pseudo-élément par rapport à li */
    padding-left: 60px; /* Ajustez selon la taille de votre image de puce */
    margin-bottom: 10px;
}

.custom-box ul li::before {
    content: ""; /* Nécessaire, mais pas de texte pour une image */
    position: absolute;
    left: 30px; /* Ajustez si nécessaire pour déplacer l'image plus à gauche ou à droite */
    top: 0; /* Ajustez pour aligner verticalement l'image avec le texte */
    width: 30px; /* Largeur de votre image de puce */
    height: 30px; /* Hauteur de votre image de puce */
    background-image: url('../img/check-ico.png');
    background-size: cover; /* Ajuste la taille de l'image à celle du conteneur */
}


.accordion-item button {
    color: #c34223;
}

.logo-container {
    max-width: 100%;
}

table {
    border:1px solid #1f0740;    
}

/* Surcharge de la couleur de fond des boutons primaires */
.btn-primary {
    background-color: #c34223; /* Nouvelle couleur principale */
    border-color: #c34223; /* Assurez-vous que la bordure correspond également */
    
}

.btn-primary:hover {
    background-color: #c34223; /* Nouvelle couleur principale */
    border-color: #c34223; /* Assurez-vous que la bordure correspond également */
    
}

/* Surcharge pour l'état actif et focus du bouton primaire */
.btn-primary:focus, .btn-primary:active, .btn-primary.active, 
.show > .btn-primary.dropdown-toggle {
    background-color: #c34223; /* Nouvelle couleur principale */
    border-color: #c34223; /* Assurez-vous que la bordure correspond également */
}

/* Surcharge de la couleur des liens */
a, h2 {
    color: #f68c22; /* Nouvelle couleur principale pour les liens */
    
}

h1, .text-dark {
    color:#c34223;
}

html {
    color: #1f0740;
}



.fill{
    width:100%;
    height:100%;
    min-height:100%;
    margin: auto;
    background: rgb(246,140,34);
    background: linear-gradient(90deg, rgba(246,140,34,1) 0%, rgba(195,66,35,1) 100%);
    color:white;
    color:#1f0740;
    

}

.light-box {
    background-color: white;
    border-radius: 10px;
    padding:10px;
    border:3px solid #f68c22;
    margin-top:10px;
    padding-top:15px;
    text-align: center;
    width: 50%;
    min-width: 400px;
    margin:auto;
    color:#1f0740;
    min-height:400px;
    max-height: 100%;
    margin-bottom: 10%;
}

.fill .middle-element {
    width: 100%;
}

.light-box label {
    color: #f68c22;
    font-weight: bold;
}

.big-button {
    font-size: 20px;
}