@charset "utf-8";
@import url(/frontend/fonts/font-awesome/css/font-awesome.min.css);
iframe {width: 100%;}img.imgthumbnail {max-width: 100%;}img.imgmain {max-width: 100%;}.slide-no-puce .ox-slider-handle-link {display: none;}img.imgcat { max-width: 100%;}.Insta:before { content: "\f16d"; font-family: 'FontAwesome'; margin-right: 10px;}.FaceB:before { content: "\f082"; font-family: 'FontAwesome'; margin-right: 10px;}.Twitter:before { content: "\f099"; font-family: 'FontAwesome'; margin-right: 10px;}.Adresse:before { content: "\f041"; font-family: 'FontAwesome'; margin-right: 10px;}.Phone:before { content: "\f095"; font-family: 'FontAwesome'; margin-right: 10px;}.MPhone:before { content: "\f10b"; font-family: 'FontAwesome'; margin-right: 10px;}.caret{display: inline-block;  width: 0;  height: 0;  margin-left: 2px;  vertical-align: middle;  border-top: 4px solid;  border-right: 4px solid transparent;  border-left: 4px solid transparent;}div#headerInnerContent {max-width: 1440px;display: flex;flex-direction: row;justify-content: space-around;} div#headerBtn {/* flex: 0 auto; *//* float: none; *//* width: 100%; */margin-top: 40px;}div#headercolumn1 {position: initial;flex: 0 auto;float: none;width: 33%;text-align: center;}.eshopCart {flex: 0 auto;float: none;width: 33%;} div#headercolumn2 {position: absolute;right: 20px;top: 70px;}.eshopSearch {position: absolute;left: 20px;top: 55px;}div#headermenu{
text-align: center;}ul#hmenu {margin: auto auto;display: flex;}#hmenu > li > a.menu, #hmenu > li > span {margin: 0 1em 0 1em;}div#maincontainer {overflow: hidden;}div#headerInfoCart {background-image: url(/Files/136115/Img/22/plateaudecoupe-panier.png);padding: 0px 0 0 60px;background-repeat: no-repeat;background-position: center left;}td.shippingImage a img {max-width: 180px;}.Mobile:before {content: "\f10b"; font-family: 'FontAwesome'; margin-right: 10px;} div#headerInner {border: none;margin-top: 10px;}.Col5 > div { width: 20%;} div#bodyarea {    min-width: 0; display :block;} ul#sectionlogin li#loginSocial {display:none}


/* VARIABLE DE COULEUR START */
:root {
    --color-domi: #000000;
    --color-sec: #B70D1A;
    --color-tri: #00B351;
    --color-quadri: #F2F2F2;
  }

 /* VARIABLE DE COULEUR START */ 

/*GENETAL SETTINGS*/
div.accueil div#bodycontainer div#bodyarea div#bodycolumn2 div#bodydata .view {padding-top:0}
a#btnretitems:hover{color:var(--color-domi);}.sectiondataarea.sectioncatheader {    padding-left: 15px;}
body.PBPW, body.PB {font-family: 'Poppins', sans-serif;}
.PBPTitle, h1.PBSTitle.PBCatTitle {font-family: 'Poppins', sans-serif; font-size: 2em; color:var(--color-domi)}
.PBSTitle {font-family: 'Poppins', sans-serif; font-size:1.5em; color:var(--color-sec)}
/*BTN*/
a.btnaddtocart.btnmain, #headerInfoCart #cartContainer a#seeyourcart, #popupbtnarea a.c-button--primary, .ox-button a.btnmain, a#btncheckout, a#btncontinue, a#btnordernow, a.btnaddtocart, a.c-app-preview-product-popup__btn, a.ox-btn--order, a.btnmain, a#btncancel, a#btnupdtcart, a#btnclearcart, a#btngotocart
 {background-color: var(--color-tri);color: white;border: none;text-transform: uppercase;font-weight: 400;border-radius: 15px;}
a.btnaddtocart.btnmain:hover, .blockfacet .blockbtn:focus, .blockfacet .blockbtn:hover, .itemlist .subcatlist li a:focus, .itemlist .subcatlist li a:hover, .OxSearchPanelNavBar .OxSearchPanelBtn.PBMainTxt.OxSearchPanelNavBtn:focus, 
.OxSearchPanelNavBar .OxSearchPanelBtn.PBMainTxt.OxSearchPanelNavBtn:hover, a#btnAddAddr:focus, a#btnAddAddr:hover, a#btnChooseShippingAddress:focus, a#btnChooseShippingAddress:hover, a#btnclearcart:focus, a#btnclearcart:hover, 
a#btngotocart:focus, a#btngotocart:hover, a#btnmodify:focus, a#btnmodify:hover, a#btnupdtcart:focus, a#btnupdtcart:hover, a.btnmain:focus, a.btnmain:hover, a.btnsub:focus, a.btnsub:hover, #headerInfoCart #cartContainer a#seeyourcart:focus, 
#headerInfoCart #cartContainer a#seeyourcart:hover, #popupbtnarea a.c-button--primary:focus, #popupbtnarea a.c-button--primary:hover, a#btncheckout:focus, a#btncheckout:hover, a#btncontinue:focus, a#btncontinue:hover, a#btnordernow:focus,
 a#btnordernow:hover, a.btnaddtocart:focus, a.btnaddtocart:hover, a.c-app-preview-product-popup__btn:focus, a.c-app-preview-product-popup__btn:hover, a.ox-btn--order:focus, a.ox-btn--order:hover {background-color: var(--color-domi);color: white;}
/*BTN*/
#cartItems {background-color: var(--color-domi);}
a:hover{color:var(--color-domi);}
#headerSearchBlock .blockbtn:hover:before {color: var(--color-sec);}
.header-logo__inner img { max-width: 100%; max-height: 100%;}
div.sccatalog div#bodycontainer div#bodyarea div#bodycolumn2 div#bodydata form.ng-pristine.ng-valid .view { max-width: 1280px; margin: auto;} /*CENTRER LE CATALOGUE ELEMENTS*/
div.sccatalog.itemdetail div#bodycontainer div#bodyarea div#bodycolumn2 div#bodydata form .view table.viewtbl {    max-width: 1280px;    margin: auto;}/*CENTRER LE CATALOGUE ELEMENTS*/
div.sccatalog div#bodycontainer { max-width: 1280px; margin: auto;} /*CENTRER LE CATALOGUE ELEMENTS en cas de menu V*/
.sectiondata.webblock__content {padding: 0;}
.viewtbl:not(.viewtblsplitted), .viewtblsplitcol1content {padding: 0px;}
.sectiondataarea {padding: 0;}
/* COL CSS START*/
div#col-5 div {justify-content: center;}
/* COL CSS END*/

/*Entete*/
.l-ox-grid__col-4.header-shop-search__container {text-align: center;}
.l-ox-grid__col-4.header-brand__container {text-align: left;max-width: 33%;}
.header-text__inner {/* float: right; *//* margin-top: -30px; */}
.header-item.header-shop-search__inner {float: left;text-align: left;display: block!important;padding: 0px;width: 100%;max-width: 100%;}
.accountLink:before, .cartLink:before { content: none;}
#headerlogo img { max-height: none;  max-width: 100%;}
span#headertext {background-image: url(http://training-local-2.oxatis.com/Files/133418/Img/02/kit-creation-tel.png); ;;padding: 13px 0 12px 34px;;;  background-repeat: no-repeat; background-position: left center;}
a.accountLink {background-image: url(/Files/136115/Img/01/plateaudecoupe-compte.png);background-repeat: no-repeat;padding: 10px 0 20px 42px;background-position: left center;}
a.homeLink {background-image: url(http://training-local-2.oxatis.com/Files/123805/Img/11/kit-creation-accueil.png);background-repeat:no-repeat;padding: 10px 0 10px 40px;background-position:left center;float: left; margin-right: 20px;}
.accountLink, .cartLink span, .cartPrice, a.homeLink {font-size: 1em; font-family: unset;}
div#headerBtn a span {font-size: inherit;font-family: unset;text-transform: uppercase;}

.topHeader3col {
  display: flex;
  align-items: center;
  align-content: center;
  max-width: 100%;
  height: 45px;
  color: white;
  background-color: var(--color-sec);
  justify-content: space-evenly;
}

.thlivraison {
  display: flex;
  align-content: center;
  align-items: center;
}

.thcontact {
  display: flex;
  justify-content: center;
  align-items: center;
}

.thsocial {
  display: flex;
  justify-content: center;
  align-items: center;
}


.topHeader3col .thcontact img {
    margin: 0px 5px 0 0;
    width: 23px;
}

.topHeader3col .thlivraison img {
    margin: 0px 5px 0px 0px;
    width: 20px;
}
/*FIN Entete*/

/*Horizontal Menu*/
div#headermenu ul#hmenu {margin: auto;justify-content: center;min-width: 100%;}
#hmenu li ul.submenu {border: none;}
#headermenu {-webkit-box-flex: 1;webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 100%;background-color: var(--color-tri);color: white;border-top: none;border-bottom: none;}
#hmenu>li.mitext>a, #hmenu>li.mitext>span {font-weight:500;}
#hmenu>li.mitext:hover>a {background: var(--color-tri);color: var(--color-domi);font-weight: 600;}
/*FIN Horizontal Menu*/

/*CATEGORIE
.sectiontb .sectiontbarea table tbody tr.viewTitle__headline td.viewTitle__headline-title .PBCompTitle span.PBPTitle, .sectiondata.sectioncatheader { margin-top: 10px;}
.sectiontb .sectiontbarea table tbody tr.viewTitle__actions {display:none}
tr.viewSubCatList table.sectionsubcatlist .sectiondata.sectionsubcatlist {display:none;}*/
.sccatalog.itemlist div#bodycontainer div#bodyarea {display:flex}
/*FIN CATEGORIE*/

/*Produit*/
img.c-ox-brand-image__image {    max-width: 200px;    max-height: 200px;}
/**/

/*Vertical Menu*/
/*FIN Vertical Menu*/

/*Footer*/
div#footercontainer {background: url(/Files/136115/Img/13/plateaudecoupe-footer-fond.jpg);color: white;background-position: center;}
/*FIN Footer*/

/*Footer Menu*/
#fmenu li {border: none;}
#fmenu li img {max-height: none;max-width: 100%;}
#hmenu ul.submenu li.mitext>a {transition: 0.1s ;}
#hmenu ul.submenu li.mitext:hover>a {padding: 10px; transition: 0.3s ease-out;}
#fmenu li.mitext a, #fmenu li.mitext span {color: white;opacity: 1;}
#fmenu li.mititle a, #fmenu li.mititle span {color: var(--color-tri);text-transform: uppercase;}
#fmenu li.mitext a:hover { color: var(--color-sec);}
li.mispacer.lz-menu-item {height: 10px;}
.ox-row__col.l-ox-row__col.l-ox-row__col-12.l-ox-row__col-md-12.l-ox-row__col-sm-12.jss1tarho0 {
    background-color: var(--color-sec);
}
/*FIN Footer Menu*/


/*FIN GENERAL SETTINGS*/

/*PARTIE COMPTE*/

/*FIN PARTIE COMPTE*/


/*SPECIFIC HOME*/
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.slide-top:hover {
    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.ox-div.bloccontact {
    position: relative;
}

.effetbg{
  transform: scale(0.9);
  transition: 0.8s ease-out;
  }
  
  .effetbg:hover{
    transition: 0.3s ease-out;
    transform: scale(1);
    }


.ox-div.blocvente {
    position: relative;
}
/*FIN SPECIFIC HOME*/