@CHARSET "UTF-8";


.AM-error {
	font-size:9px;
	color:#999;	
	margin:1em;
	padding:2px;
}

/*###################################### CSS GENERAL ##############################################*/
img {
	border: 0;	
}

a:link, a:visited, a:hover, a:active  {
   color: #000000;
   text-decoration: none;
}
form {
	margin: 0;
	padding: 0;	
}

body { 
  background-color: #E3E3E3;
  font-family: arial,helvetica,sans;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.img_txt {
	line-height: 1px;
}

.img_txt img {
	display: inline;
	vertical-align: middle;
}
.img_txt span{
	vertical-align: middle;
	padding-left:5px;
}

/*#################################### CONTENEURS PRINCIPAUX ######################################*/


#DioAtmosphere {
	position: absolute;
	top:0;
	left:0;
	
}

#ombre {
	position: absolute;
	top:0;
	left:225px;
	min-height:590px;
	width:19px;
	background: transparent url('/images/ombre.png') repeat-y left top;
	z-index:1000;
}
#main {
	position: relative;
	width: 990px;
	min-height: 590px;
	margin: 5px auto 0 auto;
	padding: 0;
	background: transparent url('/images/ombre-all.png')  repeat-y top right;
}

div.ZoneContent {
	float:left;
	width: 565px;
	min-height: 540px; /* 590 - 50 pixel du menu */
	margin-left: 225px;
}


div.ZoneInfos {
	float:right;
	width: 179px;
	margin-right:19px;	
	
	/*background-color: yellow;*/
	
}

/*#################################### DANS LE MENU EN HAUT ############################################*/


#menu {
	background: #850000;	
	float: left;
	height: 50px;
	width: 746px;
	margin: 0 0 0 225px;
	padding:0;
	
	/*	background: #850000;	
	margin:0;
	padding:0;
	position:absolute;
	left:225px;
	*/
	}
	
	
	#menu li {
		float:left;
		list-style:none;
	}
	
	#menu li a {
		display: block;
		height:50px;	
		text-align:center;
		line-height:50px;
		color:white;
		
	}
	
	#menu li a:hover {
		background-color: #A10000;	
	}
	#menu li a.current {
		background-color: #A10000;		
	}


	
	#menu #accueil            { width: 80px;}
	#menu #presentation       { width: 100px;}
	#menu #catalogue          { width: 90px;}
	#menu #domaines           { width: 90px;}
	#menu #cadeaux-affaires   { width: 146px;}
	#menu #blog               { width: 70px;}
	#menu #panier             { width: 100px;}
	#menu #contact            { width: 70px;}


div.ZoneContent h1 {
	color: #960001;	
	margin: 0;
	padding: 0;
	font-size:15px;
}


div.ZoneContent h1 span {
	display: none;
}



a.aqte  {
	display: block;
	height:6px;
	width:12px;
	margin-bottom:2px;
}
.aqte span {
	display: none;
}

a.qte-up {
	background: transparent url('/images/panier/up.gif') no-repeat top left;
}

a.qte-down {
	background: transparent url('/images/panier/down.gif') no-repeat top left;
}


.infos {
	margin: 60px 60px 0 60px;
	font-size: 12px;
	font-weight: bold;
	color: 	#850000;
	text-align: center;
}


table.formulaire {
	
}

	table.formulaire td, 
	table.formulaire th {
		padding:2px;
	} 
	
	table.formulaire th {
		width:8em;
		text-align: right;
		padding-right:15px;
		font-weight: normal;
	}
	
	
	table.formulaire input,
	table.formulaire select {
			width : 180px;
	}
	table.formulaire input.pu {
		width: 40px;
	}
	table.formulaire input.radio {
		width: 13px;
	}
	
	textarea#message,
	table.formulaire select,
	table.formulaire option,
	table.formulaire textarea,
	table.formulaire input {
		border:0;
		background-color: #d7d5c5;
		padding:2px;
	}
	
	
	input.submit {
		width: 95px !important;
		color: white;
		background: #993333 url('/images/commande/recherche-vins-2_07.gif') no-repeat 4px 50% !important;	
		border:0;
		padding: 3px 3px 3px 12px;
		font-weight: bold;
		margin:10px;
		cursor: pointer;
	}


/* ####################### MENU INFOS ############################## */

	
	#Infos ul.regions {
		margin:0;
		padding:0;
		background-color: white;
		
	}


	
	#Infos ul.regions li {
		margin:1px 0 1px 0;
		padding:0;
		list-style: none;
	}
	
	
	
	#Infos ul.regions a {
		display: block;
		text-align: center;
		padding: 3px 0;
		font-size:10px;
		font-weight: bold;
	}
	
	#Infos ul.regions a:hover {
		background-color:#960001 !important;
		color:white;
	}
	
	
	#Infos ul.regions li.r1 a {background-color: #cad9dc}
	#Infos ul.regions li.r2 a {background-color: #eef2f3}
	#Infos ul.regions li.r3 a {background-color: #f1eec1}
	#Infos ul.regions li.r4 a {background-color: #d7d5c6}
	#Infos ul.regions li.r5 a {background-color: #eef2f3}
	#Infos ul.regions li.r6 a {background-color: #f1eec1}
	#Infos ul.regions li.r7 a {background-color: #d7d5c6}
	#Infos ul.regions li.r8 a {background-color: #eef2f3}
	
	#Infos h4 {
		padding:0; 
		margin:15px 0 10px 0;
	}
	#Infos h4 span {
		display: none;
	}

	#Infos .blog img {
		margin: 15px 0 0 80px;
	}

	#Infos .blog h4 {
		background: transparent url('/images/blog.jpg') no-repeat 5px top;
		height: 15px;

	}
	#Infos .blog ul {
		margin:0;
		padding:0;
	}
	#Infos .blog li {
		margin-left:25px;
		list-style-type: square;
		margin-bottom:13px;
		font-size:11px;
		
	}

	#Infos .offre h4 {
		background: transparent url('/images/recevez-offres.jpg') no-repeat 5px top;
		height: 12px;
	}


	#Infos form  {
		text-align: center;
	}
	
	#Infos form input {
		border:1px solid #999;
		background-color: white;
		width:110px;
	}
	
	#Infos form input.submit2 {
		border:0;
		background-color: transparent;
		width: 20px;
	}


	#Infos .recherche {
		background-color: white;
	}
		#Infos .recherche label {
			text-align: center;
			display: block;
			background-color: #99a4a6;
			padding:6px 0 6px 10px;
			font-size:13px;
		}
		#Infos .recherche input#q {
			margin:5px 0;
		}

#Infos input#champ-email {
	text-align: center;
	font-size:11px;
	color:#999;
}
	

#coup-de-coeur .img-coup-de-coeur {
	position: absolute;
	background: transparent url('/images/coup-de-coeur.png') top left no-repeat;
	width: 115px;
	height: 203px;	
	right: 0;
	top: 50px;
}

#coup-de-coeur {
	position:relative;
	width: 566px;
}

#coup-de-coeur strong {
	font-size : 12px; 
}
#coup-de-coeur span {
	margin: 0;
	font-size : 11px; 
}
#coup-de-coeur .penchants {
	background: #EEF2F3 url('../images/penchants.jpg') 20px 40% no-repeat;
	height: 125px;
	margin:0;
	padding: 0;
	padding-left:165px;
}
#coup-de-coeur .penchant {
	float: left;
	margin: 0 0 0 0;
	width: 165px;
	padding: 38px 0 0 0;
}

#coup-de-coeur .tendances {
	background: #F1EEC1 url('../images/tendances.jpg')  no-repeat 20px 15%;
	height: 116px;
	margin: 0;	
	padding: 10px 0 0 165px;
}

#coup-de-coeur .tendance {
	margin: 0 0 0 0;
	width: 165px;
	padding: 0;
}
#ZC-Presentation {
	
	background: transparent url('/images/presentation/presentation_03.gif') no-repeat 350px 60px;
	
}

#ZC-Presentation h1 {
	background: transparent url('/images/presentation/presentation_06.gif') no-repeat left top;
	
}

#ZC-Presentation div {
	padding-top:170px;
	padding-left:50px;
	padding-right:80px;
	background: transparent url('/images/presentation/presentation_11.jpg') no-repeat 494px bottom;
	min-height:420px;
}
#ZC-Presentation div p{

}.Cat-recherche {
	min-height: 289px;
}

.Cat-recherche h1 {
	margin: 15px 0 15px 15px !important;
}
	
	

.Cat-recherche h1#vins {
	background: transparent url('/images/catalogue/recherche-vins.gif') no-repeat 40px bottom;
	height: 52px;
}
	

.Cat-recherche h1#spiritueux {
	background: transparent url('/images/catalogue/recherche-spiritueux.gif') no-repeat 40px bottom;
	height: 48px;
}
	

.Cat-recherche h1#cadeaux {
	background: transparent url('/images/catalogue/recherche-cadeaux.gif') no-repeat 40px bottom;
	height: 48px;
}

.Cat-recherche table.formulaire {
	margin:0 auto;
}

/**
 *	Coffret Saveur
 */

table.cadeau {
	width:566px;
	margin:0;
	background-color: #edebd9;
	border-bottom:2px solid white;
	
}
	
	table.cadeau td.image {
		width:150px;
	}
	
	table.cadeau td.price {
		text-align:center;
		font-size: 15px;
		font-weight: bold;
		padding: 10px;
		width: 90px;
	}
	
	table.cadeau td.titre {
		padding: 10px;
	}
	table.cadeau td.description {
		padding: 10px;
	}
	
	
	table.cadeau td.input {
		vertical-align: bottom;
		padding: 0 10px 10px 0;
	}
	table.cadeau a {
		width : 85px;	
		display: block;
		background: #993333 url('/images/commande/recherche-vins-2_07.gif') no-repeat 10px 50%;
		padding: 3px 2px 3px 20px;
		color:white;
	}

	


.Cat-select {
	
	min-height: 289px;
}
	.Cat-select h1 {
		background: transparent url('/images/catalogue/h1.gif') no-repeat left top;
		height: 43px;
		
		margin: 55px 0 0 15px !important;
		
	}
	
	.Cat-select ul {
		position: absolute;
		left: 330px;
		top: 150px;
		padding:0;
		margin:24px 0 0 0;
	}
	
	.Cat-select ul li {
		float:left;
		list-style: none;
		margin:0;
		padding:0;
	}
	
	.Cat-select li a {
		display: block;
		height: 144px;
		width: 107px;
	}
	
	.Cat-select li a span {
		display: none;
	}
	
	.Cat-select li a#Cat-Vins {
		background: transparent url('/images/catalogue/vins.gif') no-repeat top left;
	}
	
	.Cat-select li a#Cat-Spiritueux {
		background: transparent url('/images/catalogue/spiritueux.gif') no-repeat top left;
	}
	
	
	.Cat-select li a#Cat-Cadeaux {
		background: transparent url('/images/catalogue/cadeaux.gif') no-repeat top left;
	}
	
	.Cat-select li a#Cat-Vins:hover,
	.Cat-select li a#Cat-Spiritueux:hover,
	.Cat-select li a#Cat-Cadeaux:hover {
		background-position: left -144px;
	}
	
	
#dlCatalogue {
	display:block;
	position: absolute;
	right:205px;
	top: 65px;
	height: 	111px;
	width: 111px;
	background: transparent url('/images/catalogue/catalogue.gif') no-repeat left top;
}

#dlCatalogue:hover {
	background-position: left -111px;
}
#dlCatalogue span {
	display: none;
}


#vins-resultats {
	width:554px;
	margin-left:10px;
	border-collapse: collapse;
}

#vins-resultats .pu {
	background-color: #f7f7f7 !important;
}
#vins-resultats .qte {
	background-color: #ededed !important;
}
#vins-resultats .ajout {
	background-color: #f7f7f7 !important;
}

#vins-resultats  tr {
	vertical-align: middle;
}

#vins-resultats  tr.line0 td{
	background-color: #efefef;
}
#vins-resultats  tr.line1 td {
	background-color: white;
}

#vins-resultats  th ,
#vins-resultats  td {
	text-align: center;
	padding:2px;
	border:1px solid white;
}
#vins-resultats  td td {
	border:0;
}

#vins-resultats  td.price {
	font-weight: bold;
	text-align: right;
}

#vins-resultats  td.region, 
#vins-resultats  td.designation {
	text-align: left;
}
#vins-resultats  td.region {
	background-color: #960001;
	color: white;
	font-size:12px;
}


#vins-resultats  .btnAdd {
	width:12em;
	border:0;
	background-color: transparent;
	cursor: pointer;
		
}


#vins-resultats  .quantite tr {
	vertical-align: middle;
}
#vins-resultats  .quantite input {
	width:3em;
	border:0;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
}



a#NewRecherche {
	display: block;
	width: 140px;
	color:white; 
	text-align:left;
	font-weight: bold;
	padding : 4px 0 4px 30px;
	margin: 1px 3px 0 3px;
	background: #993333 url('/images/commande/recherche-vins-2_07.gif') no-repeat 10px 50%;
	
}

#ZC-Panier {
	background: transparent url('/images/commande/formulaires-facturation_49.gif') no-repeat 30px 15px;
	width : 746px;
	padding-top:45px;
}

#ZC-Panier h1 {
	background: transparent url('/images/commande/formulaires-facturation_33.gif') no-repeat 130px bottom;
	height: 18px;
	margin-bottom:45px;
}

.ZC-actions  {
	width: 200px;
	float: right;
	padding-top:15px;
	
}

.ZC-actions  a {
	display: block;
	width: 190px;
	color:white; 
	font-weight: bold;
	padding : 4px 0 4px 50px;
	float:right;
	margin: 1px 3px 0 3px;
}

.ZC-actions a.commander {
	background: #373535 url('/images/commande/formulaires-facturation_42.gif') no-repeat 10px 50%;
	
}
.ZC-actions  a.autres {
	background: #993333 url('/images/commande/recherche-vins-2_07.gif') no-repeat 10px 50%;
	
}


#PanierListe {
	height:300px;
	overflow: auto;
}

#Panier tr.total td {
	background-color: white;
	padding:5px;
	font-size:12px;
	font-weight: bold !important;
	text-align: center;
}

#Panier tr.total td strong {
	color: #960001;
}


#Panier h2 span {
	display: none;
}
#Panier h2 {
	background: transparent url('/images/commande/formulaires-facturation_33.gif') no-repeat 15px 0;
}

#Panier table {
	table-layout: fixed;
	width:100%;
	font-size:10px;
}


#Panier tr.end td {
	border-bottom:2px solid #d7d5c6;
}
#Panier table td {
	background-color: #edebd9;
}
#Panier table td.qte {
	text-align: center;
}
#Panier table td.remove {
	text-align: right;
	padding: 2px 3px 0 0;
}

#Panier table td.price {
	vertical-align: bottom;
	font-weight: bold; 
	color: #960001;
	text-align: right;
	padding-right:3px;
	font-size:11px;
}



#Panier col.COL1 { width:2em}
#Panier col.COL2 { width:15px}
#Panier col.COL3 {}
#Panier col.COL4 { width: 5em}


#btnCommande {
	background-color: #373335;
	color:white;
	display:block;
	font-size:12px;
	text-align: center;
	padding:5px;
	font-weight: bold;
}


.C-General-panier {
	background-image: url('/images/ombre-all-uni.png') !important;
}

.C-General-commande {
	background-image: url('/images/ombre-all-uni-creme.png') !important;
}


.C-General-panier h1,
.C-General-commande h1 {
	padding : 40px 0 0 30px;
	margin-bottom:15px;
	
}

.C-General-panier h1 {
	background: transparent url('/images/catalogue/recherche-vins.gif') no-repeat 40px bottom;
	height: 52px;
}
.C-General-commande h1 {
	background: transparent url('/images/commande/formulaires-facturation_30.gif') no-repeat 40px bottom;
	height: 52px;
}

#TCommande {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	
}

#TCommande .COL1 { width:50px;}
#TCommande .COL2 { }
#TCommande .COL3 { width:75px;}
#TCommande .COL4 { width:75px;}
#TCommande .COL4bis { width:75px;}
#TCommande .COL5 { width:120px;}

#TCommande td,
#TCommande th {
	padding:5px;
	background-color: white;
	border:1px solid #d7d5c5;
}  

#TCommande td.qte,
#TCommande th.qte {
	background-color: #edebd9;
	text-align: center;
	font-weight: bold;
}  

#TCommande td.price,
#TCommande th.price {
	background-color: white;
	text-align: center;
	font-weight: bold;
}  
#TCommande th.bas,
#TCommande td.bas {
	background-color: #f3f3ef;
	border-color: #f3f3ef;
}  
#TCommande th.bas {
	text-align:right;
	padding-right: 15px;
}

#TCommande th.no {
	background-color: transparent;
	border:0;
}

#TCommande th.titre {
	text-align: left;
	padding-left:50px;
}  

#TCommande td.description {
	border-left:0;
}

#TCommande td.price_total {
	color:#960001;
}

#TCommande td.supprime {
	text-align: center;
}
#TCommande td.cdc {
	border-right:0;
}
#TCommande td.ss-total {
	text-align:center;
	font-weight: bold;
	font-size:130%;
	color:#960001;
}

#TCommande tr.line1 .cdc,
#TCommande tr.line1 .description {
		background-color: #eeebda;
	}

#TCommande tr.line2 .cdc,
#TCommande tr.line2 .description {
		background-color: #d7d5c6;
	}
	
#ZC-Commande {
	width : 746px;
	padding-top:45px;
}


#ZC-Commande2 {
	width : 746px;
	padding-top:45px;
	background-color: #d7d5c5;
}


#ZC-Commande h1 {
	background: transparent url('/images/commande/formulaires-facturation_30.gif') no-repeat 40px bottom;
	height: 54px;	
}

#ZC-Commande2 h1 {
	background: transparent url('/images/commande/recapitulatif-commande4_07.gif') no-repeat 40px bottom;
	height: 54px;	
}

#ZC-Commande2 h2 span,
#ZC-Commande h2 span {
	display: none;
}



#ZC-Commande2 h2.addr-facturation,
#ZC-Commande h2.addr-facturation {
	background: transparent url('/images/commande/formulaires-facturation_38.gif') no-repeat 40px bottom;
	height: 15px;
}




#ZC-Commande2 h2.addr-livraison,
#ZC-Commande h2.addr-livraison {
	background: transparent url('/images/commande/formulaires-facturation_45.gif') no-repeat 40px bottom;
	height: 15px;
}


#ZC-Commande2 p.buttons,
#ZC-Commande p.buttons {
	text-align: center;
}

#ZC-Commande2 p.buttons input,
#ZC-Commande p.buttons input {
	display: block;
	margin:5px;
	float: right;
	clear:both;
}

#ZC-Commande p,
#ZC-Commande table.formulaire {
	margin-left:55px;
}
#ZC-Commande table.formulaire tr {
	vertical-align: top;
}

#ZC-Commande table.formulaire td,
#ZC-Commande table.formulaire th {
	padding:2px;
}

#ZC-Commande table.formulaire th {
	text-align: right;
	padding-right:5px;
}



#ZC-Commande2 .buttonModif,
#ZC-Commande2 .buttonSubmit,
#ZC-Commande2 .buttonReset {
	width: 220px;
	cursor: pointer;
}

#ZC-Commande2 .buttonModif:hover,
#ZC-Commande2 .buttonSubmit:hover,
#ZC-Commande2 .buttonReset:hover {
	
}

#ZC-Commande2 .buttonSubmit {
	background-image: url('/images/commande/formulaires-facturation_42.gif');
	background-color: #373535;
}
#BTN {
	width:99%;
}
#BTN tr {
	vertical-align: top;
}
#BTN th{
	width : 230px;
}
#BTN td{
	padding:10px 0 5px 50px;
	font-size:110%;
	
}


#Customer {
	background-color: #D7D5C5;	
	padding-left:5%;
}

#Customer div.adresse {
	float:left;
	width: 42%;
	margin:5px;
	
}

#Customer h2.addr-livraison,
#Customer h2.addr-facturation {
	background-position: 0 bottom;
	margin:0 0 5px 0;
}
#Customer h2.addr-facturation {
	background-image: url('/images/bdc/recapitulatif-commande4_11.gif');
}
#Customer h2.addr-livraison {
	background-image: url('/images/bdc/recapitulatif-commande4_13.gif');
}

#Customer address {
	font-style: normal;
	margin-left:25px;
	margin-top:10px;
}


.btnSend input {
	clear:right;
	display: block;
	width: 140px;
	color:white; 
	text-align:left;
	font-weight: bold;
	padding : 4px 0 4px 30px;
	margin: 1px 3px 0 3px;
	background: #993333 url('/images/commande/recherche-vins-2_07.gif') no-repeat 10px 50%;
	border:1px solid white;
	float:right;
}



#ZC-Contact {
	padding-top:25px;
}

#ZC-Contact h1 {
	background: transparent url('/images/contact/contact_15.jpg') no-repeat 40px bottom;
	height: 15px;	
}


#ZC-Contact p ,
#ZC-Contact h2 {
	padding-left:25px;
}

#ZC-Contact .button {
	float: right;
}
#ZC-CGDV h1 {
	padding-top:25px;
	padding-left:25px;
}


#ZC-CGDV h3,
#ZC-CGDV p {
	padding-left:25px;
	text-align: justify;
	padding-right:15px;
}

#ZC-CGDV h3 {
	
}

#ZC-Domaines h3 {
	margin-left:50px;
}

table.domaines {
	margin-left:50px;
}

table.domaines td {
	width : 250px;;
}




#footer {
	clear: both;
	height: 5px;
	color: #666666;
	text-align: center;	
	font-size: 11px;
	padding-top: 5px;
	background: #E3E3E3;
}
#footer a {
	color: #666666;
}