#menu{
  width:247px;
  margin:0 7px 0 0;
}

#page{
  width:723px;
  position:relative;
}

#actus{
  position:absolute;
  right:0;
  top:360px;
  display:block;
}

/*-------------------------------diapo---------------------------------*/
#div_diapoGauche{
  width:247px;
}

#div_hautDiapoGauche{
  background:url(/img/diapo/haut_DiapoGauche.jpg) no-repeat;
  height:5px;
}

#div_contenuDiapoGauche{
  padding:15px 20px;
  background:url(/img/diapo/fond_DiapoGauche.jpg);
  background-repeat:repeat-y;
}

#div_contenuDiapoGauche h2{
  line-height:20px;
}

#div_basDiapoGauche{
  background:url(/img/diapo/bas_DiapoGauche.jpg) no-repeat;
  height:5px;
  clear:both;
}

#div_diapoDroite{
  float:left;
  width:720px;
  border:1px #C4C4C4 solid;
  margin-bottom:20px;
}

#div_diapoPhoto{
  width:720px;
  height:334px;
  overflow:hidden;
  position:relative;
}

/*#div_descHasard{
  background-color:#000000;
  background:url(/img/diapo/fond_diapoPhoto.jpg) no-repeat;
  width:723px;
  height:33px;
  opacity:0.6; /*pour firefox */
  /*filter:alpha(opacity=60); /*pour ie*/
  /*-khtml-opacity: 0.6;/* pour safari et konkeror */
  /*position:absolute;
  bottom:0;
  left:0;
  z-index:2;
}*/

#ul_diapoPhoto{
  position:absolute;
  width:20000px;
  top:0;
  left:0;
}   

.li_diapoPhoto{
  position:relative;
  float:left;
  width:720px;
  height:334px;
  overflow:hidden;
}
     
img.img_auHasard{
  width:720px;
  left:0;
  bottom:-50px;
  position:absolute;
  z-index:1;
} 

#div_descHasardContenu{
  background:url(/img/diapo/fond_diapoPhoto.png) no-repeat;
  color:#FFFFFF;
  font-size:13px;
  line-height:18px; 
  position:absolute;
  width:690px;
  height:26px;
  bottom:0;
  left:0;
  z-index:2;
  padding-left:30px;
  padding-top:7px;
}

#div_descHasardContenu h3,#div_descHasardContenu p{
  float:left;
  padding-right:5px;
}

#div_descHasardContenu h3{
  font-size:14px;
}

#div_descHasardContenu p{
  font-style:italic;
  margin:0;
}

.logo_clevacancesBlanc{
  padding-right:0px!important;
}

.lbl_aPartirHasard{
  padding-left:5px;
}

.sp_prixHasard{
  font-weight:bold;
  font-size:14px;
  display:inline;
}

.savoirPlus{  
  background:url(/img/diapo/savoirPlus.png) no-repeat;
  text-align:center;
  width:55px;
  height:10px;
  padding:7px 5px 8px 6px;
  line-height:7px;
  margin-left:5px;
}

.savoirPlus a{
  font-size:11px;
  color:#FFFFFF;
  font-style:normal;
  font-weight:bold; 
  text-align:center;
  text-transform:uppercase;
} 

#div_boutonPrec{
  background:url(/img/diapo/boutonPrec.png) no-repeat;
  width:8px;
  height:16px;
  position:absolute;
  bottom:8px;
  cursor:pointer;
  left:10px;
  z-index:4;
}

#div_boutonSuiv{
  background:url(/img/diapo/boutonSuiv.png) no-repeat;
  width:8px;
  height:16px;
  position:absolute;
  right:10px;
  bottom:8px;
  cursor:pointer;
  z-index:4;
}

/*--------------------------------menu----------------------------------------*/
/*#div_moteurDate {                              
  clear:both;
  padding-top:10px;
  width:210px;
}

#inpt_dateDeb{
  width:185px;
  float:left;
}

#div_moteurRechercheContenuAccueil{
  background:url(/img/moteur_recherche/fondContenu_moteurRecherche.jpg);
  background-repeat:repeat-y;
  width:223px;
  padding-left: 10px;
}

#div_moteurTypeAccueil{
  clear:both;
  width:210px;
  padding-top:10px;
  margin-bottom:10px;
}

#div_prefAcc{
  width:210px;
  padding-bottom:10px;
}
  
.date{
  margin-bottom:10px;
  width:60px;
  margin-right:5px;
}

#img_calendMoteur{
  margin-top:3px!important;
  position:absolute!important;
  margin-left:0px!important;
}       */

/*---------------------------------contenu------------------------------------*/
#div_contenu_accueil{
  float:left;
  clear:both;
  margin:20px 0px;
  width:977px;
}                                                                    

/*-------------------------------Les offres-----------------------------------*/
#div_offres{
  float:left;
  padding:0px 20px;
  width:524px;
}

#h2_titreOffresCleVacances{
  padding-bottom:10px;
  margin:0;
  font-size:24px;
  color:#ed1c24;
}

#div_liste_meuble{
  float:left;
  width:245px;
  border-right:1px #6EA7C5 solid;
  padding-right:15px;
}

#div_liste_chambreHote{
  float:left;
  width:245px;
  padding-left:15px;
}

/*-------------------------------Liste----------------------------------------*/
.li_listeAccueil{           
  float:left;
  width:245px;
  margin-bottom:10px;
  clear:both;
  position:relative;
}

.liste_photo{
  float:left;
  width:100px;
  height:91px;
  overflow:hidden;
  display:block;
  border:2px #C6CBCE ridge;
  position:relative;
}
  .liste_photo img{
    width:150px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-75px;
  }
  
p.p_numero_gite{   
  background:none repeat scroll 0 0 #FFFFFF;
  bottom:0;
  color:#000000;
  font-weight:bold;
  line-height:15px;
  height:15px;
  margin:0;
  padding:2px 5px 0px 5px;
  position:absolute;
  right:0;
  border:1px #000000 solid;
}

div.liste_descriptif a{
  color:#EE1C25;
}

.liste_descriptif{
  float:right;
  width:131px;
  height:95px;
  position:relative;
}

#div_misesEnAvant .h3_titre{
  font-size:12px;
  line-height:12px;
}

p.classement img{
  height:10px;
}

.div_prixOffre{
  width:119px;
  padding-top:5px;
  position:absolute;
  top:64px;
  clear:both;
  float:left;
  left:0;
  line-height:14px;
}


.prixTexteOffre{
  margin:0;
}

.prixOffre{
  display:inline;
  float:left;
  margin:0;
  font-size:14px;
}         

#div_toutesLesOffres{
  clear:both;
  padding-top:10px;
}
/*------------------------------Actus, bloc de droite-------------------------*/
#div_actusDroite{
  float:right;
  width:180px;
}

/*------------------------------Nos coups de coeur----------------------------*/
#div_coupsCoeur{
  float:left;
}

#div_entete_coupsCoeur{
  float:left;
  width:180px;
}

#div_gaucheEnteteCoupsCoeur{
  background:url(/img/coupsCoeur/gauche_enteteCoupsCoeur.jpg) no-repeat;
  height:31px;
  width:3px;
  float:left;
}

#div_contenuEnteteCoupsCoeur{
  background:url(/img/coupsCoeur/fond_enteteCoupsCoeur.jpg);
  background-repeat:repeat-x;
  padding:5px;
  height:20px;
  float:left;
  width:162px;
}

#sp_contenuEnteteCoupsCoeur{
  font-weight:bold;
  color:#FFFFFF;
}

#div_droiteEnteteCoupsCoeur{
  background:url(/img/coupsCoeur/droite_enteteCoupsCoeur.jpg) no-repeat;
  height:31px;
  width:5px;
  float:left;
} 

#div_contenuCoupsCoeur{
  background:url(/img/coupsCoeur/fond_contenuCoupsCoeur.jpg);
  background-repeat:repeat-y;
  padding:5px 10px;
  width:160px;
  line-height:16px;
  clear:both;
}

#div_contenuCoupsCoeur ul li{
  padding:10px 5px;
}

#div_basCoupsCoeur{
  background:url(/img/coupsCoeur/bas_contenuCoupsCoeur.jpg) no-repeat;
  height:4px;
  width:180px;
}

/*-------------------------Votre avis-------------------------------*/
#div_votreAvis{
  float:left;
  margin-top:10px;
}

#div_entete_votreAvis{
  float:left;
  width:178px;
}

#div_gaucheEnteteVotreAvis{
  background:url(/img/votreAvis/gauche_enteteVotreAvis.jpg) no-repeat;
  height:55px;
  width:3px;
  float:left;
}

#div_contenuEnteteVotreAvis{
  background:url(/img/votreAvis/fond_enteteVotreAvis.jpg);
  background-repeat:repeat-x;
  padding:5px;
  height:45px;
  width:162px;
  text-align:center;
  float:left;
}

#sp_contenuEnteteVotreAvis{
  font-weight:bold;
  color:#FFFFFF;
} 

#div_droiteEnteteVotreAvis{
  background:url(/img/votreAvis/droite_enteteVotreAvis.jpg) no-repeat;
  height:55px;
  width:3px;
  float:left;
}

#div_contenuVotreAvis{
  background:url(/img/votreAvis/photo_votreAvis.jpg) no-repeat;
  padding:5px;
  width:168px;
  height:63px;
  overflow:hidden;
  display:block;
}

#div_basVotreAvis{
  background:url(/img/votreAvis/bas_votreAvis.jpg) no-repeat;
  height:4px;
  width:178px;
}