.bg-clair{
    background-color: #ff9c53;
}

.bg-normal{
    background-color: #fc6b24;
}

.btn-orangehover{
    background-color: #fc6b24;
    color: #EBEBEB;
}

.btn-orangehover:hover{
    background-color: #ff9c53;
}

.text-clair{
    color: #ff9c53;
}

.text-normal{
    color: #fc6b24;
}

.bg-noirclair{
    background-color: #333333;
}

.bg-noirfonce{
    background-color: #222222;
}

.bg-blancfonce{
    background-color: #cccccc;
}

.bg-blancnormal{
    background-color: #ebebeb;
}

.bg-blanc{
    background-color: white;
}
.text-noirclair{
    color: #333333;
}

.text-noirfonce{
    color: #222222;
}

.text-blancnormal{
    color: #ebebeb;
}

.text-blanchover{
    color: #ebebeb;
}

.text-blanchover:hover{
    color: #cccccc;
}

.text-blanc{
    color: white;
}

.passion{
    font-family: 'Passion One', cursive;
}

.helvetica{
    font-family: helvetica;
}

.patrick{
    font-family: 'Patrick Hand SC', cursive;
}

#sidebar{
    margin-top:60px;
    height: 95%;
}

.navbar{
    height: 60px;
}

.logo{
    height: 55px;
}

.rechercher input{
    background-color: #fc6b24;
    color: #EBEBEB;
    border: none;
    border-radius: 0px;
    border-bottom: 3px solid #EBEBEB;
    font-weight: bold;
    font-variant: small-caps;
    font-size : 14pt;
}

.rechercher input:focus{
    background-color: #fc6b24;
    color: #333333;
    border: none;
    border-radius: 0px;
    border-bottom: 3px solid #333333;
    transition: border-bottom-color 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.rechercher_menu input{
    width: 90%;
    margin: 5px auto;
    background-color: #333333;
    color: #EBEBEB;
    border: none;
    border-radius: 0px;
    border-bottom: 3px solid #EBEBEB;
    font-weight: bold;
    font-weight: bold;
    font-variant: small-caps;
    font-size : 14pt;
    display: flex;
}

.rechercher_menu input:focus{
    background-color: #333333;
    color: #EBEBEB;
    border: none;
    border-radius: 0px;
    border-bottom: 3px solid #333333;
    transition: border-bottom-color 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.auth a{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #EBEBEB;
    border: 2px solid #EBEBEB;
    font-size: 18pt;
    margin-left: auto;
    border-radius:10vh;
}

.auth a:hover{
    background-color: #EBEBEB;
    color: #333333;
}

.list-group-item{
    font-weight: bold;
}