/*dpe et ges*/

div.dpe1 .percent {
        /* on passe l'élément span correspondant |  la classe .percent
        en affichage en bloc pour pouvoir lui donner une dimension.
        Diverses autres choses sont modifiées ensuite |  votre convenance. */
        display: block;  /* on affiche le span sous forme de bloc pour lui affecter des dimensions */
        height: 1em;
        line-height: 1.1em;
        margin: 8px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 8px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.dpe2 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 16px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 17px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position: absolute;
}

div.dpe3 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 25px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 26px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.dpe4 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 33px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 34px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.dpe5 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 42px 77px;
/* Hack pour IE6 et 7 */
     *  margin: 43px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.dpe6 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 51px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 52px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.dpe7 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 60px 77px;
/* Hack pour IE6 et 7 */
     *  margin: 61px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bold;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.ges1 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 7px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 8px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}
div.ges2 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 16px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 17px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}

div.ges3 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 25px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 26px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.ges4 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 34px 76px;
/* Hack pour IE6 et 7 */
     *  margin: 35px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.ges5 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 43px 77px;
/* Hack pour IE6 et 7 */
     *  margin: 44px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.ges6 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 52px 77px;
/* Hack pour IE6 et 7 */
     *  margin: 53px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.ges7 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 60px 77px;
/* Hack pour IE6 et 7 */
     *  margin: 61px 77px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.7em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}

/*detail dpe et ges*/

div.detdpe1 .percent {
        /* on passe l'élément span correspondant |  la classe .percent
        en affichage en bloc pour pouvoir lui donner une dimension.
        Diverses autres choses sont modifiées ensuite |  votre convenance. */
        display: block;  /* on affiche le span sous forme de bloc pour lui affecter des dimensions */
        height: 1em;
        line-height: 1.1em;
        margin: 11px 102px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detdpe2 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 22px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position: absolute;
}

div.detdpe3 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 34px 103px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detdpe4 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 45px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detdpe5 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 57px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detdpe6 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 68px 103px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detdpe7 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 81px 104px;
/* Hack pour IE6 et 7 */
     *  margin: 80px 104px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detges1 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 10px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}

div.detges2 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 22px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}

div.detges3 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 34px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detges4 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 47px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detges5 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 57px 104px;
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detges6 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 69px 104px;
        padding: 0px px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;
}

div.detges7 .percent {

        display: block;
        height: 1em;
        line-height: 1.3em;
        margin: 82px 104px;
/* Hack pour IE6 et 7 */
     *  margin: 81px 104px;
/* Fin hack pour IE6 et 7 */
        padding: 0px 0px 0px 0px;
        text-align: right;
        color: #FFFFFF;
        font-size: 0.9em;
        font-weight: bolder;
        font-family: monospace;
        cursor: default;
        position:absolute;

}

        .v70 { width: 15px; }
        .v60 { width: 15px; }
        .v50 { width: 15px; }
        .v40 { width: 15px; }
        .v30 { width: 15px; }
        .v20 { width: 15px; }
        .v10 { width: 15px; }
        .v170 { width: 15px; }
        .v160 { width: 15px; }
        .v150 { width: 15px; }
        .v140 { width: 15px; }
        .v130 { width: 15px; }
        .v120 { width: 15px; }
        .v110 { width: 15px; }
        .v270 { width: 20px; }
        .v260 { width: 20px; }
        .v250 { width: 20px; }
        .v240 { width: 20px; }
        .v230 { width: 20px; }
        .v220 { width: 20px; }
        .v210 { width: 20px; }
        .v370 { width: 20px; }
        .v360 { width: 20px; }
        .v350 { width: 20px; }
        .v340 { width: 20px; }
        .v330 { width: 20px; }
        .v320 { width: 20px; }
        .v310 { width: 20px; }


/* dpe */
.dpe .v170 { background-color: transparent; }
.dpe .v160 { background-color: transparent; }
.dpe .v150 { background-color: transparent; }
.dpe .v140 { background-color: transparent; }
.dpe .v130 { background-color: transparent; }
.dpe .v120 { background-color: transparent; }
.dpe .v110 { background-color: transparent; }

/* ges */
.ges .v70 { background-color: transparent; }
.ges .v60 { background-color: transparent; }
.ges .v50 { background-color: transparent; }
.ges .v40 { background-color: transparent; }
.ges .v30 { background-color: transparent; }
.ges .v20 { background-color: transparent; }
.ges .v10 { background-color: transparent; }

/* detaildpe */
.detaildpe .v370 { background-color: transparent; }
.detaildpe .v360 { background-color: transparent; }
.detaildpe .v350 { background-color: transparent; }
.detaildpe .v340 { background-color: transparent; }
.detaildpe .v330 { background-color: transparent; }
.detaildpe .v320 { background-color: transparent; }
.detaildpe .v310 { background-color: transparent; }

/* detailges */
.detailges .v270 { background-color: transparent; }
.detailges .v260 { background-color: transparent; }
.detailges .v250 { background-color: transparent; }
.detailges .v240 { background-color: transparent; }
.detailges .v230 { background-color: transparent; }
.detailges .v220 { background-color: transparent; }
.detailges .v210 { background-color: transparent; }