/* Modernisation du sidebar avec Flexbox et variables CSS */
:root {
	--profile-bg: #f8f9fa;
	--profile-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	--profile-border: 1px solid #dee2e6;
	--profile-mb: 10px;
	--profile-padding: 15px 20px;
	--profile-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sidebar .nav-profile {
	display: flex;
	align-items: center;
	background: var(--profile-gradient);
	border-bottom: var(--profile-border);
	margin-bottom: var(--profile-mb);
	padding: var(--profile-padding);
	box-shadow: var(--profile-shadow);
}

.sidebar .nav-profile .nav-link {
	display: flex;
	align-items: center;
	width: 100%;
}

.sidebar .profile-image img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #007bff;
}

.sidebar .profile-name {
	margin-left: 12px;
	flex: 1;
}

.sidebar .profile-name .name a {
	color: #333;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}

.sidebar .profile-name .designation {
	font-size: 12px;
	color: #666;
	font-weight: 500;
	margin-top: 2px; }



/* CSS Document */

html {
	height: 100%;
	margin: 0px;
	}

body {
	font-family: 'Mukta', sans-serif;
	/*font-family: 'Mukta Malar', sans-serif;*/
	font-weight: 400;
	color:#000000; 
	font-size: 16px;
	height: 100%;
	margin:0px;
	background: #e6e6e6;
}
@media only screen and (min-width: 1200px) {
	
}


/******* REDEFINITION STYLES DE BASE ***************/
a {color: #000000;}



#document{width: 100%; margin: 0 auto; position: relative; }
.contenuCentral {padding-top: 20px; padding-bottom: 20px;}
.wrapper {width: 1200px; margin: 0 auto;}
.messageInfo {padding: 7px; text-align: center; background: #c8e6bd; color: #447d31; border-radius: 4px; margin-bottom: 25px; }
.messageInfo .text {vertical-align: middle; position: relative;}
.messageInfo img.icone {height: 12px; vertical-align: middle; position: absolute; top:8px; right: 10px;}
.messageInfo.error {background: #e07d37; color: #ffffff;}

@media (max-width:1200px) {
	.wrapper {width: calc(100% - 30px);}
}
@media (max-width:990px) {
	.wrapper {width: 100%;}
	header .wrapper {width: calc(100% - 30px);}
	.contenuCentral {padding-top:0;}
}



/**** FOOTER ****/
footer {width: calc(100% - 20px); font-weight: 300; padding: 10px; background:#e72a48; color: #ffffff; text-align: center;}
footer a {color:#ffffff; text-decoration: none;}
footer a:hover {color:#ffffff; text-decoration: underline;}



/**** LOG *****/
body.log {background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/page-log/bg-home.jpg') no-repeat center fixed; background-size: cover;}
body.log #document {background: none; height: 100%;}
body.log footer {position: absolute; bottom: 0;}
body.log #zoneLog {width: 390px; margin: 0 auto; padding-top: 150px; text-align: center; color: #ffffff;}
body.log #zoneLog h1 {margin:0; padding: 0;margin-top: 45px; font-weight: 600; font-size: 36px; line-height: 40px;}
body.log #zoneLog h2 {margin:0; padding: 0; font-weight: 400; font-size: 18px; line-height: 30px; margin-bottom: 25px;}
body.log #zoneLog form input[type="email"],body.log #zoneLog form input[type="password"] {display: block; padding:15px; padding-top: 12px; padding-bottom: 12px; font-size: 14px;border: solid 1px #000000; background: #ffffff; border-radius: 5px; margin-bottom: 15px; width: calc(100% - 60px); padding-left: 45px;}
body.log #zoneLog form input[type="email"] {background: #fff url(../images/icones/input-mail.png) no-repeat left 10px center;}
body.log #zoneLog form input[type="password"] {background: #fff url(../images/icones/input-password.png) no-repeat left 10px center;}
body.log #zoneLog form .options {width: 100%; overflow: auto; font-weight: 300; font-size: 14px;}
body.log #zoneLog form .options .gauche {width: 50%; float: left; text-align: left;}
body.log #zoneLog form .options .droite {width: 50%; float: right; text-align: right;}
body.log #zoneLog form a {color:#ffffff; text-decoration: underline;}
body.log #zoneLog form a:hover {color:#ffffff; text-decoration: underline;}
body.log #zoneLog form .bouton {display: block; margin:0 auto; margin-top: 30px; width: 170px; padding: 15px; background: #e72a48; color: #ffffff; text-align: center; font-weight: 700; border: none; border-radius: 5px;}
body.log #zoneLog form .bouton:hover {background: #c50f2c;}
body.log #zoneLog #formOubli h2 {line-height: 22px; margin-bottom: 33px;}
body.log #zoneLog form .revenir {margin-top: 40px; font-weight: 300; font-size: 14px;}
body.log #zoneLog form .bouton#buttonOubli {width: 290px;}

@media (max-width:767px) {
	body.log #zoneLog {padding-top: 60px;}
	body.log footer {position: relative; bottom: inherit; margin-top: 50px;}
}
@media (max-width:467px) {
	body.log #zoneLog {width: calc(100% - 30px); margin: 0 auto; padding-top: 20px;}
	body.log #zoneLog form .options .gauche {width: 100%; float: none; text-align: center; margin-bottom: 15px;}
	body.log #zoneLog form .options .droite {width: 100%; float: none; text-align: center;}
}



/**** HEADER ****/
header {background: url('../images/header/header.jpg') top center no-repeat #000000; height: 175px; color: #ffffff;}
header .bloc {padding-top: 38px; width: 100%; overflow: auto;}
header #logoHeader {width: 390px; float: left; display: block;}
header #panierHeader {float: right; width: 100px; text-align: center;}
header #compteHeader {float: right; width: 100px; text-align: center;}
header #blocDroiteHeader {float: right; width: 280px; margin-left: 70px; }
header #blocDroiteHeader .contact {text-align: center; font-weight: 600; padding-bottom: 8px;}
header #blocDroiteHeader a.last {display: block; background: #e72a48; border-radius: 5px; text-align: center; color: #ffffff; text-decoration: none; padding: 12px; font-size: 17px; line-height: 20px; font-weight: 800; text-transform: uppercase;}
header #blocDroiteHeader a.last:hover {background:#51c1ef;}
header #blocDroiteHeader .logout {text-align: center; font-weight: 400; font-size:12px; margin-top:5px; }
header #blocDroiteHeader .logout a {color: #ffffff;}

header #compteHeader {background:url('../images/icones/profile-user.svg') top center no-repeat;background-size: 60px;margin-top: 15px;}
header #compteHeader:hover {background:url('../images/icones/profile-user-hover.svg') top center no-repeat;background-size: 60px;}
header #panierHeader {background:url('../images/icones/shopping-basket.svg') top center no-repeat;background-size: 60px; margin-top: 15px;position: relative;}
header #panierHeader:hover {background:url('../images/icones/shopping-basket-hover.svg') top center no-repeat;background-size: 60px;}
header a.icone {color: #ffffff; padding-top: 65px; text-decoration: none; font-weight: 600;}
header a.icone:hover {color: #ffffff; text-decoration: none;}
header #panierHeader .quantite {position: absolute; right:0; top: 6px; width: 40px; height: 40px; display:block; background:#e72a48; border-radius: 20px; }
header #panierHeader .quantite span {position: absolute; right:3px; top: 3px; width: 34px; height: 34px; display:block; background:#ffffff; border-radius: 17px; font-size: 22px!important; color: #e72a48; font-weight: 600; text-align: center;}

#menuMobile {display: none;}

@media (max-width:990px) {
	header {height: 120px;}
	header .bloc {padding-top: 20px;}
	header #logoHeader {width: 290px; padding-top: 7px;}
	header #blocDroiteHeader {display: none;}
	header #panierHeader {width: 80px;  background-size: 47px;}
	header #panierHeader:hover { background-size: 47px;}
	header #compteHeader {width: 80px; background-size: 47px;}
	header #compteHeader:hover { background-size: 47px;}
	header a.icone {padding-top: 45px;}
	
	#menuMobile {display: none;}
	#menuMobile a {display: block; padding: 6px; background: #000000; color: #ffffff; text-decoration: none; text-align: center; border-bottom: solid 1px #ffffff;}
	#menuMobile a:hover {background: #e72a48;}
}
@media (max-width:600px) {
	header {height: 195px;}
	header .bloc a.lienLogo {display: block;}
	header #logoHeader {width: 300px; float: none; margin: 0 auto;}
	header #zoneIcones {text-align: center; display: block; }
	header #panierHeader {float: none; }
	header #compteHeader {float: none; }
	header a.icone {display: inline-block;}
}



/**** NAV COMMANDE ***/
#navCommande {width: 100%; overflow: auto;}
#navCommande .item {float: left; margin-right: 10px; margin-left: 10px; border-radius: 3px; height: 80px; /*width: 224px;*/width: calc(20% - 20px); background:#fff; margin-bottom: 20px; position: relative; cursor: pointer;}
#navCommande .item:nth-child(5n+1) {margin-left:0; width: calc(20% - 10px);}
#navCommande .item:nth-child(5n+0) {margin-right:0; width: calc(20% - 10px);}
#navCommande .item .infos {text-align: center; color:#ffffff; font-size: 18px; line-height: 20px; padding-top: 20px;}
#navCommande .item .infos .titre {font-weight: 800; line-height: 20px; text-transform: uppercase;}
#navCommande .item .infos .nb {font-size: 15px;}
#navCommande .item:hover {background:#e72a48 !important;}
#navCommande .item.allume {background:#e72a48 !important;}
#navCommande .item.allume .infos {width: 70%;}
#navCommande .item.allume .enCours {position: absolute; top:0; right:0; background:url('../images/nav-catalogue/bg-on.png') top right no-repeat; height: 80px; width: 100px;}
#navCommande .item.allume#item-4 .infos, #navCommande .item.allume#item-6 .infos { padding-top: 13px;}
#navCommande .item#item-11 .infos { padding-top: 29px!important;}
#navCommande .item.allume#item-11 .infos { padding-top: 20px!important;}
#navCommandeMobile {display: none;}

@media (max-width:1200px) {
	#navCommande .item.allume .enCours {display: none;}
	#navCommande .item.allume .infos {width: 100%;}
	#navCommande .item.allume#item-4 .infos, #navCommande .item.allume#item-6 .infos { padding-top: 20px;}
	#navCommande .item#item-11 .infos { padding-top: 20px!important;}
	#navCommande .item.allume#item-11 .infos { padding-top: 20px!important;}
}
@media (max-width:990px) {
	#navCommande {display: none;}
	#navCommandeMobile {display: block;}
	#navCommandeMobile #choixProd {display: block;padding: 6px; color: #ffffff; text-decoration: none; text-align: center; background: #e72a48; font-size: 27px; font-weight: 600;}
	#navCommandeMobile #choixProd::after {display: inline-block;
  content: ' ';
  /*background-image: url('../images/icones/down-arrow.svg');*/
  background-size: 28px 28px;
  /*background-repeat: no;
  background-position: top center;*/
  background: url('../images/icones/down-arrow.svg') no-repeat top center;
  background-position: 0 5px;
  height: 28px;
  width: 28px; margin-left: 15px; }
	#navCommandeMobile #listeChoix a {display: block; padding: 6px; background: #000000; color: #ffffff; text-decoration: none; text-align: center; border-bottom: solid 1px #ffffff;}
	#navCommandeMobile #listeChoix a:hover {background: #e72a48;}
}


/**** PAGE COMMANDE ****/

body.commande #zoneCatalogue {margin-top: 15px;}
body.commande #zoneCatalogue .titre {background:lab(70.27% 4.67 0.52); text-align: center; padding:8px; color:#ffffff; font-weight: 800; font-size: 28px; line-height: 30px; text-transform: uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; }
body.commande .tableau.produits td {padding: 5px;}
body.commande .tableau.produits .entete td {background: #a8a8a8; color: #ffffff; text-align: center; font-weight: 800; text-transform: uppercase; border-right: solid 1px #b1b1b1;}

/*body.commande .tableau.produits .ligne td {background: #ffffff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; text-align: center;}
/* Réinitialiser d'abord le fond des td */
body.commande .tableau.produits .ligne td {
	background: none !important;
}

/* Style alterné pour les tr */
/*
body.commande .tableau.produits tr.ligne {
	background-color: #ffffff !important;
}

body.commande .tableau.produits tr.ligne:nth-of-type(even) {
	background-color: #edeef2 !important;
}
*/
/* Hériter le background-color du tr */
/*
body.commande .tableau.produits tr.ligne td {
	background-color: inherit !important;
}
*/
/* Conserve vos bordures et alignements */
body.commande .tableau.produits .ligne td {
	border-right: solid 1px #bbbbbb;
	border-bottom: solid 1px #bbbbbb;
	text-align: center;
}
body.commande .tableau.produits td.col1, body.commande .tableau.produits td.col2 {padding-left: 15px; text-align: left;}
body.commande .tableau.produits .ligne td.col2 {font-weight: 800;}
body.commande .tableau.produits .ligne td.col1, body.commande .tableau.produits .ligne td.col2, body.commande .tableau.produits .ligne td.col3 {vertical-align: middle;}
body.commande .tableau.produits .ligne .typeCommande {font-weight: 800; text-transform: uppercase;}
body.commande .tableau.produits .ligne .typeCommande .detail {font-weight: 400; font-size: 11px; text-transform: lowercase;}
body.commande .tableau.produits .ligne td.col4 select {display: inline-block; margin-left: 8px; border-radius: 3px; padding: 2px; font-size: 14px; font-weight: 600; border: solid 1px #a8a8a8;}
body.commande .tableau.produits .number {border-radius: 3px; border: solid 1px #a8a8a8; display: block; margin: 0 auto; width: 92px;}
body.commande .tableau.produits .minus, body.commande .tableau.produits .plus{
			width:20px;
			height:22px;
			background:#a8a8a8;
			color: #ffffff;
			border-radius:4px;
			padding:3px;
			border:none;
      display: inline-block;
      vertical-align: middle;
      text-align: center; border-radius: 0;
	  cursor:pointer;
		}
body.commande .tableau.produits input{
			height:22px;
			padding:3px;
      width: 34px;
      text-align: center;
      font-size: 14px;
			border:none;
      display: inline-block;
      vertical-align: middle;border-radius: 0;
}
body.commande .tableau.produits input.prixPerso {border: solid 1px #a8a8a8; border-raidus: 3px; width: 50px; }
body.commande .tableau.produits .mobile {display: none;}


@media (max-width:990px) {
	body.commande .tableau.produits .mobile {display: inline-block;}
	body.commande .tableau.produits .desktop {display: none;}
	body.commande .tableau.produits .col2, body.commande .tableau.produits .col3  {display: none;}
	body.commande #zoneCatalogue {margin-top: 0px;}
	body.commande .tableau.produits .entete td {background: #e6e6e6; color: #000000; font-weight: 600; padding-top:10px; padding-bottom: 10px;border-right: solid 1px #e2d9d9;}
	body.commande .tableau.produits td {line-height: 16px;}
	body.commande .tableau.produits td.col0 #zoomP {line-height: 16px; margin-left: 1px;}
	body.commande .tableau.produits td.col0 #zoomP:hover {line-height: 16px; transform: scale(2.7); z-index: auto; margin-left: 40px;}
	body.commande .tableau.produits td.col1 .titreProd {font-weight: 800; display: block; margin-top:5px;}
	body.commande .tableau.produits td.col1 .prixProd {display: block; margin-top: 5px;}
	body.commande .tableau.produits td.col1 .prixProd .labelPrix{font-weight: 800; }
	body.commande .tableau.produits td.col4, body.commande .tableau.produits td.col5 {vertical-align: middle;}
	
	body.commande #zoneCataloguePanier {display: none;}
}



/**** ENCART PANIER *****/
#zoneCataloguePanier {background: #ffffff; margin-top: 25px;}
#zoneCataloguePanier .titre {background:#000000; text-align: center; padding:5px; color:#ffffff; font-weight: 600; font-size: 17px; line-height: 22px; text-transform: uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; }
#zoneCataloguePanier #zoneZ {padding: 20px; padding-left: 30px; padding-right: 30px; background: #ffffff; width: calc(100% - 60px);  overflow: auto;}
#zoneCataloguePanier #zoneZ #listeArticles {float: left; width: calc(100% - 285px); overflow: auto;}
#zoneCataloguePanier #zoneZ #boutons {float: left; width: 265px; margin-left: 20px;}
#zoneCataloguePanier .tableau.panier td {padding: 5px;}
#zoneCataloguePanier .tableau.panier .entete td {background: #000000; color: #ffffff; text-align: center; font-weight: 600; text-transform: uppercase; border-right: solid 1px #b1b1b1;}
#zoneCataloguePanier .tableau.panier .ligne td {background: #ffffff; border-right: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; text-align: center;}
#zoneCataloguePanier .tableau.panier td.col1 {border-left: solid 1px #bbbbbb;}
#zoneCataloguePanier .tableau.panier td.col1, #zoneCataloguePanier .tableau.panier td.col2 {padding-left: 15px; text-align: left;}
#zoneCataloguePanier .tableau.panier .ligne td.col2 {font-weight: 600;}
#zoneCataloguePanier .tableau.panier .ligne td.col3 {font-weight: 600;}
#zoneCataloguePanier .tableau.panier .ligne td.col1, #zoneCataloguePanier .tableau.panier .ligne td.col2, #zoneCataloguePanier .tableau.panier .ligne td.col3 {vertical-align: middle;}
#zoneCataloguePanier .tableau.panier .ligne .taille {font-weight: 400;}
#zoneCataloguePanier .tableau.panier .ligne .typeCommande {font-weight: 600; text-transform: uppercase;}
#zoneCataloguePanier .tableau.panier .ligne .typeCommande .detail {font-weight: 400; font-size: 11px; text-transform: lowercase;}
#zoneCataloguePanier .tableau.panier .ligne td.col4 select {display: inline-block; margin-left: 8px; border-radius: 3px; padding: 2px; font-size: 14px; font-weight: 600; border: solid 1px #a8a8a8;}
#zoneCataloguePanier .tableau.panier .mobile {display: none;}

#zoneCataloguePanier #zoneZ #boutons a {display: block; margin-bottom: 10px; border-radius: 3px; background: #e72a48; color: #ffffff; text-decoration: none; text-align: center; font-weight: 600; font-size: 18px; line-height: 21px; padding: 12px; text-transform: uppercase; overflow: auto;}
#zoneCataloguePanier #zoneZ #boutons a:hover {background: #51c1ef;}
#zoneCataloguePanier #zoneZ #boutons a .icone {float: left; text-align: center; width: 45px;padding-left: 20px;}
#zoneCataloguePanier #zoneZ #boutons a .icone img {height: 40px;}
#zoneCataloguePanier #zoneZ #boutons a .text {float: left; text-align: center; width: calc(100% - 85px);padding-right: 20px;}





/***** PANIER ******/
body.panier #zoneCataloguePanier {margin-top:0; }
body.panier #zoneCataloguePanier .titre {padding:8px; font-weight: 800; font-size: 28px; line-height: 30px; background:#e72a48; }
body.panier .infosLivraison {padding: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 0;}
body.panier .infosLivraisonBas {margin-top: 8px; font-style: italic;}
body.panier .zoneCommentaire {margin-top: 20px;}
body.panier .zoneCommentaire textarea {padding: 5px; width: calc(100% - 20px); height: 90px; font-size: 14px;}
@media (max-width:990px) {
	body.panier #zoneCataloguePanier .titre { border-radius: 0; }
	body.panier #zoneCataloguePanier .tableau.panier .mobile {display: inline-block;}
	body.panier #zoneCataloguePanier .tableau.panier .desktop {display: none;}
	body.panier #zoneCataloguePanier .tableau.panier .col2, #zoneCataloguePanier .tableau.panier .col3  {display: none;}
	body.panier #zoneCataloguePanier .tableau.panier .entete td {padding-top:10px; padding-bottom: 10px;}
	body.panier #zoneCataloguePanier .tableau.panier td {line-height: 16px;}
	body.panier #zoneCataloguePanier .tableau.panier td.col1 .titreProd {font-weight: 800; /*display: block; margin-top:5px;*/}
	body.panier #zoneCataloguePanier .tableau.panier td.col1 .qteProd {display: block; margin-top: 5px;}
	body.panier #zoneCataloguePanier .tableau.panier td.col1 .qteProd .nb {font-weight: 600;}
	body.panier #zoneCataloguePanier .tableau.panier td.col4, #zoneCataloguePanier .tableau.panier td.col5 {vertical-align: middle;}
}


@media (max-width:767px) {
	#zoneCataloguePanier #zoneZ #listeArticles {float: none; width: 100%; margin-bottom: 25px;}
	#zoneCataloguePanier #zoneZ #boutons {float: none; width: 100%; margin-left: 0px;}
}


/***** COMPTE ******/
body.compte #zoneCataloguePanier {margin-top:0; }
body.compte .titre {background:#e72a48; text-align: center; padding:8px; color:#ffffff; font-weight: 800; font-size: 28px; line-height: 30px; text-transform: uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; }
body.compte form {background: #ffffff; padding: 15px;}
body.compte form .rowForm {width: 100%; overflow: hidden; margin-top: 15px; margin-bottom: 15px;}
body.compte form .rowForm .colGauche {float: left; width: calc(50% - 40px); margin-right: 25px; margin-left: 15px;}
body.compte form .rowForm .colDroite {float: left; width: calc(50% - 40px); margin-left: 25px; margin-right: 15px;}
body.compte form .rowForm .row {margin-bottom: 15px;}
body.compte form .rowForm input {padding: 10px; display: block; background: #f3f3f3; border: none; border-bottom: solid 1px #000000;border-right: solid 1px #000000; font-size: 14px;}
body.compte form .rowForm select {padding: 8px; display: block; background: #f3f3f3; border: none; border-bottom: solid 1px #000000;border-right: solid 1px #000000; font-size: 14px;}
body.compte form .rowForm .col-sm-9 input {width: calc(100% - 20px);}
body.compte form .rowForm .col-sm-9 select {width: calc(100% - 0px);}
body.compte form .rowForm .col-sm-9 input[type="submit"] {width: 150px; border: none; margin-bottom: 10px; border-radius: 3px; background: #e72a48; color: #ffffff; text-decoration: none; text-align: center; font-weight: 600; font-size: 15px; line-height: 17px; padding: 12px; text-transform: uppercase; overflow: auto;}
body.compte form .rowForm .col-sm-9 input[type="submit"]:hover {background: #51c1ef;}

@media (max-width:990px) {
	body.compte .titre { border-radius: 0; }
}
@media (max-width:760px) {
	body.compte form .rowForm .colGauche {float: none; width: 100%; margin-right: 0px; margin-left: 0px; margin-bottom: 15px;}
	body.compte form .rowForm .colDroite {float: none; width: 100%; margin-right: 0px; margin-left: 0px; }
}




/***** HISTORIQUE COMMANDES ******/
body.commandes #zoneCommandes {background: #ffffff; margin-top: 25px;}
body.commandes #zoneCommandes .titre {background:#000000; text-align: center; padding:5px; color:#ffffff; font-weight: 600; font-size: 17px; line-height: 22px; text-transform: uppercase; border-top-left-radius: 3px;  border-top-right-radius: 3px; }
body.commandes #zoneCommandes #zoneZ {padding: 20px; padding-left: 30px; padding-right: 30px; background: #ffffff; width: calc(100% - 60px);  overflow: auto;}
body.commandes #zoneCommandes #zoneZ #listeArticles {float: left; width: calc(100% - 285px); overflow: auto;}
body.commandes #zoneCommandes #zoneZ #boutons {float: left; width: 265px; margin-left: 20px;}
body.commandes #zoneCommandes .tableau.panier td {padding: 5px;}
body.commandes #zoneCommandes .tableau.panier .entete td {background: #000000; color: #ffffff; text-align: center; font-weight: 600; text-transform: uppercase; border-right: solid 1px #b1b1b1;}
body.commandes #zoneCommandes .tableau.panier .ligne td {background: #ffffff; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; text-align: center;}
body.commandes #zoneCommandes .tableau.panier td.col1 {border-left: solid 1px #e6e6e6;font-weight: 600;}
body.commandes #zoneCommandes .tableau.panier td.col1, body.commandes #zoneCommandes .tableau.panier td.col2 {padding-left: 15px; text-align: left;}
/*body.commandes #zoneCommandes .tableau.panier .ligne td.col2 {font-weight: 600;}
body.commandes #zoneCommandes .tableau.panier .ligne td.col3 {font-weight: 600;}*/
body.commandes #zoneCommandes .tableau.panier .ligne td.col1, body.commandes #zoneCommandes .tableau.panier .ligne td.col2, body.commandes #zoneCommandes .tableau.panier .ligne td.col3, body.commandes #zoneCommandes .tableau.panier .ligne td.col4 {vertical-align: middle;}
body.commandes #zoneCommandes .tableau.panier .ligne .taille {font-weight: 400;}
body.commandes #zoneCommandes .tableau.panier .ligne .typeCommande {font-weight: 600; text-transform: uppercase;}
body.commandes #zoneCommandes .tableau.panier .ligne .typeCommande .detail {font-weight: 400; font-size: 11px; text-transform: lowercase;}
body.commandes #zoneCommandes .tableau.panier .ligne td.col4 select {display: inline-block; margin-left: 8px; border-radius: 3px; padding: 2px; font-size: 14px; font-weight: 600; border: solid 1px #a8a8a8;}
body.commandes #zoneCommandes .tableau.panier .mobile {display: none;}

body.commandes #zoneCommandes {margin-top:0; }
body.commandes #zoneCommandes .titre {padding:8px; font-weight: 800; font-size: 28px; line-height: 30px; background:#e72a48; }
body.commandes .infosLivraison {padding: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 0;}
body.commandes .infosLivraisonBas {margin-top: 8px; font-style: italic;}

body.commandes #zoneCommandes #zoneZ #listeArticles {float: none;width: 100%;overflow: auto;}

body.commandes .listeproduits-nav {text-align: center;margin-top: 20px;}
body.commandes .listeproduits-nav > * {width: 30px;height: 30px; text-align: center;border-radius: 50%;display: inline-block; line-height: 30px;vertical-align: middle;font-size: 22px;font-weight: 800;}
body.commandes span.listeproduits-nav-current {background-color: #e72a48; color: #fff;margin: 0 2px;}
body.commandes a.listeproduits-nav-page {background-color: #a9a9a9; color: #fff;margin: 0 2px;}
body.commandes a.listeproduits-nav-page:hover {background-color: #888;}
body.commandes a.listeproduits-nav-prev svg,
body.commandes a.listeproduits-nav-next svg {width: 30px;height: 30px;}
body.commandes a.listeproduits-nav-prev svg path,
body.commandes a.listeproduits-nav-next svg path {fill: #e72a48;}
body.commandes a.listeproduits-nav-prev:hover svg path,
body.commandes a.listeproduits-nav-next:hover svg path {fill: #a9a9a9;}
body.commandes .listeproduits-nav a {text-decoration: none;}
body.commandes .listeproduits-nav a:hover {text-decoration: none;}


@media (max-width:990px) {
	body.commandes #zoneCommandes .titre { border-radius: 0; }
	body.commandes #zoneCommandes .tableau.panier .mobile {display: inline-block;}
	body.commandes #zoneCommandes .tableau.panier .desktop {display: none;}
	body.commandes #zoneCommandes .tableau.panier .col2, body.commandes #zoneCommandes .tableau.panier .col3  {display: none;}
	body.commandes #zoneCommandes .tableau.panier .entete td {padding-top:10px; padding-bottom: 10px;}
	body.commandes #zoneCommandes .tableau.panier td {line-height: 16px;}
	body.commandes #zoneCommandes .tableau.panier td.col1 {font-weight: 400;}
	body.commandes #zoneCommandes .tableau.panier td.col1 .titreProd {font-weight: 800; /*display: block; margin-top:5px;*/}
	body.commandes #zoneCommandes .tableau.panier td.col1 .qteProd {display: block; margin-top: 5px;}
	body.commandes #zoneCommandes .tableau.panier td.col1 .qteProd .nb {font-weight: 600;}
	body.commandes #zoneCommandes .tableau.panier td.col4, body.commandes #zoneCommandes .tableau.panier td.col5 {vertical-align: middle;}
}