@import url("./html_thematiques-cote-d-or_html.css");
@import url("./html_bons-plans-actualites_html.css");

/*--Entete Rubrique (THEMA ou ACTUS)--*/
#div_imgEnteteRub{
  width:130px;
  height:130px;
  padding:0px 15px;
  float:left;
}

#div_descEnteteRub{
  width:365px;
  float:right;
  text-align:justify;
}

h2#h2_titreRubThema{
  color:#89790a;
  font-size:12px;
  font-weight:bold;
}

#contenuThematique{
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:15px;
}

#contenuBonsPlans{
  padding-top:15px;
  padding-bottom:15px;
}

/*--permet d'avoir un espace entre page_header_auto et page_content*/
#margin_bottom_gitePlus{
  width:617px;
  height:15px;
  margin-left:auto;
  margin-right:auto;
  background-color:#F5F7F5;
}

h2#h2_titreRubActus{
  color:#C64C47;
  font-size:12px;
  font-weight:bold;
}

/*----------------------------entete liste------------------------------------*/
#div_liste_entete{
  padding-bottom:10px;
}

/*--les onglets--*/
#div_onglets_liste{
  display:block;
  float:left;
  padding-left:20px;
}

#div_onglets_liste ul li{
  display:inline;
  float:left;
  line-height:24px;
  cursor:pointer;
}

#li_onglet_liste{
  background : url(/img/onglet/onglet_liste.png) no-repeat;
  width:138px;
  height:26px;
}

#li_onglet_liste.onglets_listeOn{
  background : url(/img/onglet/onglet_listeClic.png) no-repeat;
  width:138px;
  height:32px;
}

#li_onglet_carte{
  background : url(/img/onglet/onglet_carte.png) no-repeat;
  width:138px;
  height:26px;
}
 
#li_onglet_carte.onglets_listeOn{
  background : url(/img/onglet/onglet_carteClic.png) no-repeat;
  width:138px;
  height:32px;
} 

/* navigation */

/*--Afin de ne pas afficher "Page" avant la liste de navigation--*/
#span_navigListe_titre_haut, #span_navigListe_titre_bas{
  display:none;
}

#div_navigListeNumerosPage_haut, #div_navigListeNumerosPage_bas{
  float:left;
  width:105px!important;
  height:20px;
  overflow: hidden;
  position:relative;
}

#div_liste_navigListeQuePageAjxHaut{
  float:left;
  width:150px;
  padding-left:10px;
  padding-top:5px;
}

#div_liste_navigListeQuePageAjxBas{
  float:right;
  width:150px;
  padding-top:10px;
  padding-right:15px;
}

#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:#ddd8d9;
  border:1px #ddd8d9 solid;
  font-weight:bold;
  margin:0 2px;
}

#span_navigListe_btPrec_haut:hover, #span_navigListe_btPrec_bas:hover, #span_navigListe_btSuiv_haut:hover, #span_navigListe_btSuiv_bas:hover{
  color:#8a8f77;
  border:1px #8a8f77 solid;
}

#ul_navigListeNumerosPage_haut, #ul_navigListeNumerosPage_bas{
  position:absolute;
  width:3000px;
  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;
  font-weight:bold;
  padding-left:2px;
  margin-right:2px;
  text-align: center;
  background-color: #ddd8d9; 
  border:1px #ddd8d9 solid;
}

li.li_navigListeNumeroPageSelect_haut, li.li_navigListeNumeroPageSelect_bas{
  background-color: #A76A9C!important;  
  border:1px #8a8f77 solid!important;
}

li.li_navigListeNumeroPage:hover{
  border:1px #779229 solid;
}


#div_liste_infoCrit{
  padding:0 0 10px 0;
  width:578px;
  margin:auto;
  font-weight:bold;
  color:#8A8F77;
}
  #spanDivLstCrit_nbCurr{
    font-size:13px;
  }

/*----------------------------Contenu Liste--------------------------------*/
.div_lst_general{
  padding:0;
  margin:0;
}

/*--premier entete--*/
#div_lst_entete_0{
  background : url(/img/entete_contenu.png) no-repeat;
  width:578px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
}

/*--Autres entetes--*/
.div_lst_entete{
  background : url(/img/liste/liste_entete_contenu.png) no-repeat;
  width:578px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
}

/*--contenu--*/


#div_liste1{
  background:#ffffff;
  width:578px;
  margin-left:auto;
  margin-right:auto;
}

/*--Nom commune--*/
.div_lst_nomCommune{
  padding:8px 10px 0px 20px;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
}

/*--Nom hameau*/
.div_lst_lieudit{
  padding:8px 10px 0px 20px;
  color:#ffffff;
}

/*--Vignette--*/
.div_listeVignetteEtDiapo{
  float:left;
  width:165px;
  height:159px;
  text-align:center;
  margin:15px 10px 0px 15px;
  position:relative;
}

div.div_lst_diapo{
text-align:left;
}
  div.div_lst_diapo a{
    color:#684529;
    display:block;
    font-weight:bold;
    background: url(../img/liste/puce_album.gif) no-repeat left center;
    padding-left:15px;
  }

.div_lst_vignette{
  z-index:8;  
  position:absolute;
  display:block;
  width:165px;
  height:125px;
  top:0;
  left:0;
  overflow:hidden;
}

.div_lst_vignette a{
  z-index:10;  
  position:absolute;
  display:block;
  width:165px;
  height:125px;
  top:0;
  left:0;
}

.div_lst_vignette img{
  width:200px;
  position:absolute;
  margin-left:-100px;
  top:0;
  left:50%;
  z-index:8;
}

.div_liste_contour_vignette{
  background : url(/img/liste/liste_contour_vignette.gif) no-repeat;
  z-index:9;
  width:165px;
  height:125px;
  position:absolute;
  top:0;
  left:0;
}

/*--Description du produit--*/
.div_lst_contenu{
  width:365px;
  float:left;
  margin-left:10px;
  padding-top:15px;
  margin-bottom:5px;
}

/*--Caractéristiques du produit--*/
.div_lst_caracteristique{
  float:right;
  width:35px;
  text-align: right;
}
  div.div_lst_caracteristique div{
    margin-bottom:5px;
  }

/*--Référence du produit--*/
div.div_lst_contenuGauche{
  float:left;
  width:325px;
}

.div_lst_ref_gite{
  color:#684529;
  margin-bottom:5px;
  font-weight:bold;
}

.div_lst_libelle_type_gite{
  display:inline;
}

.div_lst_numero_gite{
  display:inline;
  margin-left:3px;
}

/*--chef lieu du produit*/
.div_liste_dist_chef_lieu{
  clear:both;
  color:#000000;
  font-weight:bold;   
}

/*--Capacité de la chambre--*/
.div_lst_chmbCapacite{
  color:#684529;
  font-weight:bold;
  margin-bottom:5px;
}

.div_lst_capacite{
  display:inline;
}

.div_lst_nbChmb{
  display:inline;
  margin-left:3px;
  background : url(/img/liste/point.jpg) no-repeat;
  background-position: left center;
  padding-left:10px;
}

.div_lst_superficie{
  display:inline;
  margin-left:3px;
  background : url(/img/liste/point.jpg) no-repeat;
  background-position: left center;
  padding-left:10px;
}

/*--Contenu qui décrit le produit--*/
.div_lst_description{
  text-align:justify;
  color:#8a8f77;
  font-weight:bold;
  padding-top:5px;
  line-height:16px;
  margin-bottom:10px;
}

.description_gite{
  margin:0;
}

div.div_lst_tarifs_avec_prix_ajax{
  font-weight:bold;
  margin-bottom:5px;
  color:#5A2E13;
  text-align: right;
  clear:both;
  
}
  div.div_lst_tarifs_avec_prix_ajax div{
    display:inline;
  }
  span.prixListeAvantPromo{
    font-weight:normal;
    text-decoration: line-through;
    font-size:11px;
    margin-right:5px;
  }
  span.prixListePromo{
    font-size:14px;
    text-decoration: blink;
  }

/*--Boutons fiches--*/
.div_lst_boutons{
  height:20px;
  clear:both;
  padding-right:10px;
  padding-bottom:10px;
}

.div_lst_btnDispo_v3,.div_lst_btnFiche,.div_lst_btnReserver,.div_lst_ajoutPanier{
  float:right;
  height:20px;
  line-height:20px;
  text-align:center;
  font-weight:bold;
  color:#ffffff;
  margin-left:5px;
}

.div_lst_btnFiche{
  background-color: #A6A6A6;
} 

.div_lst_btnDispo_v3{     
  background-color: #81A313;
}

.div_lst_btnReserver{
  background-color: #5A2E13;
}

.div_lst_ajoutPanier{
  background-color: #A76A9C;
}

.div_lst_boutons a{
  display:block;
  padding:0 3px;
}

div.div_lst_divDispo_v3{
  padding-top:0px;
}

li.calendItea_li_legende span.spanCalendJour_inconnu{
  display:inline;
  background-color: transparent;
  color:#000000;
}
li.calendItea_li_legende span{
  font-weight:normal!important;
}
li.calendItea_li_legende span.spanDateSejourSelect, li.calendItea_li_legende span.definition_legendeCalendSejourSelect{
  display:none;
}

/*--Bas contenu page--*/
#div_bas_contenu_page{
  clear:both;
  background : url(/img/bas_contenu_page.png) no-repeat;
  width:578px;
  height:22px;
  margin-left:auto;
  margin-right:auto;
}

/*--cartographie-*/
#div_carto{
  display:none;
}

#divgmap2{
  width:578px;
  height:700px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}

  div.div_gbulle, div.gbulle_divlist_deroul{
    width:350px!important;
  }
  div.gbulle_divlist_deroul, #div_gbulle_revele{
    height:210px!important;
  }
  
  div.div_gbulle div.div_lst_general{
    border:none;
  }
  
  div.vignetteCarto{
    float:left;
    width:130px;
    text-align: center;
    height:130px;
    overflow:hidden;
    position:relative;
    margin-right:10px;
    border:1px #606060 solid;
  }
    div.vignetteCarto img{
      width:200px;
      position:absolute;
      left:50%;
      margin-left:-100px;
    }
    
  div.animalCarto, div.epiCarto{
    float:right;
    margin-left:5px;
  }
    div.animalCarto img, div.epiCarto img{
      height:15px;
    }
    div.animalCarto{
      padding-right:10px;
    }
  
  div.titreCarto h2{
    font-size:12px;
  }
  div.titreCarto a{
    color:#5A2E13;
  }
  
  div.descEtPrixCarto{
    float:left;
    font-size:11px;
    width:200px;
  }
  div.descEtPrixCarto p{
    margin-bottom:5px;
  }
  div.chmbCapaciteCarto{
    margin-bottom:5px;
  }
  div.chmbCapaciteCarto div{
    display:block;
    padding-left:6px;
    background: url(../img/liste-et-fiche/tiret.gif) no-repeat left center;
    line-height:16px;
  }
    
  div.prixCarto{
    font-weight:bold;
    color:#A76A9C;
    margin-bottom:10px;
  }
    span.span_lst_libelle_avant_prix{
      margin-right:2px;
    }
    div.prixCarto span.prixFourchette{
      font-size:12px;
    }
    div.prixCarto div.div_lst_tarifs_avec_prix_promo{
      display: inline;
    }
    
  div.btnsCarto{
    clear:left;
  }    
    div.btnsCarto div{
      float:right;
      margin-left:5px;
      height:20px;
      line-height:20px;
    }    
    div.btnsCarto a{
      display:block;
      text-align: center;
      height:20px;
      color:#ffffff!important;
      text-decoration:none;
      font-weight:bold;
      padding:0 5px;
    }
    div.ficheCarto a{
      background-color:#A6A6A6;
    }
    div.reserverCarto a{
      background-color:#5A2E13;
    }
    /*Panoramique*/
	div.div_vignette{
		height:128px;
	}
	div.div_lst_pictoPanoramique{
		text-align:left;
	}
	.div_lst_pictoPanoramique .a_lst_panoramique{
		color : #684529;
		display:block;
		background : url("../img/liste/puce_album.gif") no-repeat scroll left center transparent;
		font-weight:bold;
		padding-left:15px;
	}
	
	/*********** Calendrier des dispos par chambre **************/
#div_fiche_divDispo_v3 p.changeModeAffCalendrier{
  display:block!important;
  margin:0;
  text-align: right;
  color:#7C8A50;
  text-decoration: underline;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
  position:absolute;
  top:5px;
  right:0;
}
#div_fiche_divDispo_v3{
  float:left;
  width:100%;
}


/************************************** Les chambres *********************************************/
div.calendItea_legende{
  background-color: #ffffff;
}
div.calendItea_LIGNE{
  width:575px;
  position:relative;
  background-color: #f2f2f2;
}

div.calendItea_LIGNE div.calendItea_navigGauche, div.calendItea_LIGNE div.calendItea_navigDroite{
  top:0px;
}

div.calendItea_LIGNE div.calendItea_listMois {
  margin-right:0;
  width:760px;
  z-index:1;
}

ul.calendItea_ul_LIGNE li{
  height:inherit!important;
  width:580px!important;
  padding:0 0 5px 0 ;
  margin:0;
}


div.calendItea_LIGNE table.calend{
  width:580px!important;
  line-height:20px;
  border-collapse:collapse;
  margin-left:5px;
}

div.calendItea_LIGNE table.calend tr{
  border-bottom:2px #7e7e7e solid; 
}
div.calendItea_LIGNE table.calend thead tr{
  border-top:none; 
}

div.calendItea_LIGNE table.calend th.calend_idLigne{
  width:70px;
  text-align:left;
  font-size:10px;
  border-bottom:0!important;
}
div.calendItea_LIGNE table.calend td, div.calendItea_LIGNE table.calend thead th{
  width:10px;
  font-weight:normal;
}
div.calendItea_LIGNE table.calend span{
  height:15px;
  display:block;
  width:13px;
  margin:0 auto;
}
div.calendItea_LIGNE table.calend thead th{
  font-size:9px;
}

div.calendItea_LIGNE span.spanCalendJour_occupe{
  background-color: #cf1111;
  border:1px #f2f2f2 solid;
}

#saisieDatesSejour_changeAff, #saisieDatesSejour_changeAff_div_dispos{
  position:absolute;
  top:0;
  left:5px;
  z-index:100;
  color:#313131;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  font-size:11px;
}

div.calendItea_LIGNE div.calendItea_legende{
  padding-left:5px;
}

div.div_lst_divDispo_v3 ul.calendItea_ul_CARRE li.calendItea_li {
  height:160px;
}

p.changeModeAffCalendrier{
  display: block!important;
  color:#7C8A50;
  text-decoration: underline;
  font-weight:bold;
  font-size:11px;
  cursor:pointer;
}

/************************************** FIN Les chambres *********************************************/

#div_fiche_divDispo_v3 #divRechargementParDessus, #div_fiche_divDispo_v3 #divChargementParDessus {
	filter: alpha(opacity=60);
	opacity:0.6;
/*pour ie*/
	-moz-opacity: 0.6;
/*pour firefox */
	-khtml-opacity: 0.6;
/* pour safari et konkeror */
	overflow: hidden;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	height: 245px;
	width: 760px;
}