@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Krona+One&display=swap');

body
{
    width:  100%;
    height: 100%;
}

nav, nav a, nav div div input[type=date], nav div div input[type=text], #infoCompFournisseur, select
{
    color:       #4e2f19 !important;
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    font-style:  normal;
    font-size:   13px !important;
}

.btn
{
    color:            #4e2f19 !important;
    background-color: #9fab87 !important;
    border-color:     #9fab87 !important;
    font-family:      "Krona One", sans-serif !important;
    font-weight:      400;
    font-style:       normal;
    font-size:        13px !important;
}

#container
{
    max-width:     100% !important;
    --bs-gutter-x: 0rem;
    height:        100%;
}

#homeButton
{
    width: 30%;
}

.form-group
{
    margin-bottom: 35px;
}

#logoDiv
{
    margin-right: 2rem;
}

#secondaryNavBar
{
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

#verticalMenu
{
    background-color: #9fab87;
    height:           80.5vh;
    color:            #4e2f19;
    position:         absolute;
    width:            17%;
    overflow:         hidden;
    font-family:      "Krona One", sans-serif;
    font-weight:      400;
    font-style:       normal;
    font-size:        13px !important;
}

#filter, .menuLink
{
    color: #4e2f19 !important;
}

#verticalMenuNav
{
    height:  78vh;
    display: none;
    color:   #4e2f19;
}

#verticalMenuNav a h4
{
    color: #4e2f19;
}

#menuDiv
{
    display: none;
}

#divListeArticle
{
    margin-left: 17%;
    overflow-x:  hidden;
    overflow-y:  scroll;
    height:      78vh;
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-style:  normal;
}

#divListeArticle div
{
    text-align: center;
}

#divListeArticle div h4
{
    color: #4e2f19 !important;
}

.occasionnel
{
    color:       #9fab87 !important;
    font-weight: bold;
    font-style:  italic;
}

.categoryFilter
{
    cursor: pointer;
}

.diverLine td input
{
    font-size: .8rem !important;
}

.numbers
{
    text-align: right
}

#validationTitle, #validatedTitle
{
    color:       #4e2f19 !important;
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    font-style:  normal;
}

#recapListDiv
{
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-style:  normal;
}

.card-header
{
    color:       #4e2f19 !important;
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    font-style:  normal;
}

.card-body
{
    color:       #4e2f19 !important;
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-style:  normal;
}

#accordion
{
    margin-top: 15px;
    display: none;
}

#ErrorName
{
    padding: 0;
}

#ErrorBtn
{
    color:            #58151C !important;
    background-color: transparent !important;
    border-color:     transparent !important;
    font-family:      "Krona One", sans-serif !important;
}