body {padding:0;margin:0;font-size:14px;font-family: 'Open Sans', sans-serif;font-weight:300}

.bulle {position:relative;width:150px;height:150px;color:#fff;text-align:center;line-height:150px;font-size:3em;font-weight:800;border-radius:50%;float:left;margin:0.5em;background-color:#f4f4f4}
.bulle span {font-size:0.5em;font-weight:300}
.good {background-color:#2ade4e}
.mid {background-color:#de9f2a}
.bad {background-color:#ba0707}
.intitule {position:absolute;width:100%;font-size:0.25em;top:-1.5em;left:0;text-align:center;color:#444;line-height:0.5em}

#img {position:relative;width:100%;margin:0 auto 1em auto}
#img img {width:100%}

@media only screen and (max-width : 768px) {
	.bulle {margin:0.25em}
}