.circle-bg {
    
    overflow: hidden;
    display: block;
    margin:10px 10px 10px ;
    width: 200px;
    height: 200px;
    padding-top:10px;
    /* background: #FFF; */
    border-radius: 50%;
    border: 15px solid #ccc;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0,0,0,0.5), inset 0 0 3px rgba(0,0,0,0.5);
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 12px;
   
   -webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s;
     
}
.circle-bg .glyphicon{
	font-size: 15px;
}
.circle-bg:hover,.circle-bg_user:hover{
	color:#000000;
	background:#ffffff;
    font-size: 12px;
     
}

.circle-bg_user {
   
   
    background: #99D1B7;
}

.circle-bg_tab_suivi {
    
    
    background: #524949;
    color: #ae7d4e;
}
.circle-bg_parametre {

    background: #B1654B;
    color: #ffffff;
}
.circle-bg_rappel{
	background: #666666;
    color: #ffffff;
}
.circle-bg_carto{
	background: #a9a7a7;
    color: #ffffff;
}

.circle-bg_service{
	background: #663300;
    color: #ffffff;
}
.circle-bg .description-panel,.description-panel{
	background: #000000;
	color: #ffffff;
	padding: 5px;
	font-size: 11px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	height: 70px;
	width: 100%;
	margin-left:-15px;
}