.navbar-inversa {
    background-color: #2196f3;
    border-color: transparent
}

.navbar-inversa a{

    color: #fbfdff;
    font-family: Times, Times New Roman, serif;
    font-size: 21px;
    text-align: center;
}
.navbar-inversa a:hover{
   background-color:  #337ab7;
}

.navbar-inversa .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #024771;
}
/*Format de la carte profil*/
.card {
    width: 350px;
    border-radius: 50px;
    background: #eeeeee;
    box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
    border: none;
    min-height: 300px;
    padding: 9px;
}
.smallcard{
    width: 350px;
    border-radius: 50px;
    background: #eeeeee;
    box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;
    border: none;
    min-height: 300px;
    padding: 9px;
}
/*Arrondi image*/
.rounded{
    border: solid black;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
/*Barre de navigation hors connexion*/
#navbareperso{
    background-color: #2196f3;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}
/*Cercle de CA*/
.circle {
    background: rgb(3, 92, 150);
    border-radius: 60px;
    color: white;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;
   
    /* margin: 20px auto; */
}

.circle_valide {
    background: rgb(8, 146, 188);
    border-radius: 60px;
    color: white;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;   
    /* margin: 20px auto; */
}

.circle_facturee {
    background: rgb(225, 133, 4);
    border-radius: 60px;
    color: white;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;
   
    /* margin: 20px auto; */
}
.circle_impayee {
    background: rgb(239, 13, 5);
    border-radius: 60px;
    color: white;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;
   
    /* margin: 20px auto; */
}
.circle_du_mois {
    background: rgb(5, 239, 5);
    border-radius: 60px;
    color: white;
    height: 60px;
    font-weight: bold;
    width: 60px;
    display: table;
   
    /* margin: 20px auto; */
}
.circle a {
    color: white;
    vertical-align: middle;
    text-align: center;     
    display: table-cell;
}
.circle_valide a {
    color: white;
    vertical-align: middle;
    text-align: center;     
    display: table-cell;
}