/* DOMAINE DU BOTTE css par DA-CODE http://www.da-code.com/ 09.02.06 > 11.01.2007 */

html, body {width:100%;font-size:100.01%;background-color:#efefef;color:#333333;margin:auto;text-align:center}

 /*#conteneur { background-color:#ffffff;width:1072px;height:800px;font-family:georgia, verdana, serif; margin:auto;text-align:center;line-height:135%; background-image: url(img/domaine-du-botte.jpg);background-repeat:no-repeat;margin-top:115px}*/

#conteneur800 { background-color:#ffffff;width:760px;height:540px;font-family:georgia, verdana, serif; margin:auto;text-align:center;line-height:135%; background-image: url(img/800x600/accueil.jpg);background-position:top left;background-repeat:no-repeat;margin-top:15px}

#conteneuraccueil { background-color:#ffffff;width:760px;height:540px;font-family:georgia, verdana, serif; margin:auto;text-align:center;line-height:135%; background-image: url(img/800x600/sommaire.jpg);background-position:top left;background-repeat:no-repeat;margin-top:15px}

#conteneuraccueil2  { width:1072px;height:800px;font-family:georgia, verdana, serif; margin:auto;text-align:center;line-height:135%; background-image: url(img/domaine-du-botte.jpg);background-repeat:no-repeat;margin-top:2%}

a:link, a:visited { text-decoration:none}

#conteneur { background-color:#fff;width:1024px;height:100%;font-family:georgia, verdana, serif;text-align:center;margin:auto;line-height:135%;font-size:80%}

#textehome {position:absolute;top:70%;left:0}
#textehome img a { padding:0;margin:0;border:0}

#textehome #pineau {margin-left:5%}
#textehome h1, #textehome h2, #textehome h3, #textehome h4, #textehome p { font-size:70%;}
h1, h2, h3, h4, h5, h6 { font-size:115%;letter-spacing:1px;word-spacing:3px;text-transform:uppercase;text-align:left;margin-left:10px}

#bandeauaccueil, #bandeaudomaine, #bandeaumetier, #bandeauproduits, #bandeaucognac, #bandeaucognacalambic, #bandeauhistoire {/*background-color: ##efefef;*/margin:auto;text-align:center;width:1024px;height:138px;}
#bandeauaccueil { background-image: url(img/220506/vignes-botte.jpg);}
#bandeaumetier { background-image: url(img/220506/alambic.jpg);}
#bandeauproduits { background-image: url(img/220506/raisins-botte.jpg);}
#bandeaudomaine { background-image: url(img/220506/domaine-botte.jpg);}
#bandeaucognac { background-image: url(img/cognac-botte.jpg);}
#bandeaucognacalambic { background-image: url(img/alambic.jpg);}
#bandeauhistoire { background-image: url(img/histoire-botte.jpg);}


#menu { background-color: #ffffff;width:1024px;height:24px;text-align:left;}
#menu img { border:0}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {/*text-align:left;margin-left:40px;text-decoration:none;background-color:#ffffff;color:maroon*/margin-left:40px; }
/*#menu a:hover { background-color:#efefef;color:#000000  }*/
#bandeau2accueil, #bandeau2domaine, #bandeau2metier, #bandeau2produits, #bandeau2cognac { background-color: #fff;margin:auto;width:1024px;height:77px;text-align:right}
#bandeau2accueil { background-image: url(img/220506/vignes2.jpg);}
#bandeau2metier { background-image: url(img/220506/alambic2.jpg);}
#bandeau2produits { background-image: url(img/220506/raisins2.jpg);}
#bandeau2domaine { background-image: url(img/220506/domaine2.jpg);}
#bandeau2cognac  { background-image: url(img/cognac2.jpg);}
#bandeau2accueil a, #bandeau2domaine a, #bandeau2metier a  {margin-right:2px  }
#bandeau2produits a, #bandeau2cognac a {margin-right:6px  }
#bandeau2accueil a.produitsplan, #bandeau2domaine a.produitsplan, #bandeau2metier a.produitsplan, #bandeau2cognac a.produitsplan, #bandeau2produits a.produitsplan {margin-right:65px  }

#info { background-color: #ffffff;margin:auto;text-align:left;width:1024px;min-height:60%;_height:55%;overflow:auto}
#info #agenda { float:right;width:250px; border-left: dashed thin #fabe5e;margin-left:10px;text-align:justify}
#info #gauche, #info #gaucheprod { float:left;width:350px; margin-left:10px;margin-top:10px;background-color: #ffffff;}
#info #gaucheprod { width:420px}
#info #gauche #menug {float:left; margin-top:10px}

#info #gauche #menug p a, #info #gauche #menug p a:visited, #info #gauche #menug ul li a {color:#000;text-decoration:none}
#info #gauche #menug p a:hover, #info #gauche #menug ul li a:hover { text-decoration:underline }
#info #gauche #menug p.agenda { font-family: "Book antiqua", script, serif;font-size:180% }

#info #gauche #menug h1 { margin-left:12px; text-transform: none }
#info #gauche #chardonnay { height:395px;background-image: url(img/chardonnay.jpg); background-repeat: no-repeat;background-position:right }
#info #droite, #info #droiteprod { float:right;width:600px;text-align:left;height:327px;min-height:327px;overflow:auto;margin-right:7px;}
#info #droiteprod {width:500px  }

#info #droite h1 {margin-bottom:20px }
#info p, #info ul li, #info strong {margin-right:5px;/*margin-left:350px;_margin-left:350px;/*background-color: green;*/  }
#info p { width:300px;text-align:left;margin-bottom:20px }
#info p strong { margin-top:20px;}
#info #gauche p a {margin-left:1em}
p.soustitre { font-weight:bolder;font-size:120%}

#info #droite #texte  { margin:auto;text-align:left;width:570px;margin-right:5px;}
#info #droite #texte p, #info #droiteprod #texte p { text-align:left;margin-left:5px;width:480px;margin-right:5px; }
#info #droiteprod #texte form { margin:auto;text-align:center }
#info #droiteprod #texte p.cognac a { font-size:85%;color:#fcfed3;text-decoration:none;padding:0.2em }
#info #droiteprod #texte p.cognac a:hover {color:#fff;text-decoration:underline;padding:0.2em  }
#info #droiteprod #texte p.cognac a.on {color:#c73d32;background-color:#fcfed3;padding:0.2em  }

ul, li, ol { text-align: left;line-height:140% }
ul li ol li {margin:8px;line-height:155%}
address {position: relative; font-weight:bolder;background-color:#ffffff;margin:auto;text-align:center;width:1024px;line-height: 100%;}
address em {font-size:90%;}
address a:link, address a:visited, address a:hover, address a:active { text-decoration: none;color:#000000 }
address a:hover, address a:active { text-decoration:underline }

#mentionspied { position: relative; text-align:center  /* Nécessaire pour Safari */ }




/* regles generiques liens bandeaux sous menu */

.accueil, .domaine, .metier, .produits, .produitsactif, .accueilactif, .domaineactif, .metieractif, .produitsactif, .produitsplan {font-size:90%; }
.accueilactif, .domaineactif, .metieractif, .produitsactif {border-bottom-style:dashed;border-bottom-width:thin;}

/* fin regles generiques */
/* application des codes couleurs de chaque rubrique */

 #accueil {background-color:#fabe5e;}
.accueil {color:#fabe5e;}
.accueilactif {border-bottom-color:#fabe5e;}
  #domaine {background-color:#fabe44;}
  .domaine {color:#fabe44;}
  .domaineactif {border-bottom-color:#fabe44;}
#metier {background-color:#ecc5a4;}
.metier, .metieractif {color:#ecc5a4;}
.metieractif {border-bottom-color:#ecc5a4;}
#produits { background-color:#ce6919; }
.produits, .produitsactif, .produitsplan {text-align:left;color:#ce6919; }
a:hover .produitsplan { text-decoration: underline }
.produitsactif {border-bottom-color:#ce6919;}
/* IE5 MAC OS9  \*/
html,body  {width:100%;height:100%;overflow:hidden;}
/* end hack */