body{margin:0;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em; color:#FFFFFF;background:#162C20 url(/design/images/fond.jpg) repeat-x top;
scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#ADE146;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;}
td,p{}
img{border:0;}

a:link, a:visited, a:hover {color:#FFD500;text-decoration: underline;}
a:hover {text-decoration: none;}

#fond{width:100%; height:100%;background:url(/design/images/fond_center.jpg) no-repeat top center;}
#bloc{position:relative;margin:auto;width:960px; min-height:710px;}
#fondPhotos{ position:absolute; top:0; right:0; width:750px; height:800px; z-index:0; padding:0; margin:0;}
#homme{margin:0; padding:0;position:absolute; top:0; left:19px; width:149px; height:242px;background:url("/design/photos/homme.jpg") no-repeat left top;}
#bouteille{margin:0; padding:0;position:absolute; top:0; right:0; width:455px; height:179px;/*width:178px; height:178px;*/background:url("/design/photos/bouteille.jpg") no-repeat left top;}
#grappe{margin:0; padding:0;position:absolute; top:461px; left:19px; width:172px; height:257px;background:url("/design/photos/grappe.jpg") no-repeat left top;}

#grappe{ display:none;}
#homme{height:118px; overflow:hidden;}
#bouteille{width:375px; height:140px;background:url("/design/photos/bouteille_p.jpg") no-repeat left top;}

/* === Left === */

#blocLeft{width:210px; background:url(/design/images/menu_fond.jpg) no-repeat top left;text-align:left; float:left;}
#logo{width:210px; height:172px;}
#lienGauche_1,#lienGauche_2{width:210px; min-height:20px; margin:2em 0;}
#lienGauche_1 a{width:190px; min-height:18px; padding:2px 0 0 20px;background:#3F4D3E url(/design/images/lienGauche_1.gif) no-repeat top left; color:#D5DACB; display:block; margin:0.3em 0;text-decoration:none;}
#lienGauche_1 a:hover{background:#516450 url(/design/images/lienGauche_1_over.gif) no-repeat top left; color:#FFFFFF;}
#lienGauche_2 a{width:190px; min-height:18px; padding:2px 0 0 20px;background:#3F4D3E url(/design/images/lienGauche_2.gif) no-repeat top left; color:#D5DACB; display:block; margin:0.3em 0;text-decoration:none;}
#lienGauche_2 a:hover{background:#516450 url(/design/images/lienGauche_2_over.gif) no-repeat top left;color:#FFFFFF;}

#chercher{position:relative;margin:1em 0 1.5em 0;width:195px; height:32px; padding:10px 0 0 15px; background-color:#374F35;}
#chercher .formText{/*position:absolute; top:1em; left:1ex;*/width:136px;height:17px;padding:1px 2px; border:1px solid #192E22; }
#chercher .formBouton{/*position:absolute; top:1.1em; left:24ex;*/}
#chercher .formBoutonOver{/*position:absolute; top:1.1em; left:24ex;*/}

#newsletter{ position:relative;width:195px; height:50px; padding:0 0 0 15px;background:url("/design/images/newsletter.gif") no-repeat right top;}
#newsletter .email{width:136px;height:17px;padding:1px 2px; border:1px solid #192E22; }
#newsletterForm{position:absolute;top:0;left:20px;width:180px; height:35px; }
#newsletterForm .formBouton{margin:0 0 3px 0;}
#newsletterForm .formBoutonOver{margin:0 0 3px 0;}
#newsletterForm .email{margin:3px 0px; padding:1px 0 1px 2px; width:100px; height:16px; border:1px solid #4B7ED2;}


/* === Right === */

#blocRight{position:absolute; top:0; left:210px; width:750px; height:100%; z-index:1;}


/* === Header === */

#menuTop{width:750px;height:36px;background:url("/design/images/menuTop_fond.png") repeat-x top;text-align:right; margin:0/*10em 0 0 0*//*118px*/;padding:0;}
#menuTopLeft{margin:0; padding:0; width:276px; height:36px; float:left; overflow:hidden;}
#menuTopLeft a{color:#fff; text-decoration:none; font-size:14px; text-align:left;float:left;display:block; cursor:pointer;}
a.menuPanier{background:url("../design/images/menuPanier.png") no-repeat bottom left; width:88px; height:29px; padding:7px 0 0 46px; overflow:hidden; }
a.menuPanier:hover{background:url("../design/images/menuPanier.png") no-repeat top left;}
a.menuCompte{background:url("../design/images/menuCompte.png") no-repeat bottom; width:92px; height:29px;padding:7px 0 0 50px; overflow:hidden;}
a.menuCompte:hover{background:url("../design/images/menuCompte.png") no-repeat top;}
#tel{margin:0; padding:0; float:right;width:188px; height:36px;}
.langueImage{margin:0; padding:0;float:right;width:106px; height:36px;}


/* === Fil d'Arianne === */

#urlhere{text-align:left;}
#urlhere a{color:#F0FCE0;background:url("/design/images/arrow_here.gif") no-repeat left top; padding:0 1ex 0 1.1ex;}
#urlhere a:hover{ color:#FFFFFF;}


/* === Main content === */

#print{ position:absolute; top:0; right:0; width:58px; height:39px;}
#mainContent{}
/*#fullImage{overflow:hidden;}*/
#bodyContainer{ color:#FFFFFF;background-color:#162C20/*#747765*//*#FCFCF8*/;padding:0.5em 3ex 2em 3ex; margin:1em 7ex; min-height:40em;/*filter: alpha(opacity=80);-moz-opacity: 0.8;*/text-align:justify;}
#retour{margin:0px 0px 20px 10px; text-align:left; font-size:11px;}
ul.article{margin:1em 0 0 10ex;padding:0; clear:both; font-size:1.2em;}
.article a:link,.article a:visited{}
.article a:hover{color:#FFFFFF;}
.article li{background:url(/design/images/puce_article.gif) no-repeat left top;list-style-image:none; list-style:none; padding:0 0 0.5em 5ex;margin:0.5em 0 0.5em 0; text-align:left;}
.bar{ position:relative; clear:both; margin:auto;}


/* === Encart Articles === */

#articleEncart{ width:214px; height:100%; float:right; margin:-3.1em -5ex 1em 2ex}
#articleEncart h2{color:#FFFFFF;width:207px; height:23px;background:url("/design/accueil/bonnesAffaires_fond.gif") no-repeat left top; margin:0; padding:7px 0 0 7px; font-size:14px; border:0;}
#articleEncartTexte{ background-color:#F0F3DD/*#374F35*/; margin:1em 0 0 0; padding:1em 8px;width:198px;}
#articleEncartTexte li{background:url(/design/images/puce_article.gif) no-repeat left top;list-style-image:none; list-style:none; padding:0 0 0.5em 5ex;margin:0.3em 0 0.3em 0; text-align:left;}
#articleEncartTexte a{ color:#162C20;}


/* === Liste de Produits ===*/

.productPrice{ font-size:14px; color:#162C20; padding-left:5px;}

#produitListe{margin:0 0 0 370px;padding:0;list-style:none; list-style-image:none;}
#produitListe li{ margin:1em 0 0 1ex; padding:0;width:280px; height:110px;background-color:#FFD500; background-image:none; border:4px solid #FFFFFF; overflow:hidden;}
.thumb{ width:62px;height:110px;overflow:hidden;background-color:#FFFFFF;margin:0 0 0 0; float:left;}
#produitListe h3{ font-size:13px;min-height:32px;width:215px;padding:2px 0 2px 3px; margin:0; color:#FFFFFF;background-color:#162C20;float:left; font-weight:normal;}
#produitListe h4{font-size:12px;width:215px; min-height:20px; color:#471B00; font-weight:normal; margin:0; padding:2px 0 2px 3px; background-color:#E3CE6A;float:left;}
#produitListe h3 a{color:#FFFFFF;text-decoration:none;}
.panier{ width:214px;padding:1px 2px 0 2px;float:left;}
.qantite{ width:20px;}

#margin{height:118px;}
#votrePanier{ width:225px;height:96px; background:url(/design/images/votrePanier.png) no-repeat left top;position:absolute; left:100px;top:10px;}

#pagerTop,#pager{font-size: 0.8em;margin:2px 0 2px 25em;padding:2px 4px;display: block;white-space: nowrap;text-align:center; height:auto; width:auto;}
#pagerTop{}
#pager{ clear:both;margin:2em 0 0 25em;}
.pagerTable{ margin:auto;}
#pager a,#pagerTop a{background:#162C20;color:#FFFFFF;padding:2px 4px;text-decoration:none;border:1px solid #8A8C7C;}
.pagerTableCurrentPage{background:#FFD500;color:#162C20; border:1px solid #162C20;padding:2px 4px; margin:0 8px 0 0;}
#pager a:hover,#pagerTop a:hover{background:#FFD500;color:#162C20; border:1px solid #162C20;}

/* === Footer === */

#footerContainer{padding:25px 0 0 0;text-align:right;}
#footerContainer a{color:#CFD0C7;}
#footerContainer a:hover{color:#FFFFFF;}
#footer{width:740px;height:20px; margin:auto;background:url("/design/images/fond_footer.gif") repeat-x top; padding:5px;/*background:url("/design/images/footer_fond.gif") no-repeat center;*/ text-align:center; font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:1.2em; color:#CFD0C7;}
#credit{width:750px; margin:auto;text-align:right; padding-top:30px;color:#CFD0C7;font-size:0.95em;}


h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#FFFFFF;}
h1{font-weight:normal;font-size:1.5em;padding:0.8em 0 1em 0; text-align:center;}
h1.articleTitle{ margin:0 218px 0 0;}
h2{font-size:16px;padding:0px 0px 5px 30px; margin:15px 0px 10px 0px;font-weight:bold; border-bottom:1px solid #FFFFFF;}
.h2_article{padding:0 0 0.5em 8ex;margin:2em 0 1em 0; /*color:#101F16;*/}
h3{font-size:14px;padding:10px 0px 5px 0px;font-weight:bold;}
h4{font-size:12px;padding:5px 0px;font-weight:bold;}
h5{padding:3px 0px;}
h6{padding:3px;font-weight:normal;font-style:italic; color:#666666;}

ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square;}
ul ul ul{list-style-type: none;}
ul li{background:url(/design/images/list-style-image.gif) no-repeat left top; padding:3px 0px 3px 20px; margin:2px 15px 2px 0;list-style-image:none; list-style:none; text-align:left;}

/*Form*/
form{ margin:0;}
.formBouton{width:22px;height:19px;color:#FFFFFF;border:1px solid #ADB398;background:#192E22 url(/design/images/bt_ok.jpg) repeat-x top;}
.formBoutonOver{width:22px;height:19px;color:#FFFFFF;border:1px solid #ADB398;background:#2D4E3B url(/design/images/bt_ok_over.jpg) repeat-x top;}
.formText{border: 1px solid #192E22;padding:3px 2px;}
.formTextarea{border: 1px solid #192E22; padding:3px 2px;}
.formLabel {background-color:#162C20;text-align:right;padding: 4px 10px 4px 0px;}
.error {
	border:1px solid red;
	background-color: #FFEBDF;
	color:#FF0000;
	padding:10px;
}

/* === Menus === */
#menu{margin:0 0 2.5em 0; padding:0; list-style:none; list-style-image:none; background:none;}
#menu li{margin:0; padding:0; list-style:none; list-style-image:none; background:none;}
#menu a{ display:block;text-decoration:none;}

#menu .menuLevel0,#menu .menuLevel0Active,
#menu .menuLevel0_1,#menu .menuLevel0_2,#menu .menuLevel0_3,#menu .menuLevel0_4,#menu .menuLevel0_5,
#menu .menuLevel0_6,#menu .menuLevel0_7,#menu .menuLevel0_8
{ margin-bottom:1px;}
#menu .menuLevel0_1 a:link,#menu .menuLevel0_1 a:visited,
#menu .menuLevel0_2 a:link,#menu .menuLevel0_2 a:visited,
#menu .menuLevel0_3 a:link,#menu .menuLevel0_3 a:visited,
#menu .menuLevel0_4 a:link,#menu .menuLevel0_4 a:visited,
#menu .menuLevel0_5 a:link,#menu .menuLevel0_5 a:visited,
#menu .menuLevel0_6 a:link,#menu .menuLevel0_6 a:visited,
#menu .menuLevel0_7 a:link,#menu .menuLevel0_7 a:visited,
#menu .menuLevel0_8 a:link,#menu .menuLevel0_8 a:visited
{padding:5px 0 0 25px; margin:0px 0px 0px -6px; width:191px; min-height:20px;color:#FFFFFF; background:#374F35 url(/design/images/menu0.gif) no-repeat left top;}
#menu .menuLevel0_1 a:hover,#menu .menuLevel0_1Active a:link,.menuLevel0_1Active a:visited,.menuLevel0_1Active a:hover,
#menu .menuLevel0_2 a:hover,#menu .menuLevel0_2Active a:link,.menuLevel0_2Active a:visited,.menuLevel0_2Active a:hover,
#menu .menuLevel0_3 a:hover,#menu .menuLevel0_3Active a:link,.menuLevel0_3Active a:visited,.menuLevel0_3Active a:hover,
#menu .menuLevel0_4 a:hover,#menu .menuLevel0_4Active a:link,.menuLevel0_4Active a:visited,.menuLevel0_4Active a:hover,
#menu .menuLevel0_5 a:hover,#menu .menuLevel0_5Active a:link,.menuLevel0_5Active a:visited,.menuLevel0_5Active a:hover,
#menu .menuLevel0_6 a:hover,#menu .menuLevel0_6Active a:link,.menuLevel0_6Active a:visited,.menuLevel0_6Active a:hover,
#menu .menuLevel0_7 a:hover,#menu .menuLevel0_7Active a:link,.menuLevel0_7Active a:visited,.menuLevel0_7Active a:hover,
#menu .menuLevel0_8 a:hover,#menu .menuLevel0_8Active a:link,.menuLevel0_8Active a:visited,.menuLevel0_8Active a:hover
{padding:5px 0 0 25px; margin:0px 0px 0px -6px; width:191px; min-height:20px;color:#162C20; background:#2D6422 url(/design/images/menu0_over.gif) no-repeat left top;}
#menu .menuLevel1,#menu .menuLevel1Active{ font-size:11px; width:210px; margin-top:1px; background-color:#3F4D3E;}
#menu .menuLevel1 a:link,#menu .menuLevel1 a:visited{padding:3px 0 3px 35px;width:175px; margin:0;color:#FFFFFF;background:#3F4D3E url(/design/images/menu1.gif) no-repeat left top;}
#menu .menuLevel1 a:hover,#menu .menuLevel1Active a:link,.menuLevel1Active a:visited,.menuLevel1Active a:hover{padding:3px 0 3px 35px;width:175px; margin:0;color:#FEDF3F;background:#3F4D3E url(/design/images/menu1_over.gif) no-repeat left top;}
#menu .menuLevel2,#menu .menuLevel2Active{ font-size:11px; width:184px;}
#menu .menuLevel2 a:link,#menu .menuLevel2 a:visited{padding:3px 0px 3px 10px;width:174px; margin:0px 0px 0px 0px;color:#4E5A37; border-bottom:1px solid #FFFFFF; background-color:#F3FBE2;}
#menu .menuLevel2 a:hover,#menu .menuLevel2Active a:link,.menuLevel2Active a:visited,.menuLevel2Active a:hover{padding:3px 0px 3px 10px;width:174px;margin:0px 0px 0px 0px;color:#4E5A37; border-bottom:1px solid #FFFFFF; background-color:#FFFFFF;}