html, body {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
body {
	background-color: #eeeeee;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background: #4e4e4e url(img/body_bg.png) repeat-x left top;
}
#header-top {
  width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 0;
  font-size: 1px; /* ensure minimum height */
  height: 14px;
  background: transparent url(img/header_top_bg.png) no-repeat left top;
}
#header {
	height: 98px;
  width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: transparent url(img/header_bg.png) no-repeat left top;
}
#container {
	clear: both;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFDE8;
}
#page {
	background: transparent url(img/page_bg.png) repeat-y left top;
	position: relative;
	padding-bottom: 21px;
	width: 100%;
}
#page-left {
	background: transparent url(img/page_gradient_left_bg.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 341px;
	font-size: 1px;
}
#page-right {
	background: transparent url(img/page_gradient_right_bg.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 341px;
}
#viticulteur {
	position: absolute;
	top: 0;
	left: 35px;
	width: 36px;
	height: 380px;
	margin: 0;
	padding: 0;
	background: transparent url(img/viticulteur.png) no-repeat top left;
}
#container-border-image {
	float: right;
	width: 35px;
	height: 383px;
	background-image: url(images/dvf_border.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#page-in {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	/* 02/05 overflow: auto; */
}
#container-and-side-menu {
	margin-left: 145px;
	overflow: inherit;
}
#container-data {
	padding-top: 49px;
	padding-right: 105px;
	/*padding-right: 14em;*/ /*12em;*/ /* un peu plus grand que #menu-complet */
	/* 02/05 overflow: auto; */
}
.page_sommaire #container-data {
	overflow: visible;
}
#container-data-no-menu {
	padding-left: 0;
	padding-right: 0;
	text-align: justify;
}
#container-data-lettre {
	text-align: justify;
	padding-left: 75px;
	padding-right: 75px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#right-column {
	float: right;
	margin-right: 35px;
  margin-top: 35px;
	font-family: arial, helvetica, sans-serif;
	font-size: 85%;
	width: 170px;
	position: relative;
}
#right-column .sousmenu {
	/*background-color: #933128;*/
	background: #787878 url(img/sousmenu-bg.jpg) repeat-x top left;
  margin-bottom: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
}
#container #right-column li {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#container #right-column a {
	color: #FFFDE8;
	text-decoration: none;
}
#container #right-column a:hover {
  background-color: #FFFDE8;
  color: #933128;
}

.page_sommaire #right-column {
	margin-left: 35px;
}
.page_sommaire #cadres {
  margin-right: 38px;
  clear: both;
  margin-top: 7px;
}
.page_sommaire #intro {
  float: left;
  width: 252px;
  margin-right: 28px;
}
.page_sommaire #visite {
  float: left;
  width: 139px;
  margin-right: 28px;
}
.page_sommaire #visite p.toutes-images {
  text-align: center;
  margin-bottom: 0;
}
.page_sommaire #recent {
  float: left;
  width: 240px;
  margin-right: 28px;
}
.page_sommaire #recent p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 85%;
}

#menu-complet {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	overflow: auto;
}
#menu-complet-pied {
	height: 25px;
	background: #fffde8 url(img/menu_complet_pied.jpg) no-repeat left top;
}
#menu-complet ul {
	list-style-type: none;
	padding-left: 10px;
	margin: 0;
}
#menu-complet li {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
}
#menu-complet a {
  text-decoration: none;
}
#menu-complet a:hover {
  background-color: #933128;
  color: #e9e2b6;
}
#menu-complet .rubrique-on {
  font-weight: bold;
}
#breves-notes {
	margin: 0;
  padding: 0 0 10px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	width: 11em;
	background-image: url(images/menu_complet_bg.gif);
}
#breves-notes-inner {
  margin: 10px 10px 0 10px;
}
#breves-notes-haut {
	margin: 0;
  padding: 0;
	height: 27px;
	background-color: #fdf6ca;
	background-image: url(images/breves_notes_haut.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#punaise {
	position: absolute;
	right: 0;
	top: -5px;
  	width: 16px;
  	height: 25px;
  	background: transparent url(images/punaise.gif) no-repeat left top;
}
/*
.formulaire_recherche {
  margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
  padding-left: 0;
	padding-right: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	position: relative;
}
*/
#menu .formulaire_recherche {
  margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0;
  padding-left: 0;
	padding-right: 0;
	font-size: 85%;
	float: left;
	position: relative;
}
#formulaire_recherche #search-go {
  background: transparent url(img/icon_searchglass.png) no-repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  height: 23px;
  position: absolute;
  right: -10px;
  top: -4px;
  width: 23px;
}
#formulaire_recherche input#recherche {
  width: 114px;
  color: #999;
}
#formulaire_recherche #search-go:hover {
  background-position: 0 -24px;
}
#formulaire_recherche #search-go span {
  left: -9999px;
  position: absolute;
}
#footer {
	clear: both;
	background: transparent url(img/page_bg.png) repeat-y left top;
	/*position: relative;*/
}
#footer #mis-en-bouteille {
	background: transparent url(img/mis_en_bouteille.png) no-repeat left top;
	width: 699px;
	height: 18px;
	margin-top: 10px;
	margin-left: 71px;
}
#footer-links {
  margin-top: 10px;
  margin-left: 71px;
  width: 699px;
  font-size: 80%;
  text-align: center;
}
.separator {
  clear: both;
  visibility: hidden;
  height: 5px;
  font-size: 1px;
}
#footer .separator {
}
#footer-bottom {
  width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 30px;
	height: 16px;
  background: transparent url(img/footer_bottom_bg.png) no-repeat left top;
}

#menu {
	overflow: auto;
	width: 770px;
	height: 36px;
	margin-left: auto;
	margin-right: auto;
	/*font-family: arial, helvetica, sans-serif;*/
  /*background: transparent url(img/menu_bg.png) no-repeat left top;*/
  background: transparent url(img/menu_bg_bg.jpg) repeat-x left top;
}
#menu ul {
  display: block;
  height: 36px;
  margin-left: 75px;
	white-space: nowrap;
	list-style-type: none;
	float: left;
}
#menu ul li {
	display: block;
	float: left;
	height: 36px;
}
#menu ul a {
	display: block;
	line-height: 36px;
  padding-left: 10px; 
  padding-right: 10px; 
	color: #FFFDE8; 
	text-decoration: none;
}
#menu ul a:hover {
  background: transparent url(img/menu_hover_bg_circle.jpg) no-repeat center top;
  /*background: transparent url(img/menu_active_bg.png) repeat-x left top;*/
}
#menu ul a.active {
  background: transparent url(img/menu_active_bg_circle.jpg) no-repeat center top;
  /*background: transparent url(img/menu_active_bg.png) repeat-x left top;*/
}
#menu div.formulaire_menu_lang {
  margin-top: 12px;
  float: right;
  font-size: 80%;
}
#menu div.formulaire_menu_lang form {
  margin-bottom: 0;
}
#menu #lien-plan-site {
  line-height: 36px;
  float: right;
  font-size: 80%;
  color: #FFFDE8;
  margin-right: 25px; 
  text-decoration: none;
}
#menu #hierarchie {
  float: left;
  font-size: 80%;
}
#container h1, #container h2, #container h3, #container h4, #container h5 {
	/*font-family: Verdana, Tahoma, sans-serif;*/
	font-family: Georgia, Garamond, Times New Roman, serif;
	color: #621623; 
}
#container h1 {
	margin: 21px 0 0 0; 
	font-size: 300%; /*150%;*/ 
	letter-spacing: -2px; 
	text-align: right;
	/*background-color: #EFECD1;*/
	padding-right: 10px;
}
#container .titre-page {
  /*margin-bottom: 21px;*/
  padding-bottom: 21px;
}
.page_sommaire #container h1#titre-accueil {
	font-size: 200%; /*150%;*/ 
	text-align: center;
	margin: 21px 105px 14px 0; 
}
#container h2 {
  margin: 14px 0 14px 0;
  padding: 5px 10px 0 0;
	font-weight: normal; 
	font-size: 140%; 
	text-align: left; 
	/*background: transparent url(images/h2_bg.gif) repeat-y scroll 0 0;*/
	border-bottom: 1px solid #933128;
}
.plan #container h2 {
	border-bottom: none;
}
.page_sommaire #container h2 {
	margin-top: 5px;
}
.page_sommaire #container #recent h2 {
  margin-top: 0;
  padding-top: 0;
}
#container h3 {
	font-size: 120%; 
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: italic;
}
#container a {
  color: #621623;
}
a {
  outline: none;
  text-decoration: underline;
}
#container .commentaire-hd {
	padding: 0;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10px;
	margin-bottom: 0;
}
#container .commentaire-hd .c {
  font-size: 1px; /* ensure minimum height */
  height: 4px;
}
#container .commentaire-hd {
  background: transparent url(images/commentaire_tl.gif) no-repeat 0px 0px;
}
#container .commentaire-hd .c {
  background: transparent url(images/commentaire_tr.gif) no-repeat right 0px;
}
#container .commentaire {
	/*
  background-image: url('images/commentaire_bg.gif');
	background-repeat: repeat;
	*/
	background-color: #fff;
	padding: 10px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0;
	margin-bottom: 10px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border-top: 4px solid #d0d0d0;
	border-left: 4px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	text-align: justify;
}
#container .commentaire h5 {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
p.retour-article {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}
#bordure-vignettes-haut {
  margin-bottom: 10px;
}
#bordure-vignettes-haut div {
  float: right;
  margin-left: 5px;
  padding: 5px;
}
#bordure-vignettes-droite {
  float: right;
  margin-left: 10px;
}
#bordure-vignettes-droite div {
  margin-bottom: 5px;
  padding: 5px;
}
/***
.galerie {
  width: 440px;
  margin: auto;
}
.galerie div {
  float: left;
  height: 110px;
  width: 110px;
}
.galerie div a {
  display: block;
  height: 100%;
  width: 100%;
  margin: auto;
}
***/
#container-data-photo {
	padding-left: 0;
	padding-right: 0;
  margin-top: 40px;
  text-align: center;
}
.actualite {
  margin-left: 10px;
  margin-bottom: 5px;
  padding-left: 10px;
  border-left: 3px solid #cbc498;
}
.article {
  /* 02/05 overflow: auto; */
  clear: both;
}
.article .spip_logos {
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
}
.article .spip_documents strong {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 85%;
}
.article .spip_documents_left {
  margin-top: 0;
  margin-right: 21px;
  margin-bottom: 14px;
}
.article .spip_documents_right {
  margin-top: 0;
  margin-left: 21px;
  margin-bottom: 14px;
}
.article .spip_documents_center  {
  clear: both;
  display: block;
  margin: 1em auto;
  width: 100%;
  line-height: normal;
  text-align: center;
}
.article p  {
  text-align: justify;
}
.corps-article {
  margin-bottom: 5px;
  padding-bottom: 5px;
  /* 02/05 overflow: auto; */
}
.separateur-recherche {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.erreur-lettres {
  color: red;
  margin-left: 30px;
  font-weight: bold;
}
.pagination {
  margin-top: 15px;
}
.pagination-top {
  margin-top: 30px;
  margin-bottom: 30px;
}
.modif-abonnement {
  font-size: 80%;
  text-align: center;
  margin-top: 40px;
  padding: 2px;
}
.copyright {
  margin-top: 5px;
  font-style: italic;
  font-weight: normal;
  font-size: 85%;
}
.voir-aussi {
  padding-top: 10px; /*30px;*/
}
.voir-aussi li {
  list-style-type: none;
}
#logo-lettre-info .spip_logos {
  margin-left: 30px;
}

/* **** Page recherche **** */

.page_recherche .article {
  margin-bottom: 21px;
}
.page_recherche .resume-recherche {
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  border-left: 1px solid #cbc498;
  font-size: 85%;
}

/* **** Fin Page recherche **** */

/* **** galerie **** */

.galerie {
  margin: 14px 24px; /* 24 pour centrage
  /*
  border-top: 1px dotted #80000D;
  border-bottom: 1px dotted #80000D;
  */
  padding-top: 7px;
  padding-bottom: 7px;
  clear: right;
}
.secteur-7 .galerie {
  margin-top: 0;
}
.galerie .fancybox {
  float: left;
  margin: 3px;
}
.galerie .fancybox-0 {
  margin-left: 4px;
}
.galerie .fancybox-4 {
  margin-right: 0;
}
.galerie .fancybox img {

  border: 4px solid #DFDAB5;
}
.galerie .fancybox:hover img {
  border: 4px solid #933128;
}

/* **** Contact **** */

.formulaire_ecrire_auteur form {
  font-size: 13px;
  text-align: left;
}
.formulaire_ecrire_auteur form legend {
  margin-bottom: 10px;
  color: black;
} 
/* thanks to http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/ */
.formulaire_ecrire_auteur form li {
  width: 330px;
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 125px; /*width of left column containing the label elements*/
  border-bottom: 1px dashed gray;
  height: 1%;
}
.formulaire_ecrire_auteur form li.item-1 {
  border-top: 1px dashed gray;
}
.formulaire_ecrire_auteur form li.item-2 input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
  width: 325px;
}
.formulaire_ecrire_auteur form label {
  float: left;
  margin-left: -125px; /*width of left column*/
  width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.formulaire_ecrire_auteur form input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
  width: 240px;
}
.formulaire_ecrire_auteur form textarea {
  width: 325px;
  height: 150px;
}
.formulaire_ecrire_auteur form p.boutons {
  margin-top: 10px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
  margin-left: 3px;
}


.clearboth {
  clear: both;
}


.accueil {
  overflow: auto;
}
.accueil #container-data {
}
.accueil .rubrique {
  margin-top: 125px;
  margin-bottom: 20px;
  width: 330px;
  text-align: justify;
  overflow: auto;
}
#recent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/* **** google map **** */

#gmap {
  width: 500px;
  height: 310px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.gmap-tooltip {
  background-color: #ffffff;
  font-weight: normal;
  font-size: 85%;
  border: 1px dotted #933128;
}

/* **** revue de presse **** */

/*
.filtre select {
  font-size: 11px;
}
.filtre fieldset {
  border: none;
  background-color: #E9E2B6;
}
.filtre fieldset legend {
  background-color: #E9E2B6;
}
#filtre-bottom {
  margin-top: 20px;
}
*/

.filtre {
  position: relative;
}
#div-fs2 {
  margin: 20px;
  width: 525px;
}
.filtre fieldset {
  border: none;
  position: relative;
  padding: 0;
  overflow: auto;
}
.filtre fieldset legend {
  margin: 0;
  padding: 0;
  color: black;
  display: none;
}
.filtre fieldset legend span {
  display: block;
  position: absolute;
  top: 7px; 
  left: 10px;
}
.filtre fieldset .fields {
  /*margin: 35px 10px 10px 10px;*/
  margin: 10px;
  margin-left: 30px;
}
.filtre select {
  font-size: 11px;
  margin-right: 9px;
}
#filtre-bottom {
  margin-top: 20px;
}
.rubrique-7 .spip_documents_left {
  margin-right: 7px;
  margin-bottom: 7px;
}

/* **** actus **** */

.titre-actu {
  margin-top: 21px;
  margin-bottom: 14px; /* pareil que h2 */
  height: 45px;
  position: relative;
	border-bottom: 1px solid #933128;
}
.date-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  text-align: center;
}
.day-box {
  background-color: #EDE6BA;
}
.month-box {
  background-color: #933128;
}
.rubrique-57 #container h2 {
  position: absolute;
  bottom: 0;
  left: 40px;
  padding-left: 10px;
  margin: 0;
  border-bottom: none;
}

/* **** player multimedia **** */

#playerv {
	width: 144px;
	margin-left: auto;
	margin-right: auto;
}
	
/* **** global styles **** */

.small {
  font-size: 0.75em;
}
p {
  margin-top: 7px;
  margin-bottom: 14px;
}
p.item-1 {
  margin-top: 0;
}
p.item-last {
  margin-bottom: 0;
}
strong {
  font-weight: bold;
  color: #933128;
}
.corps-article .thumbnail {
  text-align: center;
}


/* **** Accroche/galerie accueil **** */

#photos-accroche {
  margin-left: 1px;
}
#photos-output {
  position: relative;
  height: 150px; /* idem #SET{hphoto} dans rubrique=48.html */
}
#photos-output .photo {
  position: absolute;
  left: 0;
  top: 0;
}
#photos-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #FFFDE8;
  font-size: 85%;
  background: transparent url(img/caption.png) repeat left top;
  display: none;
}
#photos-caption span {
  padding-left: 3px;
  padding-right: 3px;
}
#photos-thumbnails {
  margin-top: 2px;
}
#photos-thumbnails li {
  display: block;
  float: left;
}
#photos-thumbnails li img {
  border-left: none;
  margin-right: 2px;
  border-bottom: 4px solid #FFFDE8;
}
#photos-thumbnails li.item-last img {
  margin-right: 0;
}
#photos-thumbnails li img.active {
  border-bottom: 4px solid #933128;
}
#accroche .separator {
  margin-bottom: 7px;
}
#photos-nav {
  float: right;
}

.page_sommaire #vins {
  clear: left;
  padding-top: 14px;
}
.page_sommaire #container #vins h2 {
  margin-right: 67px;
}

/*
.page_sommaire #vins ul {
  margin-left: 1px;
}
.page_sommaire #vins li {
  display: block;
  float: left;
  width: 200px;
  height: 146px;
  margin-right: 10px;
}
.page_sommaire #vins li.item-last {
  margin-right: 0;
}
*/
.page_sommaire #vins .sm {
  list-style: none; 
  width: 518px; 
  height: 195px; 
  display: block; 
  overflow: hidden;
}
.page_sommaire #vins .sm li {
  float: left; 
  display: inline; 
  overflow: hidden;
  /*border: 1px solid #933128;*/
}
.page_sommaire #vins .sm li .descriptif-vin {
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.page_sommaire #vins .sm li .descriptif-vin p {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
	margin-bottom: 5px;
}
.decor {
  background: transparent url(img/fond_etiquette.jpg) no-repeat left top;
  padding: 8px;
  height: 195px;
  position: relative;
}
.decor .cache {
  background: transparent url(img/cache_etiquette.jpg) no-repeat left top;
  position: absolute;
  left: 8px;
  top: 118px;
  width: 150px;
  height: 7px;
}
.decor a {
  /*display: block;
  width: 34px;
  overflow: hidden;*/
}
.decor-actif {
  background: transparent url(img/fond_etiquette_active.jpg) no-repeat left top;
}
.decor-actif .cache {
  background: transparent url(img/cache_etiquette_active.jpg) no-repeat left top;
}
.decor-actif a {
  /*width: 200px;*/
}

#page #bloc-sous-menus {
  float: right;
}
#page li.titre-sous-menu {
  position: relative;
  height: 16px;
  display: block;
  float: left;
  padding-right: 12px;
  background: transparent url(img/arrow-down.png) no-repeat right bottom;
}
#page li.titre-sous-menu ul.sous-menu {
  display: none;
  position: absolute;
  top: 16px;
	left: 0;
	width: 120px;
	padding-bottom: 3px;
}
#page ul.sous-menu {
  background-color: #e9e6c4;
}
#page ul.sous-menu li {
}
#page ul.sous-menu li a {
  float: left;
  display: block;
  padding: 3px 5px;  
}
#page ul.sous-menu li.item-last {
  margin-right: 0;
}
#page .bloc-sous-menus-bottom {
  clear: both;
  margin-bottom: 21px;
}