.successMessage,
.errorMessage {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  -webkit-flex-flow: row nowrap !important;
  flex-flow: row nowrap !important;
  padding: 10px 10px 10px 25px;
  font-size: 12px;
  position: relative;
  margin: 10px auto;
  width: 100%;
}
.successMessage {
  background-color: #dff0d8;
  color: #28a745;
}
.successMessage::before {
  font-family: "FontAwesome";
  content: '\f00c';
  position: absolute;
  left: 10px;
}
.errorMessage {
  background-color: #f2dede;
  color: #a94442;
}
.errorMessage::before {
  font-family: "FontAwesome";
  content: '\f00d';
  position: absolute;
  left: 10px;
}
.validListCart {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.validListCart:hover {
  background-color: #53822f;
  color: white !important;
}
.emptyListCart {
  color: #a94442;
  border: 1px solid #a94442;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.emptyListCart:hover {
  background-color: #a94442;
  color: white !important;
}
.navShop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  padding-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
@media screen and (max-width: 950px) {
  .navShop {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.navShop nav {
  width: 100%;
}
@media screen and (max-width: 950px) {
  .navShop nav {
    width: inherit;
  }
}
.navShop nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 15px 0;
}
@media screen and (max-width: 950px) {
  .navShop nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.navShop nav ul li {
  margin-right: 20px;
}
@media screen and (max-width: 950px) {
  .navShop nav ul li {
    margin: 2px 5px;
  }
}
.navShop nav ul li a {
  text-transform: uppercase;
  color: grey;
  margin: 0 30px 0 0;
}
@media screen and (max-width: 1050px) {
  .navShop nav ul li a {
    margin: 0;
  }
}
.navShop nav ul li a:hover {
  color: #28a745;
}
.navClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: absolute;
  right: 60px;
  bottom: 0;
  height: 65px;
}
@media screen and (max-width: 950px) {
  .navClient {
    position: initial;
    height: initial;
  }
}
.navClient .itemNavClient {
  position: relative;
  height: 100%;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.navClient .itemNavClient:last-child {
  margin-left: 20px;
}
.navClient .itemNavClient a {
  color: lightgrey;
  font-size: 1.5em;
  padding: 5px;
}
.navClient .itemNavClient a:hover {
  color: #28a745;
}
.navClient .itemNavClient a i {
  font-size: 20px;
}
.navClient .itemNavClient .shortcutsUserNavClient {
  display: none;
  border: 1px solid lightgrey;
  width: 240px;
  background-color: white;
  padding: 10px;
  box-shadow: 6px 6px 30px -20px black;
  position: absolute;
  top: 100%;
  right: 0;
}
@media screen and (max-width: 950px) {
  .navClient .itemNavClient .shortcutsUserNavClient {
    display: none !important;
  }
}
.navClient .itemNavClient .shortcutsUserNavClient a {
  font-size: 14px;
  margin: 0 0 5px 0;
  padding: 0;
  color: #717171;
}
.navClient .itemNavClient .shortcutsUserNavClient a:hover {
  color: #28a745;
}
.navClient .itemNavClient .shortcutsUserNavClient::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-bottom-color: lightgrey;
  border-width: 7px;
  margin-left: -7px;
  position: absolute;
  top: -14px;
  right: 4%;
}
.navClient .itemNavClient.userNavClient:hover .shortcutsUserNavClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.shopContainer {
  max-width: 1280px;
  width: 100%;
  margin: 40px auto;
}
@media screen and (max-width: 1280px) {
  .shopContainer {
    width: 95%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 950px) {
  .shopContainer {
    width: 100%;
    margin: 20px auto;
  }
}
.shopContainer .arianeShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .arianeShopContainer .itemArianeShopContainer {
  background-color: #9b9b9b;
  width: 220px;
  height: 45px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .shopContainer .arianeShopContainer .itemArianeShopContainer {
    width: 110px;
    font-size: 12px;
    text-align: center;
  }
}
.shopContainer .arianeShopContainer .itemArianeShopContainer.active {
  background-color: #53822f;
  color: white;
}
.shopContainer .arianeShopContainer .itemArianeShopContainer.afterCurrent::before {
  content: '';
  position: absolute;
  right: -38px;
  bottom: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 22.5px 0 23px 39.0px;
  border-color: transparent transparent transparent #53822f;
}
@media screen and (max-width: 450px) {
  .shopContainer .arianeShopContainer .itemArianeShopContainer.afterCurrent::before {
    display: none;
  }
}
.shopContainer .arianeShopContainer .itemArianeShopContainer.afterCurrentGrey::before {
  content: '';
  position: absolute;
  right: -39px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22.5px 0 23px 39.0px;
  border-color: transparent transparent transparent #9b9b9b;
}
@media screen and (max-width: 450px) {
  .shopContainer .arianeShopContainer .itemArianeShopContainer.afterCurrentGrey::before {
    display: none;
  }
}
.shopContainer .arianeShopContainer .itemArianeShopContainer.beforeCurrent::after {
  content: '';
  position: absolute;
  left: -38px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 0 22.5px 39.0px;
  border-color: #53822f #53822f #53822f transparent;
}
@media screen and (max-width: 450px) {
  .shopContainer .arianeShopContainer .itemArianeShopContainer.beforeCurrent::after {
    display: none;
  }
}
.shopContainer .arianeShopContainer .itemArianeShopContainer.beforeCurrentGrey::after {
  content: '';
  position: absolute;
  left: -38px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 0 22.5px 39.0px;
  border-color: #9b9b9b #9b9b9b #9b9b9b transparent;
}
@media screen and (max-width: 450px) {
  .shopContainer .arianeShopContainer .itemArianeShopContainer.beforeCurrentGrey::after {
    display: none;
  }
}
.shopContainer .listShopContainer .itemsListShopContainer .labelItemsList {
  color: #a0a0a0;
  font-size: 18px;
  padding: 0 20px 20px;
  border-bottom: 1px solid #a0a0a0;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0 20px;
  margin: 20px auto;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView {
  margin: 1.6%;
  width: 30%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  -moz-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 70px -35px #000;
  border-radius: 10px;
}
@media screen and (max-width: 1080px) {
  .shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView {
    width: 46.8%;
  }
}
@media screen and (max-width: 660px) {
  .shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView {
    width: 100%;
  }
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView .contentProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 10px;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView .contentProduct img {
  width: 100%;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView .contentProduct div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  margin-top: 10px;
  padding: 0 10px;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView .contentProduct div p {
  font-size: 0.8em;
  width: 190px;
}
.shopContainer .listShopContainer .itemsListShopContainer .itemsShopList .productDetailView .contentProduct div span {
  font-size: 0.8em;
}
.shopContainer .detailShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.shopContainer .detailShopContainer .imgDetail {
  width: 35%;
}
@media screen and (max-width: 900px) {
  .shopContainer .detailShopContainer .imgDetail {
    max-width: 500px;
    width: 100%;
  }
}
.shopContainer .detailShopContainer .contentDetailShopContainer {
  max-width: 660px;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .shopContainer .detailShopContainer .contentDetailShopContainer {
    margin-top: 40px;
  }
}
.shopContainer .detailShopContainer .contentDetailShopContainer .titleDetail {
  font-size: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
  .shopContainer .detailShopContainer .contentDetailShopContainer .titleDetail {
    font-size: 18px;
  }
}
.shopContainer .detailShopContainer .contentDetailShopContainer .descDetail {
  font-size: 14px;
}
.shopContainer .detailShopContainer .contentDetailShopContainer .quantityDetail .itemQuantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 40px 0px;
}
.shopContainer .detailShopContainer .contentDetailShopContainer .quantityDetail .itemQuantity span {
  font-size: 12px;
}
.shopContainer .detailShopContainer .contentDetailShopContainer .quantityDetail .itemQuantity input[type="text"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid lightgrey;
  font-size: 16px;
  width: 40px;
  text-align: center;
  margin-left: 20px;
}
.shopContainer .categorieShopContainer .titleCategorieShopContainer {
  font-size: 25px;
}
.shopContainer .cartShopContainer {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin-top: 50px;
}
.shopContainer .cartShopContainer .formRelaiPoint {
  width: 80%;
  margin-top: 50px;
}
.shopContainer .cartShopContainer .formRelaiPoint .itemsRelaiPoint {
  padding-left: 30px;
  border: 1px solid #efefefef;
  background-color: white;
  align-items: center;
  display: flex;
  margin: 10px 0px;
}
.shopContainer .cartShopContainer .formRelaiPoint .itemsRelaiPoint .contentRelaiPoint {
  margin: 15px 0px;
  margin-left: 30px;
}
.shopContainer .cartShopContainer .formRelaiPoint .itemsRelaiPoint .contentRelaiPoint .adressRelaiPoint {
  font-size: 12px;
}
.shopContainer .cartShopContainer .formRelaiPoint .itemsRelaiPoint .contentRelaiPoint .nameRelaiPoint {
  font-weight: bold;
  font-size: 20px;
}
.shopContainer .cartShopContainer .formRelaiPoint .itemsRelaiPoint .active {
  background-color: #efefef;
}
.shopContainer .cartShopContainer .formRelaiPoint .buttonFormChooseAdresses1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 20px 0;
}
.shopContainer .cartShopContainer h1 {
  width: 100%;
  text-align: left;
}
.shopContainer .cartShopContainer .emptyCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: auto;
}
.shopContainer .cartShopContainer .listCartShopContainer > p {
  font-size: 25px;
  font-weight: bold;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer,
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer h1,
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer h1,
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer h2,
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer {
  width: 68%;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 10px;
  height: 150px;
  padding: 10px;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer {
    height: inherit;
    position: relative;
  }
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 100%;
  color: #666;
  width: 100%;
  padding-right: 20px;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem {
    width: 100%;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem .imgItem {
  height: 100%;
  padding-right: 20px;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem .imgItem {
    width: inherit;
  }
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 100%;
  font-size: 14px;
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > div {
    padding: 20px 0;
    max-width: inherit;
  }
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > div > div .nameItem {
  font-size: 16px;
  font-weight: bold;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > div > div .refItem {
  color: #a2a2a2;
  margin-left: 15px;
  font-size: 12px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form {
  max-width: 300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form .qteItem {
  color: #666;
  font-size: 14px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form .qteItem input[type="text"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid lightgrey;
  font-size: 16px;
  width: 40px;
  text-align: center;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form .priceItem {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .5px;
  white-space: nowrap;
  color: #2a2a2a;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form .deleteItem {
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .itemListCartShopContainer .leftItem > form .deleteItem {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .contentPromo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin-top: 30px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .contentPromo .bandeauContentPromo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 95%;
  background-color: #efffe8 !important;
  color: #267b39;
  border: 1px solid #91ca9e;
  padding: 5px 10px;
  margin-bottom: 10px;
  position: relative;
  font-size: 14px;
  margin: auto;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .contentPromo .formPromo {
  border: 1px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 10px 1%;
  width: 98%;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .contentPromo > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer h2 {
  margin-top: 30px;
  font-size: 25px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries {
  border: 1px solid #efefefef;
  width: 100%;
  margin: 5px 0;
  padding: 10px;
  color: black;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries img {
  display: none;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries .inputRadio {
  margin-right: 20px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries > div .nameItemDeliveries {
  font-weight: bold;
  font-size: 20px;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries > div .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .cartShopContainer .listCartShopContainer .leftListCartShopContainer .deliveriesCartShopContainer .itemsDeliveriesCartShopContainer .itemDeliveries.active {
  background-color: #efefef;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer {
  width: 30%;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer .titleRight {
  font-size: 30px !important;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer .pricesRightListCartShopContainer {
  background-color: #efefef;
  padding: 20px;
  color: black;
  width: 100%;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer .pricesRightListCartShopContainer .itemPrices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  margin-bottom: 20px;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer .pricesRightListCartShopContainer .itemPrices:last-child {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 24px;
}
.shopContainer .cartShopContainer .listCartShopContainer .rightListCartShopContainer .buttonCartRight {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.shopContainer .cartShopContainer .paiementCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 1000px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart h2,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 40px auto;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders h2,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders h2 {
  text-align: left;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders .itemsInfoDetail,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders .itemsInfoDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail {
  margin: 10px;
  max-width: 200px;
  width: 100%;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p {
  font-size: 14px;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p:first-child,
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p:first-child {
  font-size: 16px;
  font-weight: bold;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart {
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart {
    max-width: 1200px;
    width: 100%;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart button {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 40px;
  width: 100%;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .paiementPart button:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart {
  width: 65%;
}
@media screen and (max-width: 1000px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart {
    width: 100%;
    max-width: 1200px;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .listCartShopContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  margin-bottom: 10px;
  height: 150px;
  padding: 10px;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer {
    height: inherit;
    position: relative;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer.firstChild {
  border: none;
  height: 20px;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer.firstChild {
    display: none;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 100%;
  color: #666;
  width: 100%;
  padding: 0 10px;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem {
    width: 100%;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem .imgItem {
  height: 100%;
  width: 128px;
  padding-right: 20px;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem .imgItem {
    max-width: 200px;
    width: 100%;
    padding-right: 0;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem .first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem .first .imgItem {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem > div {
    padding: 10px 0;
    max-width: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: inherit !important;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem > div .qtyDisplay {
  display: none;
}
@media screen and (max-width: 700px) {
  .shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem > div .qtyDisplay {
    display: block;
  }
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem > div .nameItem {
  font-size: 16px;
  font-weight: bold;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .itemListCartShopContainer .leftItem > div .refItem {
  color: #a2a2a2;
  margin-left: 15px;
  font-size: 12px;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .lastEncartCartPart {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background-color: #ececec;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .lastEncartCartPart div {
  margin-bottom: 10px;
}
.shopContainer .cartShopContainer .paiementCartShopContainer .cartPart .lastEncartCartPart div:last-of-type {
  margin: 0;
}
.shopContainer .loginAddClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 60px;
}
.shopContainer .homeClient .contentsHomeClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.shopContainer .adressClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .shopContainer .adressClient {
    width: 95%;
  }
}
@media screen and (max-width: 950px) {
  .shopContainer .adressClient {
    width: 100%;
  }
}
.shopContainer .adressClient h1 {
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
}
.shopContainer .clientContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .shopContainer .clientContainer {
    width: 95%;
  }
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer {
    width: 100%;
  }
}
.shopContainer .clientContainer h1 {
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
}
.shopContainer .clientContainer .navContentClient {
  width: 25%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .navContentClient {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 20px;
    height: 40px;
    background-color: #f1f1f1;
    overflow: hidden;
  }
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .navContentClient::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: absolute;
    top: 0;
    left: 20px;
    height: 40px;
    content: 'Menu';
    color: #676767;
  }
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .navContentClient::after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-bottom-color: #9c9c9c;
    border-width: 10px;
    /* margin-left: -7px; */
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    right: 4%;
    top: 15px;
    transform: rotate(180deg);
  }
}
.shopContainer .clientContainer .navContentClient .linkNavContent {
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .navContentClient .linkNavContent {
    margin: 10px;
    margin-left: 20px;
  }
  .shopContainer .clientContainer .navContentClient .linkNavContent:nth-child(1) {
    margin-top: 50px;
  }
}
.shopContainer .clientContainer .navContentClient .linkNavContent.active {
  font-weight: bold;
  font-size: 16px;
}
.shopContainer .clientContainer .navContentClient .linkNavContent:hover {
  font-weight: bold;
}
.shopContainer .clientContainer .navContentClient.openNav {
  height: inherit;
}
.shopContainer .clientContainer .contentHomeClient {
  width: 75%;
  color: #525252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .contentHomeClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .contentHomeClient > p {
  margin: 10px 0;
  padding: 10px;
}
.shopContainer .clientContainer .contentHomeClient .titleItemContentClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  padding: 5px 15px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
}
.shopContainer .clientContainer .contentHomeClient .titleItemContentClient h2 {
  font-size: 18px;
}
.shopContainer .clientContainer .contentHomeClient .titleItemContentClient a {
  font-size: 12px;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin-bottom: 60px;
  margin-top: 40px;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient,
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient p,
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p {
  width: 16%;
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient p,
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p {
    width: 25%;
  }
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient .dateItemOrders,
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient .dateItemOrders,
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient .sendItemOrders,
  .shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient .sendItemOrders {
    display: none;
  }
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient {
  margin-bottom: 10px;
  font-size: 12px;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .headOrderslient p {
  font-weight: bold;
  text-align: center;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient {
  font-size: 14px;
  color: grey;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p {
  text-align: center;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p.nbItemOrders,
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p.priceItemOrders {
  color: black;
  font-weight: bold;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p.statItemOrders {
  text-transform: uppercase;
  font-weight: bold;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p.linkItemOrders a {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.shopContainer .clientContainer .contentHomeClient .lastOrderContentClient .itemOrdersClient p.linkItemOrders a:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .clientContainer .contentHomeClient .deleteAccount p.linkItemOrders a {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.shopContainer .clientContainer .contentHomeClient .deleteAccount p.linkItemOrders a:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .clientContainer .contentHomeClient .infosContentClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopContainer .clientContainer .contentHomeClient .infosContentClient .infoContentClient,
.shopContainer .clientContainer .contentHomeClient .infosContentClient .adressContentClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 48%;
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .contentHomeClient .infosContentClient .infoContentClient,
  .shopContainer .clientContainer .contentHomeClient .infosContentClient .adressContentClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .contentHomeClient .infosContentClient .infoContentClient .contentInfo,
.shopContainer .clientContainer .contentHomeClient .infosContentClient .adressContentClient .contentInfo {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
}
.shopContainer .clientContainer .loginCLient,
.shopContainer .clientContainer .addLoginClient {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .loginCLient,
  .shopContainer .clientContainer .addLoginClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .loginCLient .titleLoginClient,
.shopContainer .clientContainer .addLoginClient .titleLoginClient {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .loginCLient .titleLoginClient,
  .shopContainer .clientContainer .addLoginClient .titleLoginClient {
    font-size: 18px;
  }
}
.shopContainer .clientContainer .loginCLient form,
.shopContainer .clientContainer .addLoginClient form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  max-width: 350px;
  width: 100%;
}
.shopContainer .clientContainer .loginCLient form > div,
.shopContainer .clientContainer .addLoginClient form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 0px 0 30px 0;
}
.shopContainer .clientContainer .loginCLient form > div span,
.shopContainer .clientContainer .addLoginClient form > div span {
  font-size: 12px;
}
.shopContainer .clientContainer .loginCLient form > div input,
.shopContainer .clientContainer .addLoginClient form > div input {
  border: 1px solid lightgrey;
  width: 100%;
  height: 30px;
  font-size: 14px;
  padding: 0 0 0 5px;
}
.shopContainer .clientContainer .loginCLient form input[type="submit"],
.shopContainer .clientContainer .addLoginClient form input[type="submit"] {
  display: block;
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .loginCLient form input[type="submit"]:hover,
.shopContainer .clientContainer .addLoginClient form input[type="submit"]:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .loginCLient .linkLostLoginCLient,
.shopContainer .clientContainer .addLoginClient .linkLostLoginCLient {
  font-size: 12px;
  text-decoration: underline;
  margin-top: 20px;
}
.shopContainer .clientContainer .loginCLient .buttonAddLoginClient,
.shopContainer .clientContainer .addLoginClient .buttonAddLoginClient {
  display: block;
  color: #28a745;
  padding: 10px 15px;
  font-size: 14px;
  border: 1px solid #28a745;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .loginCLient .buttonAddLoginClient:hover,
.shopContainer .clientContainer .addLoginClient .buttonAddLoginClient:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .ordersClient {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .ordersClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .ordersClient .headOrderslient,
.shopContainer .clientContainer .ordersClient .itemOrdersClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopContainer .clientContainer .ordersClient .headOrderslient p,
.shopContainer .clientContainer .ordersClient .itemOrdersClient p {
  width: 16%;
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .ordersClient .headOrderslient p,
  .shopContainer .clientContainer .ordersClient .itemOrdersClient p {
    width: 25%;
  }
}
@media screen and (max-width: 650px) {
  .shopContainer .clientContainer .ordersClient .headOrderslient .dateItemOrders,
  .shopContainer .clientContainer .ordersClient .itemOrdersClient .dateItemOrders,
  .shopContainer .clientContainer .ordersClient .headOrderslient .sendItemOrders,
  .shopContainer .clientContainer .ordersClient .itemOrdersClient .sendItemOrders {
    display: none;
  }
}
.shopContainer .clientContainer .ordersClient .headOrderslient {
  font-size: 12px;
  margin: 60px auto 0;
  border-bottom: 2px solid lightgrey;
  padding-bottom: 20px;
}
.shopContainer .clientContainer .ordersClient .headOrderslient p {
  font-weight: bold;
  text-align: center;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient {
  font-size: 14px;
  color: grey;
  margin-top: 40px;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p {
  text-align: center;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.nbItemOrders,
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.priceItemOrders {
  color: black;
  font-weight: bold;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.statItemOrders {
  text-transform: uppercase;
  font-weight: bold;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.linkItemOrders a {
  border: 1px solid #28a745;
  padding: 5px 10px;
  color: #28a745;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.linkItemOrders a::before {
  content: '';
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #28a745;
  z-index: -1;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.linkItemOrders a:hover {
  color: white;
}
.shopContainer .clientContainer .ordersClient .itemOrdersClient p.linkItemOrders a:hover::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0%;
}
.shopContainer .clientContainer .ordersClient .priceDetailItemOrders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  background-color: #f9f9f9;
  padding: 20px 50px 20px 20px;
  margin-top: 40px;
}
.shopContainer .clientContainer .ordersClient .priceDetailItemOrders p {
  font-size: 14px;
  margin: 10px 0;
}
.shopContainer .clientContainer .ordersClient .priceDetailItemOrders p:last-child {
  font-size: 22px;
  font-weight: bold;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 40px auto;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders h2 {
  text-align: left;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders .itemsInfoDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail {
  margin: 10px;
  max-width: 180px;
  width: 100%;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p {
  font-size: 14px;
}
.shopContainer .clientContainer .ordersClient .infoDetailItemOrders .itemsInfoDetail .itemInfoDetail p:first-child {
  font-size: 16px;
  font-weight: bold;
}
.shopContainer .clientContainer .ordersClient div {
  width: 100%;
}
.shopContainer .clientContainer .ordersClient div .linkPrintOrder {
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .ordersClient div .linkPrintOrder:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .clientContainer .passwordClient {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .passwordClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .passwordClient p {
  color: grey;
  text-align: center;
  width: 100%;
}
.shopContainer .clientContainer .passwordClient h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
.shopContainer .clientContainer .passwordClient form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  max-width: 300px;
  width: 100%;
  margin: 20px auto;
}
.shopContainer .clientContainer .passwordClient form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 0px 0 30px 0;
}
.shopContainer .clientContainer .passwordClient form > div span {
  font-size: 12px;
  color: grey;
}
.shopContainer .clientContainer .passwordClient form > div input {
  border: 1px solid lightgrey;
  width: 100%;
  height: 30px;
  font-size: 14px;
  padding: 0 0 0 5px;
}
.shopContainer .clientContainer .passwordClient form input[type="submit"] {
  display: block;
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .passwordClient form input[type="submit"]:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .adressesClientContainer {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  color: #525252;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .adressesClientContainer {
    width: 100%;
  }
}
.shopContainer .clientContainer .adressesClientContainer > p {
  padding: 10px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 20px 0;
  width: 100%;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-shadow: 0px 0px 30px -15px black;
  -moz-box-shadow: 0px 0px 30px -15px black;
  box-shadow: 0px 0px 30px -15px black;
  max-width: 280px;
  width: 100%;
  margin: 20px;
  padding: 10px;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient {
    max-width: 250px;
  }
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActiv {
  position: absolute;
  top: 10px;
  right: 10px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActiv .fas.fa-check {
  color: #28a745;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActiv .fas.fa-times {
  color: #dc3545;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .adressContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 72px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .adressContent .adressItemAdresses {
  font-size: 12px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActionAdress {
  font-size: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin-top: 10px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActionAdress a,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActionAdress div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 5px 0 0 0;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .itemActionAdress p {
  margin-left: 5px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .labelItemAdresses {
  font-size: 20px;
  font-weight: bold;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .surnameItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .nameItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .adressItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .cpItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .cityItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .countryItemAdresses,
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient .telItemAdresses {
  font-size: 14px;
}
.shopContainer .clientContainer .adressesClientContainer .itemsAdressesClient .itemAdressClient > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .clientContainer .adressesClientContainer .addAdressesClient {
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .adressesClientContainer .addAdressesClient:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .editClient {
  width: 75%;
  color: #525252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media screen and (max-width: 950px) {
  .shopContainer .clientContainer .editClient {
    width: 100%;
  }
}
.shopContainer .clientContainer .editClient > p {
  margin: 10px 0;
  padding: 10px;
}
.shopContainer .clientContainer .editClient .formEditClient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 20px auto;
}
.shopContainer .clientContainer .editClient .formEditClient > p {
  font-size: 12px;
  margin: 10px auto;
}
.shopContainer .clientContainer .editClient .formEditClient > div {
  width: 100%;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin: 0px 0 30px 0;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div .help-block {
  position: absolute;
  font-size: 11px;
  bottom: -17px;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div label {
  font-size: 14px;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div input,
.shopContainer .clientContainer .editClient .formEditClient > div > div select {
  border: 1px solid lightgrey;
  width: 100%;
  height: 30px;
  font-size: 14px;
  padding: 0 0 0 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div input[type="checkbox"] {
  position: relative;
  box-shadow: 0 0 0 1px lightgrey;
  width: 20px;
  height: 20px;
  margin: 10px 0 0 0;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div input[type="checkbox"]::before {
  content: '';
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.shopContainer .clientContainer .editClient .formEditClient > div > div input[type="checkbox"]::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.shopContainer .clientContainer .editClient .formEditClient > div > div input[type="checkbox"]:checked::before {
  background: #28a745;
}
.shopContainer .clientContainer .editClient .formEditClient input[type="submit"] {
  display: block;
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .editClient .formEditClient input[type="submit"]:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .editClient .formEditClient .buttonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.shopContainer .clientContainer .editClient .formEditClient .buttonBox button,
.shopContainer .clientContainer .editClient .formEditClient .buttonBox a {
  display: block;
  cursor: pointer;
  color: #28a745;
  padding: 10px 15px;
  font-size: 12px;
  border: 1px solid #28a745;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.shopContainer .clientContainer .editClient .formEditClient .buttonBox button:hover,
.shopContainer .clientContainer .editClient .formEditClient .buttonBox a:hover {
  background-color: #28a745;
  color: white;
}
.shopContainer .clientContainer .editClient .formEditClient .buttonBox a {
  color: #dc3545;
  border: 1px solid #dc3545;
}
.shopContainer .clientContainer .editClient .formEditClient .buttonBox a:hover {
  background-color: #dc3545;
}
.shopContainer .chooseAdressesShopContainer {
  margin-top: 40px;
}
.shopContainer .chooseAdressesShopContainer .inputMainContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
@media screen and (max-width: 450px) {
  .shopContainer .chooseAdressesShopContainer .inputMainContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .chooseAdressesShopContainer .inputMainContainer .inputContainerFormPrinc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin: 10px 20px;
}
.shopContainer .chooseAdressesShopContainer .buttonFormChooseAdresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 20px 0;
}
.shopContainer .chooseAdressesShopContainer .buttonFormChooseAdresses button,
.shopContainer .chooseAdressesShopContainer .buttonFormChooseAdresses a {
  height: 40px;
  margin: 0 10px;
}
.shopContainer .chooseAdressesShopContainer h1 {
  color: #417505;
  font-size: 28px;
}
.shopContainer .chooseAdressesShopContainer h2 {
  color: #4a4a4a;
  font-size: 24px;
}
.shopContainer .chooseAdressesShopContainer .addAdressesChooseAdresses {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 50px auto;
  width: 80%;
}
.shopContainer .chooseAdressesShopContainer .addAdressesChooseAdresses:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div {
  width: 49%;
}
@media screen and (max-width: 1200px) {
  .shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div {
    width: 100%;
  }
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div a {
  color: #53822f;
  border: 1px solid #53822f;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 20px auto;
  width: 100%;
  font-size: 14px;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div a:hover {
  background-color: #53822f;
  color: white !important;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 20px;
}
@media screen and (max-width: 700px) {
  .shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-shadow: 0px 0px 30px -15px black;
  -moz-box-shadow: 0px 0px 30px -15px black;
  box-shadow: 0px 0px 30px -15px black;
  width: 100%;
  margin: 20px;
  padding: 10px;
}
@media screen and (max-width: 600px) {
  .shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse {
    padding-bottom: 50px;
    width: 100%;
  }
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .contentItemAdresse {
  width: 100%;
  padding: 5px 5%;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActiv {
  position: absolute;
  top: 10px;
  right: 10px;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActiv .fas.fa-check {
  color: #53822f;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActiv .fas.fa-times {
  color: #dc3545;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .adressContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .adressContent .adressItemAdresses {
  font-size: 14px;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .adressContent .adressOthers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActionAdress {
  max-width: 200px;
  font-size: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActionAdress {
    position: absolute;
    bottom: 10px;
    width: 90%;
    left: 0;
    right: 0;
    max-width: inherit;
    margin: auto;
  }
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActionAdress a,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActionAdress div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 5px 0 0 0;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .itemActionAdress p {
  margin-left: 5px;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .labelItemAdresses {
  font-size: 20px;
  font-weight: bold;
  height: 50px;
  display: flex;
  align-items: center;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .surnameItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .nameItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .adressItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .cpItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .cityItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .countryItemAdresses,
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .telItemAdresses {
  font-size: 14px;
}
.shopContainer .chooseAdressesShopContainer .formChooseAdresses > .contentFormChooseAdresses > div .itemsChooseAdresses .itemAdresse .adressOthers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}