@import url("./calendrier.css");

/* entete */
img.img_enteteListe{
  float:right;
  margin-left:15px;
  width:150px;
}

#divRechargementParDessus{
  position:fixed;
  background-image: url(/config_v3/imgs_defaut/chargement-gdf.gif);
  background-position: center top;
  background-repeat: no-repeat;
  width:650px;
  height:50px;
  z-index:100;
}
#divChargementParDessus{
  filter:alpha(opacity=60); /*pour ie*/
	-moz-opacity: 0.6; /*pour firefox */
	-khtml-opacity: 0.6;/* pour safari et konkeror */
	height:1150px!important;
	top:0px!important;
	left:0px!important;
}
#page_content{
  position:relative;
}
/********** Moteur de recherche du menu ************/

#div_moteurMenu{
  width:190px;
  margin:0 auto;
  color:#333333;
}

  #div_contenuMoteurHaut{
    background-image: url(../img/menu_fondHautBlocMoteur.gif);
    background-repeat: no-repeat;
    height:8px;
  }
  #div_contenuMoteurBas{
    background-image: url(../img/menu_fondBasBlocMoteur.gif);
    background-repeat: no-repeat;
    height:8px;
  }
  
  #div_contenuMoteur{
    background-image: url(../img/menu_FondMilieuBlocMoteur.gif);
    background-repeat: repeat-y;
    padding:0 5px;
  }
  
  #h2_titreMoteurMenu{
    font-size:15px;
  }
  
  
  div.div_moteurMenu{
    padding-bottom:5px; 
    clear:both;
  }
  
  span.sp_titreFsMoteur{
    font-weight:bold;
    color:#008fdc;
  }
  
  p.p_typeMoteurMenu{
    margin:3px 0;
    padding-left:5px;
  }
  
  select.lst_moteurMenu, input.inpt_moteurMenu{
    font-size:11px;
    padding:2px;
    border:1px #008fdc solid;
  }
  
  /* date */
  #inpt_dateDeb{
    width:60px;
  }
  #lst_nbj{
    width:95px;
  }
  #div_moteurMenu_date label.lbl_typeMoteurMenu{
    display:block;
    float:left;
    width:80px;
    line-height:20px;
  }
  #p_dateArrivee_valid{
    float:right;
    padding:2px;
    font-weight:bold;
    color:#ffffff;
    background-color: #008fdc;
    cursor:pointer;
  }
  
  /* commune */
  #p_lieuSejour{
    padding:0;
  }
  #p_lieuSejour input{
    width:170px;
  }
  
  #divLstCommunes_inpt_ville{
      z-index:100;
      background-color:#ffffff;
      border:1px solid #008FDC;
      padding:5px;
      width:163px!important;
    }
      #divLstCommunes_inpt_ville li{
        cursor:pointer;
      }
      #divLstCommunes_inpt_ville li:hover{
        text-decoration:underline;
      }

/* déplacé dans general.css car non appelé sur une visu struc  
  #lst_reg{
    width:174px;
    font-size:11px;
    padding:2px;
    border:1px #008fdc solid;
  }
  
    #lst_rub{
    width:174px;
    font-size:11px;
    padding:2px;
    border:1px #008fdc solid;
  }
  */
  /* critères */
  #div_lstPreferences label{
    display:block;
    float:left;
    width:65px;
    line-height:20px;
  }
  #div_lstPreferences select{
    width:110px;
  }
  
  #p_numeroGite{
    padding:0;
  }
  #a_valideNumero{
    line-height:20px;
    padding:2px;
    font-weight:bold;
    color:#ffffff;
    background-color: #008fdc;
  }
  
  /**** Reglette ***/
  #slider_prix{ width:180px; height:14px; margin:10px 0 2px; background-color:#008fdc; position: relative; }
  #slider_prixMini{background-image: url(../img/curseur.png); height:20px;}
  #slider_prixMaxi{background-image: url(../img/curseur.png); height:20px; background-repeat: no-repeat;}
  div.slider div.handle {cursor:move; position: absolute; width:13px; bottom:0;}
  #infoPrix{width:180px;font-weight:bold;color:#008fdc;}
  #infoPrix_prixMaxi{float:right;}
  #infoPrix_prixMini{float:left;}
  
  
  
  
/* infos critères */
#div_liste_infoCrit{
  color:#008fdc;
  font-size:12px;
  font-weight:bold;
  clear:both;
  padding-top:15px;
}

/* tri aleatoire */
#div_liste_critereTriHaut, #div_liste_critereTriBas{
  float:left;
  width:50%;
  margin-top:10px;
  font-size:12px;
}
#spanTri_crit_haut, #spanTri_crit_bas{
  cursor:pointer;
  padding:2px 20px 2px 2px;
  line-height:16px;
  border:1px #008fdc solid;
  background-image: url(../img/img_lstTri.gif);
  background-repeat: no-repeat;
  background-position: right center;
  margin-left:2px;
}
#divTri_lstChoix_haut, #divTri_lstChoix_bas{
  padding:10px 40px 10px 10px;
  border:1px #008fdc solid;
  background-color: #efefef;
  margin-left:43px;
  z-index:100;
  display:none;
}
   #divTri_lstChoix_bas{
    bottom:18px;
   }
    li.liTri_lstChoix_haut, li.liTri_lstChoix_bas{
      cursor:pointer;
      padding:1px 0;
    }
  li.liTri_lstChoix_haut:hover, li.liTri_lstChoix_bas:hover{
    color:#008fdc;
    text-decoration:underline;
  }

/* navigation */
#span_navigListe_titre_haut, #span_navigListe_titre_bas{
  float:left;
  padding-right:5px;
}
#div_navigListeNumerosPage_haut, #div_navigListeNumerosPage_bas{
  float:left;
  width:250px!important;
  height:20px;
  overflow: hidden;
  position:relative;
}
#div_liste_navigListeQuePageAjxHaut, #div_liste_navigListeQuePageAjxBas{
  float:right;
  width:325px;
  margin-top:10px;
  overflow:hidden;
}
#div_navigListeLst_haut, #div_navigListeLst_bas{
  float:left;
  width:295px;
}
#span_navigListe_btPrec_haut, #span_navigListe_btPrec_bas, #span_navigListe_btSuiv_haut, #span_navigListe_btSuiv_bas{
  display:block;
  float:left;
  width:15px;
  height:15px;
  text-align: center;
  cursor:pointer;
  color:#008fdc;
  border:1px #008fdc solid;
  font-weight:bold;
  margin:0 2px;
  text-align: center;
}
#span_navigListe_btPrec_haut:hover, #span_navigListe_btPrec_bas:hover, #span_navigListe_btSuiv_haut:hover, #span_navigListe_btSuiv_bas:hover{
  color:#008fdc;
  border:1px #008fdc solid;
}
#ul_navigListeNumerosPage_haut, #ul_navigListeNumerosPage_bas{
  position:absolute;
  width:10000px;
  height:17px;
}
#ul_navigListeNumerosPage_haut li, #ul_navigListeNumerosPage_bas li{
  display:block;
  float:left;
  width:15px;
  height:15px;
  text-align: center;
  cursor:pointer;
  color:#ffffff;
  background-color: #666666; 
  border:1px #666666 solid;
  font-weight:bold;
  margin:0 2px;
  text-align: center;
}

li.li_navigListeNumeroPageSelect_haut, li.li_navigListeNumeroPageSelect_bas{
  background-color: #008fdc!important;  
  border:1px #008fdc solid!important;
}

li.li_navigListeNumeroPage_haut, li.li_navigListeNumeroPage_bas{
  background-color: #666666; 
  border:1px #666666 solid;
}
li.li_navigListeNumeroPage:hover{
  border:1px #008fdc solid;
}

/************** onglets *************/
#ul_ongletsListe{
  clear:both;
  margin-top:10px;
  float:left;
  width:100%;
  border-bottom:3px #efefef solid;
}
  #ul_ongletsListe li{
    float:left;
    margin-right:40px;
    line-height:20px;
    font-weight:bold;
    font-size:12px;
    width:100px;
    text-align: center;
    background-color: #efefef;
    cursor:pointer;
    color:#008fdc;
  }
  li.li_ongletOn{
    background-color: #008fdc!important;
    color:#ffffff!important;
  }


#div_liste2, #div_carto{
  display:none;
}
/* liste 1 */
#div_liste1{
  clear:both;
  float:left;
  width:100%;
  padding:10px 0;
}

  #div_liste1 div.div_lst_general{
    clear:left;
    float:left;
    width:100%;
    margin-top:5px;
    border-bottom:3px #efefef solid;
    padding-bottom:10px;
    font-size:12px;
    position:relative;
  }
  
  #div_liste1 div.div_lstBtMedias{
    float:left;
    margin-right:5px;
    width:40px;
    height:150px;
  }
    #div_liste1 div.div_lstBtMedias div{
      margin-bottom:5px;
    }
    #div_liste1 div.div_lstBtMedias img{
      width:40px;
    }
  
  #div_liste1 div.div_lstPhotoBtFiche{
    float:left;
    margin-right:5px;
    width:200px;
    position:relative;
  }  
    #div_liste1 div.div_lst_vignette{      
      width:196px;
      height:136px;
      overflow:hidden;
      border:2px #c1df68 solid;
    }
      #div_liste1 div.div_lst_vignette img{
        width:196px;
      }
    #div_liste1 div.div_lst_btnFiche{
      position:absolute;
      padding:2px 5px;
      background-color: #c1df68;
      font-weight:bold;
      right:0;
      bottom:0;
    }
      #div_liste1 div.div_lst_btnFiche a{
        color:#ffffff;
      }
  
  #div_liste1 div.div_lst_pictoEpi{
    float:right;
    margin-left:5px;
  }
  
  #div_liste1 div.div_lst_animal{
    float:right;
  }
  
  #div_liste1 div.div_lst_libelle_type_gite, #div_liste1 div.div_lst_numero_gite, #div_liste1 div.div_lst_nomCommune{
    display:inline;
    font-weight:bold;    
    font-size:14px;
  }
    #div_liste1 div.div_lst_libelle_type_gite, #div_liste1 div.div_lst_numero_gite{
      color:#176e4d;
    }
    #div_liste1 div.div_lst_nomCommune{
      color:#749511;
    }
    #div_liste1 div.div_lst_libelle_type_gite{
      margin-right:2px;
    }
  
  #div_liste1 div.div_liste_micro_region{
    font-style: italic;
    font-weight:bold;
  }
  
  #div_liste1 div.div_lstChbPersSup{
    padding:5px 0;
    font-weight:bold;
  }
    #div_liste1 div.div_lstChbPersSup div{
      display:inline;
      padding-right:10px;
    }
    
  
    
  #div_liste1 div.div_lst_tarifs_avec_prix_promo{
    font-weight:bold;
    text-transform: uppercase;
    font-size:16px;
    color:#008FDC;
    position:absolute;
    right:0;
    bottom:5px;
  }
  
  .prixListeAvantPromo{
  text-decoration:line-through;
  padding-right: 30px;
  font-size: 13px;
  }
  
  #div_liste1 div.div_lstBt{
    position:absolute;
    bottom:5px;
    left:250px;
    width:130px;
  }
  
    #div_liste1 div.div_lstBt span{
      display:block;
      margin:3px 0;
      line-height:20px;
      padding:0 5px 0 20px;
      background-color: #c1df68;
      background-image: url(../img/puce_bt.gif);
      background-repeat: no-repeat;
      background-position: 3px center;    
    }
    #div_liste1 div.div_lstBt a{
      color: #176e4d;
      font-weight:bold;
    }
    #span_boutonResa_dispogite{
      display:inline!important; /* none pour cacher le bt dispogite */

    }
    
  #div_liste1 div.div_lst_rubrique{
    position:absolute;
    right:0;
    top:65px;
    width:265px;
  }  
    #div_liste1 div.divRubrique_descs{
      display:none;
    }
    #div_liste1 div.div_lst_rubrique li{
      float:right;
      margin-left:10px;
    }
    #div_liste1 div.div_lst_rubrique img{
      width:37px;
    }
    
/********** liste2 *******/
#div_liste2{
  clear:both;
  clear:both;
  float:left;
  width:100%;
  padding:10px 0;
}
  #div_liste2 li.liLst_elemPair, #div_liste2 li.liLst_elemImpair{
    float:left;
    width:304px;
    padding:10px;
    height:290px;
    position:relative;
  }
    #div_liste2 li.liLst_elemPair{
      border-right:1px #efefef solid;
    }
    #div_liste2 li.liLst_elemImpair{
      border-left:1px #efefef solid;
    }
    
  div.div_lst2_titre div{
    display:inline;
    font-weight:bold;    
    font-size:14px;
  }
    div.div_lst2_libelle_type_gite, div.div_lst2_numero_gite{
      color:#176e4d;
    }
    div.div_lst2_nomCommune{
      color:#749511;
    }
    div.div_lst2_libelle_type_gite{
      margin-right:2px;
    }
    
  div.div_lst2PhotoBtFiche{
    float:left;
    width:280px;
    height:210px;
    overflow:hidden;
    position:relative;
    margin-right:5px;
    margin-bottom:5px;
  }
    div.div_lst2_vignette{      
      width:276px;
      height:206px;
      overflow:hidden;
      border:2px #c1df68 solid;
    }
      div.div_lst2_vignette img{
        min-width:276px;
        min-height:206px;  
      }
      
    div.div_lst2_btnFiche{
      position:absolute;
      padding:2px 5px;
      background-color: #c1df68;
      font-weight:bold;
      right:0;
      bottom:0;
      font-size:12px;
    }
      div.div_lst2_btnFiche a{
        color:#ffffff;
      }
      
    div.div_lst2_animal{
      margin-bottom:5px;
    }
    
    div.div_lst2Bt{
      clear:left;
      float:left;
      width:125px;
    }
      div.div_lst2Bt a{
        line-height:17px;
        padding:0 5px 0 20px;
        background-image: url(../img/puce_bt.gif);
        background-repeat: no-repeat;
        background-position: 3px center;   
        color:#176e4d;
        font-weight:bold;
      }
      div.div_lst2Bt a:hover{
        text-decoration: underline;
      }
    
    div.div_lst2_tarifs_avec_prix_promo{
      float:right;
      font-weight:bold;
      text-transform: uppercase;
      font-size:16px;
      color:#008FDC;
    }
    
    div.div_lst2_BordBas{
      position:absolute;
      bottom:0;
      left:20px;
      width:264px;
      height:1px;
      border-top:1px #efefef solid;
    }
    
/* carte */
#div_carto{
  clear:both;
  position:relative;
  padding-top:15px;
}

#div_googlemap{
  width:100%;
  height:700px;
  position:relative;
}
div.div_gbulle{
  height:170px!important;
  width:260px!important;
}
#google_map{
  width:100%!important;
  height:100%!important;
  position:absolute!important;
  left:0!important;
  top:0;
}
#sidebar_gene_map{
  width:277px!important;
  height:600px!important;
  overflow:auto!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
}
#sidebar_gene_map div.div_gbulle{
  padding:5px 0;
  border-bottom:1px #d2d2d2 dashed;
}
#infos_map{
  display:none;
}


#div_carto div.div_lst_pictoEpi{
  display:inline;
  padding-right:5px;
}

#div_carto div.div_lst_titre{
  display:inline;
}
  #div_carto div.div_lst_titre h2{
    display:inline;
    margin:0;
    font-size:12px;
  }
  #div_carto div.div_lst_titre a{
    color:#176E4D;
    text-decoration:none;
  }

#div_carto div.div_lst_vignette{
  float:left;
  width:124px;
  height:85px;
  margin-right:5px;
}
  #div_carto div.div_lst_vignette img{
    max-width:120px;
    max-height:85px;
    -width: expression(this.width > 120 ? 120: true);
    -height: expression(this.width > 85 ? 85: true);
    border:2px solid #C1DF68;
  }
  
#div_carto div.div_lst_tarifs_avec_prix_promo{
  font-weight:bold;
}

#div_carto div.div_carte_boutons{
  clear:left;
  padding-top:5px;
}
  #div_carto div.div_carte_boutons div{
    background-color:#C1DF68;
    background-image:url(../img/puce_bt.gif);
    background-position:3px center;
    background-repeat:no-repeat;
    line-height:20px;
    margin:3px 0;
    padding:0 0 0 20px;
    width:100px;
    float:left;
  }
  #div_carto div.div_lst_btnFiche, #div_carto div.div_lst_btnDispo_v2{
    width:90px!important;
    margin-right:10px!important;
  }
  #div_carto div.div_carte_boutons a{
    color:#176E4D;
    font-weight:bold;
  }
  
/* ajout au panier */
#divGraph_fenetre{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

#h5_ajoutSelectionPanier{
  font-size:15px;
  color:#008fdc;
  text-align:center;
  margin:10px 0 15px;
  padding:0 10px;
}

#div_visuStructForAjoutPanier{
  background-color: #008fdc;
  padding:5px;
  width:330px;
  margin:auto;
  float:left;
  position:relative;
  left:5px;
  color:#ffffff;
  font-weight:bold;
}

#div_vignetteStructure{
  float:left;
  margin-right:5px;
}

#div_titreFiche{
  font-size:14px;
}

#div_retourListe{
  float:left;
  padding-left:5px;
  padding-top:10px;
}
  #div_retourListe a{
    color:#008fdc;
    line-height:20px;
    text-decoration:underline;
    font-weight:bold;
  }
    #div_retourListe a:hover{
      text-decoration:none;
    }

#div_visuPanier{
  float:right;
  padding-right:5px;
  padding-top:10px;
}
  #div_visuPanier a{
    display:block;
    background-repeat:no-repeat;
    color:#ffffff;
    background-color: #008fdc;
    line-height:20px;
    padding:0 5px;
    text-decoration:none;
    font-weight:bold;
  }