/* index.css */

#MainContent table tr td {
  padding: 0 0 0 10px !important; 
}

.MainMenuBox {
  font-size: 12px;
  color: black;
  margin: 0 10px 5px 0 !important;
  padding: 0 !important;
  width: 381px;
  background: url(/images/home/backgroundBox.gif) no-repeat bottom;
}

.MainMenuBox h1 {
  font-size: 14px !important;
  line-height: 26px;
  color: white !important;
  text-align: center;
  background: white url(/images/home/headerBox.gif) repeat-x bottom;
}

.MainMenuBox h1 a{
  color: white !important;
  text-decoration: none;  
}

.MainMenuBox ul li {
  margin: 2px 5px !important;
  padding: 0 !important;
  text-align: left;
}

.MainMenuBox p {
  margin: 5px 10px !important;
  padding: 0;
}

/* NewsBox */ 

#NewsBox {
  height: 310px;
}

#NewsBox h1 a{
  color: white;
  text-decoration: none;  
}

#NewsBox h1 a:hover{
  color: white;
  text-decoration: none;  
}

#NewsBox ul {
  margin: 0 !important;
}

#NewsBox a {
  text-decoration: none;
  color: #1040AD;
}

#NewsBox a:hover {
  text-decoration: none;
  color: #71A5CC;
}

#NewsBox li {
  list-style-type: none;
  text-align: justify;
  padding: 0px 5px 3px 5px !important;
  margin: 4px 2px;
}

#NewsBox .NewsBoxTitle {
  background:  transparent url(http://www.credit-pas-cher.com/images/pictos/accueil-definition.gif) no-repeat left;
  color: #910050;
  font-size: 14px;
  padding: 0 10px;
  text-transform: uppercase; 
}

#NewsBox .NewsDate {
  color: #EA751F;
  font-size: 12px;
}

#NewsBox .NewsTitle {
  color: #1040AD;
  font-weight: bold;
  font-size: 12px;
}

#NewsBox .NewsDescription {
  color: black;
  font-size: 12px;
}

#NewsBox .NewsResource {
  color: #728DD3;
  font-size: 11px;
}

.linkFile {
  text-align: center;
  margin-top: 5px;
  font-weight: bold;
}
#GuideBox {
  height: 240px;
}
#GuideBox p {
  font-size: 12px;
  margin: 5px 10px;
  color: black;
}

#GuideBox ul li {
  font-size: 12px;
  list-style-type: none;
  padding: 3px 10px;
  text-transform: capitalize;
}

#DevisBox {
  height: 240px;
}

#DevisBox img {
  float: left;
  margin: 0 10px; 
}

#DevisBox p {
  text-align: justify;
  margin: 5px;
  color: black;
}

#DevisBox .credit_dossier{
  padding-left: 150px;
}

/* Hack ie7 */
*:first-child+html #DevisBox .credit_dossier{
  margin-top: -50px;
}

/* Hack ie6 and below */
* html #DevisBox .credit_dossier{
  margin-top: -50px;
  padding: 0 200px 0 0;
  position: absolute;
}

#CalculatorBox {
  height: 310px;
}

#CalculatorBox p {
  font-size: 12px;
  color: black;
  margin: 5px 10px;
  //margin: 0 10px;
}

#CalculatorBox ul li {
  font-size: 12px;
  list-style-type: none;
  padding: 3px 10px;
}

#CalculatorBox ul a,
#GuideBox ul a {
  color: #1040AD;
}

#CalculatorBox ul a:hover,
#GuideBox ul a:hover {
  color: #71A5CC;
}

#TauxBox{
  height: 320px;
}

#TauxBox p {
  font-size: 12px;
  margin: 10px;
  color: black;
}

#TauxBox .rate {
  margin: 20px 10px;
}

#TauxBox

/* TableRateBox*/ 

#TableRateBox .MainMenuBox {
  height: 800px !important;
  float: left;
}
#TableRateBox h1 a{
  color: white;
  text-decoration: none;  
}
#TableRateBox h1 a:hover{
  color: white;
  text-decoration: none;  
}
#TableRateBox .table {
  margin: 0 10px 0px 10px;
  clear: both;
}
#TableRateBox .table tr td {
  padding: 2px !important;
  border: 1px solid white;
  text-align: center;
  vertical-align: middle;
}
#TableRateBox .header {
  text-align: center;
  color: white;
  background: #1a82c1;
  font-weight: bold;
  font-size: 11px;
}
#TableRateBox .odd {
  background: #a6d2e7;
}
#TableRateBox .even {
  background: #d8ebf3;
}
#TableRateBox .logo img {
  text-align: right;
  padding-right: 10px;
  width: 50px;
}
#TableRateBox .infosDate {
  float: left;
  line-height: 40px;
  padding-left: 10px;
  font-weight: bold;
}
#TableRateBox .date {
  color: #5C7FA4;
}

/* Legal Information Box  */
#TableRateBox .legalInfo {
  display: none;
  position: absolute;
  border: 1px solid black;
}
#TableRateBox .legalLink {
  line-height: 30px;
  color: #1040AD;
  margin: 0 134px;

  font-size: 10px;
}
#TableRateBox a:hover {
  color: #71A5CC;
}
#TableRateBox a:hover .legalInfo {
  display: block;
}
#TableRateBox .small {
  font-size: 8px;
  vertical-align: top;
}
#TableRateBox .verySmall {
  font-size: 10px;
  margin: 0 10px;
  line-height: 12px;
}
#TableRateBox #MiniRateTable .table {
  margin: 0 2px !important;
}

#MiniRatetable a .legalInfo {
  display: none;
  position: absolute;
  border: 1px solid black;
}
#MiniRateTable a:hover .legalInfo {
  display: block;
  background: white;
  
}
#MiniRateTable a:hover .legalInfo p {
  margin: 0 0 0 2px;
  padding: 0;
  color: black;
  font-size: 10px;
  text-align: left;
}


.MainMenuBox {
  font-size: 12px;
  color: black;
  margin: 0 10px 5px 0 !important;
  padding: 0 !important;
  width: 381px;
  background: url(/images/home/backgroundBox.gif) no-repeat bottom;
}

.MainMenuBox h1 {
  font-size: 14px !important;
  line-height: 26px;
  color: white !important;
  text-align: center;
  background: white url(/images/home/headerBox.gif) repeat-x bottom;
}


/* DefinitionBox */

#MainContent #QuestionBox,
#MainContent #DefinitionBox {
  font-size: 12px;
  color: black;
  margin: 0 10px 5px 0 !important;
  padding: 0 !important;
  width: 381px;
  height: 160px;
  background: url(/images/home/backgroundBox.gif) no-repeat bottom;
}
#MainContent #QuestionBox .HeaderBox,
#MainContent #DefinitionBox .HeaderBox {
  font-weight: bold;
  font-size: 14px !important;
  height: 26px;
  line-height: 26px;
  color: white !important;
  text-align: center;
  background: white url(/images/home/headerBox.gif) repeat-x bottom;
}
#MainContent #QuestionBox .HeaderBox .AllQuestion,
#MainContent #DefinitionBox .HeaderBox .AllDefinition {
  font-size: 10px;
  text-decoration: underline;
  text-transform: none;
  padding: 0;
  color: white;
}
#MainContent #QuestionBox .HeaderBox .AllQuestion {
  margin: 0 0 0 165px;
}
#MainContent #DefinitionBox .HeaderBox .AllDefinition {
  margin: 0 0 0 145px;
}
#MainContent #QuestionBox .QuestionBoxContent,
#MainContent #DefinitionBox .DefinitionBoxContent {
  cursor: pointer;
}
#MainContent #QuestionBox h2,
#MainContent #DefinitionBox h2 {
  font-size: 12px;
  margin-left: 10px;
  text-decoration: underline;
}
#MainContent #QuestionBox .text,
#MainContent #DefinitionBox .text {
  text-align: justify;
  font-size: 11px;
  padding: 0 5px;
  height: 6em;
  overflow: hidden;
}
#MainContent #QuestionBox .link,
#MainContent #DefinitionBox .link{
  text-align: right;
  vertical-align: middle;
}
#MainContent #QuestionBox .link a,
#MainContent #DefinitionBox .link a {
  font-size: 10px;
  display: block;
  margin: 2px 0 0 0;
  text-decoration: underline;
}
#MainContent #QuestionBox .link a:hover,
#MainContent #DefinitionBox .link a:hover {
  text-decoration: underline;
}