@import url(./bandeau.css);
@import url(./menu.css);
@import url(./calendrier.css);
@import url(./styles_interieur.css);

a{
  cursor:pointer;
}

ul{
  list-style-type:none;
}

img{
  border:none;
}

form{
  margin:0;
  padding:0;
}

fieldset{
  margin:0;
  padding:0;
  border:none;
}

legend{
  margin:0;
  padding:0;
}

ul{
  margin:0;
  padding:0
}

#article{
  display:none;
}

.bold{font-weight:bold;}
.clear{clear:both;}

body{
  margin:0;
  padding:0;
  background:url(../img/fond.jpg) repeat-x left top ;
  font-family:Arial,Helvetica,sans-serif;
  background-color:#c2a794;
  font-size:12px;
  color:#503d2f;
}

#general{
  position:relative;
  width:978px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background:#ffbc87 url(../img/bas_page.jpg) no-repeat left bottom ;
}

#header{
  width:978px;
  height:299px;
  position:relative;
  background:url(../img/fond.jpg) repeat-x left top ;
}
    
  /* moteur de recherche */
  #complement_gr,#complement_ch, #complement_gegs, #complement_ca{
    height:100px;
    border-top:1px #5F544C dotted;
  }
  
  
  #div_moteurBandeau{
    background:transparent url(../img/fond_reservation.gif) no-repeat scroll left top;
    color:#3E372D;
    font-size:10px;
    min-height:169px;
    padding:15px 10px 14px 10px;
    width:222px;
    height:190px;
    position:relative;
  }
    #div_moteurBandeau select, #div_moteurBandeau input{
         font-size:10px;
    }
    form.form_moteurBandeau{
      margin:0;
      padding:0;
      width:222px;
      display:none;
    }
    #form_gr{
      display:block;
    }
    #div_moteurBandeau fieldset{
      border-color:#5F544C;
      border-style:dotted none none none;
      border-width:1px 0 0 0;
      margin:0;
      padding:3px 0 3px 0;
      width:222px;
    }
    #div_moteurBandeau legend{
      background-color:#BCC594;
      color:#69733F;
      font-weight:bold;
      margin:0;
    }
    #typeheb{
      margin-top:-5px;
    }
    p.p_recherche, p.ligne_typeheb{
      margin:0;
      padding:1px 0;
    }
    p.ligne_typeheb input{
      margin:0;
      padding:0;
      width:13px;
    }
    #p_region{
      height:20px;
    }
    #div_rechDate{
      z-index:9;
    }
    #calendrierMoteurGite{
      left:175px;
      top:0;
      z-index:10;
    }
    #r2, #lst_theCh, #lst_theG{
      clear:both;
      color:#666666;
      font-size:12px;
      margin-top:2px;
      width:150px;
    }
    #div_moteurBandeau input.date, #div_moteurBandeau input.date_fin{
      color:#666666;
      cursor:text;
      font-size:12px;
      margin:2px 0 0 9px;
      width:125px;
    }
    
    #nbj{
      width:125px;
      color:#666666;
      font-size:12px;
      margin-left:2px;
    }
    #nb_personne{
      width:125px;
      color:#666666;
      font-size:12px;
      margin-left:8px;
      margin-right:2px;
    }
    #nb_persGegs{
      color:#666666;
      font-size:12px;
      margin-left:2px;
      margin-right:2px;
      width:80px;
    }
    #ca_loisirs{
      color:#666666;
      font-size:12px;
      margin-left:2px;
      margin-right:2px;
      width:95px;
    }
    
    #bt_rechBandeau {
      background:transparent url(../img/rechercher.gif) no-repeat scroll left top;
      border:0 none;
      bottom:5px;
      cursor:pointer;
      height:20px;
      position:absolute;
      width:99px;
    }
    #div_moteurBandeau .carte {
      left:178px;
      position:absolute;
      top:95px;
      z-index:5;
    }
    a.pluscriteres {
      bottom:8px;
      color:#B83C34;
      margin:0 0 0 20px;
      position:absolute;
      right:15px;
      text-decoration:none;
    }
    a.pluscriteres:hover {
      border-bottom:1px dotted #B83C34;
      border-top:1px dotted #B83C34;
    }
    
    
    /*infosbulles*/
    div.div_descBulle{
      background:#FFFFFF none repeat scroll 0 0;
      border:1px solid #EFEFEF;
      display:none;
      padding:10px;
      position:absolute;
      width:220px;
      z-index:300;
    }
  
#page{
  padding-left:12px;
  padding-bottom:15px;
  font-size:12px;
  float:left;
  width:775px;
}
  #colonne1{
    width:338px;
    padding:139px 14px 0 0;
    float:left;
  }
  #colonne1 p{
    /*margin:0;*/
  }
  #colonne1 p.edito2 {
    color:#5F544C;
    font-style:italic;
    padding:12px 0;
    text-align:justify;
  }
  #colonne1 p.edito {
    color:#5F544C;
    padding:0 0 12px;
    text-align:justify;
  }
  span.lettrine{  
    float:left;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:4.65em;
    font-weight:lighter;
    margin-bottom:-15px;
    margin-top:-9px;
    padding-right:3px;
    position:relative;
  }
  #colonne2{
    width:378px;
    padding:11px 20px;
    float:left;
  }

#menu{
  float:right;
  width:191px;
}
  ul.menu_1{
  list-style-type: none;
  margin:0;
  padding:0;
  }
  
  span.menu_1, span.menu_1_select, span.menu_1_ouvert, a.menu_1, a.menu_1_select, a.menu_1_ouvert{
    display:block;
    width:100%;
    text-align: center;
    background-color: #e58034;
    color:#ffffff;
    margin-bottom:10px;
    font-size:22px;
    padding-top:5px;
    padding-bottom:5px;
    letter-spacing:1px;
    text-decoration:none;
  }
  span.menu_1 a{
    margin-bottom:0;
  }
  
  ul.menu_2{
     border-bottom:1px #837870 dashed; 
     padding:0;
     margin:0;
  }
  
  li.menu_2{
    display:block;
    border-top:1px #837870 dashed;
    padding:0;
  }
  
  span.menu_2{
    display:block;
  }
  
  a.menu_2, a.menu_2_select{
    display:block;
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    padding:7px 0 7px 14px;
    font-size:12px;
  }
  a.menu_2:hover, a.menu_2_select{
    background-color: #e3ab7c;
  }
    span.menu_2_ouvert a{
      color:#ffffff;
      background-color: #e3ab7c;
    }
    
  div.menu_3{
    background-color: #e3ab7c;
    padding-bottom:5px;
    padding-top:5px;
  }
    ul.menu_3{
      margin:0;
      padding:0 0 0 10px;
      list-style-type: disc;
      color:#ffffff;
      list-style-position: inside;
      font-size: 11px;
    }
    li.menu_3{
      padding:2px 0;
    }
    ul.menu_3 a{
      line-height:1em;
    }
    a.menu_3{
      text-decoration:none;
      color:#ffffff;
    }
    a.menu_3_select{
      text-decoration:underline;
      color:#ffffff;
      font-weight:bold;
    }
    a.menu_3:hover{
      color:#000000;
    }

#piedpage{
  clear:both;
}
#footer{
  background-color: #c2a794;
  width:100%;
  text-align: center;  
  clear:both;
}

  #footer ul{
    margin:0;
    padding:0;
    list-style-type: none;
  }
  
  #footer li{
    display:inline;
  }
  
  span.sp_coordPiedPage{
    color:#ffffff;
    display:block;
  }
    span.sp_coordPiedPage a{
      text-decoration:none;
      color:#ffffff;
    }
      span.sp_coordPiedPage a:hover{
        text-decoration:underline;
      }
      
  #div_piedpage_1{
    padding-top:20px;
  }
  #div_piedpage_1 a, #div_piedpage_2 a, #div_piedpage_3 a, #div_piedpage_3 a, #div_piedpage_4 a{
    color:#927C6B;
    font-size:11px;
    margin:0;
    text-decoration:none;
  }
    #div_piedpage_1 a:hover, #div_piedpage_2 a:hover, #div_piedpage_3 a:hover, #div_piedpage_4 a:hover{
    border-bottom:1px dotted #927C6B;
    border-top:1px dotted #927C6B;
    }
    
    
/* sejours */
div.div_typeSejour{
  width:175px;
  float:left;
  margin-top:10px;
  border:1px #ffffff solid;
}
  div.div_typeSejour:hover{
    background-color: #F5F5F5;
    border:1px #e1dfde solid;
  }
  #div_regarder, #div_familles{
    clear:left;
  }
  #div_bouger, #div_regarder, #div_familles{
    margin-right:20px;
  }
  h2.h2_titreTypeSejour{
    color:#6b6059;
    font-weight:normal;
    font-size:17px;
    letter-spacing: 1px;
    margin-bottom:4px;
    width:171px;
    margin:auto;
    line-height:25px;
  }
  div.div_sousTypes{
    margin:auto;
    width:171px;
    background-color: #ffffff;
    padding:2px;
  }
  ul.ul_listeSousType{
    padding:5px 0;
    font-size:11px;
  }
  ul.ul_listeSousType a{
    text-decoration:none;
    display:block;
    line-height:15px;
  }
    ul.ul_listeSousType a:hover{
      background-color: #F5F5F5;
    }
    
/* fiches sejours */

h1.h1_nomIdeeSejour{
background:transparent url(../img/partir/fond_h1.gif) no-repeat scroll left center;
float:none;
font-family:Arial,Verdana,sans;
font-size:1.3em;
font-weight:bold;
line-height:1em;
margin:10px 0;
padding:20px 0 20px 48px;
border-bottom:1px solid #7C8A50;
border-top:1px solid #7C8A50;
} 

h2.h2_lieuSejour{
color:#E78338;
float:none;
font-family:Arial,Verdana,sans;
font-size:14px;
font-weight:normal;
margin:0;
padding:10px 0 0;
}

h3.h3_periode{
  color:#5F544C;
  float:none;
  font-family:Arial,Verdana,sans;
  font-size:12px;
  font-weight:normal;
  margin:0;
  padding:0 0 10px;
}

p.tarif {
background:#FDF6F1 none repeat scroll 0 0;
border-bottom:1px solid #EFEDEB;
color:#E78338;
float:none;
font-family:Arial,Verdana,sans;
font-size:12px;
margin:0;
padding:10px 0;
text-align:center;
}
span.sp_tarifSejour{
  font-size:22px;
  display:block;
  font-weight:bold;
}

div.div_descSejour p{
color:#7C8A50;
font-family:Arial,Verdana,sans;
font-size:12px;
line-height:1.2em;
margin:10px 0 0;
padding:0;
}

p.fonctionnalitesContact{
  border-bottom:1px solid #EFEDEB;
  border-top:1px solid #7C8A50;
  color:#7C8A50;
  font-family:Arial,Verdana,sans;
  font-size:12px;
  font-weight:bold;
  margin:16px 0 0;
  padding:2px 0 3px;
  text-align:center;
}
  p.fonctionnalitesContact a{
    text-decoration:none;
  }
  p.fonctionnalitesContact a:hover{
    color:#B6C193!important;
  }
  p.reserverOffre{
    text-align: center;
  }
    p.reserverOffre img{
      float:none!important;
    }
    
/* listes sejours */
#div_ideeSejourListe h2.h2_typeSejour{
  background:transparent url(../img/vivre-sud/puce_liste.gif) no-repeat scroll left 7px;
  border-bottom:1px solid #7C8A50;
  font-size:1.3em;
  font-weight:normal;
  margin:0;
  padding:0 0 4px 15px;
}

#div_ideeSejourListe ul.ul_sousTypesSejours{
  padding:4px 0 0;
}
  #div_ideeSejourListe ul.ul_sousTypesSejours li{
    border-right:1px solid #D4DABC;
    display:inline;
    margin:0 2px 0 0;
    padding:0;
  }
  #div_ideeSejourListe ul.ul_sousTypesSejours a{
    color:#8F8781;
    margin:0;
    padding:0 5px 0 0;
    text-decoration:none;
  }
  
#div_ideeSejourListe h3.h3_sousType{
  background-color:#EFEDEB;
  clear:both;
  color:#7C8A50;
  font-family:Arial,Verdana,sans;
  font-size:0.9em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  margin:25px 0 0;
  padding:1px 0 2px 4px;
}
  
#div_ideeSejourListe div.div_unSejour{
  position:relative;
  background:white url(../img/partir/fond-encar-offre.gif) no-repeat scroll left top;
  clear:both;
  float:left;
  width:378px;
}
  #div_ideeSejourListe a.a_reserverSejour{
    position:absolute;
    right:0;
    top:12px;
  }
 
#div_ideeSejourListe h4.h4_unSejour{ 
background:transparent url(../img/vivre-sud/puce_liste.gif) no-repeat scroll 8px 21px;
border-bottom:1px solid #EFEDEB;
clear:both;
font-family:Arial,Verdana,sans;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:18px 8px 6px 21px;
}
  #div_ideeSejourListe h4.h4_unSejour a{
    color:#5F544C;
    text-decoration:none;
  }
  #div_ideeSejourListe h4.h4_unSejour a:hover{
    text-decoration:underline;
  }
  

#div_ideeSejourListe h5.lieu{
  font-size:0.8em;
  font-weight:normal;
  margin:0;
  padding:3px 8px;
}

#div_ideeSejourListe p.periode{
  font-size:0.8em;
  font-style:italic;
  line-height:1em;
  margin:0;
  padding:0 8px;
}

#div_ideeSejourListe div.resume{
  color:#7C8A50!important;
  float:left;
  font-family:Arial,Verdana,sans;
  font-size:0.8em;
  line-height:1em;
  margin:0;
  padding:6px 8px 10px;
  border-bottom:1px solid #EFEDEB;
}

#div_ideeSejourListe img.img_vignette{
  float:left;
  height:60px;
  margin:0;
  padding:0 8px 0 0;
  width:60px;
  display:block!important;
}
#div_ideeSejourListe div.resume p{
  margin:0!important;
}
#div_ideeSejourListe div.resume img{
  display:none;
}
#div_ideeSejourListe p.EnSavoirPlus{
  clear:left;
  text-align:right;
  margin:0;
  padding-top:5px;
}
  #div_ideeSejourListe p.EnSavoirPlus a{
    color:#7C8A50;
  }