@charset "utf-8";
/* Panier - ELEMENTS COMMUNS */
#module-panier {width:100%; max-width:1300px; margin:0 auto;}
#contenu #module-panier h1 {margin-top:0px;}

#panier .form {margin:10px 0;}
#panier label,
#panier .form140 {}
#panier .input-text,
#module-panier select {border:1px solid #b4b4b4; width:calc(100% - 12px); max-width:400px; padding:7px 5px;}
#panier .form140 {width:200px;}

#panier-actions {padding:27px 0 0 0; text-align:right;}
.panier-actions {padding:27px 0 0 0; text-align:right;}
#panier-precedent,
#panier-suivant {}
#panier-precedent,
.panier-precedent {float:left;}
#panier-suivant {}

#centre #panier .submit {width:255px; margin:10px auto;}

#panier .compte-conteneur {/*background:url(../images/separation.jpg) no-repeat top center;*/ margin:20px 0; padding-top:20px; } 
#panier .compte-conteneur #compte-continuer-titre { height:30px;}
#panier .compte-conteneur h2 {padding-bottom:20px; border-bottom:1px solid #696639;}
#panier h2 {text-align:left; }

#panier #compte-continuer {background:none;}
#panier .compte-conteneur .floatRight .panier-actions {padding:0;}
.panier-connexion-990 {display:none;}

/* Styles des boutons */
#centre #bouton-payer,
#centre #panier-actions > a,
#centre #panier-actions > a:visited,
#centre .panier-actions > a,
#centre .panier-actions > a:visited,
#centre #panier .panier-modifier > a,
#centre #panier .panier-modifier > a:visited,
#centre #coordonnees .panier-modifier > a,
#centre #panier .submit > a,
#centre #panier .submit > input,
#centre a#panier-suivant:visited, 
#centre a#panier-suivant,
#centre input#panier-suivant,
#centre a.panier-suivant:visited, 
#centre a.panier-suivant,
#centre input.panier-suivant {font-family: 'Libre Baskerville', serif; background:#000; color:#fff; text-transform:uppercase; text-decoration:none; border:none; font-size:13px; cursor:pointer; display:inline-block; vertical-align:top; text-align:center; width:349px; height:40px; line-height:40px; letter-spacing:1px;}

#centre #bouton-payer,
#centre #panier .submit > input,
#centre #panier-suivant,
#centre .panier-suivant,
#centre input.panier-suivant,
#centre input#panier-suivant {height: 40px; border:none; cursor:pointer;}

#centre #bouton-payer:hover,
#centre #panier-actions > a:hover,
#centre .panier-actions > a:hover,
#centre #panier .panier-modifier > a:hover,
#centre #coordonnees .panier-modifier > a:hover,
#centre #panier .submit > a:hover,
#centre #panier .submit > input:hover,
#centre a#panier-suivant:hover,
#centre input#panier-suivant:hover,
#centre a.panier-suivant:hover,
#centre input.panier-suivant:hover {}

/* Panier étape 1 - PANIER */
#panier {}

#cart-grid {width:100%; font-size:1em; border-collapse:collapse; border-bottom:1px solid #dedede;}
#cart-grid a,#cart-grid a:visited {color:#999; text-decoration:none;}

#cart-grid-header {}
#cart-grid-header .cart-titre {text-align:left; font-size:15px; color:#000; text-transform:uppercase; height:47px; line-height:47px;}
#cart-grid .cart-image {float:left; width:14%;}
#cart-grid .cart-image span {padding-left:7px;}
#cart-grid .cart-nom {/*width:calc(100% - 420px);*/float:left; width:30%; }
#cart-grid .cart-nom span,
#cart-grid .cart-nom a,
#cart-grid .cart-nom a:visited {color:#000; font-size:17px;}
#cart-grid .cart-nom .prix {display:none;}
#cart-grid .cart-nom span.nom-produit {display:block;}
#cart-grid .cart-nom span.nom-auteur {display:block; color:#999999; font-size:15px;}
#cart-grid .cart-nom .options span.option {font-size:14px;}

#cart-grid .cart-nom .options {margin-top:10px;}
#cart-grid .cart-nom .options .option,
#cart-grid .cart-nom .options .label {font-size:11px; text-align:left; color:#000;}
#cart-grid .cart-nom .options .label {text-transform:uppercase;}
#cart-grid .cart-nom .options .option.bazaar {text-transform:uppercase;}

#cart-grid .cart-prix {width:20%; min-width:90px;}
#cart-grid .cart-quantite {width:20%;}
#cart-grid .cart-prixtotal {width:8%; min-width:90px;}
#cart-grid .cart-prix,
#cart-grid .cart-prixtotal {text-align:right; float:left;}
#cart-grid .cart-prixtotal {float:right;}
#cart-grid .cart-quantite {float:left; text-align:center;}
#contenu #cart-grid .cart-quantite input {width:17px; height:20px;}
#cart-grid .cart-quantite .actualiser {cursor:pointer;}
#cart-grid .cart-action {width:85px; float:right; cursor:pointer; text-align:center;}
#cart-grid .cart-action i {cursor:pointer; font-size: 18px;}
#cart-grid .label {text-align:right;}
#cart-grid .total,
#cart-grid .totalpanier {text-align:right;}

#cart-grid-contenu {}
#cart-grid-contenu .mobile-label {display:none;}
#cart-grid-contenu .cart-titre {font-weight:bold;}
#cart-grid-contenu .icone-supprimer {font-size:25px;padding:0 5px; cursor:pointer;}

#cart-grid-contenu .cart-grid-container {/*border-bottom:1px solid #dedede;*/ border-top:1px solid #dedede; padding:13px 0px; position:relative;}
#cart-grid-contenu .cart-grid-container .mobile-delete {display:none;}
#cart-grid-contenu .cart-grid-container::first-child {border:none;}

#cart-grid-contenu .cart-grid-container > div {height:115px;}
#cart-grid-contenu .cart-grid-container .clear {height:0px; font-size:0px;}
#cart-grid-contenu .cart-grid-container .contenu {display: flex; flex-direction: column; justify-content: center; height:100%;}
#cart-grid .cart-quantite select {width:50px; border:none; height:30px; text-align:left;}
#cart-grid .cart-quantite select option { color:#000; font-size:16px; font-family: 'Libre Baskerville', serif; height:30px;}
#cart-grid .cart-quantite .cart-action {width:auto; float:none; display:inline-block; margin-left:36px;}

#cart-grid .cart-prix span,
#cart-grid .cart-prixtotal span {color:#000; font-weight:700; font-size:16px;}

#cart-grid .cart-ligne.promotion {/*margin:5px 0; text-align:left;*/ border-top:1px solid #000; padding-top:28px; height:auto;}
#cart-grid #promotion-submit {cursor:pointer; background:#43AF55;border: none;width: 40px;height: 24px;}
#cart-grid #promotion-submit:hover {background:#3AA04A;}
#cart-grid .cart-ligne.fraisdeport { text-align:left; height:auto; padding:18px 0; border-bottom:1px solid #dedede;}
#cart-grid .cart-ligne {height:30px; line-height:30px; font-size:16px; color:#000; text-align:right; /*border-top:1px solid #ccc; padding:7px 0;*/}
#cart-grid .cart-ligne.promotion-produit,
#cart-grid .cart-ligne.promotion-message {height:auto; min-height:30px;}
#cart-grid .cart-ligne.first {padding-top:18px;}
#cart-grid .cart-ligne.last {padding-bottom:18px;}
#cart-grid .cart-ligne .label {width:calc(100% - 130px); display:inline-block; vertical-align:top;}
#cart-grid .cart-ligne .valeur {width:125px; display:inline-block; vertical-align:top;}

#cart-grid .row-tva {line-height:16px; padding: 8px 0;}
#cart-grid .label-objet-art {font-style:italic; font-size:12px; padding-bottom:15px;}
#cart-grid .cart-prix span.tva-index,
#cart-grid .cart-prixtotal span.tva-index {font-weight: 400; font-size:12px;}
#cart-grid .small {font-size:12px;}

.mobile-tva-index {display:none;}

/* Promotion */
#cart-grid .input-group {border:1px solid #767575; width:auto; max-width:300px; display:inline-block;}
#cart-grid .input-group input {border:none; background: #ffffff; height:33px; line-height:33px; font-family: 'Montserrat', sans-serif; font-weight:300; font-size:13px; color:#000; padding:0 0 0 16px; margin:0; width:calc(100% - 54px);}
#cart-grid .input-group button {width:33px; height:33px; border:none; background:#252525; color:#ffffff; font-family: 'Montserrat', sans-serif; font-weight:300; font-size:14px; text-align:center; letter-spacing:2px; padding:0px; margin:0px; cursor:pointer;}
#cart-grid .cart-ligne.promotion-produit ul li {list-style:none;}
span.code-promo {font-weight:700;}

/* Panier étape 2 - AUTHENTIFICATION */

/* Panier étape 3 - ADRESSE DE FACTURATION/LIVRAISON */
#informationLivraison {width:500px; height:75px;}

/* Panier étape 4 - RECAPITULATIF DU PANIER */
.panier-modifier {margin:15px 0;}
.panier-modifier a, .panier-modifier a:visited {}
.panier-modifier a:hover {}

#coordonnees .form {margin:18px 0;}
#coordonnees span {color:#000;}
#coordonnees .form140 {color: #000000; width:200px; font-weight:bold; float:none; display:inline-block;}
#coordonnees .texte140 {margin-left:220px;}
	
#panier-payer {margin:30px 0;}
#panier-payer a, #panier-payer a:visited {}

#panier-paiement {max-width:500px; width:100%; margin:0 auto; }
#panier-paiement img {width:100%; height:auto;}


.conditions {text-align:center; margin-top:60px;}
.conditions label {padding:0.8em; }
#contenu .conditions label {font-size:22px;}
#cgv-erreur {display:none;}
#cgv{display:none;}

#bouton-paiement {font-size:22px !important; padding: 12px 30px !important; display:inline-block !important; margin-top: 40px !important;}
#ogone {text-align:center;}

#etapes {font-size:0px; border-bottom:1px solid #000; padding-bottom:14px; width:100%; max-width:1300px; margin:70px auto 50px auto;}
#etapes .etape {width:20%; display:inline-block; vertical-align:top; font-size:16px; color:#999999; text-align:center; position:relative; letter-spacing:1px;}
#etapes .etape.selected {color: #000000;}
#etapes .etape span {position:relative;}
#etapes .etape span::before {content: ""; position: absolute; bottom: -19px; left: calc(50% - 6px); z-index: 10; color: #000; background: #fff; border: 1px solid #000; border-radius: 20px; width: 8px; height: 8px;}
#etapes .etape.selected span::before {background: #000000;}
#etapes .etape:first-child::before {content: ""; width: calc(50% - 6px); height:1px; position:absolute; bottom:-15px; left:0px; z-index:20; background:#fff;}
#etapes .etape:last-child::before {content: ""; width: calc(50% - 4px); height:1px; position:absolute; bottom:-15px; right:0px; z-index:20; background:#fff;}
#etapes .etape span > a,
#etapes .etape span > a:visited {text-decoration:none; color:#000000;}