#pyramide .box {
  padding:1ch;
  }
#pyramide .chart {
  display:table-cell;
  position:relative;
  width:300px;
  height:364px; /* somme des hauteurs de barres et leurs marges 18x12 + 18x4 +4*/
  border:1px solid black;
  }
#pyramide .chartF {
  border-radius:8px 0 0 8px;
  background:repeating-linear-gradient(
    to right,
    #fff,
    #fff 1px,
    #eee 1px,
    #fff 33.3%
  );
  }
#pyramide .chartM {
  border-radius:0 8px 8px 0;
  background:repeating-linear-gradient(
    to right,
    #fff,
    #fff 0px,
    #fff 1px,
    #eee 33.3%
  );
  }
#pyramide .bar {
  position:relative;
  width:300px;
  height:16px;
  margin:4px 0 0 0;
  text-align:right;
  list-style-type:none;
  background-color:rgba(0,0,0,0.0);
}
#pyramide .bar_h {
  display:block;
	height:16px;
  cursor:pointer;
	background-color:#af5800;
  }
#pyramide .bar_hF {
  border-radius:4px 0 0 4px;
  }
#pyramide .bar_hM {
  border-radius:0 4px 4px 0;
  }
#pyramide .bar_h:hover {
	background-color:#bbbbbb;
  }
#pyramide #ordonnees {
  display:table-cell;
  width:4ch;
  height:356px;
  margin-top:-4px;
  vertical-align:top;
  font-family:'Cutive Mono';
  border:0px solid red;
  }
#pyramide .ordonnee {
  height:16px;
  margin:4px 0 0 0;
  border:0px solid blue;
  }

/***** barres *****/

.bar_hM0 {
  width: 0px; }

.bar_hM1 {
  width: 2px; }

.bar_hM2 {
  width: 4px; }

.bar_hM3 {
  width: 6px; }

.bar_hM4 {
  width: 8px; }

.bar_hM5 {
  width: 10px; }

.bar_hM6 {
  width: 12px; }

.bar_hM7 {
  width: 14px; }

.bar_hM8 {
  width: 16px; }

.bar_hM9 {
  width: 18px; }

.bar_hM10 {
  width: 20px; }

.bar_hM11 {
  width: 22px; }

.bar_hM12 {
  width: 24px; }

.bar_hM13 {
  width: 26px; }

.bar_hM14 {
  width: 28px; }

.bar_hM15 {
  width: 30px; }

.bar_hM16 {
  width: 32px; }

.bar_hM17 {
  width: 34px; }

.bar_hM18 {
  width: 36px; }

.bar_hM19 {
  width: 38px; }

.bar_hM20 {
  width: 40px; }

.bar_hM21 {
  width: 42px; }

.bar_hM22 {
  width: 44px; }

.bar_hM23 {
  width: 46px; }

.bar_hM24 {
  width: 48px; }

.bar_hM25 {
  width: 50px; }

.bar_hM26 {
  width: 52px; }

.bar_hM27 {
  width: 54px; }

.bar_hM28 {
  width: 56px; }

.bar_hM29 {
  width: 58px; }

.bar_hM30 {
  width: 60px; }

.bar_hM31 {
  width: 62px; }

.bar_hM32 {
  width: 64px; }

.bar_hM33 {
  width: 66px; }

.bar_hM34 {
  width: 68px; }

.bar_hM35 {
  width: 70px; }

.bar_hM36 {
  width: 72px; }

.bar_hM37 {
  width: 74px; }

.bar_hM38 {
  width: 76px; }

.bar_hM39 {
  width: 78px; }

.bar_hM40 {
  width: 80px; }

.bar_hM41 {
  width: 82px; }

.bar_hM42 {
  width: 84px; }

.bar_hM43 {
  width: 86px; }

.bar_hM44 {
  width: 88px; }

.bar_hM45 {
  width: 90px; }

.bar_hM46 {
  width: 92px; }

.bar_hM47 {
  width: 94px; }

.bar_hM48 {
  width: 96px; }

.bar_hM49 {
  width: 98px; }

.bar_hM50 {
  width: 100px; }

.bar_hM51 {
  width: 102px; }

.bar_hM52 {
  width: 104px; }

.bar_hM53 {
  width: 106px; }

.bar_hM54 {
  width: 108px; }

.bar_hM55 {
  width: 110px; }

.bar_hM56 {
  width: 112px; }

.bar_hM57 {
  width: 114px; }

.bar_hM58 {
  width: 116px; }

.bar_hM59 {
  width: 118px; }

.bar_hM60 {
  width: 120px; }

.bar_hM61 {
  width: 122px; }

.bar_hM62 {
  width: 124px; }

.bar_hM63 {
  width: 126px; }

.bar_hM64 {
  width: 128px; }

.bar_hM65 {
  width: 130px; }

.bar_hM66 {
  width: 132px; }

.bar_hM67 {
  width: 134px; }

.bar_hM68 {
  width: 136px; }

.bar_hM69 {
  width: 138px; }

.bar_hM70 {
  width: 140px; }

.bar_hM71 {
  width: 142px; }

.bar_hM72 {
  width: 144px; }

.bar_hM73 {
  width: 146px; }

.bar_hM74 {
  width: 148px; }

.bar_hM75 {
  width: 150px; }

.bar_hM76 {
  width: 152px; }

.bar_hM77 {
  width: 154px; }

.bar_hM78 {
  width: 156px; }

.bar_hM79 {
  width: 158px; }

.bar_hM80 {
  width: 160px; }

.bar_hM81 {
  width: 162px; }

.bar_hM82 {
  width: 164px; }

.bar_hM83 {
  width: 166px; }

.bar_hM84 {
  width: 168px; }

.bar_hM85 {
  width: 170px; }

.bar_hM86 {
  width: 172px; }

.bar_hM87 {
  width: 174px; }

.bar_hM88 {
  width: 176px; }

.bar_hM89 {
  width: 178px; }

.bar_hM90 {
  width: 180px; }

.bar_hM91 {
  width: 182px; }

.bar_hM92 {
  width: 184px; }

.bar_hM93 {
  width: 186px; }

.bar_hM94 {
  width: 188px; }

.bar_hM95 {
  width: 190px; }

.bar_hM96 {
  width: 192px; }

.bar_hM97 {
  width: 194px; }

.bar_hM98 {
  width: 196px; }

.bar_hM99 {
  width: 198px; }

.bar_hM100 {
  width: 200px; }

.bar_hM101 {
  width: 202px; }

.bar_hM102 {
  width: 204px; }

.bar_hM103 {
  width: 206px; }

.bar_hM104 {
  width: 208px; }

.bar_hM105 {
  width: 210px; }

.bar_hM106 {
  width: 212px; }

.bar_hM107 {
  width: 214px; }

.bar_hM108 {
  width: 216px; }

.bar_hM109 {
  width: 218px; }

.bar_hM110 {
  width: 220px; }

.bar_hM111 {
  width: 222px; }

.bar_hM112 {
  width: 224px; }

.bar_hM113 {
  width: 226px; }

.bar_hM114 {
  width: 228px; }

.bar_hM115 {
  width: 230px; }

.bar_hM116 {
  width: 232px; }

.bar_hM117 {
  width: 234px; }

.bar_hM118 {
  width: 236px; }

.bar_hM119 {
  width: 238px; }

.bar_hM120 {
  width: 240px; }

.bar_hM121 {
  width: 242px; }

.bar_hM122 {
  width: 244px; }

.bar_hM123 {
  width: 246px; }

.bar_hM124 {
  width: 248px; }

.bar_hM125 {
  width: 250px; }

.bar_hM126 {
  width: 252px; }

.bar_hM127 {
  width: 254px; }

.bar_hM128 {
  width: 256px; }

.bar_hM129 {
  width: 258px; }

.bar_hM130 {
  width: 260px; }

.bar_hM131 {
  width: 262px; }

.bar_hM132 {
  width: 264px; }

.bar_hM133 {
  width: 266px; }

.bar_hM134 {
  width: 268px; }

.bar_hM135 {
  width: 270px; }

.bar_hM136 {
  width: 272px; }

.bar_hM137 {
  width: 274px; }

.bar_hM138 {
  width: 276px; }

.bar_hM139 {
  width: 278px; }

.bar_hM140 {
  width: 280px; }

.bar_hM141 {
  width: 282px; }

.bar_hM142 {
  width: 284px; }

.bar_hM143 {
  width: 286px; }

.bar_hM144 {
  width: 288px; }

.bar_hM145 {
  width: 290px; }

.bar_hM146 {
  width: 292px; }

.bar_hM147 {
  width: 294px; }

.bar_hM148 {
  width: 296px; }

.bar_hM149 {
  width: 298px; }

.bar_hM150 {
  width: 300px; }

/*# sourceMappingURL=temp.css.map */

.bar_hF0 {
  width: 0px;
  margin-left: 300px; }

.bar_hF1 {
  width: 2px;
  margin-left: 298px; }

.bar_hF2 {
  width: 4px;
  margin-left: 296px; }

.bar_hF3 {
  width: 6px;
  margin-left: 294px; }

.bar_hF4 {
  width: 8px;
  margin-left: 292px; }

.bar_hF5 {
  width: 10px;
  margin-left: 290px; }

.bar_hF6 {
  width: 12px;
  margin-left: 288px; }

.bar_hF7 {
  width: 14px;
  margin-left: 286px; }

.bar_hF8 {
  width: 16px;
  margin-left: 284px; }

.bar_hF9 {
  width: 18px;
  margin-left: 282px; }

.bar_hF10 {
  width: 20px;
  margin-left: 280px; }

.bar_hF11 {
  width: 22px;
  margin-left: 278px; }

.bar_hF12 {
  width: 24px;
  margin-left: 276px; }

.bar_hF13 {
  width: 26px;
  margin-left: 274px; }

.bar_hF14 {
  width: 28px;
  margin-left: 272px; }

.bar_hF15 {
  width: 30px;
  margin-left: 270px; }

.bar_hF16 {
  width: 32px;
  margin-left: 268px; }

.bar_hF17 {
  width: 34px;
  margin-left: 266px; }

.bar_hF18 {
  width: 36px;
  margin-left: 264px; }

.bar_hF19 {
  width: 38px;
  margin-left: 262px; }

.bar_hF20 {
  width: 40px;
  margin-left: 260px; }

.bar_hF21 {
  width: 42px;
  margin-left: 258px; }

.bar_hF22 {
  width: 44px;
  margin-left: 256px; }

.bar_hF23 {
  width: 46px;
  margin-left: 254px; }

.bar_hF24 {
  width: 48px;
  margin-left: 252px; }

.bar_hF25 {
  width: 50px;
  margin-left: 250px; }

.bar_hF26 {
  width: 52px;
  margin-left: 248px; }

.bar_hF27 {
  width: 54px;
  margin-left: 246px; }

.bar_hF28 {
  width: 56px;
  margin-left: 244px; }

.bar_hF29 {
  width: 58px;
  margin-left: 242px; }

.bar_hF30 {
  width: 60px;
  margin-left: 240px; }

.bar_hF31 {
  width: 62px;
  margin-left: 238px; }

.bar_hF32 {
  width: 64px;
  margin-left: 236px; }

.bar_hF33 {
  width: 66px;
  margin-left: 234px; }

.bar_hF34 {
  width: 68px;
  margin-left: 232px; }

.bar_hF35 {
  width: 70px;
  margin-left: 230px; }

.bar_hF36 {
  width: 72px;
  margin-left: 228px; }

.bar_hF37 {
  width: 74px;
  margin-left: 226px; }

.bar_hF38 {
  width: 76px;
  margin-left: 224px; }

.bar_hF39 {
  width: 78px;
  margin-left: 222px; }

.bar_hF40 {
  width: 80px;
  margin-left: 220px; }

.bar_hF41 {
  width: 82px;
  margin-left: 218px; }

.bar_hF42 {
  width: 84px;
  margin-left: 216px; }

.bar_hF43 {
  width: 86px;
  margin-left: 214px; }

.bar_hF44 {
  width: 88px;
  margin-left: 212px; }

.bar_hF45 {
  width: 90px;
  margin-left: 210px; }

.bar_hF46 {
  width: 92px;
  margin-left: 208px; }

.bar_hF47 {
  width: 94px;
  margin-left: 206px; }

.bar_hF48 {
  width: 96px;
  margin-left: 204px; }

.bar_hF49 {
  width: 98px;
  margin-left: 202px; }

.bar_hF50 {
  width: 100px;
  margin-left: 200px; }

.bar_hF51 {
  width: 102px;
  margin-left: 198px; }

.bar_hF52 {
  width: 104px;
  margin-left: 196px; }

.bar_hF53 {
  width: 106px;
  margin-left: 194px; }

.bar_hF54 {
  width: 108px;
  margin-left: 192px; }

.bar_hF55 {
  width: 110px;
  margin-left: 190px; }

.bar_hF56 {
  width: 112px;
  margin-left: 188px; }

.bar_hF57 {
  width: 114px;
  margin-left: 186px; }

.bar_hF58 {
  width: 116px;
  margin-left: 184px; }

.bar_hF59 {
  width: 118px;
  margin-left: 182px; }

.bar_hF60 {
  width: 120px;
  margin-left: 180px; }

.bar_hF61 {
  width: 122px;
  margin-left: 178px; }

.bar_hF62 {
  width: 124px;
  margin-left: 176px; }

.bar_hF63 {
  width: 126px;
  margin-left: 174px; }

.bar_hF64 {
  width: 128px;
  margin-left: 172px; }

.bar_hF65 {
  width: 130px;
  margin-left: 170px; }

.bar_hF66 {
  width: 132px;
  margin-left: 168px; }

.bar_hF67 {
  width: 134px;
  margin-left: 166px; }

.bar_hF68 {
  width: 136px;
  margin-left: 164px; }

.bar_hF69 {
  width: 138px;
  margin-left: 162px; }

.bar_hF70 {
  width: 140px;
  margin-left: 160px; }

.bar_hF71 {
  width: 142px;
  margin-left: 158px; }

.bar_hF72 {
  width: 144px;
  margin-left: 156px; }

.bar_hF73 {
  width: 146px;
  margin-left: 154px; }

.bar_hF74 {
  width: 148px;
  margin-left: 152px; }

.bar_hF75 {
  width: 150px;
  margin-left: 150px; }

.bar_hF76 {
  width: 152px;
  margin-left: 148px; }

.bar_hF77 {
  width: 154px;
  margin-left: 146px; }

.bar_hF78 {
  width: 156px;
  margin-left: 144px; }

.bar_hF79 {
  width: 158px;
  margin-left: 142px; }

.bar_hF80 {
  width: 160px;
  margin-left: 140px; }

.bar_hF81 {
  width: 162px;
  margin-left: 138px; }

.bar_hF82 {
  width: 164px;
  margin-left: 136px; }

.bar_hF83 {
  width: 166px;
  margin-left: 134px; }

.bar_hF84 {
  width: 168px;
  margin-left: 132px; }

.bar_hF85 {
  width: 170px;
  margin-left: 130px; }

.bar_hF86 {
  width: 172px;
  margin-left: 128px; }

.bar_hF87 {
  width: 174px;
  margin-left: 126px; }

.bar_hF88 {
  width: 176px;
  margin-left: 124px; }

.bar_hF89 {
  width: 178px;
  margin-left: 122px; }

.bar_hF90 {
  width: 180px;
  margin-left: 120px; }

.bar_hF91 {
  width: 182px;
  margin-left: 118px; }

.bar_hF92 {
  width: 184px;
  margin-left: 116px; }

.bar_hF93 {
  width: 186px;
  margin-left: 114px; }

.bar_hF94 {
  width: 188px;
  margin-left: 112px; }

.bar_hF95 {
  width: 190px;
  margin-left: 110px; }

.bar_hF96 {
  width: 192px;
  margin-left: 108px; }

.bar_hF97 {
  width: 194px;
  margin-left: 106px; }

.bar_hF98 {
  width: 196px;
  margin-left: 104px; }

.bar_hF99 {
  width: 198px;
  margin-left: 102px; }

.bar_hF100 {
  width: 200px;
  margin-left: 100px; }

.bar_hF101 {
  width: 202px;
  margin-left: 98px; }

.bar_hF102 {
  width: 204px;
  margin-left: 96px; }

.bar_hF103 {
  width: 206px;
  margin-left: 94px; }

.bar_hF104 {
  width: 208px;
  margin-left: 92px; }

.bar_hF105 {
  width: 210px;
  margin-left: 90px; }

.bar_hF106 {
  width: 212px;
  margin-left: 88px; }

.bar_hF107 {
  width: 214px;
  margin-left: 86px; }

.bar_hF108 {
  width: 216px;
  margin-left: 84px; }

.bar_hF109 {
  width: 218px;
  margin-left: 82px; }

.bar_hF110 {
  width: 220px;
  margin-left: 80px; }

.bar_hF111 {
  width: 222px;
  margin-left: 78px; }

.bar_hF112 {
  width: 224px;
  margin-left: 76px; }

.bar_hF113 {
  width: 226px;
  margin-left: 74px; }

.bar_hF114 {
  width: 228px;
  margin-left: 72px; }

.bar_hF115 {
  width: 230px;
  margin-left: 70px; }

.bar_hF116 {
  width: 232px;
  margin-left: 68px; }

.bar_hF117 {
  width: 234px;
  margin-left: 66px; }

.bar_hF118 {
  width: 236px;
  margin-left: 64px; }

.bar_hF119 {
  width: 238px;
  margin-left: 62px; }

.bar_hF120 {
  width: 240px;
  margin-left: 60px; }

.bar_hF121 {
  width: 242px;
  margin-left: 58px; }

.bar_hF122 {
  width: 244px;
  margin-left: 56px; }

.bar_hF123 {
  width: 246px;
  margin-left: 54px; }

.bar_hF124 {
  width: 248px;
  margin-left: 52px; }

.bar_hF125 {
  width: 250px;
  margin-left: 50px; }

.bar_hF126 {
  width: 252px;
  margin-left: 48px; }

.bar_hF127 {
  width: 254px;
  margin-left: 46px; }

.bar_hF128 {
  width: 256px;
  margin-left: 44px; }

.bar_hF129 {
  width: 258px;
  margin-left: 42px; }

.bar_hF130 {
  width: 260px;
  margin-left: 40px; }

.bar_hF131 {
  width: 262px;
  margin-left: 38px; }

.bar_hF132 {
  width: 264px;
  margin-left: 36px; }

.bar_hF133 {
  width: 266px;
  margin-left: 34px; }

.bar_hF134 {
  width: 268px;
  margin-left: 32px; }

.bar_hF135 {
  width: 270px;
  margin-left: 30px; }

.bar_hF136 {
  width: 272px;
  margin-left: 28px; }

.bar_hF137 {
  width: 274px;
  margin-left: 26px; }

.bar_hF138 {
  width: 276px;
  margin-left: 24px; }

.bar_hF139 {
  width: 278px;
  margin-left: 22px; }

.bar_hF140 {
  width: 280px;
  margin-left: 20px; }

.bar_hF141 {
  width: 282px;
  margin-left: 18px; }

.bar_hF142 {
  width: 284px;
  margin-left: 16px; }

.bar_hF143 {
  width: 286px;
  margin-left: 14px; }

.bar_hF144 {
  width: 288px;
  margin-left: 12px; }

.bar_hF145 {
  width: 290px;
  margin-left: 10px; }

.bar_hF146 {
  width: 292px;
  margin-left: 8px; }

.bar_hF147 {
  width: 294px;
  margin-left: 6px; }

.bar_hF148 {
  width: 296px;
  margin-left: 4px; }

.bar_hF149 {
  width: 298px;
  margin-left: 2px; }

.bar_hF150 {
  width: 300px;
  margin-left: 0px; }

/*# sourceMappingURL=temp.css.map */