/* meilleur-taux */
#TauxBox {
  padding: 0 30px;
  padding-bottom: 10px;
}


#TauxBox .TauxBoxTitle {
  color: #F66F2B;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 10px;
  margin-left: -10px;
  color: #D01B1B;
  border-bottom: 2px solid #D01B1B;
}
#TauxBox .update {
  padding-top: 10px;
}

#TauxBox .TitleOrangeArrow {
  font-size: 14px;
  font-weight: bold;
  color: #2952B5;
  background: url(/images/static/fleche-title.gif) 2px 23px no-repeat;
  padding-left: 12px;
  font-weight: bold;font-size: 14px;
  font-weight: bold;
  color: #2952B5;
  padding-top: 20px;
}

#RatesHistoric h1 {
  font-size: 14px;
  font-weight: bold;
  color: #2952B5;
  background: url(/images/static/fleche-title.gif) 2px 23px no-repeat;
  padding-left: 12px;
  font-weight: bold;font-size: 14px;
  font-weight: bold;
  color: #2952B5;
  padding-top: 20px;
}

#TauxBox .text {
  color: #455661;
  text-align:justify;
  font-size: 12px;
  padding: 10px 0;
}

.UtilsRateIndicator {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.UtilsRateIndicator .update{
  float: left;
  padding: 0.1em;
  font-size: 12px;
  font-weight: normal;
}

.UtilsRateIndicator .update .date{
  font-size: 12px;
  font-weight: bold;
  color: #FF8800;
}

.UtilsRateIndicator .source {
  float: right;
}

.UtilsRateIndicator .source img{
  border: 0;
}

.UtilsRateIndicator .infos {
  width: 100%;
}
.UtilsRateIndicator .infos tr td {
  border: 2px solid white;
}

.UtilsRateIndicator .duration, 
.UtilsRateIndicator .nature{
  padding: 0.2em 0;
  padding-left: 2em;
  background-color: #FF8800;
  color: white;
  font-weight: bold;
}

.UtilsRateIndicator .year{
  background-color: #FF8800;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 0.2em 0;
}

.UtilsRateIndicator .fix{
  background-color: #FF8800;
  color: white;
  text-align: center;
  padding: 0.2em 0.5em;
  font-weight: bold;
}

.UtilsRateIndicator .one{
  background-color: #FDF2E1;
  padding: 0.2em 0;
  text-align: center;
}

.UtilsRateIndicator .two{
  background-color: #F9DFBB;
  padding: 0.2em 0;
  text-align: center;
}

.UtilsRateIndicator .note{
  padding-left: 1em;
  font-size: 12px;
  font-weight: bold;
  color: #DD5205;
  text-align: left;
}

.UtilsRateIndicator .revision{
  padding-left: 0.4em;
  text-align: left;
}

.UtilsRateIndicator .remarque{
  font-size: 10px;
  padding: 0.4em 0 0 0.4em;
  text-align: justify;
}

/* nos-previsons */
.PreviewedRateIndicator {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}

.intro{
  font-size: 12px;
  text-align: justify;
  padding: 3px;
  margin: 0;
}

.PreviewedRateIndicator .update{
  float: left;
  padding: 10px 2px;
  font-size: 12px;
  font-weight: normal;
}

.PreviewedRateIndicator .update .date{
  font-size: 12px;
  font-weight: bold;
  color: #FF8800;
}

.PreviewedRateIndicator .source {
  float: right;
  padding: 10px 2px;
}

.PreviewedRateIndicator .source img{
  border: 0;
}

.PreviewedRateIndicator .infos {
  width: 100%;
}
.PreviewedRateIndicator .infos tr td {
  border: 2px solid white;
  width: 1%;
  // width: 0%; /* IE Hack */
  vertical-align: middle;
}

.PreviewedRateIndicator .duration {
  padding: 5px;
  background-color: #FF8800;
  color: white;
  font-weight: bold;
}

.PreviewedRateIndicator .year{
  background-color: #FF8800;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 0.2em 0;
}

.PreviewedRateIndicator .one{
  background-color: #FDF2E1;
  padding: 0.2em 0;
  text-align: center;
}

.PreviewedRateIndicator .two{
  background-color: #F9DFBB;
  padding: 0.2em 0;
  text-align: center;
}

.PreviewedRateIndicator .note{
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #DD5205;
  text-align: left;
}

.PreviewedRateIndicator .legend td{
  width: 0.5%;

  padding-top: 3px;
  //padding: 5px 0 4px 0;	/* IE hack */
  vertical-align: middle;
  font-size: 10px;
}

/* evolution-capacite-emprunt */
.CapacityIndicator {
  margin-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 550px;
}

.intro{
  font-size: 12px;
  text-align: justify;
  padding: 3px;
  margin: 0;
  background: #FDF2E1;
  color: #DD5205;
}

.CapacityIndicator .source {
  float: right;
  padding: 10px 2px;
}

.CapacityIndicator .source img{
  border: 0;
}

.CapacityIndicator tr td {
  border: 2px solid white;
  width: 1%;
  vertical-align: middle;
}

.CapacityIndicator .year td{
  background-color: #FF8800;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

.CapacityIndicator .one{
  background-color: #FDF2E1;
  padding: 0.2em 0;
  text-align: center;
}

.CapacityIndicator .two{
  background-color: #F9DFBB;
  padding: 0.2em 0;
  text-align: center;
}

.CapacityIndicator .note{
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #DD5205;
  text-align: left;
}

/* evolution-mensualite-emprunt */

.MonthlyIndicator {
  margin-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 550px;
}

.intro{
  font-size: 12px;
  text-align: justify;
  padding: 3px;
  margin: 0;
  background: #FDF2E1;
  color: #DD5205;
}

.MonthlyIndicator .source {
  float: right;
  padding: 10px 2px;
}

.MonthlyIndicator .source img{
  border: 0;
}

.MonthlyIndicator tr td {
  border: 2px solid white;
  width: 1%;
  vertical-align: middle;
}

.MonthlyIndicator .year td{
  background-color: #FF8800;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

.MonthlyIndicator .rate {
  background-color: #FF8800;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.MonthlyIndicator .one{
  background-color: #FDF2E1;
  padding: 0.2em 0;
  text-align: center;
}

.MonthlyIndicator .two{
  background-color: #F9DFBB;
  padding: 0.2em 0;
  text-align: center;
}

.MonthlyIndicator .note{
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #DD5205;
  text-align: left;
}