/*** CSS IMESH interieur  -  10.06.2009  ***/
/*** Creation par Virginie Fasano - www.2vcreation.com ***/


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #3F3B35;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #FFF;
	background-image:url(/multimedia/images/img_structures/fond_.gif);
	background-repeat:repeat-x;
	background-position:top;
}

/* div { border:solid 1px red; } */


.left{	float:left;}
.right{ float:right;}



/*****************************************************/
/**********        Principaux DIVS       *************/
/*****************************************************/

#principal { 
	width: 956px;
	margin: 0 auto;
	text-align: left;
} 

#ssmenu {
	float: left; 
	width: 192px; 
	height:290px;
	min-height:290px;
	background-image:url(/multimedia/images/img_structures/fond_ssmenu.gif);
	background-repeat:no-repeat;
	padding-top:40px;
        text-decoration:none;
}

 #colM { 
padding-left:200px;
	padding-top:40px;
margin:0px;
margin-right:50px;
text-align:justify;
color:white !important;
} 

#colM img {
     /*border:1px solid #FFF;*/
}


#colDshop {
	float: right;
	width: 313px;
	padding: 15px;
	padding-bottom:0px;
	background-image:url(/multimedia/images/img_structures/fond_shop.gif);
	background-repeat:no-repeat;
        min-height:300px;
        height:auto !important;
        height:250px;
margin-left:20px;
}

#colDshop h1{
/*       padding-left:10px; */
       padding-top:10px;
margin-top:20px;
}

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

/*****************************************************/
/********       HOME ::  DIVS  Contenus      *********/
/*****************************************************/	


#entete { 
  height:317px;
} 

#logo{
	position:absolute;
}
	
#zoneContenus{
	background-color:#778181;}

#colDshop div{
/*	margin-top:50px; */
	/*line-height:17px; */
	font-size:10px;}
	

#colDshop .image{
       float:right; 
       margin:0px 5px 0px 10px; 
       margin-right:15px;
}

#colDshop .contentText { 
        padding-top:10px;
        padding-left:5px;
text-align:left;
}

#colDshop h1 { text-align:left; }

#colDshop .contentText div{ 
        margin-top:15px;
}


#lang{
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	padding-top:10px;
	color:#636164;}


select
{
border:1px solid ;
}

/*****************************************************/
/*****         INTERIEUR ::   ZONE SHOP         ******/
/*****************************************************/

/* Zone shop délimité, si texte dépasse, barre de défilement */
		
#bouteilleshop{
	float:left;
	margin-left:1px;
	padding-top:2px;
	}	

#textShop { margin-top:20px; }
	
/*****************************************************/
/**********          Pied de page        *************/
/*****************************************************/

#piedpage{
	text-align:right;
	margin-bottom:20px;
	padding-top:10px;}
	
#piedpage ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#646464;
	text-decoration:none;
	margin-left:40px;
font-weight:bold;
	}
	
#piedpage a:hover{
	color:#FFF;
}	

#piedpage ul li 
{
display:inline;
padding-left:10px;
}
	
	
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
	
	
/*****************************************************/
/**********       CONTENUS :: Titres     *************/
/*****************************************************/	

h1{
	font-size:20px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        /*color:#E5C11B;*/
}

h2{
	font-size:17px;
	font-family:Arial;
	color:#e5c11b;}

/*****************************************************/
/*******       CONTENUS :: Textes & images   *********/
/*****************************************************/	

		
#menu{
	text-align:right;
	margin-top:38px;}
	
#infoFlash{
	margin-top:40px;
	text-align:right;
	color:#636164;
	font-style:italic;
	font-size:9px;}
	
#infoFlash a:link,#infoFlash a:visited,#infoFlash a:active{
	color:#AAA;
	text-decoration:none;}
	
#infoFlash a:hover{
	text-decoration:underline;}
	

/*****************************************************/
/**********       CONTENUS :: Liens     *************/
/*****************************************************/

a { color:#E5C11B; text-decoration:none; }

/* Bouton SHOP */
#colDshop p a {
	text-decoration:none;
	font-weight:bold;
	color:#E5C11B;
	font-size:10px;
	background-image:url(/multimedia/images/img_structures/flechemore_.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
	}

#lang a:link, #lang a:visited, #lang a:active{
	text-decoration:none;
	color:#636164;
	margin-left:5px;}
	
#lang a:hover{
	text-decoration:underline;
	color:#CCC;}
	
#menu a:link, #menu a:visited, #menu a:active{
	text-decoration:none;
	color:#545454;
	margin-left:20px;}
	
#menu a:hover{
	color:#FFF;}
	
#ssmenu a:link, #ssmenu a:visited, #ssmenu a:active{
	display:block;
	text-decoration:none;
	color:#b1b7b7;
	line-height:25px;
	font-size:11px;
	padding-left:15px;}
	
#ssmenu a:hover{
	color:#FFF;
	font-size:12px;
	background-image:url(/multimedia/images/img_structures/fleche_ssmenu.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

#ssmenu ul li .selected{
	color:#FFF;
	font-size:12px;
	background-image:url(/multimedia/images/img_structures/fleche_ssmenu.gif);
	background-repeat:no-repeat;
	background-position:center left;
}	




div.menu_content ul
{
margin:0px;
padding:0px;
margin-left:0px;
}

div.menu_content ul li
{
padding:2px 0px;
list-style-type:none;
list-style-image:none;
}

div.menu_content ul li a 
{
color:#868586;
text-decoration:none;
font-weight:bold;
}

div.menu_content ul li a:hover
{
color:#fff;
}




/*-----------------*/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.clear 
{
clear:both;
}

/* LISTE ITEMS */

.separator {
border-bottom:1px solid #888;
margin-top:15px;
margin-top:15px;
}

div.list_item 
{
/*border-bottom: solid 1px #ccc;*/
padding-top:10px;
margin-top:10px;
margin-right:30px;
}

div.list_item p.date
{
margin-bottom:5px;
}

div.list_item div.image 
{
float:left;
margin-right:10px;
padding:2px;
}

div.list_item h2 {
margin-top:0px;
}

div.list_item a {
text-decoration:none;
color:#E5C11B;
}

div.list_item a:hover {
text-decoration:underline;
}

div.link a {
font-size:10px;
background: url('/multimedia/images/img_structures/flechemore_.gif') no-repeat 0px 2px;
padding-left: 15px;
color:#E5C11B;
}

div.item_detail 
{
margin-right:30px;
}

div.item_detail ul {
margin-left:20px;
list-style-type:square;
}

div.item_detail ul li {
padding:3px 0px;
}

div.item_detail div.image
{
float:right;
margin-left:10px;
margin-bottom:10px;
text-align:left;
}

div.item_detail a
{
text-decoration:none;
}

div.item_detail a:hover
{
text-decoration:underline;
}

div.item_detail div.link a {
font-size:10px;
}

div.item_detail div.link
{
/* border-top:solid 1px #ccc; */
}

div.item_detail div.gallery {
background-color:#353235;
padding:10px;
}

div.item_detail div.gallery_image {
float:left;
margin-right:10px;
border:solid 1px #000;
}

div.box_item {
width:310px;
/* height: 220px; */
float:left;
margin-right:40px;
padding:10px;
padding-left:0px;
margin-bottom:20px;
}

div.box_item div.image {
float:left;
margin-right:5px;
}

div.box_item div.title h2
{
margin-top:0px;
}

div.box_item div.cepage p
{
margin-top:0px;
}

div.box_item div.link a {
background:url('/multimedia/images/img_structures/fleche_ssmenu.gif') no-repeat center left;
padding-left:15px;
}

table.product_table {
margin-left:5px;
}

table.product_table tr td {
padding:2px;
font-size:10px;
text-align:center;
width:37px;
}

table.product_table tr td.millesime {
color:white;
font-weight:bold;
}

table.product_table tr td select
{
width:40px;
color:#fff;
background-color:#a4988c;
border:solid 1px #000;
}

.border_top{
border-top:1px solid;
padding-top:2px;
}


.add{
padding-top:2px;
padding-left:3px;
vertical-align:bottom;
border-top:1px solid;
text-align:right;
}


div.product_container div.quantity
{
border-top:solid 1px #AAA;
text-align:right;
padding-top:2px;
}

div.product_container div.quantity img {
cursor:pointer;
}

/*****************
TABLE ACCORDS METS ET VINS
******************/
table.accords { solid 1px #aaa;}

table.accords tr td { background-color: #fff; padding:3px; border-bottom: solid 1px #aaa; color:#000}

table.accords tr td a:hover { text-decoration: underline; }

table.accords tr.title td { background-color:#333; color:#fff; font-weight:bold; }

table.accords tr td.header { background-color:#ccc; font-weight:bold;color:#000; }


.vins {   min-height:195px;   height:auto !important;   height:195px; }
.vin_content { margin-left:70px; max-width:500px; }

.news {   /* min-height:100px;   height:auto !important;   height:100px; */ }
.shop1 {   float:left; width:383px; }
.shop2 {   float:left; width:750px; }

.product1 {   width:383px; }
.product2 {   float:left; width:750px; }


div.simple_content { }
div.simple_content p { text-align:justify; }

div#accroche_vins { padding-left:20px; }

.vignerons{
text-align:left;
padding-top:15px;
}


/******************************************
 DISTINCTIONS 
******************************************/

.distinctions {
 	width:350px;
 	float:left;
 	margin-bottom:30px;
        min-height:210px;   
        height:auto !important;   
        height:210px;
}

.distinctions .image{
	float:left;
	padding-right:5px;
	padding-bottom:10px;
}

.distinctions .image img{
        border:0px;
}

.distinctions .item{
	width:260px;
	float:left;
	margin:5px 20px 0px 5px;
}

.distinctions .item .noImage{
	padding-left:63px;
}

.distinctions h2 a:link, .distinctions h2 a:visited{
	color:#E5C11B;
        font-size:16px;
}


.distinctions h2 a:hover{
        text-decoration:underline;
}

.distinctions .item .image{
	float:left;
	width:57px;
}

.distinctions .item .image img{
        border:0px;
}


/************ PANIER *************************/

div#panier div#panier_top {
width:231px;
height:20px;
}

div#panier_top h1 { margin-top:0px;margin-bottom:20px;}

div#panier div#panier_bottom {
width:231px;
height:11px;
}

div#panier_content {
padding-bottom:10px;
width:300px;
}

div#panier_title h1 { margin-top:10px; }

div#panier_content p {
margin:0px;
text-align:center;
font-style:italic;
color:#000;
}

div#panier_content p.button_order { text-align:right; margin-right:3px; margin-top:10px; }

div#panier_content p.button_order a { 
background-color: #fff;
font-style:normal;
font-weight:bold;
padding:4px;
border:solid 1px #000;
font-family: Arial;
color:black;
background-image:none;
}

div#panier_content table.panier_table { width:300px;padding-left:10px;}
div#panier_content table.panier_table tr td { padding:5px; color:#fff; }
div#panier_content table.panier_table td.total { border-top:solid 1px #3f3b35; }
div#panier_content table.panier_table td.quantity { width:20px; background-color:#3f3b35;color:white;text-align:center;}
div#panier_content table.panier_table td.delete { text-align:center; width:12px; background-color:#fff;color:#000; cursor:pointer; }

.distinctions img { border:none; }