div.dm-wrapperDiv {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  zoom: 1;
  overflow: hidden;
  width: 131px;
  height: 69px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

#diganostic-progress0 {
  width: 212px ;
  height: 106px ;
  margin:auto

}

div.dm-wrapperDiv * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  zoom: 1;
}
div.dm-wrapperDiv div {
  position: absolute;
  bottom: 0;
  left: 0;
}
div.dm-wrapperDiv div.dm-bgClrDiv,
div.dm-wrapperDiv div.dm-maskDiv {
  width: 131px;
  height: 65px;
}

#diganostic-progress0  div.dm-bgClrDiv, #diganostic-progress0  div.dm-maskDiv{
  width: 212px ;
  height: 106px;
}


div.dm-wrapperDiv div.dm-bgClrDiv,
div.dm-wrapperDiv div.dm-maskDiv {
  -webkit-border-radius: 100px 100px 0 0;
  -moz-border-radius: 100px 100px 0 0;
  -ms-border-radius: 100px 100px 0 0;
  border-radius: 100px 100px 0 0;
  border: 2px solid #fff;
  border-bottom: 0;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
div.dm-wrapperDiv div.dm-bgClrDiv.normal {
/*  background-color: #228b22;
*/
  background: #25e000; /* Old browsers */
  background: -moz-linear-gradient(left, #25e000 0%, #d9ed00 25%, #fb751c 50%, #ff1a00 75%, #ff1a00 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#25e000), color-stop(25%,#d9ed00), color-stop(50%,#fb751c),color-stop(75%,#ff1a00), color-stop(100%,#ff1a00)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #25e000 0%,#d9ed00 25%,#fb751c 50%,#ff1a00 75%, #ff1a00 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #25e000 0%,#d9ed00 25%,#fb751c 50%,#ff1a00 75%, #ff1a00 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #25e000 0%,#d9ed00 25%,#fb751c 50%,#ff1a00 75%, #ff1a00 100%); /* IE10+ */
  background: linear-gradient(to right, #25e000 0%,#d9ed00 25%,#fb751c 50%,#ff1a00 75%, #ff1a00 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25e000', endColorstr='#ff1a00',GradientType=1 ); /* IE6-9 */

}
div.dm-wrapperDiv div.dm-bgClrDiv.warn {
  background-color: #daa520;
}
div.dm-wrapperDiv div.dm-bgClrDiv.error {
  background-color: #ff0000;
}
div.dm-wrapperDiv div.dm-maskDiv {
  background-color: #dddddd;
  z-index: 4;
}
div.dm-wrapperDiv div.dm-innerDiv {
  bottom: 0;
  left: 14px;
  -webkit-border-radius: 80px 80px 0 0;
  -moz-border-radius: 80px 80px 0 0;
  -ms-border-radius: 80px 80px 0 0;
  border-radius: 80px 80px 0 0;
/*  border-bottom: 1px solid #eeeeee;
*/  width: 102px;
  height: 52px;
  padding-top: .7em;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  z-index: 5;
}

#diganostic-progress0 div.dm-innerDiv{ 
 	 height: 86px;
    left: 23px;
    width: 166px;
}

div.dm-wrapperDiv div.dm-innerDiv p {
  margin: 3px auto;
  width: auto;
  max-width: 85%;
  overflow: hidden;
  text-align: center;
}
div.dm-wrapperDiv div.dm-innerDiv p.dm-valueP {
  font-size: 210%;
  line-height: .85;
}
div.dm-wrapperDiv div.dm-innerDiv p.dm-unitP {
  margin-top: 0;
  font-size: 75%;
  font-weight: normal;
}
div.dm-wrapperDiv div.dm-innerDiv p.dm-labelP {
  font-size: 100%;
}


.progress-diagnostic{ }

.progress-diagnostic .ui-slider-handle{ display: none !important; border: none}

.titre_diagnostic{ width: 100%; height: 50px;}

.in-progress{    color: #017eba;
    font-size: 12px;
    position: absolute;
    top: 112px;}

.dm-innerDiv p{color: #b2b2b2 !important; font-size: 17px !important; display: inline; line-height: 40px}

.outer-progress-cicle{ height: 200px; width: 100%}

.each-circle1, .each-circle2, .each-circle3{  width: auto; margin:auto; text-align:center; float: left; position:relative; margin-left: 50px !important; margin-top: 62px}

.each-circle{background: url('../img/bg-each-circle.png') no-repeat center right; height: 141px; padding-top: 25px; width: 317px; position:relative; float:left; margin-left: 20px}

.each-circle .in-progress{    color: #017eba;
    font-size: 12px;
   position: absolute;
    top: 137px; width: 100%; text-align:center; font-weight: bold}
	
.other-circle .in-progress{ width: 100%; top: 76px; font-weight: bold }