@charset "UTF-8";
/*@import "compass/css3/box-shadow";
@import "compass/css3/border-radius";
@import "compass/css3/transform";
@import "compass/css3/box";*/
/*----------------------------------------------------------------------------------
			les fonts
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
			mixin lié au template  : ProcessusCommande
----------------------------------------------------------------------------------*/
/*
	code couleur
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?kuvdok");
  src: url("../fonts/icomoon.eot?kuvdok#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kuvdok") format("truetype"), url("../fonts/icomoon.woff?kuvdok") format("woff"), url("../fonts/icomoon.svg?kuvdok#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*----------------------------------------------------------------------------------
Le panier
----------------------------------------------------------------------------------*/
.typeTable {
  display: table;
  width: 100%;
  table-layout: fixed;
  font-size: 14px;
}
.typeTable article [role=image], .typeTable article [role=description], .typeTable article [role=total] {
  border-top: 1px solid #EDEDED;
}
.typeTable article [role=image] {
  border-left: 1px solid #EDEDED;
}
.typeTable article [role=total] {
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
}
.typeTable article.composantPackProduit [role=image], .typeTable article.composantPackProduit [role=description], .typeTable article.composantPackProduit [role=total] {
  border-top: 0px;
}
.typeTable article.composantPackProduit [role=total] {
  border-left: 0px;
}
.typeTable article.composantPackProduit [role=image] {
  text-align: right;
}
.typeTable article.composantPackProduit [role=description] {
  padding: 0px;
  padding-left: 5%;
}
.typeTable article.composantPackProduit:last-child [role=image], .typeTable article.composantPackProduit:last-child [role=description], .typeTable article.composantPackProduit:last-child [role=total] {
  border-bottom: 1px solid #EDEDED;
}
.typeTable article + article.composantPackProduit [role=image], .typeTable article + article.composantPackProduit [role=description], .typeTable article + article.composantPackProduit [role=total] {
  border-top: 1px dashed #EDEDED;
}
.typeTable article + article.composantPackProduit + article.composantPackProduit [role=image], .typeTable article + article.composantPackProduit + article.composantPackProduit [role=description], .typeTable article + article.composantPackProduit + article.composantPackProduit [role=total] {
  border-top: 0px;
}
.typeTable article.emballageCadeau [role=image], .typeTable article.emballageCadeau [role=description], .typeTable article.emballageCadeau [role=total] {
  border-top: 0px;
}
.typeTable article:last-child [role=image], .typeTable article:last-child [role=description], .typeTable article:last-child [role=total] {
  border-bottom: 1px solid #EDEDED;
}
.typeTable [role=image],
.typeTable [role=description],
.typeTable [role=total] {
  display: table-cell;
  padding: 5px 10px;
  vertical-align: middle;
}
.typeTable [role=image] div,
.typeTable [role=description] div,
.typeTable [role=total] div {
  padding: 0px;
}
.typeTable [role=image] {
  position: relative;
}
.typeTable [role=image] a {
  display: inline-block;
  vertical-align: middle;
}
.typeTable [role=image] {
  width: 25%;
}
.typeTable [role=description] {
  text-align: left;
}
.typeTable [role=description] .emballage {
  float: right;
}
.typeTable [role=description] .quantite {
  text-align: center;
}
.typeTable [role=description] .quantite form {
  display: table-cell;
}
.typeTable [role=description] .quantite a {
  padding-bottom: 1px;
  display: table-cell;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 1.1em;
}
.typeTable [role=description] .quantite input[type=text] {
  display: inline-block;
  border: 0px;
  background-color: #fff;
  text-align: center;
  width: 20px;
}
.typeTable [role=description] .remise {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}
.typeTable [role=description] .prix,
.typeTable [role=description] .ancienPrix {
  text-align: center;
}
.typeTable [role=description] div {
  padding-bottom: 5px;
  padding-right: 2rem;
}
.typeTable [role=description] div:not(.noFloat) {
  float: left;
}
.typeTable [role=titre] div {
  text-align: center;
  text-transform: none;
  display: table-cell;
}
.typeTable [role=image] {
  position: relative;
}
.typeTable [role=total] {
  width: 25%;
  text-align: right;
}
.typeTable article {
  display: table-row;
}
.typeTable article [role=image] a[title=Supprimer] {
  padding-left: 2px;
}
.typeTable [role=titre] {
  display: table-row;
}
.typeTable [role=titre] div {
  background-color: #FFFFFF;
  border: 1px solid #EDEDED;
  border-bottom: 0px;
  border-right: 0px;
  padding: 5px 10px;
  height: 40px;
  text-align: center;
}
.typeTable [role=titre] div:last-child {
  border-right: 1px solid #EDEDED;
}
.typeTable[role=footer] {
  /* .row {
      display: table-row;
      margin: 0px;
      div {
      border-top: 1px solid $grisTableau;
          float: none;
      }
      &:before,&:after{
          content: "";
          display: inline;
      }
  }*/
}
.typeTable[role=footer] .col-md-14 {
  padding: 0px;
  display: table;
  border: 1px solid #EDEDED;
  border-top: 0px;
}
.typeTable[role=footer] article {
  display: table;
  width: 100%;
}
.typeTable[role=footer] .TotalCommande,
.typeTable[role=footer] .TotalCommandeValue,
.typeTable[role=footer] .basTotalCommande,
.typeTable[role=footer] .basTotalCommandeValue,
.typeTable[role=footer] #codePromo {
  display: table-cell;
  padding: 5px 10px;
  padding-left: 40px;
  vertical-align: middle;
  float: none;
  background-color: transparent;
  font-size: 1.2em;
  border: 0px;
  text-align: left;
}
.typeTable[role=footer] .TotalCommandeValue,
.typeTable[role=footer] .basTotalCommandeValue {
  text-align: right;
}
.typeTable[role=footer] [role=totalCommande] div {
  line-height: 2.5em;
}
.typeTable[role=footer] .zoneRecapitulatifTVA {
  display: table;
  vertical-align: middle;
  padding-top: 10px;
}
.typeTable[role=footer] .zoneRecapitulatifTVA article {
  display: table-row;
}
.typeTable[role=footer] .zoneRecapitulatifTVA div {
  display: table-cell;
  padding: 5px 10px 5px 40px;
  float: none;
}
.typeTable[role=footer] .zoneRecapitulatifTVA article:first-child div {
  font-family: "open_sanssemibold";
  font-size: 1.2em;
}
.typeTable a.supprimer {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  font-family: "icomoon";
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.typeTable a.supprimer:before {
  padding-right: 10px;
}
.typeTable a.supprimer:hover {
  text-decoration: none;
}
.typeTable .emballage a,
.typeTable a.emballage {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  font-family: "icomoon";
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.typeTable .emballage a:before,
.typeTable a.emballage:before {
  padding-right: 10px;
}
.typeTable .emballage a:hover,
.typeTable a.emballage:hover {
  text-decoration: none;
}
.typeTable a.emballage {
  width: 27px;
  height: 27px;
}

.typeTable.rowData [role=description] strong {
  display: block;
}
.typeTable.rowData [role=total] strong {
  display: block;
}
.typeTable.rowData [role=total] a.facture, .typeTable.rowData [role=total] a.avoir, .typeTable.rowData [role=total] a.commande, .typeTable.rowData [role=total] a.devis {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  font-family: "icomoon";
  speak: none;
  font-size: 1.5em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  position: relative;
  border: 0px;
}
.typeTable.rowData [role=total] a.facture:before {
  content: "\f0f6";
  color: #fecc00;
}
.typeTable.rowData [role=total] a.facture.pdf:before {
  content: "\e62f";
}
.typeTable.rowData [role=total] a.commande:before {
  content: "\f0f6";
  color: #fecc00;
}
.typeTable.rowData [role=total] a.commande.pdf:before {
  content: "\e62f";
  color: #fecc00;
}
.typeTable.rowData [role=total] a.avoir:before {
  content: "\f0f6";
  color: #fecc00;
}
.typeTable.rowData [role=total] a.devis:before {
  font-family: "ornea";
  content: "\e90c";
  color: #fecc00;
}
.typeTable.rowData [role=total] a.BC:after {
  content: "Bc";
}
.typeTable.rowData [role=total] a.BL:after {
  content: "Bl";
}
.typeTable.rowData [role=total] a.BC:after, .typeTable.rowData [role=total] a.BL:after {
  width: 1rem;
  display: inline-block;
  width: 1rem;
  display: inline-block;
  color: #000;
  position: absolute;
  font-size: 0.6rem;
  background-color: #fecc00;
  border-radius: 1.5rem;
  font-family: "open_sansregular";
  bottom: -5px;
  line-height: 1.1rem;
}

@media (max-width: 319px) {
  .typeTable [role=total], .typeTable [role=description], .typeTable [role=image] {
    display: block;
    width: auto;
    position: relative;
    overflow: hidden;
  }
  .typeTable [role=image] {
    overflow: visible;
  }
  .typeTable article [role=image], .typeTable article [role=description], .typeTable article [role=total] {
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
  }
  .typeTable article [role=image] {
    border-top: 1px solid #EDEDED;
  }
  .typeTable article [role=description],
  .typeTable article [role=total] {
    border-top: 0px;
  }
  .typeTable article.composantPackProduit:last-child [role=image], .typeTable article.composantPackProduit:last-child [role=description], .typeTable article:last-child [role=image], .typeTable article:last-child [role=description] {
    border-bottom: 0px;
  }
  .typeTable article + article.composantPackProduit [role=description], .typeTable article + article.composantPackProduit [role=total] {
    border-top: 0px;
  }
  .typeTable article.composantPackProduit [role=total] {
    border-left: 1px solid #EDEDED;
    display: none;
  }
  .typeTable[role=footer] .TotalCommande, .typeTable[role=footer] .TotalCommandeValue, .typeTable[role=footer] .basTotalCommande, .typeTable[role=footer] .basTotalCommandeValue {
    padding-left: 10px;
  }
  .typeTable[role=footer] [role=totalCommande] div {
    display: block;
    line-height: 1.2em;
  }
  .typeTable[role=footer] [role=totalCommande] .basTotalCommande {
    font-size: 1em;
    line-height: 1.2em;
  }
  .typeTable.rowData [role=description] strong {
    display: inline-block;
  }
}
@media (min-width: 320px) and (max-width: 399px) {
  .typeTable.rowData [role=image] {
    font-size: 0.9em;
    /*
         display: block;
         width: auto;*/
  }
}
@media (min-width: 400px) and (max-width: 960px) {
  .typeTable.rowData [role=description] strong {
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .typeTable img {
    width: 100%;
    max-width: 63px;
  }
  .typeTable[role=footer] #codePromo, .typeTable[role=footer] .TotalCommande, .typeTable[role=footer] .TotalCommandeValue, .typeTable[role=footer] .basTotalCommande, .typeTable[role=footer] .basTotalCommandeValue {
    padding-left: 10px;
  }
  .typeTable[role=footer] [role=totalCommande] .basTotalCommande {
    font-size: 1em;
    line-height: 1.2em;
  }
}
@media (min-width: 768px) {
  .typeTable [role=image] {
    width: 12.5%;
  }
  .typeTable [role=total] {
    width: 12.5%;
  }
  .typeTable.rowData [role=image] {
    width: 20%;
  }
}
.typeTable [role=description] > div:first-child {
  padding-bottom: 10px;
  color: #000;
}
.typeTable .zoneRecapitulatifTVA {
  padding: 0px;
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
}
.typeTable .zoneRecapitulatifTVA div {
  border-bottom: 1px solid #EDEDED;
}
.typeTable .zoneRecapitulatifTVA div + div {
  text-align: right;
}

@media (max-width: 767px) {
  .typeTable article [role=description] .quantite a {
    width: 25px;
    border-radius: 15px;
    height: 25px;
  }
  .processusAchat a span {
    display: none;
  }
  .processusAchat a.selected span {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .typeTable[role=footer] .TotalCommande, .typeTable[role=footer] .TotalCommandeValue, .typeTable[role=footer] .basTotalCommande, .typeTable[role=footer] .basTotalCommandeValue, .typeTable[role=footer] .zoneRecapitulatifTVA div, .typeTable[role=footer] #codePromo {
    padding-left: 10px;
  }
  .typeTable[role=footer] [role=totalCommande] .basTotalCommande {
    font-size: 1em;
    line-height: 1.2em;
  }
}
.typeTable article.composantPackProduit [role=description], .typeTable article.emballageCadeau [role=description] {
  font-family: "open_sanslight_italic";
  font-size: 13px;
}
.typeTable article.composantPackProduit [role=description] a, .typeTable article.emballageCadeau [role=description] a {
  color: #000;
  font-family: "open_sanslight_italic";
}
.typeTable article.emballageCadeau a.emballage {
  font-size: 2em;
  font-weight: normal;
}
.typeTable article:hover {
  background-color: #FAFAFa;
}
.typeTable article.composantPackProduit [role=image], .typeTable article.composantPackProduit [role=description], .typeTable article.composantPackProduit [role=total] {
  background-color: #FAFAFa;
}
.typeTable [role=description] {
  color: #666;
}
.typeTable [role=description] a {
  color: #fecc00;
  display: block;
  font-family: "open_sanssemibold";
}
.typeTable [role=description] .quantite a {
  border: 1px solid #fecc00;
}
.typeTable [role=description] .quantite a:hover {
  background-color: #fecc00;
  color: #fff;
}
.typeTable [role=description] .quantite input[type=text] {
  background-color: #fff;
  line-height: 20px;
  font-family: "open_sansregular";
}
.typeTable [role=description] .remise {
  color: #fff;
  background-color: #fecc00;
  font-size: 1.2em;
  line-height: 1.4em;
  font-family: "open_sanssemibold";
}
.typeTable [role=description] .remise sup {
  vertical-align: bottom;
}
.typeTable [role=description] .prix,
.typeTable [role=description] .ancienPrix {
  text-align: center;
}
.typeTable [role=description] .ancienPrix {
  text-decoration: line-through;
}
.typeTable [role=description] strong {
  font-family: "open_sanslight_italic";
  font-weight: normal;
}
.typeTable [role=titre] div {
  color: #000;
  font-size: 15px;
  line-height: 30px;
  font-family: "open_sansregular";
}
.typeTable [role=image] {
  position: relative;
}
.typeTable [role=image] a {
  color: #fecc00;
}
.typeTable [role=total] {
  color: #000;
}
.typeTable .TotalCommande {
  padding-left: 40px;
}
.typeTable .TotalCommande h3 {
  color: #000;
}
.typeTable[role=footer] [role=totalCommande] div {
  background-color: #fff;
}
.typeTable[role=footer] .TotalCommande,
.typeTable[role=footer] .TotalCommandeValue,
.typeTable[role=footer] .basTotalCommande,
.typeTable[role=footer] .basTotalCommandeValue {
  font-size: 1.2em;
}
.typeTable[role=footer] .TotalCommande b, .typeTable[role=footer] .TotalCommande strong,
.typeTable[role=footer] .TotalCommandeValue b,
.typeTable[role=footer] .TotalCommandeValue strong,
.typeTable[role=footer] .basTotalCommande b,
.typeTable[role=footer] .basTotalCommande strong,
.typeTable[role=footer] .basTotalCommandeValue b,
.typeTable[role=footer] .basTotalCommandeValue strong {
  font-family: "open_sanssemibold";
  font-size: 1.2em;
}
.typeTable[role=footer] .TotalCommande p,
.typeTable[role=footer] .TotalCommandeValue p,
.typeTable[role=footer] .basTotalCommande p,
.typeTable[role=footer] .basTotalCommandeValue p {
  font-size: 0.8em;
  font-family: "open_sansregular";
}
.typeTable[role=footer] .TotalCommande a,
.typeTable[role=footer] .TotalCommandeValue a,
.typeTable[role=footer] .basTotalCommande a,
.typeTable[role=footer] .basTotalCommandeValue a {
  color: #fecc00;
}
.typeTable[role=footer] .TotalCommandeValue,
.typeTable[role=footer] .basTotalCommandeValue {
  font-family: "open_sanssemibold";
}
.typeTable[role=footer] .TotalCommandeValue strong,
.typeTable[role=footer] .basTotalCommandeValue strong {
  font-weight: normal;
}
.typeTable[role=footer] .basTotalCommandeValue {
  font-size: 1.6em;
  color: #000;
}
.typeTable[role=footer] .basTotalCommande {
  text-transform: uppercase;
  color: #000;
  font-size: 1.3em;
}
.typeTable a.supprimer {
  color: #928A82;
  font-size: 1.3em;
  line-height: 1.5em;
}
.typeTable a.supprimer:before {
  content: "\e627";
}
.typeTable a.supprimer:hover {
  text-decoration: none;
  color: #fecc00;
}
.typeTable .emballage a,
.typeTable a.emballage {
  color: #928A82;
  font-size: 1.5em;
  font-family: "icomoon";
}
.typeTable .emballage a:before,
.typeTable a.emballage:before {
  content: "\e628";
}
.typeTable .emballage a:hover,
.typeTable a.emballage:hover {
  text-decoration: none;
  color: #fecc00;
}
.typeTable a.emballage {
  width: 27px;
  height: 27px;
}

#panier .typeTable:not(.rowData) div[role=description] a {
  font-size: 20px;
  font-family: "open_sanslight";
  color: #000;
}

.typeTable.rowData [role=total] a.facture:before {
  color: #fecc00;
}
.typeTable.rowData [role=total] a.commande:before {
  color: #fecc00;
}
.typeTable.rowData [role=total] a.avoir:before {
  color: #fecc00;
  color: #464b54;
}

.pageTexte section.typeTable.rowData div[role=description] a {
  font-size: 20px;
  font-family: "open_sanslight";
  color: #000;
  border: 0px;
}
.pageTexte section.typeTable.rowData [role=image] a {
  color: #000;
  border-bottom: 2px solid #fecc00;
}

#codePromo {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2em;
  border-bottom: 1px solid #EDEDED;
  background-color: #fff !important;
}
#codePromo form {
  display: inline-block;
  width: 100%;
  color: #000;
  background-color: #fff;
  border: 1px solid #EDEDED;
  position: relative;
}
#codePromo form input:focus {
  color: #000;
}
#codePromo form input {
  border: 0px;
  background-color: transparent;
  line-height: 33px;
  height: 33px;
  padding-left: 15px;
  padding-right: 15px;
  font-style: italic;
  color: #000;
  font-size: 18px;
}
#codePromo form button {
  min-width: 44px;
  height: 31px;
  margin: 0px;
  padding: 0px;
  float: none;
  border: 0px;
  border-left: 1px solid #EDEDED;
  background-color: #fff;
  font-size: 13px;
  font-weight: normal;
  color: #000;
  position: absolute;
  right: 1px;
  top: 1px;
  border-radius: 0px;
  cursor: pointer;
  transition: 0.25s;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}
#codePromo form button:hover {
  background-color: #EDEDED;
}

/*----------------------------------------------------------------------------------
processus de commande
----------------------------------------------------------------------------------*/
.instruction {
  /*width:240px;*/
  color: #938281;
  margin-left: 15px;
}

.barreProcessusVente {
  margin-bottom: 17px;
  margin-top: 20px;
  float: right;
}

.enteteEtape {
  padding-left: 13px;
}
.enteteEtape img {
  border: 0px;
  padding-left: 0px;
  margin: 0px;
}

/***************************************************** la zone principale */
.recapitulatifPanier, .recapitulatifObservation {
  text-align: left;
  margin-bottom: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
}

.recapitulatifPanier section ~ section[role=footer] .zoneRecapitulatifTVA {
  border-top: 1px solid #EDEDED;
}

.zoneTexte th {
  border: 0px solid #8F1A5E;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #F77600;
  background-color: #B4315A;
  text-align: center;
  color: #ffffff;
}

.fondTitreEnTeteCommande {
  border: 0px solid #8F1A5E;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
}

.recapitulatifObservation th {
  background-color: #ffffff;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  color: #F77600;
  border: 1px solid #B4315A;
  border-bottom: 0px;
}

a.quantite {
  padding-right: 2px;
  padding-left: 1px;
  padding-bottom: 1px;
}

.commandeRow1 a, .commandeRow2 a, .hautTotalCommande a {
  text-decoration: none;
}

.champTexteCommande {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  width: 25px;
  margin-left: 2px;
}

/*----------------------------------------------------------------------------------
les lignes intervalles (panier et formulaire)
----------------------------------------------------------------------------------*/
.commandeRow1, .commandeRow2 {
  font-size: 14px;
  border: 1px solid #e5e5e5;
  border-left-width: 0px;
  border-right-width: 0px;
}
.commandeRow1 a, .commandeRow2 a {
  display: block;
  font-family: "open_sanslight";
  font-size: 22px;
  color: #000;
}
.commandeRow1 strong, .commandeRow2 strong {
  font-family: "open_sanslight_italic";
  font-size: 12 px;
  font-weight: normal;
}
.commandeRow1:first-child, .commandeRow2:first-child {
  border-left-width: 1px;
}
.commandeRow1:last-child, .commandeRow2:last-child {
  border-right-width: 1px;
}

.commandeRow2 {
  /*border-bottom:1px solid #999999;*/
  border-color: rgba(125, 125, 125, 0.3);
  padding-right: 3px;
  padding-left: 3px;
  border-bottom: 0px;
}

.commandeRow1 {
  border-bottom: 0px dashed #999999;
  background-color: transparent;
  padding-right: 3px;
  padding-left: 3px;
  /*background-image:url(img/row1.gif); */
  background-repeat: repeat-x;
}
.commandeRow1 p {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 20px;
  margin-bottom: 5px;
}

.commandeRow2 p {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 20px;
  margin-bottom: 5px;
}

/************************************* formulaire client*/
.recapitulatifPanier .commandeRow1 .champTexte, .recapitulatifPanier .commandeRow2 .champTexte {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/*** les commandes */
.fondTitreEnTeteCommande a {
  color: #000;
  text-decoration: none;
  /* 

   font-weight: normal;
   font-family: 'open_sanslight'; 

   font-size: 1rem;
   text-transform: none;
   &:hover {
     color:$dataImportante;


   }*/
}

/**********************************************	les lignes total */
.TotalCommande, .hautTotalCommande {
  text-transform: none;
}

.BasLigneCommande {
  /*line-height:0px; font-size:0px; height:0px;
  border-top:0px solid #a58c64;padding-top:3px;
  border-bottom:1px solid #000000;*/
}

.TotalCommandeValue, .TotalCommandeRight {
  padding-right: 15px;
}

.basTotalCommandeValue, .basTotalCommande {
  font-size: 18px;
  height: 34px;
  text-align: right;
}

.basTotalCommandeValue {
  text-align: left;
  background-color: #ffffff;
  color: #000;
}

.basTotalCommande {
  background-color: #ffffff;
  color: #000;
  border: solid 0px #A59391;
  border-right: 0px;
  padding-right: 10px;
}

a.boutonValidation {
  display: block;
  margin-top: 28px;
}

.hautTotalCommande a {
  color: #000;
  text-transform: none;
}

/******************************************************* recapitulatif */
.zoneCoordonnees {
  width: 100%;
}

.zoneAdresse {
  margin-bottom: 30px;
  margin-right: 0px;
  padding: 5px;
}

.zoneCoordonnees .zoneAdresse b {
  display: block;
  padding: 0px;
  margin: 0px;
  /*background-color:#AE397F;*/
  padding-bottom: 2px;
  padding-right: 3px;
  font-weight: normal;
  font-family: "open_sanssemibold";
}
.zoneCoordonnees .zoneAdresse a {
  color: #fecc00;
  text-decoration: underline;
  text-transform: initial;
  background: none;
  margin-top: 0;
  padding: 0;
  min-width: 70px;
  line-height: inherit;
}
.zoneCoordonnees .zoneAdresse a:hover {
  background: none;
  color: #fecc00;
  border: none;
}

/*----------------------------------------------------------------------------------
zone recapitulatif des frais de livraison
----------------------------------------------------------------------------------*/
.zoneRecapitulatif {
  padding-left: 20px;
}

.texteRecapitulatif {
  padding-left: 20px;
}

/*----------------------------------------------------------------------------------

----------------------------------------------------------------------------------*/
.recapitulatifPanier .commandeRow1 label, .recapitulatifPanier .commandeRow2 label {
  text-decoration: none;
}

.commandeRow1 .produitImg, .commandeRow2 .produitImg {
  border: solid 0px;
  border-color: #B4315A;
  margin: 2px;
}

/*---------------------------------------------------------------------
				formulaires
----------------------------------------------------------------------*/
img.noBorder {
  border: 0px;
}

#livraison .blocFormulaire {
  margin-bottom: 0px;
  margin-left: 20px;
}

.blocResultat {
  margin-left: 0px;
}
.blocResultat label {
  /*font-size:0.8em;*/
}
.blocResultat i {
  display: block;
}

.blocFormulaire a.lienAction, .blocResultat a.lienAction {
  display: block;
  float: right;
  clear: both;
}

.formulaireCompteClient {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

table.formulaire td {
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 15px;
  vertical-align: top;
}
table.formulaire td.commandeRow1 a, table.formulaire td.commandeRow2 a {
  font-size: 16px;
}
table.formulaire td.commandeRow1 p ~ *, table.formulaire td.commandeRow2 p ~ * {
  margin-left: 40px;
}
table.formulaire td.commandeRow1 input[type=radio], table.formulaire td.commandeRow2 input[type=radio] {
  margin-left: -20px;
}
table.formulaireCompteClient td {
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 15px;
  vertical-align: top;
}

.zoneCentrale table.formulaire td label {
  white-space: normal;
  padding-right: 15px;
}

table.formulaire a.lien {
  font-weight: normal;
}

.pageTexte p {
  float: none;
  clear: both;
}

.commentaire {
  padding: 0px;
  margin: 0px;
}

/*---------------------------------------------------------------------
				bouton de validation
----------------------------------------------------------------------*/
.bigSubmitBouton {
  float: right;
  clear: both;
}

.bigSubmitBoutonImage {
  float: right;
  clear: both;
  display: block;
}

/*utilisation dans le recapitulatif du panier
type "image" a specifier dans la page
*/
.submitDate {
  height: 19px;
}

/*---------------------------------------------------------------------
				nouveau processus d'inscription
----------------------------------------------------------------------*/
/*table.identification {
  padding: 0px;
  margin: 0px;
  td.cadreInscription {
    width: 49%;
  }
}*/
.cadreInscription {
  border: 1px solid #000000;
  padding: 10px;
  vertical-align: top;
  background-color: #FFFFFF;
  margin: 0 12px 12px 12px;
}
.cadreInscription p {
  font-size: 12px;
  width: 100%;
}
.cadreInscription h2 {
  color: #000000;
  font-weight: bolder;
  font-weight: normal;
  clear: both;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
  padding-bottom: 7px;
  text-transform: none;
}

.cadreInscription form, form#adresses_cli {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cadreInscription form a, form#adresses_cli a {
  width: 100%;
  display: block;
}
.cadreInscription form input.radioBox, .cadreInscription form div.dataRow span, form#adresses_cli input.radioBox, form#adresses_cli div.dataRow span {
  width: auto !important;
}
.cadreInscription form .submitBouton, form#adresses_cli .submitBouton {
  margin-left: auto;
}
.cadreInscription form .blocFormulaire, form#adresses_cli .blocFormulaire {
  width: 100%;
}
.cadreInscription form .blocFormulaire .errorBox, form#adresses_cli .blocFormulaire .errorBox {
  display: inline-block;
  vertical-align: top;
  line-height: 1em;
}
.cadreInscription form .blocFormulaire .errorBox > *, form#adresses_cli .blocFormulaire .errorBox > * {
  display: block;
}
.cadreInscription form .blocFormulaire .errorBox input, .cadreInscription form .blocFormulaire .errorBox select, form#adresses_cli .blocFormulaire .errorBox input, form#adresses_cli .blocFormulaire .errorBox select {
  background: rgba(255, 0, 0, 0.08);
}
.cadreInscription form .blocFormulaire fieldset.col-sm-10 .errorBox, form#adresses_cli .blocFormulaire fieldset.col-sm-10 .errorBox {
  width: 60%;
}
.cadreInscription form .blocFormulaire fieldset.col-sm-10 .errorBox > *, form#adresses_cli .blocFormulaire fieldset.col-sm-10 .errorBox > * {
  width: 100% !important;
}
.cadreInscription form .blocFormulaire fieldset span, form#adresses_cli .blocFormulaire fieldset span {
  width: 240px;
}
@media (min-width: 769px) {
  .cadreInscription form .blocFormulaire fieldset:first-child fieldset.col-sm-12, form#adresses_cli .blocFormulaire fieldset:first-child fieldset.col-sm-12 {
    padding-top: 44px;
  }
  .cadreInscription form .blocFormulaire fieldset.col-sm-10 label select, .cadreInscription form .blocFormulaire fieldset.col-sm-10 label input, form#adresses_cli .blocFormulaire fieldset.col-sm-10 label select, form#adresses_cli .blocFormulaire fieldset.col-sm-10 label input {
    width: 60%;
  }
  .cadreInscription form .blocFormulaire fieldset span, form#adresses_cli .blocFormulaire fieldset span {
    display: inline-block;
  }
  .cadreInscription form .blocFormulaire fieldset.col-xs-24 label > span, form#adresses_cli .blocFormulaire fieldset.col-xs-24 label > span {
    width: 100px;
  }
}
.cadreInscription form .blocFormulaire .formulaire label span, form#adresses_cli .blocFormulaire .formulaire label span {
  display: inline-block;
}

div.formulaire {
  display: inline;
}

p.messageResultatErreur, p.message {
  color: #db2121;
}

.messageResultatOk {
  color: #db2121;
}

.cadreInscription table.formulaireCompteClient {
  width: auto;
  margin-right: 0px;
  padding: 0px;
}
.cadreInscription table.formulaireCompteClient td {
  font-size: 12px;
  vertical-align: top;
}
.cadreInscription .submitBouton {
  margin-right: 0px;
  float: none;
}

#mon_adresse {
  padding-left: 80px;
}

/*---------------------------------------------------------------------
				recapitulatif du processus d'achat
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
				processus achat
----------------------------------------------------------------------*/
form.recapitulatifPanier {
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 30px;
}

.recapitulatifPanier div {
  margin: 0px;
}
.recapitulatifPanier div.recapitulatifPanier {
  border: 0px solid black;
}
.recapitulatifPanier table {
  width: 100%;
}
.recapitulatifPanier table a.itemProduit {
  width: 240px;
}
.recapitulatifPanier tr {
  padding: 1px;
}
.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
  padding-top: 5px;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 1px;
}

.formulaire td.commandeRow2, .formulaire td.commandeRow1 {
  border: 0px;
}

.commandeRow1 .produitImg, .commandeRow2 .produitImg {
  border: 0px solid black;
}

.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue {
  margin: 0px;
  padding-left: 3px;
  vertical-align: top;
}
.recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue {
  margin: 0px;
  padding-left: 3px;
  vertical-align: top;
}

.commande tfoot td.basTotalCommande {
  margin: 0px;
  padding-left: 3px;
  vertical-align: top;
}

.recapitulatifPanier tfoot td.basTotalCommande {
  border-right: 0px;
  padding-top: 10px;
}
.recapitulatifPanier td.basTotalCommande {
  border-right: 0px;
  padding-top: 10px;
}
.recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier td.basTotalCommandeValue {
  border-left: 0px;
  text-align: right;
}
.recapitulatifPanier tbody td.basTotalCommande {
  /* total frais de livraison*/
  text-transform: uppercase;
  text-align: right;
  vertical-align: middle;
  padding-left: 3px;
  padding-bottom: 0px;
  padding-top: 5px;
  color: black;
  padding-bottom: 25px;
}

/*                champ observations et informations                              */
.recapitulatifObservation h2 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.recapitulatifObservation p {
  padding: 0px;
  margin: 0px;
  padding-left: 44px;
  font-size: 10px;
}

.remarque {
  margin-right: 25px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  max-width: 100% !important;
}

.participation {
  margin-left: 28px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  width: 620px;
}

p.libelleTextArea {
  font-size: 12px;
  padding-bottom: 0px;
  margin: 0px;
}

/*---------------------------------------------------------------------
				les commandes
----------------------------------------------------------------------*/
table.commande {
  width: 100%;
}

div.commande {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 25px;
}

.commande th {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  /*background-image:url(images/fd_th.gif);
  background-repeat:repeat-x;		*/
  border-bottom: 1px dashed #808080;
  border-left: 1px dashed #808080;
  border-right: 1px dashed #808080;
  border-top: 1px solid #808080;
  padding-left: 3px;
  padding-bottom: 13px;
  padding-top: 13px;
  background-color: #FFFFFF;
}
.commande td {
  font-size: 12px;
  padding: 0px;
  padding-top: 7px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 3px;
  border-bottom: 1px dashed #808080;
}
.commande td.commandeRow2 input, .commande td.commandeRow1 input {
  padding-bottom: 3px;
}
.commande tfoot td.basTotalCommande {
  text-align: right;
}

form {
  position: relative;
  /*bug ie6 2008-03-16*/
}
form#panier, form#panier1, form.validationPanier {
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: left;
}
form[name=recap] h2 {
  margin-bottom: 0px;
}
form[name=recap] td h3 {
  font-size: 22px;
  margin-top: 30px;
  border-bottom: 1px solid #000;
}
form[name=recap] .basTotalCommandeValue {
  text-align: right;
}
form[name=recap] .basTotalCommandeValue b {
  font-family: "open_sanssemibold";
  font-weight: normal;
}

#paiementPaypal {
  margin-top: 10px;
  margin-right: 10px;
  position: relative;
  color: #666666;
  font-size: 11px;
  padding: 5px;
}
#paiementPaypal a {
  text-align: right;
  display: block;
  width: 145px;
  float: right;
  height: 30px;
  overflow: hidden;
}
#paiementPaypal p {
  margin-right: 155px;
}

button.submitBouton {
  float: right;
}

#paiement button + span {
  font-size: 0.8em;
  display: block;
  text-align: right;
  padding-top: 5px;
  clear: both;
}

#codePromo form input {
  width: 100%;
}

.devisInCaddie {
  position: relative;
  clear: both;
  margin: 30px 0 15px;
  padding: 25px 0;
  border: none;
  z-index: 1;
}
.devisInCaddie:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100vw;
  margin-left: -50vw;
  border-top: solid 1px #EDEDED;
  border-bottom: solid 1px #EDEDED;
  z-index: -1;
}
.devisInCaddie h2 {
  margin: 0 0 12px;
}
.devisInCaddie form {
  border: none;
}
.devisInCaddie form button {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  background-color: #fecc00;
  text-decoration: none;
  border-radius: 2px;
  margin-top: 10px;
  min-width: 180px;
  border: 1px solid #ffffff;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
}
.devisInCaddie form button:hover {
  transition: 0.6s;
  color: #ffffff;
  border-color: #7d7d7d;
  background-color: #7d7d7d;
  -webkit-appearance: none;
}
.devisInCaddie form label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.devisInCaddie form input {
  min-width: 250px;
  padding: 0 10px;
  border: solid 1px #EDEDED;
  line-height: 34px;
}
.devisInCaddie form button {
  margin: 0;
  padding: 0;
  line-height: 34px;
  text-transform: uppercase;
}

.processusCommande > div:nth-child(1n+2) {
  margin-bottom: 20px;
}
.processusCommande > div:nth-child(3) form#panier {
  padding-top: 0;
}
.processusCommande > div:nth-child(3) form#panier h2 {
  margin-top: 0;
}
.processusCommande > div:nth-child(4) h3 {
  margin: 0;
}
.processusCommande h1 + #panier button {
  margin-bottom: 20px;
}

form.recapitulatifPanier section.subTotal article {
  border-left: 1px solid #EDEDED;
  border-right: 1px solid #EDEDED;
}

.total.typeTable {
  border: 1px solid #EDEDED;
  border-top: none;
}

#aideCaddie {
  clear: both;
}

#other_paiement div[role=description] {
  border-right: 1px solid #EDEDED;
}
#other_paiement section.typeTable:nth-child(3) {
  margin-bottom: 70px;
}
#other_paiement h3 {
  font-weight: bold;
  font-size: 1.1em;
}

@media (min-width: 768px) {
  .recapitulatifPanier .typeTable [role=total] {
    width: 25%;
  }
}
/* --------------------------------
---------- details devis ----------
-------------------------------- */
.zoneCoordonnees {
  margin-bottom: 25px;
}
.zoneCoordonnees .editInPlace {
  display: inline;
}

#recapitulatifPanier .commandeRow1,
#recapitulatifPanier .commandeRow2 {
  border: none;
}
#recapitulatifPanier .commandeRow1 a,
#recapitulatifPanier .commandeRow2 a {
  font-size: inherit;
}
#recapitulatifPanier h3,
#recapitulatifPanier p {
  margin: 0;
}
#recapitulatifPanier > table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
#recapitulatifPanier > table:first-of-type thead th {
  border: solid 1px #EDEDED;
  padding: 12px 10px;
  font-weight: 400;
  font-size: 15px;
}
#recapitulatifPanier > table:first-of-type tbody tr {
  border: solid 1px #EDEDED;
}
#recapitulatifPanier > table:first-of-type tbody tr td {
  padding: 8px 10px;
  font-size: 14px;
  color: #666;
}
#recapitulatifPanier > table:first-of-type tbody tr td a {
  color: #fecc00;
}
#recapitulatifPanier > table:first-of-type tbody tr td .prix {
  white-space: nowrap;
}
#recapitulatifPanier > table:first-of-type tbody tr td .remise {
  margin: 0;
}
#recapitulatifPanier > table:first-of-type tbody tr td.finLigne {
  color: black;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #recapitulatifPanier > table:first-of-type {
    display: flex;
    flex-direction: column;
  }
  #recapitulatifPanier > table:first-of-type thead {
    display: flex;
  }
  #recapitulatifPanier > table:first-of-type thead tr {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  #recapitulatifPanier > table:first-of-type thead tr th {
    display: none;
  }
  #recapitulatifPanier > table:first-of-type thead tr th:nth-of-type(2), #recapitulatifPanier > table:first-of-type thead tr th:last-of-type {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    display: block;
  }
  #recapitulatifPanier > table:first-of-type tbody {
    display: flex;
    flex-direction: column;
  }
  #recapitulatifPanier > table:first-of-type tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 5px;
    border-top: none;
  }
  #recapitulatifPanier > table:first-of-type tbody tr td {
    padding: 0 5px;
  }
  #recapitulatifPanier > table:first-of-type tbody tr td:nth-of-type(1), #recapitulatifPanier > table:first-of-type tbody tr td:nth-of-type(2) {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
  }
  #recapitulatifPanier > table:first-of-type tbody tr td.finLigne {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
  }
  #recapitulatifPanier > table:first-of-type tbody tr td [id^=qte]:before {
    content: "x";
  }
}
#recapitulatifPanier > table:last-of-type > tfoot > tr {
  display: flex;
  flex-direction: column;
  width: 480px;
  float: right;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td.zoneRecapitulatifTVA {
  padding: 14px 20px;
  border: solid 1px #EDEDED;
  border-top: none;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td.zoneRecapitulatifTVA table {
  width: 100%;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td.zoneRecapitulatifTVA table td:last-of-type {
  text-align: right;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table {
  width: 100%;
  margin: 0;
  padding: 10px 12px;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table td {
  padding: 4px 8px;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:first-of-type {
  border: solid 1px #EDEDED;
  border-top: none;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type {
  background: #EDEDED;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr {
  display: flex;
  align-items: center;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .TotalCommande {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  align-items: center;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .TotalCommande h3 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .TotalCommande .unite {
  order: 1;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .TotalCommandeValue span {
  margin-right: 4px;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .basTotalCommande,
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .basTotalCommandeValue {
  background: none;
  font-size: 22px;
  text-transform: uppercase;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .basTotalCommande {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  text-align: left;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .basTotalCommandeValue {
  width: auto;
  text-align: right;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type > table:last-of-type tr .basTotalCommandeValue b {
  font-size: inherit;
}
#recapitulatifPanier > table:last-of-type > tfoot > tr > td:last-of-type .recapitulatifPaiement {
  display: none;
}
@media (max-width: 767px) {
  #recapitulatifPanier > table:last-of-type > tfoot > tr {
    width: 100%;
    margin-top: 25px;
    border-top: solid 1px #EDEDED;
  }
}

/***************************************
Mecanisme de pagination herite d'ornea

*******************************************/
@font-face {
  font-family: "ornea";
  src: url("../../../admin/fonts/ornea.eot?lpy4z1");
  src: url("../../../admin/fonts/ornea.eot?lpy4z1#iefix") format("embedded-opentype"), url("../../../admin/fonts/ornea.ttf?lpy4z1") format("truetype"), url("../../../admin/fonts/ornea.woff?lpy4z1") format("woff"), url("../../../admin/fonts/ornea.svg?lpy4z1#ornea") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pagination .icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ornea" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-up:before, .icon-chevron:before {
  content: "\f077";
}

.icon.icon-reverse {
  transform: rotate(180deg);
}

.icon-chevron {
  transform: rotate(90deg);
}
.icon-chevron.icon-reverse {
  transform: rotate(-90deg);
}

.icon-doubleChevron:before {
  content: "\e921";
}

.pagination a {
  font-size: 0.6rem;
  border: 0px;
}
.pagination a span {
  display: inline-block;
}

/*
declaration des chips
*/
.chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}

.chip {
  --chip-font-size: 1rem;
  --chip-font-weight: 500;
  --chip-line-height: 1.25;
  --chip-padding-x: 1rem;
  --chip-padding-y: .375rem;
  --chip-active-color: #ffffff;
  position: relative;
  border-radius: 50rem;
}

.chip-input {
  display: none;
}
.chip-input:checked ~ .chip-label {
  color: var(--chip-active-color);
}
.chip-input:checked ~ .chip-label::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.chip-label {
  display: block;
  width: fit-content;
  min-width: 3.5rem;
  padding: var(--chip-padding-y) var(--chip-padding-x);
  font-size: var(--chip-font-size);
  font-weight: var(--chip-font-weight);
  line-height: var(--chip-line-height);
  text-align: center;
  cursor: pointer;
  border-radius: 50rem;
}

.chip-label-color {
  min-width: 0;
  padding: 0.25rem;
}

.chip-color {
  display: block;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
}

/*# sourceMappingURL=processusAchat.css.map */