@charset "utf-8";
/* CSS Document */

/* RESET ************ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, table, tr, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
ul { list-style: none; }
:focus { outline: 0; }
a img { border: none; }
h4 { font-size: 10px; }
h3 { font-size: 16px; }
/* généralités ************ */

body { background-color: #a39f38; }
#global {	background-color: #fff; width: 981px; margin: 0 auto; }
.clearer { clear: both; height:1px; }
.left { float: left; }
.right { float: right; }
.lettrine:first-letter { color: #b39574; font-size: 34px; font-weight: bold; line-height: 100%; }
.lettrine:first-line { vertical-align: baseline; }
.legende { color: #997246; font-size: 9px; text-align: center; padding-bottom: 20px; }
.photo_ht { text-align: center; padding-bottom: 10px; }
.photo_dt { text-align: center; padding-bottom: 10px; }
.photo { padding-top: 20px; padding-bottom: 30px; text-align: center; }

/* typo ************ */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4f3122; }
h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #997246; }
a { text-decoration: none; color: #4f3122; }

/* bandeau ************ */

#bandeau { height: 118px; background: url(../images/Chablis03.jpg) no-repeat; }
#logo img { margin-right: 115px; margin-top: 13px; }
#adresse { width: 137px; margin-top: 20px; color: #997246; font-size: 10px; }
#adresse h1 { font-size: 16px; color: #ded26a; border-bottom: 1px solid #ded26a; vertical-align: baseline; }
#adresse p { line-height: 16px; }
.trait { border-bottom: 1px solid #997246; }
#blason { position:absolute; top: 80px;	width: 981px; height: 97px; text-align: center; }
#photo_entete { height:208px; overflow: hidden; }

/* menu ************ */

#menu { height: 36px;}
#menu span { visibility: hidden; }
#menu li a { display: block; height: 36px; background-position: top left; }
#menu li#nav1 a { width: 203px; background: url(../images/navChablis_1a.jpg) no-repeat; }
#menu li#nav2 a { width: 189px; background: url(../images/navChablis_2a.jpg) no-repeat; }
#menu li#nav3 a { width: 196px; background: url(../images/navChablis_3a.jpg) no-repeat; }
#menu li#nav4 a { width: 189px; background: url(../images/navChablis_4a.jpg) no-repeat; }
#menu li#nav5 a { width: 204px; background: url(../images/navChablis_5a.jpg) no-repeat; }
#menu li#nav1 a:hover { background-position: bottom left; }	
#menu li#nav2 a:hover { background-position: bottom left; }	
#menu li#nav3 a:hover { background-position: bottom left; }	
#menu li#nav4 a:hover { background-position: bottom left; }	
#menu li#nav5 a:hover { background-position: bottom left; }	
/*en anglais */
#menu_en { height: 36px;}
#menu_en span { visibility: hidden; }
#menu_en li a { display: block; height: 36px; background-position: top left; }
#menu_en li#nav1 a { width: 203px; background: url(../images/navChablis_1b.jpg) no-repeat; }
#menu_en li#nav2 a { width: 189px; background: url(../images/navChablis_2b.jpg) no-repeat; }
#menu_en li#nav3 a { width: 196px; background: url(../images/navChablis_3b.jpg) no-repeat; }
#menu_en li#nav4 a { width: 189px; background: url(../images/navChablis_4b.jpg) no-repeat; }
#menu_en li#nav5 a { width: 204px; background: url(../images/navChablis_5a.jpg) no-repeat; }
#menu_en li#nav1 a:hover { background-position: bottom left; }	
#menu_en li#nav2 a:hover { background-position: bottom left; }	
#menu_en li#nav3 a:hover { background-position: bottom left; }	
#menu_en li#nav4 a:hover { background-position: bottom left; }	
#menu_en li#nav5 a:hover { background-position: bottom left; }


/* colonnes ************ */

#colonnes { background:url(../images/Chablis_fonddt.jpg) top right no-repeat ; padding: 20px 0 30px 26px; width: 955px; }

/* colonne 260px ************ */

#col260 {	width: 260px; padding-right: 39px; }
h2 { background: url(../images/separateur160.jpg) no-repeat left bottom; font-size: 16px; padding-bottom: 5px; margin-bottom: 15px; }
#liste_vins { width: 250px; padding-top: 20px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-variant:small-caps; font-size: 16px; color: #4f3122; background: url(../images/liseret_ht.jpg) top left no-repeat; }
#liste_vins li { height: 40px; }
#liste_vins li a { display: block; width: 250px; padding-top: 10px; height: 30px; }
#liste_vins li a:hover { background-color: #FFFFCC; border-bottom: 1px solid #997246; }
#liseret { background: url(../images/liseret_bas.jpg) bottom left no-repeat; padding-bottom: 20px; }

/* actus */
#liste_actus { width: 250px; padding-top: 20px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-variant:small-caps; font-size: 16px; color: #4f3122; background: url(../images/liseret_ht.jpg) top left no-repeat; }
#liste_actus li a { display: block; width: 250px; padding-top: 10px; }
#liste_actus li a:hover { background-color: #FFFFCC; }


/* colonne 305px ************ */

#col305 {	width: 305px; padding-right:35px; }
#col305 h2 { background: url(../images/separateur245.jpg) no-repeat left bottom; }
#cadre_ht { width: 325px; height: 8px; background: url(../images/cadre_ht.jpg) no-repeat; margin: 0 auto; }
#description { width: 285px; background: url(../images/fond_cadre.jpg) repeat-y; padding: 20px 20px 40px 20px;  margin: 0 auto; }
#description h2 { background: url(../images/sepa_vert.jpg) no-repeat left bottom; }
#description p { line-height: 150%; }
#cadre_bas { width: 325px; height: 8px;	background: url(../images/cadre_bas.jpg) top left no-repeat; text-align: center;  margin: 0 auto; }
#fiche { width: 165px; text-align: center; margin: 0 auto; margin-top: 20px; }
#fiche a.ap { display: block; height: 40px; width: 165px; background: url(../images/fiche_tech_fr.jpg) no-repeat; background-position: top left; }
#fiche a.ap:hover { background-position: bottom left; }
#fiche_en { width: 165px; text-align: center; margin: 0 auto; margin-top: 20px; }
#fiche_en a.ap { display: block; height: 40px; width: 165px; background: url(../images/fiche_tech_en.jpg) no-repeat; background-position: top left; }
#fiche_en a.ap:hover { background-position: bottom left; }
#desc { width: 165px; text-align: center; margin: 0 auto; margin-top: 20px; }
#desc a.ap { display: block; height: 40px; width: 165px; background: url(../images/description.jpg) no-repeat; background-position: top left; }
#desc a.ap:hover { background-position: bottom left; }
	
/* colonne 487px ************ */

#col487 {	width: 487px; padding-right: 10px; }
#plan { width: 487px; height: 440px; background: url(../images/planChablis-J.G.jpg) no-repeat; padding-top: 43px; text-align: center; }

/* colonne 120px ************ */

#col120 { width: 120px; padding-right: 20px; }
#col120 ul { font-size: 9px; line-height: 22px; margin-top: 40px; margin-bottom: 35px; width: 140px }
#col120 ul li img { margin-right: 3px; margin-bottom: 3px; }

/* colonne droite ************ */

#coldroite { background: url(../images/Chablis_fonddt.jpg) no-repeat; width: 296px; height: 808px; padding-top: 35px; margin-top: -35px; }
#coldroite h2, #coldroite p { width: 230px; margin: 0 auto;	padding-left: 15px; }
#coldroite p a { text-decoration: underline; }
#contact { width: 220px; height: 220px;	background: url(../images/contactChablis-J.G.png) no-repeat; padding: 43px 0 0 10px; margin: 0 auto; }

/* footer ************ */

#footer {	text-align: center;	color: #993; }
#footer ul li { display: inline; margin-right: 5px; font-size: 13px; }
#footer p { margin-top: 10px;	padding-bottom: 30px; font-size: 10px; }
#footer a { color: #993; }