@import url(styles-old.css);

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ---- GLOBAL -------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
html, body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, select, option, label {margin: 0;padding: 0;}
a {	text-decoration: none;	color: #bd1d29;}
img{ border: none; }
ul, ol { list-style: none; }
fieldset { border: none; }
H1 {font-size: 16px; margin-bottom: 4px;}
H2 {font-size: 14px; margin: 2px 0 4px 0;}
H3 {font-size: 13px;	margin-top: 4px;	margin-bottom: 4px;}
body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;	font-style: normal;	color: #333;
	background-color: #030303;	background-image: url(../img/fond-gauche.png);	background-repeat: no-repeat;	background-position: center top;}
#page {width: 976px;margin-right: auto;	margin-left: auto; }
#content {overflow: hidden;	-overflow: visible;	-height: 1%;width: 976px;	background-color: #fff; }
#navigation { }
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ---- Entete -------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#header {position: relative;height: 90px;	background-color: #030303;	background-image: url(../img/header.jpg);	background-repeat: no-repeat; background-position: right 0;}
#logo {position: absolute;	top: 0;	left: 0; }
#left {	float: left;	width: 135px;	padding-top: 42px;	margin: 0 0 0 14px;	-margin: 0 0 0 7px;	padding-bottom: 10px; }
#center {float: left;	width: 530px;	-width: 520px; padding-top: 9px;	margin: 0 0 0 10px;	}
#right {float: right;	width: 232px;	margin: 0 14px 0 0;		margin: 0 2px 0 0;	}
body.homepage #left {float: left;width: 700px;	padding-top: 10px;	margin: 0 0 0 14px;	-margin: 0 0 0 7px;	padding-bottom: 60px;}
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ---- Navigation TOP -------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#account {background-color: #000;text-align: right;	padding-right: 8px;}
#account li {display: inline;font: 13px/31px;	padding: 0 0 0 10px;border-left: 1px solid #FFF;-border-left: expression(this.previousSibling == null ? 'none' : '1px solid #ffffff');  first-child emulation for IE6: }
#account li:first-child {border-left: none;}
#account a {color: #fff;	margin: 0 9px 0 0;}
#commande {	position: absolute;	top: 34px;	left: 822px;color: #fefcfc;	font: 11px/13px;}
#commande .telephone {font: bold 18px/18px;}
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ---- Menu HORIZONTAL --------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#menu {height:38px; /*  necessaire à IE */	background-color: #A39898;	width: 976px;}
#menu ul {list-style-type:none; text-align:center;	position:absolu;}
#menu li {float:left; margin:auto;	padding: 10px 10px 10px 0 }/* Menu principal */
#menu li a {display:block; color:white; text-decoration:none; margin: 0 0 0 8px;}/* marge gauche pour decoller le sous-menu du bord */
#menu li a:hover {color:#bd1d29; background:none;}
#menu ul li ul {display:none; text-align: left; width:180px; background-color: #A39898; margin-top: 4px}/* Met le déroulement au survol sur la liste principale  */ 
#menu ul li:hover ul {display:block;} /* le block contrarie le none précedent */
#menu li:hover ul li {float:none; }/* Met le déroulement vertical sur la liste secondaire, le none contrarie le left précedent */
#menu li ul li {text-transform: capitalize;	margin: 0px;padding: 2px 0 2px 0; } /* chaque sous-menu */
#menu li ul {position:absolute;} /* permet d'afficher la liste sous l'élément parent */
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------- Footers --------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#top-footer {clear: both; padding: 4px;}
#absolute-footer {height:150px;	text-align: left;	padding: 6px 20px 6px 20px;	background-color: #FFF;	}
#footer1,#footer2,#footer3, #footer4 {float: left;display: inline;}
#footer1,#footer2 {width: 220px;padding-top: 20px;}
#footer3 {width: 230px;padding-top: 20px;}
#footer4 {width: 240px;	padding-top: 10px;	}
#footer1 li, #footer2 li, #footer3 li, #footer4 li {list-style-type: square;list-style-position: inside;}
#footer1 a, #footer2 a, #footer3 a, #footer4 a {color: #000000;	text-decoration: none;}
#footer1 a:hover, #footer2 a:hover, #footer3 a:hover, #footer4 a:hover  {text-decoration: underline;}
#footer1 {background-image: url(../img/footer1.png);background-repeat: no-repeat;}
#footer2 {background-image: url(../img/footer2.png);background-repeat: no-repeat;}
#footer-end {text-align: center;height: 35px;margin-bottom: 40px;margin-top: 8px;color: #999;} /* Adresse et mentions légales dans config / Design */
#footer-end .abus 	{font-size: 10px;	font-style: italic;}
#footer {clear: both;	display: none;} /* Ancien menu "qui sommes-nous" en ligne géré par page.xml & contacts.xml */
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/*  -------- Ariane --------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------------------------------*/
#breadcrumbs {line-height: 15px;}
#breadcrumbs a {}
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ---- EDITORIAL  -------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#editorial { overflow: hidden; -overflow: visible; -height: 1%; margin-top: 20px;	}
#editorial .category-image { float: left; margin: 10px 10px 0 0; } /* pour mettre l'image de la catégorie sur la gauche */
#editorial p {margin-top: 8px;	text-align: justify;} /* texte de description */
#editorial img {} /* Image */
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/*  -------- Catégorie  --------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* Titre de la catégorie dans le menu de gauche */
#section-title {margin-bottom: 15px;	line-height: 17px;}
/* Titres des sous catégories dans le menu de gauche */
#sub-sections {	margin: 0 0 50px 0;}
#sub-sections li {	+display: block;	+float: left;	+width: 100%;}
#sub-sections a {+float: left;	+width: 100%;	display: block;	padding: 1px 0 0 0;	color: #000;}
#sub-sections a:hover {	}
#sub-sections li.current a {color: #e9893a;}
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/
/*-------------------- Home --------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------*/
#product-line {	margin-top: 10px;	margin-bottom: 30px; height: 230px;}
#product-line .home-pave-1 { width: 344px; float: left;}
#product-line .home-pave-2 { width: 344px;	float: right;}
/* Div "Product" contenant l'image et la description du produit */
#product-line .product {height: 155px;} /* le produit (hauteur identique à l'image de fond */
#product-line .product-image {border:medium none; float:left; margin: 0 10px 0 6px}
#product-line .product-nom {color: #CA165A;	padding-top: 26px;}
#product-line .product-description {margin: 10px 10px 4px 120px;text-align: center;}
#product-line .product-2ndvin, #product-line .product-classement { } /* identiques car l'un remplace l'autre */
/* Div "Achat" contenant le format, le choix de la quantité et l'ajout au panier */
#product-line .achat {text-align: right; margin-right: 8px;} /* la zone d'achat */
#product-line .achat .quantity {float: left;width: 160px; }/* div contenant le prix, la Q et le colisage */
#product-line .achat .product-price { font-size: 16px;color: #d63056;font-weight: bold; margin-bottom: 2px;} /* prix */
#product-line .achat .add-to-cart {} /* panier */
/* Promotion en cours */
#product-line-promo {margin-top: 10px;	margin-bottom: 10px;} 

/*------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------- Panier à droite --------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
#cart {margin-top: 30px;width: 217px;	height: 70px;	overflow: hidden;background: url(../img/panier.png) 0 0 no-repeat;font: 12px/15px;	padding-top: 10px;	padding-right: 0;	padding-bottom: 0;	padding-left: 0px;}
#cart dt {}
#cart dd {	text-align: center;	margin-top: 18px;	margin-left: 40px;}
#cart a { color: #999;	font-style: italic;}
#cart a .price {color: #000;	font-style: normal;}
#cart p {margin-top: 10px;	text-align: center;	margin-left: 40px;}

/*------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------- Fenetre AJAX ------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
div.last-added {background-color: #FFFFFF;border: 1px solid #999999;display: block;	padding: 20px;position: fixed;z-index: 9999;} 
.box .last-added { margin: 10px 0; }
.box .last-added p { margin: 0; }
.box .last-added dl { margin: 5px 0; }
.box .last-added dt { float: left; margin-right: 10px; }
.mini-cart p { clear: both; }
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/


#right img{margin-top: 2px;	margin-bottom: 2px;}
#search {margin-top: 15px;}
#search .query-field {border: 1px solid #f5d9d5;padding-left: 2px;width: 162px;	float: left;margin-top: 8px;background-color: #FFF;}
#search .submit-button {width: 44px;height: 33px;	overflow: hidden;cursor: pointer;text-indent: -400px;background: url(../img/ok.png);+background: url(../img/ok-ie.png);	border: none;	float: left;	color: #fff;	font: bold 12px;}
#search p {font: 11px/11px;	padding-left: 4px;	margin-top: -3px;}
#search p a {font: 11px/13px;	color: #a61e20;	text-decoration: underline;}
#colonne-morris {margin-top: 20px;}
#colonne-morris li {margin-top: 10px;}


/*------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------- LISTE DE PRODUITS -------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/* ------------ Détails du produit --------------------------------*/
#liste-de-produits .nom a, #nos-coups-de-coeur .nom a, #fiche-produit .nom {font-weight: bold; color: #000000;} 
#liste-de-produits .nom a:hover, #nos-coups-de-coeur .nom a:hover {font-weight: bold; color: #d63056;} 
#liste-de-produits .appellation, #liste-de-produits .secondvin, #fiche-produit .appellation, #fiche-produit .secondvin, #nos-coups-de-coeur .appellation, #product-line .product-appellation {color: #81888B; } /* Appellation, classement, second vin */
#liste-de-produits .couleur, #fiche-produit .couleur {} /* couleur */ 
#liste-de-produits .primeur, #fiche-produit .primeur {	} /* texte sur la dispo des primeurs */ 
#liste-de-produits .accroche, #nos-coups-de-coeur .accroche {padding-top: 10px; } /* Accroche courte */
.stock {padding-top: 10px;	color: #bd1d29;	font-weight: bold;} /* Epuisé */
/* ---------------------------------------------------------------*/

/*-------------- Coups de Coeur --------------------------------------------------*/
#nos-coups-de-coeur {overflow: hidden; -height: 1%;	margin-top: 25px;}
#nos-coups-de-coeur h2 {float: left;}/* image Nos coup de Coeur */
#nos-coups-de-coeur dl {overflow: hidden;	-height: 1%;float: right; width: 500px; -width: 460px;}
#nos-coups-de-coeur dl.first {}
#nos-coups-de-coeur dt {float: left;text-align: right;padding-right: 32px;overflow: hidden; } /* image*/
#nos-coups-de-coeur .ajouter { display: inline; }
#nos-coups-de-coeur .achat {text-align: right;	display: inline;} /* A droite, zone d'achat */

/*------------------------------------------------------------------------------------------------------------------*/
/* ----- Navigation dans les pages ------------- */
#liste-de-produits .nav-through-pages {	text-align: center;	word-spacing: 5px;margin: 8px 0;border-top: 1px dotted #bb4956;	border-bottom: 1px dotted #bb4956;	padding: 5px 0 5px 0;}
#liste-de-produits .nav-through-pages a {background: #a13340;color: #fff;padding: 2px 5px;}
#liste-de-produits .nav-through-pages a.prev-next {	background: #fff;	color: #a13340;}
/* ------------ Affichage & Tri -----------------*/
#liste-de-produits .classement-liste {overflow: hidden;	-height: 1%;color: #565555;	font: 11px/13px;word-spacing: 2px;	border-top: 1px dotted #9d9d9d;	border-bottom: 1px dotted #9d9d9d;	margin: 20px 0 20px 0;	padding: 3px 0 3px 0;}/* div contenant le tri et l'affichage par */
#liste-de-produits .classement-liste a {color: #565555;	text-decoration: underline;}
#liste-de-produits .items-par-page {float: left; } /* Affichage par ...*/
#liste-de-produits .type-de-classement {float: right;} /* Tri par ...*
/* ------------ Liste des Produits --------------------*/
#liste-de-produits .liste {margin: 5px 0 0 0; } /* div contenant la liste des produits */
/* ------------ Organisation générale -----------------*/
#liste-de-produits .liste-produit {height: 140px;	padding: 10px 0 0 0;	} /*Chaque produit */
#liste-de-produits .image {float: left; width: 120px; padding: 3px 0 0 11px; } /* A gauche, Image */
#liste-de-produits .liste-produit-infos {float: left; width: 200px; }/* Au centre, infos sur le produit */
#liste-de-produits .achat {float: right; width: 160px; } /* A droite, zone d'achat */
#liste-de-produits form:first-child {border:medium none;}
#liste-de-produits form {border-top-width: 1px;	border-top-style: solid;border-top-color: #b5adad;} 
/* ------------ Bloc Choix de la Quantité & du Colisage -----------------*/
#liste-de-produits .details {} /* Bloc : Format + prix unitaire + quantité + colisage */
#liste-de-produits .format-prix {} /* Format + prix */
.prix-unitaire-unite {} /* Format (bouteille, magnum, ...) */
.prix-unitaire-normal {	font-size: 16px;color: #d63056;font-weight: bold;} /* Prix unitaire normal */
.prix-unitaire-barre {color: #b5adad;} /* Pour la GMF : Prix public */
.prix-du-pack {} /* Prix du colis */
#liste-de-produits .quantite-colisage {padding: 2px 0 14px 0;} /* Format + prix */
#liste-de-produits .ajouter {} /* Boutton ajout au panier */
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/
/* --------------------------- FICHE PRODUIT ------------------- ---------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
#fiche-produit {overflow: hidden;	-height: 1%;margin-top: 10px;}
#fiche-produit dt {float: left;	width: 200px;text-align: center;height: 245px;} /* image */

/* Bloc prix */
#fiche-produit .product-previous-price {text-decoration: line-through;}
#fiche-produit .product-previous-price em {	display: none;}
#fiche-produit .product-price {	margin: 30px 0 0 0;	color: #a13340;}
#fiche-produit .conditionnement {}
#fiche-produit .note {margin: 2px 0 0 0;}
#envoyer  {text-align: right; margin-right: 10px; margin-top: 4px;}/* Bloc envoyer à ...*/
#encepagement {	margin-bottom: 10px; margin-top: 8px;}
#description {text-align: justify; padding: 6px 0 0 0;}
#notation {	background-image: url(../img/fiche-produit-note.png);background-repeat: no-repeat;background-position: left top;
height: 100px;padding-top: 14px;padding-right: 14px;	padding-bottom: 10px;	padding-left: 80px;	display: block;}
.detail {clear:both;padding-top: 2px;padding-bottom: 2px;}
#note-parker, #note-rvf, #note-lepoint {float: left; width: 114px;}
#note-parker {background-image: url(../img/fiche-produit-note-parker.png);background-repeat: no-repeat;background-position: right;}
#note-rvf {background-image: url(../img/fiche-produit-note-rvf.png);	background-repeat: no-repeat; background-position: right;}
#note-lepoint {background-image: url(../img/fiche-produit-note-lepoint.png);	background-repeat: no-repeat; background-position: right;}
#commentaire-parker, #commentaire-rvf, #commentaire-lepoint  {margin-left: 120px;}
#notre-avis {background-image: url(../img/fiche-produit-notre-avis.png);background-repeat: no-repeat;height: 90px;padding: 20px 6px 6px 80px;}	

#fiche-produit .commande {	margin: 10px 0 0 0;	font-size: 12px;}
#fiche-produit .commande input {
	font: 12px/14px;
	color: #565555;
	background: #fcf2eb;
	border: 1px solid #f5dede;
	width: 30px;
	text-align: right;
}

#fiche-produit .commande select {
	font: 12px/14px;
	color: #565555;
	background: #fcf2eb;
	border: 1px solid #f5dede;
	width: 175px;
}

#fiche-produit .commande img {	height:53px;
	line-height:11px;
	margin-left:130px;
	overflow:hidden;
	text-indent:-999px;
	width:100px;
}
/* ------------------ Fiche produit : affichage du tableau des prix ------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------- */
table#fiche-produit-panier {border-collapse:collapse;}
table#fiche-produit-panier td{	padding: 2px 6px 2px 6px;}
table#fiche-produit-panier td.format{font-weight: bold;}
.fiche-produit-panier-droite{border-bottom-width: 4px;	border-bottom-style: solid;	border-bottom-color: #FFF;	background-color: #EEE;}
.prix-unitaire-normal {	font-size: 13px;color: #d63056;	font-weight: bold;}
.prix-unitaire-barre {	font-size: 10px;color: #959595;}
.prix-unitaire {font-size:13px;	color: #d63056;	font-weight: bold;	}
.prix-unitaire-unite {	color: #959595;	}
.prix-du-pack {	font-size:11px;	color: #999;}
/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */


#avis-conso {padding: 8px;border-top-width: 1px;border-top-style: solid;border-top-color: #000;} /* Encart hors titre */
#avis-conso .actions {float: right;} /* ajouter votre commentaire */
#avis-conso .actions a {	margin: -33px 0 0 0; }
#avis-conso h3 {text-transform: capitalize;} /* Titre du commentaire */
#avis-conso h3 img {margin-left: 5px;	vertical-align: -2px;}
#avis-conso p {	padding: 2px 0;}
#avis-conso .more {	margin: 0 0 20px 0;	top: -2px;	position: relative;	font: bold 11px/15px Arial, sans-serif;}
#avis-conso .more a {color: #565555;	text-decoration: underline;}


#autres-produits, #suggestions {
	overflow: hidden;
	-height: 1%;
	margin: 0 0 40px 0;
}

.product-data {
	float: left;
	width: 254px;
	border-left: 1px solid #a13340;
	margin-left: 10px;
	padding-left: 5px;
	font: 11px/13px;
	color: #4d4b4b;
	-margin-left: expression(this.previousSibling == null ? '0' : '10px'); /* first-child emulation for IE6: */
	-border-left: expression(this.previousSibling == null ? '0' : '1px solid #a13340'); /* first-child emulation for IE6: */
}

.product-data:first-child {	border: none;	margin-left: 0;}
.product-data dt {float: left;	width: 75px;text-align: center;}
.product-data .nom {color: #a13340;	font-weight: bolder;margin-bottom: 5px;}
.product-data .nom a {color: #a13340;font-weight: bolder;}
.product-data .fiche-produit a {color: #a13340;	text-decoration: underline;}
.product-data .product-price {margin-top: 5px;	font-weight: bolder;}

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------ Impression de la commande depuis le back-office client ---------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
.page-print {width: 976px;margin-right: auto;	margin-left: auto;	background-color: #FFF;	background-image: none;	border: 1px solid #000; padding: 10px;} /* idem  #page Ecrase le body */
.page-print .print-head {margin-bottom: 10px;	height: 100px;	background-color: #000;} /* logo */
.page-print #top-footer { display:none; }
/* voir aussi .col-1 et .col-2 pour la mise en page des adresses */

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------ Pages d'identification (identification & lors du paiement ------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#login-form .col-1, #checkoutSteps .col-1, .page-print .col-1 {width: 49%; float: left; margin-bottom: 10px; margin-top: 20px; } /* colonne de gauche */
#login-form .col-2, #checkoutSteps .col-2, .page-print .col-2 {width: 49%;	float: right; margin-bottom: 10px; margin-top: 20px; } /* colonne de droite */
#login-form .login-page .col-1 .buttons-set {position: relative;	top: 15px;}
#login-form .content {	min-height: 175px;} /* contenus des colonnes 1 et 2 */
#login-form .buttons-set {clear: both;	margin-top: 8px;	padding: 0; } /* boutons des colonnes 1 et 2 */
#login-form .login-page .col-1 .buttons-set { } /* bouton de la colonne 1 */
#login-form h3, .col-1 h3, .col-2 h3, #checkout-step-login h4 {background: #f8f8f8;	padding: 5px 0;	border-bottom: 1px dotted #aaa;
	font-size: 11px; font-weight: bold;} /* Style des titres des colonnes */
#login-form .f-left {text-decoration:underline;	color: #000;} /* Mot de passe oublié */
/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------ Dashboard client -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
#dashboard {margin-top: 10px;}
#dashboard h5 {	font-weight: bold;	font-size: 12px;	margin-bottom: 10px;} /* Bonjour + nom de la personne */
#dashboard #welcome-msg {background-image: url(../img/dashboard-welcome.png);background-repeat: no-repeat;	padding-left: 220px;	height: 88px;} 
#dashboard .recent-orders {	margin-bottom: 16px;margin-top: 16px;	} /* commandes recentes */
#dashboard .recent-orders .title-buttons h3 {border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #B5ADAD;}
#dashboard .recent-orders .title-buttons a {float: right;} /* voir toutes les commandes */
#dashboard .colonne { margin: 10px 0 0 0; overflow: hidden; -overflow:visible;-height:1%; } 
#dashboard .gauche-info{position:relative;	float: left; padding: 8px 8px 22px 8px; width: 320px;margin: 0;} 
#dashboard .droite-info { position:relative;float: right; padding: 8px 8px 22px 8px; width: 320px;margin: 0;} 
#dashboard .gauche {position:relative;	float: left; padding: 8px 8px 22px 8px; width: 320px;margin: 0;background:#f9f9f9;border: 1px solid #CCC;} 
#dashboard .droite { position:relative;float: right; padding: 8px 8px 22px 8px; width: 320px;margin: 0;background:#f9f9f9;border: 1px solid #CCC;} 
#dashboard .gauche-facturation {position:relative;	float: left;	padding: 8px 8px 22px 8px;	width: 320px;	margin: 0;
	border: 1px solid #CCC;	background-image: url(../img/dashboard-facturation.png);	background-repeat: no-repeat;	background-position: right center;} 
#dashboard .droite-livraison { position:relative;float: right; padding: 8px 8px 22px 8px; width: 320px;margin: 0; border: 1px solid #CCC; background-image: url(../img/dashboard-livraison.png);	background-repeat: no-repeat;	background-position: right center;} 
#dashboard .gauche-commentaires {position:relative;	float: left; padding: 8px 8px 22px 8px; width: 320px;margin: 0;background:#f9f9f9;border: 1px solid #CCC;} 
#dashboard .droite-liste{ position:relative;float: right; padding: 8px 8px 22px 8px; width: 320px;margin: 0;background:#f9f9f9;border: 1px solid #CCC;} 
#dashboard .content-compte { border: none; background:transparent; min-height:30px;}
#dashboard .colonne p { } 
#dashboard .colonne .gauche .edit, #dashboard .colonne .droite .edit{
	text-decoration: none;
	display: block;
	width: 320px; /* doit être identique à celle de .gauche et .droite */
	padding: 0 5px 0 0;
	background:#f5f5f5;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	height:20px;
	overflow:hidden;
}
#dashboard .colonne .gauche .edit:hover, #dashboard .colonne .droite .edit:hover{ background:#f1f1f1;}
#dashboard #gerer_adresses {display: block;	margin-top: 4px;	margin-bottom: 4px;}
/* Dashboard : formulaires */
.group-select {	margin-top: 20px;}
.group-select li { margin:0 0 5px; }
/* Dashboard : Gerer mes adresses */
.ajouter_adresse {margin-top: 10px;	margin-bottom: 10px;} /* div avec le bouton ajouter une adresse */
.carnet_adresses { overflow: hidden; -overflow:visible; -height: 1%; }
.carnet_adresses .colonne_1 { float: left; width: 49%; }
.carnet_adresses .colonne_2 { float: right; width: 49%;}
.carnet_adresses address {margin-bottom: 10px;	margin-left: 10px;}
.carnet_adresses address H3{padding-left: 8px;}
/* Dashboard : Gerer mes commandes */
.page-title {margin:10px 0 10px 0;padding:0 0 5px;border:none;} /* commande */
.deux_col { overflow: hidden; -overflow:visible; -height: 1%; padding: 5px; margin: 0 0 20px 0; font: normal 11px/15px; }
#editorial .deux_col p { font: normal 11px/15px; margin: 0 0 0 10px; padding: 0; }
.premiere_col { width: 49%; float: left; }
.seconde_col { width: 49%; float: right; }
.deux_col address { font-style: normal; font: normal 11px/15px; background: #f9f9f9; padding: 10px; }
.deux_col h3 { font: bold 12px/15px; margin: 7px 0 3px 0; padding: 2px 8px; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; }
/* Dashboard : Renouveller une commande */
#shopping-cart-totals-table {margin-bottom: 10px;}
/* Dashboard : Détail d'une commande */
.dashboard-commande-detail {
	margin-bottom: 10px;
	background-color: #EBEBEB;
	padding: 4px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

/* Affichage */
.pager {overflow: hidden;-overflow:visible;	-height: 1%;margin-top: 4px;margin-bottom: 4px;}
.pager p.amount {float: left; margin: 0; padding:0;}
.pager fieldset.limiter {float: right;  margin: 0; padding:0;}

/* Mes commentaires */
.reviews {	display: none;} /* fait disparaitre les commentaires dans le dashboard */

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------- Messages d'erreur ------------------------------------------------------------------ */
/* ----------------------- Encart avec texte qui s'affiche au dessous du titre principal--------------------------------------- */
.error-msg, .success-msg, .note-msg, .notice-msg {background-position:10px 10px !important;	background-repeat:no-repeat !important;
	min-height:24px !important;	padding:8px 8px 8px 32px !important;background-color: #F39;}
.error-msg {background-color:#faebe7;	background-image:url(../img/error_msg_icon.gif);	background-repeat: no-repeat;
	background-position: left center;}
.success-msg {border-color:#446423;	background-color:#FCF;	background-image:url(../images/success_msg_icon.gif);}
.note-msg, .notice-msg { border-color:#fcd344; background-color:#FCF2EB; background-image:url(../images/note_msg_icon.gif); color:#000000; }
.validation-advice {clear:both;	min-height:13px;margin:3px 0 0;	padding-left:17px;	background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat;  } 
.validation-passed {}
/* voir aussi */
#login-form label {} /* texte au dessus du champs */
#login-form button span {} 

/* -----------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------  Boutons ------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------*/
.button /* panier : commander */
{	border: 1px solid #000;
	cursor: pointer;
	overflow: visible;
	width: auto;
	vertical-align: middle;
	background-color: #F9F9F9;
	text-align: center;
	padding: 2px;
	-margin: 4px;
	font-size: 11px;
}
.button-rouge /* panier : commander */
{	border: 1px solid #000;
	cursor: pointer;
	overflow: visible;
	width: auto;
	vertical-align: middle;
	background-color: #BD1D29;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFF;
}
#opc-login .col-2  #login-form .buttons-set a {	margin: 5px 0;	display: block;}
/*------------------------------------  INPUTS ---------------------------------------------------------------------*/
input.input-text {background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDDDDD;} /* zone à remplir */
select {background:#FFFFFF none repeat scroll 0 0;	border:1px solid #DDDDDD;	font-size: 10px;} /* menu deroulant */
textarea {background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDDDDD;} /* zone de texte */
.validation-failed {border:1px dashed #F20D5E !important;	background:#FFFFFF !important;} /* en cas d'échec */
/*------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------- Champs obligatoire --------------------------------------------------------------- */
.required {	color: #F20D5E;	text-align: left;	margin: 0;} /* champs obligatoires */
/*------------------------------------------------------------------------------------------------------------------*/
#review_field {	width: 300px;} /* Avis des clients : textarea du commentaire*/
.group-select input.input-text {width: 250px;}
.group-select .input-box { float:left; width:260px; margin-bottom: 3px; }
.group-select input.input-text,
.group-select textarea {width:510px; }
.group-select select { width:516px; }
.group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; }
.group-select .input-box select { width:256px; }
.buttons-set {width:256px;	clear:both;margin:10px 0 0;padding:4px;} /* div englobant Retour + valider */
.buttons-set .back-link { float:left; margin-right:40px; padding-top:2px;text-decoration:underline; } /* Bouton "Retour" */
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/


/* Data Table (tous les tableaux) */ 
.data-table {width:100%;border-collapse:collapse;	margin-top: 10px;	margin-bottom: 10px;}
.data-table thead {	background-color:#e6e6e6;}
.data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; }
.data-table td {border:1px solid #ddd;	padding: 6px;}
.data-table tr.even { background-color:#f6f6f6; } /* 2ème ligne */
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; }
.data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table #separator-not-taxable { border: 0; background-color: #fff; text-align: left; }
.data-table input.qty { text-align: center; } /* quantité */
.data-table .a-right { text-align: right; } /* contenu des colonnes */
.data-table .a-center { text-align: center; } /* contenu des colonnes */
/* ------------------------------------   Specifiques -------------------------------------------------------------------------- */
#product-review-table {text-align: center;	width: 200px;} /* avis des clients : notation */

/*------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------   Mon Panier -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------- */
.cart img {	margin-top: 4px;	margin-bottom: 4px;} /* image au dessus du panier */
#fin-table {text-align: right; padding-top: 5px; border: none;} /* fin de tableau, ligne avec les boutons "poursuivre ..." */

/*------------------ Sous le panier : Vente Croisee + Code Promo + Livraison -------------------------- */
.cart .cart-collaterals {	float:left;	width:700px;	margin-bottom: 10px;}
.cart .cart-collaterals .col-1 {float: none;width: 690px;border: 1px solid #f9f9f9;padding: 5px;width: 690px;margin: 14px 0;} /* ligne de vente croisee sous le panier */
/* Produit de la vente croisée */
#vente_croisee li.item { }
#vente_croisee .add-to-links li { }
#vente_croisee .add-to-links li a { }
.cart .crosssell { }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:70px; }
/*------------------- Code Offre & Livraison -------------------*/
.cart .cart-collaterals .col-2 { overflow: hidden; -overflow: visible; -height: 1%; } /* Ligne "Code offre" + "livraison" */
.cart .cart-collaterals .col-2 .discount { float: left; width: 46%; }  /* Ligne "Code offre"  */
.cart .cart-collaterals .col-2 .shipping { float: right; width: 46%; } /* Ligne "livraison" */
.cart .discount, .cart .shipping  {padding: 8px;	border: 1px solid #e6e6e6;}
.cart .discount h2, .cart .shipping h2 {padding: 2px;	margin: 5px 0 10px 0;font-size: 11px;}
/* ------------------- Div Vous bénéficiez actuellement des promotions suivantes -------------------*/
#cart-discount-rules {width: 400px;	color: #666; padding: 4px;	margin-top: 4; margin-right: 50px;	margin-bottom: 0;	margin-left: 0;}
#cart-discount-rules h3 {font-weight: bold;	font-size: 11px;} /* titre */
#cart-discount-rules li p { }
#cart-discount-rules ul, #cart-discount-rules li {margin: 10px 10px; }
#cart-discount-rules ul { list-style-type: square; }
#cart-discount-rules p { margin: 0; }
/* -------------------------  Tableau Récapitulatif du montant de la commande en bas du panier ------ */
#totals { clear: both; padding: 5px 5px 0px 513px;margin: 10px 0 0 0; 	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCC;} /* Div contenant le titre "Montant de ma commande" */
#totals h2 {text-align:right;}
.right-total {float: right;} /* div contenant le tableau du montant total de la commande */
#shopping-cart-totals-table  {margin-bottom: 10px;padding: 2px;width: 100%; }
#shopping-cart-totals-table th.a-right, #shopping-cart-totals-table td.a-right {text-align: right;}
#shopping-cart-totals-table td, #shopping-cart-totals-table th {width: 60%;}
#shopping-cart-totals-table tfoot th.a-right strong, #shopping-cart-totals-table strong, #shopping-cart-totals-table tr.tax-total {font-weight: bold;}
#shopping-cart-totals-table tfoot .price {font-weight: bold;color: #BD1D29;	} /* Prix total à régler */
.checkout-types li {float: right;} /* li contenant le bouton commander */

/*------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------- Finalisation de la commande : one page ------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
/* Sur une seule page : organisation générale des étapes */
.opc { border-bottom:1px solid #ddd; position:relative; margin-top: 10px;} /* Toutes les étapes */
.opc li.section { border:1px solid #ddd; border-bottom:0; } /* chaque étape (liste) */
.opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } /* div contenant l'étape */
.opc .step-title { background-color:#f6f6f6; padding:2px 5px; } /* Div contenant le titre de l'étape */
.opc .active .step-title { background-color:#ccc; cursor:default; } /* Div contenant le titre de l'étape en cours */
.opc .step-title .number {float:left;font-weight:bold;font-size: 11px;margin-right: 5px;} /* Div contenant le numero de l'étape */
.opc .step-title h3 {font-weight:bold;font-size: 11px;margin-right: 5px;}/* Div contenant le titre de l'étape */
.opc .allow .step-title { cursor:pointer; }

/* Particularités à chaque étape */
#checkout-step-payment .input-box{margin-left: 20px;} /* etape 4 */
#checkout-step-payment dd{margin-left: 20px;} /* etape 4 : dd contenant les infos de choix de paiement */
.checkmo-mailing-address {text-align: center;} /* etape 4  : div contenant l'adresse pour l'envoi du chèque */
#review-buttons-container {	float:right; text-align: right;	margin-top: 20px;} /* Après etape 5 : validation de commande */
#review-buttons-container .f-left{margin-bottom: 10px;} /* Après etape 5 : texte */

/* Tableau Vérification de la commande en étape 5 du paiement */
#checkout-review-table td.a-right {	width: 80px;}
#checkout-review-table h4 {font-weight: normal;}

/* Avancement du panier dans la colonne de droite */
.block-progress {margin-top: 76px;}
.block-progress .block-title {background: #fff;}
.block-progress .block-content {background: #fff;}
.block-progress .block-title h2 {font: bold 12px/45px;	color: #BC2B30;}
.block-progress dt.complete, .block-progress dd.complete {background: #f9f9f9;padding: 3px;}
.block-progress dd.complete {margin-bottom: 5px;}
.block-progress address {padding-left: 5px;}
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------  NEWSLETTER ---------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
#newsletter {background-image: url(../img/newsletter-fond.png);	background-repeat: no-repeat;
height: 90px;width: 230px;padding: 30px 0 0 0;margin: 10px 0 0 0;text-align: center;} /*encadré de l'inscription à la newsletter */


/*------------------------------------- BLOCS SUPPRILES DISPLAY: NONE ----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
.block-reorder { display: none;} /* colonne de droite, enleve l'affichage des dernières commandes */
.block-wishlist { display: none;} /* colonne de droite, enleve l'affichage des dernières commandes */