html { padding: 0; margin: 0; text-align: center }
body { padding: 0; margin: 4px auto; font-family:"Lucida Grande", "Lucida Sans", Verdana, Geneva, Arial; font-size: 12px; color: #000 }

a{outline:none;}
img { border: 0 }
form{margin:0;padding:0;}

input{
	color:#000000;
}

table{border:none;}





#all {  width: 1000px; margin: 0 auto; }
.container{text-align:left;}
.clear{font-size:0px;line-height:0px;clear:both;}


.columnLeft { width: 710px; float: left; text-align:justify; }
.columnRight { width: 245px; float: right }

.lettrine_pave_image_texte{
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	margin-right:4px;
	line-height:26px;
}

/*
****************** H
*/
h1 { display: none }
h2.h2_myriad{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:32px;
	margin-bottom:30px;
}
h2.h2_myriad_smb{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:24px;
}
h3.h3_myriad{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:18px;
	margin-bottom:20px;
}
h3.h3_myriad_smb{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:18px;
}
h3.h3_myriad_smb_16{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:16px;
}
h4.h4_myriad{
	margin:0;
	padding:0;
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:18px;
	margin-bottom:30px;
	margin-top:5px;
	color:#999999;
	font-weight:normal;
}



/*
********************** FORM
*/
input.bd{
	border:solid 1px #dddddd;
	padding-top:2px;
	padding-bottom:2px;
}




/*
****************** FONT
*/
.color_red{color:#a90f4c;}
.color_grey{color:#888888;}
.color_black{color:#000000;}

.size_big{font-size:20px;}
.size_mini_big{font-size:16px;}


/*
****************** PADDING MARGIN
*/
.pad_lr_mini{
	padding-left:10px;
	padding-right:10px;

}




/*
********************** MENU HEADER
*/
/*
# V1
*/
#header ul.nav { margin: 0; padding: 80px 0 0 5px; list-style: none; text-align: left }
#header ul.nav li { display: inline; margin: 0; padding: 0; list-style: none }
#header ul.nav li a { display: block; float: left; margin: 0 5px; width: 107px; height: 28px }
#header ul.nav li a.this { height: 29px }
#header ul.nav li a span { display: none }

#header ul.subnav { clear: both; margin: 0; padding: 7px 0 0 8px; list-style: none; text-align: left }
#header ul.subnav li { color: #FFF; display: inline; margin: 0; padding: 0; list-style: none }
#header ul.subnav li a,
#header ul.subnav li a:link { color: #FFF; margin: 0 10px 0 5px; padding: 0; text-decoration: none }
#header ul.subnav li a:hover { text-decoration: underline }

/*
# V2
*/
/* MENU */
#menu{
    margin-top:0;
	height:48px;
	width:100%;
    background-color:#ffffff;
    line-height:normal;
}
#menu ul{
    margin:0;
    padding:0;
    list-style:none;
}
#menu li{
    float:left;
	list-style:none;
	width:105px;
	font-family:"Gill Sans", "Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	background:#e7e7e7 url("http://img.1855.com/v5/universel/corner/6/corner_right_top.gif") no-repeat right top;
    margin:0;
    padding:0;
	margin-left:6px;
}
#menu li#no_marg{margin:0px;}	
#menu a{
	display:block;
	background:url("http://img.1855.com/v5/universel/corner/6/corner_left_top.gif") no-repeat left top;
	height:24px;
	line-height:24px;
}

#menu li.selected{background-color:#cccccc;}
/* SOUS-MENU */
#menu .sub_menu{
	text-align:left;
	clear:both;
	height:24px;
	font-family:"Gill Sans", "Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#cccccc;
	color:#888888;
	line-height:24px;
	margin:0;
	padding:0;
	margin-top:24px !important;
	padding-left:16px;
	padding-right:16px;
}
#menu .sub_menu span{
	margin-left:10px;
	margin-right:8px;
}
#menu .sub_menu a{
	display:inline;
	background:none;
}
/* FORMULAIRE */
.quick_search_sub_menu{position:relative;}
.quick_search_sub_menu form{
	position:absolute;
	right:15px;
	top:24px !important;
	top:28px;
	font-family:"Gill Sans", "Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:24px;
	line-height:24px;
}
.quick_search_sub_menu input.texte{
	border:none;
	width:130px;
	height:14px;
	margin-left:13px;
	background:#cccccc url("http://img.1855.com/v5/universel/form/input/14_gris_lens_130.gif") no-repeat;
	padding-left:14px;
	padding-right:6px;
	font-size:10px;
	color:#888888;
}
.quick_search_sub_menu input.texte:focus{
	color:#000000;
}




/*
********************** MENU MEMBRE
*/
.mbre{
	font-family:"Gill Sans", "Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:22px;
	text-align:center;
	border:solid 1px #e7e7e7;
	border-left:0;
	border-right:0;
	color:#888888;
	line-height:22px;
	padding-left:16px;
	padding-right:16px;
	margin-bottom:4px;
	margin-top:4px;
}
.mbre a{
	font-family:"Gill Sans", "Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mbre_right{
	float:right;
	height:20px;
	line-height:20px;
	color:#888888;
}
.mbre span{
	margin-left:10px;
	margin-right:8px;
	color:#888888;
}




/*
********************** NAVIGATION VP "Toutes nos Ventes"
*/
#Nav {
	position:aboslute;
	padding:0;
	list-style:none;
}

#Nav li {
	font-size:12px;
	text-align:left;
	width:320px;
	background-image:none;
	background-color:#cccccc;
	margin:0;
	float:left;
	padding:0;
	border-top:solid 1px #ffffff;
}
#Nav li a {
	text-align:left;display:block;font-size:12px;width:304px;background-image:none;background-color:#cccccc;color:#a90f4c;text-decoration:none;margin:0;padding-left:16px;
}
/*#Nav li a:active {
	display:block;
	background-color:#cccccc;
	color:#a90f4c;
	text-decoration:none;	
	margin:0;
}*/
#Nav li a:hover{
	background-color:#a90f4c;color:#ffffff;display:table;padding-left:16px;padding-right:16px;
}
.Menu {
	padding:0;
	margin:0;
	list-style:none;
	display:none;
}



/*
********************** BOX
*/
.box_future_mbre{
	width:515px;
	background-color:#eeeeee;
	padding:16px;
	margin-bottom:20px;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -webkit-border-radius: 10px;
}
.box_future_mbre td{
	padding-bottom:10px;
}
.hr_box_mbre{
	width:546px;
	margin-bottom:20px;
}

.box_title{
	background-color:#eeeeee;
	padding:16px;
	margin-bottom:20px;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -webkit-border-radius: 10px;
}
.box_engagement{
	width:450px;
	background-color:#eeeeee;
	padding:16px;
	margin-bottom:45px;
	margin-left:20px;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -webkit-border-radius: 10px;
}



/*
****************** HOME
*/
.homeAnnonceVP{
	float:left;
	width:630px;
	text-align:left;
}
.homePave{
	float:right;
	width:245px;
}
.homePavePromoActif{
	text-align:left;
	width:630px;
	height:220px;
	color:#888888;
	background-position:top left;
	background-repeat:no-repeat;
	border:solid 1px #e7e7e7;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
.homePavePromoFutur{
	width:630px;
	height:220px;
	color:#000000;
	background-position:top left;
	background-repeat:no-repeat;
	border:solid 1px #e7e7e7;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
.homePavePromoInfoActif{
	text-align:left;
	display:block;
	width:630px;
	height:200px;
}
.homePavePromoInfoFutur{
	width:230px;
	text-align:center;
	margin-top:-65px;
	margin-left:25px;
}
.homePavePromoInfoTexte{
	width:230px;
	text-align:center;
	padding-left:25px;
	padding-top:135px;
}
/*.homePavePromoFiltre{
	height:200px;
	background-color:#000000;
	-moz-opacity:0.25;
	opacity:0.25;
	filter:alpha(opacity=25);
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}*/
.homePavePromoFiltre{
	height:200px;
}



/*
****************** BLOC RIGHT GRIS
*/
.bloc_titre{
	text-align:left;
	width:239px;
	background-color:#cccccc;
	height:40px;
	line-height:26px;
	color:#777777;
	padding-left:6px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;	
}
.bloc_contenu{
	float:right;
	width:233px;
	margin-top:-14px;
	text-align:left;
	background-color:#eeeeee;
	color:#888888;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:32px;	
	margin-bottom:10px;
}
.bloc_line{
	border-bottom:solid 1px #cccccc;	
	padding-top:11px;
	padding-bottom:11px;
}








/*
****************** LIST PRODUCT
*/
.list_st{
	font-family:"Myriad", Verdana, Geneva, Arial;
	font-size:15px;
	color:#888888;
}
.list_info{
	color:#888888;
	font-size:13px;
	margin-top:2px;
	margin-bottom:5px;
}
.list_info_cat{
	border-top:solid 1px #c8c8c8;
	margin-top:5px;
	padding-top:2px;
}
.list_quantite{
	height:34px;
	line-height:34px;
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	font-size:13px;
}
.list_prix{
	height:34px;
	line-height:34px;
	border-bottom:solid 1px #c8c8c8;
	font-size:13px;
}
.list_prix_vp{
	float:right;
	color:#a90f4c;
	text-align:right;
	width:90px;
	margin-left:20px;
}
.list_prix_standard{
	float:right;
	color:#888888;
	text-align:right;
	width:80px;
}
.list_td_ligne{
	height:30px;
	line_height:30px;
}
.list_td_ligne_bd_bottom{
	height:30px;
	line_height:30px;
	border-bottom:solid 1px #c8c8c8;
}
.list_form{
	background-color:#eeeeee;
	border-top:solid 1px #c8c8c8;
	height:30px;
	line-height:30px;
	margin-top:5px;
}
.list_form_commande{
	float:right;
	padding-top:5px;
	padding-bottom:5px;
}
.list_td_espace_1{padding-right:20px;}
.list_td_espace_2{
	padding-left:20px;
	padding-right:20px;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
}
.list_td_espace_3{padding-left:20px;}



/*
****************** FICHE PRODUIT
*/
.ficheProductExpedition{
	font-family:"Gill Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#a90f4c;
	font-size:16px;
	margin-bottom:5px;
}
.ficheProductCommanderTitre{
	height:22px;
	color:#ffffff;
	line-height:22px;
	background-color:#a90f4c;
	padding-left:15px;
}








/*
****************** NOTATIONS
*/
.bloc_note{
	text-align:center;
	font-size:10px;
	color:#555555;
	padding-right:12px;
	padding-top:-16px;
}
.bloc_note b{
	color:#000000;
}
.bloc_note_rating{
	height:31px;
	line-height:31px;
	border:solid 1px #cccccc;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    -webkit-border-radius: 6px;
}








/*
**********************	DEBUG
 */
p.debugSql, 
pre { clear: both; color: #666; width: 96%; margin: 10px; padding: 5px 10px; text-align: left; background: #F6F6F6; border: 1px dashed #CCC }
p.debugSql span, 
pre hr { display: block; height: 1px; margin: 1px 0 3px; padding: 0; border: 1px solid #333; border-width: 1px 0 0 }



/*
**********************	HAUT DE PAGE
 */
#vp1855 { float: left; display: block; width: 100px; height: 75px }
#header { width: 1000px; height:72px;background-color:#a90f4c;/*height: 105px; background-color:#000000;*/ }
/*.header-logo{border:solid 1px #ffffff;margin-top:12px;margin-left:10px;}*/
.header-logo{margin-top:12px;margin-left:0px;}

/*
**********************	BAS DE PAGE
 */
.footer {
	width:1000px;
	height:28px;
	line-height:28px;
	background-color:#e7e7e7;
	padding-left:10px;
	padding-right:10px;
	color:#888888;
	text-align:right;
	margin-top:20px;
	-moz-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    -webkit-border-radius: 6px;
}

#underFooter { margin: 15px 0; color: #555; padding-bottom: 20px }
#underFooter span, #underFooter img { vertical-align: text-bottom }
#underFooter span, #underFooter select { color: #555 }
#underFooter .choose { font-weight: bold }






/*
**********************	CONTENU PRINCIPAL
 */
#mainContent { min-height: 500px; padding: 10px; text-align: center; padding-bottom: 0 }






/*
********************** LINKS
*/
a:link, a:active, a:visited{color:#000fc8;text-decoration:none;}
a:hover{color:#a90f4c;}

a.l_grey:link, a.l_grey:active, a.l_grey:visited{color:#888888;text-decoration:none;}
a.l_grey:hover{color:#a90f4c;}


a.l_wine:link, a.l_wine:active, a.l_wine:visited{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#000fc8;text-decoration:none;}
a.l_wine:hover{color:#a90f4c;}

a.l_red:link, a.l_red:active, a.l_red:visited{color:#a90f4c;text-decoration:none;}
a.l_red:hover{color:#a90f4c;}

a.l_blue:link, a.l_blue:active, a.l_blue:visited{color:#000fc8;text-decoration:none;}
a.l_blue:hover{color:#a90f4c;text-decoration:none;}





/*
 *	DETAIL D'UN PRODUIT
 */
#detail { width: 960px }
#detail .etiquette { width: 200px; margin: 15px; float: left }
#detail .etiquette img {  }
#detail a,
#detail a:link { color: #039; text-decoration: underline }
#detail a:visited {  text-decoration: underline }
#detail a:hover { color: #a90f4c; text-decoration: none }

#detail .content { width: 700px; float: right }

#description { width: 440px; padding-right: 10px; float: left; text-align: left }
#description h2 { font-size: 1.8em}
#description p { margin: 0; padding: 0; text-align: justify }
#description .note { text-align: left }

#orderBox { width: 240px; float: right; padding: 0 0 10px; margin: 15px 0 10px 5px; background: #F3F3F3 }
#orderBox h3 { background: #CCC; padding: 2px 5px; margin: 0 0 5px }
#orderBox span { padding: 5px }
#orderBox .price span { font-weight: bold }
#orderBox .separate { clear: both; margin: auto; padding: 0; width: 210px; height: 0; border-top: 1px solid #999 }
#orderBox .vpPrice span { font-weight: bold; color: #a90f4c }
#orderBox form { margin: 0 }
#orderBox ol { margin: 0; padding: 0 5px 0 25px }
#orderBox li { text-align: left; font-weight: bold }
#orderBox li p { margin: 10px 0 }
#orderBox li p, i, input { font-weight: normal }
#orderBox li i { font-size: 0.9em }

#informations { margin: 0 0 0 0 }
#informations h3 { padding: 5px; text-align: left; border: 1px solid #999; border-width: 1px 0 }
#informations .table-display {}
#informations .table-display dt { width: 16%; margin: 0; padding: 5px; float: left; text-align: left; font-weight: bold }
#informations .table-display dt { clear: both }
#informations .table-display dd { width: 81%; margin: 0; padding: 5px; float: left; text-align: justify; }

#noResult { text-align: left  }

.gauche { float: left }
.droite { float: right }
.centrer { margin: auto; text-align: center }
.clearer { display: block; clear: both; height: 0 }


/*
*************** BARRE DE TRIE
*/
.barre_trie{
	font-size:12px;
	text-align:left;
	background-color:#e7e7e7;
	height:26px;
	line-height:26px;
	color:#888888;
	padding-left:6px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;	
}
.barre_trie span{
	margin-left:10px;
	margin-right:8px;	
}
.barre_trie_prix{
	float:right;
	padding-right:6px;
	width:110px;
	text-align:right;
}
.barre_trie_vpprix{
	float:right;
	padding-right:6px;
	width:80px;
	text-align:right;
}


/*
 *	LOGIN ET CREATION DE COMPTE
 */
#login { text-align: left }
#login img { margin: 10px }
#login h2 { font-size: 2.5em }
#login h3 { margin: 15px 0; padding: 5px; font-weight: bold; background-color: #e7e7e7; font-size: 1.1em; height: 15px }
#login h3 input { position: absolute; padding: 0; margin: -2px 0 0 0 }
#login .obligatoireEtoile { color: #87888a }
#login .obligatoireInfo { color: #575757 }

#login h3 span { font-weight: normal }
#login #boxLeft { margin: 0 0 5px; width: 423px; float: left }
#login #optionChoice span { margin: 5px 10px; float: left }
#login #boxRight { margin: 0 0 5px; width: 423px; float: left }
#login .boxInput { margin: 0 0 5px; padding: 0 0 3px; border: 1px solid #DDD }
#login .boxInput label { font-weight: bold }

#login span.passAuto { text-decoration: underline; color: blue }

#login .table-display dt { width: 35%; margin: 0; padding: 5px; float: left; text-align: left; font-weight: bold }
#login .table-display dt { clear: both }
#login .table-display dd { width: 55%; margin: 0; padding: 5px; float: left; text-align: justify }

#login .table-display-messages dt { width: 60%; margin: 0; padding: 5px; float: left; text-align: left; font-weight: bold }
#login .table-display-messages dt { clear: both }
#login .table-display-messages dt span { font-weight: normal }
#login .table-display-messages dd { width: 35%; margin: 0; padding: 5px; float: left; text-align: justify }

#allPopup { width: 590px; margin: 0 auto; background: url(http://img.1855.com/vp/ihm/bg.png) }
#headerPopup { width: 590px; height: 80px; background: url(http://img.1855.com/vp/ihm/header.gif) }
#mainContentPopup { padding: 10px; text-align: center; padding-bottom: 0 }
#popup { width: 550px; margin: 0; padding: 10px }
#popup p { text-align: justify; margin: 0; padding: 0 }


/*
 *	LISTE DE RESULTATS
 */
#resultsList { width: 960px; margin: 0 auto; text-align: left }
#resultsList h2 { font-size: 1.7em; margin: 4px 0 6px; padding: 0 }

table#resultsTable { width: 100%; margin: 25px auto 28px; border-collapse: collapse }
table#resultsTable tr th { text-align: center; background: #EEE; padding: 3px 0 }
table#resultsTable tr .wine,
table#resultsTable tr.wineText td { text-align: justify;vertical-align:top; }
table#resultsTable tr th.wine a { padding-left: 20px }
table#resultsTable tr .qt,
table#resultsTable tr .price,
table#resultsTable tr .vpPrice { text-align: right }
table#resultsTable .first td { border-top: 1px solid #EEE }
table#resultsTable tr td { padding: 10px 0 0 }
table#resultsTable tr td.wine { padding-left: 12px }
table#resultsTable tr td.infosPlus { padding: 0 }
table#resultsTable tr td.infosPlus span { display: block; padding: 0 0 3px; margin: 0 0 0 12px }
table#resultsTable tr td.infosPlus span strong { font-weight: bold }
table#resultsTable tr.wineText td { padding: 5px 0 28px 12px }
table#resultsTable tr.wineText td span.note { display: block; padding-top: 3px }
table#resultsTable img { margin: 0 8px 12px 0 }
table#resultsTable tr .qt { width: 80px; font-weight: bold }
table#resultsTable tr .price { width: 110px; font-weight: bold }
table#resultsTable tr .vpPrice { padding-right: 5px; font-weight: bold; color: #a90f4c }
table#resultsTable tr th.wine { width: 110px }
table#resultsTable tr td.formButton { vertical-align: bottom }
table#resultsTable a,
table#resultsTable a:link { color: #039; text-decoration: underline }
table#resultsTable a:visited { text-decoration: underline }
table#resultsTable a:hover { color: #a90f4c; text-decoration: none }
table#resultsTable tr td a { font-size: 1.2em; font-weight: bold }

div.pagin { text-align: center }
span.pagin { font-weight: bold }
ul.pagin { display: inline; margin: 0; padding: 0; list-style: none }
ul.pagin li { display: inline; margin: 0; padding: 0; list-style: none }
ul.pagin li.this { font-weight: bold }
ul.pagin li a:link { color: #039; text-decoration: underline }
ul.pagin li a:visited { text-decoration: underline }
ul.pagin li a:hover { color: #a90f4c; text-decoration: none }


/*
 *	PAS DE RESULTAT DANS LA LISTE
 */
#resultsList p {text-align: left; margin: 10px 0 }
#resultsList p.rouge1855bold {text-align: left; margin: 20px 0 }




