@font-face {
    font-family: "DIN";
    src: url("font/din-medium-webfont.eot?#iefix") format("embedded-opentype"), 
         url("font/din-medium-webfont.woff") format("woff"),
         url("font/din-medium-webfont.ttf") format("truetype"),
         url("font/din-medium-webfont.svg#din-medium-webfont") format("svg");
}


body{
    color: #666;
    font: 11px/1.6em Verdana,sans-serif;
    margin: 0;
    padding: 0;
}

.bloc_principale{
  width: 750px;
}
.bloc{
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
.bloc-vertical-align{
  vertical-align: top;
}
.bloc iframe{
  padding-bottom: 25px;
}
.bloc table{
  margin-top:-15px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}

.bloc table tr td{
  background: #f7f8f9 none repeat scroll 0 0;
  cursor: default;
  border-left: 0px none;
  border-bottom: 0px none;
  padding-top:3px;
  padding-bottom:3px;
  font-weight: normal;
}
.bloc table tr td a{
  text-decoration: none;
  color: #666;
}
.ss-bloc{
  width: 48%;
  display: inline-block;
  padding: 8px 0px;
}
.ss-bloc:nth-child(odd){
  padding-left:3px;
  padding-right:0px;
}
.ss-bloc:nth-child(even){
    padding-left:0px;
  padding-right:2px;
}
.bloc-padding-left{
  padding-left:5px;
}
.bloc-padding-right{
  padding-right:5px;
}
.zebre1{
  background-color: #FFFFFF;
}
.zebre2{
  background-color: #f7f8f9;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.hausse{
  color: #009900;
  font-weight: bold;
}
.baisse{
  color: #ff0000;
  font-weight: bold;
}
.capsule{
    color: #666;
    float: right;
    font: 14px DIN;
    padding-right: 2px;
}
.bloc-cap{
    color: #666;
    font: 12px DIN,sans-serif;
}
.bloc-cap-chart{
  width:224px;
  background-color: #ebebeb;
}
.bloc-cap-chart div iframe{
  margin-top: 5px;
}
.bloc-cap-chart div{
  color: #666;
    font: 12px DIN,sans-serif;
}
.bloc-cap-chart-font{
  font: 18px DIN;
  color: #09c;
}