@import url('etapes_resa_gl_couleurs.css');

.img_paybox{
  margin:0 10px 0 0;
}

#page ul{
  list-style-type: none;
  margin:0;
  padding:0;
}
#page{
  font-family:arial!important;
  font-size:12px;
  padding-top:15px;  
}

a{cursor:pointer;}

#divRechargementParDessus{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image: url(/config_v3/imgs_defaut/chargement/chargement-patienter.gif);
  background-position: center top;
  background-repeat: no-repeat;
  opacity:1!important;
  background-color:#ffffff;
}
#divChargementParDessus{
  filter:alpha(opacity=60); /*pour ie*/
	-moz-opacity: 0.6; /*pour firefox */
	-khtml-opacity: 0.6;/* pour safari et konkeror */
}

#ul_bandeauEtape{
  margin:0;
  padding:0;
  float:left;
  width:100%;
}
  #ul_bandeauEtape li{
    float:left;
    padding:5px 11px; 
    border-left:1px #ffffff dotted;
  }
    
  li.bandeauEtapeCliquable{
    cursor:pointer;
  }
  li.bandeauEtapeCliquable:hover{
    background-color: #ffffff!important;
  }
    
  #ul_bandeauEtape span{
    display:block;
  }
  
/* la résa */
#div_recap_contenu, #div_contenuSejour, #div_generale_recapitulatif, #div_generale_confirmFiche, #div_generale_coordonnees, #div_generale_confirmCGV, #div_generale_paiement{
   float:left;
   width:420px;
   clear:none!important;
}

/* ifobulle */
#infoBulle_Resa_titre, #infoBulle_PO_titre{
  font-weight:bold;
}

/* message erreur */
div.msgClient{
  display:none;
}
div.msgClientAffiche{
  display:block;
  padding:5px;
  margin:5px 0;
  letter-spacing: 1px;
  text-align: justify;
}
  
/* recap du produit */
#div_generale_recapHeber{
  float:right;
  width:200px;
  padding:5px;
  margin-top:20px;
  font-size:10px;
}
  #div_recap img{
    width:200px;
    margin-bottom:5px;
  }
  #h3_fiche_titre{
    font-size:12px;
    font-weight:normal;
  }
  #span_fiche_titre_region{
    display:block;
  }
  #div_recap_desc, #p_recap_lbl_reserv{
    display:none;
  }
  #lst_fiche_InfosGeneralesStruct{
    padding:0;
    float:none;
    padding-left:5px!important;
  }
  
  #a_accesFiche_recapHeber{
    display:none;
    text-decoration: none;
    text-align: center;
    font-size:11px;
    padding:2px;
    border:1px #333333 solid;
  }
  
h4.h4_titre{
  margin:0;
  line-height:20px;
  font-weight:bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing:1px;
  font-size:13px;
}
  
h5.titre_sejour, h5.titre_recapitulatif, #h4_paiement, #h4_confirmCmd, #h1_formMailProprio, #h1_contactPropDispogite{
  font-weight:normal;
  border-bottom:1px #333333 solid;
  font-size:14px;
  margin-top:0;
  margin-bottom:10px;
  letter-spacing:1px;
}

div.sejourAffiche, div.recapitulatif, div.confirmFiche, #div_recap_coordonnees, #div_generale_paiement, #div_generale_confirmCmd, #div_dispogiteFormProp{
  clear:both;
  padding-top:20px;
  overflow:hidden;
}
div.sejour{
  clear:both;
}

/* recap date */
p.p_recapitulatif_datesSejour{
  display:inline;
  padding-right:2px;
  font-size:12px;
}
  #div_modifDates, #div_modifCompoFamille, #p_modif_recapCoordonnees{
    float:right;
  }
  #div_modifDates a, #div_modifCompoFamille a, #p_modif_recapCoordonnees a{
    display:block;
    background-image: url(/config_v3/imgs_defaut/LCEN/modifier.gif);
    line-height:17px;
    padding-left:20px;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
  }
    #div_modifDates a:hover, #div_modifCompoFamille a:hover{
      text-decoration: underline;
    }

/* recap famille */
p.p_recapitulatif_compoFamille{
  margin:2px 0;
  font-size:12px;
}

/* recap coordonnées */
#titre_recap_client{
  display:none;
}

#sp_recap_client_nom, #sp_recap_client_adr, #sp_recap_client_ville, #sp_recap_client_pays{
  display:block;
}

p.recap_client{
  padding:2px 0;
}

span.lblRecap_client{
  font-weight:bold;
}

#div_recap_client_mdp{
  padding:5px;
  font-weight:bold;
  letter-spacing: 1px;
}
  #span_recap_client_mdp{
    padding-left:3px;
    font-size:14px;
  }

#p_modif_recapCoordonnees{
  padding-top:5px;
}

/* recap_prix */
#div_recapPrix.sejourAffiche{
  margin-top:15px;
  border:2px #333333 solid;
  clear:both;
  float:left;
  width:416px;
  padding-top:0;
  min-height:80px;
  font-size:11px;
}
  #div_roue_attente_prix{
    text-align: center;
    padding-top: 30px!important;  
  }
  #div_recapPrix div.recapPrix{
    line-height:20px;
    clear:both;
    float:left;
    width:410px;
    padding:0 3px;
  }
  #div_recapPrix_commentaire{float:right;margin:5px 0;width:210px;}
  
  span.lbl_recapPrix{
    display:block;
    float:left;
    width:335px;
  }
  span.px_recapPrix{
    display:block;
    float:left;
    width:75px;
    text-align: right;
  }
  
  /* recap des chambres */
  #div_pxDetailChambres{
    border-top:1px #ffffff dotted;
    border-bottom:1px #ffffff dotted;   
    padding:5px 0!important; 
  }
  ul.detailPrixChambre{
    margin:0;
    padding:0 10px;
  }
    div.detailPrixChambre{
      border-bottom:1px #333333 dotted;
      float:left;
      width:100%;
    }
      span.detailPrixChambre{
        float:right;
      }
      span.detailLibPrixChambre{
        float:left;
      }
    div.nbPersSelectChb{
      clear:left;
    }
    span.nbAduSelect{
      padding-right:15px;
    }
    
    p.titreDetails_prixOptions{
      margin:0;
      border-bottom:1px #ffffff dotted;
    }
    ul.details_prixOptions{
      padding-left:10px;
    }
    
    #div_detailPxOptionsSupp{
      font-size:10px;
      padding:0!important;
    }
      #ul_detailOptions{
        padding-left:0;
        margin:5px 0;
      }
      span.lblOption{
        display:block;
        border-bottom:1px #ffffff dotted;
      }
      span.pxOption, span.pxOptionEnfant{
        padding-right:2px;
      }
      div.detailOptionEnfant, div.detailOptionAdulte{
        line-height:13px;
        padding-left:10px;
      }
  
/* boutons */
#div_saisieClient_valider, #div_saisieClient_valider{
  clear:left;
  float:left;
  width:420px;
  padding-top:15px;
}
  #div_boutonConfirm{
    float:right!important;
    clear:none!important;
    clear:none!important;
    width:auto!important;
    padding-top:0!important;
  }

 #a_validationConfirmFiche, #a_validationDetailSejour, #a_validationCoordonnees, #a_validationConfirmCGV, #a_validationRecapitulatif, #a_validationPaiement, #a_envoiFormProp, #div_btnValidAssurCgv a{
    float:right;
    display:block;
    line-height:20px;
    padding:1px 5px 1px 20px;
    background-image: url(/config_v3/imgs_defaut/LCEN/puce_valider.gif)!important;
    background-repeat: no-repeat;
    background-position: 2px center;
    text-decoration: none;
    font-weight:bold;
    font-size:13px;
    letter-spacing:1px;
    border:1px #333333 solid;
    cursor:pointer;    
  }
  #div_btnValidAssurCgv a{
    background-color: #333333;
    color:#ffffff;
  }
  
  #div_boutonPrecedent{
    float:left;
  }
    #div_boutonPrecedent a{
      float:left;
      display:block;
      line-height:20px;
      padding:1px 5px 1px 20px;
      background-image: url(/config_v3/imgs_defaut/LCEN/puce_retour.gif)!important;
      background-repeat: no-repeat;
      background-position: 2px center;
      text-decoration: none;
      font-weight:bold;
      font-size:13px;
      letter-spacing:1px;
      border:1px #333333 solid;
      background-color: #333333;
      color:#ffffff;
      cursor:pointer;      
    }
  
      
/* liens */
div.divResa_liensDivers{
  width:100%;
  padding:5px 0;
  border-top:1px #333333 solid;
  font-size:10px;
  margin-top:20px;
  overflow:hidden;
}
  ul.lstResa_liensDivers{
    margin:0;
    padding:0;
  }
  
  ul.lstResa_liensDivers li{
    float:left;
    margin-right:10px;
  }
  
  ul.lstResa_liensDivers a{
    text-decoration:none;
    text-indent:8px;
    display:block;
    font-weight:normal;
  }
/* affichage info proprio */
  #div_recap_info_gite #p_recap_proprio,#div_recap_info_gite #p_recap_centrale_avec_proprio{
	margin-top:10px
  }
 #div_recap_info_gite #ul_recap_proprio,#div_recap_info_gite #div_recap_centrale_avec_proprio{
	padding-left:5px !important;
 }


#div_bontons_prec_conf{
  clear:both;
  overflow:hidden;
  width:420px;
  padding:15px 0 0 0;
}

#fs_validCGV{
  border:none;
  margin:0;
  padding:0;
}
  #fs_validCGV legend{
    display:none;
  }
  #fs_validCGV a{
    text-decoration: underline;    
  }