html{
padding:0;
margin:0;
background:#903439;
}
body{
width:760px;
padding:0;
margin:20px auto;
font-family:verdana;
font-size:13px;
}
.gras{ font-weight:bold;}
#banner{
background:url('../images/banner.jpg') no-repeat top left;
height:86px;
}
a:link{
color:#990000;
text-decoration: none;
font-weight: bold;

}
a:visited{
color: #990000;
text-decoration: none;
font-weight: bold;
}
a:hover{
color:#060000;
text-decoration: none;
font-weight: bold;
}

/* ------------------------------------------------------------ */
/* -------------------------- MENU ---------------------------- */
/* ------------------------------------------------------------ */
#menu{
background:#F1DFBB;
height:26px;
padding:2px 0 0 0;
}
#menu ul{
padding:0;
margin:0;
}
#menu ul li{	
list-style:none;
margin:0;
padding:3px 0 0 15px;
float:left;
}
#menu ul .newsletter{	
margin:0 0 0 20px;
padding:0;
}
#menu a{
height:15px;
float:left;
margin:4px 0 0 0;
}
#menu ul li form{	
margin:0px;
padding:0px;
border:0px;
}	

/* -------------------------- ACCUEIL ---------------------------- */
#accueil{
background:url('../images/btn_acc.gif') no-repeat;
width:67px;
}
#accueil:hover{
background:url('../images/btn_acc.gif') no-repeat top right;
width:67px;
}

/* -------------------------- PRESENTATION ---------------------------- */
#presentation{
background:url('../images/btn_pres.gif') no-repeat;
width:100px;
}
#presentation:hover{
background:url('../images/btn_pres.gif') no-repeat top right;
width:100px;
}
#img_presentation{
background:url('../images/presentation.jpg') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_contact{
background:url('../images/contact.jpg') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_cave{
background:url('../images/caveoi.jpg') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_cave1{
background:url('../images/caveoi1.jpg') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_cave2{
background:url('../images/caveoi2.jpg') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_commande{
background:url('../images/bcommande.gif') no-repeat;
width:200px;
height:48px;
padding:0;
margin:0 0px 0px 0;
float:left;
}

/* -------------------------- CONDITIONS ---------------------------- */
#conditions{
background:url('../images/btn_cond.gif') no-repeat top left;
width:92px;
}
#conditions:hover{
background:url('../images/btn_cond.gif') no-repeat top right;
width:92px;
}
#img_conditions{
background:url('../images/img_conditions.gif') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;
}

/* -------------------------- CONTACT ---------------------------- */
#contact{
background:url('../images/btn_cont.gif') no-repeat top left;
width:76px;
}
#contact:hover{
background:url('../images/btn_cont.gif') no-repeat top right;
width:76px;
}

/* -------------------------- CAVEOI ---------------------------- */
#cave{
background:url('../images/btn_cave.gif') no-repeat top left;
width:70px;
}
#cave:hover{
background:url('../images/btn_cave.gif') no-repeat top right;
width:70px;
}

/* -------------------------- boutik ---------------------------- */
#boutik{
background:url('../images/btn_boutique.gif') no-repeat top left;
width:69px;
}
#boutik:hover{
background:url('../images/btn_boutique.gif') no-repeat top right;
width:69px;
}

/* --------------------------------------------------------------- */
/* -------------------------- CONTENU ---------------------------- */
/* --------------------------------------------------------------- */
#contenu{
padding:0 0 30px 0;
margin:0;
width:760px;
background:#F5EED4;
float:left;
}
#text{
background:#F1DFBB;
border:1px #ffffff solid;
float:left;
margin:20px 15px 0 20px;
padding:15px 10px 10px 10px;
text-align:justify;
width:429px;
}
#text_commd{
background:#F1DFBB;
border:1px #ffffff solid;
float:left;
margin:20px 15px 0 20px;
padding:15px 10px 10px 10px;
text-align:justify;
width:668px;
}
#fiche_produit{
background:#F1DFBB;
border:1px #ffffff solid;
width:600px;
text-align:justify;
padding:15px 10px 10px 10px;
margin:20px 15px 0 20px;
float:none;

}
#img_fiche_produit{
/* background:url('../images/articles/min_1.jpg') no-repeat; */
cursor:pointer;
width:200px;
height:344px;
padding:0;
margin:0 10px 10px 0;
float:left;
}
#img_contenu{
background:url('../images/img_contenu.gif') no-repeat;
width:119px;
height:79px;
padding:0;
margin:0 10px 10px 0;
float:left;


}
#text1, .text1{
font-family:verdana;
font-size:14px;
font-weight:bold;
color:#990000;
padding:0;
margin:0 0 0 15px;
}
#text2, td.text2, .text2{
font-family:verdana;
font-size:12px;
padding:0px 0 0 0;
margin:0;
}
#text3, td.text3, .text3{
font-family:verdana;
font-size:12px;
color:#990000;
font-weight: bold;
padding:10px 0 0 0;
margin:0;
}
#text4, td.text4, .text4{
font-family:verdana;
font-size:11px;
padding:0px 0 0 0;
margin:0;
}
#text5, .text5{
font-family:verdana;
font-size:10px;
padding:10px 0 0 0;
margin:0;
}
#text6, .text6{
font-family:verdana;
font-size:11px;
color:#990000;
font-weight: bold;
padding:10px 0 0 0;
margin:0;
}
#text62, .text62
{
font-family:verdana;
font-size:11px;
color:#990000;
font-weight: bold;
padding:1px 0 0 0;
margin:0;
}
#flash{
background:url('../images/wine_flash.jpg');
width:169px;
height:242px;
padding:0;
margin:20px 0 0 30px;
float:left;
}

/* -------------------------------------------------------------- */
/* ----------------------- BAS DE PAGE -------------------------- */
/* -------------------------------------------------------- ----- */
#bas_page{
font-size:8px;
padding:0;
margin:0;
width:760px;
}
#bas_page ul{
list-style:none;
padding:0;
margin:0;
}
#bas_page #notice{
text-align:right;
background:#F1DFBB;
list-style:none;
padding:0;
margin:0;
width:760px;
}
#bas_page #notice li{	
display:inline;
padding:0 30px 0 0;
}
#bas_page #notice .abus{
padding:0 200px 0 20px;
}
#bas_page #notice li a{
color:#000000;
text-decoration:none;
}	
#bas_page #notice li a:hover{	
text-decoration:underline;
}

/* ----------------------- FOOTER -------------------------- */
#bas_page #footer {
margin:0;
padding:0;
}
#bas_page #footer li{
border: solid 1px #fff;
float:right;
width:110px;
text-align:center;
margin:0;
}
#bas_page #footer li a{
font-size:9px;
display:block;
text-decoration:none;
text-align:center;
color:#ffffff;
background:none;
width:110px;
margin:0;
padding:5px 0 5px 0;
}
#bas_page #footer li a:hover{
background:#F1DFBB;
color:#000000;
width:110px;
}

/* -----------------------------BOUTIQUE--------------------------- ----- */
#barre_etape{
background:url('../images/boutique/barreetape.gif') no-repeat bottom;
}
#puce{
background:url('../images/boutique/puceetape.gif') no-repeat;
}
a.bouton_achat,a.bouton_achat:visited{background-color:#903439;border:1px solid #993333;color:#fff;font-weight:bold;padding:0px 7px;}

/* -----------------------------FORMULAIRES------------------------------- */
input.red{background-color:#f5eed4;border:1px solid #99000f;}
input.rodiored{background-color:#f5eed4;border:0px;height:10px;}
input.msginfo{background-color:#F1DFBB; color:#FF0000; border:0px; font-weight:bold; border-width: 0;}
textarea.red{background-color:#f5eed4;border:2px solid #99000f;}


/* ---------------------- BOUTIQUE RUNWINE ----------------------- */
#englobe{
	padding:0;
	margin:0 auto;
	width:658px;
}
/* TABLEAU DE SELECTION DES VINS */
table.selection { width:658px; padding:0; margin:0; }
table.selection th{ color:#ffffff; font-weight:bold; font-size:12px; text-align:left; padding-left:10px; background-color:#903439; height:20px; }
table.selection td{ text-align:left; background-color:#F5EED4; font-size:10px; width:219px; padding:10px 0; margin:0;}
table.selection td.selection img{ float:left; border:1px solid #F1DFBB; margin:0 0 0 10px; }
table.selection td.selection p { float:left; width:138px; padding:0; margin:0 0 0 10px; height:auto; }
table.selection td.selection .titSelVin  { padding:0px; margin:0px; border:0px; font-weight:bold; color:#903439; font-size:12px;}
table.selection td.selection ul{ float:left; margin:10px 0 0 0; padding:0; line-height: 0em; list-style-type: none; color:#000;}
table.selection td.selection li{ margin:0; padding:0; margin-left:1em; line-height: 1.1em; font-size:9px; color:#000;}
table.selection td.selection a:link, table.selection td.selection a:visited{color:#000; font-style:italic; text-decoration:none; font-weight:bold;}
table.selection td.selection a:hover{color:#990000;text-decoration: none;font-weight: bold;}

/* DESCRIPTION DE LA SELECTION DES VINS */
#englobe .enteteSel { float:left; background-color:#F5EED4; width:658px; } 
#englobe .bouchonSel { float:left; border:0; margin:0; padding:20px 20px 0 20px; width:200px; }/* IMG BOUCHON DU VIN */
#englobe .titreSel { float:left; border:0; padding:0; margin:40px 0 0 0;}/* DIV TITRE DU VIN */
#englobe .titreSel img{ border:0; padding:0; margin:0; }/* IMG TITRE DU VIN */
#englobe .titreSel p{ font-size:9px; padding:0 0 0 10px; margin:0;}/* INFO SUPP TITRE DU VIN */

#englobe .introSel { float:left; padding:0; margin:0; width:658px; background-color:#F5EED4;}
#englobe .introSel p { font-size:10px; padding:0; margin:20px; text-align:justify; } 
#englobe .introSel p img{ padding:0; margin:20px; } 
#englobe .introSel p .lettrine {float: left; margin: 0px; padding: 0px; }/*LETTRINE*/
#englobe .introSel p .lettrine img{ margin: 0px; padding: 0px; }/*IMG LETTRINE*/

#englobe .menuSel { float:left; padding:5px 0 5px 0px; margin:10px 0 0 0; width:658px; background-color:#F5EED4;}
#englobe .menuSelVin { float:left; padding:0 0 0 20px; margin:0; width:54%; }/*MENU DES DIFFERENTS VINS FROM SELECTION*/
#englobe .menuSelVin ul{ float:left; list-style-type: none; margin:0; padding:0; }
#englobe .menuSelVin li{ float:left; display:inline; margin:0 15px 0 0; padding:5px 0 5px 0; line-height: 1.2em; font-size:10px; font-weight:bold; }
#englobe .menuChoixVin { float:right; padding:0 5px 0 0; margin:0; width:42%; }
#englobe .menuChoixVin label { font-size: 10px; float:right; padding:0; margin:5px 0 0 0;}
#englobe .menuChoixVin p.bord-select { float:right; border: 2px solid #903439; width:150px; padding:0; margin:0;}/*DESIGN BALISE SELECT*/
#englobe .menuChoixVin select { font-size: 10px; background: #fff; width:100%; border: 2px solid #fff; }


/* TABLEAU AVEC PHOTO, DESIGNATION, DESCRITIF + RECAP COMMANDE*/
#englobe div.designation { float:left; padding:0; margin:0; width:658px; }
table.designation { width:658px; padding:0; margin:0; }
table.designation th{ color:#ffffff; font-weight:bold; font-size:12px; text-align:center; background-color:#903439; height:20px;}
table.designation td{ background-color:#F5EED4; }
table.designation td img{ border:0; margin:0; padding:0;}

.ref { font-size:12px; color:#903439; text-align:center; font-weight:bold; width:30px; }/* REF */
.desPhoto { text-align:center; font-size:10px; margin:0; padding:10px 15px 10px 15px;}/* PHOTO */
.designationTxt { width:200px; }/* DESIGNATION */
p.designation {width:auto; padding:0; margin:0 0 5px 10px;}
.titDesVin  { padding:0px; margin:0px; border:0px; font-weight:bold; color:#000; font-size:12px;}/* DESIGNATION : nom vin*/
.designa1 { float:left; font-size:10px; width:80px;}/* DESIGNATION : millesime, appelation, coeur (div) */
.designa2 { font-size:10px; width:auto; }/* DESIGNATION : infos (div) */
ul.des{ list-style-type: none; margin:0; padding:0 0 0 5px; }/* DESIGNATION : millesime, appelation, coeur */
li.des{ line-height: 1.2em; color:#903439; font-size:10px; }
ul.aff{ list-style-type: none; margin:0; padding:0; }/* DESIGNATION : infos */
li.aff{ line-height: 1.2em; font-weight:bold; font-size:10px; width:auto; }
.prix { font-size:12px; color:#903439; text-align:center; font-weight:bold; width:90px;}/* PRIX */
.descr{ font-size:10px;  }/* DESCRIPTION */
p.descriptif {width:auto; padding:0; margin:0 10px 10px 10px; text-align:justify; }
.descrCmde {width:auto; padding:0; margin:0 10px 5px 10px; text-align:right; }

/* SPECIFS TABLEAU RECAP COMMANDE */
.quantite { text-align:center; width:60px; }
.modifQuant { text-align:center; width:118px; }
.montant { text-align:center; color:#903439; font-size:12px; font-weight:bold; }

/* DESIGN BOUTONS FORM */
input.quantite { border:1px solid #903439; margin:0; color:#000000; font-size:11px; width:40px;}
input.boutonCmder { border:2px outset #fff; margin:0; padding:2px; color:#fff; background-color:#903439; font-size:11px; font-weight:bold; cursor:pointer; width:80px;}
input.boutonModif { border:2px outset #fff; margin:0; padding:2px; color:#fff; background-color:#903439; font-size:11px; font-weight:bold; cursor:pointer; width:80px;}
input.boutonSupp { border:2px outset #fff; margin:0; padding:2px; color:#fff; background-color:#903439; font-size:11px; font-weight:bold; cursor:pointer; width:80px;}