body{
 /*background-color:#FFFFFF;*/
}

/* ******************* */
/* SimulerEmprunteur 1 */
/* ******************* */

#contentdisplay .souscrire h2
{
    color:#27a8a8;
    font-size:16px;
    font-weight:bold;
}

#contentdisplay .souscrire h3 {color:#27a8a8;font-size:14px;font-weight:bold;}

#contentdisplay .souscrire ul li
{
    background:transparent url(../images/assurances/souscrire_puce.gif) no-repeat scroll left 2px;
    color:#666666;
}

#contentdisplay .souscrire span.intro1
{
    color:#27a8a8;
    font-size:14px;
    font-weight:bold;
}
#contentdisplay .souscrire span.intro2
{
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

#contentdisplay .blocid { 
    width: 355px;
    float:left;
    margin-left:0px;
}
#contentdisplay .blocid .contentheader
{
     background-image:url(../images/assurances/souscrire_identifier_header.gif);
     width:100%;
     height:10px;
     margin:0;
     font-size:0px;
} 

#contentdisplay .blocid .contentbody
{
     background-color:#ceebeb;
     width:335px;
     padding-left:20px;
     height:150px;
     background-image:none;
}


#contentdisplay .blocid .contentfooter
{
     background-image:url(../images/assurances/souscrire_identifier_footer.gif);
     width:100%;
     height:9px;
     margin:0;
}

#contentdisplay .blocid ul 
{ 
<!-- float:left; -->
padding:0 3px; 0 0 
}

#contentdisplay .blocid ul li
{
    background-image:none;
    margin:0;
    padding:0;
}

#contentdisplay .blocid label{
    width:auto;
    font-size:12px;
    color:#000000;
}

#contentdisplay .blocid legend{
    font-size:14px;
    font-weight: bold;
    color:#000000;
    padding-left:10px;
}


#contentdisplay .blocid label.checkbox{
    font-size:10px;
    color:#ffffff;
    position:relative;
    top:-2px;
    left:3px;
}

* html #contentdisplay .blocid label.checkbox{
    font-size:10px;
    color:#ffffff;
    position:relative;
    top:-2px;
    left:-2px;
}

#contentdisplay .blocid input.checkbox{
    position:relative;
    top:2px;
}

* html #contentdisplay .blocid input.checkbox{
    position:relative;
    top:1px;
    left:-4px;
}

#contentdisplay .blocid a,
#contentdisplay .blocid a:hover{
    font-size:10px;
    color:#ffffff;
}

#contentdisplay .blocid input{margin:0;width:160px;}
* html #contentdisplay .blocid input{margin:0;width:150px;}

#contentdisplay .blocid div.inputA{
        float:left;
        margin-top:10px;
}

#contentdisplay .blocid div.label{
        float:left;
        margin-top:10px;
        position:relative;
        text-align:left;
        top:2px;
        width:125px;
}


#contentdisplay .blocid fieldset 
{
    border:none;
    margin:0;
    padding:0;
}

#contentdisplay .creercompte{
    background-image:url(../images/assurances/souscrire_creercompte.jpg);
    margin:0 0 0 25px;
    width:220px;
    height:90px;
    float:left;
}


/*
FIN CONTENT DISPLAY 
*/

#contentdisplay .blocid input.jj{
width:30px;
}

#contentdisplay .blocid input.mm{
width:30px;
}

#contentdisplay .blocid input.aaaa{
width:60px;
}

#sousForm{
color:#27A7A8;
float:left;
font-size:11px;
font-style:italic;
margin-top:10px;
}

#titre2{
background-image: url(../images/imagesADE/flecheTitre.gif);
background-repeat:no-repeat;
color:#27A7A8;
font-size:18px;
height:15px;
margin-left:1px;
}

#titre2 span{
left:35px;
position:relative;
top:-4px;
}

#separateur{
background-image: url(../images/imagesADE/pointilles.gif);
background-repeat:repeat-x;
height:3px;
margin-bottom:10px;
margin:0px 3px 10px 3px;
width:734px;
}

#contentdisplay .blocid.full{ 
width:720px;
margin-right:0;
}

#contentdisplay .blocid .contentbody.full {
width:700px;
height:60px;
}

.labelFull{
float:left;
margin-top:19px;
width:350px;
}

#contentdisplay .blocid input.montant{
width:125px;
}

#contentdisplay .blocid input.duree{
width:100px;
}

select.profession{
width:194px;
}

* html select.profession{
width:196px;
}

#contentdisplay .contentbody .items
{
    margin:0 auto;
    width:740px; /*-2px border de contentlist*/
    /*height:500px;  TEST*/
}

* html #contentdisplay .contentbody .items .item
{
    margin:0 5px;
}

#contentdisplay .contentbody .items .itemFormulaire {
    width:720px;
}

#contentdisplay .itemcolumn {
    margin-right:10px;
}

*+html #contentdisplay {
   margin-top:10px;
}

.separateurG{
    background-image:url(../images/imagesADE/carreGris.gif);
    height:10px;
    width:10px;
    background-repeat:no-repeat;
    position:relative;
    top:5px;
    
}

* html .separateurG{
    top:10px;
    
}

.separateurM{
    border-top: solid 1px #dfdfdf;
    width:734px;
}

.separateurD{
    background-image:url(../images/imagesADE/carreGris.gif);
    height:10px;
    width:10px;
    background-repeat:no-repeat;
    position:relative;
    top:-5px;
    left:730px;
}

* html .separateurD{
    top:-20px;
}

*+html .separateurD{
    top:-20px;
}

.bouton{
    background:url(../images/imagesADE/btn_lancerSimul.gif);
    margin-bottom:20px;
    width:150px;
    height:28px;
    left:580px;
    position:relative;
    top:-5px;
    border:none;
    cursor:pointer;
}
.bouton_souscrire{
    background:url(../images/imagesADE/btn_souscrire.gif);
    width:150px;
    height:28px;
    left:225px;
    border:none;
    cursor:pointer;
    position : relative;
}



.itemFormulaire{
    float:left;
}

.valeur{
color:#000000;
font-size:12px;
}

.formInfo{
color:#27A7A8;
font-size:11px;
font-style:italic;
}

.etoile{
color:#000000;
}

.infoObliged{
margin-bottom:5px;
margin-left:10px;
}

*+html .infoObliged{
margin-bottom:5px;
width:734px;
margin-left:10px;
}

/* ******************* */
/* Element Formulaire  */
/* ******************* */

div.inputA select.JJ{width:42px;}

div.inputA select.MM{width:42px;margin:0 0 0 12px;}
* html div.inputA select.MM{width:42px;margin:0 0 0 8px;}

div.inputA select.AA {width:55px;margin:0 0 0 12px;}
* html div.inputA select.AA {width:55px;margin:0 0 0 8px;}


.bloc1 select,.bloc2 select {float:left;}
/*.pictoInfo{background-image:url(../images/imagesADE/picto_info.gif);height:23px;left:5px;width:23px;z-index:100;}
*/
.div_informations .pictoInfo{background-image:url(../images/imagesADE/picto_info_petit_CEEAEB.gif);left:5px;}
.div_pret_content .pictoInfo{background-image:url(../images/imagesADE/picto_info_petit_EAF6F6.png);height:23px;left:5px;width:23px;}
#milieu_centre2 .pictoInfo{
float:left;
}
/* ******************* */
/* Element Formulaire  */
/* ******************* */

#global_form {
margin : 0 0 10px 15px;
}

#simulation_title {
    font-size:14px;
    font-weight:bold;
    padding-left:10px;
    padding-top:20px;
    margin-bottom : 4px;
}

#simulation_details {
    background-color : #EAF6F6;
    height:100px;
    margin-bottom : 10px;
}

.simulation_tarif{
    background-color : #ceeaeb;
    height:20px;
    margin-bottom:1px;
}

.tarif_title{
    font-size:12px;
    font-weight:bold;
    float:left;
    width:250px;
    padding-left:20px;
    padding-top:3px;
}

.tarif_detail1{
    float:left;
    padding-top:3px;
    width:230px;
}

.tarif_detail2{
    padding-top:3px;
}

#simulation_title_emprunteur{
    height:30px;
    padding-top:20px;
}



#emprunteur_1{
    font-size:12px;
    font-weight:bold;
    float:left;
    margin-left:245px;
    height:18px;
    padding-top : 12px;
}

* html #emprunteur_1 {
    margin-left:120px;
}

#emprunteur_2{
    font-size:12px;
    font-weight:bold;
    margin-left:475px;
    height:18px;
    padding-top : 12px;
}



#simulation_mentions{
    font-style:italic;
    margin-bottom:50px;
}

#toolbar{
    height:39px;
    width:739px;
    margin-bottom:15px;
    position : relative;
}

* html #toolbar{
    top : -20px;
    margin-bottom:30px;
}

*+html #toolbar{
    top : -15px;
    margin-bottom:30px;
}

#modifSimul{
    width:120px;
    margin-left :35px;
    margin-right:30px;
    float:left;
}

* html #modifSimul {
    margin-left :15px;
}

#imprimSimul{
    width:125px;
    margin-left :35px;
    float:left;
}

.picto{
    float:left;
}

#addPret {cursor:pointer;font-weight:bold;height:21px;padding:0 0 0 25px;width:200px;background-image:url(../images/imagesADE/picto_AjouterPret.gif);background-repeat:no-repeat;}


.SimulText{
   font-size:11px;
   font-weight:bold;
}

.bouton.ADE2{
background:url(../images/imagesADE/btn_souscrire.gif);
left:150px;
}

.continuer{
background:url(../images/imagesADE/btn_continuer.gif);
}


/* ******************* */
/* SouscrireEmprunteur1*/
/* ******************* */
#steps {
    height:40px;
    margin-bottom : 20px;
    width:730px;
    margin-left:5px;
}

#steps_left {
    background-image : url(../images/imagesADE/carre_BoutGauche.gif);
    height:41px;
    width:20px;
    float:left;
}

#steps_1{
float:left;
}

#steps_2{
float:left;
}

#steps_3{
float:left;
}

#steps_4{
float:left;
}

#separateur_etapes{
    background-image : url(../images/imagesADE/separateur_etapes.gif);
    float:left;
    width:10px;
    height:41px;
}

#steps_right {
    background-image : url(../images/imagesADE/carre_BoutDroit.gif);
    height:41px;
    width:20px;
    float:left;
}

.left_corner_on{
    background-image : url(../images/imagesADE/coinGauche_etapes_ON.gif);
    height:41px;
    width:15px;
    float:left;
}

.center_corner_on{
    text-align : center;
    color : #ffffff;
    background-color : #27a7a8;
    height:41px;
    width:130px;
    float:left;
}

.right_corner_on{
    background-image : url(../images/imagesADE/coinDroit_etapes_ON.gif);
    height:41px;
    width:15px;
    float:left;
}

.left_corner_off{
    background-image : url(../images/imagesADE/coinGauche_etapes_OFF.gif);
    height:41px;
    width:15px;
    float:left;
}

.center_corner_off{
    text-align : center;
    color : #666666;
    background-color : #c7c7c7;
    height:41px;
    width:130px;
    float:left;
}

.right_corner_off{
    background-image : url(../images/imagesADE/coinDroit_etapes_OFF.gif);
    height:41px;
    width:15px;
    float:left;
}

.step_text{
    padding-top : 12px;
}

#dropDownList{
    float:left;
    padding-right:10px;
}

#text_emprunteurs{
    float:left;
    padding-right:10px;
}

.DivForm1 {
    margin-top : 40px;
}

.DivForm {
    margin-top : 20px;
}

.formTitle{
    margin-left : 10px;
    font-size:14px;
    font-weight:bold;
}

.formulaire{
    background-color:#eaf6f6;
    height:480px;
    width:705px;
}

.supprimBloc{
    padding-left : 575px;
    float:right;
}

* html .supprimBloc{
    position : relative;
    top : 3px;    
}

#formTitle_picto{
    height:17px;
}

#div_pret{
  width:705px;
}

.div_informations{
  width:705px;
}

.div_explications{
    
}

.div_pret_content{
    width:310px;
    padding-left: 20px;
    padding-top : 10px;
    float:left;
}

.row {
  width:310px;
  padding-top : 10px;
  clear:both;
}

.row span.label {
  float: left;
  width: 110px;
  text-align: left;
  padding-top : 4px;
}

.row span.formw {
  float: right;
  text-align: left;
}

* html .row span.formw {
  float: right;
  text-align: left;
  position : relative;
  left : -5px;
}

.row span.form_banque {
  float: right;
  text-align: right;
  padding-right:16px;
}

.row span.forms {
  float: left;
  text-align: left;
}


.row span.formw input {
  width: 180px;
  height: 14px;
}

.row span.formw2 input {
  width: 167px;
  height: 14px;
}

*+html .row span.formw input {
  width: 178px;
  height: 14px;
}

* html .row span.formw input {
  width: 171px;
  height: 14px;
}
*+html .row span.formw2 input {
  width: 165px;
  height: 14px;
}
* html .row span.formw2 input {
  width: 161px;
  height: 14px;
}

.row span.forms select {
  width: 170px;
  float:left;
}

.div_informations_content {
    width:300px;
    padding-top : 10px;
    padding-left: 20px;
    float:left;
}

.div_informations_content2 {
    width:360px;
    padding-top : 10px;
    padding-left: 10px;
    float:left;
}

#haut{
    height : 10px;
    width: 300px;
}

#haut2{
    height : 10px;
    width: 360px;
}

.coin_haut_gauche{
    background-image : url(../images/imagesADE/coinBloc_HautGauche.gif);
    height : 10px;
    width:10px;
    float:left;
}

#haut_milieu{
    height:9px;
    width:280px;
    background-color : #ceeaeb;
    border-top: solid 1px #88cece;
    float:left;
}

#haut_milieu2{
    height:9px;
    width:340px;
    background-color : #ceeaeb;
    border-top: solid 1px #88cece;
    float:left;
}

.coin_haut_droit{
    background-image : url(../images/imagesADE/coinBloc_HautDroit.gif);
    height : 10px;
    width:10px;
    float:left;
}

#milieu {
    width : 300px;
}

* html #milieu {
    width : 300px;
    position:relative;
    top:-6px;
}

#milieu2 {
    width : 360px;
}

* html #milieu2 {
    width : 360px;
    position:relative;
    top:-6px;
}

.milieu_gauche{
    width : 10px;
    border-left: solid 1px #88cece;
    background-color : #ceeaeb;
    height:60px;
    float:left;
}

#milieu_centre{
    background-color : #ceeaeb;
    width:278px;
    height:60px;
    float:left;
}

#milieu_centre2{
    background-color : #ceeaeb;
    width:338px;
    height:60px;
    float:left;
}

.milieu_droit{
    width : 10px;
    border-right: solid 1px #88cece;
    background-color : #ceeaeb;
    height:60px;
    float:left;
}

#bas {
    width : 300px;
}

#bas2 {
    width : 360px;
    
}

* html #bas {
    width : 300px;
    position:relative;
    top:-6px;
}

* html #bas2 {
    width : 360px;
    position:relative;
    top:-6px;
}

.coin_bas_gauche {
    background-image : url(../images/imagesADE/coinBloc_BasGauche.gif);
    height : 10px;
    width:10px;
    float:left;
    font-size:8px;
}

#bas_milieu {
    height:9px;
    width:280px;
    background-color : #ceeaeb;
    border-bottom: solid 1px #88cece;
    float:left;
    font-size:8px;
}

#bas_milieu2 {
    height:9px;
    width:340px;
    background-color : #ceeaeb;
    border-bottom: solid 1px #88cece;
    float:left;
    font-size:8px;
}

.coin_bas_droit {
    background-image : url(../images/imagesADE/coinBloc_BasDroit.gif);
    height : 10px;
    width:10px;
    float:left;
    font-size:8px;
}

.div_explications_content {
    width:300px;
    padding-top : 10px;
    padding-left: 20px;
    float:left;
}

.div_explications_content2 {
    width:350px;
    padding-top : 10px;
    padding-left: 20px;
    float:left;
}


.bloc2 {
/*margin-left:26px;*/
margin-top:20px;
}



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

.milieu_label{
float:left;
margin-right:20px;
margin-bottom:10px;
width:170px;
}

.div_informations_content2 .milieu_label{
float:left;
margin-bottom:10px;
margin-right:0px;
width:190px;
}

.milieu_input{
float:left;
z-index:10;
}

.milieu_label2{
float:left;
/*margin-left:8px;*/
margin-right:20px;
}

* html .milieu_label2{
float:left;
margin-left:4px;
margin-right:13px;
position:relative;
left:-7px;
}

.garantieAde{
width:115px;
}

.row2{
clear:both;
padding-top:10px;
width:320px;
}

.row2 span.label {
  float: left;
  width: 110px;
  text-align: left;
  padding-top : 4px;
}

.row2 span.formw {
  float: right;
  text-align: left;
}

* html .row2 span.formw {
  float: right;
  text-align: left;
  position : relative;
  left : -5px;
}

.row2 span.form_banque {
  float: right;
  text-align: right;
  padding-right:16px;
}

.row2 span.forms {
  float: right;
  text-align: left;
}


.row2 span.formw input {
  width: 180px;
  height: 14px;
}

*+html .row2 span.formw input {
  width: 178px;
  height: 14px;
}

* html .row2 span.formw input {
  width: 171px;
  height: 14px;
}

.row2 span.forms select {
  width: 200px;
}

.banqueAde03{
float:left;
padding-left:20px;
padding-right:15px;
width:670px;
padding-bottom:10px;
padding-top:10px;
}

.step_text strong{
font-size:15px;
}
.step_text strong a,
.step_text strong a:hover{
font-size:15px;
color:#FFFFFF
}

#div_explications{

}


.formsLineRow{
clear:both;
padding-top:10px;
}

.banqueAde03Border{
background-color:#CEEAEB;
padding:10px 10px 10px 10px;
}

.check{
left:10px;
position:relative;
float:left;
}

.afetCheck{
float:left;
left:15px;
position:relative;
width:200px;
}

.btcontinuerAdvLog{
left:0px;
background:transparent url(../images/imagesADE/btn_continuer.gif) repeat scroll 0 0
}

.sel{
width:60px;
}

* html #contentdisplay .itemcolumn.itemcolumn1{
width:565px;
}
