/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* What you must know about style.css :                                                                */
/* 1/ each new jsp is defined as a #dossier                                                           */
/* (this feature can be removed when the whole application will respect this new stylesheet...)       */
/* 2/ each new jsp contains many groups                                                               */
/* (for example : the income's group in budgetAndBank.jsp)                                            */
/* 3/ these groups use generic classes                                                                */
/* 4/ BE CAREFUL : AVOID TO USE 50% => choose 49% or 51%...                                           */
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/* Common data for the whole jsp                                                                      */
/*----------------------------------------------------------------------------------------------------*/
.Entete {
	FONT-WEIGHT: bolder; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(Banniere2.gif); VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-INDENT: 0pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: center
}
.Titre01 {
	FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify
}
.TextGris {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bgOrange {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff4e8
}
.BoarderDown {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BoarderDownplusbg {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff4e8
}
.Boardertop {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ff7200 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: #ff7200 1px solid; WIDTH: 600px; LINE-HEIGHT: normal; PADDING-TOP: 10px; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff4e8
}
.Boardertop2 {
	BORDER-RIGHT: #ff7200 1px solid; BORDER-TOP: #ff7200 1px solid; PADDING-TOP: 10px; PADDING-BOTTOM: 10px;FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 0px; BORDER-LEFT: #ff7200 1px solid; LINE-HEIGHT: normal; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff4e8
}
.Titre03 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffe7ce
}
.Boarderright {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ff7200 1px; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 20px
}
.Boarderleft {
	BORDER-RIGHT: #ff7200 1px; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Deplace {
	TEXT-INDENT: 5px
}
.TextNoir {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.TextOrange {
	FONT-SIZE: 9px; COLOR: #ff3300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.BoarderSeparator {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 10px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fee4cd
}
.BoarderSeparatorTop {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: bottom; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px dashed; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Boarder3Sidesup {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Boarder2Sides {
	BORDER-RIGHT: #ff7200 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff7200 1px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ff7200 1px solid; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; BORDER-BOTTOM: #ff7200 1px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Entete2tab {
	FONT-WEIGHT: bolder; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; COLOR: #000000; TEXT-INDENT: 0pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fee4cd; TEXT-ALIGN: center
}
.Entete2 {
	FONT-WEIGHT: bolder; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-INDENT: 0pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: right
}
.BoarderUpDown {
	BORDER-RIGHT: 1px; PADDING-RIGHT: 0px; BORDER-TOP: 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-BOTTOM-STYLE: solid
}
.Etape {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.EtapeOff {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.Entete22 {
	FONT-WEIGHT: bolder; FONT-SIZE: 16px; VERTICAL-ALIGN: middle; COLOR: #ffffff; TEXT-INDENT: 0pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: center
}
.EnteteTAB {
	FONT-WEIGHT: bolder; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #ff6600; TEXT-INDENT: 0pt; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff9900; TEXT-ALIGN: center
}
.bgtable {
	BACKGROUND-COLOR: #fff4e8;
}


.styleorange {
	FONT-WEIGHT: bold; COLOR: #ff6600; FONT-STYLE: normal
}
.Textnoirebold {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #003300; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


.simulResult{
	
	border:2px solid #FF6600; background-color:#FFFFFF; color:#000000; padding:2px; font-weight:bold; line-height:35px
}
.simulResultMens{
	
	background-color:#fbe2d3; border:1px solid #C64934;height:18px; font-weight:bold;vertical-align:middle; font-size:15px;
}


.simulResultTable{

}

.simulResultTable TH{
	text-indent: 0EM;
	text-align: left;
	font-size:12px;
	border-bottom: 1px solid #FF6600;
      /* bo vert ;) #3D9000 */
	padding: 10px 0px 0px 0px;

	font-weight: bold;
	text-indent: 0px;
	text-align: left;
	color: #FF6600;
}

.simulResultTable TD{
	border-bottom: 1px solid #ccc;
	padding-right: 4px;
	color: #5B595B;
	line-height: 30px;
	text-align:left;
	font-size:12px;
}

.error{
 color:#FF0000; font-weight:bold;
}

.errormessage{
 color:#FF0000; font-weight:bold;
}

.txtTable {
	PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; COLOR: #000000; TEXT-INDENT: 10pt; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


.input {
	border: 1px solid #c0c0c0; /*#c0c0c0  dedede:clair*/
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	padding: 1px;
	margin: 2px 0 2px 0;
}

#hintbox { /*CSS for pop up hint boxx */
  top: 0;
  position: absolute;
  height: 180px;
  width: 180px;
  margin: 0;
  padding: 0;
  z-index: 50;
	display: none;
}


.MonthlyPayementStyle{
background-color:#efefe5;
 border:1px solid #fcb630;
height:18px; 
font-weight:bold;
vertical-align:middle; 
font-size:15px;
}





/*--------- FOOTER ----------*/

ul.footerlinks {
	list-style: none;
	margin: 0;
	padding: 5px;
	text-align: center;
}

ul.footerlinks li {
	display: inline;
	background: none;
	padding: 0;
	text-align: center;
	font-size: 10px;
}

ul.footerlinks li a {
	font-weight:normal;
	text-decoration: none;
	color:#666666;
}


ul.footerlinks li a:hover {
	color: #FF6600;
}

/*--------- FOOTER ----------*/