/*=========[ Général ]========================================================================================= */
* {margin:0px; padding:0px}

body {background-color:#10691a;	text-align:center; font-family: Arial, Helvetica, Verdana}
#page {width:100%}

.left {float:left}
.right {float:right}
.clear {clear:both}
.centrage {text-align:center; width:988px}

p{font-size:14px;}
a{text-decoration:none}
img {border:none}
label{font-weight:bold; text-transform:capitalize; display:inline; float:left; width:180px; font-size:16px;}
form p{ margin-bottom:5px;}
input, select, textarea{font-size:14px; color: #333; font-family: Arial, Helvetica, Verdana; background-color:#ddf8e0;border: solid 2px #1a7d26;}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover{background-color:#eaffed;}

.font12 {font-size:12px!important}

td{border:2px solid #fff;}
#photo{
  background-color:#a1f6ab;
  border-left:2px #1a7d26 solid;
  border-right:2px #1a7d26 solid;
  border-bottom:2px #1a7d26 solid;
  padding:0 15px;
  width:627px;
  margin-left:30px;
  text-align:center;
}
#photo img.photo{margin-bottom:20px; border:10px solid #fff;}
#photo.nav h2{display:inline;}

/*=========[ Commun à plusieurs pages ]========================================================================================= */
.titre {background-color:#60d76f; height:2.5em; width:100%; margin-top:40px}
.titreh1 {margin-left:20px; padding-top:5px}

a.lien-vert {color:#1a7d26; font-weight:bold; text-decoration:underline;}
a.lien-vert-clair {color:#35ee4c; font-weight:bold; text-decoration:underline;}

/*=========[ Conteneur et Contenu ]========================================================================================= */
#conteneur {margin:0px auto 0px auto; width:988px;	text-align:left}
#contenu {background-image: url("images/contenu-fond.gif"); background-color:#46cb56}


/*=========[ Entete et pied de site ]========================================================================================= */
#entete {
  background-image: url("images/entete-fond.gif"); 
  width:988px; 
  height:50px; 
  text-align:center; 
  padding-top:15px;   
}

#entete li {display:inline}
#entete a {color:#33af42}
a.lien-plugin {color:#ff0000 !important}
a:hover.lien-plugin {text-decoration:underline;}

#logo-handicap2 {margin:20px 0px 0px 40px}

#pied {
  background-image: url("images/pied-fond.gif"); 
  width:988px; 
  height:30px;
  text-align:center; 
  padding-top:35px; 
}


#pied li {display:inline}
#pied a {color:#33af42}

/*=========[ Bandeau flash ]========================================================================================= */
#bandeau-flash {margin-left:8px; background-color:#46cb56}


/*=========[ Menu Principal ]========================================================================================= */
#menu-principal {margin:20px auto 0px auto; width:897px; height:54px}
#menu-principal a{color:#000; font-weight:bold; text-decoration:none}


/*=========[ menu Accueil ]=============*/
a#index,a#index-actif,a:hover#index {
  background-image: url("images/menu-accueil.gif"); 
  padding:20px 0px 0px 50px;
  width:107px; 
  height:34px;
}
a:hover#index {background-image: url("images/menu-accueil-rollover.gif")}
a#index-actif {background-image: url("images/menu-accueil-actif.gif")}


/*=========[ menu Gites ]=============*/
a#gites,a#gites-actif,a:hover#gites {
  background-image : url("images/menu-gites.gif"); 
  padding:20px 0px 0px 50px;
  width:94px; 
  height:34px;
}
a:hover#gites {background-image: url("images/menu-gites-rollover.gif")}
a#gites-actif {background-image: url("images/menu-gites-actif.gif")}


/*=========[ menu Activités ]=============*/
a#activites,a#activites-actif,a:hover#activites {
  background-image : url("images/menu-activites.gif"); 
  padding:20px 0px 0px 50px;
  width:102px; 
  height:34px;
}
a:hover#activites {background-image: url("images/menu-activites-rollover.gif")}
a#activites-actif {background-image: url("images/menu-activites-actif.gif")}


/*=========[ menu Photos ]=============*/
a#photos,a#photos-actif,a:hover#photos {
  background-image : url("images/menu-photos.gif"); 
  padding:20px 0px 0px 50px;
  width:93px; 
  height:34px;
}
a:hover#photos {background-image: url("images/menu-photos-rollover.gif")}
a#photos-actif {background-image: url("images/menu-photos-actif.gif")}


/*=========[ menu Tarifs ]=============*/
a#tarifs,a#tarifs-actif,a:hover#tarifs {
  background-image: url("images/menu-tarifs.gif"); 
  padding:20px 0px 0px 30px;
  width:114px; 
  height:34px;
}
a:hover#tarifs {background-image: url("images/menu-tarifs-rollover.gif")}
a#tarifs-actif {background-image: url("images/menu-tarifs-actif.gif")}

table#tarif td, th{padding:2px; border:0; background-color:#60d76f;}

/*=========[ menu Contacts ]=============*/
a#contacts,a#contacts-actif,a:hover#contacts {
  background-image: url("images/menu-contacts.gif"); 
  padding:20px 0px 0px 30px;
  width:127px; 
  height:34px;
}
a:hover#contacts {background-image: url("images/menu-contacts-rollover.gif")}
a#contacts-actif {background-image: url("images/menu-contacts-actif.gif")}


/*=========[ Colonne gauche ]========================================================================================= */
#colonne-gauche {width:259px; padding-left:8px}
#carte-france {margin:40px 0px 0px 20px; background-color:#46cb56}
#carte-route {
  background-image: url("images/route1.gif"); 
  width:514px; 
  height:413px;
  color:#fff;
  font-weight:bold;
  padding:10px;
  text-align:left;
  margin-top:20px;
  margin-left:30px;
}

/*=========[ Colonne droite ]========================================================================================= */
#colonne-droite {width:712px}


/*=========[ Accueil ]========================================================================================= */
#fond-accueil-haut,#fond-accueil-haut2,#fond-contacts-haut,#fond-message-haut,#fond-photo-haut {
  background-image: url("images/accueil-fond-texte.gif"); 
  width:661px; 
  height:29px;
  margin:30px 0px 0px 30px; 
}

#fond-accueil-texte,#fond-accueil-texte2,#fond-contacts-texte,#fond-message-texte{
  background-color:#a1f6ab;
  border-left:2px #1a7d26 solid;
  border-right:2px #1a7d26 solid;
  border-bottom:2px #1a7d26 solid;
  padding:0px 10px 10px 20px;
  width:627px;
  margin-left:30px;
}

p#accueil-intitule {width:330px; margin-top:10px; text-indent:30px}
p#accueil-texte {width:550px; margin-right:10px; text-indent:30px}
p#accueil-texte2 {width:460px; margin-top:20px; text-indent:30px}
#accueil-photo1 {border:1px #fff solid; margin:0px 0px 20px 10px}
#logo-handicap {margin:20px 10px 20px 0px}

#accueil-photo2 {margin:50px 0px 0px 0px}

#fond-accueil-galerie {
  background-image: url("images/accueil-galerie-haut.gif"); 
  width:394px; 
  height:39px;
  margin:50px 0px 0px 20px;
}

#fond-accueil-galerie2 {background-color:#1a7d26; width:364px; padding:0px 10px 20px 20px; margin-left:20px}

a#accueil-bouton-galerie {
  background-image: url("images/bouton-accueil-galerie.gif"); 
  width:205px; 
  height:28px;
  display:block;
  color:#000;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding:7px 0px 0px 15px;
  margin:30px 0px 0px 130px
}


/*=========[ Contacts ]========================================================================================= */
b#contacts-recommandation {font-size:12px; float:right; margin-right:60px}

/*=========[ adresse ]=================*/
#icone-adresse {
  background-image: url("images/contacts-icone-adresse.gif"); 
  width:77px; 
  height:68px;
  margin:20px;
}
b#contacts-adresse {margin:25px 0px 0px 8px}


/*=========[ tel ]=================*/
#icone-tel {
  background-image: url("images/contacts-icone-tel.gif"); 
  width:85px; 
  height:79px;
  margin:20px;
}
b#contacts-tel {margin:30px 0px 0px 0px}


/*=========[ mail ]=================*/
#icone-mail {
  background-image: url("images/contacts-icone-mail.gif"); 
  width:77px; 
  height:68px;
  margin:20px;
}
b#contacts-mail {margin:35px 0px 0px 8px}

/*=========[ Ecrire un message ]==================================== */
#form_mail{float:left;}
#icone-stylo {
  background-image: url("images/contacts-icone-stylo.gif"); 
  width:85px; 
  height:108px;
  margin:90px 20px 0 0;
  float:right;
}

/*=========[ Gites choix]========================================================================================= */
/*=========[ Choix chene]=============================*/
p#gite-choix-texte {color:#fff; text-align:center; width:600px; margin:30px 0px 0px 50px}
#gite-choix-decalage {margin-left:10px}

#gite-choix-haut {
  background-image: url("images/gite-choix-fond.gif"); 
  width:334px; 
  height:29px;
  margin-top:20px;
}

#gite-choix-chene {
  background-image:url("images/gite-chene-fond.jpg");
  background-repeat: no-repeat;
  background-position:bottom left;
  background-color:#a1f6ab;
  width:330px; 
  text-align:center;
  border-left:2px #1a7d26 solid;
  border-right:2px #1a7d26 solid;
  border-bottom:2px #1a7d26 solid;
}

#gite-choix-chene img,#gite-choix-cypres img {border:none; margin-bottom:0px}
#gite-choix-chene h2,#gite-choix-cypres h2 {color:#1a7d26; margin-bottom:10px}

#gite-chene-bouton {
  background-image:url("images/gite-chene-bouton.gif");
  display:block;
  text-align:center;
  width:117px; 
  height:24px; 
  color:#fff;
  font-weight:bold;
  padding-top:7px;
  margin:20px 0px 10px 0px;
}
div > #gite-chene-bouton {margin:20px 0px 10px 110px}

/*=========[ Choix cypres]=============================*/
#gite-choix-haut2 {
  background-image: url("images/gite-choix-fond2.gif"); 
  width:334px; 
  height:29px;
  margin:20px 0px 0px 10px;
}

#gite-choix-cypres {
  background-image:url("images/gite-cypres-fond.jpg");
  background-repeat: no-repeat;
  background-position:bottom center;
  background-color:#a1f6ab;
  width:330px; 
  margin-left:10px;
  text-align:center;
  border-left:2px #1a7d26 solid;
  border-right:2px #1a7d26 solid;
  border-bottom:2px #1a7d26 solid;
}

#gite-cypres-bouton {
  background-image:url("images/gite-cypres-bouton.gif");
  text-align:center;
  display:block;
  width:117px; 
  height:24px; 
  color:#fff;
  font-weight:bold;
  padding-top:7px;
  margin:20px 0px 10px 0px;
}
div > #gite-cypres-bouton {margin:20px 0px 10px 110px}


/*=========[ Gites du chene vert ]========================================================================================= */
#chene-intitule {width:350px; margin:20px 20px 20px 0px; padding:20px 10px; background-color:#7ce68a}
div > #chene-intitule {width:330px;}
#chene-photos1 {margin-top:10px}

/*=========[ partie galerie ]=======*/
#nav{padding:10px 0 5px 0;}
#nav_prev{margin-right:50px;}
#photo p{display:inline; font-weight:bold; font-size:20px;}
#nav_next{margin-left:50px;}

#chene-galerie {
  background-image:url("images/chene-texte-fond.gif");
  background-repeat: no-repeat;
  background-position:top left;
  background-color:#7ce68a;  
  padding:20px 10px;
  margin-top:10px;
  width:330px;
}

a#chene-bouton-galerie,a#cypres-bouton-galerie {
  background-image: url("images/bouton-chene-galerie.gif"); 
  width:205px; 
  height:30px;
  display:block;
  color:#000;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding:9px 0px 0px 15px;
  margin:20px 10px 20px 0px;
  float:right;
}
a#cypres-bouton-galerie {background-image: url("images/bouton-cypres-galerie.gif")}

p#indication-handicape {font-weight:bold; margin-bottom:20px}

/*=========[ partie tarifs ]=======*/
#chene-tarifs {
  background-color:#7ce68a;  
  padding:20px 10px;
  margin:20px 0px 0px 0px;
  width:330px;
}

a#chene-bouton-tarifs,a#cypres-bouton-tarifs {
  background-image: url("images/bouton-chene-tarifs.gif"); 
  width:129px; 
  height:28px;
  display:block;
  color:#000;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding:9px 0px 0px 23px;
  margin:20px 10px 0px 0px;
  float:right;
}
a#cypres-bouton-tarifs {background-image: url("images/bouton-cypres-tarifs.gif")}

/*=========[ partie liste ]=======*/
#chene-liste {background-color:#a1f6ab; width:290px; margin:10px 0px 0px 20px; padding:20px 10px}
#chene-liste h3{margin-bottom:10px;}
#chene-liste ul {margin-left:20px}
#chene-liste li{list-style-image:url("images/icone-arbre.gif"); margin:0px 0px 5.5px 10px; font-size:14px}

a#chene-bouton-retour,a#cypres-bouton-retour {
  background-image: url("images/bouton-chene-retour.gif"); 
  width:80px; 
  height:29px;
  display:block;
  color:#000;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding:9px 0px 0px 35px;
  margin:15px 40px 0px 0px;
  float:right;
}
a#cypres-bouton-retour {background-image: url("images/bouton-cypres-retour.gif"); }


/*=========[ Activités ]========================================================================================= */
#activites-grenouille {margin-top:30px}
p#activites-intitule {width:340px; margin:50px 10px 50px 10px; text-indent:30px}


#activites-photo1 {
  background-image: url("images/activites-photo1.jpg"); 
  width:236px; 
  height:148px; 
  margin:0px 20px 40px 20px;
  border:1px #fff solid;
}

#activites-photo2 {
  background-image: url("images/activites-photo2.jpg"); 
  width:225px; 
  height:147px; 
  margin:20px 20px 0px 20px;
  border:1px #fff solid;
}

h2#activites-titre1,h2#activites-titre2 {color:#fff; margin-bottom:10px}
p#activites-texte1,p#activites-texte2 {width:340px; text-indent:30px}

#activites-liste {background-color:#a1f6ab; width:287px; padding:15px; margin:10px 0px 0px 10px}
#activites-liste-bas {background-image : url("images/activites-liste-bas.gif"); width:317px; height:26px; margin-left:10px}
#activites-liste ul{margin:10px 0px 10px 20px}
#activites-liste li{list-style-image:url("images/icone-chaussure.gif"); margin-left:10px; font-size:14px}