@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');:root{--annonces-height:-1px;--jauneLBE:#ebca3d;--noirLBE:#31383f;--bleuBP:#09637d;--rougeDM:#e74c3c}
html{margin:0;padding:0;height:100%;width:100%}
body{font-family:"Lato","Verdana";margin:0;padding:0;height:100%;font-weight:400;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%}
#headerLBE{font-family:'Montserrat',sans-serif;width:100%;background-color:#31383f;padding:0;position:fixed;top:0;z-index:10001;text-align:center}
#fixedHeaderLBE{width:calc(100% - 20px);padding:13px 10px}
#btnMenu{float:left}
#logoHeader{height:30px}
#headerLeft{float:left;width:250px}
#headerRight{float:right;width:250px}
#headerRight>img{margin-left:10px}
#headerRight>.btnPartenariat{font-weight:bold;line-height:14px;padding:5px 16px;margin-right:5px}
#btnMenu,#btnUser,#btnPanier{width:25px;margin:5px 8px 0 8px;height:25px}
#indicNbProduits{position:absolute;background-color:#ebca3d;width:15px;height:15px;border-radius:10px;font-weight:bold;top:2px;left:18px;pointer-events:none;font-size:11px;text-align:center}
.specBtns{color:#ebca3d;display:inline-block;text-align:center;font-size:14px;border:1px solid #fff;margin-right:15px;padding:3px 5px;font-weight:bold;border-radius:4px}
.specBtns:hover{border-color:#ebca3d;color:#fff}
#menuCategs{background-color:#fff;margin:0;padding:0;display:table;width:100%;box-shadow:0 -2px 10px 3px #00000040 inset}
#menuCategs>div{display:table-cell;vertical-align:middle;margin:0;padding:0;text-align:center}
#menuCategs>div:nth-child(2){position:relative}
#draggableMenu{display:inline-flex;font-size:15px;border-spacing:15px 5px;padding-right:50px}
#draggableMenu li{width:auto;text-align:center;vertical-align:middle;padding:5px;margin:5px;font-weight:600;white-space:nowrap;font-size:14px;border-radius:8px;cursor:pointer}
#draggableMenu li a{color:#31383f}
#draggableMenu li:hover a{color:#ebca3d}
#menuCategs li.decoBP>a{color:#09637d !important}
#menuCategs li.decoBP:hover>a{color:#ebca3d !important}
#menuCategs li.decoDM>a{color:#e84c3d !important}
#menuCategs li.decoDM:hover>a{color:#ebca3d !important}
#btnScrollLmenuH,#btnScrollRmenuH{position:absolute;width:120px;height:100%;top:0;cursor:pointer;display:none}
#btnScrollLmenuH{left:0;background-image:linear-gradient(to left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);text-align:left}
#btnScrollRmenuH{right:0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);text-align:right}
#btnScrollLmenuH img,#btnScrollRmenuH img{width:50%;height:50%;margin-top:10px}
#btnScrollLmenuH img{transform:rotate(-180deg)}
#menuV{font-family:'Montserrat',sans-serif;width:350px;position:fixed;top:0;left:-400px;z-index:9000;height:100%;background-color:#fff}
#headerMenuV{padding:10px 20px;width:calc(100% - 40px);background-color:#fff;height:50px;border-bottom:1px solid #000}
#headerMenuV>a{color:blue;text-decoration:underline}
#conteneurMenuSliders{position:absolute;top:70px;left:0;height:100%;display:flex}
.menuSlider{height:calc(100% - 70px);width:350px;overflow-y:auto}
#btnCloseMenuV{float:right;cursor:pointer;background-color:#fff;padding:10px}
.btnMenuPrec{width:calc(100% - 20px);font-weight:bold;cursor:pointer;font-size:18px;padding:10px}
.btnMenuPrec:hover{background-color:#f3f3f3}
#menuV h3{display:inline-block;margin-left:20px;text-transform:uppercase;font-family:'Montserrat',sans-serif !important;font-weight:bold}
#menuV ul{width:100%;border-bottom:1px solid #31383f;padding:10px 0}
#menuV ul a{padding:5px 20px 5px 20px;display:block;width:calc(100% - 40px);position:relative}
#menuV ul a.deployMenu::after{content:'>';position:absolute;right:10px}
#menuV ul a:hover{background-color:#f3f3f3}
#menuV ul a.specButton{display:inline-block;width:auto;margin-left:12px;border-radius:8px;margin-bottom:2px;max-width:300px;text-align:center}
#menuV ul a.menuSeeAll{background-color:#31383f;padding:4px 8px;color:#fff}
#menuV ul a.menuSeeAll:hover{color:#ebca3d}
#menuV ul a.menuYellowBtn{background-color:#ebca3d;padding:4px 8px;color:#000}
#menuV ul a.menuYellowBtn:hover{color:#ebca3d;background-color:#31383f}
#menuV ul a.decoBP{background-color:#09637d !important;color:#fff !important;padding:2px 6px;border:2px solid #09637d}
#menuV ul a.decoBP:hover{background-color:#fff !important;color:#09637d !important}
#menuV ul a.decoDM{background-color:#e84c3d !important;color:#fff !important;padding:2px 6px;border:2px solid #e84c3d}
#menuV ul a.decoDM:hover{background-color:#fff !important;color:#e84c3d !important}
#menuV ul a.decoBlack{background-color:#31383f !important;color:#ebca3d !important;padding:2px 6px;border:2px solid #31383f}
#menuV ul a.decoBlack:hover{background-color:#ebca3d !important;color:#31383f !important;border-color:#ebca3d}
#headerRech{background-color:rgba(255,255,255,0.5);position:fixed;z-index:8000;width:100%;text-align:center;padding:15px 0;top:calc(96px - var(--annonces-height))}
#formRech{background-color:#fff;width:auto;display:inline-block;padding:0 0 0 15px;border-radius:8px;border:1px solid #aaa}
#formRech input[type=text]{background:0;border:0;font-family:'Montserrat',sans-serif;font-size:14px;margin:15px 0 15px 0;padding:0;width:280px}
#formRechSep{display:inline-block;width:1px;background-color:#bbb;padding:15px 0;margin-bottom:-11px}
#fondBtnSearch{display:inline-block;background-color:#ebca3d;padding:0;border-radius:0 7px 7px 0}
#fondBtnSearch:hover{background-color:#31383f}
#btnSearch{height:25px;margin:0;padding:17px 15px 10px 15px;cursor:pointer}
.resultsRech{position:absolute;border:2px solid #09637d;background-color:#fff;width:268px;max-height:250px;overflow:auto;display:none;padding-bottom:10px;margin-top:0;text-align:left}
.resultsRech a{padding:5px;display:block;text-decoration:none}
.resultsRech a:hover{color:#ebca3f}
.resultsRechSection{padding:5px;font-weight:bold;background-color:#aaa}
#pictoPosition{width:18px;height:16px;vertical-align:middle;margin-left:2px;filter:invert(39%) sepia(0) saturate(2094%) hue-rotate(341deg) brightness(96%) contrast(77%)}
#fil-ariane{list-style:none;padding:5px 0 0 0;margin:0;display:flex;flex-wrap:wrap;margin-left:20px;font-size:smaller}
#fil-ariane li{position:relative;padding-right:1.5em}
#fil-ariane li a{text-decoration:none;color:#007bff;color:var(--noirLBE)}
#fil-ariane li a:hover{text-decoration:underline}
#fil-ariane li:last-child{color:#333}
#fil-ariane li:not(:last-child)::after{content:'>';position:absolute;right:.5em;color:#6c757d}
.footerLBE{width:calc(100% - 20px);background-color:#31383f;padding:10px;color:#fff;font-family:'Montserrat',sans-serif}
.tabFooter{display:table;margin:auto}
.colFooter{display:table-cell;padding:40px;font-size:12px;vertical-align:top}
.tabFooter h4{font-weight:bold;margin:0}
.tabFooter ul{list-style:none;padding:15px 0 0 0}
.tabFooter li{margin-bottom:5px}
.colFooter:nth-child(2) ul{display:inline-block;padding-bottom:10px}
.tabFooter a{color:#fff;text-decoration:none}
.tabFooter a:hover{text-decoration:underline #fff;color:#ebca3d}
#titleContactFooter{font-size:50px;font-weight:normal;font-family:'Montserrat',sans-serif !important;margin:0}
.labelFooter{margin:0;display:inline-block;width:100px;padding-top:5px}
.tabFooter>ul{padding-bottom:15px}
.tabFooter>ul>li{display:inline;padding:0 15px}
#surFooterLBE{width:calc(100%-20px);background-color:#f3f3f3;padding:10px;font-family:'Montserrat',sans-serif}
#tabSurFooter{display:table;margin:auto;text-align:center}
.cellSurFooter{display:table-cell;padding:20px;width:20%}
.cellSurFooter a{text-decoration:none;color:#31383f}
.cellSurFooter a:hover{color:#ebca3d}
.cellSurFooter a:hover img{filter:invert(100%) sepia(30%) saturate(6395%) hue-rotate(327deg) brightness(102%) contrast(84%)}
.noSelect{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.bigger{font-size:larger}
.blocAlerte{max-width:500px;margin:15px;padding:15px;color:#fff;background-color:#666;border-radius:4px}
.vertLBE{background-color:#178c07}
.orangeLBE{background-color:#f60}
.rougeLBE{background-color:red}
.jauneLBE{background-color:#ebca3d}
.noirLBE{background-color:#31383f}
.svgWhite{filter:invert(100%) sepia(0) saturate(7500%) hue-rotate(49deg) brightness(107%) contrast(100%)}
.svgBlack{filter:invert(21%) sepia(4%) saturate(1793%) hue-rotate(169deg) brightness(89%) contrast(91%)}
.svgJaune{filter:invert(100%) sepia(30%) saturate(6395%) hue-rotate(327deg) brightness(102%) contrast(84%)}
.svgGrey{filter:invert(90%) sepia(2%) saturate(11%) hue-rotate(314deg) brightness(96%) contrast(81%)}
.svgWhite:hover,.svgBlack:hover{filter:invert(100%) sepia(30%) saturate(6395%) hue-rotate(327deg) brightness(102%) contrast(84%)}
.imgAbsMiddle{vertical-align:middle}
.txtJauneLBE{color:#ebca3d}
.txtRougeLBE{color:red}
#contenu{font-family:'Montserrat',sans-serif !important;width:100%;margin-top:calc(180px - var(--annonces-height))}
.btnLBE{display:inline-block;border-radius:8px;padding:8px 16px;font-weight:400;cursor:pointer;border:0}
.btnLBE2{text-transform:uppercase;font-weight:600;cursor:pointer}
.btnLBE.noirLBE{color:#fff}
.btnLBE.noirLBE:hover{color:#31383f;background-color:#ebca3d}
.btnLBE.jauneLBE:hover{color:#ebca3d;background-color:#31383f}
.smartphoneOnlyBlock{display:none}
#freezer{z-index:11000;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.stop-scrolling{height:100%;overflow:hidden}
#customConfirm{z-index:12000;position:absolute;top:50px;padding:20px;border-radius:10px;background-color:rgba(200,200,200,0.9)}
#popCodePromo{display:none;z-index:50;position:fixed;padding:20px;font-family:'Montserrat',sans-serif;border-radius:20px;background-color:#fff;text-align:center;font-size:24px;box-shadow:rgba(0,0,0,0.35) 0 0 15px}
@media screen and (max-width:768px){.noSmartphone{display:none}
.smartphoneOnlyBlock{display:block}
#logo4headerLight{width:90%}
#fixedHeaderLBE{width:calc(100% - 10px);padding:8px 5px}
#traceMobile{display:none}
#headerLeft,#headerRight{width:75px !important}
#headerRight>.btnPartenariat{display:none}
#headerRight{margin-top:0}
#btnMenu,#btnUser,#btnPanier{margin:5px 5px 0 5px}
#btnScrollLmenuH,#btnScrollRmenuH{width:80px}
#menuCategs{top:43px}
#menuCategs ul{font-size:13px}
.specBtns{font-size:13px;margin-right:8px}
#headerRech{width:calc(100% - 20px);padding:15px 10px;top:calc(86px - var(--annonces-height))}
#formRech{width:auto;padding:0 0 0 10px;border-radius:8px;text-align:left}
#formRech input[type=text]{font-size:12px;width:40%;text-align:left;margin:12px 0 12px 0}
#formRechSep{padding:12px 0;margin-bottom:-8px}
#fondBtnSearch{float:right}
#btnSearch{padding:10px;margin:0;height:20px}
#pictoPosition{width:16px;height:14px;margin-left:0}
#contenu{margin-top:calc(160px - var(--annonces-height))}
.footerLBE h4{padding-top:15px}
#tabSurFooter{display:grid;grid-template-columns:50% 50%}
.cellSurFooter{width:auto}
.tabFooter{display:table;width:100%}
.colFooter{display:block;padding:0;text-align:center;margin-top:10px}
.labelFooter{width:auto}
.labelFooter::after{content:"\00a0:\00a0"}
#popCodePromo{padding:10px;width:calc(100% - 52px);border-radius:10px}
}