@import url("./etapes_resa_gl.css");
@import url("./deja_resa.css");

/* consult des dispos */
@import url("./resa_lcen_consult_dispo.css");

#li_dateArrivee_calend{
  display:none;
}

#div_recapPrix {
  border:2px solid #333333;
  float:right;
  font-weight:bold;
  margin-top:15px;
  padding-top:0;
  width:216px;
  clear:right;
}
  span.lbl_recapPrix {
    width:150px;
  }
  #div_recapPrix div.recapPrix{
    width:210px;
  }
  span.px_recapPrix {
    width:50px;
}
  /* recap chambre */
  #div_pxDetailChambres{
    width:246px!important;
  }
  ul.detailPrixChambre{
    padding:0 3px;
    font-size:10px;
  }
  ul.details_prixOptions{
    padding-left:5px;
    line-height:16px;
  }

/* saisie de la date */
#div_saisieDatesSejour{
  clear:left;
}
  #div_dateSejourSimple fieldset{
    border:none;
    margin:0;
    padding:0;
  }
    #div_dateSejourSimple fieldset legend{
      display:none;  
    }
  
  span.dateSejour{
    font-weight:bold;
  }
  
  #div_saisieDatesSejour select{
    font-weight:bold;
    font-size:11px;
    padding:2px;
    border:1px #333333 solid;
  }
  
  #ul_dateArrivee{
    display:inline;
    margin:0;
    padding:0;
  }
    #ul_dateArrivee li{
      display:inline;
      margin:0 5px;
    }
    
  #div_dateSejourDuree{
    padding-top:10px;
  }
    #div_dateSejourDuree select{
      margin-left:5px;
    }
    
  #div_consultDispos{
    padding:5px;
    float:left;
    width:410px;
  }
    #sp_lblConsultDispos,#a_validDatesSejour{
      display:block;
      font-weight:bold;
      cursor:pointer;
      background-image: url(/config_v3/imgs_defaut/LCEN/puce_validerDate.gif);
      line-height:21px;
      text-indent:20px;
      background-repeat:no-repeat;
      background-position: left center;
      font-size:13px;
    }


  
/* valid date */
#div_btnValidDates{
  float:right;
}

/* options */
ul.listeOption{
  padding:0;
  margin:5px 0;
}
  li.option{
    padding:4px 0 4px;
  }
     
  label.optionLabel{
    padding-left:5px;
    font-weight:bold;
  }
  
  div.selectionOptionForfait{
    padding-left:5px;
    display:inline;
  }
  
  div.selectionOptionIndiv{
    padding-left:20px;
  }
    div.selectionOptionIndiv p{
      margin:2px 0;
    }
  
  ul.listeOption select{
    margin:0 5px;
    font-size:10px;
    padding:1px;
    border:1px #333333 solid;
  }
  
  label.optionAdu img{
    height:20px;
    margin-right:5px;
  }
  label.optionEnf img{
    height:15px;
    margin-right:5px;
  }


/* composition famille */
#div_compositionFamille{
  padding-top:0!important;
}
  p.p_compoFamille{
    display:inline; 
  }
  label.compoFamilleGite{
    font-weight:bold;
  }
  select.compoFamilleGite{
    margin:0 10px 0 5px;
    font-weight:bold;
    font-size:11px;
    padding:2px;
    border:1px #333333 solid;
  }
  #p_msgNbBebe{
    margin-top:10px;
    font-style: italic;
  }

/* animaux */
#sp_lbl_question_ani{
  font-weight:bold;
}
p.p_compoFamilleAni{
  display:inline;
}
input.compoFamilleAni{
  margin:0 5px 0 10px;
}

/* mot magique */
  #lbl_motMagique_connu, #lbl_motMagique_inconnu{
    font-weight:bold;
    font-size:13px;
  }
  
  #div.div_motsMagiques label{
    font-weight:bold;
  }
    #input_mot_magique{
      border:1px #333333 solid;
      font-weight:bold;
      font-size:11px;
      padding:2px;
      margin:2px 10px 0 0; 
    }
    #validMotMagique{
      cursor:pointer;
      padding:1px 2px;
      border:1px #333333 solid;
      font-size:10px;
    }
      #validMotMagique:hover{
        border:1px #3aa8ef solid;
      }

/* assurance */
#sp_lbl_question_assur{
  font-weight:bold;
}
  #sp_lbl_question_assur a{
    font-weight:bold;
  }


/* boutons */


/* chambre */
#ul_selectChambre{
  padding-left:0;
  font-size:11px;
}
  #ul_selectChambre li.selectChambre{
    padding:5px;
    clear:left;
    float:left;
    width:410px;
  }
  
  a.titre_chambre{
    font-weight:bold;
    text-decoration:none;
  }
  
  div.pictoTable{
    display:inline;
    padding-left:10px;
  }
    ul.list_picto_tarif_chb{
      padding-left:0;
      display:inline;
    }
      ul.list_picto_tarif_chb li{
        padding-right:10px;
        display:inline;
      }
    
  div.div_fiche_grille_tarif{
    float:left;
    margin-right:5px;
    width:100px;
  }
    ul.tarifChambre{
      padding-left:0px;
    }
    ul.tarifChambre li{
      border:1px #333333 solid;
      font-weight:bold;
      line-height:20px;
      margin:5px 5px 5px 0;;
    }
    ul.tarifChambre span.libelle_tarif{
      font-weight:bold;
      padding:0 3px;
      display:block;
      float:left;
      width:39px;
    }
    ul.tarifChambre span.prix_tarif{
      padding:0 3px;  
    }
  
  div.comboNbPers{
    float:left;
    width:300px;
    padding-top:10px;
  }  
    label.comboNbPers{
      font-weight:bold;
    }
    
    select.comboNbAduChb, select.comboNbEnfChb{
      margin:0 3px 0 3px;
      font-size:10px;
      padding:2px;
      border:1px #333333 solid;
      width:70px;
    }
    
    ul.selectionOption{
      padding-left:10px;
      padding-top:5px;
    }
      ul.selectionOption li{
        padding:2px 0;
      }
      label.selectionOption{
        font-weight:bold;
        padding-right:2px;
      }
      ul.selectionOption select{
        font-size:10px;
        margin:0 3px;
        border:1px #333333 solid;
      }
      span.prixOption{
        font-weight:bold;
        font-size:12px;
      }

/* dispogites */
div.formMailProprio{
  clear:left;
  float:left;
  width:100%;
  padding:3px 0;
}
  #div_champsFormMailProprio{
    width:320px;
    margin:20px auto;
    float:none;
  }
  label.label_formMailProprio{
    display:block;
    float:left;
    width:120px;
    font-weight:bold;  
  }
    #div_formMailProprio_compoFamille label{
      width:70px;
    }
  
  div.formMailProprio input{
    width:200px;
    border:0;
    padding:2px;
    font-weight:bold;
    font-size:11px;
  } 
    #input_tel{
      width:100px!important;
    }
    #input_cp{
      width:70px!important;
    }
    #div_formMailProprio_compoFamille input{
      width:30px;
    }
    
  #span_formMailProprio_libCompoFamille{
    display:block;
    font-weight:bold;
  }
  #div_formMailProprio_compoFamille p{
    float:left;
    width:50%;
    margin-top:5px;
  }
  
  #textarea_message{
    clear:left;
    display:block;
    width:320px;
    border:0;
    padding:2px;
    height:100px;
    font-weight:bold;
    font-size:11px;
  }
  
  div.msgEnvoiMailPropAffiche{
    clear:both;
    position:relative;
    top:20px;
    padding:10px;
    text-align:center;
    font-weight:bold;
    letter-spacing:1px;
  }