@font-face {
  font-family: Philomene;
  src: url('../fonts/chauphilomeneone-italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Philomene;
  src: url('../fonts/chauphilomeneone-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Philomene, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 44px;
}

h2 {
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Philomene, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 31px;
}

h3 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Philomene, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

h4 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #000;
  margin-bottom: 10px;
}

a {
  color: #000;
  text-decoration: none;
}

blockquote {
  color: #fff;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/bg-black.webp');
  background-position: 0 0;
  background-size: cover;
  border: 1px #000;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 40px;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.body {
  color: #000;
  max-width: 100vw;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
}

.header-bar {
  z-index: 6;
  background-color: #fff0;
  border-radius: 0;
  justify-content: center;
  width: 100%;
  height: 8vh;
  margin-left: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: fixed;
  inset: 20px 0% auto;
}

.menu-div {
  grid-column-gap: 0px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 40%;
  height: 100%;
  padding-left: 0%;
  padding-right: 3%;
  text-decoration: none;
  display: flex;
}

.menu-div.right {
  justify-content: space-between;
  padding-left: 3%;
  padding-right: 0%;
}

.logo-div {
  z-index: 0;
  background-color: #fff0;
  border-radius: 0 0 1000px 1000px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 13vh;
  display: flex;
  position: relative;
  top: 0;
}

.logo-div.w--current {
  z-index: 3;
  padding-top: 0;
}

.bouton {
  color: #000;
  text-transform: none;
  background-color: #fff;
  border: 1px solid #0000002e;
  border-radius: 12px;
  padding: 13px 24px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 6px 8px 12px #0000001a;
}

.bouton:hover {
  text-decoration: underline;
}

.bouton.btn {
  color: #fff;
  background-color: #e42a21;
  border: 2px #fff;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  font-weight: 400;
  transition: color .2s, background-color .2s;
  display: flex;
}

.bouton.btn:hover {
  color: #fff;
  background-color: #000;
  border: 2px #e42a21;
  text-decoration: none;
}

.bouton.secondary {
  color: #fff;
  background-color: #e42a21;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bouton.tierce {
  color: #fff;
  background-color: #000;
}

.image {
  width: 66%;
  max-width: 65%;
  height: 7vh;
  max-height: 7vh;
}

.section {
  background-image: url('../images/bg-1.webp');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: 100%;
  background-attachment: scroll;
  justify-content: center;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
}

.section.black {
  color: #fff;
  background-image: url('../images/bg-2.webp');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 100%;
  background-attachment: scroll;
  flex-flow: row;
  align-content: center;
}

.section.black.footer {
  z-index: 2;
  text-transform: none;
  background-image: url('../images/bg-2.webp');
  background-position: 50% 20%;
  background-repeat: repeat;
  background-size: 100%;
  background-attachment: scroll;
  border: 1px #000;
  height: auto;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 20px;
  position: relative;
}

.section.black.no-height {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  height: auto;
  min-height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.black.passwrd {
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0%;
}

.section.black.product {
  flex-flow: row;
  align-items: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.section.white {
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  padding: 160px 0% 150px;
}

.section.white.client {
  align-items: stretch;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section.blog {
  height: auto;
  padding: 150px 0;
}

.section.legal {
  background-attachment: fixed;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.rouge {
  background-image: linear-gradient(#97131340, #97131340), url('../images/bg-red.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: auto;
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.checkout {
  height: auto;
  min-height: auto;
  padding-left: 10%;
  padding-right: 10%;
}

.section.top {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-top: 150px;
}

.section.product {
  height: auto;
  min-height: auto;
}

.section._100vh {
  height: 100svh;
  max-height: 1000px;
}

.separator {
  opacity: .5;
  color: #000;
  background-color: #000;
  width: 2px;
  height: 18%;
}

.img {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  transition: transform .2s;
  display: flex;
  position: static;
}

.img.right {
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 50%;
  height: 580px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0%;
  padding-left: 40px;
  padding-right: 20px;
}

.paragraph {
  color: #000;
  text-align: left;
  margin-bottom: 40px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph.white {
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
  padding-right: 15%;
  font-family: Verdana, Geneva, sans-serif;
}

.paragraph.chiffre {
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 19px;
}

.div-block-4 {
  grid-column-gap: 20px;
  display: flex;
}

.button {
  text-transform: uppercase;
  background-color: #e42a21;
  border: 2px solid #e42a21;
  border-radius: 1000px;
  font-family: Philomene, sans-serif;
  font-size: 1.3vw;
  font-weight: 700;
  transition: background-color .2s, border-radius .2s;
}

.button:hover {
  background-color: #000;
  border-color: #000;
}

.button.refrsh {
  margin-bottom: 20px;
}

.menu-div-2 {
  z-index: 5;
  background-color: #fff;
  border-bottom-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
  width: 12vw;
  height: 21vh;
  margin-top: -8vh;
  position: relative;
  top: 0;
  box-shadow: 0 6px 20px 7px #0000000d;
}

.social-div {
  background-color: #fff0;
  align-items: center;
  width: 100%;
  height: 8vh;
  display: flex;
}

.social-grid {
  grid-column-gap: .5vw;
  grid-row-gap: 3vw;
  grid-template-rows: 2vw;
  grid-template-columns: 2vw 2vw 2vw 2vw;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1.25vw;
}

.social {
  background-color: #e42a21;
  background-image: url('../images/fffb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
}

.social:hover {
  background-color: #000;
}

.social._2 {
  background-image: url('../images/insta.svg');
}

.social._3 {
  background-image: url('../images/tiktok.svg');
}

.social._4 {
  background-image: url('../images/fichier-1yt.svg');
}

.spin-image {
  z-index: 1;
  object-fit: contain;
  transform-style: preserve-3d;
  align-self: center;
  width: 500px;
  margin-left: -2%;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.header-div {
  z-index: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffffe6;
  border-radius: 30px;
  justify-content: space-between;
  width: 95%;
  max-width: 1200px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.best-product {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 30px 40px;
  text-decoration: none;
  transition: color .5s, background-color .5s;
  display: flex;
}

.best-product:hover {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(#000000d9, #000000d9), url('../images/d9dd657cfef3fb5188596ace989a7dd7_w200.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.img-produit {
  width: auto;
  height: 130px;
  margin-top: -13%;
  position: relative;
}

.section-red {
  justify-content: flex-end;
  width: 100%;
  height: 100vh;
  max-height: 1000px;
  display: flex;
}

.menu {
  display: flex;
}

.right-chiffre {
  background-image: linear-gradient(#97131340, #97131340), url('../images/bg-red.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
}

.left-im {
  background-image: url('../images/louailles-vu-aerienne-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
}

.text-button {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.div-block-13 {
  z-index: 1;
  justify-content: center;
  width: 100%;
  height: 0;
  display: flex;
  position: fixed;
}

.div-block-15 {
  width: 50%;
  height: 100vh;
  padding: 0;
  position: sticky;
  top: 0;
}

.div-block-15-copy {
  border-left: 2px #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding: 0 0% 600px;
  display: flex;
}

.contact-lines {
  background-color: #e42a21;
  border-radius: 100px;
  width: 100px;
  height: 3px;
  margin-bottom: 20px;
}

.div-block-17 {
  background-color: #ffffff08;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.default-state {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.add-to-cart {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-18 {
  display: flex;
}

.quantity {
  color: #fff;
  background-color: #fafafa00;
  border-width: 2px;
  border-radius: 100px;
  margin-bottom: 0;
  margin-right: 10px;
}

.quantity:focus {
  color: #fff;
  border-color: #e42a21;
}

.addtocart {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.price {
  color: #fff;
  font-family: Philomene, sans-serif;
  font-size: 40px;
  line-height: 40px;
  display: block;
}

.option {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.btn-2 {
  color: #fff;
  text-transform: uppercase;
  background-color: #0000;
  border-width: 1px;
  border-color: #fff;
  border-radius: 20px;
  margin-right: 0;
  font-family: Philomene, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  transition: color .2s, background-color .2s;
}

.btn-2.w--ecommerce-pill-selected {
  color: #000;
  background-color: #fff;
}

.variant-selector {
  grid-column-gap: 10px;
  margin-bottom: 40px;
  display: flex;
}

.div-block-18-copy {
  display: none;
}

.variant-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 0;
  margin-bottom: 20px;
  display: none;
}

.linked {
  color: #ef0aff;
  font-size: 8px;
  display: none;
}

.dl-button {
  text-align: center;
  text-transform: uppercase;
  background-color: #e42a21;
  background-image: url('../images/fichier-1.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 1000px;
  align-items: center;
  margin-bottom: 0;
  padding-right: 40px;
  font-family: Philomene, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  transition: color .2s, background-color .2s;
  display: flex;
}

.dl-button:hover {
  background-color: #000;
}

.seller {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  background-image: url('../images/fichier-3.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 1000px;
  align-items: center;
  padding-right: 35px;
  font-family: Philomene, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  transition: color .2s, background-color .2s;
  display: flex;
}

.seller:hover {
  color: #fff;
  background-color: #000;
  background-image: url('../images/fichier-2.svg');
}

.tabs {
  color: #fff;
  margin-bottom: 40px;
}

.tabtext {
  font-size: 12px;
}

.tab {
  color: #fff;
  text-transform: uppercase;
  background-color: #ddd0;
  font-family: Philomene, sans-serif;
  line-height: 17px;
}

.tab.w--current {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  font-family: Philomene, sans-serif;
}

.tab.recette {
  background-image: url('../images/fichier-2-2.svg');
  background-position: 8%;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  border-radius: 20px;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 80px;
  transition: color .4s, background-color .4s;
  display: flex;
}

.tab.recette:hover {
  color: #fff;
  background-color: #ffffff1a;
}

.tab.recette.w--current {
  background-image: url('../images/fichier-2-2.svg');
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 80px;
}

.tab.recette.w--current:hover {
  color: #000;
  background-color: #fff;
}

.tab.recette.poisson {
  background-image: url('../images/fichier-10.svg');
}

.tab.recette.entr-e {
  background-image: url('../images/fichier-11.svg');
}

.tab.recette.dessert {
  background-image: url('../images/fichier-12.svg');
}

.tab.recette.viande {
  background-image: url('../images/fichier-14.svg');
}

.tabs-menu {
  margin-bottom: 40px;
  display: flex;
}

.image-5 {
  width: auto;
  max-width: 400px;
  height: auto;
  max-height: 500px;
}

.button-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 20px;
  display: flex;
}

.collection-list-wrapper {
  justify-content: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.collection-item {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.heading-5 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Philomene, sans-serif;
  font-size: 25px;
  line-height: 1.2;
}

.cart {
  z-index: 2;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: fixed;
  inset: 15vh 0% auto auto;
}

.right-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0;
  font-size: 10px;
  display: flex;
  position: relative;
}

.icon {
  color: #000;
}

.cart-quantity {
  color: #0000;
  background-color: #e42a21;
  justify-content: center;
  align-items: center;
  min-width: 8px;
  height: 8px;
  padding-left: 0;
  padding-right: 0;
  font-family: Philomene, sans-serif;
  font-size: 6px;
  display: flex;
  position: absolute;
  top: -3px;
  right: -4px;
}

.panier {
  width: auto;
  height: 100%;
}

.cart-container {
  background-color: #0000;
  width: 450px;
}

.checkout-button {
  text-transform: uppercase;
  background-color: #e42a21;
  border-radius: 10px;
  font-family: Philomene, sans-serif;
}

.apple-pay {
  border-radius: 20px;
}

.heading-6, .text-block {
  color: #000;
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
}

.text-block-2 {
  opacity: 1;
  color: #000;
}

.remove-button {
  opacity: .5;
  color: #000;
}

.text-block-3 {
  font-family: Philomene, sans-serif;
}

.text-block-4 {
  font-family: Philomene, sans-serif;
  font-size: 16px;
}

.cart-quantity-2 {
  font-family: Philomene, sans-serif;
}

.cart-wrapper {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  margin-top: 30px;
  margin-right: -20px;
  line-height: 20px;
  overflow: hidden;
}

.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  opacity: 1;
  color: #fff;
  text-decoration: underline;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  text-transform: none;
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/.');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  opacity: .1;
  background-color: #fff;
  border-radius: 1000px;
  width: 100%;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  color: #fff;
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  filter: invert();
  background-color: #000;
  background-image: url('../images/fichier-1yt.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border: 1px #000;
  border-radius: 1000px;
  width: 30px;
  height: 30px;
  margin-left: 12px;
}

.footer-social-link:hover {
  filter: none;
  background-color: #e42a21;
}

.footer-social-link._2 {
  background-image: url('../images/fffb.svg');
}

.footer-social-link._3 {
  background-image: url('../images/insta.svg');
}

.footer-social-link._4 {
  background-image: url('../images/tiktok.svg');
  background-size: 50% 50%;
}

.image-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 120px;
  height: 120px;
  padding: 20px;
}

.div-block-19 {
  opacity: .34;
  color: #fff;
  transform-style: preserve-3d;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 20px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.div-block-19:hover {
  opacity: 1;
  transform: scale3d(1none, 1none, 1none);
}

.image-9 {
  filter: contrast(200%);
  width: auto;
  max-width: 100px;
  height: 15px;
  max-height: 15px;
  margin-left: 5px;
  padding-bottom: 1px;
}

.text-block-5 {
  align-items: flex-end;
  font-size: 10px;
  line-height: 14px;
  display: flex;
}

.checkboxform {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  width: 100%;
  display: grid;
}

.form-block {
  width: 100%;
  margin-top: 20px;
}

.text-field {
  opacity: 1;
  color: #fff;
  background-image: linear-gradient(#ffffff08, #ffffff08), url('../images/bg-black.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px #000;
  border-radius: 10px;
  height: 45px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.paragraph-4 {
  color: #000;
  text-align: center;
  background-color: #fff;
  background-image: linear-gradient(#ffffff4d, #ffffff4d), url('../images/bg-white.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  width: 100%;
  padding: 30px;
  font-size: 18px;
  line-height: 1.3;
}

.simu-button {
  color: #fff;
  background-color: #fff0;
  background-image: url('../images/picturewhite.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto 40%;
  border: 2px dotted #ffffff4d;
  border-radius: 10px;
  justify-content: space-between;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.simu-button:hover {
  color: #000;
  background-color: #e42a21;
  background-image: url('../images/picturewhite.svg');
  background-size: auto 40%;
  padding-right: 0;
}

.simu-button._2 {
  color: #000;
  background-color: #000;
  border-style: solid;
  border-color: #0000004d;
}

.text-field-3 {
  width: 100%;
  display: none;
}

.paragraph-5 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0%;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.7;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.div-checkbox {
  background-color: #0000001a;
  border: 1.2px #3e34c81a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  min-width: auto;
  height: 190px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 35px 22px 20px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.div-checkbox:hover {
  background-color: #fff;
}

.ckeckbox {
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  background-color: #fff;
  border: 2px #0000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.ckeckbox:hover {
  background-image: linear-gradient(#00000080, #00000080);
}

.ckeckbox:active {
  border: 1px solid #000;
}

.ckeckbox.w--redirected-checked {
  opacity: 1;
  color: #e42a21;
  background-color: #6bbaff00;
  background-image: none;
  border: 4px solid #e42a21;
  border-radius: 8px;
  box-shadow: 0 0 19px 16px #0003;
}

.checkbox-image {
  width: auto;
  height: 100px;
  padding-bottom: 10px;
}

.checkbox-title {
  color: #000;
  text-transform: uppercase;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Philomene, sans-serif;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-10 {
  width: 15px;
}

.div-block-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.ckeck {
  background-color: #ffffff0d;
  background-image: url('../images/bg-white.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  padding: 15px 10px 10px;
}

.paragraph-5-copy {
  opacity: .5;
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 0;
  padding: 0%;
  font-size: 14px;
  text-decoration: none;
}

.menu-mobile {
  display: none;
}

.collection-list-wrapper-2 {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.collection-list-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.blog-image {
  object-fit: cover;
  background-color: #000;
  width: 50%;
}

.blog-div-content {
  flex-direction: column;
  justify-content: space-around;
  width: 50%;
  padding: 5%;
  display: flex;
}

.heading-9 {
  color: #000;
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
}

.div-block-27 {
  width: 100%;
  margin-left: 20px;
  padding: 0% 20px 5%;
}

.heading-10 {
  color: #000;
  margin-bottom: 0;
  font-family: Philomene, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 43px;
}

.rich-text-block {
  color: #000;
}

.div-block-28 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 5px #fff;
  border-radius: 20px;
  width: 100%;
  height: 78vh;
  margin-left: 20px;
  padding-left: 20px;
  position: sticky;
  top: 15vh;
  box-shadow: 0 2px 40px 18px #00000026;
}

.div-block-27-copy {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin-left: 20px;
  padding: 0% 2.5% 5% 0%;
  display: flex;
}

.div-block-28-copy {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 5px #fff;
  border-radius: 20px;
  align-items: flex-end;
  width: 47.5%;
  height: 78vh;
  margin-left: 2.5%;
  margin-right: 20px;
  padding-left: 0%;
  display: flex;
  position: sticky;
  top: 15vh;
  box-shadow: 0 2px 40px 18px #00000026;
}

.rich-text-block-copy {
  color: #000;
  margin-top: 20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
}

.collection-list-wrapper-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  overflow: visible;
}

.collection-item-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: transform .4s;
  display: flex;
}

.collection-item-2:hover {
  transform: rotate(2deg);
}

.image-13 {
  object-fit: cover;
  background-color: #fff;
  border: 7px #fff;
  border-radius: 10px;
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
  box-shadow: 0 8px 30px #0003;
}

.link-block-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-7-copy-copy {
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
}

.text-block-7 {
  text-align: center;
}

.erreur {
  opacity: 0;
  background-color: #e42a21;
  border-radius: 20px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.heading-12 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Philomene, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.grid-avantages {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-content: center;
  justify-items: center;
  width: 100%;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.avantages {
  text-align: center;
  padding-bottom: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 14px;
}

.heading-13 {
  text-align: center;
  text-transform: uppercase;
  width: auto;
  margin-top: 20px;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.card-blog {
  transition: transform .5s;
  display: flex;
}

.card-blog:hover {
  transform: rotate(1deg);
}

.download-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-10 {
  opacity: .5;
  color: #fff;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-style: italic;
  line-height: 14px;
}

.img-icon {
  cursor: pointer;
  width: 100px;
  height: 80px;
}

.img-icon.small {
  width: 60px;
  height: 60px;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.clients-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.clients-card {
  color: #000;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding: 0 40px 24px 24px;
  font-family: Philomene, sans-serif;
  display: flex;
}

.clients-quote {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.clients-info {
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 24px;
  padding: 10px 12px 10px 10px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.clients-info-image {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 30px;
  margin-right: 0;
}

.distibuteurs {
  grid-column-gap: 60px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  padding: 20px 40px;
  display: grid;
}

.clients-image-two {
  width: 134px;
  height: 50px;
}

.client-link {
  transition: transform .3s;
}

.client-link:hover {
  transform: scale(1.1);
}

.text-block-8 {
  color: #000;
  text-transform: none;
  margin-bottom: 0;
  font-family: Philomene, sans-serif;
}

.grid-qualite {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: auto;
  margin-bottom: 40px;
  margin-left: 0;
  padding-top: 20px;
}

.div-qualite {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-14 {
  color: #000;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
}

.paragraph-avantage {
  color: #fff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
}

.form {
  width: auto;
}

.form-block-2 {
  background-color: #fff;
  border-radius: 20px;
  width: auto;
  margin-bottom: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding: 40px;
}

.input {
  opacity: 1;
  color: #fff;
  background-image: linear-gradient(#0000003d, #0000003d), url('../images/bg-black.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px #000;
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}

.field-label-2, .field-label-3 {
  color: #000;
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-weight: 400;
}

.div-block-31 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.message {
  opacity: 1;
  color: #fff;
  background-image: linear-gradient(#0000003d, #0000003d), url('../images/bg-black.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px #000;
  border-radius: 10px;
  min-height: 118px;
  max-height: 180px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}

.text-block-9 {
  color: #000;
  text-transform: uppercase;
  align-items: center;
  width: 50%;
  margin-right: 0;
  font-family: Philomene, sans-serif;
  font-size: 13px;
  line-height: 17px;
  display: flex;
}

.div-block-32 {
  align-items: center;
  display: flex;
}

.product-field {
  text-transform: none;
  border-radius: 20px;
  margin-bottom: 0;
  font-family: Philomene, sans-serif;
  font-weight: 700;
  display: block;
}

.div-block-33 {
  width: auto;
  height: auto;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: .55fr 1fr;
  align-content: start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.link-social {
  grid-column-gap: 20px;
  align-items: center;
  margin-top: 40px;
  font-family: Philomene, sans-serif;
  display: flex;
}

.contact-text {
  color: #fff;
  text-transform: none;
  font-family: Philomene, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}

.success-message {
  background-color: #000;
  border-radius: 12px;
}

.text-block-10 {
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-weight: 400;
}

.error-message {
  opacity: .6;
  text-align: center;
  background-color: #e42a21;
  border-radius: 20px;
  display: none;
}

.text-block-11 {
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
}

.tabs-2 {
  width: 100%;
}

.tabs-content {
  margin-top: 0;
}

.tabs-menu-2 {
  grid-column-gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-34 {
  width: 100%;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-16 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 400;
}

.image-14 {
  background-color: #fff;
  border-radius: 1000px;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
  padding: 20px;
}

.div-block-35 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  align-items: stretch;
  margin-top: 20px;
  display: flex;
}

.text-field-4 {
  border-radius: 100px;
  margin-bottom: 0;
  font-family: Philomene, sans-serif;
  font-size: 16px;
}

.field-label-4 {
  display: none;
}

.heading-16-copy {
  opacity: .5;
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.lottie-animation-4 {
  background-color: #fff;
  border-radius: 1000px;
  width: 150px;
  margin-bottom: 40px;
}

.contact-link {
  color: #fff;
  text-transform: uppercase;
  background-color: #e42a21;
  border-radius: 100px;
  padding: 5px 15px;
  font-family: Philomene, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s;
}

.contact-link:hover {
  background-color: #000;
  text-decoration: none;
}

.large-open-close-line---brix {
  background-color: #514f6e;
  border-radius: 500px;
  flex: none;
  width: 100%;
  height: 2.6px;
  min-height: 2.6px;
  position: absolute;
}

.large-open-close-line---brix.second-line---brix {
  transform: rotate(90deg);
}

.accordion-columns-wrapper---brix {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accordion-columns-wrapper---brix.preview-page {
  padding-left: 20px;
  padding-right: 20px;
}

.column---brix {
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%;
  max-width: 50%;
  display: flex;
}

.column---brix.right---brix {
  margin-left: 12px;
}

.column---brix.left---brix {
  margin-right: 12px;
}

.accordion-3-open-close-icon-wrapper---brix {
  background-color: #f7f7fb;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-height: 50px;
  margin-left: 20px;
  display: flex;
}

.accordion-paragraph---brix {
  color: #000;
  width: 100%;
  max-width: 90%;
  margin-top: 18px;
  margin-bottom: 0;
}

.accordion-content---brix {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.open-close-icon-wrapper---brix {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-height: 14px;
  display: flex;
  position: relative;
}

.open-close-icon-wrapper---brix.large-icon---brix {
  width: 18px;
  min-height: 18px;
}

.accordion-item---brix {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---brix.accordion-3---brix {
  color: #000;
  border: 2px solid #0000;
  margin-bottom: 24px;
  padding: 30px 32px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 2px 6px #13124212;
}

.accordion-item---brix.accordion-3---brix:hover {
  box-shadow: none;
}

.accordion-item---brix.accordion-3---brix.last-accordion-item---brix {
  margin-bottom: 0;
}

.accordion-item-title---brix {
  color: #170f49;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-item-title---brix.accordion-3---brix {
  color: #000;
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.accordion-trigger---brix {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-16 {
  aspect-ratio: 2;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.heading-17 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 400;
}

.paragraph-12 {
  color: #fff;
  text-align: left;
  max-width: 800px;
  padding-left: 0%;
  padding-right: 0%;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  line-height: 29px;
}

.type {
  color: #000;
  background-color: #fff;
  border-radius: 18px;
  flex-direction: row;
  align-items: center;
  margin-top: 0;
  padding: 10px 20px 10px 10px;
  display: flex;
  position: static;
  box-shadow: 0 2px 40px 18px #00000026;
}

.type-text {
  text-transform: uppercase;
  border-radius: 20px;
  flex-direction: row;
  padding: 0;
  font-family: Philomene, sans-serif;
  font-weight: 400;
  display: flex;
}

.div-block-36 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: -6%;
}

.img-type {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

.div-block-37 {
  width: 100%;
  max-width: 600px;
  padding-top: 150px;
  padding-left: 60px;
  padding-right: 20px;
}

.grid-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  width: auto;
  position: relative;
  inset: auto 0% 0%;
}

.charbon-images-div {
  justify-content: center;
  width: 90%;
  display: flex;
}

.review-assurance {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 15px 20px;
  font-size: 10px;
  display: flex;
  box-shadow: 0 6px 20px 7px #0000000d;
}

.stars {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: 10px;
  grid-template-columns: 10px 10px 10px 10px 10px;
  justify-content: center;
  justify-items: center;
  width: auto;
  margin: 5px;
}

.note {
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 10px;
}

.section-reassurance {
  z-index: 3;
  justify-content: center;
  width: 100%;
  height: 0;
  display: flex;
  position: relative;
  top: -40px;
}

.logo-social {
  object-fit: contain;
  max-width: none;
  height: 20px;
  margin-bottom: 5px;
}

.heading-text {
  text-transform: uppercase;
  white-space: nowrap;
  background-image: url('../images/fichier-4shape.svg');
  background-position: 100% 48%;
  background-repeat: no-repeat;
  background-size: 200px;
  max-width: none;
  margin-bottom: 30px;
  margin-left: -10px;
  padding-left: 10px;
  font-size: 39px;
  font-weight: 400;
  line-height: 1.1;
}

.heading-text.white {
  color: #fff;
  background-image: url('../images/fichier-1shape.svg');
  background-position: 100% 100%;
  background-size: 218px;
}

.heading-text.white.center {
  background-position: 100%;
  background-size: 221px;
}

.heading-text.center {
  background-position: 100%;
  background-size: 318px;
  margin-left: 0;
  padding-left: 0;
}

.heading-text.black {
  color: #fff;
  white-space: normal;
  background-image: url('../images/svgexport-1.svg');
  background-position: 6% 5%;
  background-size: 228px;
}

.sac-charbon {
  z-index: 3;
  object-fit: contain;
  width: auto;
  min-width: 42%;
  max-width: none;
  margin-bottom: -20px;
  margin-right: -20px;
  transition: transform .4s;
  position: relative;
  bottom: 0;
}

.sac-charbon:hover {
  transform: translate(0, -10%);
}

.sac-charbon._2 {
  z-index: 2;
  object-fit: contain;
  min-width: 39%;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}

.sac-charbon._3 {
  z-index: 1;
  min-width: 36%;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.tabtext2 {
  font-size: 12px;
}

.text-block-14 {
  text-transform: uppercase;
  background-color: #0000000d;
  border-radius: 400px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Philomene, sans-serif;
  font-size: 11px;
}

.ethique-div {
  align-items: center;
  display: flex;
}

.image-20 {
  background-color: #fff;
  border-radius: 15px;
  width: 60px;
  padding: 10px;
  position: absolute;
  top: 70%;
  left: 33%;
}

.div-block-42 {
  width: 0;
  height: 0;
}

.certif-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 20px;
  padding: 20px;
  display: flex;
}

.nf-im {
  width: auto;
  height: 28px;
  margin-bottom: 0;
}

.select-field {
  text-transform: none;
  border-radius: 20px;
  margin-bottom: 0;
  font-family: Philomene, sans-serif;
  font-weight: 700;
}

.certif {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.certif.nf {
  flex-direction: column;
  width: 51px;
  margin-right: 0;
  padding: 0;
}

.certifications {
  display: flex;
}

.div-chiffre {
  width: 100%;
  margin-bottom: 60px;
}

.chiffre-div {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 15px 20px;
  transition: transform .2s;
  display: flex;
  transform: rotate(1deg);
  box-shadow: 0 9px 14px #0003;
}

.chiffre-div:hover {
  transform: rotate(0);
}

.chiffre-div._2 {
  transform: rotate(-1deg);
}

.chiffre-div._2:hover {
  transform: rotate(0);
}

.chiffre {
  text-transform: uppercase;
  font-family: Philomene, sans-serif;
  font-size: 25px;
}

.block-chiffre {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.compteur {
  font-family: Philomene, sans-serif;
  font-size: 25px;
}

.short {
  color: #fff9;
  font-size: 13px;
  line-height: 1;
}

.div-block-44 {
  display: none;
}

.order-summary {
  background-color: #fff;
  border-radius: 10px;
}

.block-header {
  background-color: #0000;
  border-style: none none solid;
}

.block-content {
  background-color: #0000;
  border: 1px #000;
}

.block-content.ship {
  border-style: none none solid;
  border-bottom-color: #e6e6e6;
}

.block-content-2 {
  background-color: #fff0;
  border: 1px #000;
}

.customer-info {
  background-color: #fff;
  border-radius: 10px;
}

.checkbox-label-2 {
  margin-bottom: 0;
}

.block-content-3 {
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
}

.shipping-address {
  background-color: #fff;
  border-radius: 10px;
}

.shipping-method {
  background-color: #fff;
  border-top: 1px #000;
  border-right: 1px #000;
  border-radius: 10px;
}

.shipping-method-2 {
  background-color: #fff;
  border-radius: 10px;
}

.block-content-4 {
  background-color: #0000;
}

.payment-info {
  background-color: #fff;
  border-radius: 10px;
}

.image-22 {
  background-color: #fff;
  border-radius: 10px;
  width: auto;
  height: 130px;
  margin-bottom: 20px;
  padding: 20px 5%;
}

.block-content-5 {
  background-color: #fff0;
  border-left-style: none;
}

.billing-address, .order-items {
  background-color: #fff;
  border-radius: 10px;
}

.shipping-method-list {
  border: 1px #000;
}

.paypal {
  margin-top: 10px;
}

.empty-state {
  background-color: #0000;
}

.container-3 {
  min-width: 65vw;
}

.extra-items-list, .extra-item {
  display: none;
}

.logistique {
  color: #fff;
}

.div-block-47 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container-4 {
  width: 100%;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
}

.error-message-2 {
  text-align: center;
  background-color: #e42a20;
}

.bg {
  background-color: #fff;
  background-image: url('../images/charbon.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 155px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.popup-div {
  z-index: 100;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  pointer-events: auto;
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 440px;
  height: auto;
  max-height: none;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.popup-div:hover {
  z-index: 3;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: relative;
}

.close {
  z-index: 5;
  cursor: pointer;
  background-color: #f000;
  background-image: url('../images/fichier-6close.svg');
  background-position: 32px 14px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-attachment: scroll;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  inset: -10px -10px auto auto;
}

.paragraph-popup {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.spacersamll {
  padding-top: 0;
}

.popup_div {
  z-index: 200;
  opacity: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.titre-popup {
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Philomene, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
  position: relative;
}

._100 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 20px;
  display: flex;
}

.collection-list-wrapper-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-54 {
  z-index: 2;
  background-image: linear-gradient(#0000, #0009);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.display-none {
  display: none;
}

.page-wrapper {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.container-large {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.container-large.down {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.container-large.footer {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 20px;
  padding-right: 20px;
}

.container-large.top {
  align-items: flex-start;
}

.link {
  border-bottom: 1px solid #0000;
  margin-top: 5px;
  padding-bottom: 5px;
}

.link:hover {
  text-decoration: underline;
}

.link.w--current {
  border-bottom: 1px solid #000;
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.logo {
  width: 70px;
  min-width: 70px;
  padding: 5px;
}

.search {
  border: 1px solid #0000002e;
  border-radius: 6px;
  width: 100%;
  max-width: 300px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.search.large {
  background-color: #fff;
  max-width: 80%;
}

.search-input {
  background-color: #0000;
  border: 0 #000;
  margin-bottom: 0;
  font-size: 12px;
}

.nav-menu {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  white-space: nowrap;
  word-break: normal;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.icone {
  width: 18px;
  min-width: auto;
  max-width: none;
  height: 18px;
}

.separation-line {
  background-color: #d1d1d1;
  width: 1px;
  height: 40px;
}

.left-nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.search-button {
  background-color: #0000;
  background-image: url('../images/recherche.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  width: 40px;
}

.nav {
  z-index: 999;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  display: flex;
  position: fixed;
  inset: 20px 0% auto;
}

.spacer {
  padding-top: 40px;
}

.numbers-div {
  width: 100%;
  max-width: 600px;
  padding-left: 20px;
  padding-right: 100px;
}

.collection-list-4 {
  border: 1px solid #0000002e;
  border-radius: 10px;
  overflow: hidden;
}

.image-23 {
  width: 40px;
}

.cart-item {
  justify-content: flex-start;
  align-items: center;
}

.brand {
  display: flex;
}

.brand.w--current {
  justify-content: flex-start;
  align-items: center;
}

.link-block-3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.search-result-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 800px;
  display: flex;
}

.image-24 {
  object-fit: cover;
  width: 130px;
  height: 130px;
}

.quantity-div-2 {
  border: 1px solid #0000001a;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.minus-btn {
  color: #311b0f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 35px;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.minus-btn:hover {
  opacity: .7;
}

.plus-btn {
  color: #311b0f;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 35px;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.plus-btn:hover {
  opacity: .7;
}

.qtt-2 {
  pointer-events: none;
  text-align: center;
  background-color: #0000;
  border-style: none;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 30px;
  margin-bottom: 0;
  padding: 0 0 0 9px;
  display: flex;
  overflow: hidden;
}

.text-block-51 {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.spacer-large {
  padding-top: 5rem;
}

.error {
  text-align: center;
  border-radius: 5px;
}

.righ-legal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.icone-menu {
  height: 17px;
}

.histoire-conen {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.search-2 {
  display: flex;
}

.search-result-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 991px) {
  .bouton {
    font-size: 10px;
  }

  .image {
    height: 40%;
  }

  .section.checkout {
    padding-left: 5%;
    padding-right: 5%;
  }

  .paragraph {
    font-size: 12px;
  }

  .spin-image {
    width: 45%;
  }

  .best-product {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-div {
    flex-flow: row;
    align-items: flex-start;
  }

  .cart-quantity {
    right: -9px;
  }

  .container {
    max-width: 728px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

  .container-2 {
    max-width: 728px;
  }

  .contact-link {
    font-size: 1.3vw;
  }

  .accordion-3-open-close-icon-wrapper---brix {
    width: 40px;
    min-height: 40px;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
  }

  .open-close-icon-wrapper---brix.large-icon---brix {
    width: 14px;
    min-height: 14px;
  }

  .accordion-item-title---brix {
    max-width: 88%;
  }

  .accordion-item-title---brix.accordion-3---brix {
    max-width: 75%;
  }

  .popup-div {
    justify-content: space-between;
    align-items: flex-end;
  }

  .paragraph-popup, ._100 {
    margin-top: 2rem;
  }

  .search, .menu-smalltext {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .section, .section.black {
    height: auto;
    min-height: auto;
  }

  .section.black.no-height {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.black.product {
    flex-flow: column;
  }

  .section.product {
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: auto 100vh;
  }

  .section._100vh {
    height: auto;
    max-height: none;
  }

  .img {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .img.right {
    order: -9999;
    width: 90%;
    height: auto;
    padding-left: 20px;
    padding-right: 0;
  }

  .paragraph.white {
    padding-right: 0%;
  }

  .spin-image {
    width: 75%;
    height: auto;
    position: absolute;
    inset: 0 0% auto auto;
    transform: rotateX(0)rotateY(-180deg)rotateZ(0);
  }

  .section-red {
    flex-flow: column;
    height: auto;
  }

  .right-chiffre {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .left-im {
    width: 100%;
    height: 300px;
  }

  .text-button {
    width: 100%;
    margin-top: 60px;
  }

  .div-block-15 {
    width: 100%;
    height: 400px;
    position: static;
  }

  .div-block-15-copy {
    width: 100%;
    padding-bottom: 150px;
  }

  .div-block-17 {
    position: relative;
  }

  .price {
    line-height: 30px;
  }

  .image-5 {
    height: 250px;
    margin-top: 60px;
  }

  .button-div {
    width: 100%;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .panier {
    position: static;
  }

  .cart-container {
    width: 100vw;
    max-width: none;
    height: calc(100vh - 4.5rem);
  }

  .cart-wrapper {
    border-style: none;
    border-radius: 0;
    height: calc(100vh - 4.5rem);
    margin-top: 0;
    margin-right: 0;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .div-checkbox {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .collection-list-2, .collection-list-3, .grid-avantages {
    grid-template-columns: 1fr;
  }

  .clients-wrapper-two {
    flex-direction: column;
  }

  .clients-card {
    width: 100%;
    margin-bottom: 30px;
  }

  .distibuteurs {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 15px;
  }

  .grid-qualite {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .form-block-2 {
    width: 100%;
    padding: 20px;
  }

  .div-block-33 {
    order: 9999;
    width: 100%;
  }

  .grid-4 {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .55fr;
    grid-auto-flow: column;
    display: flex;
  }

  .accordion-columns-wrapper---brix {
    flex-direction: column;
  }

  .column---brix {
    max-width: 100%;
  }

  .column---brix.right---brix {
    margin-left: 0;
  }

  .column---brix.left---brix {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .accordion-item---brix.accordion-3---brix {
    margin-bottom: 16px;
    padding: 32px;
  }

  .accordion-item-title---brix {
    max-width: 80%;
    font-size: 18px;
  }

  .accordion-item-title---brix.accordion-3---brix {
    max-width: 82%;
  }

  .div-block-37 {
    padding-top: 20px;
    padding-left: 20px;
  }

  .grid-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .review-assurance {
    padding: 10px;
    font-size: 8px;
  }

  .logo-social {
    height: 15px;
  }

  .heading-text {
    font-size: 26px;
  }

  .heading-text.white {
    margin-left: 0;
  }

  .heading-text.black {
    max-width: calc(100vw - 40px);
  }

  .ethique-div {
    flex-flow: column;
    align-items: flex-start;
  }

  .chiffre-div {
    width: 50%;
  }

  .container-large {
    flex-flow: column;
    align-items: flex-start;
  }

  .link {
    align-items: center;
    height: 60px;
    font-size: 16px;
    display: flex;
  }

  .link:hover {
    text-decoration: none;
  }

  .navbar {
    position: relative;
  }

  .nav-div {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-style: none;
    border-radius: 0;
    justify-content: space-between;
    height: 4.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .logo {
    position: relative;
    right: -50%;
  }

  .menu-button {
    order: -9999;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .nav-menu {
    width: 100%;
  }

  .nav-menu.principal {
    z-index: 0;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    white-space: normal;
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: calc(100vh - 4.5rem);
    padding: 20px;
    display: flex;
  }

  .left-nav {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .nav {
    inset: 0% 0% auto;
  }

  .numbers-div {
    padding-right: 20px;
  }

  .collection-list-4 {
    max-width: 90%;
  }

  .minus-btn {
    width: 30px;
  }

  .plus-btn {
    width: 30px;
    text-decoration: none;
  }

  .qtt-2 {
    width: 40px;
  }

  .text-block-51 {
    width: 100%;
    min-width: 100%;
    max-width: none;
  }

  .menu-smalltext {
    display: none;
  }

  .cart-list {
    max-height: calc(100svh - 16.5rem);
    padding-left: 10px;
    padding-right: 20px;
    overflow: scroll;
  }

  .cart-header {
    height: 4rem;
  }

  .cart-footer {
    justify-content: flex-end;
    height: 8rem;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 15px;
  }

  blockquote {
    padding: 20px;
  }

  .header-bar {
    z-index: 100;
    justify-content: center;
    padding-right: 0%;
  }

  .menu-div {
    display: none;
  }

  .logo-div {
    width: auto;
    height: 10vh;
  }

  .bouton.btn {
    width: auto;
    font-size: 11px;
  }

  .image {
    height: 42%;
  }

  .section {
    flex-direction: column;
  }

  .section.black {
    flex-flow: column wrap;
    align-content: center;
    align-items: flex-end;
  }

  .section.black.footer {
    border-style: none;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section.black.product {
    padding-top: 0;
  }

  .section.white, .section.white.client {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.blog {
    padding-top: 12vh;
    padding-bottom: 60px;
  }

  .section.legal {
    padding: 10vh 5% 100px;
  }

  .section.rouge {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.checkout {
    padding-top: 60px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .separator {
    display: none;
  }

  .paragraph.chiffre {
    font-size: 15px;
  }

  .div-block-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .button {
    border-radius: 10000px;
    font-size: 11px;
    transform: none;
  }

  .menu-div-2 {
    z-index: 100;
    box-shadow: none;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    width: 25vw;
    height: 18vh;
    margin-top: -8vh;
    transition: transform .35s;
    position: relative;
  }

  .menu-div-2:hover {
    transform: scale(1.1);
  }

  .social-div {
    justify-content: center;
    height: 8vh;
  }

  .social-grid {
    grid-template-rows: 7vw;
    grid-template-columns: 7vw 7vw 7vw 7vw;
    justify-content: space-between;
    padding-left: 2vw;
    padding-right: 2vw;
    display: none;
  }

  .header-div {
    z-index: 100;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #fff0;
    border-radius: 0;
    flex-wrap: wrap;
    place-content: center flex-end;
    align-items: center;
    width: 100%;
    height: 10vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-red {
    flex-direction: column;
  }

  .menu {
    justify-content: flex-end;
    align-items: center;
    width: 8vh;
    height: 8vh;
    max-height: none;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .icon-menu {
    background-color: #fff0;
    background-image: url('../images/menu.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 0;
    width: 70%;
    height: 70%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .left-im {
    width: 100%;
    height: 320px;
    min-height: auto;
  }

  .div-block-13 {
    z-index: 101;
    justify-content: flex-start;
    padding-left: 5%;
  }

  .div-block-15 {
    justify-content: center;
  }

  .div-block-15-copy {
    width: 100%;
  }

  .div-block-17 {
    transition-property: none;
  }

  .div-block-17:hover {
    transform: none;
  }

  .addtocart {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 40px;
  }

  .price {
    line-height: 40px;
  }

  .btn-2 {
    font-size: 11px;
  }

  .variant-selector {
    margin-bottom: 40px;
  }

  .dl-button, .seller {
    font-size: 11px;
  }

  .tab._2 {
    margin-top: 10px;
  }

  .tab.recette {
    background-color: #ffffff1a;
    background-size: 40px 40px;
    justify-content: center;
    width: 47%;
    padding: 20px 0 20px 40px;
  }

  .tab.recette.w--current {
    background-color: #fff;
    padding-bottom: 20px;
    padding-left: 40px;
  }

  .tab.recette.entr-e {
    justify-content: center;
  }

  .tab.recette.dessert.w--current {
    padding-left: 40px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .button-div.center {
    justify-content: flex-start;
  }

  .heading-5 {
    min-height: 50px;
    max-height: none;
  }

  .cart {
    z-index: 2147483647;
  }

  .cart-container {
    border-radius: 0;
    height: 100%;
  }

  .cart-wrapper {
    z-index: 2147483647;
    margin-top: 4.5rem;
  }

  .container {
    max-width: none;
  }

  .footer-wrapper-two {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: start flex-start;
    align-items: start;
    display: grid;
  }

  .footer-block-two, .footer-form {
    margin-top: 0;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-social-block-two {
    order: -1;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .div-block-19 {
    text-align: center;
    justify-content: center;
  }

  .checkboxform {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center;
    display: grid;
  }

  .text-field {
    font-size: 16px;
  }

  .paragraph-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .simu-button {
    width: 100%;
    margin-bottom: 20px;
    transition: all .2s;
  }

  .simu-button._2 {
    height: 100%;
  }

  .paragraph-5 {
    text-align: left;
  }

  .div-block-20 {
    width: 95%;
    margin-bottom: 20px;
  }

  .div-checkbox {
    width: auto;
    min-width: auto;
    height: 164px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .ckeckbox {
    display: block;
  }

  .checkbox-image {
    width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .checkbox-title {
    text-align: center;
  }

  .image-10 {
    width: 12px;
  }

  .div-block-21 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .ckeck {
    background-color: #ffffff0d;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 90%;
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
  }

  .paragraph-5-copy {
    margin-bottom: 20px;
  }

  .menu-mobile {
    z-index: 90;
    color: #000;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 100px 10% 0;
    display: flex;
    position: fixed;
    top: -100vh;
  }

  .link-block {
    border-radius: 10px;
  }

  .blog-image {
    border-radius: 10px 0 0 10px;
  }

  .blog-div-content {
    justify-content: space-between;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .heading-9 {
    font-size: 13px;
  }

  .div-block-27 {
    width: 100%;
    margin-left: 0%;
    padding-top: 0%;
    padding-left: 0%;
  }

  .heading-10 {
    font-size: 30px;
    line-height: 1.3;
  }

  .div-block-28 {
    width: 100%;
    height: 40vh;
    position: static;
  }

  .div-block-27-copy {
    width: 100%;
  }

  .div-block-28-copy {
    border-radius: 15px;
    order: -1;
    width: 100%;
    height: 40vh;
    margin-left: 0%;
    padding-left: 0%;
    position: static;
  }

  .rich-text-block-copy {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    line-height: 1.3;
  }

  .collection-item-2 {
    transition-property: none;
  }

  .collection-item-2:hover {
    transform: none;
  }

  .heading-7-copy-copy {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1.3;
  }

  .heading-12 {
    font-size: 30px;
    line-height: 35px;
  }

  .grid-avantages {
    grid-row-gap: 40px;
  }

  .paragraph-10 {
    text-align: center;
  }

  .container-2 {
    max-width: none;
  }

  .clients-card {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .clients-quote {
    font-size: 20px;
    line-height: 28px;
  }

  .clients-info {
    padding-right: 13px;
  }

  .clients-info-image {
    margin-right: 0;
  }

  .distibuteurs {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-8 {
    font-size: 19px;
  }

  .heading-14 {
    font-size: 30px;
    line-height: 1.3;
  }

  .form-block-2 {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }

  .input {
    font-size: 16px;
  }

  .div-block-31 {
    width: 100%;
  }

  .message {
    min-height: 200px;
    font-size: 16px;
  }

  .text-block-9 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-32, .div-block-33 {
    flex-direction: column;
  }

  .link-social {
    font-weight: 400;
  }

  .contact-text {
    font-size: 18px;
    line-height: 1.3;
  }

  .tabs-2 {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .tabs-menu-2 {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .utility-page-content {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .utility-page-form {
    align-items: stretch;
  }

  .div-block-35 {
    flex-direction: column;
  }

  .heading-16-copy {
    font-size: 18px;
  }

  .contact-link {
    white-space: nowrap;
    font-size: 8px;
    display: flex;
  }

  .contact-link.w--current {
    white-space: pre;
    display: flex;
  }

  .column---brix.left---brix {
    margin-bottom: 16px;
  }

  .accordion-3-open-close-icon-wrapper---brix {
    width: 40px;
    min-height: 40px;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
  }

  .open-close-icon-wrapper---brix {
    margin-right: 16px;
  }

  .open-close-icon-wrapper---brix.large-icon---brix {
    width: 16px;
    min-height: 16px;
    margin-right: 0;
  }

  .accordion-item---brix.accordion-3---brix {
    margin-bottom: 16px;
  }

  .accordion-item-title---brix {
    max-width: 70%;
    font-size: 20px;
  }

  .accordion-item-title---brix.accordion-3---brix {
    max-width: 75%;
  }

  .image-16 {
    border-radius: 8px;
    width: 100%;
    height: 25vh;
    margin-top: 20px;
  }

  .heading-17 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 400;
  }

  .paragraph-12 {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .type {
    background-image: none;
  }

  .type-text {
    color: #000;
  }

  .div-block-36 {
    inset: 10% 0% auto auto;
  }

  .heading-text {
    background-position: 5% 85%;
    background-size: 225px;
    line-height: 1.2;
  }

  .heading-text.white {
    background-position: 29% 83%;
    background-size: 220px;
    line-height: 1.2;
  }

  .heading-text.white.center {
    text-align: center;
    background-position: 50% 89%;
    background-size: 228px;
  }

  .heading-text.center {
    text-align: center;
    background-position: 50% 10%;
    background-size: 269px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-text.black {
    background-position: 6% 8%;
    background-size: 220px;
    line-height: 1.2;
  }

  .sac-charbon._3 {
    object-fit: fill;
    overflow: hidden;
  }

  .image-20 {
    top: 30%;
    left: 58%;
  }

  .chiffre-div {
    transform: rotate(3deg);
  }

  .chiffre-div._2 {
    transform: rotate(-3deg);
  }

  .short {
    font-size: 12px;
    line-height: .8;
  }

  .container-3 {
    min-width: auto;
  }

  .bold-text-2 {
    text-align: left;
  }

  .paragraph-popup {
    width: auto;
    margin-bottom: 0;
    line-height: 1.4;
  }

  .titre-popup {
    width: auto;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
  }

  .page-wrapper {
    position: relative;
    overflow: clip;
  }

  .menu-button {
    justify-content: flex-start;
    display: flex;
  }

  .icone-menu {
    width: 16px;
    height: 16px;
  }
}

#w-node-_53373cdb-3ccb-3a56-c8b1-a20ad12b72dd-c7854ed1, #w-node-_79a8df55-3c1c-5928-3563-726469406b4f-c7854ed1, #w-node-_29b8ab08-f6b0-4035-2414-5770e74d8b19-c7854ed1, #w-node-_78b6d8cb-2d55-d2c8-161f-ea3f950ded25-c7854ed1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ee0bd048-d823-0439-e220-dea253682ec8-c7854ed1 {
  align-self: auto;
}

#w-node-_5081956f-511b-b29d-56f8-89bfc8e6e341-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e342-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e343-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e344-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e345-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e34b-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e34c-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e34d-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e34e-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e34f-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e355-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e356-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e357-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e358-c7854ed1, #w-node-_5081956f-511b-b29d-56f8-89bfc8e6e359-c7854ed1, #w-node-_61548b26-dae8-1cdc-a72f-c722b402dadc-c7854ed1, #w-node-_829f67b4-07c7-9cbe-b669-1f64d8ec91aa-c7854ed1, #w-node-_66aa5628-54fc-3197-acb8-4e9da57df47f-c7854ed1, #w-node-_74ff05d5-a92c-8dfe-690e-354d7f268562-c7854ed1, #w-node-c46496c4-88a3-6cf6-270e-3bb844ab25d0-c7854ed1, #w-node-d77a423e-f999-3e3e-394a-42865accd1c3-c7854ed1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_04f72290-de47-3f95-2fef-232617fec397-c7854f0e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0a0c8d61-c231-fa08-9fa1-0620b47b5c0d-c7854f0e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Produit.w-node-_9130f413-e453-d14f-b605-dde55bedad53-c7854f0e {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: auto;
}

#w-node-_97c61eb4-a488-625e-730e-0aa26596b00c-c7854f0e, #w-node-_56b68855-fda1-6a2c-de97-e8c19d561376-c7854f0e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Message.w-node-_5f5d2a46-b3af-97d9-7787-837a09320a4d-c7854f0e, #w-node-_35d83d27-25b8-211d-9361-9afd98614fb9-c7854f16, #w-node-d6a7ecbc-da84-e71d-b736-25d286b4466f-c7854f16, #w-node-_28cc71f0-9f1d-e8e3-ff66-c697c151dfaa-c7854f16, #w-node-_68499dc6-31d5-fd3d-3fb2-276a322bde78-c7854f16, #w-node-ac844395-0319-24e7-0a21-acfc10750380-c7854f16, #w-node-aaaf856d-8cfa-1aa1-814b-eeff12d279d7-c7854f16, #w-node-_5473b6a7-612d-a366-ccd2-151151798601-c7854f16, #w-node-_57bf2dd8-eb11-7dd2-4099-67c3ed5134a0-c7854f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30726c3d-a57b-80c9-cc30-dd2652309279-c7854f16, #w-node-b8e58553-0d3d-d498-f2cc-563919d16c55-c7854f16 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-bd2a902a-83d0-695c-1ec9-1058e9f06356-c7854f16, #w-node-_3b7b77e2-1a32-d36a-384b-ef3814e7e164-c7854f16, #w-node-_1c92865d-965e-eec7-bd84-6f9afa451185-c7854f16, #w-node-_841ef0c0-5582-5719-bfa1-121b7758da99-c7854f16, #w-node-_2dd7e38b-661e-d666-3f3e-281942191936-c7854f16, #w-node-_29b905c8-d98f-edfc-d9b2-86fd9454a01b-c7854f16, #w-node-_15139fc7-7201-7af7-c8bd-a1cc5ae5bc7c-c7854f16, #w-node-ac45234b-6712-3e22-2320-5c038c86eff4-c7854f16, #w-node-_34d8d6df-34bc-e1b0-a0a0-f1ca522be933-c7854f16 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d37ac4ea-5a46-8526-9955-f8d1a58fa3a8-c7854f16 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_303dd67c-b46c-ad22-d0f6-9e47aee942c7-c7854f16 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_457fbff7-70fc-c569-4776-dfb602beca7b-c7854f17, #w-node-_1eb610b3-59ca-0adf-108a-16fa980b1850-c7854f17 {
  align-self: auto;
}

#w-node-_98dd3230-f181-921c-7db8-cb1cdc241e88-c7854f18, #w-node-_98dd3230-f181-921c-7db8-cb1cdc241e8c-c7854f18, #w-node-_98dd3230-f181-921c-7db8-cb1cdc241e90-c7854f18, #w-node-_98dd3230-f181-921c-7db8-cb1cdc241e94-c7854f18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_66bc2c32-7174-387a-cead-2b04fa4272f4-c7854f0e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5e503623-383e-a0c3-715f-c4fdd795ff20-d795ff06, #w-node-_66bc2c32-7174-387a-cead-2b04fa4272f4-c7854f0e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_04f72290-de47-3f95-2fef-232617fec397-c7854f0e {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_507e015f-89ec-7f38-a872-cf8e5c1c8411-c7854f0e, #w-node-_55502c28-12f2-e1e3-92db-4e243e6a6b17-c7854f0e, #w-node-beeed88b-8dcd-2347-eecc-1fcab6959f1e-c7854f0e, #w-node-_97c61eb4-a488-625e-730e-0aa26596b00c-c7854f0e, #w-node-_4249e4c9-7c3d-137e-b3b4-b75cd7043dcf-c7854f0e, #submitButton.w-node-_507e015f-89ec-7f38-a872-cf8e5c1c8419-c7854f0e, #w-node-_35d83d27-25b8-211d-9361-9afd98614fb9-c7854f16, #w-node-d6a7ecbc-da84-e71d-b736-25d286b4466f-c7854f16, #w-node-_28cc71f0-9f1d-e8e3-ff66-c697c151dfaa-c7854f16, #w-node-_68499dc6-31d5-fd3d-3fb2-276a322bde78-c7854f16, #w-node-ac844395-0319-24e7-0a21-acfc10750380-c7854f16, #w-node-aaaf856d-8cfa-1aa1-814b-eeff12d279d7-c7854f16, #w-node-_5473b6a7-612d-a366-ccd2-151151798601-c7854f16, #w-node-_57bf2dd8-eb11-7dd2-4099-67c3ed5134a0-c7854f16 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bd2a902a-83d0-695c-1ec9-1058e9f06356-c7854f16, #w-node-_3b7b77e2-1a32-d36a-384b-ef3814e7e164-c7854f16, #w-node-_1c92865d-965e-eec7-bd84-6f9afa451185-c7854f16, #w-node-_841ef0c0-5582-5719-bfa1-121b7758da99-c7854f16, #w-node-_2dd7e38b-661e-d666-3f3e-281942191936-c7854f16, #w-node-_29b905c8-d98f-edfc-d9b2-86fd9454a01b-c7854f16, #w-node-_15139fc7-7201-7af7-c8bd-a1cc5ae5bc7c-c7854f16, #w-node-ac45234b-6712-3e22-2320-5c038c86eff4-c7854f16, #w-node-_34d8d6df-34bc-e1b0-a0a0-f1ca522be933-c7854f16 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d37ac4ea-5a46-8526-9955-f8d1a58fa3a8-c7854f16 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }

  #w-node-_303dd67c-b46c-ad22-d0f6-9e47aee942c7-c7854f16 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}


@font-face {
  font-family: 'Philomene';
  src: url('../fonts/chauphilomeneone-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Philomene';
  src: url('../fonts/chauphilomeneone-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}