* {
    margin: 0;
    padding: 0;
	outline:none;
}

/********************** css select ************************/
select.replaced {
    display: none;
}

ul.selectReplacement {
    margin: 0;
    padding: 0;
    height: 20px;
	width: 127px;
	margin-bottom:4px;
	float:left;
}

ul.selectReplacement li {
    background: #fcfcfc;
    color: #87847a;
    cursor: pointer;
    display: none;
    font-size: 11px;
    line-height: 16px;
    list-style: none;
    margin: 0;
    padding: 1px 12px;
    width: 102px;
}
ul.selectOpen{
	position:relative;
	z-index:1000;
	/*min-height:200px;*/
	/*overflow:scroll;*/
}

ul.selectOpen li {
    display: block;
	border-right:1px solid #c4c4c2;
	border-left:1px solid #c4c4c2;
}

ul.selectReplacement li.selected {
    color: #87847a;
	background:#ffffff;
    display: block;
	border:1px solid #c4c4c2;
	background:url("/styles/images/boutique/puce-select.png") right no-repeat #ffffff;
	background-position:95% center;
}

ul.selectOpen li.selected {
    background: #a7a192;
    display: block;
	color: #dddcd2;
}

ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover {
    background: #a7a192;
    color: #dddcd2;
}
tr.barre td{
	text-decoration: line-through;
}
#list-select p{
	height:20px;
	float:left;
	margin-bottom:4px;
	line-height:18px;
}
#list-select p.bouton{
	height:24px;
	line-height:24px;
}
/******** select long ********************************/
#delete ul.selectReplacement {
	width: auto;
	margin-right:40px;
}
#delete ul.selectReplacement li {
    width: 220px;
}
/********************** css select ************************/
img {
    border: 0;
}

html {
}

body {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #ddd7c6 url("/styles/images/ombre_body.png") repeat-y scroll center top;
}
.barre{
	text-decoration:line-through;
}
a {
    text-decoration: none;
    color: #6B6556;
	outline:none;
}

ul {
    list-style: none;
}

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

.png, .sid {
    behavior: url("/pngbehavior.htc");
}

#conteneur {
    width: 955px;
    margin: auto;
    background-image: url("/styles/images/fond.jpg");
}

#flash {
	width: 950px;
	height: 450px;
	margin: 0 auto;	
}

.titre {
    padding: 5px 0px;
}

.msg_error {
    color: #ff0000;
    text-align: center;
}

.tab-ligne-vide{
	margin:20px 0px;
}

.msg_ok {
    color: #33cc66;
    text-align: center;
}

.droite {
    text-align: right;
}

.gras {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.centrer {
    text-align: center;
}

.pointille {
    background: url("/styles/images/pointille.png") repeat-x;
    height: 1px;
    width: inherit;
}

.separateur {
    background: url("/styles/images/panier/separateur.png") repeat-x;
    height: 1px;
    margin-right: 3px;
}

.plein-image {
    display: block;
    height: 100%;
}

.float-gauche {
    float: left;
}

.float-droit {
    float: right;
}
.cursor{
	cursor:pointer;
}
.btn_noir {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 25px;
    background: #aba598;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    color: #fcfcfc;
    font-weight: bold;
}

.btn-inscrire{
	background:url("/styles/images/inscription/btn-inscrire.png") no-repeat;
	height:29px;
	width:151px;
	display:block;
	margin:auto;
	margin-top:20px;
	padding-top:5px;
	color:#eae9e3;
}

.error-404{
	margin:20px 0px;
	color:#888888;
}

/*=========================== HEADER ====================================*/
#header {
    width: 955px;
    height: 176px;
    background: url("/styles/images/header.png");
    color: #ffffff;
}

#header a {
    color: #ffffff;
}

#form_newsletter {
    float: right;
    display:inline;
    width:365px;
    padding-right: 20px;
    padding-top: 15px;
}

#logo {
    padding-left: 50px;
    padding-top: 31px;
    float: left;
}

#header #connexion {
    background: url("/styles/images/bloc_connexion.png") no-repeat bottom;
    height: 92px;
    margin-left: 35px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 75px;
    width: 164px;
    float: left;
    display:inline;
    color: #6c6a5f;
}
#header #lien-1-visite {
    background: url("/styles/images/bloc-1-visite.png") no-repeat;
    height: 68px;
    margin-left:7px;
    margin-top: 12px;
	padding-top:32px;
	padding-left:14px;
    width: 182px;
    float: left;
    display:inline;
    color: #6c6a5f;
}

#header #connexion h4 {
    padding: 0;
    margin: 0;
    height: 20px;
    text-transform: uppercase;
}

#header #connexion #form_connexion input[type = text], #form_newsletter input[type = text], #connexion #form_connexion input[type = password] {
    width: 130px;
    background: #bcb9a6;
    color: #6c6a5f;
    border-top: 1px solid #6c6a5f;
    border-right: 1px solid #6c6a5f;
    border-bottom: none;
    border-left: none;
    margin-bottom: 2px;
    padding: 2px 0px;
}
#header  #form_newsletter input.newsletter_emailie6 {
    width: 130px;
    background: #bcb9a6;
    color: #6c6a5f;
    border-top: 1px solid #6c6a5f;
    border-right: 1px solid #6c6a5f;
    border-bottom: none;
    border-left: none;
    margin-bottom: 2px;
    padding: 2px 0px;	
}

#header #compte {
    float: left;
    display:inline;
    background: url("/styles/images/bloc_cadeau.png") no-repeat bottom;
    width: 196px;
    height: 101px;
    margin-top: 12px;
}

#header #nos-partenaires {
    padding-top: 25px;
    float: left;
    padding-left: 20px;
}

#header #parrain {
    float: left;
    background: url("/styles/images/bloc-parrain.png") no-repeat bottom;
    width: 196px;
    height: 101px;
    padding-top: 12px;
}

#header #resume-compte {
    float: left;
    display:inline;
    background:transparent url("/styles/images/fond-compte.png") no-repeat top left;
    width: 423px;
    padding-right: 10px;
    height: 83px;
    margin-top:12px;
    margin-left: 50px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    color: #747474;
}

#header #resume-compte .bloc-gauche {
    width: 185px;
    float: left;
}

#header #resume-compte .pointille-ver {
    background: url("/styles/images/pointille-ver-header.png") repeat-y;
    width: 1px;
    height: 100%;
    float: left;
}

#header #resume-compte .pointille-hor {
    background: url("/styles/images/pointille-hor-header.png") repeat-x;
    width: 100%;
    height: 1px;
    padding: 2px 0px;
    font-size:0;
}

#header #resume-compte .bloc-droit {
    float: left;
    height: 81px;
    width: 217px;
    padding: 0px 10px;
}

#header #resume-compte .lien-compte .lien {
    padding-bottom: 3px;
}

#header #resume-compte .lien-compte a {
    color: #747474;
}

#header #resume-compte .lien-compte a:hover {
    text-decoration: underline;
}

#header #resume-compte .nom-client {
    font-weight: bold;
    color: #5a5a5a;
    margin-bottom: 5px;
}

#fil_ariane {
    display: inline;
}

#fil_ariane, #fil_ariane a {
    color: #87847a;
}

/*=========================== HEADER ====================================*/
/*=========================== MENU BOUTIQUE =================================*/
#menu_boutique {
    padding: 0 25px 0 30px;
    margin-bottom: 0px;
}

#menu_boutique #menu-principal {
    height: 37px;
}

#menu_boutique .menu-item {
    height: 23px;
    width: 70px;
    float: left;
    margin-right: 2px;
    padding-top: 14px;
    text-align: center;
}

#menu_boutique #menu-principal .rouge a {
    background: url("images/boutique/onglet_rouge.png") no-repeat bottom;
    color: #ffffff;
}

#menu_boutique #menu-principal .champagne a {
    background: url("images/boutique/onglet_champagne.png") no-repeat bottom;
    color: #504a37;
}

#menu_boutique #menu-principal .blanc a {
    background: url("images/boutique/onglet_blanc.png") no-repeat bottom;
    color: #504a37;
}

#menu_boutique #menu-principal .liquoreux a {
    background: url("images/boutique/onglet_liquoreux.png") no-repeat bottom;
    color: #504a37;
}

#menu_boutique #menu-principal .autre a {
    background: url("images/boutique/onglet_autre.png") no-repeat bottom;
    color: #504a37;
}

#menu_boutique #menu-principal .rouge .hover {
    height: 23px;
    width: 70px;
    background: url("/styles/images/boutique/onglet_rouge_hover.png") no-repeat bottom;
}

#menu_boutique #menu-principal .blanc .hover {
    height: 23px;
    width: 70px;
    background: url("/styles/images/boutique/onglet_blanc_hover.png") no-repeat bottom;
}

#menu_boutique #menu-principal .liquoreux .hover {
    height: 23px;
    width: 70px;
    background: url("/styles/images/boutique/onglet_liquoreux_hover.png") no-repeat bottom;
}

#menu_boutique #menu-principal .champagne .hover {
    height: 23px;
    width: 70px;
    background: url("/styles/images/boutique/onglet_champagne_hover.png") no-repeat bottom;
}

#menu_boutique #menu-principal .autre .hover {
    height: 23px;
    width: 70px;
    background: url("/styles/images/boutique/onglet_autre_hover.png") no-repeat bottom;
}

#menu_boutique #sous-menu .sous-menu-categorie {
    padding: 10px;
    height: 15px;
}

#menu_boutique #sous-menu a:hover {
    text-decoration: underline;
}

#menu_boutique #sous-menu .rouge {
    background: #a00324;
}

#menu_boutique #sous-menu .blanc {
    background: #eacf9d;
}

#menu_boutique #sous-menu .liquoreux {
    background: #f6c242;
}

#menu_boutique #sous-menu .autre {
    background: #e2e0d7;
}

#menu_boutique #sous-menu .champagne {
    background: #d5d3c6;
}

#menu_boutique #sous-menu .rouge a, #menu_boutique #sous-menu .rouge {
    color: #ffffff;
}

#menu_boutique #sous-menu a, #menu_boutique #sous-menu {
    color: #504a37;
}

/*=========================== MENU BOUTIQUE =================================*/
/*=========================== COLONNE GAUCHE ====================================*/
#colonne_gauche {
    width: 192px;
    float: left;
    padding-left: 20px;
    margin-top: 5px;
}

#colonne_gauche_boutique {
    width: 192px;
    float: left;
    padding-left: 30px;
    margin-top: 5px;
}

/******************************** menu *********************************************/
#menu_gauche .sitem {
	position:absolute;
	background:#7c745f;
	width:220px;
	left:190px;
	top:0px;
	z-index:99999999;
}
#menu_gauche .sitem li {
	color:#e3e3e3;
	font-size:11px;
	font-family:Arial;
	height:21px;
	border-bottom:#635d4e 1px dashed;
	line-height:21px;
	padding-left:10px;
	padding-right:10px;
}
#menu_gauche .item .sitem li a {
	color:#e3e3e3;
	background:none;
	display:block;
}
#menu_gauche .item {
	position:relative;
}
#menu_gauche .item h4 a {
    padding-left: 43px;
    padding-top: 13px;
    color: #4C4C4C;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    background: url("images/menu/btn_gauche.png") no-repeat;
}
#menu_gauche .item h4 a.la-boutique {
	background: url("images/menu/btn-boutique.png") no-repeat;
}
#menu_gauche .item a:hover, #menu_gauche .item h4 a.la-boutique:hover {
    background: url("images/menu/btn_gauche_hover.png") no-repeat;
}
#menu_gauche .item a:hover, #menu_gauche .item h4 a.la-boutique_hover {
    background: url("images/menu/btn_gauche_hover.png") no-repeat;
}
/******************************** best sellers *********************************************/
.best-sellers {
    margin-bottom: 25px;
    padding: 5px 0px;
}

#best_sellers #liste_best_sellers {
    background: url("images/fond_best_sellers.png") no-repeat;
    width: 192px;
    height: 276px;
}

/******************************** news *********************************************/
#news {
    margin: 9px 0px 0px 0px;
}

#news .entete {
    background: url("images/news/titre_news.png") no-repeat;
    width: 192px;
    height: 29px;
}

#news .liste-news {
    background: url("images/news/fond_news.png") repeat-y;
    padding: 5px 10px;
}

#news .liste-news ul {
    padding-left: 28px;
}

#news .liste-news ul li {
    list-style-image: url("images/news/puce_news.png");
    list-style-position: outside;
    margin-bottom: 3px;
}

#news .liste-news ul li a {
    color: #5b5b5b;
}

#news .footer {
    background: url("images/news/footer_news.png") no-repeat;
    width: 192px;
    height: 6px;
    font-size: 0px;
}

/******************************** Bloc infos *****************************************/
#bloc_infos {
    margin-top: 20px;
}

#bloc_infos .bloc {
    float: left;
    margin-left: 14px !important;
    margin-left: 7px;
}

#bloc_infos .visite {
    background: url("images/bloc_visite.png") no-repeat;
    width: 190px;
    height: 126px;
    padding-left: 110px;
    padding-top: 70px;
}

#bloc_infos .compte {
    background: url("images/bloc_compte.png") no-repeat;
    width: 170px;
    height: 124px;
    padding-left: 130px;
    padding-top: 65px;
	margin-top:7px;
}

#bloc_infos .sommelier {
    background: url("images/bloc_sommelier.png") no-repeat;
    width: 180px;
    height: 124px;
    padding-left: 120px;
    padding-top: 65px;
	margin-top:7px;
}

#bloc_infos ul {
    padding-left:20px;
}

#bloc_infos ul li {
    list-style-image: url("images/puce_fleche.png");
    line-height: 18px;
}

#bloc_infos ul li a {
    color: #7a7a78;
}

#bloc_infos ul li a:hover {
    text-decoration: underline;
}

/***************************** Recherche **************************************/
#recherche {
    background: url("images/boutique/bloc_recherche.png") no-repeat;
    width: 172px;
    height: 280px;
    padding: 15px 10px 10px 10px;
    margin-bottom: 15px;
	color:#87847A;
}
#recherche .droite{
	padding-right:5px;
}
#recherche h4 {
    height: 20px;
    font-size: 16px;
    color: #524c38;
    margin-bottom: 25px;
    margin-left: 55px;
}

#recherche input[type = text] {
    width: 130px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 3px 0px;
	color:#87847A;
}

#recherche input[type = image] {
    margin-top: 3px;
}

#recherche select {
    width: 130px;
    height: 20px;
    margin-bottom: 5px;
}

/*=========================== COLONNE GAUCHE ====================================*/
/*=========================== CONTENT ====================================*/
.titre h1, .best-sellers h1{
	color:#6f5a3f;
	margin-left:25px;
	height:25px;
	font-size:22px;
}
.titre h2, .best-sellers h2{
	color:#6f5a3f;
	margin:0;
	padding:0;
	font-size:12px;
	height:20px;
}

#content {
    width: 714px;
    padding-left: 9px;
    padding-right: 20px;
    float: left;
}
#liste_produit_home .wrapper-produit {
    /*width: 115px;*/
    float: left;
    height: 245px;
    font-size: 11px;
    color: #8e8c86;
    text-align: center;
    letter-spacing: 0px;
}

#liste_produit_home .presentation-produit{
	background:transparent url("images/encart_boutique.png") no-repeat top left;
	width:138px;
	height:265px;
	margin-top:15px;
	float:left;
	display:inline;
	margin-right:5px;
}

#liste_produit_home .produit {
    position:relative;
    width: 133px;
    height: 225px;
    padding: 0px 5px 34px 0px;
    float: left;
    display:inline;
    text-align: center;
    color: #8a8a8a;
}

#liste_produit_home a {
    cursor: pointer;
}

#liste_produit_home .produit .etiquette {
    position: absolute;
    text-align: left;
		padding-left:3px;
		left:0;
}

#liste_produit_home .produit .apercu {
	height:135px;
	left:50px;
	margin:auto;
	padding-bottom:10px;
	padding-top:15px;
	position:absolute;
	top:9px;
	width:35px;
}

#liste_produit_home .last {
    margin-right: 0px;
}

.titre h2.titre-boutique-home{
	color:#6F5A3F;
	height:25px;
	margin-left:25px;
	font-size:22px;
}

/**************************** News *******************************************/
#content #allactus {
  background: #e0e0e0;
  padding: 10px;
  padding-left: 15px;
	margin-top:15px;
}
.retour-actu{
	text-align:center;
	margin-top:20px;
}
.retour-actu a:hover{
	text-decoration:underline;
}
#content #allactus p {
    margin: 0;
    padding: 0;
}

#content #allactus .actu {
    background: url("/styles/images/news/fond-news.png");
    width: 657px;
    padding: 15px;
    margin-top: 10px;
    color: #666666;
}

#content #allactus .texte-actu {
    text-align: justify;
}

#content #allactus .footer-actu {
    background: url("/styles/images/news/footer-news.png");
    width: 687px;
    height: 7px;
}

#content #allactus h4 {
    height: 20px;
    font-size: 16px;
}

#content #allactus h1 {
    color: #6f5a3f;
    height: 25px;
}

/**************************** PAGE *******************************************/
#content #cmspage {
    background: #e0e0e0;
    padding: 10px;
    margin-top: 5px;
    padding-left: 15px;
}

#content #cmspage p {
    margin: 0;
    padding: 0;
}

#content #cmspage .actu {
    background: url("/styles/images/news/fond-news.png");
    width: 657px;
    padding: 15px;
    margin-top: 10px;
    color: #666666;
}

#content cmspage .texte-actu {
    text-align: justify;
}

#content #cmspage .footer-actu {
    background: url("/styles/images/news/footer-news.png");
    width: 687px;
    height: 7px;
}

#content #cmspage h4 {
    height: 20px;
    font-size: 16px;
}

#content #cmspage h1 {
    color: #6f5a3f;
    height: 25px;
    margin-left: 25px;
	font-size:24px;
}

/*********************** Contact ****************************************/
#content #contact{
	margin-top:5px;
	padding:10px;
	background:#eae9e3;
}
#content #contact, #content #contact a{
	color:#7f6d55;
}
#content #contact a:hover{
	text-decoration:underline;
}
#content #contact .titre-contact{
	font-weight:bold;
	background:url(/styles/images/contact/puce-contact.png) no-repeat;
	padding-left:15px;
	margin-top:25px
}
#content #contact h1{
	height:30px;
	margin:0 0 0 25px;
	color:#6f5a3f;
}
#content #contact p{
	margin:10px 0px;
}
#content #contact form label{
	width:120px;
	display:block;
	float:left;
	text-align:right;
	padding-right:10px;
}
#content #contact form input[type=text]{
	width:280px;
	padding:2px 10px;
	background:url(/styles/images/contact/fond-input.png) no-repeat;
	border:none;
	color:#7f6d55;
}
#content #contact form textarea{
	background:url(/styles/images/contact/fond-textarea.png) repeat-y;
	width:280px;
	height:90px;
	border:none;
	padding:5px 10px;
}
/*********************** Contact ****************************************/
/*********************** inscription ****************************************/
#inscription {
    /*margin-top: 75px;*/
}

.complete-inscription{
	color:#6B6556;
}

#inscription #form-inscription .cadre {
    margin-bottom: 10px;
}

#inscription #form-inscription .cadre .entete {
    background: url("images/inscription/fond-entete-form.png") repeat-y;
    padding: 5px;
    text-align: center;
}

#inscription #form-inscription .cadre .entete h1 {
    font-size: 16px;
    color: #67614f;
    height: 20px;
}

#inscription #form-inscription .cadre .contenu {
    background: url("images/inscription/fond-content-form.png") repeat-y;
    padding: 10px;
    color: #6b6556;
}

#inscription #form-inscription .cadre .contenu label, #msg-livre-or label {
    width: 34%;
    text-align: right;
    display: block;
    float: left;
    padding-right: 10px;
    color: #6b6556;
    padding: 2px 10px 2px 0px;
}

#inscription #form-inscription .cadre .contenu p, #msg-livre-or p {
    margin: 10px 0px;
}

#inscription #form-inscription .cadre .contenu input[type = text], #inscription #form-inscription .cadre .contenu input[type = password], #msg-livre-or input[type = text] {
  width: 224px;
  color: #6b6556;
	padding:2px 10px;
	background:url(/styles/images/inscription/fond-input-insc.png) no-repeat;
	border:none;
}

#inscription #form-inscription .cadre .contenu textarea, #msg-livre-or textarea {
	background: url(/styles/images/fond-txt-livre-or.png) repeat-y;
	border: none;
	height:90px;
	padding:5px 10px;
	width:224px;
}
#inscription #form-inscription .cadre .contenu textarea.text-cgv{
	background:none;
	background-color:#fcfcfc;
	color:#6B6556;
	width:89%;
	margin:0;
	margin-left:40px;
}

#inscription #form-inscription .cadre .contenu select {
    color: #6b6556;
    padding: 2px 0px;
}

#inscription #form-inscription .cadre .footer {
    background: url("images/inscription/footer-form.png") no-repeat;
    height: 10px;
    width: 710px;
}

/*********************** inscription ****************************************/
/******************* ETAPE inscription ***************************************/
#etape-inscription {
    margin-bottom: 25px;
}

#etape-inscription h1 {
    font-size: 15px;
    height: 20px;
}

#etape-inscription h4 {
    height: 20px;
}

#etape-inscription .etape1 {
    width: 151px;
    height: 41px;
    background: url("/styles/images/inscription/etape-1.png") no-repeat;
    float: left;
    color: #7f6d55;
    padding: 5px;
    padding-left: 10px;
}

#etape-inscription .etape1.hover {
    background: url("/styles/images/inscription/etape-1-hover.png") no-repeat;
    color: #e2e0dd;
}

#etape-inscription .etape {
    width: 166px;
    height: 41px;
    float: left;
    color: #7f6d55;
    padding: 5px;
    padding-left: 11px;
    background: url("/styles/images/inscription/etape.png") no-repeat;
}

#etape-inscription .etape.hover {
    background: url("/styles/images/inscription/etape-hover.png") no-repeat;
    color: #e2e0dd;
}

/******************* ETAPE inscription ***************************************/
/*************************** CADEAU ******************************************/
#inscription .cadre-produit {
    background: url("/styles/images/inscription/fond-choisir-cadeau.png") repeat-y;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
}

#inscription .footer-cadre-produit {
    background: url("/styles/images/inscription/footer-choisir-cadeau.png") repeat-y;
    width: 710px;
    height: 8px;
    margin-bottom: 10px;
}

#inscription .pointille {
    width: 705px;
}

#inscription .btn-valide {
    margin-top: 10px;
    margin-right: 6px;
}

#inscription .desc-cadeau {
    /*height: 240px;*/
}

#inscription .desc-cadeau .titre {
    color: #EFE8D5;
    font-size: 16px;
    padding: 10px 0px;
    text-align: left;
}

#inscription .desc-cadeau .ss-titre {
    color: #AEA897;
    margin-bottom: 5px;
}

#inscription .ombre {
    background: transparent url("/styles/images/produit/fond-ombre-produit.png") no-repeat right;
    height: 10px;
}

#inscription .desc-john {
    color: #BBBAB4;
    float: left;
    width: 309px;
}

#inscription .img-john {
    float: left;
}

#inscription .bloc-gauche {
    float: left;
    width: 240px;
    padding: 10px;
    color: #eae9e3;
}

#inscription .bloc-droit {
    padding: 10px;
}

#inscription .bloc-droit .bouton-radio {
    background: url("/styles/images/inscription/btn-cadeau.png") right no-repeat;
    height: 23px;
    padding-right: 10px;
    color: #eae9e3;
    padding-top: 3px;
}

/*************************** CADEAU ******************************************/
#inscription #form-inscription .cadre .contenu label.label-abo {
    text-align: left;
    width: 100%;
    float: none;
    display: inline;
    padding: 0;
}

#inscription #form-inscription .cadre .contenu input.montant-abo {
    width: 75px;
}

#inscription #form-inscription .cadre .contenu a {
    color: #6b6556;
}

#inscription #form-inscription .cadre .contenu a:hover {
    text-decoration: underline;
}

#inscription #form-inscription .cadre .contenu .alignement {
    margin-left: 80px;
    padding-right: 50px;
}

#inscription #form-inscription .cadre .contenu .police-min {
    font-size: 11px;
}

/*=========================== CONTENT ====================================*/
/*=========================== CONTENT CONNEXION ===============================*/
#content-connexion {
    width: 905px;
    margin: 50px 20px 0px 25px;
}

#content-connexion #connexion {
    height: 350px;
    background: #eae9e3;
    margin-bottom: 50px;
}

#content-connexion #connexion .cadre-gauche {
    float: left;
    padding-right: 15px;
    padding-left: 137px;
    padding-top: 100px;
}

#content-connexion #connexion .cadre-droite {
    float: left;
    padding-left: 15px;
    padding-top: 100px;
}

#content-connexion #connexion .cadre-oubli-passe {
   width:300px;
   margin:auto;
    padding-top: 100px;
}

#content-connexion #connexion .entete {
    background: url("images/connexion/fond-entete-connexion.png") repeat-y;
    padding: 5px;
    text-align: center;
}

#content-connexion #connexion .entete h1 {
    font-size: 16px;
    color: #67614f;
    height: 20px;
}

#content-connexion #connexion .contenu {
    background: url("images/connexion/fond-content-connexion.png") repeat-y;
    padding: 15px;
    height: 80px;
    text-align: center;
    color: #6b6556;
}

#content-connexion #connexion .contenu a {
    color: #6b6556;
}

#content-connexion #connexion .contenu a:hover {
    text-decoration: underline;
}
#content-connexion #connexion .contenu a.btn-inscrire {
    color: #eae9e3;
}

#content-connexion #connexion .contenu a.btn-inscrire:hover {
    text-decoration: none;
}

#content-connexion #connexion .contenu input {
    padding: 3px 0px;
	color:#6B6556;
}

#content-connexion #connexion .contenu label {
    width: 85px;
    display: block;
    float: left;
    padding: 3px 0px;
}

#content-connexion #connexion .contenu .deja-client {
    text-align: left;
}

#content-connexion #connexion .contenu .deja-client p {
    margin: 5px 0px;
}

#content-connexion #connexion .footer {
    background: url("images/connexion/footer-connexion.png") no-repeat;
    height: 8px;
    width: 300px;
}

/*=========================== CONTENT CONNEXION ===============================*/
/*=========================== CONTENT PANIER ===============================*/
#content-panier {
    width: 905px;
    margin: 50px 20px 0px 25px;
}

#content-panier #panier {
    background: #eae9e3;
    margin-bottom: 50px;
    padding: 15px;
}

#content-panier #panier #portefeuille {
    color: #7f6d55;
    padding-bottom: 5px;
}

.btn_moins {
    background: transparent url("/styles/images/panier/qte-moins.png") no-repeat;
    width: 14px;
    height: 14px;
    border: 0;
    display: inline;
    float: left;
    margin-top: 4px;
    margin-left: 20px;
    cursor: pointer;
}

.btn_plus {
    background: transparent url("/styles/images/panier/qte-plus.png") no-repeat;
    width: 14px;
    height: 14px;
    border: 0;
    display: inline;
    float: left;
    margin-top: 4px;
    margin-left: 6px;
    cursor: pointer;
}

.btn_poubelle {
    background: transparent url("/styles/images/panier/poubelle.png") no-repeat;
    width: 14px;
    height: 14px;
    border: 0;
    cursor: pointer;
}

.input_qte {
    width: 20px;
    display: inline;
    float: left;
    margin-left: 6px;
}

/******************* ETAPE ***************************************/
#etape {
    margin-bottom: 25px;
}

#etape h1 {
    font-size: 15px;
    height: 20px;
}

#etape h4 {
    height: 20px;
}

#etape .etape1 {
    width: 199px;
    height: 41px;
    background: url("images/panier/etape-1.png") no-repeat;
    float: left;
    color: #7f6d55;
    padding: 5px;
    padding-left: 15px;
}

#etape .etape1.hover {
    background: url("images/panier/etape-1-hover.png") no-repeat;
    color: #e2e0dd;
}

#etape .etape {
    width: 212px;
    height: 41px;
    float: left;
    color: #7f6d55;
    padding: 5px;
    padding-left: 15px;
    background: url("images/panier/etape.png") no-repeat;
}

#etape .etape.hover {
    background: url("images/panier/etape-hover.png") no-repeat;
    color: #e2e0dd;
}

/******************* ETAPE ***************************************/
#content-panier #panier #ligne-produits {
    background: url("images/panier/fond-panier.jpg") repeat-y;
    color: #6b6556;
}

#content-panier #panier #ligne-produits .entete {
    background: url("images/panier/fond-entete.png") repeat-y;
}

#content-panier #panier #ligne-produits .paiement {
    margin-top: 10px;
    padding: 10px;
    height: 20px;
}

#content-panier #panier #ligne-produits .paiementex {
    padding: 10px;
}

#content-panier #panier #ligne-produits .entete h1 {
    font-size: 18px;
    color: #524c38;
}

#content-panier #panier #ligne-produits .entete .titre-colonne, #content-panier #panier #ligne-produits .entete .colonne-designation {
    float: left;
    padding: 10px;
    background-color: #dddcd2;
    height: 20px;
}

#content-panier #panier #ligne-produits .colonne-designation {
    width: 383px;
    float: left;
    padding: 10px;
}
#content-panier #panier #ligne-produits .colonne-designation.sortie {
	width:617px;
}

#content-panier #panier #ligne-produits .entete .ombre {
    background: url("images/panier/ombre-marron.png") repeat-y left;
    background-color: #dddcd2;
    width: 97px;
}

#content-panier #panier #ligne-produits .ligne .colonne {
    float: left;
    width: 97px;
    padding: 10px;
    text-align: center;
    height: 76px;
}

#content-panier #panier #ligne-produits .ombre {
    background: url("images/panier/ombre-blanc.png") repeat-y left;
}

#content-panier #panier #ligne-produits .footer {
    background: url("images/panier/footer-panier.png") no-repeat;
    width: 876px;
    height: 8px;
}

#content-panier #panier #ligne-produits .colonne {
    float: left;
    width: 97px;
    padding: 10px;
    height: 20px;
}

#content-panier #panier #ligne-produits .texte-bas {
    width: 597px;
    padding: 5px 20px;
    float: left;
}

#panier .total {
    float: left;
}

.promo_txt {
    padding: 2px 0px;
}

.promo_submit {
    background: transparent url("/styles/images/btn_ok.jpg") no-repeat;
    width: 26px;
    height: 21px;
    border: 0;
}

#content-panier #panier #ligne-produits .total-commande {
    width: 177px;
    padding: 5px 20px;
    float: left;
    /*margin-left:420px;*/
}

#content-panier #panier #ligne-produits .marron-clair, #content-panier #panier #ligne-produits .colonne-total.marron-clair {
    background-color: #dddcd2;
}

#content-panier #panier #ligne-produits .marron-fonce, #content-panier #panier #ligne-produits .colonne-total.marron-fonce {
    background-color: #aba598;
    color: #fefefe;
    font-weight: bold;
}

#content-panier #panier #ligne-produits .marron-fonce h1 {
    color: #fefefe;
}

#content-panier #panier #ligne-produits .total-commande h1 {
    font-size: 12px;
    height: 15px;
}

#content-panier #panier #ligne-produits .ombre2 {
    background: url("images/panier/ombre-marron-2.png") repeat-y left;
}

#content-panier #panier #ligne-produits .ombre3 {
    background: url("images/panier/ombre-marron-fonce.png") repeat-y left;
}

#content-panier #panier #ligne-produits .colonne-total {
    float: left;
    width: 107px;
    padding: 5px;
    height: 15px;
    text-align: center;
}

#content-panier #panier #ligne-produits .picto {
    padding: 5px;
    float: left;
}

#content-panier #panier #ligne-produits .picto img {
    margin: 0px 5px;
}

#content-panier #panier #ligne-produits .colonne-valider {
    padding: 10px 0px 0px 40px;
    float: left;
}

#content-panier #panier .panier-vide,  .wishlist-vide{
    text-align: center;
    padding: 30px 0px;
}

#content-panier #panier .demi-cadre {
    width: 435px;
    float: left;
    margin-bottom: 25px;
    color: #6B6556;
}

#content-panier #panier .demi-cadre.hidden {
    display: none;
}

#content-panier #panier #form-adresse label {
    display: block;
    float: left;
    width: 85px;
}

#content-panier #panier .demi-cadre.gauche {
    padding-right: 5px;
}

#content-panier #panier .demi-cadre .entete {
    background: url("images/panier/fond-entete-demi-cadre.png") repeat-y;
    height: 20px;
    padding: 10px;
    text-align: center;
}

#content-panier #panier .demi-cadre .entete h1 {
    color: #524C38;
    font-size: 18px;
}

#content-panier #panier .demi-cadre .contenu {
    background: url("images/panier/fond-demi-cadre.jpg") repeat-y;
    padding: 20px;
    padding-left: 120px;
    height: 90px;
}

#content-panier #panier .demi-cadre .contenu a:hover {
    text-decoration: underline;
}

#content-panier #panier .demi-cadre .footer {
    background: url("images/panier/footer-demi-cadre.png") no-repeat;
    height: 8px;
}

#content-panier #panier .btn-retour {
    padding-right: 10px;
    padding-bottom: 10px;
}

/*=========================== CONTENT PANIER ===============================*/
/*=========================== CONTENT BOUTIQUE ===============================*/
#content_boutique {
    width: 504px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    float: left;
}

#content_boutique h1 {
    color: #948571;
    font-size: 21px;
    height: 30px;
    margin: 0 0 0 25px;
}

#content_boutique #la-revelation {
    background: url("images/boutique/fond_la_revelation.png") repeat-y top;
    padding: 7px;
}

#content_boutique .search-error {
    text-align: center;
    padding: 25px;
    color: #8E8C86;
}

.produit-revelation{
	float:left;
	padding-left:5px;
	padding-top:10px;
	width:170px;
}

.produit-revelation .prix{
	color:#DDD7C6;
	margin-top:10px;
}

.produit-revelation .prix .prix-ttc{
	font-size:18px;
	font-weight:bold;
}

/********************** PLAYER *********************************/
#player {
	background-color: #222222;
	color: #000;
	height: 25px;
	width: 320px;
}
#player .button {
	width: 24px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	float: left;
}
#player .button a {
	display: block;
	height: 20px;
	text-indent: -100em;
	overflow: hidden;
}
#player .timeline {
	position: relative;
	left: 40px;
}
#player .timeline a {
	position: absolute;
	left: 20px;
	top:5px;
	display: block;
	height: 14px;
	width: 12px;
	text-indent: -100em;
	overflow: hidden;
	background-image: url("/styles/images/boutique/slider.png");
}
#player .timeline a:hover {
	/*background-image: url(images/control_slider_blue.png);*/
}
#player .play {
	background-image: url("/styles/images/boutique/bouton-play.png");
}
#player .pause {
	background-image: url("/styles/images/boutique/bouton-pause.png");
	display: none;
}

#player .stop {
	background-image: url("/styles/images/boutique/bouton-stop.png");
}
/********************** PLAYER *********************************/
/********************** REGION *********************************/
#content_boutique #la-revelation .gauche {
    float: left;
    width: 238px;
    text-align: justify;
    padding: 5px;
}

#content_boutique #la-revelation .gauche .mets-vin {
    margin-top: 10px;
}

#content_boutique #la-revelation .gauche .titre-mets-vin {
    color: #444137;
    margin: 0;
    height: 15px;
    padding: 5px;
    background: #a29c8d;
}

#content_boutique #la-revelation .gauche .desc-mets-vin {
    background: #dddcd2;
    color: #5f5945;
    padding: 10px;
}

#content_boutique #la-revelation .droite {
    float: left;
    width: 232px;
    padding: 5px;
    text-align: left;
}

#content_boutique #la-revelation .titre {
    color: #efe8d5;
    padding: 0;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
}

#content_boutique #la-revelation .espacement {
    margin: 0px 10px 5px 0px;
}

#content_boutique #la-revelation .texte {
    color: #bbbab4;
}

/********************* REGION **********************************/
#content_boutique #footer-la-revelation {
    background: url("images/boutique/footer_fond_revelation.png");
    width: 503px;
    height: 5px;
    font-size: 0px;
    margin-left: 1px;
}

#content_boutique #les-produits {
    margin-top: 20px;
}

#content_boutique #les-produits .categorie {
    float: left;
    margin-bottom: 15px;
}

#les-produits .categorie .titre-gamme {
    padding: 0px 5px;
}

#les-produits .categorie .titre-gamme h1 {
    color: #948571;
    margin: 0;
    margin-left: 25px;
    height: 30px;
    font-size: 15px;
}

#content_boutique #les-produits .presentation-produit {
    background: url("images/boutique/fond_produit.png") no-repeat;
    width: 251px;
    height: 273px;
}

#content_boutique #les-produits #appellation .presentation-produit {
    background: url("images/boutique/fond-appellation.png") no-repeat;
    width: 507px;
    height: 273px;
}

#content_boutique #les-produits .lien_categorie {
    text-align: right;
}

#content_boutique #les-produits .lien_categorie a {
    color: #7e7e7e;
}

#content_boutique #les-produits .lien_categorie a:hover {
    text-decoration: underline;
}

#content_boutique #les-produits .wrapper-produit {
    width: 115px;
    float: left;
    height: 245px;
    font-size: 11px;
    color: #8e8c86;
    text-align: center;
    padding: 10px 5px 20px 5px;
    letter-spacing: 0px;
}
#content_boutique #les-produits .produit {
	height:245px;
}
#content_boutique #les-produits .produit .fanion{
	text-align:center;
	height:18px;
}

#content_boutique #les-produits .produit .clair {
    color: #aaa9a4;
}

#content_boutique #les-produits .produit .image {
    height: 59px;
    width: 59px;
    margin: auto;
    /*padding-bottom:15px;*/
}

/*********************** FICHE PRODUIT ************************************/
#content_boutique #tabs .prev {
    float: left;
    margin-top: 6px;
    padding-right: 5px;
    cursor: pointer;
}

#content_boutique #tabs .next {
    float: right;
    margin-top: 6px;
    padding-left: 5px;
    cursor: pointer;
}

#content_boutique #tabs #scrollable {
    float: left;
    overflow: hidden;
    width: 474px;
    height: 23px;
    position: relative;
}

#content_boutique #tabs #scrollable .items {
    width: 20000em;
    position: absolute;
}

#content_boutique #la-revelation.fiche-produit .droite .ss-titre, #content_boutique #la-revelation .produit-revelation .ss-titre {
    color: #aea897;
    margin-bottom: 5px;
}

.fiche-produit h2, #content_boutique #la-revelation .produit-revelation h2{
	font-size:12px;
	color:#AEA897;
	font-weight:normal;
}

/*------------------------- note degustation --------------------------*/
#note-degustation label{
	display:block;
	float:left;
	text-align:right;
	width:130px;
	padding:3px 0px;
}

#note-degustation input[type=text]{
	width:66%;
	padding:3px 0px;
	margin-left:5px;
	margin-bottom:5px;
	color:#87847A;
}

#note-degustation textarea{
	width:66%;
	height:75px;
	color:#87847A;
	margin-left:5px;
}

#liste-avis{
	margin-top:10px;
}
#liste-avis .avis{
	border-top:#87847A 1px dashed;
	padding:10px 0px;
}
#liste-avis .auteur{
	font-style:italic;
	float:left;
}
#liste-avis .date-avis{
	float:right;
}
#liste-avis .titre-avis{
	margin-top:5px;
	float:left;
}
#liste-avis .img-note{
	float:right;
	margin-top:5px;
}
#img_note li {
	background:transparent url(/styles/images/avis/etoile_off.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	float:left;
	height:12px;
	width:13px;
}
#img_note li.active_click {
	background:transparent url(/styles/images/avis/etoile_on.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	float:left;
	height:12px;
	width:13px;
}
#img_note li.active{
	background:transparent url(/styles/images/avis/etoile_on.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	float:left;
	height:12px;
	width:13px;
}
/*------------------------- note degustation --------------------------*/

#content_boutique #la-revelation.fiche-produit .rouge {
	background: url(/styles/images/produit/john-rouge.png) no-repeat right bottom;
}

#content_boutique #la-revelation.fiche-produit .blanc {
	background: url(/styles/images/produit/john-autre.png) no-repeat right bottom;
}

#content_boutique #la-revelation.fiche-produit .ajout-wishlist{
	text-align:right;
	margin-bottom:5px;
	line-height:17px;
}
#content_boutique #la-revelation.fiche-produit a{
	color:#fdfdfd;
	font-size:11px;
}
#content_boutique #la-revelation.fiche-produit a:hover{
	text-decoration:underline;
}
#content_boutique #la-revelation.fiche-produit {
    padding: 0;
}

#content_boutique #la-revelation.fiche-produit .droite {
    padding: 10px 0px 0px 10px;
    width: 235px;
	min-height:187px;
}
#content_boutique #la-revelation.fiche-produit .info-produit .droite {
	min-height:0;
}

#content_boutique #la-revelation.fiche-produit .droite .desc-john {
    color: #bbbab4;
    width: 103px;
    float: left;
}

#content_boutique #la-revelation.fiche-produit .droite .img-john {
    float: left;
}

#content_boutique #la-revelation.fiche-produit .info-produit, .info-cadeau {
    color: #ddd7c6;
}
#content_boutique #la-revelation.fiche-produit .info-produit .best-produit{
	float:left;
	width:125px;
}

#content_boutique #la-revelation .info-produit .prix-ttc, .info-cadeau .prix-ttc {
    font-weight: bold;
    font-size: 18px;
}

#content_boutique #la-revelation .info-produit .prix-ht, .info-cadeau .prix-ht {
    font-style: italic;
}

#content_boutique #la-revelation.fiche-produit .gauche {
    padding: 10px 5px 5px 10px;
    width: 240px;
}

#content_boutique #la-revelation .info-produit .prix {
    float: left;
}

#content_boutique #la-revelation.fiche-produit .info-produit #ajout_panier {
    margin-right: 5px;
}

#content_boutique #la-revelation.fiche-produit .ombre {
    background: url("images/produit/fond-ombre-produit.png") no-repeat;
    width: 500px;
    height: 10px;
    margin-left: 1px;
}

/*********************** FICHE PRODUIT ************************************/
/*=========================== CONTENT BOUTIQUE ==============================*/
/*=========================== COLONNE DROITE ====================================*/
#colonne_droite {
    width: 192px;
    float: left;
}

/******************************* Pense bete **************************************/
#pense-bete {
    margin: 5px 0px;
    color: #8c877a;
}

#pense-bete .entete {
    background: url("images/boutique/entete_pense_bete.png");
    width: 192px;
    height: 47px;
}

#pense-bete .contenu {
    background: url("images/boutique/fond_pense_bete.png") repeat-y;
    padding: 0px 5px;
}

#pense-bete .contenu .liste-note ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

#pense-bete .contenu .liste-note ul li {
    list-style-image: url("images/boutique/puce_pense_bete.png");
    list-style-position: outside;
    margin-bottom: 3px;
}
#pense-bete .contenu .liste-note ul li:hover {
	text-decoration:line-through;
	cursor:pointer;
}

#pense-bete .footer {
    background: url("images/boutique/footer_pense_bete.png") repeat-y;
    width: 192px;
    height: 6px;
    font-size: 0px;
}

/****************************** Wishlist *****************************************/
#bloc-wishlist{
	color:#8C877A;
	margin:5px 0;
}
#bloc-wishlist .entete{
	background:url("/styles/images/boutique/entete_wishlist.png") no-repeat;
	height:47px;
	width:192px;
}
#bloc-wishlist .entete h4{
	font-size:16px;
	padding-top:12px;
	color:#524C38;
	margin-left:40px;
}
#bloc-wishlist .contenu{
	background:url("images/boutique/fond_pense_bete.png") repeat-y;
	padding:0 5px;
}
#bloc-wishlist .contenu ul li{
	list-style-image:url('/styles/images/puce-mini.png');
	list-style-position:inside;
	padding-bottom:10px;
}
#bloc-wishlist .footer{
	background:url("images/boutique/footer_pense_bete.png") repeat-y;
	font-size:0;
	height:6px;
	width:192px;
}
/****************************** Promotion *****************************************/
#promotion {
    margin: 10px 0px;
}

/************************************ Panier ***********************************/
#colonne_droite #panier {
    color: #ffffff;
    margin: 5px 0px 10px 0px;
}

#colonne_droite #panier .entete {
    background: url("images/boutique/entete_panier.png") no-repeat;
    width: 192px;
    height: 59px;
}

#colonne_droite #panier .portefeuille {
    background: url("images/boutique/fond_portefeuille.png") repeat-y;
    padding: 5px 10px 10px;
	letter-spacing:-1px;
}
#colonne_droite #panier .portefeuille .montant, #colonne_droite #panier .solde .montant{
	letter-spacing:0px;
	font-weight:bold;
	float:right;
	display:block;
} 

#colonne_droite #panier .solde {
    background: url("images/boutique/fond_portefeuille.png") repeat-y;
    padding: 8px 10px;
}

#colonne_droite #panier .contenu {
    background: url("images/boutique/fond_panier.png") repeat-y;
    padding: 5px 10px;
}

#colonne_droite #panier .contenu .vin {
    font-size: 11px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

#colonne_droite #panier .contenu #total_prix {
    color: #a00324;
    font-weight: bold;
	float:right;
	display:block;
}

#colonne_droite #panier .valide-commande {
    background: url("images/boutique/fond_panier.png") repeat-y;
    padding: 10px 10px;
    text-align: center;
}

#colonne_droite #panier .footer {
    background: url("images/boutique/footer_panier.png") no-repeat;
    width: 192px;
    height: 6px;
}

/*=========================== COLONNE DROITE ====================================*/
#wrapper-back-client{
	float:left;
	width:708px;
}
/*=========================== COMPTE ====================================*/
h4.titre-partenaire {
    height: 18px;
    color: #87847a;
    margin-top: 10px;
}

#retour-cave {
    float: right;
    background: #eae9e3;
    padding: 5px;
}

#visite-boutique {
    float: right;
    background: #eae9e3;
    padding: 5px;
}

#lien-suivi-cmde {
    float: right;
    background: #ffffff;
    padding: 5px;
}

#colonne-gauche-compte {
    float: left;
    padding-left: 30px;
    width: 192px;
}

#prevision {
    margin-bottom: 20px;
    margin-top: 5px;
}

#prevision .entete {
    background: url("/styles/images/compte/entete-prevision.png") no-repeat;
    height: 47px;
    width: 192px;
}

#prevision .contenu {
    background: url("/styles/images/compte/fond-prevision.png") repeat-y;
	padding:25px 12px;
	color:#57513c;
}
#prevision .contenu .barre-prevision {
	background:url("/styles/images/compte/barre-prev-vide.png");
	width:107px;
	height:7px;
	float:left;
	margin-top:3px;
}
#prevision .contenu .barre-progression {
	background:url("/styles/images/compte/barre-prev-progression.png");
	width:107px;
	height:7px;
}
#prevision .contenu .annee {
	float:left;
	width:35px;
}
#prevision .contenu .annee h4 {
	height:18px;
}

#prevision .footer {
    background: url("/styles/images/boutique/footer_pense_bete.png") no-repeat;
    font-size: 0;
    height: 6px;
    width: 192px;
}

#content-compte {
    float: left;
    padding: 15px 0px 0px 15px;
    width: 693px;
}

#content-compte h1 {
    color: #6f5a3f;
}

#content-compte #compte-cavissima {
    background-color: #eae9e3;
    padding: 10px;
    color: #7f6d55;
	margin-top: 20px;
}

#content-compte #compte-cavissima h1 {
    height: 30px;
    margin: 0 0 0 25px;
}

#content-compte #pub-partenaire {
    float: left;
    width: 450px;
}

#content-compte #bouton-lien {
    float: right;
}

#content-compte #bouton-lien h4 {
    height: 20px;
    font-size: 12px;
    color: #857f6e;
}

#content-compte #bouton-lien .lien-visite-cave {
    background: url("/styles/images/compte/btn-visite-cave.png");
    height: 25px;
    padding-top: 11px;
    padding-left: 35px;
}

#content-compte #bouton-lien .lien-cadeau {
    background: url("/styles/images/compte/btn-cadeau.png");
    height: 25px;
    padding-top: 8px;
    padding-left: 40px;
}

#content-compte #bouton-lien .lien-livre-or {
    background: url("/styles/images/compte/btn-livre-or.png");
    width: 155px;
    height: 25px;
    padding-top: 8px;
    padding-left: 40px;
}

#content-compte #compte-cavissima .releve-compte .identif-cave {
    float: right;
}

#content-compte #compte-cavissima .releve-compte .date-releve {
    float: left;
}

#content-compte #compte-cavissima .releve-compte {
    margin-top: 10px;
}

#content-compte #compte-cavissima .btn-excel {
    margin: 10px 0px 0px;
}

#content-compte #compte-cavissima .texte-bas-compte {
    font-size: 11px;
}

/*********************** LIVRAISON ****************************************/
#livraison {
    color: #ffffff;
    margin: 5px 0px 10px 0px;
}
#livraison h1{
	color:#524c38;
	font-size:16px;
	height:30px;
	padding:15px 0px 0px 65px;
}
#livraison .entete {
    background: url("images/sortie/livraison-entete.png") no-repeat;
    width: 192px;
    height: 61px;
}
#livraison .portefeuille .montant, #livraison .solde .montant{
	letter-spacing:0px;
	font-weight:bold;
	float:right;
	display:block;
} 

#livraison .solde {
    padding: 8px 10px;
}

#livraison .contenu {
    background: url("images/sortie/livraison-fond.png") repeat-y;
    padding: 5px 10px;
}

#livraison .contenu .vin {
    font-size: 11px;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

#livraison .contenu #total_prix {
    color: #a00324;
    font-weight: bold;
	float:right;
	display:block;
}

#livraison .valide-commande {
    padding: 10px 10px;
    text-align: center;
}

#livraison .footer {
    background: url("images/sortie/livraison-footer.png") no-repeat;
    width: 192px;
    height: 6px;
}
/*********************** LIVRAISON ****************************************/
/*********************** PARRAINAGE ****************************************/
#content-compte #compte-cavissima .titre-form-parrain{
	background:#dddcd2;
	text-align:center;
	margin:0;
	margin:10px 0px;
}

#content-compte #compte-cavissima .titre-form-parrain h1{
	font-size:16px;
	padding-top:5px;
	height:25px;
}
#content-compte #compte-cavissima .contenu-parrainage{
	color:#6b6556;
}
#content-compte #compte-cavissima #compte-parrainage p{
	margin:10px 0px;
}
#content-compte #compte-cavissima #compte-parrainage label{
	width:150px;
	display:block;
	float:left;
	text-align:right;
	padding-right:10px;
	padding-left:100px;
}
#content-compte #compte-cavissima #compte-parrainage input[type=text]{
	width:280px;
	padding:2px 10px;
	background:url(/styles/images/contact/fond-input.png) no-repeat;
	border:none;
	color:#7f6d55;
}
#content-compte #compte-cavissima #compte-parrainage textarea{
	background:url(/styles/images/contact/fond-textarea.png) repeat-y;
	width:280px;
	height:90px;
	border:none;
	padding:5px 10px;
}
/*********************** PARRAINAGE ****************************************/
/*********************** COORDONNEES ****************************************/
#content-compte #inscription {
    margin-top: 0px;
}

#content-compte #inscription #form-inscription .cadre {
    margin-bottom: 10px;
}

#content-compte #inscription #form-inscription .cadre .entete {
    background: url("images/compte/fond-entete-form.png") repeat-y;
    padding: 5px;
    text-align: center;
}

#content-compte #inscription #form-inscription .cadre .entete h1 {
    font-size: 16px;
    color: #67614f;
    height: 20px;
}

#content-compte #inscription #form-inscription .cadre .contenu {
    background: url("images/compte/fond-content-form.png") repeat-y;
    padding: 10px;
    color: #6b6556;
}

#content-compte #inscription #form-inscription .cadre .contenu label {
    width: 37%;
    text-align: right;
    display: block;
    float: left;
    padding-right: 10px;
    color: #6b6556;
    padding: 2px 10px 2px 0px;
}

#content-compte #inscription #form-inscription .cadre .contenu p {
    margin: 10px 0px;
}

#content-compte #inscription #form-inscription .cadre .contenu input[type = text], #content-compte #inscription #form-inscription .cadre .contenu input[type = password] {
    /*width: 200px;
    color: #6b6556;
    padding: 2px 0px;*/
}

#content-compte #inscription #form-inscription .cadre .contenu select {
    color: #6b6556;
    padding: 2px 0px;
}

#content-compte #inscription #form-inscription .cadre .footer {
    background: url("images/compte/footer-form.png") no-repeat;
    height: 10px;
    width: 710px;
}

/*********************** COORDONNEES ****************************************/
/********************************* TABLEAU ******************************************/
#content-compte #compte-cavissima .tab-compte, #content-compte #compte-cavissima .tab-livre-cave {
    margin: 5px 0px 20px 0px;
	font-size:11px;
}
#content-compte #compte-cavissima .tab-livre-cave {
    margin: 5px 0px 20px 0px;
}
#content-compte #compte-cavissima .tab-livre-cave table td {
	text-transform:capitalize;
}
#content-compte #compte-cavissima table {
    width: 100%;
}

#content-compte #compte-cavissima table tr .first {
    background-image: none;
}

#content-compte #compte-cavissima table tr th {
    background: url(/styles/images/compte/ombre-marron.png) repeat-y left;
    background-color: #dddcd2;
    height: 30px;
	
}

#content-compte #compte-cavissima table tr th h4 {
    height: 15px;
	font-size:11px;
}

#content-compte #compte-cavissima table tr td {
    background: url(/styles/images/compte/ombre-blanc.png) repeat-y left;
    background-color: #fcfcfc;
    line-height: 25px;
    text-align: center;
	padding:0px 5px;
}

#content-compte #compte-cavissima table tr td div {
    line-height: normal;
}

#content-compte #compte-cavissima table tr td.statut-cmde {
    text-align: left;
    padding: 10px;
    color: #6b6556;
}

#content-compte #compte-cavissima table tr td.detail-cmde {
    text-align: left;
    padding: 10px;
}

#content-compte #compte-cavissima table tr td.separateur {
    background: url("/styles/images/panier/separateur.png") repeat-x;
    height: 1px;
}

/* sous tableau */
#content-compte #compte-cavissima table tr td table tr th {
    background: none;
    text-align: center;
}

#content-compte #compte-cavissima table tr td table tr td {
    background: none;
    text-align: center;
}

/******************************* TABLEAU ******************************************/
/******************************* TABLEAU CMS ******************************************/
table.tarif td {
	/*text-transform:capitalize;*/
}
table.tarif {
    width: 100%;
}

table.tarif tr .first {
    background-image: none;
}

table.tarif tr th {
    background: url(/styles/images/compte/ombre-marron.png) repeat-y left;
    background-color: #dddcd2;
    height: 30px;
	
}

table.tarif tr th h4 {
    height: 15px;
	font-size:11px;
}

table.tarif tr td {
    background: url(/styles/images/compte/ombre-blanc.png) repeat-y left;
    background-color: #fcfcfc;
    line-height: 25px;
    text-align: center;
	padding:0px 5px;
}

table.tarif tr td div {
    line-height: normal;
}

table.tarif tr td.separateur {
    background: url("/styles/images/panier/separateur.png") repeat-x;
    height: 1px;
	line-height: 1px;
}
/******************************* TABLEAU CMS******************************************/




/********************************* CAVE *******************************************/
.tool-tip-cave-rouge {
    background: url("/styles/images/cave/fond-tool-tip-rouge.png");
    width: 211px;
    height: 120px;
    font-weight: bold;
}
.tool-tip-cave-rouge.sortie {
	background: url("/styles/images/sortie/tool-tip-sortie-rouge.png");
	width: 211px;
    height: 155px;
}
.tool-tip-cave-autre {
    background: url("/styles/images/cave/fond-tool-tip-autre.png");
    width: 211px;
    height: 120px;
    font-weight: bold;
}
.tool-tip-cave-autre.sortie {
	background: url("/styles/images/sortie/tool-tip-sortie-autre.png");
	width: 211px;
    height: 155px;
}
.btn-rouge{
	cursor:pointer;
	margin:0;
	margin-top:5px;
	padding:3px 5px;
	background-color:#ae0e30;
	border:0;
	color:#eae9e3;
}
.tool-tip-cave-autre .titre-tool-tip{
	color: #504A37;
}
.tool-tip-cave-rouge .titre-tool-tip{
	color: #FFFFFF;
}
.produit-nom-tool-tip{
	font-size:12px;
	letter-spacing:-1px;
}
.produit-ref-tool-tip{
	font-style:italic;
	font-size:10px;
	letter-spacing:-1px;
}
.titre-tool-tip {
    font-size: 13px;
    line-height: 27px;
    text-align: center;
}

.contenu-tool-tip {
    padding: 5px 10px;
    color: #58585a;
}
.statut-commande{
	font-size:10px;
	font-style:italic;
	color:#7D110F;
}
.img-tool-tip {
    float: left;
    padding-right: 10px;
    height: 100px;
}

.best-tool-tip {
    color: #7d110f;
	float:left;
	font-size:10px;
	width:75px;
}

#content-compte #compte-cave {
    overflow: hidden;
    width: 693px;
	margin-top:20px;
}

#content-compte #compte-cave #entete-cave {
    background: url("/styles/images/cave/fond-entete-cave.png") repeat-x;
    height: 119px;
}

#content-compte #compte-cave #contenu-cave {
    background: url("/styles/images/cave/fond-bois.png") repeat-x;
    height: 457px;
    width: 2079px;
    float: left;
}

#content-compte #compte-cave #fleche-gauche {
    position: absolute;
    margin-top: 200px;
    margin-left: 15px;
    cursor: pointer;
}

#content-compte #compte-cave #fleche-droite {
    position: absolute;
    margin-top: 200px;
    margin-left: 651px;
    cursor: pointer;
}

#content-compte #compte-cave #numero-cave{
	position: absolute;
    margin-top: 0px;
    margin-left: 520px;
}
#content-compte #compte-cave #numero-cave h1{
	font-size:18px;
	color:#a6754e;
}

#content-compte #compte-cave #contenu-cave .barre-haut {
    background: url("/styles/images/cave/barre-haut.png") repeat-x bottom;
    height: 25px;
}

#content-compte #compte-cave #contenu-cave .ligne-bouteille {
    background: url("/styles/images/cave/raque.png") repeat-x bottom ;
    height: 56px;
}

#content-compte #compte-cave #contenu-cave .ecran {
	float:left;
	width:693px;
}

#content-compte #compte-cave #contenu-cave .ligne-bouteille .bouteille {
    float: left;
    height: 50px;
    padding-top: 5px;
	/*padding-left:3px;*/
    width: 47px;
}
.btn-valid-note, #form-search-cave .btn-valid-envoie, #msg-livre-or .btn-valid-envoie, #content-compte .btn-valid-compte, #panier.sortie .btn-valid-compte, #content #contact .btn-valid-envoie, #content-compte #compte-parrainage .btn-valid-envoie, #content #inscription .btn-valid-envoie{
	cursor:pointer;
	border:none;
	width:115px;
	height:20px;
	padding-bottom:25px;
	color:#fcfcfc;
	background:url(/styles/images/compte/fond-btn.png);
}
#form-search-cave p{
	float:left;
}
#form-search-cave input[type=text]{
	background: url(/styles/images/inscription/fond-input-insc.png) no-repeat;
	border: none;
	color:#6B6556;
	padding:2px 10px;
	margin-right:10px;
	width:224px;
}
.ligne-mvt-color{
	color:#c52323;
	padding:2px 0px;
}
.ligne-mvt{
	padding:2px 0px;
}
/********************************* CAVE *******************************************/
/********************************* PARTAGE CAVE *******************************************/
#content-compte #compte-cavissima .btn-partage{
	background:url("/styles/images/compte/btn-lien-cave.png") no-repeat;
	width:275px;
	height:35px;
	padding-left:16px;
	float:left;
	margin-bottom:5px;
}
#content-compte #compte-cavissima .btn-partage h4{
	padding-top:8px;
	height:28px;
}
#content-compte #compte-cavissima .adresse-cave input{
	width:280px;
	padding:3px 0px;
	margin-top:4px;
	float:left;
	margin-right:9px;
}
/********************************* PARTAGE CAVE *******************************************/
/********************************* ABONNEMENT CAVE *******************************************/
#content-compte #compte-cavissima .police-min{
	font-size:11px;
}
#content-compte #compte-cavissima p{
	margin:10px 0px;
}
#content-compte #compte-cavissima .btn-valid-abo{
	background:url("/styles/images/compte/btn-valid-abo.png") no-repeat;
	width:316px;
	border:none;
	height:29px;
	padding-bottom:7px;
	color:#fcfcfc;
	font-size:12px;
	cursor:pointer;
}
/********************************* ABONNEMENT CAVE *******************************************/
/********************************* GESTION VISITE *******************************************/
#content-compte #compte-cavissima .texte-accueil{
	margin:20px 0px;
}
#content-compte #compte-cavissima .zone-txt-accueil{
	width:280px;
	height:75px;
	padding:5px 10px;
	margin-bottom:10px;
	background: url(/styles/images/contact/fond-textarea.png) repeat-y;
	border:none;
}
#content-compte #compte-cavissima .ancien-txt-accueil{
	float:left;
	width:353px;
	text-align:justify;
}
#content-compte .gestion-acces ul.selectReplacement {
	
}
#content-compte .gestion-acces .form-ajout-amis p{
	float:left;
}
#content-compte .gestion-acces .form-ajout-amis label {
	
}
#content-compte .gestion-acces .form-ajout-amis input.champ-txt {
	background: url(/styles/images/compte/input-visite.png) no-repeat ;
	border: none;
	color:#6B6556;
	padding:2px 10px;
	width:126px;
}
#content-compte .gestion-acces .form-ajout-amis input.email {
	background: url(/styles/images/inscription/fond-input-insc.png) no-repeat ;
	border: none;
	color:#6B6556;
	padding:2px 10px;
	width:224px;
}
#content-compte .gestion-acces .label-acces-cave {
	float:left;
	padding-right:10px;
	padding-left:150px;
}
/********************************* GESTION VISITE *******************************************/
/********************************* PREVISIONNEL *******************************************/
#content-compte #compte-cavissima .nom-couleur{
	float:left;
	text-transform:capitalize;
	font-weight:bold;
	width:75px;
}
#content-compte #compte-cavissima .previsionnel p{
	margin:0;
	/*padding-left:90px;*/
	padding-right:5px;
}
#content-compte #compte-cavissima .previsionnel p ul.selectReplacement{
	margin:0;
}
#content-compte #compte-cavissima .previsionnel table tr td{
	padding:5px 0px;
}
#content-compte #compte-cavissima .previsionnel table tr th h4{
	width:35px;
}
#content-compte #compte-cavissima .previsionnel table tr th{
	width:35px;
	padding-left:10px;
}
#content-compte #compte-cavissima .previsionnel table tr td.separateur{
	padding:0;
}
/********************************* PREVISIONNEL *******************************************/
/********************************* ADRESSE CAVE *******************************************/
#content-compte #inscription #form-inscription .cadre .contenu a.btn-compte{
	width:115px;
	height:23px;
	text-align:center;
	background:url("/styles/images/compte/fond-btn.png") no-repeat;
	display:block;
	float:left;
	color:#fcfcfc;
	padding-top:2px;
}
#content-compte #inscription #form-inscription .cadre .contenu a.btn-compte:hover{
	text-decoration:none;
}
#content-compte #inscription{
	margin-top:20px;
}


#result-cave{
	margin-top:40px;
}
#result-cave h1{
	font-size:18px;
}
/********************************* ADRESSE CAVE *******************************************/
/********************************* SORTIE *******************************************/
.select-sortie ul.selectReplacement li {
	width:220px;
}
/*#content-panier #panier.sortie .demi-cadre .contenu{
	height:200px;
}*/
.ligne-livraison{
	padding:15px 40px;
}
/********************************* SORTIE *******************************************/
/*************************** BLOC COMPTE ******************************************/
#bloc-compte {
    float: left;
    padding: 15px 0px 0 1px;
    width: 712px;
	/*margin-left:220px;*/
}

#bloc-compte h1 {
    color: #6f5a3f;
    font-size: 20px;
    margin-left: 27px;
}

#bloc-compte .titre-bloc {
    margin-left: 15px;
}

#bloc-compte .bloc-mon-compte {
    background: url("/styles/images/compte/bloc-mon-compte.png") bottom no-repeat;
    width: 243px;
    height: 195px;
    margin-right: 5px;
    float: left;
}

#bloc-compte .bloc-ma-cave {
    background: url("/styles/images/compte/bloc-ma-cave.png") bottom no-repeat;
    width: 229px;
    height: 195px;
    margin-right: 5px;
    float: left;
}

#bloc-compte .bloc-commandes {
    background: url("/styles/images/compte/bloc-commandes.png") bottom no-repeat;
    width: 226px;
    height: 195px;
    float: left;
}

#bloc-compte ul.lien-mon-compte {
    margin-left: 128px;
    margin-top: 7px;
    padding-right: 7px;
}

#bloc-compte ul.lien-ma-cave {
    margin-left: 112px;
    margin-top: 7px;
    padding-right: 7px;
}

#bloc-compte ul.lien-commandes {
    margin-left: 97px;
    margin-top: 15px;
    padding-right: 7px;
}

#bloc-compte ul li {
    list-style-image: url("images/puce_fleche.png");
    list-style-position: outside;
    line-height: 18px;
}

#bloc-compte ul li a {
    color: #7a7a78;
}

#bloc-compte ul li a:hover {
    text-decoration: underline;
}

/*************************** BLOC COMPTE ******************************************/
/*=========================== COMPTE ====================================*/
/*=========================== VISITE CAVE ====================================*/
#txt-accueil{
	
}
#txt-accueil .entete-txt{
	background:url("/styles/images/cave/fond-haut-comm.png") no-repeat;
	width:693px;
	height:9px;
}
#txt-accueil .contenu-txt{
	background:url("/styles/images/cave/fond-comm.png") repeat-y;
	width:658px;
	padding:15px 20px 15px 15px;
	text-align:justify;
	color:#ddd6c4;
}
#txt-accueil .footer-txt{
	background:url("/styles/images/cave/fond-bas-comm.png") no-repeat;
	width:693px;
	height:29px;
}
.titre-cave-visite{
	font-size:20px;
	height:30px;
	line-height:30px;
	/*margin:20px 0 0 25px;*/
}
.txt-acces-cave{
	margin:20px 0px;
}
#client_acces_cave_email{
	background:url(/styles/images/contact/fond-input.png) no-repeat;
	border: none;
	color:#7F6D55;
	padding:2px 10px;
	width:280px;
}
/*=========================== VISITE CAVE ====================================*/
/*=========================== FOOTER ====================================*/
#footer {
    width: 887px;
    height: 263px;
    padding-left: 34px;
    padding-right: 34px;
    color: #b1b1b1;
    background-image: url("images/footer.png");
}

#footer .lien {
    padding-top: 28px;
    text-align: center;
}

#footer .lien a {
    color: #b1b1b1;
}

#footer .referencement {
    padding-top: 30px;
}

/*=========================== FOOTER ====================================*/

/*=========================== POPUP =====================================*/
.input_popup_mail {
  width: 224px;
  color: #6b6556;
	padding:2px 10px;
	background:url(/styles/images/inscription/fond-input-insc.png) no-repeat;
	border:none;
}
#formamis label {
	float:left;
	display:inline;
	width:140px;
	text-align:right;
}

#formamis textarea {
	background:url(/styles/images/popup/fond-textarea.png) repeat-y;
	width:224px;
	height:90px;
	border:none;
	padding:5px 10px;	
}


.titlecatalogue {
	background:#DDDCD2;
	color:#6E6E6D;
	font-size:16px;
	font-weight:bold;
	height:35px;
	line-height:35px;
	margin-bottom:10px;
	text-align:center;
	margin-top:7px;
}

ul.ul_sitemap_cat li.lvl1 {
	display:inline;
	float:left;
	font-size:11px;
	margin-bottom:5px;
	margin-left:-1px;
	width:237px;
}

.lvl1title {

	font-weight:bold;
	height:35px;
	line-height:35px;
	text-align:center;
	text-decoration:none;
}
.lvl2 {
	height:280px;
	overflow:auto;
	padding-top:7px;
}
.lvl1title img {
	margin-top:10px;
}

h3.toggler {
	cursor:pointer;
	line-height:25px;
	font-weight:bold;
}

.filtre-search .titre-filtre{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
}
.filtre-search{
	padding: 10px 0px 5px 0px;
	background:#A29C8D;
	color:#fcfcfc;
	margin-bottom:10px;
}
.filtre-search .filtre{
	float:left;
	padding:0px 5px 5px 5px;
	font-weight:bold;
}
/*===================== Recap commande , abo =============================*/
.recap-abo{
	margin:auto;
	width:300px;
}
.recap-abo table tr td{
	padding-right:20px;
}
/*===================== Recap commande , abo =============================*/

#menu_logo_partenaire {
	height:40px;
	overflow:hidden;
	margin-bottom:5px;
}

.errorajax {
	text-align:center;
	background-color:#FFD4D7;
	width:246px;
	margin-left:246px;
	font-weight:bold;
}