body {
background-color:#FFFFFF;
	padding:0;
	margin:0;
	width:650px;
}

.content {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	padding:0 0 0 0;
}
.content #header {
  margin:0;
  padding:0;
  display:none;
}

td, th {
	vertical-align:top;
	margin:0;
	padding:0;
}

form{
padding:0;
margin:0;
}

.boutonGeneral{
background-color:#931b1e;
color:#FFFFFF;
border:1px solid #6d0f11;
padding:0px 15px 0 0;
margin:20px 10px 0 0;
}
.boutonGeneral:hover{
background-color:#5d090b;
}

#visuPrint img{
margin:0;
padding:0;
}


/* ---------- recherche ---------- */

.content #recherche{
	background-image:url(../images/recherche.jpg);
	background-repeat:no-repeat;
	height:32px;
	padding:4px 0 0 10px;
	>padding:0 0 0 10px;
	color:#fff;
	margin:0;
	background-color:green;
	display:none;
}

.content #recherche form{
	margin-bottom :0 ;}


.FormulaireHaut{
float:left;
margin:0;
padding:0;
height:32px;
}
.content #texteRecherche{
	color:#FFF;
	font-weight:bold;
}

.content #bouton{
	color:#fff;
	background-color:#95a0ae;
	font-weight:bold;
	margin:0 0 0 7px;
	>margin:5px 0 0 7px;
	>height:20px;
	font-size:90%;
}
.content #recherche a{
color:#fff;
padding-left:5px;
}

.content #recherche .langue{
font-weight:bold;
text-decoration:none;
float:right;
padding: 0 15px 0 0;
}

.content #recherche .langue a{
text-decoration:none;
font-weight:normal;
}
.content #recherche .langue a:hover{
text-decoration:underline;
}
.content #recherche .langueActive a{
font-weight:bold;
text-decoration:none;
}

/* ---------- menu horizontal ---------- */

.content #menuHorizontal{
	height:34px;
	margin:0;
	padding:0;
	clear:both;
	background-color:#0000FF;
	display:none;
}

.content #menuHorizontal table{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	height:34px;
	font-size:110%;
	background-color:#000;
	margin:0;
	padding:0;
}

.content #menuHorizontal table td{
	background-image:url(../images/pixel.gif);
	background-repeat:repeat-x;
	border-right:1px solid #fff;
	text-align:center;
	padding:5px 14px 0 14px;
}
.content #menuHorizontal table td:hover{
	background-image:url(../images/pixel_roll.gif);

}

.content #menuHorizontal table td a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.content #menuHorizontal table td a:hover{
	text-decoration:underline;
}

.content #menuHorizontal #ouvert{
	background-image:url(../images/pixel_roll.gif);
	background-repeat:repeat-x;
}

.content #menuHorizontal #ouvert a{
	text-decoration:underline;
} 
/* ---------- panier ---------- */

.content #menuHorizontal #panier{
	background-color:#6b83a3;
	background-image:none;
	color:#FFFFFF;
	border-right:none;
}

.content #menuHorizontal #panier img{
	margin:0;
	padding:0;
	float:left;
}

.content #menuHorizontal #panier a{
	text-decoration:underline;
	font-weight:normal;
}

.content #menuHorizontal #panier a:hover{
	color:#c6d3e4;
}

/* ---------- Contenant ---------- */
.content #contenant table{
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------ colonneGauche --------------------------------------------------------- */

.content #colonneGauche{
	background-color:#5d090b;
	color:#FFFFFF;
	width:210px;
	padding:15px 8px 0 8px;
	margin:0;
	display:none;
}
.content #colonneGauche table{
	margin:0 0 12px 0;
}

/* ---------- s'identifier ---------- */

.content #identifier{
	border:1px solid #fff;
	background-color:#FFFFFF;
	font-weight:normal;
}


.content #identifier th {
	background-color:#6c0b0d;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
}

.content #identifier td {
	color:#000000;
	padding: 3px 10px 0 5px;
	>padding:0 0px 0 5px;
}

.content #identifier td a{
	color:#000000;
	text-decoration:underline;
}

.content #identifier td a:hover{
	color:#666666;
	text-decoration:underline;
}

.content #identifier td input{
	border: 1px solid #000;
}

.content #identifier .boutonRouge{
	background-color:#6c0b0d;
	color:#FFFFFF;
	width:30px;
	padding-left:5px;
}

/* ---------- menuGauche ---------- */


.content #menuGauche{
	border-top:1px solid #fff;
}

.content #menuGauche td{
	background-image:url(../images/pixel2.gif);
	background-repeat:repeat-x;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	height:25px
}
.content #menuGauche td:hover{
	background-image:url(../images/pixel2_roll.gif);

}
.content #menuGauche #menuGaucheOuvert {
	background-image:url(../images/pixel2_roll.gif);
	background-repeat:repeat-x;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	height:25px;

	}
.content #menuGauche #menuGaucheOuvert a {
	text-decoration:underline;
	}


.content #menuGauche td a{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
}
.content #menuGauche td a:hover{
	text-decoration:underline;
}

.content #menuGauche #ouvert2{
	background-image:url(../images/pixel2_roll.gif);
	background-repeat:repeat-x;
}

.content #menuGauche #ouvert a{
	text-decoration:underline;
} 

/* ---------- coup de coeur ---------- */

.content #coeur{
border:1px solid #fff;
background-color:#931b1e;
line-height:1.2em;
}

.content #coeur th {
	background-color:#6c0b0d;
	padding: 4px 10px 0 10px;
	font-size:110%;
	height:26px;
	margin:0;

}



.content #coeur td p {
	color:#fff;
	padding:5px 2px 0 7px;
}



.content .prix {
	font-size:120%;
	font-weight:bold
}

.content .prixGrand {
	font-size:130%;
	font-weight:bold
}
.content .textePetit {
	font-size:90%;
	font-weight:normal;
}

.content #tous {
	background-color:#5d090b;
	border-top:1px solid #fff;
	padding: 2px 10px 3px 10px;
}
.content #coeur td a{
	color:#fff;
	text-decoration:underline;
	padding:5px 0 0 0;
}

.content .photo{
width:75px;
}
.content .photo img{
margin:5px 0px 5px 5px;

}


/* ---------- autre sites ---------- */

.content #visitez{
	background-image:url(../images/sites.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:116px;
}

.content #visitez a{
	color:#000000;
	font-size:120%;
	padding:0px 0 0 8px;
}

/* ----------------------------------------------------------- colonne centre --------------------------------------------------------------------- */
.content #colonneCentre{
width:497px;
padding:0 0 0 10px;
margin:0;
}

.content #aide{
padding:15px 0 0 0px;
}

/* ----------------------------Centre Accueil -------------------------- */

/* ---------- news ---------- */
.content .news{
border:1px solid #750b0e;
margin:10px 4px 3px 0;
padding:0 10px 0 10px;
}

.content .news img{
padding:0px 10px 5px 0px;
float:left;
}

.content .news img p{
padding:0 0 10px 0;
float:left;
}



/* ----------------------------Centre liste produit -------------------------- */

.content #chemin{
font-size:95%;
color:#000000;
padding-top:10px;
}
.content #chemin a{
text-decoration:underline;
color:#000000;
}
.content #liste a{
color:#000000;
padding:0 4px 0 0px;
text-decoration:none;
font-size:100%;
}

.content #liste a:hover{
color:#000000;
padding:0 4px 0 0px;
text-decoration:underline;
}
.content #liste .pageActive{
text-decoration:none;
font-weight:bold;
}
.content #liste .pageActive:hover{
text-decoration:none;
}
/* -----------------------tableau liste produit ----------------- */

.content #tableauProduits {
font-size:90%;
border-bottom:1px solid #666666;
}


.content #tableauProduits th{
background-color:#931b1e;
color:#FFFFFF;
font-weight:normal;
}

.content .appellation a{
font-weight:bold;
text-decoration:none;
color:#000000;
}
.content .appellation a:hover{
text-decoration:underline;

}




.content .longueGarde{
padding: 7px 0 0 0;
}
.content .prixBarre{
text-decoration:line-through;
}
/* ----------------------------mon panier -------------------------- */

.monPanier th{
background-color:#931b1e;
color:#FFFFFF;
font-weight:normal;
padding-left:3px;
}
.monPanier td{
padding: 10px 5px 10px 3px;
border-bottom:1px solid #666666;
}
.formQuantité{
border:1px solid #990000;
width:40px;
}
.totalPanier{
background-color:#e6bdbe;
font-size:110%;
height:30px;
text-align:center;
}

/* ----------------------------Centre fiche produit -------------------------- */

.content #fiche{
border:1px solid #999999;
}
.content #fiche td{
padding:3px 2px 2px 6px;
}

.content #fiche .bord{
border:1px solid #999999;}

.content #fiche .bordBas{
border-bottom:1px solid #999999;}


.content #fiche .colonneRouge{
background-color:#931b1e;
width:1px;
}

.content #fiche .GRbouteille{
width:202px;
height:300px;
border:1px solid #999999;
}
.content .zoom{
color:#999999;
text-decoration:none;
margin: 0 0 0 20px;
}
.content .zoom:hover{
text-decoration:underline;
}

.content .titreFiche{
color:#000000;
font-weight:bold;
font-size:110%;
border-bottom:1px solid #999999;
}

.content .filetBas{
border-bottom:1px solid #999999;
}



.grasRougeGrand {
	font-weight:bold !important;
	color:#931b1e;
	padding:6 0 6 0;
	font-size:150%;
}

.content .filetDroit{
border-right:1px solid #999999;
}

.bnfield {
   	 width:30px; 
   	 border:Solid 1px #999999; 
   	 text-align:center;
	 font-size:130%;
	 display:block;
	 height:34px;
	 margin:0;
	 padding:0;
	}
	
.ajouterPanier{
padding-top:15px;}
	

.egalement{
border:1px solid #999999;
float:left;
padding:10px 0 5px 0px;
margin:0 3px 10px 2px;
width:228px;
}

.egalement img{
float:left;
padding:0 10px 0 10px;
}
/* ----------------------------formulaire contact -------------------------- */
#formulaire{
padding:10px;
line-height:2em;
margin:0;
}
.envoyer{
background-color:#931b1e;
color:#FFFFFF;
margin:15px 10px 0 300px;

}
.vider{
background-color:#931b1e;
color:#FFFFFF;

}

/* ----------------------------------------------------------- colonne droite --------------------------------------------------------------------- */
.content #colonneDroite{
width:219px;
padding:15px 8px 0 8px;
margin:0;
display:none;

}
.content #colonneDroite table{
	margin:0 0 12px 0;
}

/* ---------- nouveautés ---------- */

.content #nouveautes{
border:1px solid #707f93;
line-height:1.2em;
}

.content #nouveautes th {
	background-color:#707f93;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
	>padding: 5px 10px 0 10px;
	color:#FFFFFF;
}


.content #nouveautes td p {
	color:#000;
	padding:9px 5px 0 7px;
}


.content #nouveautes td a{
	color:#000;
	text-decoration:underline;
	padding:5px 0 0 0;
}
.content #bas{
border:1px solid #707f93;
padding:3px 0 3px 5px;
}

.content .espace{
padding-bottom:8px;
}

/* ---------- promotions ---------- */

.content #promotion{
border:1px solid #4f5863;
line-height:1.2em;
}

.content #promotion th {
	background-color:#4f5863;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
	>padding: 5px 10px 0 10px;
	color:#FFFFFF;
}


.content #promotion td p {
	color:#000;
	padding:9px 5px 0 7px;
}


.content #promotion td a{
	color:#000;
	text-decoration:underline;
	padding:5px 0 0 0;}

/* ----------------------- filtre --------------------------- */


.content #filtre, .content #acces{
border:1px solid #707f93;
line-height:1.2em;
padding:0;
margin:0;
}


.content #filtre th, .content #acces th {
	background-color:#707f93;
	padding: 3px 0px 0 10px;
	font-size:110%;
	height:25px;
	>padding: 5px 0px 0 10px;
	color:#FFFFFF;
}

.content #filtre td{
	padding: 0 10px 10px 10px;
}
.content #acces td {
	padding: 10px 10px 10px 10px;
	line-height:1.3em;
}
.content #filtre img{
	padding: 5px 0px 0px 7px;
}
.content #acces img {
	padding: 5px 0px 0px 0px;
}
.content #filtre .txt{
padding-left:24px;
}

.content #filtre .txt2{
padding-left:16px;
}

.content #filtre .txt3{
padding-left:11px;
}

/* ----------------------------------------------------------- pied --------------------------------------------------------------------- */


.content #pied{
background-color:#861818;
color:#FFFFFF;
padding: 7px 0px 7px 0px;
margin:0;
height:50px;
display:none;
}
.content #pied a{
color:#FFFFFF;
text-decoration:none;
}
.content #pied a:hover{
text-decoration:underline;
}


.atoms{
float:right;
font-size:90%;
}
.menuPied{
float:left;
}