@import url(/frontend/Files/28696/v1/design/css/desktop.min.css);

/*MODIFS DU PIED DE PAGE - MG*/
#footermenu #fmenu > li.mititle {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 8px;
    -webkit-column-break-before: always;
    break-before: column;
}

#footermenu li::before, #footermenu li::after {
    display: none !important;
}

#footermenu #fmenu > li.begin,
#footermenu #fmenu > li.end,
#footermenu #fmenu > li.misep {
    display: none;
}

#footermenu #fmenu {
    display: block !important;
    padding: 0;
    margin: 0;
    list-style: none;
    column-count: 4;
    column-gap: 40px;
	margin:auto;
}

#footermenu #fmenu > li {
    display: block;
    break-inside: avoid;
    margin: 0 0 4px;
	width:100%;
	text-align:center;
}

/*FIN MODIF PIED DE PAGE*/

.l-ox-glide__slides-container .ox-product-name{
	margin-bottom:25px;
}

.header-top .content .center a span {
    color: #f5bb1d;
}

.header-top .content .right a span {
    color: #f5bb1d;
}

.c-ox-product-detail__product span.ng-scope.ng-isolate-scope.c-cs-product-alt-vat-price.c-cs-product-alt-vat-price--app-vat-dual-display .origin{
	font-size:20px;
	margin-top:15px;
}

.c-ox-product-detail__product .ng-scope.ng-isolate-scope.c-app-paypal-pay-later-messaging{
	margin-top:20px;
}

span.PBDiscount{font-size: 14px; font-weight: 800; border-radius: 8px; padding: 0px 6px; display: block; background-color: #CF292B; order:3;}

div.PBCurrency {
    justify-content: center;
    display: flex;
    height: 33px;
    text-align: center;
    align-items: center;
    gap: 10px;
}

div.PBStrike {
    order: 1;
    font-size: 18px;
    font-weight: 300;
}

span.PBSalesPrice{
    order: 2;
    font-weight: 600;
    font-size: 20px;
}

.PBCurrency:has(.PBDiscount) .PBSalesPrice {
    color: #CF292B;
}

div.PBSalesPrice{
    margin: auto;
    margin-top: -4px;
}

/*stop*/

a#btndetail {
    font-size: 12px;
}

#headerarea {
    width: 100%;
    max-width: 1680px;
    padding: 0;
    margin: 0 auto;
}

#bodyarea {
    max-width: 1680px;
    margin: 0 auto;
}


#headercontainer .container--content-width{
	padding: 20px 2em;
}
#headermenu .c-app-menu100__main-item.has-submenu>a.menu:after{
	display:none;
}

#blockmktgrecentlyviewed .title, #vmenu > li.mititle > a, #vmenu > li.mititle > span, .blockarea .newstagline, .blockfacets .title, .blockmktg .title {
    font-size: 17px;
}

#headermenu #hmenu{
	    justify-content: center;
}

div.navbar ul li a {
    background-color: #fff;
    color: #0F88CC;
    border-color: #d0d0d0;
}

.header-logo__inner img {
    max-width: 350px;
    max-height: 54px;
}

#blockuserlogout .logout a:focus, #blockuserlogout .logout a:hover, #blockuserlogout .viewaccountinfo a:focus, #blockuserlogout .viewaccountinfo a:hover, .btn:focus, .btn:hover, .c-button--secondary:focus, .c-button--secondary:hover, .cartlineqty .PBBtnStd:focus, .cartlineqty .PBBtnStd:hover, .loginValid a#btncontinue:focus, .loginValid a#btncontinue:hover, .ox-btn--secondary:focus, .ox-btn--secondary:hover, .ox-btn:focus, .ox-btn:hover, .OxSearchPanelBtn.PBMainTxt:focus, .OxSearchPanelBtn.PBMainTxt:hover, .OxSearchPanelNavBar .PBMainTxt.OxSearchPanelNavBtn.OxSchPnlAdvBtn:focus, .OxSearchPanelNavBar .PBMainTxt.OxSearchPanelNavBtn.OxSchPnlAdvBtn:hover, .useraccount.userdashboard ul.menulist .LogOut .PBBtnStd:focus, .useraccount.userdashboard ul.menulist .LogOut .PBBtnStd:hover, a#btnChooseShippingAddress:focus, a#btnChooseShippingAddress:hover, a#btnConnect:focus, a#btnConnect:hover, a#btnSelectAddr:focus, a#btnSelectAddr:hover, input.PBBtnStd:focus, input.PBBtnStd:hover {
    color: #fff;
    background: #06364a;
    border-color: #06364a;
}

@media screen and (min-width: 1024px) and (max-width: 1380px){
	#headerarea {
    width: 100%;
    padding: 0;
}

	.container--content-width{
		padding: 20px ;

	}

	.header-logo__inner img {
    max-width: 281px;
    max-height: 80px;
}


	#hmenu>li.mitext>a, #hmenu>li.mitext>span{
		font-size:12px;
		padding: 10px 8px;
	}

	#hmenu>li>a, #hmenu>li>span{    padding: .66em 10px;}

	.homepage .homesection{
		padding:0;
	}

	.homepage .homeblocpadding{
		padding-left: 30px;
    padding-right: 30px;
	}

.ox-div.blocsection.homeblocmargin.jssmbuv3l {
    margin: 0;
}

}

button, input, select, textarea{

    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}
/* Modifs dashboard compte client */
.viewDashboardMenu .ViewOrders .PBBtnStd span{
    display:none;		
}
.viewDashboardMenu .ViewOrders .PBBtnStd::after{
    content:"Vos commandes et factures";
}
/* Changement ico facture */
#maincontainer.useraccount.userorderstracking .viewOrderList .SCShowInvoice {
  background-image: url(/Files/28696/Img/10/SCShowInvoice-2.png)
}

/* ajout texte facture */
#maincontainer.useraccount.userorderstracking .viewOrderList .PBTable > tbody > tr > td:last-child a:last-child::before {
  content: attr(title);
}
#maincontainer.useraccount.userorderstracking .viewOrderList .PBTable > tbody > tr > td:last-child a:last-child:hover{
color: #4AC553;
}
.hotnews .imgthumbnail[align="right"], .blogarticles.itemlist .imgthumbnail[align="right"] {
	 margin-right: 0;
}
 .hotnews .imgthumbnail[align="left"], .blogarticles.itemlist .imgthumbnail[align="left"] {
	 margin-left: 0;
}
 .hotnews .oxcell, .blogarticles.itemlist .oxcell {
	 max-width: ;
}
 .hotnews .oxcell .PBShortTxt, .blogarticles.itemlist .oxcell .PBShortTxt {
	 display: none;
}
 #maincontainer.blogarticles.itemlist .viewtbl > tbody > tr, #maincontainer.blogarticles.itemlist .viewtbl > tbody > tr > td {
	 display: block;
}
 #maincontainer.blogarticles.itemlist .viewtbl > tbody > tr {
	 flex: 0 0 100%;
}
 #maincontainer.blogarticles.itemlist .viewtbl > tbody {
	 display: flex;
	 flex-flow: row wrap;
}
 #maincontainer.blogarticles.itemlist tr.viewCatList__row {
	 flex: 0 0 25% !important;
	 padding-top: 15px !important;
}
 #maincontainer.blogarticles.itemlist .oxcell {
	 flex: 0 0 100%;
	 max-width: ;
	 text-align: center;
}
 #maincontainer.blogarticles.itemlist .oxcell [align] {
	 text-align: center;
}
 #maincontainer.blogarticles.itemlist .itemtbl {
	 display: block;
}
 #maincontainer.blogarticles.itemlist .itemtbl > tbody {
    height: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
}
 #maincontainer.blogarticles.itemlist .itemtbl > tbody > tr {
	 display: flex;
	 flex: 0 1 100%;
	 min-width: 0;
	 max-width: 100%;
	 justify-content: center;
}
 #maincontainer.blogarticles.itemlist .itemtbl > tbody > tr:first-child > td {
	 display: flex !important;
	 flex-flow: row wrap;
}
 #maincontainer.blogarticles.itemlist .itemtbl > tbody > tr:first-child > td > * {
	 flex: 0 0 100%;
	 max-width: 100%;
}
 #maincontainer.blogarticles.itemlist .itemtbl > tbody > tr:nth-child(2) {
	 order: -10;
}
 #maincontainer.blogarticles.itemlist .articletitle, #maincontainer.blogarticles.itemlist .itemtbl > tbody > tr:nth-child(2) {
	 order: -10;
}
.blogarticles .viewcell .sectiondata {
    height: auto;
    margin: 0 10px;
	border: 1px solid #E4E4E4;
}
.articletitle .PBSTitle, .hotnews .PBItemName h3 {
    margin-bottom: 5px;
    font-size: 13px;
}
#maincontainer.blogarticles.itemlist .commentfooterlabel,
#maincontainer.blogarticles.itemlist .commentfooterdate,
#maincontainer.blogarticles.itemlist .commentfootercat,
#maincontainer.blogarticles.itemlist .commentseparator,
#maincontainer.blogarticles.itemlist .PBStatic,
#maincontainer.blogarticles.itemlist a#btncomments{
    display: none;
}
#maincontainer.blogarticles.itemlist .imgthumbnail {
    margin: 0;
    max-width: 100%;
}
#maincontainer.blogarticles.itemlist .oxcell .PBItemImg {
    min-height: 200px;
    display: flex;
}
.blogarticles.itemlist span.PBDate {
    display: none;
}

.blogpostdate {
display:none;
}

.articletitle .PBSTitle{
margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
/*display:none !important;*/
}
.article-blog .ox-text__inner {
    font-size: 14px;
}
/* MP masquer img listing dans article blog */
.itemtbl .PBItemImg .imgmain{
	display:none;
}

.viewtbl__inner #btndetail {
width:150px !important;
}

.itembl__inner #btndetail {
width:150px !important;
}

#hmenu {
       max-width: 2000px !important;
}

#maincontainer.blogarticles.itemlist .imgthumbnail {
    width: auto !important;
    height: 165px !important;
}