/* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
}

a, a:link, a:visited, a:active, a:focus, a:hover {
  text-decoration : none;
}

a
  {
  text-decoration: none;
  color: black;
  }
  
a:hover
  {
  text-decoration: underline;
  color: orange;
  }

a img {border:0}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

div#header {
    text-align: left;
    background-color: #FFFFFF;
    height: 106px;
    margin: 0px;
    padding: 1px;
}


div#ConteneurMenu1 {
position:absolute;top:105px;z-index:90;
}

div#ConteneurMenu2 {
    text-align: left;
    width: 993px;
}

div#navcol {
    background-color: #E5E5E5;
    padding: 10px;
    width: 250px;
    float: left;
}
div#main {
    padding: 10px;
    margin-left: 260px;
    margin-right: 0px;
}
div#sidecol {
    padding: 10px;
    width: 130px;
    float: right;
}

div#foot {
    border-top: solid #000 1px;
    background-color: #CCCCCC;
    padding: 10px;
    text-align: center;
    clear: both;
}

div#header1 {
height: 105px;
float: left;
}
div#header2 {
height: 105px;
line-height: 105px;
float: left;
}

div#header2 img {
	vertical-align: middle;
}

div#header3 {
width: 100px;
float: right;
margin-top: 25px;
}



.boxes li hr {display:none;}
#languagesBox {position:absolute;top:0px;right:20px;padding:5px;}
#languagesBox h4 {display:none;}

#financementBox h3 {
  color : #FF6600;
  font-size:14px;

}

#financementBox
{
  margin-top: 5px;
}

#financementBox .up
{
  background: url(top.png) no-repeat;
  height: 10px;
}

#financementBox .bottom
{
  background: url(bottom.png) no-repeat;
  height: 10px;
  color: #9b9789;
}

#financementBox .middle
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 20px;
  background: url(middle.png) repeat-y;
}

#financementBox .middle .content
{
  overflow: auto;
}


/* formulaires */
.INPUT { background-color: #FF962D ; font-family: Arial, Helvetica, sans-serif ; color: red ;}
.OPTION { background-color: #FF962D ; }
/*.SELECT { background-color: #FF962D ; }*/
.TEXTAREA { background-color: #FF962D ; color: red ; }
.BUTTON { font-family: arial, helvetica, sans-serif ; border-width: 2pt ; font-size: 16pt ; color: black ; top: 250px ; background-color: #FF962D ; }



form.css fieldset
  {
  padding: 1em;
  }



form.css label
  {
  display: inline;
  float: left;
  width: 70px;
  }

form.css2 fieldset
  {
  padding: 1em;
  }

form.css2 label
  {
  display: inline;
  float: left;
  width: 230px;
  }

form.css3 label
  {
  display: inline;
  float: left;
  width: 270px;
  }


body div#conteneur
  {
  width: 993px;
  margin: 0 auto;
  padding: 0;
  border-color: #E2E2E2;
  border-width: 0 1px;
  border-style: solid;
  }

/* ------- contenu --------- */

.ContainerCredit { /* boite qui entoure les 3 colonnes */
  background-color: #FFFFFF ; /* couleur de fond */
  margin:0 ; padding:0} /* marges intérieures et extérieures à 0 */


#CentreCredit
{
	float: left;
	width: 100%;
	position: relative;
	z-index: 12;
	margin: 0 0px 0 -2px;
	background: rgb(255, 255, 255) ;
	min-height: 500px;
	padding: 10px;

}


.DroiteCredit { /* boite droite */
    padding: 10px;
    width: 216px;
    float: right;
    background-color: #FFFFFF;
    text-align: center;
}





.CentreCredit h1 { /* style des en-tête et en-pied */
  font-size: 16px; /* taille de la police */
  color : #FF6600;
  margin: 0; /* pas de marge : colle aux bords de l'écran */
  text-align:left ; /* le texte est a gauche */
  border-bottom: 3px solid #FF6600; /* style de l'encadrement bas */
}

.CentreCredit h2 { /* style des en-tête et en-pied */
  font-size: 14px; /* taille de la police */
  color : #000000;      
  text-align:right ; /* le texte est a droite */
}

.CentreCredit h3 { /* style des en-tête et en-pied */
  font-size: 14px; /* taille de la police */
  color : #000000;
  text-align:left ; /* le texte est a gauche */
  border-bottom: 3px solid #FF6600; /* style de l'encadrement bas */
  display:list-item;
  list-style-image:url("puce_orange.png");
  list-style-position:inside;
}

.CentreCredit h4 { /* style des en-tête et en-pied */
  font-size: 14px; /* taille de la police */
  color : #FF6600;
  text-align:left ; /* le texte est a gauche */

}


.CentreCredit li
{
  list-style-type: disc ;
  list-style-position: inside ;
}

#divTableau {
	display:table;
}
#divTableau p {
	display:table-row;
}
#divTableau p span {
	display:table-cell;
	padding:5px;
}

#RachatCreditBox {
  text-align:left;
  width:170px;
  border : solid 2px #FF6600;
  background-color: #E5E5E5;
}

#RachatCreditBox h1 {
  color : #FF6600;
  height:15px;
  font-size:14px;
}

#SimulateurBox
{
  margin-top: 5px;
}

#SimulateurBox .up
{
  background: url(top.png) no-repeat;
  height: 10px;
}

#SimulateurBox .bottom
{
  background: url(bottom.png) no-repeat;
  height: 10px;
  color: #9b9789;
}

#SimulateurBox .middle
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 20px;
  background: url(middle.png) repeat-y;
}

#SimulateurBox .middle .content
{
  overflow: auto;
}


/* ------- style crédit --------- */
body { font: 80%  verdana, arial, sans-serif; font-size:11px; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.normal { font-style: normal; }


.outbox { padding: 1em; text-align: center; }
.outbox a { display: block;
background: #fff;
border: 1px solid #ccc;
width: 50%;
padding: 1em;
margin: 0 auto;
}


.outer {
	border-left-width: 278px;  /* left column width */
	border-left-color: #E5E5E5;   /* left column colour */
	
	background-color: rgb(255, 255, 255); /* center column colour */
	width: auto;
	border-left-style: solid;

}

/*.outer {   }*/

.footer {
	width: 715px;
	text-align: center;
	background: rgb(255, 255, 255) ;
	color: #A8B3BC;
	font-size:10px;
}

.footer a{
  text-decoration: none;
  color: #A8B3BC;
  }
  
.footer a:hover
  {
  text-decoration: underline;
  color: orange;
  }


body div#conteneur
  {
  width: 993px;
  margin: 0 auto;
  padding: 0;
  border-color: #E2E2E2;
  border-width: 0 1px;
  border-style: solid;
  
  }

body
  {
  display: block;
  margin: 0;
  padding: 0;
  }

#hautDePage
  {
  margin: 0;
  padding-right: 0;
  text-align: left;
  height: 105px;
  width: 100%;
  background: rgb(0, 0, 100) ;
  position: relative;
  }

#GaucheCredit {
	width: 278px;              /* left column width */
	margin-left: -278px;       /* _negative_ left column width */
	float: left; 
	position: relative; 
	z-index: 10;
	margin-right: 2px;
	background: #E5E5E5 ;
	text-align: center;
}

/* for Internet Explorer */
/*\*/
* html .#CentreCredit {
height: 500px;
}

/* Main code */


.inner { margin: 0; width: 100%; }

#clear { clear: both; }

/* Rounded box */
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px;}
.xsnazzy h1.left {
  color : #FF6600;
  font-size:14px;
  text-align: left;
}

.xsnazzy h1.OCentre {
  color : #FF6600;
  font-size:14px;
  text-align: center;
}

.xsnazzy h1.center {
  color : #FFFFFF;
  font-size:14px;
  text-align: center;
}

.xsnazzy h1.Noircenter {
  color : #000000;
  font-size:14px;
  text-align: center;
}

.xsnazzy p.left {padding-bottom:0.5em; color:#000; text-align: left;}
.xsnazzy p.center {padding-bottom:0.5em; color:#000; text-align: center;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #ffffff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb4Orange, .xb5Orange, .xb6Orange, .xb7Orange, .xb4Gris, .xb5Gris, .xb6Gris, .xb7Gris, .xb4GrisRachat, .xb5GrisRachat, .xb6GrisRachat, .xb7GrisRachat {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb4Orange, .xb5Orange, .xb6Orange, .xb4Gris, .xb5Gris, .xb6Gris, .xb4GrisRachat, .xb5GrisRachat, .xb6GrisRachat {height:1px;}
.xb4, .xb5, .xb6, .xb7, .xb4Orange, .xb5Orange, .xb6Orange, .xb7Orange, .xb4Gris, .xb5Gris, .xb6Gris, .xb7Gris, .xb4GrisRachat, .xb5GrisRachat, .xb6GrisRachat, .xb7GrisRachat {background:#ccc; border-left:1px solid #FF6600; border-right:1px solid #FF6600;}

.xb1 {margin:0 8px; background:#FF6600;}
.xb2 {margin:0 6px; background:#FF6600;}
.xb3 {margin:0 4px; background:#FF6600;}
.xb4 {margin:0 3px; background:#ffffff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#ffffff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#ffffff; border-width:0 3px;}
.xb7 {margin:0 1px; background:#ffffff; border-width:0 3px; height:2px;}

.xb4Orange {margin:0 3px; background:#FF6600; border-width:0 5px;}
.xb5Orange {margin:0 2px; background:#FF6600; border-width:0 4px;}
.xb6Orange {margin:0 2px; background:#FF6600; border-width:0 3px;}
.xb7Orange {margin:0 1px; background:#FF6600; border-width:0 3px; height:2px;}

.xb4Gris {margin:0 3px; background:#E8E8E9; border-width:0 5px;}
.xb5Gris {margin:0 2px; background:#E8E8E9; border-width:0 4px;}
.xb6Gris {margin:0 2px; background:#E8E8E9; border-width:0 3px;}
.xb7Gris {margin:0 1px; background:#E8E8E9; border-width:0 3px; height:2px;}

.xb4GrisRachat {margin:0 3px; background:#E8E8E9; border-width:0 5px;
                background: #E8E8E9 url(rachat.jpg) no-repeat;
	        background-position: -5px -108px;}

.xb5GrisRachat {margin:0 2px; background:#E8E8E9; border-width:0 4px;
               background: #E8E8E9 url(rachat.jpg) no-repeat;
	       background-position: -3px -107px;}
.xb6GrisRachat {margin:0 2px; background:#E8E8E9; border-width:0 3px;
               background: #E8E8E9 url(rachat.jpg) no-repeat;
	       background-position: -2px -106px;}
.xb7GrisRachat {margin:0 1px; background:#E8E8E9; border-width:0 3px; height:2px;
               background: #E8E8E9 url(rachat.jpg) no-repeat;
	       background-position: -1px -105px;
}


.xboxcontent {display:block; background:#FFFFFF; border:3px solid #FF6600; border-width:0 3px;}
.xboxcontentOrange {display:block; background:#FF6600; border:3px solid #FF6600; border-width:0 3px;}
.xboxcontentGris {display:block; background:#E8E8E9; border:3px solid #FF6600; border-width:0 3px;}
.xboxcontentGrisRachat {display:block; background:#E8E8E9; border:3px solid #FF6600; border-width:0 3px;
                       background: #E8E8E9 url(rachat.jpg) no-repeat;
	               background-position: left bottom !important;
                       background-position: 3px bottom; }


.mainbookpage {width:100%;line-height:110%;font-size:11px;color:#000000; font: verdana, arial, sans-serif;}
p.lawbook         {font: verdana, arial, sans-serif; font-size:11px;   text-align: left;}
p.lawbook1             {text-indent:25px;text-align:justify; }
.showme       {border:0px solid black;}
.rightcol     {float:right;width:100%; background:#E8E8E9;}
.leftmiddle   {
     float:left; width:105px;
     background: #E8E8E9 url(rachat.jpg) no-repeat;
     background-position: left -4px;
}
#clearfloat {
clear:both;
line-height:0px;
font-size:0px;background: #FF0000;}


/* Style du simulateur */
div#row {
  clear:both;
  }

div#row span#Result00 {
  width: 10%;
  text-align: left;
  }

div#row span#ResultTitre {
  text-align: left;
  font-weight:bold;
  color : #FF6600;
  font-size:14px;
  }


div#row span#Result0 {
  text-align: left;
  }

div#row span#Result1 {
  width: 26%;
  text-align: right;
  float: left;
  }

div#row span#Result2 {
  width: 22%;
  text-align: right;
  float: left;
  }

div#row span#Result3 {
  width: 17%;
  text-align: center;
  float: left;
  }
div#row span#Result4 {
  width: 22%;
  text-align: left;
  float: left;
  }
div#row span#Result5 {
  width: 13%;
  text-align: left;
  float: left;
  }

div#row span#ColLabel {
  float: left;
  width: 200px;
  text-align: right;
  }

div#row span#ColUnite {
  float: left;
  width: 50px;
  text-align: left;
  }

div#row span#ColButton {
  float: left;
  width: 100px;
  text-align: left;
  }

div#row span#ColInput {
  float: left;
  width: 90px;
  text-align: left;
  }

div#spacer {
  clear: both;
  }

div#BoxSimulateur {
    width: 450px;
    background-color: #D7E7F2;
    border: 1px solid #287CB1;
    padding: 15px;

    text-align: center;
    background-color: #D7E7F2;
}

div#ConteneurSimul {
    padding: 15px;
    width: 100%;
    text-align: left;
    background-color: #FF0000;
    }

div#ConteneurSimul1 {
    width: 470px;
    text-align: center;
}

div#row span#Saisie1
  {
  display: inline;
  float: left;
  width: 40%;
  text-align: right;
  }

div#row span#Saisie2
  {
  display: inline;
  float: left;
  width: 20%;
  }

div#row span#Saisie3
  {
  display: inline;
  float: left;
  width: 10%;
  }

div#row span#Saisie4
  {
  display: inline;
  float: left;
  width: 30%;
  }


form.simu label#Result0 {
  width: 90%;
  text-align: left;
  background-color: #FF0000;
  }

form.simu label#Result1
  {
  display: inline;
  float: left;
  width: 25%;
      background-color: #FF0000;
  }

form.simu input#Result2 {
  width: 22%;
  text-align: right;
      background-color: #FF00FF;
  }

form.simu label#Result3 {
  width: 20%;
  text-align: center;
  background-color: #00FF00;
  }
form.simu input#Result4 {
  width: 22%;
  text-align: left;
        background-color: #00FFFF;
  }
form.simu label#Result5 {
  width: 11%;
  text-align: left;
        background-color: #0000FF;
  }

.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #3264C7;
    color: #ffffff;
}

div#ConteneurSSMenu {

    background-color: #FF6600;
    text-align: left;
}

div#ConteneurSSSMenu A:hover {background:#68D868}{

    background-color: #006600;
    text-align: left;
	width=100%;
}

div.ConteneurBoxGauche {
    width: 240px;
    margin-left: auto;
     margin-right: auto;

}


.gauche 
{
  float: left;
  margin-right: 10px;
  }

div.contact {text-align: justify; font-size:12px;}
span.contact {text-align: justify; font-size:12px;}
p.left {font: verdana, arial, sans-serif; font-size:11px;   text-align: left;}
p.Justify11 {font: verdana, arial, sans-serif; font-size:11px;   text-align: justify;}
p.Justify {text-align: justify; font-size:12px;}
p.Left12 {text-align: left; font-size:12px;}

p.TitreIndex { /* style des en-tête et en-pied */
  font-size: 13px; /* taille de la police */
  color : #FF6600;
  text-align:left ; /* le texte est a gauche */
  font: verdana, arial, sans-serif;
  font-weight:bold;
}

span.TitreIndexCenter { /* style des en-tête et en-pied */
  font-size: 12px; /* taille de la police */
  color : #FF6600;
  --text-align:center ; /* le texte est a gauche */
  font: verdana, arial, sans-serif;
  font-weight:bold;
}

div#ContainerIndex {
    width: 100%;
    text-align: left;
    background-color: #FFE7F2;
}
div#ContainerIndexSmall {
    width: 450px;
    text-align: left;
    background-color: #FFFFFF;
	margin-left: 15px;
}

#div.row {margin: 0; padding: 0; width: 100%; border: 1px solid #000000; background-color: #FF00FF;}
div.cols1 {float: left; width: 100%; margin: 0 3px 0 0; padding: 0;border: 1px solid #000000;}
div.cols2 {float: left; width: 30%; margin: 0 3px 0 0; padding: 0;border: 1px solid #000000;}

div.cols3 {float: left; width: 30%; margin: 0 0 0 15px; padding: 0;}

div#ContainerIndexbig {
    width: 95%;
    text-align: left;
    background-color: #FFFFFF;
    margin-left: 15px;
}
div.cols5 {float: left; width: 17%; margin: 0 0 0 15px; padding: 0;   background-color: #FFE7F2;}
div.cols6 {float: left; width: 14%; margin: 0 0 0 15px; padding: 0;}


/* Feuille de style pour la box a coin arrondie de largeur 2px */
.RounBoxCSS h1, .RounBoxCSS h2, .RounBoxCSS p {margin:0 10px;}
.RounBoxCSS h1.left {
  color : #FF6600;
  font-size:13px;
  --font-size:14px;
  text-align: left;
}

.RounBoxCSS h1.Justify {
  color : #FF6600;
  font-size:13px;
  --font-size:14px;
  text-align: justify;
}

.RounBoxCSS h1.OCentre {
  color : #FF6600;
  font-size:14px;
  text-align: center;
}

.RounBoxCSS h1.center {
  color : #FFFFFF;
  font-size:14px;
  text-align: center;
}

.RounBoxCSS h1.SB {
  color : #FF6600;
  font-size:13px;
  border-bottom: 0px ;
}

.RounBoxCSS h1.Noircenter {
  color : #000000;
  font-size:14px;
  text-align: center;
}

.RounBoxCSS p.left {padding-bottom:0.5em; color:#000; text-align: left;}
.RounBoxCSS p.Justify {padding-bottom:0.5em; color:#000; text-align: justify;}
.RounBoxCSS p.center {padding-bottom:0.5em; color:#000; text-align: center;}
.RounBoxCSS {background: transparent; margin:1em;}

.RounBoxCSS em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .RounBoxCSS em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.RounBoxCSS span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #ffffff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .RounBoxCSS span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.borderRb1, .borderRb2, .borderRb3, .borderRb4, .borderRb5, .borderRb6, .borderRb7, .borderRb8 {display:block; overflow:hidden; font-size:0;}
.borderRb1, .borderRb2, .borderRb3, .borderRb4, .borderRb5, .borderRb6, .borderRb7 {height:1px;}
.borderRb3, .borderRb4, .borderRb5, .borderRb6, .borderRb7, .borderRb8 {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.borderRb1 {margin:0 8px; background:#000000;}
.borderRb2 {margin:0 6px; background:#000000;}
.borderRb3 {margin:0 4px; background:#FFFFFF; border-width:0 4px;}
.borderRb4 {margin:0 3px; background:#FFFFFF; border-width:0 3px;}
.borderRb5 {margin:0 2px; background:#FFFFFF; border-width:0 3px; }
.borderRb6 {margin:0 2px; background:#FFFFFF; border-width:0 2px; }
.borderRb7 {margin:0 1px; background:#FFFFFF; border-width:0 2px; }
.borderRb8 {margin:0 1px; background:#FFFFFF; border-width:0 3px; height:2px;  }

.RoundBoxContent {
	display:block; background:#ffffff; border:2px solid #000000; border-width:0 2px;

}

.RB_Bg_Orange{background:#FF6600;}
.RB_Bg_Gris{background:#E8E8E9; }
.RB_B_Orange{border-color: #FF6600;}
.RB_B_Gris{border-color: #E8E8E9; color: #A8B3BC;}
.RB_B_Orange_T_Gris{border-color: #FF6600; color: #A8B3BC;}
.RB_B_Orange_T_Gris a{text-decoration: none; color: #A8B3BC;}
.RB_B_Orange_T_Gris a:hover
  {
  text-decoration: underline;
  color: orange;
  }

.Rachat_7_1 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -1px -103px;
}

.Rachat_7_2 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -1px -104px;
}

.Rachat_6 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -2px -105px;
}

.Rachat_5 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -3px -106px;
}

.Rachat_4 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -4px -107px;
}

.Rachat_3 {
       background: #E8E8E9 url(rachat.jpg) no-repeat;
       background-position: -6px -108px;
}
/* FIn Rounded Box 2px */


/* Box Simulateur */
/* Number 1 boxSimul boxes and elements */
.boxSimul					{margin-top:15px; width:216px; z-index:auto;}
.boxSimul-header				{height:10px; background:url(./images/top.PNG) no-repeat;}
.boxSimul-bg					{background:url(./images/middle.PNG) repeat-y;}
.boxSimul-footer 				{height:40px; background:url(./images/bottom.PNG) no-repeat;}
.boxSimul-text
{
	width:200px;
	/*color:#0C3C90; */
  	padding:0 0px 0 10px;
	text-align: left;

}

.boxSimul h1.center {
  margin:0 0 10px 0;
  color : #FFFFFF;
  font-size:16px;
  font-weight:bold;
}

.center {
  text-align: center;

}

/*orange buttons*/
button.submitBtnOrange {
  background:url(./images/gg.png) right no-repeat;
  font-size:14px;
  border:0;
  cursor:pointer;
  font-weight:bold;
  padding:0 10px 0 0;
  text-align:center;
  /* style exceptions for all IE browsers */
  /width:auto; 
  /overflow:visible
}
button.submitBtnOrange span {
  height:30px;
  line-height:30px;
  background:url(./images/dd.png) left no-repeat;
  color:#fff;
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 10px;
  /* style exceptions for all IE browsers */
  /margin-top:1px;
}

/*orange buttons*/
button.submitBtnGris {
  background:url(./images/gggris.png) right no-repeat;
  font-size:12px;
  border:0;
  cursor:pointer;
  font-weight:bold;
  padding:0 7px 0 0;
  text-align:center;
  /* style exceptions for all IE browsers */
  /width:auto; 
  /overflow:visible
}
button.submitBtnGris span {
  height:20px;
  line-height:20px;
  background:url(./images/ddgris.png) left no-repeat;
  color:#000000;
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 10px;
  /* style exceptions for all IE browsers */
  /margin-top:1px;
}

form.BoxSimul label#LabSimu {
  display: inline;
  float: left;
  width: 70%;
  text-align: left;
  font-size:12px;
  color:white;
  font-weight:bold;
  }

form.BoxSimul input#InputSimu {
  display: inline;
  float: left;
  width: 25%;
  text-align: left;
  }


/* Fin box simulateur */

/* Formulaire credit */
div#ContainerFormulaire {
    width: 95%;
    text-align: left;
    background-color: #FFFFFF;
	margin-left: 15px;
}

div#ContainerCredit {
    width: 450px;
    text-align: left;
    background-color: #FFFFFF;
	margin-left: 15px;
}

.titreOrange
{
font-size: 16px; /* taille de la police */
  color : #FF6600;}
  
  
  
  
#ContainerFormulaire div#CreditBar
  {
  margin-left: 17px;

  height: 45px;
  }

#ContainerFormulaire #CreditBar ul
  {
  display: block;

  margin: 0;
  padding: 0;
  height: 30px;
  }


#ContainerFormulaire #CreditBar ul li
  {
  display: block;
  float: left;
  list-style: none;
  text-align: center;
  height: 15px;
  margin-right: 7px;
  padding-top: 15px;
  color: #A5A5B5;
  }
  
#ContainerFormulaire #CreditBar #etap1,
#ContainerFormulaire #CreditBar ul li#etap1_old,
#ContainerFormulaire #CreditBar ul li#etap1_current
  {
  width: 120px;
  }

#ContainerFormulaire #CreditBar #etap1
  {
  background : white url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap1_old
  {
  background : white url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap1_current
  {
  background : white url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar #etap2,
#ContainerFormulaire #CreditBar ul li#etap2_old,
#ContainerFormulaire #CreditBar ul li#etap2_current
  {
  width: 120px;
  }

#ContainerFormulaire #CreditBar #etap2
  {
  background : white url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap2_old
  {
  background : white url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap2_current
  {
  background : white url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar #etap3,
#ContainerFormulaire #CreditBar ul li#etap3_old,
#ContainerFormulaire #CreditBar ul li#etap3_current
  {
  width: 120px;
  }

  #ContainerFormulaire #CreditBar #etap3
  {
  background : white url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap3_old
  {
  background : white url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap3_current
  {
  background : white url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }
#ContainerFormulaire #CreditBar #etap4,
#ContainerFormulaire #CreditBar ul li#etap4_old,
#ContainerFormulaire #CreditBar ul li#etap4_current
  {
  width: 120px;
  }

  #ContainerFormulaire #CreditBar #etap4
  {
  background : white url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap4_old
  {
  background : white url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap4_current
  {
  background : white url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }
#ContainerFormulaire #CreditBar #etap5,
#ContainerFormulaire #CreditBar ul li#etap5_old,
#ContainerFormulaire #CreditBar ul li#etap5_current
  {
  width: 120px;
  }
  #ContainerFormulaire #CreditBar #etap5
  {
  background : white url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap5_old
  {
  background : white url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap5_current
  {
  background : white url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

/* Page de credit */
.titreColCredit
{
font-size: 14px; /* taille de la police */
  color : #FFFFFF;}

.tabCredHaut
{
   background-image: url('./images/tabCredh.gif');
}

.tabCredBas
{
   background: url('./images/tabCredb.gif') bottom;
   padding-bottom : 5px;
}

.tabCredDroite
{
   background: url('./images/tabCredd.gif') top right;
}

.tabCredGauche
{
   background-image: url('./images/tabCredg.gif');
}
.tabCredBasGauche
{
   background: url('./images/tabCredbg.gif') bottom left;
}

.tabCredBasDroite
{
   background: url('./images/tabCredbd.gif') bottom right;
}

.tabCredHautGauche
{
   background-image: url('./images/tabCredhg.gif');
}

.tabCredHautDroite
{
   background: url('./images/tabCredhd.gif') no-repeat right top;
}

.borderBas{
border-bottom-width:1px;
border-bottom-style:solid;
border-color : #FF6600;
}

.borderBG{
border-bottom-width:1px;
border-bottom-style:solid;
border-left-width:1px;
border-left-style:solid;
border-color : #FF6600;
}

.borderG{
border-left-width:1px;
border-left-style:solid;
border-color : #FF6600;
}