@charset "utf-8";

/* Panier - ELEMENTS COMMUNS */
#panier .form {margin:10px 0;}
#panier label,
#panier .form140 {}
#panier select {width:250px;}
#panier .form140 {width:200px;}

#panier-actions {padding:10px 0; text-align:center; margin-top: 10px; width: 100%; margin-bottom: 40px;}
.panier-actions {padding:10px 0; text-align:right;}

#panier .compte-conteneur {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 */
#contenu #panier .bouton,
#contenu #panier a.bouton {font-size:11px; background:#a0a0a0; margin:0 5px; letter-spacing: 1.5px; line-height: 22px; padding: 3px 0px; min-width: 0; width:290px; min-height: 19px; border: 1px solid #a0a0a0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; color:#fff; }
#contenu #panier .bouton::before, 
#contenu #panier a.bouton::before {display:none;}
#contenu #panier .bouton:hover,
#contenu #panier a.bouton:hover {color:#fff; background:#292929; border-color:#292929; }

#contenu #panier-boutons-droite{display: flex; flex-direction: row-reverse; justify-content: space-between; }
#contenu #panier-boutons-droite #panier-suivant.bouton, 
#contenu #panier-actions #panier-suivant.bouton{color:#fff; background:#292929; margin-left:45px; border-color:#292929;}
#contenu #panier-actions #panier-suivant.bouton:hover,
#contenu #panier-boutons-droite #panier-suivant.bouton:hover {color:#292929; background:#efa818;}

/* Panier étape 1 - PANIER */
#panier {position:relative;}
/* PRODUITS PANIER */
#cart-grid, #cart-grid-prix, #cart-conditions, #cgv, #panier-paiement { width:100%; vertical-align:top; display:inline-block; font-size:14px;}
#cart-grid.etape1 {width:100%;}
#cart-grid a,#cart-grid a:visited {color:#999; text-decoration:none;}

#cart-grid #cart-grid-header {color:#fff; background-color:#292929; height:35px;}
#cart-grid #cart-grid-header .cart-titre{text-align:center;line-height:35px; font-weight:400; font-family: 'Libre Baskerville'; font-size:13px; color:#efa818;}
#cart-grid #cart-grid-header .cart-nom {width:calc(100% - 290px);}
#cart-grid #cart-grid-header .cart-action {cursor:default;}
#cart-grid #cart-grid-header .cart-action .pc {}
#cart-grid #cart-grid-header .cart-action .mobile {display:none;}

#cart-grid .cart-photo {width:130px; float:left; margin-right:40px;}
#cart-grid .cart-photo img{display:block; width:100%; height:auto;}
#cart-grid .cart-contenu {width:calc(100% - 170px); float:left;}
#cart-grid .cart-nom {width:calc(100% - 280px); float:left;  font-weight:400; font-family: 'Libre Baskerville'; font-size:17px; color:#292929;}
#cart-grid .cart-ref {margin-top:10px; font-size:15px; font-style:italic;}
#cart-grid .cart-ref span {font-style:normal; font-weight:700;}
#cart-grid .prix {display:none;}
#cart-grid .cart-prixtotal {width: 110px; margin-right:10px; text-align:right; font-size:16px; float:right;}
#cart-grid .cart-quantite{width:120px; float:right; text-align:center;}
#contenu #cart-grid .cart-quantite .number-wrapper { position: relative;width:56px; height:25px; display: inline-block; vertical-align: middle;}
#contenu #cart-grid .cart-quantite .number-wrapper input {font-size:16px; color: #493030; width:50px; height:24px; border: none; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
#contenu #cart-grid .cart-quantite .number-wrapper:after,
#contenu #cart-grid .cart-quantite .number-wrapper:before{position: absolute; padding: 0px 5px; right: 0px; width: 14px; height: 15px; font-size: 15px; pointer-events: none; background: #fff; color:#493030;}
#contenu #cart-grid .cart-quantite .number-wrapper:before {line-height: 11px; content: "\f106"; top:0; font-family:FontAwesome;}
#contenu #cart-grid .cart-quantite .number-wrapper:after{ line-height: 13px; content: "\f107";  bottom: 0; font-family:FontAwesome;}
#cart-grid .cart-quantite .actualiser{cursor:pointer;}

#cart-grid .cart-action {width:30px; padding: 0px 3px; float:right; cursor:pointer; text-align:center;}
#cart-grid .cart-action i {cursor:pointer; font-size: 16px;color: #493030;}

#cart-grid-contenu {}
#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-top:1px solid #e8e8e8;padding:15px 5px 15px 0;}
#cart-grid-contenu .cart-grid-container::first-child {border:none;}

#cart-grid .cart-ligne { border-top:1px solid #e8e8e8;  }
#cart-grid .cart-ligne .label{width:calc(100% - 170px); display:inline-block; vertical-align:top;}
#cart-grid .cart-ligne .valeur {width:120px;display:inline-block; vertical-align:top; padding-right:40px;}
/* FIN PRODUITS PANIER */

/* PRIX PANIER */
#cart-grid-prix {border-top:1px solid #b9b9b9; padding-top:10px;}

#cart-options {display:inline-block; vertical-align: top; width: calc(100% - 455px); margin-right:25px; }
#cart-options > div {display:none; background:#292929; padding:27px 20px 29px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
#cart-options.visible > div {display:block;} 
#cart-options #cart-options-titre {text-align: center; font-weight: 400; font-size: 20px; color: #fcf9f2; font-family:'Libre Baskerville';}
#cart-options #cart-minimum-commande {text-align: center; font-weight: 700; font-size: 21px; color:#292929; background:#fcf9f2; max-width:217px; width:calc(100% - 10px);height: 28px; line-height: 28px; margin:17px auto 0; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px;  }

#cart-prix {display: inline-block; vertical-align: top; width: 425px;}
#cart-grid-prix .cart-ligne { padding: 5px 0;}
#cart-grid-prix .label {line-height: 20px; display: inline-block; vertical-align: top;letter-spacing: 0.5px; font-size:12px; text-align:right; width:calc(100% - 187px); font-family:'Libre Baskerville';}
#cart-grid-prix .valeur {text-align:right; display: inline-block; vertical-align: top; width:135px; letter-spacing: 0.5px;}

#cart-grid-prix .totalpanier {border-top:1px solid #b9b9b9; padding-top: 16px; margin-top: 1px;}
#cart-grid-prix .totalpanier .label{text-transform:uppercase; font-size:14px; font-weight:700; color:#292929;}
#cart-grid-prix .totalpanier .valeur {font-size:16px; font-weight:600; color:#292929;}

/* FIN PRIX PANIER */

#panier-boutons-droite span {display: inline-block; vertical-align: middle; margin:5px 10px; }  

/* Panier étape 2 - AUTHENTIFICATION */

/* Panier étape 3 - ADRESSE DE FACTURATION/LIVRAISON */
#coordonnees-conteneur {font-size:14px; max-width: 990px; margin: 0 auto;}
#coordonnees-conteneur #form-coordonnee { }
#coordonnees-conteneur #form-coordonnee .adresse {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#coordonnees-conteneur #form-coordonnee h2 {margin-left: 0;  background:#292929;padding:5px 10px; font-size:17px; color:#fff; font-family:'Libre Baskerville';}
#coordonnees-conteneur #form-coordonnee .adresse > div {width:calc(50% - 10px);}
#coordonnees-conteneur #form-coordonnee #livraison h2 {margin-bottom: 78px;}
#coordonnees-conteneur #form-coordonnee #facturation h2 {margin-bottom:18px;}
#livraison-facturation-identique {height: 50px;}
#coordonnees-conteneur #form-coordonnee .input > label {left:0;}
#coordonnees-conteneur #form-coordonnee .input > .input-text-label {margin-left: 5px;}
#coordonnees-conteneur #panier-actions {display: flex; flex-direction: row-reverse; justify-content: center;}

#informationLivraison {width:500px; height:75px;}

/* Panier étape 4 - RECAPITULATIF DU PANIER */
#coordonnees {border-top:1px solid #b9b9b9; margin-top:25px; padding-top:25px;}

/* CHOIX HORAIRES ETAPE 4*/
#choix-horaires.etape4 {background:#fcf9f2; border: 1px solid #b4b4b4; padding:20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
#choix-horaires.etape4 #cart-horaires-choix {padding:0;text-align:left;}
#choix-horaires.etape4 #cart-horaires-choix,
#choix-horaires.etape4 .cart-option,
#coordonnees > div {margin-bottom:25px;} 
#coordonnees .cart-option-titre {font-size:26px; font-weight:700; text-align:left; text-transform: initial; position:relative;}
#coordonnees .cart-option-titre::after {display:none; }
#coordonnees .cart-option-titre .panier-modifier {position: absolute;right: 0;top: 0;}
#coordonnees .cart-option-titre .panier-modifier a,
#coordonnees .cart-option-titre .panier-modifier a:visited {font-family:"Poppins"; font-weight:400; color:#bfacac; font-size:14px; text-transform: lowercase; text-decoration: none; border-bottom: 1px solid
#bfacac;}
#coordonnees .cart-option-details span {margin:0;}
#coordonnees .cart-option-details { margin-top: 15px; width: calc(100% - 170px);}
#coordonnees .cart-option-textarea {padding:0; border:none;}
#coordonnees #coordonnees > div .form {margin:2px 0;}

#coordonnees #livraison .form {margin:0;}

#coordonnees .panier-modifier {margin-top:15px;}

/* FIN CHOIX HORAIRES ETAPE 4*/

/*#coordonnees .form {margin:10px 0;}*/
#coordonnees span {}
#coordonnees .form140 {color: #000000; width:200px; font-weight:bold; float:none; display:inline-block;}
#coordonnees .texte140 {margin-left:220px;}
	

#cart-grid.etape4 #cart-grid-header .cart-prixtotal {width: 150px;}
#cart-grid.etape4 #cart-grid-contenu .cart-prixtotal {width: 120px; margin-right: 40px;}
#cart-grid.etape4 .cart-contenu {min-height: 115px;}
#cart-grid.etape4 .panier-modifier {text-align:right; margin-right:45px;}
#cart-grid.etape4 .panier-modifier a,
#cart-grid.etape4 .panier-modifier a:visited {font-family: "Poppins"; font-weight: 400; color:#292929; font-size: 14px; text-transform: lowercase; text-decoration: none; border-bottom: 1px solid #292929;}

#cart-grid-prix.etape1 #cart-prix,
#cart-grid-prix.etape4 #cart-prix{float:right;}
		
#cart-conditions {margin: 35px 0;text-align:center; clear:both;}
#cart-conditions-titre {font-weight:700; color:#292929; font-size:15px; text-align:center; text-transform:uppercase; letter-spacing: 0.8px;}
#cart-conditions-checkbox {}
#cart-conditions-checkbox label {cursor:pointer;font-size:17px; color:#493030; letter-spacing: 0.3px; display: block;padding:8px;}
#cgv-checkbox {margin-right: 10px;}
#cgv-erreur {display:none;}
#cgv {visibility:hidden; text-align:center; margin-bottom: 120px; min-height: 52px;}
#cgv.visible {visibility:visible;}
#cgv #cart-valider-commande {}
#cgv #cart-valider-commande .bouton {padding:10px; width:100%; max-width:430px; height:auto !important; display:inline-block !important; color:#f9f2e5 !important; font-size:16px !important; letter-spacing:2px !important; font-weight:400; background:#292929 !important; border:1px solid #292929 !important; font-family:'Libre Baskerville' !important;text-transform:uppercase; text-shadow:none !important; box-shadow:none !important;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; }
#cgv #cart-valider-commande .bouton::before {display:none;}  
#cgv #cart-valider-commande .bouton:hover {background:#fff !important; color:#292929 !important;} 

#panier-bouton-paiement {text-align:center;}
#cgv.visible #panier-bouton-paiement  {display:block;}
#panier-bouton-paiement .stripe-button-el {width: 100%; background:none !important;display:inline-block !important; box-shadow:none !important; border-radius:unset !important; padding:0 !important; border:none;}
#panier-bouton-paiement .stripe-button-el span {padding:10px; width:100%; max-width:430px; height:auto !important; display:inline-block !important; color:#f9f2e5 !important;font-size:16px !important; letter-spacing:2px !important; font-weight:400; background:#292929 !important; border:1px solid #292929 !important; text-transform:uppercase; text-shadow:none !important; box-shadow:none !important;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; cursor:pointer; }  
#panier-bouton-paiement .stripe-button-el:hover span {background:#fff !important; color:#292929 !important;} 

#commande-validee,
#commande-annulee {text-align:center;}
#commande-validee p,
#commande-annulee p {text-align:center;}

#module-panier h1 {font-size: 35px; font-weight: 700; letter-spacing: 5px;}

#etapes {font-size:0px; border-top:2px solid #292929; padding-top:33px; width:100%; max-width:1028px; margin:50px auto;}
#etapes .etape {line-height:16px; width:25%; display:inline-block; vertical-align:top; font-size:16px; color:#aaaaaa; text-align:center; position:relative; letter-spacing:1px;}
#etapes .etape.selected {color: #292929;}
#etapes .etape:first-child::before {content: ""; width: calc(50% - 15px); height: 2px; position: absolute; top: -35px; left: 0px; z-index: 20; background:#fff;}
#etapes .etape:last-child::before {content: ""; width: calc(50% - 15px); height: 2px; position: absolute; top: -35px; right: 0px; z-index: 20; background: #fff;}

#etapes .etape span.contenu {position:relative; z-index:100; }
#etapes .etape span.contenu::before {content: ""; position: absolute; top: -54px; left: calc(50% - 20px); z-index: 10; color: #000; background: #fff; border: 2px solid #292929; border-radius: 38px; width: 38px; height: 38px;}
#etapes .etape.selected span.contenu::before {}

#etapes .etape span.label {display: inline-block; vertical-align:top; position:relative; z-index:100; font-size:12px; font-weight:700; font-family:'Libre Baskerville';}

#etapes .etape span.label > a,
#etapes .etape span.label > a:visited {text-decoration:none; color:#292929;}
#etapes .etape span.num {color:#292929; width:34px; height:34px; background:#fff; line-height:34px;left: calc(50% - 16px); top: /*-48px*/-50px; position: absolute;  text-align:center; z-index:101; font-family:'Libre Baskerville'; font-size:20px; font-weight:700; border-radius: 34px; -moz-border-radius: 34px; -webkit-border-radius: 34px; -khtml-border-radius: 34px;  }
#etapes .etape.selected span.num {color:#fff; background:#292929;}

#panier .form .form140 {display:inline-block; width:200px; text-align: right; padding-right:25px;}
#panier .fraisdeport .form .form140 {font-size:18px;}
#panier .fraisdeport .form select {width: 350px; padding: 5px 10px;}