/*
couleur 1 : #E8CF7D (jaune orangé)
couleur 2 : #603F20 (marron)
couleur 3 : #DA7D1F (orange)
*/

/* ELEMENTS HTML */

* {
	margin: 			0;
	padding: 			0;
	border: 			0;
	list-style: 		none;
}

img {
	margin: 			0px;
	padding: 			0px;
	vertical-align: 	middle;
}

body {
	font-family: 		Arial, Verdana, Geneva, helvetica, sans-serif;
	background: 		#E8CF7D url(images/interface/degrade-haut.png) repeat-x top;
	font-size: 			0.8em;
	line-height: 		1.2em;
	margin: 			0 auto;
	padding: 			0;
	width: 				100%;
	text-align: 		justify;
}

img.png, .png, input.png {
	border:				0;
}

#all {
	width: 				900px;
	margin: 			0 auto;
	color: 				#555;
}

/* TITRES */
h1 {
	font-size: 			14px;
	color: 				white;
	margin-bottom: 		20px;
	margin-top:			24px;
	font-family:		Georgia;
	font-weight:		normal;
	width:				100%;
	text-align: 		center;
	font-size:			16px;
}

h2 {
	font-size: 			14px;
	color: 				#922107;
	margin-bottom: 		12px;
}

h2.blanc {
	font-size: 			14px;
	color: 				white;
}

h3 {
	font-size: 			13px;
	color: 				#922107;
	margin-bottom: 		4px;
}

h4 {
	font-size: 			12px;
}

h4.date {
	font-size: 			12px;
	color: 				#994C3A;
}

div.paragraphe ul li {
	list-style-type:	disc;
	margin-left:		24px;
}

/* FIN TITRES */ 

/* FORMULAIRES */
select {
	border: 			1px #994C3A solid;
	margin: 			2px;
	font-size: 			1em;
	font-weight: 		bold;
	color: 				#994C3A;
	font-family: 		Arial, Verdana, Geneva, helvetica, sans-serif;
}

textarea {
	border: 			1px #994C3A solid;
	font-size: 			0.9em;
	color: 				#994C3A;
	font-family: 		Arial, Verdana, Geneva, helvetica, sans-serif;
}

option {
	font-family: 		Arial, Verdana, Geneva, helvetica, sans-serif;
	font-size: 			0.9em;
	font-weight: 		bold;
	color: 				#994C3A;
}

option.disabled {
	color:	 			#ccc;
}

option.enabled {
	color: 				black;
}

input, textarea {
	font-size: 			0.9em;
	border: 			1px #555 solid;
	padding: 			2px;
	color: 				#555;
	font-family: 		Arial, Verdana, Geneva, helvetica, sans-serif;
}
/* FIN FORMULAIRES */

hr {
	width: 				80%;
	color: 				#555;
	background: 		#555;
	height: 			1px;
	border: 			0;
	margin: 			12px auto;
	text-align: 		center;
}

a {
	color: 				#555;
}

a:hover {
	text-decoration: 	none;
	color: 				#555;
}

caption {
	color: 				black;
}

table, th, td {
	border: 			0;
}

th, td {
	padding:			4px;
}

table {
	width: 				100%;
}

th {
	background: 		#994C3A;
	color:				white;
}

.sansbordure {
	border: 			0;
}

.ok {
	color:				#922107;
}

#conteneur-separateur {
    width: 				450px;
}

.separateur {
	width: 				350px;
	height: 			11px;
	margin: 			0 auto;
	background: 		url(images/interface/separateur.jpg) repeat-x;
}

/* FIN ELEMENTS HTML */




/* DIVISIONS GENERALES */

div#haut {
	width: 				900px;
	height: 			256px;
	overflow: 			hidden;
	background: 		url(images/interface/fond-haut.png) no-repeat;
}

div#bordure-gauche {
	width:				10px;
	height:				700px;
	background: 		url(images/interface/bordure-gauche.png) no-repeat;
	margin-left:		-10px;
	position:			absolute;
}

div#bordure-droite {
	width:				10px;
	height:				700px;
	background: 		url(images/interface/bordure-droite.png) no-repeat;
	margin-left:		900px;
	position:			absolute;
}

div#animflash {
	width:				900px;
	height:				233px;
	margin-top:			18px;
	border-top:			3px solid white;
	border-bottom:		3px solid white;
}

div#explosion, div#explosion2 {
	width:				327px;
	height:				346px;
	position:			absolute;
	z-index:			2;
	margin-left:		-173px;
}

div#explosion {
	background:			url(images/interface/explosion.png) no-repeat;
}

div#explosion2 {
	background:			url(images/interface/explosion2.png) no-repeat;
}

div#le-domaine-de-menard {
	background:			url(images/interface/le-domaine-de-menard.png) no-repeat;
	width:				330px;
	height:				256px;
	position:			absolute;
	z-index:			1;
	margin-left:		50px;
}

div#bloc-menu {
	width: 				795px;
	height:				36px;
	background: 		url(images/interface/fond-menu.png) repeat-x;
	z-index: 			1;
	padding-left: 		105px;
}

div#fond-bas-menu {
	width:				900px;
	height:				7px;
	position:			absolute;
	z-index:			1;
	background: 		url(images/interface/fond-bas-menu.png) no-repeat;
}

p#bandeau-panier {
	padding-top: 		39px;
	color:				white;
}

p#bandeau-panier a {
	color:				white;
}

div#corps {
	width: 				900px;
	background: 		url(images/interface/fond-corps.png) repeat-y;
	position:			relative;
	margin-bottom:		0;
}

div#contenu {
	width:				900px;
	overflow: 			hidden;
	clear:				both;
}

div#contenu-page {
	width:				900px;
	overflow: 			hidden;
	clear:				both;
}

div#drapeaux {
	position:			absolute;
	width:				74px;
	height:				35px;
	margin-left:		800px;
	z-index:			2;
}

div#bouteille {
	z-index:			2;
	position:			absolute;
	margin-left:		-7px;
	margin-top:			20px;
	width:				120px;
	height:				450px;
}

div#page {
	width:				900px;
	background:			url(images/interface/fond-page.png) repeat-y;
	height:				571px;
}

html>body div#page {
	height:				auto;
	min-height:			571px;
}

div#conteneur-page {
	width:				900px;
	background:			url(images/interface/fond-haut-page.png) no-repeat top;
	min-height:			571px;
	height:				auto !important;
	height:				571px;
}

div#contenant-page {
	width:				700px;
	padding:			0 100px 50px;
	background:			url(images/interface/fond-bas-page.png) no-repeat bottom;
	min-height:			571px;
	height:				auto !important;
	height:				571px;
}

/*
div#contenant-page {
	width:				700px;
	padding:			0 100px 50px;
    background: 		none !important;
    background: 		url(images/interface/fond-bas-page.png) no-repeat bottom left;
	min-height:			571px;
	height:				auto !important;
	height:				571px;
}
div#contenant-page-ie6 {
	width:				700px;
	padding:			0 100px 50px;
    position: 			absolute; 
    background: 		url(images/interface/fond-bas-page.png) no-repeat bottom left !important;
    background: 		none;
    min-height: 		100%;
}
*/
h1#titre {
	width:				787px;
	font-size: 			1.4em;
	text-align:			center;
	color:				white;
	position:			absolute;
	z-index:			3;
	margin-top:			32px;
}

div#titre-page {
	margin-top:			20px;
	height:				40px;
	background: 		url(images/interface/fond-titre-page.png) no-repeat;
}

h2#copie-titre {
	width:				787px;
	position:			absolute;
	color:				white;
	text-align:			center;
	font-size: 			2em;
	line-height: 		2em;
	-ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter:				alpha(opacity=15);
	-moz-opacity:		0.15;
	opacity: 			0.15;
	margin-top:			14px;
	z-index:			3;
}

div#corps-page {
	width:				900px;
}

div#corps-page a {
	position:			relative;
}

div#fond-bas-page {
	width:				787px;
	height:				13px;
	background: 		transparent url(images/interface/fond-bas-page.png) no-repeat;
}

div#flash-infos_fr {
	width:				239px;
	height:				346px;
	background: 		transparent url(images/interface/fond-flash-infos_fr.png) no-repeat;
	padding-left:		32px;
	padding-top: 		84px;
	float:				left;
}

div#flash-infos_en {
	width:				239px;
	height:				346px;
	background: 		transparent url(images/interface/fond-flash-infos_en.png) no-repeat;
	padding-left:		32px;
	padding-top: 		84px;
	float:				left;
}

div#gauche {
	float:				left;
	width:				383px;
}

div#droite {
	float:				left;
	width:				517px;
	/*height:				413px;*/
	padding-top:		28px
}

div#gauche-accueil {
	float:				left;
	width:				383px;
}

div#droite-accueil {
	float:				left;
	text-align: 		center;
	width:				517px;
	background:			url(images/interface/fond-droite-accueil.png) no-repeat;
	height:				413px;
	padding-top:		28px
}

img#menard-accueil {
	margin-top:			27px;
	margin-left:		12px;
}

div#etiquette {
	margin-top:			27px;
	margin-left:		12px;
	width:				358px;
	height:				384px;
	background:			url(images/interface/fond-etiquette.png) no-repeat;
}

p.texte-accueil {
	text-align:			center;
	color:				#555;
}

div#boutique_fr {
	background: 		url(images/interface/fond-boutique_fr.png) no-repeat;
	width:				551px;
	height:				231px;
}

div#boutique_en {
	background: 		url(images/interface/fond-boutique_en.png) no-repeat;
	width:				551px;
	height:				231px;
}

div#boutique-contenu {
	width:				312px;
	height:				167px;
	padding-left:		210px;
	padding-right:		29px;
	padding-top: 		64px;
}

div#boutique_fr h1, div#boutique_en h1 {
	font-size:			1.8em;
	color:				#603F20;
	margin-bottom:		8px;
	font-weight:		normal;
}

div#boutique_fr h1:first-letter, div#boutique_en h1:first-letter {
	font-weight: 		bold;
	font-size:			1.25em;
}

div#boutique_fr h2, div#boutique_en h2 {
	font-size:			1.4em;
	font-weight:		normal;
	color:				#922107;
}

div#boutique_fr p, div#boutique_en p {
	font-size:			0.85em;
}

div#partenaires_fr {
	background: 		url(images/interface/fond-partenaires_fr.png) no-repeat;
	height:				226px;
}

div#partenaires_en {
	background: 		url(images/interface/fond-partenaires_en.png) no-repeat;
	height:				226px;
}

div#partenaires-contenu {
	width:				516px;
	padding-left: 		15px;
	padding-top: 		48px;
	text-align:			center;
}

div.fond-bas-partenaires {
	background: 		url(images/interface/fond-bas-partenaires.png) no-repeat;
	width:				315px;
	height:				159px;
	margin-left:		-56px;
	margin-top:			136px;
	position:			absolute;
	z-index:			0;
}

div#bas {
	background: 		url(images/interface/fond-bas.png) no-repeat center top;
	width: 				900px;
	height: 			37px;
	color: 				white;
	font-size: 			0.85em;
	margin-top:			0px;
	padding-top:		10px;
	text-align: 		center;
}

div.haut-gauche-photo {
	position:			absolute;
	z-index:			0;
	background: 		transparent url(images/interface/haut-gauche-photo.png) no-repeat;
	width:				147px;
	height:				79px;
}

div.bas-photo {
	position:			absolute;
	z-index:			0;
	background: 		transparent url(images/interface/fond-feuille.png) no-repeat center;
	width:				188px;
	height:				93px;
}

div.photo {
	position:			relative;
	z-index:			1;
}

ul#menu-bas li {
	list-style-type: 	none;
	display: 			inline;
	margin: 			0 12px;
	font-size: 			1em;
	font-weight: 		bold;
}

ul#menu-bas li a {
	color: 				#F7E9B9;
	position: 			relative;
}

/* FIN DIVISIONS GENERALES */




/* ELEMENTS COMMUNS */

.centre {
	text-align: 		center;
}

.blanc {
	color: 				white;
}

a.lien-blanc, a.lien-blanc:hover, .blanc {
	color: 				white;
}

#chemin {
	margin-left:		48px;
	padding-top:		16px;
	font-size:			0.9em;
}

#chemin a, #chemin a:hover {
}

.overflowed {
	overflow: 			hidden;
}

.input-sans-bordure {
	border: 0;
	padding: 0;
}

.input_focus {
	border: 			solid 2px #555;
	padding:			1px;
	background: 		#555;
	color: 				white;
}

p.change-page {
	text-align: 		center;
	margin:				12px;
	clear:				left;
}

.float-left {
	float: 				left;
}

.float-right {
	float: 				right;
}

div.bas-page {
	position:			absolute;
	width: 				478px;
	height: 			100px;
	background: 		transparent url(images/interface/bas-page.png) no-repeat;
	margin-top:			-50px;
	margin-left:		-40px;
	z-index: 			-1;
}

div.bas-page-gauche {
	position:			absolute;
	width: 				96px;
	height: 			52px;
	background: 		transparent url(images/interface/image-bas-gauche-boutique.png) no-repeat;
	margin-top:			-28px;
	margin-left:		-30px;
	z-index: 			-1;
}

div.bouteille1 {
	background: 		url(images/bouteilles/bouteille1.png) no-repeat;
}

div.bouteille2 {
	background: 		url(images/bouteilles/bouteille2.png) no-repeat;
}

div.bouteille3 {
	background: 		url(images/bouteilles/bouteille3.png) no-repeat;
}

div.bouteille4 {
	background: 		url(images/bouteilles/bouteille4.png) no-repeat;
}

div.bouteille5 {
	background: 		url(images/bouteilles/bouteille5.png) no-repeat;
}

div.bouteille6 {
	background: 		url(images/bouteilles/bouteille6.png) no-repeat;
}

div.bouteille7 {
	background: 		url(images/bouteilles/bouteille7.png) no-repeat;
}

div.bouteille8 {
	background: 		url(images/bouteilles/bouteille8.png) no-repeat;
}

div#etiquette img {
	padding-top:		100px;
	padding-left:		84px;
}

p.vin-liste {
	position: 			absolute;
	font-size:			15px;
	font-family:		Georgia;
	text-align:			center;
}

p#vins {
	margin-left:		14px;
	margin-top:			-12px;
	font-style:			italic;
	font-size:			16px;
	line-height:		18px;
}

p#vin1 {
	margin-left:		270px;
	margin-top:			16px;
	width:				164px;
}

p#vin2 {
	margin-left:		514px;
	margin-top:			104px;
	width:				164px;
}

p#vin3 {
	margin-left:		554px;
	margin-top:			240px;
	width:				164px;
}

p#vin4 {
	margin-left:		454px;
	margin-top:			400px;
	width:				164px;
}

p#vin5 {
	margin-left:		266px;
	margin-top:			472px;
	width:				164px;
}

p#vin6 {
	margin-left:		22px;
	margin-top:			404px;
	width:				164px;
}

p#vin7 {
	margin-left:		-28px;
	margin-top:			242px;
	width:				164px;
}

p#vin8 {
	margin-left:		34px;
	margin-top:			104px;
	width:				164px;
}

table#tarifs {
	text-align:			center;
	padding:			2px;
	margin:				0;
}

table#tarifs th {
	text-align:			center;
	background:			#922107;
	border:				1px solid #922107;
	padding:			4px;
	margin:				0;
}

table#tarifs td {
	text-align:			center;
	border:				1px solid #922107;
	padding:			2px;
	margin:				0;
}

/* FIN ELEMENTS COMMUNS */




/* CORPS */

/* TEXTE DEFILANT */

div#contenu-flash-infos {
	width:				208px;
	height:				272x;
	margin:				0 auto;
}

.Info {
	text-align:			center;
}

.Info a, .Info a:hover {
}

.ejs_scroll {
	text-decoration: 	none;
}

.ejs_scroll:hover {
	text-decoration: 	none;
}

/* FIN TEXTE DEFILANT */




/* MODULES */




/* MODULE BOUTIQUE */

h1#titre-boutique {
	margin:				12px auto;
	padding-top:		12px;
	height:				31px;
	text-align:			center;
	font-size:			1.4em;
	line-height:		16px;
	color:				white;
	background:			url(images/interface/fond-boutique-titre.png) no-repeat center;
}

h1#titre-etiquette {
	position:			absolute;
	color:				white;
	font-family:		Georgia, "Times New Roman";
	margin-top:			54px;
	margin-left:		92px;
	font-size:			18px;
	width:				225px;
	text-align:			center;
	font-weight:		normal;
}

div#fiche div.fich {
	overflow:			hidden;
	padding:			12px;
	font-size:			12px;
}

div.boutique-categorie {
	width:				406px;
	height:				286px;
	float:				left;
	text-align:			left;
	background:			url(images/interface/fond-boutique-categorie.png) no-repeat;
}

div.boutique-categorie p.lien-categorie {
	font-size:			0.95em;
	text-align: 		right;
	margin: 			0 24px;
	clear: 				left; 
}

div.boutique-categorie h2 {
	color:				white;
	margin-top:			22px;
	font-size:			1.25em;
	margin-left:		110px;
}

div.boutique-categorie h2 a {
	color:				white;
	text-decoration:	none;
	display: 			block;
}

div.contenu-boutique-categorie {
	margin:				20px 20px 16px 40px;
	font-size:			0.85em;
}

h1.boutique-titre {
	width:				787px;
	font-size: 			1.4em;
	text-align:			center;
	color:				white;
	position:			absolute;
	z-index:			3;
	margin-top:			12px;
	margin-left: 		-132px; 
}

div.boutique-titre-page {
	margin-top:			20px;
	height:				28px;
	background: 		url(images/interface/fond-titre-page.png) no-repeat;
	text-align: 		left;
	padding-left: 		64px;
	padding-top: 		12px; 
	width:				723px;
}

h2.boutique-copie-titre {
	width:				787px;
	position:			absolute;
	color:				white;
	text-align:			center;
	font-size: 			2em;
	line-height: 		2em;
	-ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter:				alpha(opacity=15);
	-moz-opacity:		0.15;
	opacity: 			0.15;
	margin-top:			-6px;
	margin-left: 		-100px; 
	z-index:			3;
}

div.boutique-corps-page {
	width:				787px;
	height:				202px;
	background: 		transparent url(images/interface/fond-page.png) repeat-y;
}

div.boutique-corps-page a {
	position:			relative;
}

div.boutique-fond-bas-page {
	width:				787px;
	height:				13px;
	background: 		transparent url(images/interface/fond-bas-page.png) no-repeat;
}

div.boutique-coin-haut-gauche-titre {
	position:			absolute;
	width: 				81px;
	height: 			70px;
	background: 		transparent url(images/interface/coin-haut-gauche-titre.png) no-repeat;
	margin-top: 		-12px; 
	margin-left:		-20px;
	z-index: 			3;
}

div.boutique-coin-haut-droite-page {
	position:			absolute;
	width: 				188px;
	height: 			93px;
	background: 		transparent url(images/interface/fond-feuille.png) no-repeat;
	margin-left:		630px;
	margin-top: 		-12px; 
	z-index: 			-1;
}

div.boutique-bas-page {
	position:			absolute;
	width: 				478px;
	height: 			100px;
	background: 		transparent url(images/interface/bas-page.png) no-repeat;
	margin-top:			-68px;
	margin-left:		250px;
	z-index: 			-1;
}

div.boutique-bas-page-gauche {
	position:			absolute;
	width: 				96px;
	height: 			52px;
	background: 		transparent url(images/interface/image-bas-gauche-boutique.png) no-repeat;
	margin-top:			-28px;
	margin-left:		-30px;
	z-index: 			-1;
}

div.boutique-produit {
	width:				787px;
	margin-left:		20px;
	position:			relative;
	z-index:			2;
	margin-bottom:		50px;
}

div.produit-item {
	margin:				8px;
	font-size:			0.9em;
	width:				200px;
}

span.sous-titre-prod {
	font-weight:		bold;
	text-decoration:	underline;
	margin-bottom: 		4px;
}

ul.fiches-produits {
	margin-left:		40px;
}

ul.fiches-produits li {
	list-style-type:	disc;
}

form.form-produit .ajout-panier {
	font-size:			1.2em;
	border:				0;
	vertical-align: 	top;
	margin-left:		7px;
	margin-top:			12px;
	background:			transparent;
	padding:			0;
	font-weight:		bold;
	text-align:			center;
	width:				54px;
	font-family:		Arial, Verdana, sans-serif;
	position:			relative;
}

div.input-form {
	background: 		url(images/interface/fond-ajout-panier.png) no-repeat left;
}

table#panier {
	border: 			1px solid #922107;
	padding:			0;
	border-collapse:	collapse;
}

table#panier th {
	border: 			1px solid #922107;
	color:				white;
	background:			#922107;
}

table#panier td {
	border: 			1px solid #922107;
}

/* FIN MODULE BOUTIQUE */


/* MODULE GALERIE */

p.image-galerie {
	text-align: center;
	font-size: 12px;
}

hr.galerie {
	color: #555;
	height: 1px;
	clear: both;
	border: 0;
	background-color: #555;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px; 
}

div.galerie-overflowed {
	overflow: hidden;
	margin: 20px auto 10px auto;
	text-align: center;
}

h1.galerie-liste-titre {
	display: inline;
	float: left;
}

/* FIN MODULE GALERIE */

/* MODULE STRUCTURE */

.confirm-res {
	color: 				#603F20;
	font-weight: 		bold;
}

#contactform {
    text-align:center;
    margin: 0px 30px 0px 30px;
}

.titre-service {
	width: 400px;
	margin: 0 auto;
	height: 16px;
	padding: 4px;
	background: #994C3A;
	color: white;
	text-align: center;
	margin-bottom: 20px;
}

/* FIN MODULE STRUCTURE */


/* MODULE PARTENAIRES */

div.logo-partenaire-bandeau, div.logo-partenaire {
	background: 		url(images/interface/fond-logo-partenaire.png) no-repeat top center ;
	text-align: 		center;
	float:				left;
	display:			inline;
	width:				120px;
	line-height:		120px;
	text-align:			center;
}

p.voir-partenaires {
	text-align: 		center;
	clear:				left;
	overflow:			hidden;
	margin-top:			0;
	position:			relative;
}

/* FIN MODULE PARTENAIRES */

/*************************/
/*     PLAN DU SITE		  /
/*************************/
#plan {
	text-align: 		left;
	margin-left:		150px;
}

#plan li {font-size:12px; margin-left: 0px;}
#plan li.menu {font-size:14px;line-height:2em;}

/*************************/
/*   FIN - PLAN DU SITE   /
/*************************/





/* FOOTER */

#footer-copyright {
	text-align: 		center;
	font-weight: 		bold;
	color:				#555;
	margin-bottom:		12px;
	font-size:			0.9em;
}

#footer a, #footer a:hover {
	text-decoration: 	none;
}

#footer-copyright a, #footer-copyright a:hover {
	text-decoration: 	none;
}

/* FIN FOOTER */