html body {

    font-family: Arial!important;

}

.navbar-inverse,.navbar-text {

    background-color: #00627c;
    border: 0;
    border-radius: unset;
    color: white;
    font-family: Arial;
    border-radius: 4px;
}

html body .navbar-inverse .navbar-brand,.navbar-text{

    color:white;

}

.navbar-brand{

    padding-left:2em;
    padding-right:2em;

}

html body .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{

    background-color: #009ebf;

}

.navbar-brand{
    position: relative;
    font-size: 0.8em;

}
.navbar-brand:not(:last-of-type):after{
    content: '';
    position: absolute;
    right: -2px;
    width:2px;
    height: 80%;
    top: 10%;
    background: #009ebf;
}

.navbar-brand:hover:not(:last-child):after{
    display:none;
}

html body #login_form{

    background-color: lightgrey;
    border-radius:0.5em;
    color:rgb(44, 39, 39);

}

html body #login_form .btn-primary {

    background-color:#00627c;
    border-color:#002f3a;
    color:white;

}

#sup-mod-ident{

    text-transform: uppercase;
    color:#00627c;
    font-family: Arial;

}

#para_login_etu{

    font-family: Arial;
    color:#717070;

}

.sup-modif-preco{

    color:#717070;
    font-family: Arial;


}

.sup-main-sub-title{

    text-transform: uppercase;
    color:black;

}

.alert-info{

    background-color:lightgrey;
    border:unset;
    color:black;

}

html body .breadcrumbs .todo{

    background-color: #5b5b5b;

}

html body .breadcrumbs .todo:not(:last-child):after{

    border-left-color:#5b5b5b;

}

html body .breadcrumbs .done:not(:last-child):after{

    border-left-color:#005366;

}

html body .breadcrumbs .done{

    background-color: #005366;

}


html body .btn-secondary{

    background-color: #c9c9c9;
    border-color:#a3a3a3;

}

.breadcrumbs span:not(:last-child):after{

    border-left:#c9c9c9;

}

html body .recap_peda_lo{

    border-color:white;
    padding:1em;
    border-radius: 0.5em;

}

#peda_resume{

    background-color: #eeeeef;
    border-radius: 4px;

}

html body #alert-enter-peda-sup{

    background-color:lightgrey; ;
    color:black;
    font-family: Arial;

}

html body #sup-modif-validate-postal{

    background-color: #00627c!important;
    border-color:#002f3a!important;

}

html body #peda_form_validate .btn-success{

    background-color: #00627c!important;
    border-color:#002f3a!important;

}

html body #peda_list_tarif .btn-success{

    background-color: #00627c!important;
    border-color:#002f3a!important;

}

html body .peda_sem{

    padding:0.5em;
    border-radius:0.5em;
    color:white;
    background-color: #00627c;

}

html body .ue_grey{

    background-color: white;
    color:black;
    padding:0.5em;
    border-radius:0.5em;
    margin-bottom:0.2em;

}


html body .ue_grey{

    background-color: white;
    color:black;
    padding:0.5em;
    border-radius:0.5em;
    margin-bottom:0.2em;

}

html body .peda_sem_contener{

    padding-left:5em;
    padding-right:5em;
    padding-bottom:2em;

}

html body #tot_adm{

    color:white;

}html body #tot_post{

    color:white;

}html body #tot_peda{

    color:white;

}html body #tot_etr{

    color:white;

}html body #tot_total{

    color:white;
    background-color: #00627c!important;
    border-color:#002f3a!important

}


#peda_lib{

     border-radius:0.5em;
     background-color:#009ebf;
    border-color:unset;
     color:white;
     padding:1em;

}

#peda_validation .btn-success{

    background-color: #00627c!important;
    border-color:#002f3a!important;

}

#peda_validation .btn-danger{

    background-color: #002f3a!important;
    border-color:#00627c!important;

}

html body #id_username{

    color:black!important;

}

html body #id_password{

    color:black!important;

}

.etape_ins{
    font-size:1.2em;
    font-weight:bold;
    margin-top:1em;
    width:100%;
    display:inline-block;
    background-color: #00627c;
    color:white;
    cursor:pointer;
    padding:1em;
    padding-left:1em;
    border-radius: 4px;
}
    
.lien_ins{
    font-size:1.2em;
    font-weight:bold;
    margin-top:1em;
    width:100%;
    display:inline-block;
    background-color: lightgrey;
    color:black;
    cursor:pointer;
    padding:1em;
    padding-left:2em;
    border-radius: 4px;
}

.lien_ins:hover{
    color:black;
}

html body #login_error{

    background-color: #f7f2f3;
    border-color: #6d1a2d;
    border-left: 5px solid #6d1a2d;
    color: #6d1a2d;
    margin-top: 1em;
    clear: both;

}

html body #login_error p:last-child{

    margin-bottom: 0;

}