#progressBar{
    clear: both;
	position:relative;
	float:left;
	width: 100%;
	margin-bottom: 20px;
}

.clear{
    clear: both;
}

#thermometre{
    position: relative;
    float:left;
    background-repeat:no-repeat;
    background-image: url(http://www.granddefoulement.ca/modules/mod_hpjdons/assets/images/thermo_frame.png);
    width: 41px;
    height: 250px;
	overflow:hidden;
}

#contentProgess{
    background-image: url(http://www.granddefoulement.ca/modules/mod_hpjdons/assets/images/thermo_content.png);
    background-repeat: no-repeat;
    width: 34px;
    margin-left: 4px;
    margin-top: 37px;
    height: 2%;
    bottom: 0px;
}

.explosed #contentProgess {
	margin-top:4px;
}
#graduation{
    float:left;
    height: 165px;
    position: relative;
	margin-top:53px;
}
#graduation.grad-explosed {
	top:15px;
	height: 218px;
	margin-top:0;
}
.gradDon{
    position:absolute; overflow: hidden
}

#donGoal{
    top: -19px;
   left:4px;
   width:64px;
   width:  64px;
	height: 17px;
	padding-left: 20px;
	padding-top: 3px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(http://www.granddefoulement.ca/modules/mod_hpjdons/assets/images/thermo_initial.png);
}
.grad-explosed  #donGoal{
	top:19px;
}
#donStart{
    bottom: 0px;
    display: none;
}

#thermoBottom {
	background-image: url(http://www.granddefoulement.ca/modules/mod_hpjdons/assets/images/thermo_boule.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 32px;
    position: absolute;
    margin-bottom: 4px;
    bottom: 0;
}

#currentDon {
	width:  64px;
	height: 17px;
	padding-left: 20px;
	padding-top: 3px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(http://www.granddefoulement.ca/modules/mod_hpjdons/assets/images/thermo_current.png);
	left:4px;
}

#donsLegend {
	font-size:9px;
	line-height:12px;

	position: absolute;
	bottom:0;
	right:20px;
}

#donsLegend span {
	float:left;
	display:inline;
	clear:left;
	width:12px;
	height:12px;
	margin:0 3px 3px;
	vertical-align:middle;
}

.legendIni {
	background-color:#626262;
}

.legendFin {
	background-color:#1D1D1D;
}