@import url(/frontend/design/css/base.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic);
input[type="text"],
input[type="number"],
input[type="password"],
input.PB,
input.qtyBox,
select,
textarea {
  background-color: #fff;
  border-color: #ccc;
  color: #000;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input.PB:focus,
input.qtyBox:focus,
select:focus,
textarea:focus {
  border-color: #b3b3b3;
}
input[type="text"],
input[type="number"],
input[type="password"],
input.PB,
input.qtyBox,
select {
  height: 28px;
  line-height: 26px;
}
body.PB,
body.PBPW {
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
}
body.PB {
  background-color: #ECE1C2;
}
a,
a:link,
a:visited,
a:active,
a.PBLink {
  color: #000;
}
a:hover {
  color: #4b4b4b;
}
.ox-products .imgthumbnail{
	width: 100%;
}
#headerarea,
#bodyarea,
#footerarea {
  min-width: 940px;
  width: 100%;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}
#footercontainer #footerarea {
  align-content: flex-start;
}
#hmenu>li.miimg>img{
	max-width: initial;
}
#hmenu {
  height: 56px;
  line-height: 56px;
  width: 100%;
  /* les <li> sont en inline-block : sans cette ligne ils se centrent
     et laissent 160 px de vide avant la premiere entree */
  text-align: left;
}
.c-app-menu100__content-inner {
  text-align: left;
}
#hmenu > li {
  border-left: none;
  border-right: none;
  color: #000;
  font-size: 16px;
}
#hmenu > li .menu + div:before {
  color: #000;
}
#hmenu > li:hover .menu + div:before {
  color: #000;
}
#hmenu > li.mitext > a.menu,
#hmenu > li.mitext > span {
  font-weight: 600;
  padding: 0;
  margin-right: 30px;
  height: 100%;
}
#hmenu > li.mitext > a.menu:before,
#hmenu > li.mitext > span:before {
  content: '';
  position: absolute;
  background: #4b4b4b;
  width: 100%;
  height: 2px;
  bottom: 10px;
  left: 0;
  transform-origin: 0;
  transform: scale3d(0, 1, 1);
  transition: transform .3s;
}
#hmenu > li.mitext > a.menu:after,
#hmenu > li.mitext > span:after {
  right: -18px !important;
}
#hmenu > li.mitext > a.menu:hover:before,
#hmenu > li.mitext > span:hover:before {
  transform: scale3d(1, 1, 1);
}
#hmenu > li.mititle > a.menu,
#hmenu > li.mititle > span {
  font-weight: 600;
  padding: 0;
  margin-right: 40px;
  height: 100%;
	font-size:14px;
}
@media only screen and (max-width: 1230px) and (min-width: 769px){
#hmenu > li.mititle > a.menu,
#hmenu > li.mititle > span {
  margin-right: 20px;
}
}
#hmenu > li.mititle > a.menu:before,
#hmenu > li.mititle > span:before {
  content: '';
  position: absolute;
  background: #4b4b4b;
  width: 100%;
  height: 2px;
  bottom: 10px;
  left: 0;
  transform-origin: 0;
  transform: scale3d(0, 1, 1);
  transition: transform .3s;
}
#hmenu > li.mititle > a.menu:after,
#hmenu > li.mititle > span:after {
  right: -15px !important;
}
#hmenu > li.mititle > a.menu:hover:before,
#hmenu > li.mititle > span:hover:before {
  transform: scale3d(1, 1, 1);
}
#hmenu > li:hover {
  color: #000;
}
#hmenu > li:hover:after {
  transform: scale3d(1, 1, 1);
}
#hmenu > li.begin,
#hmenu > li.end {
  display: none;
}
#hmenu > li.misep {
  height: 56px;
  background-color: #ccc;
}
#hmenu > li > a.menu,
#hmenu > li > span {
  color: #8e2e18;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 56px;
  font-family: 'Open Sans', sans-serif;
}
#hmenu > li:hover > a.menu,
#hmenu > li > a.menu.subactive {
  color: #000;
  background-color: #f5f5f5;
}
#hmenu > li ul.submenu {
  background: #ffffff;
  background-image: none;
  box-shadow: 0 14px 34px rgba(30, 24, 21, 0.18);
  border: 1px solid #e6dcc8;
  border-top: 3px solid #8e2e18;
  width: 220px;
  padding: 14px 8px;
}
#hmenu > li ul.submenu li.mititle a {
  font-weight: bold;
  color: #8e2e18;
}
#hmenu > li ul.submenu li.mititle a:hover {
  color: #8e2e18;
  background-color: #f1f1f1;
}
#hmenu > li ul.submenu li.mititle span {
  font-weight: bold;
  color: #8e2e18;
}
#hmenu > li ul.submenu li.mitext a {
  color: #fff;
}
#hmenu > li ul.submenu li.mitext a:hover {
  background: #f1f1f1;
  color: #000;
}
#hmenu > li ul.submenu li a,
#hmenu > li ul.submenu li span {
  color: #000;
}
#hmenu li ul.submenu li a, #hmenu li ul.submenu li span{
	font-size: 14px;
}
#vmenu{
	margin-top:15px;
}

#vmenu>li>a, #vmenu>li>span, .blockfacets .facettypecheckbox label, .blockfacets .facettyperadio label{
	padding-left:0px;
}

#bodyarea {
	background-color: #fff;
}
#vmenu > li.mititle > span,
#vmenu > li.mititle > a.menu,
.blockmktg .title,
.blockfacets .title {
  color: #fff;
  line-height: 35px;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  background-color: #4b4b4b;
}
#bodycolumn1 #blockfacets.blockshortcut {
  border: 1px solid #ccc;
}
.blockfacets .blockarea .title {
  background-color: #f1f1f1;
  padding: 0 0 1px 0;
}
.blockfacets .facetlist,
.blockfacets .facetslider {
  padding: 0;
  margin: 10px 5px;
}
.blockmktg .title,
.blockfacets .title {
  color: #fff;
  padding: 0;
}
#vmenu > li.mititle:hover > a.menu,
#vmenu > li.mititle > a.subactive {
  color: #fff;
  background-color: #656565;
  transition: all 0.3s ease 0s;
}
#bodycolumn1 #vmenu > li.misep {
  background-color: #ccc;
}
#vmenu > li.mitext:hover > a.menu,
#vmenu > li.mitext > a.subactive {
  color: #000;
  background-color: #f1f1f1;
}
#vmenu li ul.submenu {
  background-color: #f1f1f1;
  width: 220px;
  border: 1px solid #f1f1f1;
}
#vmenu li ul.submenu li a,
#vmenu > li.mitext ul.submenu li a,
#vmenu li ul.submenu li span {
  color: #000;
}
#vmenu li ul.submenu li:hover a.menu {
  color: #fff;
  background-color: #8e2e18;
}
#vmenu > li.mitext .menu,
#vmenu > li.mitext span {
  color: #000;
  padding-left: 10px;
  line-height: 30px;
}
#vmenu > li.mitext .menu + div::before,
#vmenu > li.mitext span + div::before {
  color: #000;
}
#vmenu > li {
  color: #fff;
}
#vmenu > li a:hover {
  color: #000;
}
.blockfacets .facetreset {
  right: 8px;
  top: 12px;
}
.blockfacets .facetreset a::before {
  color: #8e2e18;
}
.blockfacets .facettypecheckbox .selectedfacet,
.blockfacets .facettyperadio .selectedfacet {
  color: #8e2e18;
}
.blockfacets .facettypecheckbox .facet:hover,
.blockfacets .facettyperadio .facet:hover {
  color: #8e2e18;
}
.facetlist .facet .facetvalue {
  color: #000;
}
.facetlist .facet .facetvalue:hover {
  color: #8e2e18;
}
.facetlist .facet .facetcolor .facetcolorselected {
  border-color: #8e2e18;
}
.facetlist .facet.selectedfacet .facetvalue,
.facetlist .facet.selectedfacet .facetcolor {
  border-color: #8e2e18;
  color: #8e2e18;
}
.userdashboard .menulist .PBBtnStd {
  background: #f5f5f5;
  border-color: #eeeeee #e1e1e1 #c9c7c4;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #000;
}
.userdashboard .menulist .PBBtnStd:hover {
  background: #e8e8e8;
}
.userdashboard .menulist .PBBtnStd::before {
  border-right: 1px solid #dedede;
}
a.btnmain,
.cartlineqty .PBBtnStd,
.qtyZone .PBBtnStd,
#blockuserlogout .viewaccountinfo a,
#blockuserlogout .logout a,
div.navbar a,
input[type="button"],
input[type="submit"],
button,
.blockfacet .blockbtn,
input.PBBtnStd,
.OxSearchPanelNavBar .PBMainTxt.OxSearchPanelNavBtn,
.OxSearchPanelBlkAdv .PBMainTxt.OxSearchPanelNavBtn {
  color: #fff;
  background-color: #8e2e18;
  border-radius: 3px;
}
a.btnmain:hover,
.cartlineqty .PBBtnStd:hover,
.qtyZone .PBBtnStd:hover,
#blockuserlogout .viewaccountinfo a:hover,
#blockuserlogout .logout a:hover,
div.navbar a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.blockfacet .blockbtn:hover,
input.PBBtnStd:hover,
.OxSearchPanelNavBar .PBMainTxt.OxSearchPanelNavBtn:hover,
.OxSearchPanelBlkAdv .PBMainTxt.OxSearchPanelNavBtn:hover {
  color: #fff;
  background-color: #9a9a9a;
}
#IdOxToolTip .OxSearchPanelNavBtn,
.itemlist #btnaddtocart.btnaddtocart,
.userlogin .loginValid .btnmain,
.viewCartRelatedProducts a.btnmain.btnaddtocart,
div.navbar span.off {
  color: #fff;
  background-color: #8e2e18;
  border-radius: 3px;
}
#IdOxToolTip .OxSearchPanelNavBtn:hover,
.itemlist #btnaddtocart.btnaddtocart:hover,
.userlogin .loginValid .btnmain:hover,
.viewCartRelatedProducts a.btnmain.btnaddtocart:hover,
div.navbar span.off:hover {
  color: #fff;
}
#btnordernow,
#btnviewinvc,
#btncheckout,
.itemdetail #btnaddtocart.btnaddtocart,
#btncontinue,
.itemdetail #btnreqinfo,
#btnquotation {
  color: #fff;
  background-color: #8e2e18;
  border-radius: 3px;
}
#btnordernow:hover,
#btnviewinvc:hover,
#btncheckout:hover,
.itemdetail #btnaddtocart.btnaddtocart:hover,
#btncontinue:hover,
.itemdetail #btnreqinfo:hover,
#btnquotation:hover {
  color: #fff;
  background-color: grey;
}
.viewCartRelatedProducts a.btnmain.btnaddtocart {
  color: #fff;
  background-color: #8e2e18;
  border-radius: 3px;
}
.viewCartRelatedProducts a.btnmain.btnaddtocart:hover {
  color: #fff;
  background-color: grey;
}
.itemdetail #btnaddtocart.btnaddtocart::before {
  color: #fff;
}
.itemdetail #btnaddtocart.btnaddtocart:hover::before {
  color: #fff;
}
div.navbar span.off,
.userlogin .loginValid .btnmain,
.itemlist #btnaddtocart.btnaddtocart {
  color: #fff;
  background-color: #8e2e18;
  border-radius: 3px;
}
div.navbar span.off:hover,
.userlogin .loginValid .btnmain:hover,
.itemlist #btnaddtocart.btnaddtocart:hover {
  color: #fff;
  background-color: grey;
}
a.btnsub {
  background-color: #f5f5f5;
}
#hmenu > li > a.menu,
#hmenu > li > span,
#headerBtn a.homeLink,
#headerBtn a.accountLink,
#headerBtn .headerBtnSep,
#headerInfoCart .cartLink,
#vmenu > li.mititle > span,
#vmenu > li.mititle > a.menu,
.blockmktg .title,
.blockfacets .title,
#fmenu li.mititle a,
#fmenu li.mititle span {
  font-family: 'Open Sans', sans-serif;
}
.PBPTitle {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: normal;
}
.PBSTitle,
.PBCatTitle,
.guestbook .PBLink .PBMainTxt {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.itemdetail .PBItemTitle {
  color: #000;
  font-weight: bold;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}
.itemdetail .PBMainTxt.PBUpSellPdtTitle,
.itemdetail .PBMainTxt.PBRelatedPdtTitle {
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
  padding: 0 0 5px;
}
.scshipform .PBSTitle,
.scconfirmform .PBSTitle,
.scorderform .PBSTitle,
.scpaymentform .PBSTitle,
.useraccount.useredit .PBSTitle,
.addrbook .PBSTitle {
  font-family: 'Open Sans', sans-serif;
}
ul.subcatlist li a .PBMainTxt {
  color: #000;
}

ul.subcatlist li a {
	color:inherit;
	padding-top:4px;
	padding-right:6px;
	padding-bottom:4px;
	padding-left:6px;
}

.PBShortTxt,
.PBMainTxt {
  color: #000;
}
.PBCurrency {
  color: #8e2e18;
}
.PBDate {
  color: #8e2e18;
}
.PBCurrency .PBStrike {
  color: #8e2e18;
}
.PBCurrency .PBDiscount {
  color: #8e2e18;
}
.PBCurrency .PBDiscount + .PBSalesPrice {
  color: #8e2e18;
}
#maincontainer.webblock--v3 {
    overflow-x: initial;
	overflow: hidden;
}
#footercontainer {
  color: #fff;
  background-color: #282828;
  display: flex;
  min-height: 250px;
  flex-direction: column;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 44px;
}
#footercontainer #footermenu {
  padding: 10px 0;
}
#fmenu li.mititle a {
  color: #8e2e18;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
#fmenu li.mititle a:hover {
  color: grey;
  text-decoration: none;
}
#fmenu li.mititle span {
  color: #8e2e18;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
#fmenu li.mitext {
  color: #fff;
}
#fmenu li.mitext a {
  color: #fff;
}
#fmenu li.mitext a:hover {
  color: #8e2e18;
  text-decoration: none;
}
#fmenu li.mitext span {
  color: #fff;
}
.itemlist .oxcell a:hover {
  text-decoration: none;
}

#stepsContainer li span {
  background-color: #FFF;
  border: 1px solid #000;
  color: #000;
}
.scshopcart #stepCart span,
.usercreateaccount #stepAccount span,
.scorderform #stepAccount span,
.scshipform #stepShipping span,
.scpaymentform #stepPayment span,
.scconfirmform #stepConfirm span {
  background-color: #4b4b4b;
  border: 1px solid #4b4b4b;
  color: #fff;
}
.viewCart .carthead {
  background-color: #f1f1f1;
}
.viewCart .cartlineprice .PBCurrency {
  color: #000;
}
label[for="SalesPolicy"] {
  border-bottom: 3px solid #8e2e18;
  color: #8e2e18;
}
[cs-free-shipping] .lz-text .PBCurrency {
  color: #8e2e18;
}
.speechBubble {
  background-color: #8e2e18;
}
.speechBubble:after {
  border-right-color: #8e2e18;
}
.designBackColorMain,
.designBackColorMainHover:hover {
  background-color: #8e2e18;
}
.designBackColorMain:hover {
  background-color: #980e16;
}
.designColorMain,
.designColorMainHover:hover {
  color: #000;
}
.designColoredSub {
  color: #ffffff;
}
.designBackColorSub {
  background-color: #4b4b4b;
}
.designTextColorMain,
.designTextColorMainHover:hover,
.designBackColorMainHover:hover .designTextColorMainHover,
.designColoredSub:hover {
  color: #fff;
}
.designTextColorSub {
  color: #ffffff;
}
.designBackColorTer {
  background-color: #f1f1f1;
}
.designTextColorTer {
  color: #ffffff;
}
.sectiondata #expDiaporama a.taghighlighted {
  background-color: ##8e2e18;
}
body.PB .blockmktg a:hover {
  text-decoration: none;
}
.cartlinename a.PBLink font.PBMainTxt,
.blockmktg .itemlist .PBShortTxt,
.itemdetail .PBItemTitle,
.itemlist .oxcell .PBMainTxt,
.PBRelPdtTable .PBShortTxt,
#listProductsArea.dynamicCartProductsList .productName .PBMainTxt,
#popupContainer #listProductsArea.dynamicCartProductsList .productName .PBMainTxt,
[cs-app-cross-sales] .lz-pdt-name .PBShortTxt,
cs-app-cross-sales .lz-pdt-name .PBShortTxt {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
.PBCompTitle .PBPTitle,
.itemdetail .PBMainTxt.PBUpSellPdtTitle,
.itemdetail .PBMainTxt.PBRelatedPdtTitle,
.scshopcart .PBPTitle,
.scorderform .PBPTitle,
.userlogin .PBPTitle,
.scshipform .PBPTitle,
.scpaymentform .PBPTitle,
.scconfirmform .PBPTitle {
  color: #4b4b4b;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.loginHeader .PBSTitle,
.hotnews .PBItemName .PBMainTxt,
.scshopcart .PBSTitle,
.scorderform .PBSTitle,
.scshipform .PBSTitle,
.scpaymentform .PBSTitle,
.scconfirmform .PBSTitle,
cs-app-cross-sales .lz-title.PBSTitle {
  color: #4b4b4b;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
.shopcarttable .PBStatic {
  font-weight: normal;
}
body.PB ul.catbreadcrumb li:nth-last-child(1) a {
  color: #4b4b4b;
}
body.PB ul.catbreadcrumb a:hover {
  text-decoration: none;
}
#blockfacets .blockarea .title {
  background-color: #f1f1f1;
  padding: 0 0 1px 0;
  color: #8e2e18;
  text-indent: 5px;
}
a.btnclass {
  display: inline-block;
  margin: 10px 0;
  padding: 0 10px;
  color: #fff !important;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  background: #8e2e18;
  border: 0 none;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s ease 0s;
  text-decoration: none !important;
  text-align: center;
  vertical-align: middle;
}
a.btnclass:hover {
  background: grey;
}
.PBLayoutTable img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.poz-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.poz-center-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.poz-center-rigth {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.poz-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.poz-center-arround {
  display: flex;
  align-items: center;
  justify-content: space-arround;
}
.poz-top-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.poz-bottom-left {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media screen and (min-width: 1330px) {
  #headerarea,
  #bodyarea,
  #footerarea {
    max-width: 1240px;
    width: 100%;
    padding: 1;
  }
}
#headercontainer {
  background: linear-gradient(to bottom, #8e2e18, #8e2e18), linear-gradient(to bottom, #ffffff, #ffffff);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 40px, 100% 100%;
  background-color: #ffffff;
  border-bottom: 2px solid #8e2e18;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#headerarea .headerflex-text {
  max-width: 50%;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
}
#headerarea .headerflex-text #headertext {
  color: #8e2e18;
}
#headerarea .headerflex-text span {
  color: #fff;
  font-size: 13px;
}
#headerarea .headerflex-btn {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#headerarea .headerflex-btn .headerBtnSep {
  color: #fff;
}
#headerarea .headerflex-btn #headerBtn > a,
#headerarea .headerflex-btn #headerBtn a.accountLink {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 0 10px;
  color: #fff;
}
#headerarea .headerflex-btn #headerBtn > a:hover,
#headerarea .headerflex-btn #headerBtn a.accountLink:hover {
  color: #fff;
}
#headerarea .headerflex-logo {
  max-width: 26%;
  flex: 0 0 26%;
  display: flex;
  height: 104px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#headerarea .headerflex-logo #headerlogo a {
  display: flex;
}
#headerarea .headerflex-logo #headerlogo img {
  max-height: 62px;
  max-width: 100%;
  width: auto;
  height: auto;
}
#headerarea .headerflex-search {
  max-width: 44%;
  flex: 0 0 44%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .eshopSearch est un flex-item sans largeur propre : il se dimensionne sur son
   contenu (235 px), et le width:100% du bloc ci-dessous se calcule sur CETTE
   largeur-la. Sans cette regle, le champ reste petit quoi qu'on fasse. */
#headerarea .headerflex-search .eshopSearch {
  flex: 1 1 auto;
  width: 100%;
  max-width: 620px;
}
#headerarea .headerflex-search #headerSearchBlock {
  border: 1px solid #e0d5c0;
  background-color: #f5f0e5;
  width: 100%;
  max-width: 620px;
  height: 46px;
  border-radius: 0;
  display: flex;
  align-items: center;
  margin-top: 0;
}
#headerarea .headerflex-search #headerSearchBlock form {
  width: 100%;
}
#headerarea .headerflex-search #headerSearchBlock .searchtext {
  width: 100%;
  height: 44px;
  line-height: 44px;
  display: flex;
  color: #000;
  font-size: 15px;
  padding-left: 14px;
  background: transparent;
  border: none;
}
#headerarea .headerflex-search #headerSearchBlock .blockbtn {
  height: 35px;
  line-height: 35px;
}
#headerarea .headerflex-search #headerSearchBlock .blockbtn::before {
  color: #000;
  height: 35px;
  line-height: 35px;
  display: flex;
}
#headerarea .headerflex-cart {
  max-width: 30%;
  flex: 0 0 30%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner {
  height: 40px;
  line-height: 40px;
  color: #8e2e18;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner::before {
  color: #8e2e18;
  position: relative;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner .cartLink {
  color: #8e2e18;
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner #cartItems {
  position: absolute;
  top: 0;
  left: 22px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
  background: #8e2e18;
  border-radius: 50%;
}
#headerInfoCart .headerInfoCartInner:before{
	margin-right: 17px;
	font-size: 25px;
}

#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner #cartItems:before,
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner #cartItems:after {
  display: none;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner .cartPrice {
  color: #8e2e18;
  font-size: 15px;
  font-weight: 700;
  padding: 0 0px 0 5px;
}
#headerarea .headerflex-cart #headerInfoCart .headerInfoCartInner a:hover {
  text-decoration: none;
}
#headerarea .headerflex-cart #headerInfoCart #cartContainer {
  top: 40px;
}
#headerarea #headermenu {
  height: 56px;
  max-width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #ffffff;
}

/**************************** Cat&#65533;gories header **************************************/
/** .sectiondata .sectioncatheader {  margin:0; border: none; height: auto; background-color:#5d5139; } **/
.sectiondata .sectioncatheader {  margin:0; border: none; height: auto; background-color:#7B3621; }
.sectiondata .sectioncatheader .PBCatTitle{color:#fff;font-size: 26px;}
.sectiondata .sectioncatheader .PBLongTxt {  color:#fff; }

ul.subcatlist li { border-left: 1px solid #999; display: inline-block; *display: block; *float:left;  padding: 0 0 0 10px;  width: 23%; }
.subcatlisttitle{ border-bottom: 1px solid #EBEBEB; padding: 0 0 5px;}
ul.subcatlist { margin: 0; padding: 10px 0 0; width: 100%;}
ul.subcatlist li  a .PBMainTxt { color: #872A16; font-size: 12px; font-weight: normal; }
ul.subcatlist li  a:hover .PBMainTxt { color: #000; }
ul.subcatlist li  a:hover { text-decoration: none; }


.homepage #bodycolumn1 {
  display: none;
}
.homepage #bodycolumn2 {
  margin: 0;
}
.homepage #bodyarea {
  max-width: 100%;
  margin: 0;
}
.homepage .sectiondataarea.webblock__content {
  padding: 0;
}
/* Composants de l'ancienne page d'accueil (carrousel, blocs livraison,
   categories, onglets, avantages, marques) : supprimes, plus aucun de ces
   elements n'existe dans le DOM. Verifie le 22/07/2026. */

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

/**************************** Footer **************************************/

/* Reassurance */

.sectiondataarea #reinsurance {width:100%; position:relative; top:20px;
margin:0 auto; left:10px; float:left; }

.sectiondataarea #reinsurance img { margin:0 0  5px 0;   display:inline-block;}

#footerarea #footerblock #reinsurance {
width:100%; height:120px;  
position:absolute; left:0; padding:18px 95px 0px 0;
    background-image: url("/Files/26602/Img/03/BG-Footer.png");
    background-position: right top ; margin-top:-6px; 
}


#reinsurance img {margin: 5px 0 10px 0;}


#reinsurance .element1 {
    display: inline-block; 
_display:inline; *display:inline;
    margin-top: 0;
   box-shadow: 
}
#reinsurance .element2 {
    display: inline-block; *display:inline;
_display:inline;
    margin-top: 0;
  
}
#reinsurance .element3 {
    display: inline-block; *display:inline;
_display:inline;
    top: 0px; left:115px;
position:relative;
   
}



.element1:hover, .element2:hover, .element2:hover { opacity:0.5;
    filter : alpha(opacity=50);
}

/* motif absurdity.png retire : 4x4 px repetes, quadrillage gris pale */


#footermenu {
    padding: 0px 0 20px 0;
    top: 130px;
    position:relative;
}

#fmenu { list-style-type: none; margin: 0; padding: 0; text-align: left; }

#fmenu li {
    line-height: 20px;
    margin: 0;
    padding: 0 10px 0 20px;
    text-align: left;
    width: 20%;
    display: inline-block;
    *display: block;
    *float:left;
 border-right: 1px solid #333;
}

#fmenu li.menusep { }
#fmenu li.begin, #fmenu li.end  { display: none; }
#fmenu li.misep { display: none; }
#fmenu li.mispacer { vertical-align: middle; }
#fmenu li img { max-height: 24px; vertical-align: middle; }

#fmenu li.mititle a, #fmenu li.mititle span {
    color: #872a16; 
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    font-size: 16px; letter-spacing:1px;
}

#fmenu li.mitext a, #fmenu li.mitext span{
    font-weight: normal;
    color: #C0C0C0;
    font-size: 12px;
}

#fmenu li.mitext a:hover {
    text-decoration: none;
    color: #fff;
}

#fmenu li.mititle a:hover{
    text-decoration: none;
    color: #fff ;
}


/* .phone vit maintenant dans .headerflex-text, .slogan dans .headerflex-logo :
   plus besoin de position absolue ni de valeurs calees en dur. */
.phone {
  display: block;
  color: #f3e2c4;
  font-size: 13px;
  letter-spacing: 0;
}
.slogan {
  display: block;
  width: auto;
  padding: 0;
  margin-top: 4px;
  font-family: 'Courier New', Consolas, monospace;
  font-size: 11px;
  color: #8a7f70;
  text-align: left;
  font-weight: normal;
}



#footerarea {
    position: initial;
}


/* Image List and Magic Zoom { */
.imgcontainer {float:none;}
.imgcontainer .imgthumbnail{border:none;}
.imgcontainer #imgmain{text-align: left;padding-right: 15px;}
.imgcontainer #imgmain a {margin:0 auto;}
.imgcontainer .imgthumblist ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.imgcontainer .imgthumblist li {display:inline;margin:0;padding:0;}
.imgcontainer .imgthumblist {text-align:center; margin-top:5px;}
.imgcontainer .imgthumblist img {border:none;margin:0;padding:0;cursor:pointer;}
.imgcontainer .imgthumblist li.nextthumbnail {margin-left:5px;}

.MagicZoomBigImageCont {border:1px solid #CDCDCD;}
.MagicZoomPup {
	border:1px solid #aaa;
	background:#ffffff;
	cursor:hand;
}
.MagicZoomLoading {
	background:#ffffff;
	color:#444;
	border:1px solid #ccc;
	opacity:0.8;
	padding:3px 3px 3px 3px !important;
	display:none;
}
/* Image List and Magic Zoom } */

.imgcontainer {
    float: left;
    margin-left: 10px;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {
    z-index: 150;
    width: auto;
    padding: 206px 0px 6px;
    *
    padding:0 10px 0;
    margin: 0 auto 0 auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.blockmktg .blockarea {
    margin: 15px 0 0 0;
}

.PBCompTitle {
    display: block;
    margin: 15px 0 0 5px;
}

.ngdialog.ngdialog-theme-oxatis .ngdialog-content{
	flex: 0 1 700px;
}

#footerarea #poweredby {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 2;
    text-align: center;
    padding-top: 20px;
}
#footerarea #copyright {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 2;
    text-align: center;
    padding-top: 150px;
}

#copyright span {font-size:18px;}

#stepsContainer {
    border-bottom: 1px solid #ccc;
    display: block;
    height: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

.sectiontb, .sectiontbarea{
	margin-top:10px;
}

.PBMsgAvailSupplier, .PBMsgDaysToShip, .PBMsgDiscontinued, .PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgOutOfStock, .PBShortTxt.PBMsgStockLvl{
	font-size:16px;
}

/* Article discontinu&#258;© */
span.PBShortTxt.PBMsgDiscontinued {
    background-color: transparent;
    color: #000;
}

.PBShortTxt.PBMsgOutOfStock {
		display: none;
}

#tva {text-align: center;}
.tva {font-size:18px;font-weight:normal;}