

:root{
    --custom-coul1:rgb(51,53,57);
    --custom-coul5:rgb(136, 138, 143); /* coul1 hover */
    --custom-coul2:rgb(255,212,83); 
    --custom-coul3:RGB(0, 0, 0);
    --custom-coul4:rgb(183, 27, 84);   /* couleur liens a */
    
    --bs-primary-active: var(--custom-coul2);
    --bs-text-primary : var(--custom-coul2);
    --bs-text-dark : var(--custom-coul1);
    --bs-app-header-primary-base-bg-color:var(--custom-coul2);
    --bs-prismjs-btn-color-hover:var(--custom-coul2);
    --bs-primary:var(--custom-coul2);
    --bs-primary-rgb:var(--custom-coul2);
    --bs-link:var(--custom-coul2); 
    --bs-link-color-rgb:var(--custom-coul2);
    --bs-success:var(--custom-coul1);  
    --bs-success-active:var(--custom-coul5);     
    --bs-btn-bg: var(--custom-coul2);
    --bs-btn-border-color: var(--custom-coul2);
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: var(--custom-coul2);
    --bs-btn-hover-border-color: var(--custom-coul2);
    --bs-btn-focus-shadow-rgb: 68, 174, 116;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: var(--custom-coul2);
    --bs-btn-active-border-color: var(--custom-coul2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: var(--custom-coul2);
    --bs-btn-disabled-border-color: var(--custom-coul2);
    --bs-link-color:var(--custom-coul2);
    --bs-link-hover-color:var(--custom-coul2);
    --bs-text-success : #00a298;
    --bs-primary-inverse: #333539 !important;

}

a{
    color:var(--custom-coul4);
}
a:hover{
    color:var(--custom-coul4);
    
}

.btn-success{
    background-color: var(--custom-coul1);
}
.link-primary:hover, 
.menu-state-color:hover, 
.menu-link:hover,
.menu-icon:hover{ 
    color:var(--custom-coul2)!important;
}
.app-header-primary{
    background-color: var(--custom-coul1);
    box-shadow: var(--bs-app-header-primary-base-box-shadow);
    border-bottom: var(--custom-coul1);
    color:var(--custom-coul2)!important;
}
.btn-custom,
.btn-color-white{
    background-color: var(--custom-coul2)!important;
    color:white!important;
}

.c1{
    color:var(--custom-coul1);
}
.c2{
    color:var(--custom-coul2);
}
.c3{
    color:var(--custom-coul3);
}

.bg-c1{
    background-color:var(--custom-coul1);
}
.bg-c2{
    background-color:var(--custom-coul2);
}
.bg-c3{
    background-color:var(--custom-coul3);
}

.flex-2{
    flex:2!important;
}
.bloc_ident{
    border:solid black 1px; 
    border-radius:20px;
}
.ident-droite{
    background-color:white!important;
    background-image:url('images/auth-kedge.png');
}
.ident-topbar{
    display:block!important;;
    background-color:rgb(51,53,57);
    color:var(--custom-coul2);
}


.ident-topbar .titre{
    display:block!important;;
    font-size:4em;
    font-weight:500;
    color:white;
}

.ident-logo-droite{
    display:none!important;;
}

.ident-droite-titre{
    display:none!important;
}
.ident-droite-texte{
    display:none!important;
}

.form-check-input:checked {
    background-color: var(--custom-coul2);
    border-color:  var(--custom-coul2);
}


@media (min-width:576px){
    .flex-2{
        flex:auto;
    }

}