/******* GÉNÉRAL **********/
span.erreur{
    color: red;
}

input{
    margin-bottom: 5px;
}

/******* LOGIN ************/
#login img{
    max-width: 100%;
    margin-top: 20%;
    margin-bottom: 10px;
}

.form-signin{
    width: 92%;
    margin: 0 auto;
}

.form-signin .password2{
    display: none;
}

.form-signin #passwordConfirm{
    margin-bottom: 10px;
}

/******* PUBLIC **********/
.Top_bar{
    display:flex;
    background-color: #FF2F00;
    align-items:center;
}

.Top_bar div{
    padding: 10px;
}

.Top_bar #MenuBurger{
    font-size: 18px;
    cursor: pointer;
}

.Top_bar div a{
    font-weight: bolder;
    color: #FFF;
}

.Top_bar div a:hover{
    text-decoration: none;
}

#sidebar{
    position: absolute;
    z-index: 999999;
    background-color: #FF2F00;
    opacity: 0.95;
    display: none;
    width: 100%;
}

#sidebar a{
    white-space: nowrap;
    color: #fff;
}

/*********** PROFIL ************/
#profil{
    margin: 2%;
    width: 96%;
    padding: 0px;
}

#profil .row{
    margin: 0px;
}

#profil .row .col-lg-6{
    margin-top: 10px;
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

#profil .row .col-lg-6 img{
    vertical-align: baseline;
}

#profil .row .col-lg-12 div{
    background-color: #eee;
    border: 1px dashed black;
    padding: 4px;
    margin-bottom: 5px;
}

#editerProfil{
    margin-top: 10px;
}

#editerProfil textarea{
    width: 100%;
}

#editerProfil input[type="radio"]{
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**** AJOUTER BUS *****/
#ajouterBus .row, #rechercher .row{
    margin-top: 10px;
}

#ajouterBus input, #ajouterBus select, #rechercher input, #rechercher select{
    width: 100%;
    height: 50px;
    font-size: 30px;
    margin-bottom: 10px;
}

/**** RECHERCHER ***/
#rechercher .personne{
    padding: 10px;
}

#rechercher .personne img{
    vertical-align: top;
}

#rechercher .personne div{
    display: inline-block;
    width: 60%;
    padding-left: 10px;
}

#rechercher .personne h4{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 10px;
}