/*** Page connexion/inscription ***/
.connexion-inscription {padding:30px}
.connexion-inscription .bloc {padding:30px; background:#f4f4f4;}
.connexion-inscription .bloc p {margin:25px auto; font-size: 14px}
.connexion-inscription .btn.btn-send {border-radius: 0; background:#5b5c43; color:#fff; padding:8px 20px; margin-top:20px; border:none}
.connexion-inscription form .form-check-label {font-size: 13px}
.connexion-inscription .help-links {margin-top:20px}
.connexion-inscription .help-links a {color:#333}

/*** Page mon compte ***/
.mon-compte {padding:30px}
.mon-compte h2 {margin-bottom:20px}
/* Navigation */
.mon-compte-navigation {display:flex; flex-direction: column}
.mon-compte-navigation .menu-item {background:#f4f4f4; padding:20px; margin-bottom: 10px; font-weight: 800; color:#666!important; display: flex; flex-direction: column; justify-content:center; align-items: center}
.mon-compte-navigation .menu-item.active {background:#E6E6E6 }
.mon-compte-navigation .menu-item:hover {text-decoration: none; background:#E6E6E6}
.mon-compte-navigation .menu-item.donnees-perso::before {content:"\e90b"; font-family: "Icomoon"; margin-right:15px; font-size: 20px}
.mon-compte-navigation .menu-item.adresses::before {content:"\e90c"; font-family: "Icomoon"; margin-right:15px; font-size: 20px}
.mon-compte-navigation .menu-item.commandes::before {content:"\e900"; font-family: "Icomoon"; margin-right:15px; font-size: 20px}
/* Données personnelles */
.mon-compte .donnees-personnelles {display: flex; flex-direction: row;}
.mon-compte .donnees-personnelles .user {background:#888; width:150px; height:150px;border-radius:50%; display: flex;justify-content: center;align-items: center}
.mon-compte .donnees-personnelles .user span {color:#fff; font-size: 80px}
.mon-compte .donnees-personnelles .profil {display:flex; flex-direction: column; justify-content:center;margin-left:25px}
.mon-compte .donnees-personnelles .profil span.nom {font-weight: 700; color:#888; font-size:20px}
.mon-compte .donnees-personnelles .profil a.infos {margin-top:10px}
.mon-compte .donnees-personnelles .profil a {color:#5b5c43}
.mon-compte .donnees-personnelles .profil a::before {content:"\e907"; font-family: "Icomoon"; font-size:12px; margin-right:10px;transition: all 0.5s}
.mon-compte .donnees-personnelles .profil a:hover {text-decoration: none}
.mon-compte .donnees-personnelles .profil a:hover::before {margin-right:20px;}
/* Adresses et commandes */
.mon-compte-adresses, .mon-compte-commandes, .mon-compte-commande-detail {padding:30px}
.mon-compte-adresses .adresse,
.mon-compte-commandes .commande {background:#f4f4f4; padding:20px; display: flex; flex-direction: row; margin-top:20px; justify-content: space-between;position:relative}
.mon-compte-adresses .adresse .infos,
.mon-compte-commandes .commande .infos {display: flex; flex-direction: column;}
.mon-compte-adresses .adresse .infos .titre,
.mon-compte-commandes .commande .infos .titre  {font-weight: 700; font-size: 23px; color:#888}
.mon-compte-adresses .adresse .infos .type,
.mon-compte-commandes .commande .infos .type {text-transform:uppercase;font-size: 16px; color:#888}
.mon-compte-adresses .adresse .actions, .mon-compte-commandes .commande .actions {display: flex; flex-direction: column; align-self: flex-end}
.mon-compte-adresses .adresse .actions a, .mon-compte-commandes .commande .actions a {color:#5b5c43}

.mon-compte-adresses .adresse .actions a::before,
.mon-compte-commandes .commande .actions a::before {content:"\e907"; font-family: "Icomoon"; font-size:12px; margin-right:10px;transition: all 0.5s}
.mon-compte-adresses .adresse .actions a:hover,
.mon-compte-commandes .commande .actions a:hover {text-decoration: none}
.mon-compte-adresses .adresse .actions a:hover::before,
.mon-compte-commandes .commande .actions a:hover::before {margin-right:20px}

.mon-compte-adresses .adresse .delete {position: absolute;top:10px; right:10px}
.mon-compte-adresses .adresse .delete a.deleteAdress::before {content:"\e90a"; font-family: "Icomoon"; color:#CC0404;font-weight: 700}
.mon-compte-adresses .adresse .delete a:hover {text-decoration: none}

.modal-dialog {height: 100%;display: flex;justify-content: center;margin: 0 auto;align-items: center;}
.modal-content {border-radius:0; border:none}
.modal-body, .modal-header, .modal-footer {border:none}
.modal-footer .btn{border-radius: 0}
.modal-footer .btn.btn-modal {background: #333; color:#fff}
.modal-footer .btn.btn-modal-close {font-weight: 700}

/* Commandes */
.mon-compte-commandes .commande .infos .etat {font-weight: 700; color:#333}
.mon-compte-commandes .commande .prix {position: absolute;right: 20px}
.mon-compte-commandes .commande .prix .montant {color:#98B13D; font-weight: 700; font-size: 25px}
/* Détail commande */
.mon-compte-commande-detail .detail {background:#f4f4f4; padding:20px; margin-bottom: 10px; margin-top:20px; color:#666!important; display: flex; flex-direction: column; }
.mon-compte-commande-detail .detail .infos {display: flex; flex-direction: column;}
.mon-compte-commande-detail .detail .infos .titre  {font-weight: 700; font-size: 23px; color:#888}
.mon-compte-commande-detail .detail .infos .type {text-transform:uppercase;font-size: 16px; color:#888}
.mon-compte-commande-detail .detail .infos .etat{font-weight: 700; color:#333}
.mon-compte-commande-detail .detail .sous-total {text-align: right;font-size: 16px;font-weight: 900;}
.mon-compte-commande-detail .detail .sous-total.remises {text-align: right;font-size: 16px;color:#CC0404}
.mon-compte-commande-detail .detail .sous-total.ht {text-align: right;font-size: 16px;}
.mon-compte-commande-detail .actions a.telechargement-facture {background: #333;padding: 10px 20px;color: #fff; text-transform: uppercase; font-weight: 900;font-size: 14px;}
.mon-compte-commande-detail .actions a.telechargement-facture:hover {text-decoration: none}
/* Liste de produits */
.mon-compte-commande-detail .produits .produit {display:flex; flex-direction: row;; margin: 15px 0;  padding: 20px; background:#fff;justify-content: space-between}
.mon-compte-commande-detail .produits .produit .bloc {display: flex; flex-direction: row}
.mon-compte-commande-detail .produits .produit .bloc img {width:100px; height:80px; object-fit: contain}
.mon-compte-commande-detail .produits .produit .bloc .description {display: flex; flex-direction: column; color:#333; font-weight: 400; margin-left:20px;justify-content: center}
.mon-compte-commande-detail .produits .produit .bloc .description .titre {font-weight: 700}
.mon-compte-commande-detail .produits .produit .bloc .description .ref {font-style: italic}
.mon-compte-commande-detail .produits .produit .prix {display: flex; flex-direction: column; align-items: flex-end}
.mon-compte-commande-detail .produits .produit .prix span {color:#888}
.mon-compte-commande-detail .produits .produit .prix span.ttc {color:#98B13D; font-weight: 700; font-size: 17px}
.mon-compte-commande-detail .produits .produit .prix span.promo {text-decoration: line-through }
.mon-compte-commande-detail .produits .produit:hover {text-decoration: none}