@charset "UTF-8";/* Css/PC/block/menuv.css */
/** 
menuV : navigation de la colonne de gauche

1. GLOBAL
2. COMMON
3. VITRINE
4. SEARCH
5. LP
6. PLAN DU SITE
7. MEDIA
**/



.renewMd5 {
    display: none;
}

#content {
	overflow: hidden;
}

/** 1. GLOBAL **/
#menuV {
	float: left;
	margin: 0 0 0 16px;
	min-height: 20px;
	position: relative;
	width: 236px;
}
/** 2. COMMON **/
.mvTop {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	overflow: hidden;
	padding: 6px 10px;
	text-transform: uppercase;
}
.mvTop a {
	color: #fff;
	display: block;
	text-decoration: none;
	width: 100%;
}
.u_src .mvTop {
	text-transform: none;
}
.navV, .mvSrc {
	background: #fff;
	border-left: 3px solid #fff;
	border-right: 1px solid #d7d9e4;
}
.mvOv {
	display: none;
}
.mvGg, .mvFullNav {
	border: 1px solid #d7d9e4;
	font-size: .9em;
	margin: 10px 0;
	padding: 15px;
}

.mvMustHave, .mvSup {
	border: 1px solid #EFEFEF;
	font-size: 12px;
	margin: 16px 0;
	padding: 16px;
	background-color: #FFF;
	border-radius: 4px;
}
.mvSupQA {
	background: url('https://www.cdiscount.com/RWD/question/askQuestion.png') no-repeat 145px 50%;
	border: 1px solid #d7d9e4;
	margin: 10px 0;
	padding: 5px 10px;
}
.mvQA {
	display: block;
	text-decoration: none;
}
.mvQA:hover {
	text-decoration: underline;
}
.mvQA div {
	display: block;
	font-size: 1.1em;
	margin: 5px;
	width:130px;
}
.mvMHTit, .mvSTxt {
	font-size: 1.2em;
	padding: 0 0 5px;
	text-transform: uppercase;
}
ul+.mvSTxt {
	border-top: 1px solid #d7d9e4;	
	padding-top: 10px;
}
.mvMustHave li, .mvSup li, .mvFullNav li { 
	padding: 5px 0;
}
.mvMustHave a, .mvSup a, .mvFullNav a {
	text-decoration: none;
}
.mvMustHave a:hover, .mvSup a:hover, .mvFullNav a:hover {
	text-decoration: underline;
}
.mvSTxt a:before {
	content: "";
}
.mvSup .mvExpendMore, .mvSup .mvExpendLess { 
	text-align: right;
	font-size: 1.4em
}
.mvFullNav {
	padding: 15px 5px 15px 10px;
}
.mvFullNav .mvSTxt {
	cursor: pointer;
	padding: 0;
}
.mvFullNav .mvSTxt.open {
	padding: 0 0 5px;
}
.mvFullNav .mvSTxt:before {
	content: "+";
	display: inline-block;
	font-size: 1.7em;
	line-height: 0.6em;
	vertical-align: top;
	width: .8em;
}
.mvFullNav .mvSTxt.open:before {
	content: "-";
}
.mvFNav {
	display: none;
	padding: 0 0 0 5px;
}
.mvFNav div {
	cursor: pointer;
	padding-right: 15px;
	position: relative;
}
.mvFNav div:after {
	content: "+";
	font-size: 1.4em;
	line-height: 1em;
	position: absolute;
	right: 0;
	top: 0;
}
.mvFNav div.open:after {
	content: "-";
}
.mvFSubNav {
	padding: 5px 0 0;
}
.mvFSubNav li {
	padding: 5px 10px;
}
.mvFSubNav li:before {
	content :"\2022 \00a0";
}
/* Google Ads */
.mvGg {
	word-wrap: break-word;
}
/* Carousel */
.mvCr .crTitreV, .mvCr .crContainer, .mvCr .crV.crContainer .crLeft, .mvCr .crV.crContainer .crRight {
	border-radius: 0;
	margin: 0;
}
.mvCr .crTitreV {
	font-weight: normal;
}
.mvCr .crLeft, .mvCr .crRight {
	font-size: 4.5em;
}

/* Nouveau menu */
.mvNav {
	border: 1px solid;
	margin: 0 0 10px;
}
.mvNavTop {
	color: #fff;
	padding: 10px 0;
	font-size: 1.2em;
	text-align: center;
}
.mvNavLk {
	font-size: .9em;
	padding: 10px 5px;
}
.mvNavLk ul, .mvNavSub {
	padding: 0 0 0 8px;
}
.mvNavLk .mvSrcSubLk {
    font-size: 1.1em;
}
.slrMvNav .mvNavLk ul, .mvNavSub {
    padding: 0 0 0 16px;
    position: relative;
}
.mvNavLk strong, .mvNavLk a {
	display: block;
	padding: 5px 0;
}
.mvNavLk strong {
	font-size: 1.1em;
}
.mvNavLk a {
	text-decoration: none;
}
.mvNavLk a:hover {
	text-decoration: underline;
}
    .mvNavLk .contentBefore:before {
        content: "<";
        display: inline-block;
        padding-right: 3px;
        text-decoration: none;
    }
.mvNavLk a.contentBefore:hover:before {
    text-decoration: none;
}
.mvMenu.testIntertitle {
    padding-top: 5px;
}
.testIntertitle .mvNavMgHeader {
    margin-bottom: 2px;
}
.testIntertitle .mvNavLk {
	font-size: 1em;
}
.testIntertitle .mvNavLk .mvNavSub {
    padding: 0;
}
.testIntertitle .mvNavSub > strong {
    border-top: 1px solid #d7d9e4;
    margin-top: 5px;
}
.testIntertitle .mvNavLk strong {
	font-size: 1.2em;
    padding: 9px 0 0 0;
}
.testIntertitle .mvNavLk span strong {
	font-size: 1em;
}
.testIntertitle .mvNavLk a {
    display: inline-block;
    font-size: 1.1em;
    padding: 2px 0 0 2px;
}
.testIntertitle .mvNavLk .mvNavSub ul {
    padding-left: 0;
}
.testIntertitle .mvNavLk .mvNavSub ul li a {
    font-size: .9em;
    padding: 3px 0 3px 8px;
}

/* Refonte menu */
.testRefonteMenu .mvNavLk .mvSrcLk {
    padding: 0;
}
.testRefonteMenu .mvNavLk .mvExpendMore:not(.moreCategories) span, 
.testRefonteMenu .mvNavLk .mvExpendLess:not(.lessCategories) span {
    color: #878787;
    font-weight: normal;
}
.testRefonteMenu .moreCategories,
.testRefonteMenu .lessCategories {
    cursor: pointer;
}
.testRefonteMenu .moreCategories:after, .testRefonteMenu .lessCategories:after {
    content: "";
    height: 24px;
    position: absolute;
    right: -5px;
    top: 0px;
    width: 9px;
} 
.testRefonteMenu .mvNavLk .mvExpendMore,
.testRefonteMenu .mvNavLk .mvExpendLess {
    position: relative;
}
.testRefonteMenu .mvPreviousCategories {
    padding: 0 0 5px 0;
}
.testRefonteMenu .mvPreviousCategories label {
    padding: 3px 0;
}
.testRefonteMenu .mvCurrentCategories {
    border-top: 1px solid #d7d9e4;
    padding-top: 10px;
}
.testRefonteMenu + .searchWizardLeftMenuZone {
    margin-top: 0;
}

/** 3. VITRINE **/
.navV > li span {
	cursor: pointer;
}
.navV > li > div {
	border-bottom: 1px solid #d7d9e4;
	cursor: pointer;
	min-height: 3.7em;
	line-height: 3.7em;
	padding: 0 9px 0 7px;
}
.navV.mvLp > li > div {
	border-top: 1px solid #d7d9e4;
}
.navV > li > div > span {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}
.subNavV, .navV > li > ul  {/* Todo delete big selector */
	background: #f0f0f7;
	border-bottom: 1px solid #d7d9e4;
	display: none;
	padding: 5px 20px;
}
.navV > li > .act + ul {
	display: block;
}
.mvExpend {
	display: none;
}
.subNavV a, .subNavV span, .navV ul a, .navV ul span, .mvSrc a, .mvSrc label, .mvSrc .mvExpendMore, .mvSrc .mvExpendLess {/* Todo delete .navV ul a, .navV ul span */
	display: block;
	padding: .37em 0;
	text-decoration: none;
}
.subNavV li, .navV ul li  {/* Todo delete big selector */
	padding: 5px 0;
}
.mvSrc a, .mvSrc label, .mvSrc .mvExpendMore, .mvSrc .mvExpendLess {
	padding: .37em 20px .37em 10px;
}
.mvSrc input[type=checkbox] {
	display: none;
}
.mvExpendMore span, .mvExpendLess span {
	cursor: pointer;
}
.navV a:hover, .mvSrc a:hover, .mvSrc label:hover, .navV > li > div:hover > span, .navV > li span:hover { 
	text-decoration: underline;
}
.navV li.act > a {
	font-weight: bold;
}
.sndSNavV, .sndSNavMvSrc a, .sndSNavMvSrc label, .sndSNavMvSrc .mvExpendMore,
.navV ul ul, .mvSrc ul ul ul a, #menuV .mvSrc ul ul ul label, .mvSrc ul ul ul .mvExpendMore  {/* Todo delete big selector */
	font-size: .9em;
}
.trdSNavV, .navV ul ul ul  {/* Todo delete big selector */
	font-size: 1em;
	padding: 0 10px;
}
.sndSNavV a, .sndSNavV span, .navV ul ul a, .navV ul ul span { /* Todo delete big selector */
	padding-left: 10px;
}
.trdSNavV a:before, .trdSNavV span:before, .navV ul ul ul a:before, .navV ul ul ul span:before { /* Todo delete big selector */
	font-size: .7em;
}
.mvSrc ul ul ul a:before, .mvSrc ul ul ul label:before, .mvSrc ul ul .mvExpendMore:before,
.sndSNavMvSrc a:before, .sndSNavMvSrc label:before, .subNavMvSrc .mvExpendMore:before { /* Todo delete big selector */
	content:"\2022 \00A0"; 
}

/** 4. SEARCH **/
#mvNav label {
	cursor: pointer;
}
#mvNav .mvNavSelectedCat {
    cursor: default;
    text-decoration:none;
}
#mvNav .mvNavSelectedCat:hover {
    text-decoration:none;
}
.mvSrc label {
	overflow: hidden;
}
.mvSrc .mvExpendMore, .mvSrc .mvExpendLess {
	text-align: left;
}
.navMvSrc > li > a, .navMvSrc > li > label, .navMvSrc > .mvExpendMore, .navMvSrc > .mvExpendLess,
.mvSrc > ul > li > a, .mvSrc > ul > li > label, .mvSrc > ul > li.mvExpendMore, .mvSrc > ul > li.mvExpendLess { /* Todo delete big selector */
	font-weight: bold;
}
.subNavMvSrc a, .subNavMvSrc label, .subNavMvSrc .mvExpendMore,
.mvSrc ul ul a, #menuV .mvSrc ul ul label, .mvSrc ul ul .mvExpendMore {/* Todo delete big selector */
	padding: .15em 20px;
}
.mvSrc {
	border-bottom: 1px solid #d7d9e4;
	padding: .3em 0;
}
.mvSrc a span, .mvSrc label span {
	float: right;
}
.mvSrcBck, #menuV label.mvSrcBck {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-bottom: .5em; 
	text-decoration: underline;
}
.mvSrcBck:before {
	content: "\00AB \00A0";
}

.slrMvNav .mvSrcSubLk > li.current > label {
    font-weight: bold;
}

/* Nouveau menu */
.mvNavLk [type=checkbox], .mvSrcExpend {
	display: none;
}
.mvNavLk .mvSrcLk {
	padding: 0 8px;
}
.mvSrcLk>li>label, .mvSrcExpend>li>label, .mvNavLk .mvExpendMore, .mvNavLk .mvExpendLess,
.mvNavCatTitle {
	font-weight: bold;
	font-size: 1.1em;
}
.mvNavLk label, .mvNavLk .mvExpendMore span, .mvNavLk .mvExpendLess span,
.mvNavCatTitle {
	cursor: pointer;
	display: block;
	padding: 5px 0;
}
.mvNavLk label:hover, .mvNavLk .mvExpendMore:hover, .mvNavLk .mvExpendLess:hover {
	text-decoration: underline;
}
.mvNavLk .mvExpendMore:hover, .mvNavLk .mvExpendLess:hover {
	color: #323232!important;
}
.mvExpendMoreLvl2>span, .mvExpendLessLvl2>span,
.mvExpendMoreLvl3>span, .mvExpendLessLvl3>span {
    font-size:.9em;
}
.mvNavSel,
.mvNavLvl2.mvNavLvl2Search .mvNavSel,
.mvNavLvl3.mvNavLvl3Search .mvNavSel {
	font-weight: bold;
}
.mvNavLvl2.mvNavLvl2Search {
	border-top: 1px solid #d7d9e4;
	width: 160px;
}
.mvNavLvl2.mvNavLvl2Search>li>label,
.mvNavLvl3.mvNavLvl3Search>label,
.mvNavLvl3>li>label {
    font-size: 1.0em;
    font-weight: normal;
}
.mvNavLvl3.mvNavLvl3Search>label:before {
	content: none;
}
.mvSrcLk .mvSrcBack {
	font-size: 1em;
	font-weight: normal;
}
.mvSrcLk strong {
	padding: 0;
}
.mvFSrcInput {
	border: 1px solid #d7d9e4;
	border-right: 0;
	height: 35px;
	margin-top:5px;
	padding: 5px 10px; 
}
.mvFSrcBtn {
	background:#d7d9e4;
	border:1px solid #d7d9e4;
	color:#22398e;
	cursor: pointer;
	font-size: 1.1em;
	font-weight:bold;
	height:35px;
	margin:5px 0;
	width:92px;
}
.mvFSrcBtn:active {
	box-shadow: 0 2px 10px 0 rgba(132,132,132,.4);
}
.mvFiltSrc .redS, .mvFiltSrc input[type=checkbox] {
	display: none;
}
.mvFSrcRes {
	background: #f0f0f7;
	display: inline-block;
	padding: 5px;
}
.mvFSrcRes .delFilter{
	background: 0;
	margin: 0 0 0 10px;
	position: static;
}
.mvFilter, .mvHistoric {
	border-right: 1px solid #f0f0f7;
	position: relative;
	overflow: hidden;
}
.mvFilter ::-webkit-scrollbar {/* css scrollbar general */
	width: 5px;
}
.mvFilter ::-webkit-scrollbar-thumb {/* css scrollbar element scroll */
	background: #ababab;
	border-radius: 2px; 
}
.mvFTit {
	background: #f0f0f7;
	display: block;
	font-size: .9em;
	font-weight: normal;
	padding: 10px;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}
.mvFSingle {
	padding: 7px 0;
}
.mvFSingle ul {
	background: #f0f0f7;
	text-transform: uppercase;
}
.mvFilter div, .mvFilter .cbhFacet, .mvFilter ul {
	max-height: 11em;
	overflow: auto;
	width: 100%;
}
.mvFilter label {
	cursor: pointer;
	display: list-item;
	font-size: .9em;
	margin: 1em .5em;
	padding: 0;
}
.mvFilter label:hover {
	font-weight: bold;
}
.mvFilter input {
	margin-right: .5em;
	vertical-align: top;
}
.mvFilter label a {
	color: #323232;
	text-decoration: none;
}
.mvFilterClr {
	overflow: hidden;
}
.mvFilter .sta {
	margin: 0 0 0 2px;
	position: relative;
	top: -4px;
}
.delFilter {
	cursor: pointer;
	position: absolute;
	height: 20px;
	top: 6px;
	right: 0;
	z-index: 3;
}
.mvFilter div.selection {
	background-color: #F8F8F8;
	border-right: 0;
	font-weight: bold;
	max-height: initial;
}
.mvFilter label.noResult {
	color: #c0cad6;
	cursor: default;
}
.mvFilterClr li {
	border: 1px solid #fff;
	float: left;
	height: 20px;
	margin: 9px;
	width: 20px;
}
.mvFilterClr label {
	border: 1px solid #ccd3dd;
	height: 18px;
	margin: 0;
	overflow: hidden;
	width: 18px;
}
.mvFilterClr .selFilter {
	border: 1px solid #323232;
}
.mvFilterClr .selFilter label {
	border: 2px solid #fff;
}
#menuV .mvFilterClr input[type=checkbox]{
	display: none;
	margin: 0;
}
.mvFilterClr a {
	display: block;
	height: 22px;
}
#menuV .mvFilterClr label:hover, #menuV .mvFilterClr label a:hover {
	text-decoration: none;
}
.mvAFList ul {
	margin-top: 3px;
}
.mvAFList li {
	cursor: pointer;
	font-size: .9em;
	padding: 5px 0;
}
.mvAFList input[type=checkbox] {
	display: none;
}
.mvAFList li + li, {
	border-top: 1px solid #D7D9E4;
}
.mvAFDelAll {
	color: #096EC8;
	cursor: pointer;
	float: right;
	font-size: .9em;
}
.mvAFDelAll:hover {
	text-decoration: underline;
}
.mvAFDel {
	float: right;
	font-size: 20px;
	margin-top: -5px;
}
.mvSKbv {
	cursor: pointer;
	font-size: .9em;
	padding: 5px 0;
}
.mvNavLk label span {
	color: #999999;
}
.slrMvNav .mvNavLk label span.pCount {
    color: #878787;
    padding-left: 3px;
}
.mvRerankingList {
	border-bottom: 1px solid #D7D9E4;
}
/* Redirection hub Guide achat*/
.mvShpGuideIcon {
    background: url('https://www.cdiscount.com/resources/RWD/lp/mvShpGuideIcon.png') no-repeat;
    height: 23px;
    margin: 8px 0 0 15px;
    width: 17px;
}
.mvShpGuide {
    border: 1px solid #d7d9e4;
    display: flex;
    height: 45px;
    margin: 16px 0 12px 0;
}
.mvShpGuideLbl {
    line-height: 45px;
    margin-left: 10px;
}
.mvShpGuide a {
    color: #096ec8;
    text-decoration: none;
}
/* Question Communauté */
.nmvSupQA {
	border: 1px solid #d7d9e4;
	font-size: 12px;	
	height: 45px;
    margin-bottom: 12px;
	text-align: center;
}
.mvMenu + .nmvSupQA {
    margin-top: 10px;
}
.nmvSupQA a {
	text-decoration: none;
}
.nmvSupQAAsk {
	color: #096EC8;
    padding: 4px 0;
}
.nmvSupQACom {
	color: #323232;
}
/* Historique de recherche */
.mvHistoric li {
	font-size: .9em;
	padding: .5em 0 .5em .5em;
}
.mvHistoric span:hover {
	cursor: pointer;
	text-decoration: underline;
}

/** 5. LP **/
.mvLpSeeMenu {
	border-top: 1px solid #fff;
	cursor: pointer;
	text-transform: none;
}
.mvLpSeeMenuArr {
	font-weight: bold;
	font-size: 2.7em;
	float: right;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
}
.open .mvLpSeeMenuArr {
	padding: 0 5px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}
.navV.mvLp > li > ul {
	border-bottom: 0;
}
/* Geloc */
.mvGeoloc {
	border: 2px solid #f4246b;
}
.mvGTit {
	background: #f4246b;
	color: #fff;
	padding: .3em 10px .5em;
}
.mvGTxt {
	padding: .3em 10px;
}
.mvGTxt p {
	margin: 10px 0 0;
}
.mvGTxt select {
	border-radius: 3px 0 0 3px;
	border: 1px solid #ced6e0;
	box-shadow: inset 0 3px 3px #e2e2e2;
	height: 32px;
	margin: 10px 0;
	padding: 8px 10px;/* /!\ important to be in px for align input[text] & input[btn] /!\ */
	width: 100%;
}
.mvGTxt a {
	color: #f4246b;
	display: block;
	margin: 0 0 10px;
	text-align: center;
}
/* Surcharge new menu TODO : maj */
.mvGeoloc {
	border: 1px solid #d7d9e4;
	font-size: .9em;
	margin: 10px 0;
	padding: 10px 15px;
}
.mvGTit {
	background: none;/* Surcharge new menu TODO : delete */
	color: #f21f6b;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;/* Surcharge new menu TODO : delete */
}
.mvGeoloc p {
	padding: 5px 0;
}
.mvGeoloc select {
	width: 100%;
}

/** 6. PLAN DU SITE **/
#main.mainSm {
	padding: .75em;
}
.smOther {
	padding-top: 1em;
}
.smOther h2, .smOther li {
	padding-bottom: .75em;
}
.smCol {
	float: left;
	margin-right: 1%;
	width: 19%;
}
.mainSm #menuV {
	float: none;
	border-bottom: 0;
	margin-right: 0;
	margin-top: 1em;
	width: auto;
}
.mainSm .navV {
    border-bottom : 1px solid #d7d9e4;
	margin-bottom: 0;
}
.mainSm .navV > li > div, .mainSm .navV > li > ul {
    border-bottom: 0;
    border-top: 1px solid #d7d9e4;
}

#menuV .cbhFacet input[type=checkbox] {
	display: none;
}
.mainSm .navV > li > div, .mainSm .navV > li > div:hover > span, .mainSm .navV > li span:hover {
	cursor: default;
	text-decoration: none;
}

.mHelp {
	display: block;
	padding: 20px 0;
	text-align: center;
}
.mHelp > div:first-child {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

/** 7. MEDIA **/
/* @media : hack IE8 */
 @media \0screen { 
	#menuV .mvSrc input[type=checkbox], #menuV .cbhFacet input[type=checkbox] {
		display: inline-block;
		filter: alpha(opacity=0);
	}
}

/** MENU GAUCHE **/
.mvMenu {
	padding: 16px;
	position: relative;
	border: 1px solid #efefef;
	background-color: #fff;
	border-radius: 4px;
    margin-top: inherit;
}

.mvMenu .mvNavLk {
	padding: 0;
}
.mvNavMgHeader, .mvFilterMgHeader {
	border: 0;
	color: #E23A05;
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 14px;
}

.mvFilterMgHeader {
	border-top: 1px solid #d7d9e4;
	margin-top: 10px;
	padding-top: 15px;
}
.testRefonteMenu .mvFilterMgHeader {
    margin-top: 5px;
}
.mvNavMg label,
.mvNavMg .mvNavCatTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mgFTitle {
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 8px;
}

.mgFTitle span {
	vertical-align: middle;
}

.mvNewlookFilter .mgFacetContent .mgFTitle .mgFTitleName {
	max-width: calc(100% - 65px);
}

#facetsList input[type=checkbox]{
	margin-right: 6px;
	vertical-align: middle;
}
.mgFacetGroup {
    font-size: inherit;
    margin-bottom: 22px;
}
.mgFacetGroup .mgFacetGroupName {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.mvNewlookFilter .mgFacetGroup .mgFacetGroupName {
    font-size: 14px;
}
.mgFacetGroup .mgFacetGroupContent {
    border-left: 2px solid #d7d9e4;
    padding-left: 10px;
}
.mgFacetGroup .mgFacetGroupContent .mgFacetListing {
    margin-bottom: 8px;
}
.mgFacetGroup.mgSingleValueFacetGroup .mgFacetGroupContent label {
    font-weight: normal;
}
.mgFacetGroup.mgSingleValueFacetGroup .mgFacetGroupContent .mgFacetListing {
    margin-bottom: 2px;
    padding-top: 0;
}
.mgFacetGroup.mgSingleValueFacetGroup .mgFacetGroupContent .mgFTitle {
    margin-bottom: 0;
}
.mgFacetListing {
	margin-bottom: 22px;
    padding-top: 4px;
}
.mgFacetListing a {
	text-decoration:none;
}
.mgFacetListing ::-webkit-scrollbar {
    width: 5px;
}
.mgFacetListing ::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 2px;
}

.mgFacetContent li {
	margin-bottom: 1px;
}

.mgFacetContent li label, .mgFacetContent label {
    cursor: pointer;
	display: block;
	overflow: hidden;
    padding: 3px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mgFacetContent li label > span, .mgFacetContent li label a {
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}

.mgFCNbrItems {
    color: #787878;
}

.mgSelectedFacet{
	background-color: #EEEEEE;
	font-weight: bold;
}

.mgFacetColorList .mgSelectedColorFacet{
	border: 2px solid #283847;
	vertical-align: top;
}

.mgFacetColorList li {
	border: 1px solid #d7d9e4;
	display: inline-block;
	height: 22px;
	width: 22px;
	padding: 0;
    margin: 0 3px 0 0;
}

.mvNewlookFilter .mgFacetColorList li {
    border: solid 1px #000;
    border-radius: 2px;
    height: 25px;
    width: 25px;
    margin: 0 2.5px 0 2.5px;
}


.mvNewlookFilter .mgFacetGroup .mgFacetGroupContent .mgFOpen .mgFTitle span {
    font-weight: bold;
}

.mgFacetColorList input[type=checkbox] {
	display: none;
}
.mgFacetColorList label {
	height:100%;
}

ul.mgFacetColorList label > a {
	display: none;
}

ul.mgFacetColorList li.beige {
	background-color: #dba87f;
}
ul.mgFacetColorList li.blanc {
    background-color: #ffffff;
}
ul.mgFacetColorList li.bleu {
    background-color: #4a79c6;
}
ul.mgFacetColorList li.gris {
    background-color: #828282;
}
ul.mgFacetColorList li.jaune {
    background-color: #e5ca2c;
}
ul.mgFacetColorList li.marron {
    background-color: #936247;
}
ul.mgFacetColorList li.noir {
    background-color: #000000;
}
ul.mgFacetColorList li.orange {
    background-color: #f2853b;
}
ul.mgFacetColorList li.rose {
    background-color: #e260a1;
}
ul.mgFacetColorList li.rouge {
    background-color: #d3374e;
}
ul.mgFacetColorList li.vert {
    background-color: #6bb242;
}
ul.mgFacetColorList li.violet {
    background-color: #7d56af;
}
.mgFAllList{
	max-height: 300px;
	overflow: auto;
}

.mvRerankingList{
	margin-bottom: 3px;
    padding-bottom: 3px;
}

.mgFIcon {
	position: absolute;
	font-size: 15px;
	font-weight: bold;
	right: 5px;
    width: 9px;
    height: 15px;
    content: " ";
}
.mvFLink {
	cursor: pointer;
	padding: 5px 0 5px 18px;
}
.mvFLink:hover {
	text-decoration: underline;
}
.mgFOpen .mgFacetColorList, .mgFOpen .mgFAllList, .mgFOpen .mvFLink {
	display: block;
}
.mgFacetColorList, .mgFAllList, .mgFListMore, .mvFLink, .mvFLkLess  {
	display: none;
}			
.mgFLinkSeeMore:before {
	content: "+ ";
}
.mgFLinkSeeLess:before {
	content: "- ";
}
.lpTopContent {
    display: table;
    border-bottom: 1px solid #d7d9e4;/*Inutile si bloc de droite*/ 
	padding: 5px 0;
}
.lpInfoSort {
	display: table;
	height: 44px;
	padding: 0 10px 5px 0;
	table-layout: fixed;
	width: 100%;
}
.lpSortPost {
	display: table-cell;
}
#lpArboDyn {
	border-left: 1px solid #C9D5E3;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap;
	width: 100%;
}
.lpTitleArboDyn {
	display: table-cell;
	overflow: hidden; 
	position: relative;
	vertical-align: middle;
}
.lpTitleArboDynOverlay {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	width: 14px;	
}
.lstArboDyn {	
	white-space: nowrap;
}
.lstArboDyn li {
	border-right: 1px solid #C9D5E3;
	display: inline;
	height: 13px;
	padding: 0 14px;
}

#lstRelatedSearch {
	padding: 16px 0px 16px 0px;
}

.lstRelatedSearch li {
	display: inline;
	padding: 0 8px;
}

.lstArboDyn .adLast {
	border-right: 0;
}

.lstRelatedSearch a {
	color: #096EC8;
	font-size: 14px;
	text-decoration: none;
}

.lstArboDyn a, .lstArboDyn span {
	color: #096EC8;
	font-size: 12px;
	text-decoration: none;
}
#lpTitle {
	display: table-cell;
	height: 37px;
	padding-right: 14px;	
	vertical-align: middle;
	white-space: nowrap;
}
#lpTitle span {
    color: #787878;
	margin-left: 5px;
}
.bmmTitle {
    overflow: hidden;
}
.bmmTitle #lpTitle {
	padding-top:7px;
	height:auto;
}
.bmmTitle #lpTitle h1, .lpInfoSort #lpTitle h1{
	display: inline;
	padding: 0;
	vertical-align: middle;
}
.facetSortTools{
	border-left: 1px solid #C9D5E3;
	display: table-cell;
	height: 27px;
	margin-left: 14px;
	padding-left: 14px;
	white-space: nowrap;
	width: 320px;
}
.lpSortForm {
	height: 100%;
}
.lpSelectSortTitle {
	color: #323232;
	font-size: 12px;
	font-weight: bold;
}
.lpInfoSort .lpSelectSort {
	height: 32px;
	max-width: 206px;
    padding: 0 0 0 4px;
    width: 206px;
}
#lpBcHelp {
	display: none;
}
#lpBcHelp > div {
    display: inline-block;
}
#lpBcHelp .min {
	color: #293847;
	font-size: 10px;
	font-weight: normal;
}
#lpBcHelp .bcHelpTitle {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#lpBcHelp .bcHelpNumber {
	color: #E23A05;
	font-size: 20px;
	font-weight: bold;
}
.lpHeaderZtd {
	padding: 10px 0;
	width: 100%;
    border-bottom: 1px solid #d7d9e4;
}
.testRightCol .lpHeaderZtd, .testRightCol .lpZtdTxt {
    border-bottom: none;
    border-top : 1px solid #d7d9e4;
}
#lpActivesFilters {
	display: table;
	padding-left: 12px;
	width: 100%;
}
.lpActiveFiltersCollapseBtn, .lpActiveFiltersDisplayBtn {
    background-color: #eee;
    border-radius: 28px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 8px 3px;
    padding: 0 8px;
}
.lpFiltersCollapsedMarker {
	font-size: 16px;
	font-weight: bold;
	color: #323232;
	margin: auto 14px;
}
.lpMGSAllFilters, .lpMGSFilterDelAll {
	display: inline-block;
}
.lpMGSFilterTitle {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}
.lpMGSActiveFilter {
	background-color: #eee;
	border-radius: 28px;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 28px;
	line-height: 19px;
	margin: 8px 3px;
	padding: 0 7px 0 9px;				
}
.lpMGSActiveFilter label {
    cursor: pointer;
}
.lpDelFilter {
	display: inline-block;
    font-size: 2.2em;
	height: 100%;
	margin-left: 5px;
    position: relative;
    right: 3%;
    top: 8%;
    transform: rotate(45deg);
}
.lpMGSActiveFilter input[type=checkbox] {
	margin: 0;
    opacity: 0;
    width: 0;
}
.lpMGAFDelAll, .lpMGAFDelAll + .lpDelFilter {
	color: #dd4014;
}
.Dym {
    padding: 0px 14px
}
.Dym span { 
    color : #323232; 
    font-size: 14px; 
}
.Dym a {
    color: #096ec8;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
#lpArboDyn.DymConnexe {
    display: table-row;
}
/* https://jira.cdiscount.com/browse/FTS-1493 ergonomie menu gauche */

/*Test de styling de la scrollbar - reste pas à mettre une margin à gauche*/
.mvNewlookFilter .mgFacetListing ::-webkit-scrollbar {
    width: 5px;
}

.mvNewlookFilter .mgFacetListing ::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 2px;
}

.mvNewlookFilter .mgFacetListing ::-webkit-scrollbar-track {
    border-left: 5px solid transparent;
}

#menuV span.checkmark {
    border-radius: 2px;
    display: flex;
    height: 18px;
    left: 0;
    margin-right: 10px;
    min-width: 18px;
    top: 0;
    width: 18px;
}

#menuV:not(.mvNewlookFilter) span.checkmark {
    display: none;
}

.mvNewlookFilter .mgFacetListing > .mgFTitle label {
    width: 100%;
}

.mvNewlookFilter  label input[type=checkbox] {
    cursor: pointer;
    display: flex;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.mvNewlookFilter .mgFacetContent li label, .mvNewlookFilter .mgFacetContent label {
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding: 3px 0;
}

.mvNewlookFilter label input[type="checkbox"]:not(checked) ~ span.checkmark {
    border: solid 1px #9AADCC;
}

.mvNewlookFilter label input[type="checkbox"]:checked ~ span.checkmark {
    background-color: #096ec8;
    border: solid 1px #096ec8;
}

.mvNewlookFilter .mgFacetContent label:hover span:not(.checkmark) {
    color: #096ec8;
}
.mvNewlookFilter .mgFacetContent label:hover .checkmark {
    background-color: #99c5e8;
    border: solid 1px #99c5e8;
}
.mvNewlookFilter .mgFacetContent label:hover .checkmark:after {
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}

.mvFLink {
    color: #096ec8;
    font-size: 14px;
    padding-left: 0px;
}

.checkmark:after {
    content: "";
    display: none;
    position: relative;
}

.mvNewlookFilter label input[type="checkbox"]:checked ~ .checkmark:after {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}
.mvNewlookFilter .mvNavMgHeader, .mvNewlookFilter .mvFilterMgHeader {
    font-size: 15px;
}

.mvNewlookFilter .mgFTitle {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.mvNewlookFilter .mgFacetGroup .mgFTitle span,
.mvNewlookFilter .mgFacetGroup .mgFacetGroupName {
    vertical-align: middle;
}

.mvNewlookFilter .mgFacetGroup .mgFacetGroupName {
    font-weight: bold;
}

.mvNewlookFilter .mgSelectedFacet {
    background: transparent;
    font-weight: normal;
}

span.resetFilters.jsResetFilters {
    color: #096ec8;
    font-weight: normal;
    position: absolute;
    right: 20px;
}

.hidden {
    display: none;
}

.mgFAllList > ul > li > label > input ~ span {
    max-width: 85%;
    overflow: hidden;
}

.mvNewlookFilter .mgFacetContent span:not(.checkmark),
.mvNewlookFilter .mgFAllList span:not(.checkmark) {
    flex-grow: 1;
    max-width: none;
}

.mvNewlookFilter .mgFAllList > ul > li > label > input ~ span {
    text-overflow: ellipsis;
}

.mvNewlookFilter .mgFTitle > label > input ~ span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 85%;
}

/* end ergonomie menu gauche */
@media only screen and (max-width: 1023px) {
    #lpArboDyn.Dym {
        display: none;
    }
}
/* BP > 1280 **/
@media only screen and (min-width: 1280px) {
    .lpTopContent {
        display: table;
    }
    #lpBcHelp {
        display: table-cell;
        padding: 0 20px;
	    text-align: center;
        width: 230px;
    }
}
/* Css/PC/base64/menuVBase64.css */
.testRefonteMenu .moreCategories:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAMAAAAmGUT3AAAAPFBMVEUAAAAyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjLnAwAiAAAAFHRSTlMA/hgO18i2W0tC+fDq0dC7n4F5AQBOx0IAAAAySURBVAjXFcbFAQAgDACxK8Vd9t8VyCukeXhWwMsGgnjUSSRlp6C9xNqUx1ixBvgdPxcjSAD40mi6JwAAAABJRU5ErkJggg==) no-repeat center;
}

.testRefonteMenu .lessCategories:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAMAAAAmGUT3AAAAPFBMVEUAAAAyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjLnAwAiAAAAFHRSTlMA/hgO19DIW0tE+fDruba1oIR7Acs/oKgAAAA3SURBVAjXHcpJDgAgCANAEBVwX/7/V8EemklasIQerB0R4yelJjWRIRcFwUwwkG04OIG3X+7SBxWCAPhwXkibAAAAAElFTkSuQmCC) no-repeat center;
}
.delFilter {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAbFBMVEU9W39NaY719Pn///08WoD09flNa4///vxlfpxkfZsXK0wXLlBjeprg5O1LaIhQaYhfdpZjfpvs6/A7W4Ly8fbi5er09fc9WX5SbYv+/v9jfJtmfZxNaozn7PDx8vc+Wn9Ubo9je5dge5n///+6UOMBAAAASElEQVR42gXBCQJAIBQFwGenJO2lkP7972gGa/bD4vOGElQ/qVDgunHfMTuQODg/BCFpyZjUCXc052nijfpe1l5vRfseoudrP5gxBQY834JKAAAAAElFTkSuQmCC') center center no-repeat;
}
.mgFClose .mgFIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAMAAAAmGUT3AAAAPFBMVEUAAAAyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjLnAwAiAAAAFHRSTlMA/hgO18i2W0tC+fDq0dC7n4F5AQBOx0IAAAAySURBVAjXFcbFAQAgDACxK8Vd9t8VyCukeXhWwMsGgnjUSSRlp6C9xNqUx1ixBvgdPxcjSAD40mi6JwAAAABJRU5ErkJggg==) no-repeat center;
}

.mgFOpen .mgFIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAMAAAAmGUT3AAAAPFBMVEUAAAAyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjLnAwAiAAAAFHRSTlMA/hgO19DIW0tE+fDruba1oIR7Acs/oKgAAAA3SURBVAjXHcpJDgAgCANAEBVwX/7/V8EemklasIQerB0R4yelJjWRIRcFwUwwkG04OIG3X+7SBxWCAPhwXkibAAAAAElFTkSuQmCC) no-repeat center;
}
.lpTitleArboDynOverlay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABBAMAAAAcMII3AAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlP87+PTu6CEaFI8Khuyq4oYAAAAEElEQVQI12PYNaMsxEiAAQANAgJf9AMrWwAAAABJRU5ErkJggg==) top right repeat-y;
}
/* Css/PC/block/contextualizedNav.css */
/******************************
* contextualizedNav.css
******************************/
.contextualizedNav .departments {
    background-color: #fff;
    display: block;
    margin-bottom: 2px;
    position: relative;
    width: 100%;
    z-index: 50;
}

.contextualizedNav .departments .departmentslist {
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.15);
    display: block;
    font-size: 0; /* hack pour supprimer l'espace entre des inline-block */
    padding: 0 10px;
    white-space: nowrap;
}
.contextualizedNav .departments .departmentslist .departmentsitem {
    border-bottom: 2px solid transparent;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
}
.contextualizedNav .departments .departmentslist .departmentsitem a {
    text-decoration: none;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover {
    border-bottom: 2px solid #e23a05;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover .subdepartments {
    height: auto;
}
.contextualizedNav .departments .departmentslist .departmentsitem .departmentsname {
    display: block;
    font-size: 12px;
    padding: 12px 12px;
    white-space: nowrap;
}
.contextualizedNav .departments .departmentslist .departmentsitem:first-child .departmentsname {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover .departmentsname {
    color: #e23a05;
}
.contextualizedNav .departments .chevron {
    display: inline-block;
    height: 8px; /* Height should be double border */
    position: relative;
    width: 8px;
}
.contextualizedNav .departments .chevron:before,
.contextualizedNav .departments .chevron:after {
    border: 4px solid transparent; /* Chevron Size */
    content: "";
    display: block;
    position: absolute;
}
.contextualizedNav .departments .chevron:before {
    border-top-color: #bebebe; /* Replace text `top` with left/right/bottom to rotate the chevron - Chevron Color */
    top: 3px; /* Replace text `top` with left/right/bottom to rotate the chevron - Change value for vertical-align */
}
.contextualizedNav .departments .chevron:after {
    border-top-color: #fff; /* Replace text `top` with left/right/bottom to rotate the chevron - Match background color */
    top: 1px; /* Replace text `top` with left/right/bottom to rotate the chevron - Chevron thickness*/
}
.contextualizedNav .subdepartments {
    background-color: #fff;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.15);
    display: block;
    font-size: 0; /* hack pour supprimer l'espace entre des inline-block */
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: -1;
}
.contextualizedNav .subdepartments .subdepartmentslist {
    display: inline-block;
    padding: 0 10px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem {
    border-bottom: 2px solid #fff;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsimg {
    display: block;
    height: 105px;
    margin: 10px 5px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsimg img {
    height: 85px;
    margin-top: 10px;
    width: 85px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem:not(.service) .subdepartmentsimg:after {
    background-color: rgba(0,0,0,0.05);
    border-radius: 55px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: transform 0.1s;
    width: 100%;   
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem:not(.service).hover .subdepartmentsimg:after {
    transform: scale(1);
 }
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsname {
    display: block;
    font-size: 12px;
    height: 29px;
    margin: 0 10px 14px 10px;
    overflow: hidden;
    white-space: normal;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.hover .subdepartmentsname {
    color: #e23a05;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso {
    height: 170px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso a:after {
    color: #878787;
    content: "Sponso";
    font-size: 11px;
    line-height: 11px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso .subdepartmentsname {
    height: auto;
    margin-bottom: 0;
    max-height: 29px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service {
    display: none;
    margin-left: 20px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service:before {
    background-color: #d7d9e4;
    content: "";
    display: block;
    height: 140px;
    left: -10px;
    position: absolute;
    top: 15px;
    width: 1px;
}
.contextualizedNav .departments .departmentsitem:first-child {
    height: 38px;
    width: 200px;
}

.contextualizedNav .departments .departmentsitem:first-child a {
    height: 38px;
    width: 200px;
    line-height: 40px;
    text-align: center;
}

.contextualizedNav .departments {
    height: 40px;
}
.cdsIconNav {
    font-size: 24px;
    display: block;
    border-right: 1px solid #d7d9e4;
    padding: 0px 24px;
}

/* on masque le menu contextualisé en dessous de 1024 */
@media only screen and (max-width: 1023px) {
    div .tetiere.contextualizedNav {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service {
        display: inline-block;
    }
}
/* Css/PC/page/lpCritical.css */
/**
* LP/LR CSS
* 
* 1. FILTER
* 2. PRODUCT BLOC (generality)
* 3. ZTD
* 4. TOP
* 5. LIST
* 6. PAGINATION
* 7. LR
* 8. ADS
* 9. MECACO
* 10. MEDIA QUERIES
**/

#menuV.mvNewlookFilter ~ div#lpContent {
    width: calc(100% - 280px);
}

#lpContent {
    display: inline-block;
    margin-left: 16px;
    padding: 0 16px 0 0;
    position: relative;
    width: calc(100% - (236px + 16px) - 24px); /* 100% - (236px [SideBar] + 16px [Maging/SideBar]) - 24px [margin-left] */
}

#lpContent > #lpTopContainer, #lpTopContainer {
    margin-left: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    width: 100%;
}

#menuV.mvNewlookFilter ~ div#lpContent {
    width: calc(100% - (236px + 16px) - 24px); /* 100% - (236px [SideBar] + 16px [Maging/SideBar]) - 24px [margin-left] */
}

#lpContent.noResult {
    padding-right: 15px;
    width: 100%;
}

#lpContent h1 /*ToRemove*/ { 
    font-weight: normal;
    line-height: 1.5;
}

.c-heading {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
    margin-bottom: 16px;
    gap: 8px 0;
    grid-gap: 8px 0;
}

.c-heading__title {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 8px;
    grid-gap: 8px;
}

@media (min-width: 768px) {
    .c-heading__title {
        flex-direction: row;
    }
}

.c-heading__result {
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #878787;
}

/*todo VARIABLE lien */
.titResAlt a, .lpZtdMore, .lpTitSort a, .lpSDeleteFilters, .hFaListCancel {
    color: #096ec8;
    text-decoration: none;
}

    .titResAlt a:hover, .lpZtdMore:hover, .lpTitSort a:hover, .lpSDeleteFilters:hover, .hFaListCancel:hover {
        text-decoration: underline;
    }

/*Slider Vitrine*/
.crTdgUl a {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 365px;
    text-decoration: none;
}

.scTTdg {
    overflow: hidden;
    width: calc(100% - 230px);
}

/*Slider Trade*/
.scTCarou {
    border: 1px solid #d7d9e4;
    margin: 2.5em auto;
    max-width: 1700px;
    overflow: hidden;
    position: relative;
}

/* Carrousel Animco */
.carouAnimcoContainer {
    width: calc(100% - 230px);
}

#lpContent .carouAnimcoContainer {
    width: 100%;
}

#lpContent .nopager + div > .carouAnimcoContainer,
#lpContent .nopager + .carouAnimcoContainer {
    width: calc( 100% - 320px );
}

/* TDG block */
.opSales.crTdg {
    background: #f0f0f7;
    border: 1px solid #d7d9e4;
    padding: 0;
}

.scTrade .scTdOnglet .act {
    background: #fff;
    color: #323232;
}

.crTdgUl .active, .crTdgUl .newActive {
    position: absolute;
    top: 0;
}

.crTdgUl .newActive {
    z-index: 2;
}


.scTCarouUl .active {
    z-index: 2;
    position: relative;
}

.scTCarouUl .newActive {
    z-index: 2;
}

.crTdgLeft:hover, .crTdgRight:hover {
    background: #293847;
    color: #f1f1f5;
}

.crTdgUl li {
    background: #fff;
    width: 100%;
}

.scTCarouUl img {
    width: 100%;
}

.scTCarouUl, .scTrade {
    position: relative;
}

    .scTCarouUl li {
        position: absolute;
        top: 0;
    }

.crTdg a {
    text-decoration: none;
}

.crTdgLeft, .crTdgRight {
    background: #f1f1f5;
    color: #293847;
    cursor: pointer;
    font-size: 4em;
    height: 110px;
    line-height: 110px;
    opacity: 0.9;
    padding: 0 15px 0 12px;
    position: absolute;
    top: calc(50% - 55px);
    transition: background .5s;
    z-index: 10;
}

.crTdg {
    background: #f0f0f7;
    border: 1px solid #d7d9e4;
    position: relative;
}



.crTdgUl {
    height: 365px;
    overflow: hidden;
    position: relative;
}

.scTdCarBg {
    display: none;
}

.crTdgRight {
    padding: 0 12px 0 15px;
    right: 0;
}

.crTdgLeft {
    left: 0;
}

/** 1. FILTER **/
.lpStTit {
    float: left;
    font-size: 1.3em;
    line-height: 2.3em;
    min-width: 13.5em;
}

.lpStElem {
    overflow: hidden;
    display: none;
}

    .lpStElem li {
        background-position: 0 center;
        background-repeat: no-repeat;
        cursor: pointer;
        display: table-cell;
        text-align: center;
        width: 1%;
    }

    .lpStElem .active {
        background-image: none;
        color: #fff;
    }

.active {
    background-color: #22398e;
}

.testHeaderServices .active {
    background-color: transparent;
}

.lpStElem .inact {
    color: rgba(0, 0, 0, .5);
    cursor: default;
}

.lpStCat {
    cursor: pointer;
    float: right;
    margin: 0 .5em;
}

    .lpStCat div {
        float: right;
        margin: 0 0 0 1em;
        padding: 0 .5em .4em;
        border-radius: 3px 3px 0 0;
    }

    .lpStCatElem, .lpStCat.act div {
        color: #323232;
        background: #fff;
        box-shadow: 0 1px 2px 0 #494949;
    }

.lpStCatElem {
    border-bottom: 1px solid #ccd3dd;
    border-left: 1px solid #ccd3dd;
    border-right: 1px solid #ccd3dd;
    display: none;
    line-height: 2em;
    padding: 1em;
    position: absolute;
    right: .4em;
    top: 2.8em;
    width: 17em;
    z-index: 20;
}

    .lpStCatElem li:hover {
        text-decoration: underline;
    }

    .lpStCatElem label {
        cursor: pointer;
        font-weight: bold;
    }

    .lpStCatElem input {
        display: none;
    }

.pUp, .pUpHide, .pDown, .pDownHide {
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: middle;
    width: 10px;
}

.pUp {
    background-position: 0 0;
}

.pUpHide {
    background-position: 0 bottom;
}

.pDown {
    background-position: right 0;
}

.pDownHide {
    background-position: right bottom;
}


/************************************/
/** FOR HORIZONTAL SEARCH BANNER NORMAL*/
/************************************/

.searchBannerCateg {
    border-bottom: 0px solid #d7d9e4;
    overflow: hidden;
    width: 100%;
}

    .searchBannerCateg ul {
        display: block;
        height: 170px;
        overflow: hidden;
    }

    .searchBannerCateg .searchBannerTitle {
        color: #323232;
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin: 20px 0;
    }

    .searchBannerCateg .searchBannerItem {
        display: inline-block;
        margin: 0 25px;
        width: 115px;
    }

        .searchBannerCateg .searchBannerItem a {
            text-decoration: none;
        }

        .searchBannerCateg .searchBannerItem .searchBannerImg {
            border-radius: 100%;
            background-color: #FFF;
            display: block;
            overflow: hidden;
            position: relative;
        }

        .searchBannerCateg .searchBannerItem:hover .searchBannerImg {
            display: block;
            position: relative;
        }

        .searchBannerCateg .searchBannerItem .searchBannerImg:after {
            background-color: rgba(0, 0, 0, 0.05);
            border-radius: 50%;
            content: none;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .searchBannerCateg .searchBannerItem .searchBannerImg img {
            transform: scale(.7);
        }

        .searchBannerCateg .searchBannerItem:hover .searchBannerImg:after {
            background-color: rgba(0, 0, 0, 0.05);
        }

        .searchBannerCateg .searchBannerItem .searchBannerLib {
            color: #323232;
            display: block;
            font-size: 14px;
            height: 34px;
            line-height: 16px;
            margin: 10px 0px 20px;
            overflow: hidden;
            text-align: center;
            width: 115px;
        }

        .searchBannerCateg .searchBannerItem:hover .searchBannerLib {
            color: #e23b13;
        }

.searchService {
    border-color: #d7e0ea;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin: 10px 4px 0 0;
}


/***********************************************/
/** FOR HORIZONTAL SEARCH BANNER SUGGESTION  **/
/**********************************************/
.hubHorizontalNavImgList ul {
    height: 140px;
    padding: 10px 0;
}

.hubHorizontalNavImgList li {
    float: left;
    height: 100%;
    padding: 0 7px;
    width: 14%;
}

.hubHorizontalNavImgList a {
    text-align: center;
    text-decoration: none;
}

    .hubHorizontalNavImgList a:hover {
        color: #ee7817;
    }

.hubHorizontalNavImgList img {
    display: block;
    margin: 0 auto;
}

.hubHorizontalNavImgList div {
    height: 30px;
    line-height: 30px;
}

.hubHorizontalNavImgList span {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
}

.searchBanner ul {
    margin-bottom: 3em;
}

/** BMM hub Horizontal navigation **/

.bmmHubHorizontalNavImgList {
    overflow: hidden;
}

    .bmmHubHorizontalNavImgList ul {
        display: block;
        height: 110px;
    }

    .bmmHubHorizontalNavImgList li {
        width: 20%;
    }

/*BMM product not found css handler*/

.bmmNotFoundBlock {
    display: none;
    text-align: center;
}

.bmmNotFoundImg {
    margin-top: 50px;
}

.bmmNotFoundMsg {
    font-size: 18px;
    margin: 35px 0;
}

    .bmmNotFoundMsg p[class="productNotFoundMsg"] {
        margin-bottom: 8px;
    }

.productNotFound .bmmNotFoundBlock {
    display: block;
}

.productNotFound #lpBloc,
.productNotFound #pager,
.productNotFound .pubBloc,
.productNotFound .lpTradeRegie,
.productNotFound .pubGoodDeals,
.productNotFound .lpDRLegal,
.productNotFound #footer .ftMention,
.productNotFound .pertSwCarousel,
.productNotFound .regTxt {
    display: none;
}

/*BMM not product not found End*/

/** 2. PRODUCT BLOC (global) **/
.lpBImg {
    display: block;
    height: 250px;
    margin: 0 auto;
    width: 250px;
}

.lpBTit {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    height: 3.6em;
    overflow: hidden;
    padding: .9em 0 0;
}

.opImg + .lpBTit {
    padding-top: 0.55em;
    height: 3.2em;
}

.lpBDesc {
    cursor: pointer;
    display: block;
    height: 3.5em;
    overflow: hidden;
    padding: 0 .9em;
}

    .lpBDesc.descS {
        height: 1.3em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lpBDesc span {
        background: #fd6600;
        color: #fff;
        margin: 0 .5em 0 0;
        padding: 0 .4em;
    }

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

.lptContent .lpBDesc {
    padding: 0;
}

.lptContent .ecoBlk {
    right: -1px;
}

.lpBStar {
    height: 1.4em;
}

.lpPrSt {
    font-size: 1.2em;
    height: 1.1em;
    text-decoration: line-through;
}

.lpPrice {
    font-size: 3em;
    font-weight: normal;
    height: 1em;
    line-height: .5em;
}

    .lpPrice .price {
        font-weight: normal;
    }

    .lpPrice sup {
        font-size: .6em;
        line-height: .6em;
        vertical-align: .6em;
    }

#lpBloc .facilityP,
.lpTop .facilityP,
.testPrdtBloc .facilityP {
    bottom: 0;
    height: 120px;
    width: 100%;
}

#lpBloc .testPrdtBloc .facilityP,
.lpTop .testABFacilityP.facilityP,
.testPrdtBloc .facilityP {
    bottom: 8px;
}

#lpBloc > .lpLrBandeauRegieAjax {
    background: #FFFFFF;
    position: absolute;
    right: 0px;
    z-index: 11;
    overflow: hidden;
}

#lpBloc.lpBlocInline.lpInline > .lpLrBandeauRegieAjax {
    background: none;
    border: none;
    float: right;
    position: sticky;
    top: 75px;
    width: 300px;
}

#lpBloc.lpInline > li.lpTdgProduct {
    border-bottom: 0;
}

#lpBloc.lpInline > li.lpTdgProduct + li:not(.lpTdgProduct) {
    border-top: 1px solid transparent;
}

#lpBloc:not(.lpLight) > li.lpTdgProduct > .prdtBloc {
    height: auto;
}

#lpBloc > .hideAjaxBanner {
    display: none;
}

.imgExpress {
    display: inline-block;
    height: 9px;
    width: 60px;
}

.lpCashbackBlk {
    bottom: 70px;
    color: #323232;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    height: 41px;
    left: 0;
    padding: 1.3em 0;
    position: absolute;
    text-align: left;
    width: 41px;
}

.lpCashback3digits {
    padding: 1.3em 0.3em;
}

/* Flash */
.odr {
    font-weight: bold;
    margin: 0 auto;
    width: 11em;
}

.vf span {
    display: block;
    font-size: .8em;
}

.lpTBk .vf, .lpTBk .pc, .lpTBk a .opImg {
    bottom: 3em;
    position: absolute;
    width: 100%;
}

.lpTBk a .opImg {
    height: auto;
}

#lpBloc a .vfEmpty, .lpCarTop a .vfEmpty {
    height: 2.3em;
}

.opImg {
    height: 30px;
    overflow: hidden;
    text-align: center;
}

    .opImg img {
        height: auto;
    }

.odr {
    color: #2c5a3e;
    text-align: center;
    font-size: 1.1em;
}

    .odr span {
        font-size: 1.2em;
        padding: .5em 0 0 1.7em;
    }

.prdtBILSpecial .odr span {
    font-size: 1em;
    padding: .5em 0 0 1.7em;
}

.prdtBILSpecial .odr.cagnotte span {
    background-size: 16px;
}

.prdtBILSpecial .sales span {
    color: #e23a05;
    font-size: 1em;
    font-weight: bold;
    padding: .5em 0 0 1.7em;
}

.opeCoLine .odr, .opeCoLine .sales {
    color: #323232;
    font-weight: normal;
    margin: 0;
    padding-top: 0;
    text-align: left;
    width: 100%;
}

    .opeCoLine .odr span, .opeCoLine .sales span {
        font-size: 12px;
        padding: .5em 0 0 1.7em;
    }

.prdBlock .btAdd a.btGreen.btS {
    display: inline-block;
}

.testLp4x .lp4xAmount {
    color: #e23a05;
    font-size: 16px;
    padding-left: 2px;
    font-weight: bold;
}

.testLp4x .lp4xFees {
    color: #878787;
    font-size: 11px;
}

.testLp4x .lp4xLabel {
    border-top: 1px solid #d7d9e4;
    color: #323232;
    font-size: 13px;
    padding: 7px 0 0 0;
}

.testLp4x .lpPictos {
    display: table-cell;
    padding-right: 22px;
    vertical-align: top;
}

.testLp4x .lpPictosFreeDelivery {
    background: url(https://i2.cdscdn.com/imagesok/pictos/livraison-gratuite.png) no-repeat;
}

.testLp4x .lpPictosGeoloc {
    background: url(https://i2.cdscdn.com/imagesok/pictos/Magasin.png) no-repeat;
}

.testLp4x .lpPictosLabels {
    margin-top: 5px;
}

.testLp4x .lpPictosMsg {
    display: table-cell;
    vertical-align: top;
}

.fixedHeight .lpPictosMsg {
    height: 16px;
}

.testLp4x .lpPictosSAV {
    background: url(https://i2.cdscdn.com/imagesok/pictos/SAV.png) no-repeat;
}

.testLp4x .lpPictosSavings {
    padding-bottom: 10px;
}

.testLp4x .lpPictosSecondHand {
    background: url(https://i2.cdscdn.com/imagesok/pictos/occasion.png) no-repeat;
}

.testLp4x .lpSavings {
    padding-bottom: 7px;
}

.testLp4x .lpSeeMoreOffers {
    padding-left: 3px;
}

.testLp4x.prdtBILCta .btGreen {
    margin: 10px 0 0;
}

.testLp4x sup {
    vertical-align: top;
}

/* Loader */
.liEmpty {
    background-image: url('https://www.cdiscount.com/RWD/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

/** 3. ZTD **/
.ztdA:hover {
    cursor: default;
}

.ztdH {
    display: none;
}

.ztdImg {
    height: auto;
    max-width: 100px;
    width: 100px;
}

.ztdLnkMore, .ztdTxt a {
    color: #878787;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

    .ztdLnkMore:hover, .ztdTxt a:hover {
        color: #096ec8;
        text-decoration: underline;
    }

.ztdTop {
    display: flex;
    padding: 20px 0;
}

.ztdTxt {
    color: #323232;
    font-size: 14px;
}

.ztdBloc {
    flex-shrink: 1;
    padding: 0 20px;
    vertical-align: middle;
    width: 100%;
}

.ztdBubbleBloc {
    display: flex;
    margin-top: 10px;
}

.ztdLnkOverflow {
    height: 40px;
}

.ztdBubbleLink {
    background: #ffffff;
    border: 1px solid #d7d9e4;
    border-radius: 15px;
    color: #323232;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

.ztdShowLinks {
    display: inline-block;
}

.ztdBubbleLink:hover {
    background: #f7f7f7;
    color: #096ec8;
}

.ztdBubbleLinkMore {
    align-self: flex-start;
    color: #096ec8;
    cursor: pointer;
    margin-top: 15px;
}

.ztdBubbleLinkBloc {
    flex-shrink: 1;
    overflow: hidden;
    margin-top: 5px;
}

.ztdRanking {
    color: #323232;
    font-size: 11px;
    margin-top: 10px;
    text-align: right;
}

.ztdRankingZtdHub {
    margin-top: 17px !important;
}

/** Refonte Ztd **/
.ztdTopRefonte {
    border-bottom: 0px solid #d7d9e4;
    border-top: 0px solid #d7d9e4;
    display: flex;
    padding: 0px 0px 32px 0px;
}

#sContener #lpContent .ztdTopRefonte {
    padding: 5px 0;
}

.ztdRefonteTxt {
    color: #323232;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}

.ztdTxtRef a {
    color: #096EC8;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
}

.ztdTxtRef a:hover {
    text-decoration: none;
}

.ztdTxtRef a:visited {
    text-decoration: underline;
}

.ztdBlocRefonte {
    flex-shrink: 1;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
}

.ztdBubbleTitle {
    font-size: 14px;
    font-weight: bold;
    color: #323232;
    opacity: 1;
    height: 16px;
    text-align: left;
}

    .ztdBubbleTitle > h2, h3 {
        display: inline;
        font-size: inherit;
        font-weight: inherit;
    }

.relatedSearchTitle {
    font-size: 16px;
    font-weight: bold;
    color: #323232;
    opacity: 1;
    text-align: left;
    padding-right: 8px;
}

.ztdBlocRefonte {
    flex-shrink: 1;
    padding: 0px;
    vertical-align: middle;
    width: 100%;
    position: relative;
}

.ztdLnkMoreRefonte {
    color: #096EC8;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    position: absolute;
    right: 0px;
    top: 36px;
    margin-right: 15px;
}

#jsZtdLnkLess {
    position: inherit !important;
    float: right;
    margin-top: 0px;
}

.ztdLnkMoreRefonte:hover {
    color: #096EC8;
    text-decoration: none;
}

.ztdLinkMoreHub {
    top: auto !important;
}

/** 4. TOP **/
.lpTopZtd {
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.lpHeaderZtd p, .lpHeaderZtd span, .lptZZtd p, .lptZZtd div {
    display: inline;
}

.lpZtd, .lpTopBox {
    margin: 0 0 20px;
}

.lpZtd {
    -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
    -ms-flex-order: 2; /* TWEENER - IE 10 */
    -webkit-order: 2; /* NEW - Chrome */
    order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.lpZtdH, .lpTopZtd .lpZtdH {
    display: none;
}

.lpTAd, .lpTAdResponsive {
    float: right;
    margin: 10px 0 0 10px;
    width: 300px;
    z-index: 1;
}

.lpTAdResponsive {
    max-height: 90px;
}

    .lpTAd .regBloc, .lpTAdResponsive .regBloc {
        margin: 0;
    }

    .lpTAd + .lpTopTDG, .lpTAdResponsive + .lpTopTDG {
        width: calc(100% - 310px);
    }

.newLpTopBox .lpTAd + .lpTopTDG {
    width: 67%;
}

.lpTOp {
    background: no-repeat center 0;
    float: left;
    height: 575px;
    width: 220px;
    margin: 10px;
}

    .lpTOp + .lpCarTop {
        margin-left: 240px;
    }

.lpCarTop .crUl {
    border: 0;
    height: 565px;
    margin: 10px 0;
    overflow: initial;
}

    .lpCarTop .crUl.crUlLoading {
        overflow: hidden;
    }

.lpCarTop .crItem {
    border-right: 0;
    height: 565px;
    font-size: .9em;
    width: 50%;
}

.lpTOp + .lpCarTop .crItem {
    width: 100%;
}

.lpCarTop.noFlex .crItem:last-child {
    border-right: 0;
}

.lpCarTop .prdtBloc {
    height: 565px;
    margin: 0 auto;
    width: 241px;
}

.lpCarTop .prdtBPCar {
    height: 230px;
}

.newLpTopBox .lpCarTop .prdtBPCar {
    height: 320px;
    margin-bottom: 25px;
}

.lpCarTop .prdtBImg {
    height: 200px;
    width: 200px;
}

.newLpTopBox .prdtBImg {
    height: auto;
    width: 300px;
}

.lpCarTop .overBP {
    height: 565px;
}

.lpCarTop .ecoBlk span {
    font-size: 2.8em;
}

/* Arrow */
.crArrows {
    border-top: 1px solid #d7d9e4;
    height: 36px;
    overflow: hidden;
}

    .crArrows .crLeft, .crArrows .crRight {
        border: 0;
        font-size: 1em;
        font-weight: normal;
        height: 28px;
        line-height: 20px;
        line-height: 28px;
        margin: 4px 0;
        max-width: 140px;
        text-align: left;
        width: 50%;
    }

        .crArrows .crLeft:hover, .crArrows .crRight:hover {
            background-color: #f1f0f8;
        }

.crArr {
    float: left;
    font-size: 2.8em;
    height: 28px;
    line-height: 22px;
    margin: 0 8px 0 4px;
    text-align: center;
    width: 28px;
}

.crArrows .crRight {
    text-align: right;
}

.crRight .crArr {
    float: right;
    margin: 0 4px 0 8px;
}

.disabled .crArrows .crLeft, .disabled .crArrows .crRight {
    display: none;
}

.prdtBPCar .hiddenTdgLi {
    display: none;
}


/** 5. LIST **/
#lpBloc {
    margin: 1em 0 0;
    padding: 5px;
}

    .topLpInLineBorder {
        border-bottom: 1px solid #d7d9e4;
    }

#lpBloc > li > .prdtBlocInline {
    border-bottom: inherit;
}

#lpBloc > li {
    display: block;
    float: left;
    font-size: .9em;
    height: 600px;
    padding: 5px;
    position: relative;
    width: 33.33%;
}

    #lpBloc.lpLight > li {
        height: 580px;
        padding: 5px 25px 25px 25px;
    }

        #lpBloc.lpLight > li:nth-child(-n+3) {
            height: 650px;
        }

        #lpBloc.lpLight > li.lpLrBandeauRegieAjax {
            height: 650px;
        }

    #lpBloc:after {
        content: " ";
        display: block;
        height: 1px;
        clear: both;
    }

    #lpBloc > li > a, #lpBloc > li > form > a {
        display: block;
        position: relative;
        padding: .9em .9em 0;
    }

    #lpBloc .lpBImg {
        margin: 15px auto; /* img 200/200 */
    }

    #lpBloc form {
        overflow: hidden;
    }

    #lpBloc .pdtBoosted {
        border: 1px solid #ff5400;
    }

    #lpBloc .pdtBoostedDbl {
        border: 3px solid #ff5400;
    }

    #lpBloc .ecoBlk span {
        font-size: 2.8em;
    }

.pdtBoostedDbl > a, .pdtBoostedDbl > form > a {
    padding-top: .7em;
}
/*Surcharge SellerShop*/
.lpBPrev, .lpBNext {
    display: none;
    font-size: 2.5em;
    font-weight: bold;
    padding: 0 .5em;
    position: absolute;
    text-decoration: none;
    top: 35%;
    z-index: 11;
}

.lpBPrev {
    left: 0;
}

.lpBNext {
    right: 0;
}

.hover .lpBPrev, .hover .lpBNext {
    display: block;
}

.lpBPCar {
    overflow: hidden;
    height: 230px;
}

    .lpBPCar li {
        display: block;
        float: left;
        width: 100%;
    }

        .lpBPCar li + li {
            display: none;
        }
#lpBloc .imgWrapper {
    position: relative;
}
#lpBloc .liveShoppingBtn {
    position: absolute;
    bottom: 0;
}

#lpBloc.lpBlocInline .liveShoppingBtn {
    padding-left: 16px;
    position: inherit;
}

.lpBZPrice {
    float: left;
    margin: .7em 0 0;
    padding: 0 0 0 .9em;
    width: 48%;
}

.lpBZBtn {
    float: right;
    margin: 1.2em 0 0;
    padding: 0 .9em 0 0;
    width: 52%;
}

    .lpBZBtn > div {
        height: 30px;
    }

.lpPInfoT {
    display: table;
    height: 2.5em;
    margin: 0 0 .3em;
    width: 100%;
}

.lpPInfoTC {
    display: table-cell;
    vertical-align: bottom;
}

.lpBStart {
    font-size: .8em;
    font-weight: normal;
}

#lpBloc .liAdPrev {
    display: none;
}

#lpBloc .liAd {
    width: 100%;
    height: auto;
    border-right: 0;
}

.liAd > div {
    margin: 20px 0;
}

.jsNoPrdtBloc {
    overflow: hidden;
}
/** LR CATEGORY LIST **/
.catBlock {
    max-width: 1090px;
    margin: 0 auto;
    padding: 20px;
}

    .catBlock li {
        display: inline-block;
        width: 210px;
    }

    .catBlock [type=checkbox] {
        display: none;
    }

    .catBlock label {
        cursor: pointer;
        color: #096ec8;
    }

        .catBlock label:hover {
            text-decoration: underline;
        }

/** 6. PAGINATION **/
#pager {
    clear: both;
}

.pgWrap {
    margin: 0 0 32px;
    padding: 1em 0 0;
    text-align: center;
    width: 100%;
}

.pg {
    display: inline-block;
    height: 3em;
    padding: .17em 0;
}

    .pg ul, .pg li {
        float: left;
        line-height: 2.5em;
    }

.pgPrev, .pgNext {
    float: left;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.15em;
    padding: 0 .625em;
    text-decoration: none;
}

span.pgPrev, span.pgNext {
    color: #d8dee6;
}

.pg li {
    padding: 0 .25em;
}

    .pg li a, .pg li span {
        display: block;
        padding: 0 .83em;
    }

.noAct {
    color: #A9A9A9;
}

.pg ul {
    padding: 0 .5em;
}

.pg li a:hover, .pg .current {
    background-color: #323232;
    color: #FFF;
    text-decoration: none;
}

.pgNew {
    margin: 0 auto 2em;
    padding: 1em 0 0;
    text-align: center;
    display: table;
}

    .pgNew ul {
        padding: 0 .5em;
        display: table-cell;
        vertical-align: middle;
    }

    .pgNew li {
        display: inline-block;
        padding: 0 .25em;
    }

        .pgNew li a:hover, .pgNew .current {
            background-color: #323232;
            color: #FFF;
            text-decoration: none;
        }

    .pgNew ul, .pgNew li {
        line-height: 2.5em;
    }

        .pgNew li a, .pgNew li span {
            display: block;
            padding: 0 .83em;
            text-decoration: none;
        }

.pgActual {
    color: #878787;
}

.pgLight .btBlue {
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0 5px;
    padding: 0 20px;
}

.pgLight {
    display: table;
    height: 40px;
    margin: 20px 0;
    width: 100%;
}

.pgLightFirstPage, .pgLightPrevNext {
    display: table-cell;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.pgLightFirstPage {
    text-align: left;
    width: 200px;
}

.pgLightPrevNext {
    padding-right: 200px;
}

.pgLightFirstPage a {
    color: #096ec8;
    margin-left: 5px;
}

    .pgLightFirstPage a:hover {
        text-decoration: underline;
    }

/** 7. LR **/
.titRes {
    font-size: 1.2em;
    margin: .6em 0 0;
}

.titRim {
    color: #e72b6b;
    font-size: 1.3em;
}

    .titRim a {
        color: #e72b6b;
    }
/* LR Alternative */
.titResAlt {
    font-size: 1.4em;
    margin: 0 0 20px 0;
}

    .titResAlt a {
        font-weight: bold;
    }

.adDbl {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #efefef;
    margin: 20px 0;
}

.adDbl .adBlock {
    border: none;
    background-color: transparent;
}

.cLRAlt {
    margin: 10px 0;
}

.cLRAltTit {
    border: 1px solid #d7d9e4;
    border-bottom: 0;
    padding: 5px 10px;
    line-height: 1.6em;
    font-size: 1.6em;
}

    .cLRAltTit a {
        background: #2844a9;
        background: linear-gradient(to bottom, #2844a9 0%,#22398e 100%);
        border: 1px solid #22398e;
        color: #fff;
        display: inline-block;
        font-size: .7em;
        height: 30px;
        margin: 0 0 0 30px;
        padding: 0 10px;
        text-decoration: none;
    }

        .cLRAltTit a:hover {
            background: #3757c9;
            color: #fff;
        }

        .cLRAltTit a:active {
            box-shadow: 0 2px 10px 0 rgba(132,132,132,.4);
        }

.crLRAlt .crUl, .crLRAlt .crItem, .crLRAlt .prdtBloc, .crLRAlt .crLeft, .crLRAlt .crRight {
    height: 615px;
}

.crLRAlt .crLeft, .crLRAlt .crRight {
    line-height: 615px;
}

.crLRAlt .prdtBloc {
    margin: 0 auto;
    width: 280px;
}

.crLRAlt .ecoBlk span {
    font-size: 2.8em;
}
/* LR Nul */
.lrTryAgain {
    font-weight: bold;
    font-size: 1.4em;
    margin: 20px 0 5px;
}

.lrNul {
    border: 1px solid #d7d9e4;
    margin: 5px 0 20px;
    padding: 20px;
}

.lrNulSrc {
    float: right;
    width: 60%; /* for no support calc */
    width: -moz-calc(100% - 480px); /* ff lt 15 */
    width: -webkit-calc(100% - 480px); /* chrome lt 25, safari 6.1 */
    width: calc(100% - 480px);
}

.lrSrc {
    max-width: 820px;
    position: relative;
}

    .lrSrc .btBlue {
        border-radius: 0 3px 3px 0;
    }

    .lrSrc .srcComp {
        position: absolute;
        width: 100%;
    }

.lrNulBaseline {
    padding: 10px 0 0;
}

.lrNulTxt {
    font-size: 1.4em;
}

    .lrNulTxt > div {
        font-weight: bold;
        margin: 0 0 5px;
    }

    .lrNulTxt li {
        list-style: disc inside;
    }

/** 8. ADS **/
.lpMBan {
    width: 740px;
    margin: 0 auto 2em;
}

.lpTradeRegie, .pubDblRegie {
    margin: 0 0 2em;
    text-align: center;
}

.lpTrade, .lpRegie, .pubDR1, .pubDR2 {
    display: inline-block;
    vertical-align: top;
}

.lpRegie {
    padding: 0 0 0 20px;
}

.pubDR1, .pubDR2 {
    padding: 0 1em;
}

.lpGAds {
    border: 1px solid #d7d9e4;
    margin: 1.25em 0;
    padding: 1em;
}

.lpDRLegal {
    text-align: left;
    margin: 1em 0 0;
    width: 220px;
}

#lpContent .crN {
    margin: 0 0 2em;
}

#lpContent .adBlock {
    margin: 0;
}

.lpSellBy {
    height: 1em;
    line-height: 1em;
    padding: 0px 0.9em;
}

/** 9. MECACO **/
.lpTopBox .mekakoPdt {
    height: 545px;
}

.lpTopBox .mkkPDesc {
    padding: .5em 0 0;
}

.lpTopBox .mkkPMess {
    padding: 0 0 .5em;
}

.lpTopBox .mkkPDescY + .mkkPMess {
    padding-top: .5em;
}

.lpTopBox .mekakoPdt .btGreen {
    display: inline-block;
    font-size: .9em;
    margin: 20px 0 0;
    padding: 1em;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

.lpTopBox .mkkPTit {
    background-position: 0 0;
}
/* Mabaya (Sponsorised product)*/
.ttOverBlk {
    color: #323232;
}

.lpGrid .ttOverBlk + span#Sponsorised {
    padding-right: 16px;
}
/* FACETS */
.lpActiveFacet {
    clear: both;
    line-height: 3.5em;
    overflow: hidden;
    position: relative;
}

#mvFilter {
    background: #f7f7f7;
    padding: 10px 0px 5px 15px;
    top: 0;
    transition: top .2s ease;
    width: 100%;
}

.lpTitSort {
    line-height: 2.5em;
    overflow: hidden;
    padding-bottom: 5px;
}

#mvFilter .lpTitSort h1 {
    display: inline;
    font-size: 1.35em;
    margin: 0;
    padding: 0;
}

.lpTitSort span {
    font-size: 1.35em;
    font-weight: bold;
}

.lpTitSort strong {
    font-size: 1.3em;
}

.lpSort {
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    height: 35px;
    margin-right: 20px;
    padding-left: 9px;
    text-align: right;
}

.moreFilter + .lpSort {
    border-left: 1px solid #d7d9e4;
}

.sortByImg {
    display: inline-block;
    width: 14px;
    height: 19px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.facetContent {
    line-height: 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.facetListing, .facetTools {
    display: table-cell;
}

.facetListing {
    width: 100%;
    vertical-align: top;
}

.facetTools {
    color: #293847;
    text-align: right;
    width: 340px;
}

.fixed .facetTools {
    padding-right: 10px;
    width: 350px;
}

.facetTitle {
    display: none;
    font-size: 1.35em;
    font-weight: bold;
    overflow: hidden;
    padding: 0 15px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px;
}

#mvFilter.fixed {
    background: rgba(247, 247, 247, .96);
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.2);
    left: 0;
    position: fixed;
    z-index: 100;
}

.fixed .lpTitSort {
    display: none;
}

.fixed .facetTitle {
    display: table-cell;
}

.fixed .titRim {
    display: none;
}

.hFacetList, .hFacetOne, .hFacetColorList {
    background: #fff;
    border: 1px solid #d7d9e4;
    border-radius: 2px;
    display: none;
    float: left;
    height: 35px;
    line-height: 35px;
    margin: 0px 10px 5px 0;
    min-width: 135px;
    position: relative;
    padding: 0 10px;
    width: 30%;
    width: calc(33% - 10px);
}

.hFacetTit, .hFacetOne {
    font-size: 1.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .hFacetList input, .hFacetOne input {
        vertical-align: text-top;
    }

    .hFacetOne a {
        text-decoration: none;
    }

    .hFacetList:hover, .hFacetOne:hover, .hFacetColorList:hover {
        border: 1px solid #323232;
        cursor: pointer;
    }

.hFacetArrow {
    float: right;
}

.moreFilter {
    background: #fff;
    border: 1px solid #293847;
    border-radius: 2px;
    display: inline-block;
    font-size: 1.1em;
    margin-right: 10px;
    height: 35px;
    width: 90px;
    text-align: left;
}

    .moreFilter > div {
        background: #293847;
        color: #fff;
        display: inline-block;
        font-size: 1.6em;
        font-weight: bold;
        height: 33px;
        line-height: 35px;
        text-align: center;
        vertical-align: middle;
        width: 24px;
    }

    .moreFilter:hover {
        border-color: #225589;
    }

        .moreFilter:hover > div {
            background: #225589;
        }

    .moreFilter .lessFilter {
        display: none;
    }

    .moreFilter .lessFilter {
        line-height: 30px;
        font-size: 2.4em;
    }

    .moreFilter:hover {
        cursor: pointer;
    }

.mvFSrcInput {
    width: 248px;
    width: calc(66% - 102px);
}

.hFOverLay {
    background-color: #FFF;
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    display: none;
    margin-left: -11px;
    margin-top: 8px;
    padding-top: 10px;
    position: absolute;
    width: 100%;
    z-index: 15;
}

    .hFOverLay::before {
        background-position: top;
        content: "";
        height: 10px;
        margin-top: -20px;
        position: absolute;
        width: 100%;
    }

    .hFOverLay:hover {
        cursor: default;
    }

.hFaListing {
    max-height: 250px;
    overflow: auto;
}

.hFChecked + :not(.hFChecked):not(.hFRerank), .hFRerank + :not(.hFRerank) {
    border-top: 2px solid #d7d9e4;
}

.hFaListing > li:first-child {
    border: none;
    padding-top: 0;
}

.hFaListing > li {
    border-top: 1px dashed #d7d9e4;
    padding: 5px 0;
}

    .hFaListing > li:hover {
        background-color: #f1f0f8;
    }

.hFaListing label {
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 29px;
    padding: 0px 10px;
}

.hFaListing input {
    clear: none;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.hFaListing span {
    display: inline-block;
    line-height: 15px;
    line-height: initial;
    vertical-align: middle;
    width: calc(100% - 30px);
}

.hFaListing strong {
    vertical-align: bottom;
}

.facetCAV {
    margin-right: 3px;
    vertical-align: bottom;
}

.hFaListing .facetCAV {
    width: auto;
}

.hFaListing a {
    text-decoration: none;
}

.hFacetColorList li, .hFacetColorList li:first-child {
    border: 1px solid #fff;
    float: left;
    height: 19px;
    width: 19px;
    margin: 4px 4px 0 0;
    padding: 0;
}

.hFacetColorList .hFaListing {
    padding: 0 10px 10px 10px;
}

    .hFacetColorList .hFaListing label {
        border: 1px solid #d7d9e4;
        display: block;
        height: 18px;
        width: 18px;
        padding: 0;
    }

        .hFacetColorList .hFaListing label:hover {
            cursor: pointer;
        }

.hFacetColorList .hCbChecked label {
    border: 2px solid #fff;
    height: 17px;
    width: 17px;
}

.hFacetColorList li.hCbChecked {
    border: 1px solid #323232;
}

.hFacetColorList input[type=checkbox] {
    display: none;
}

.hFacetColorList ul li.beige {
    background-color: #dba87f;
}

.hFacetColorList ul li.blanc {
    background-color: #ffffff;
}

.hFacetColorList ul li.bleu {
    background-color: #4a79c6;
}

.hFacetColorList ul li.gris {
    background-color: #828282;
}

.hFacetColorList ul li.jaune {
    background-color: #e5ca2c;
}

.hFacetColorList ul li.marron {
    background-color: #936247;
}

.hFacetColorList ul li.noir {
    background-color: #000000;
}

.hFacetColorList ul li.orange {
    background-color: #f2853b;
}

.hFacetColorList ul li.rose {
    background-color: #e260a1;
}

.hFacetColorList ul li.rouge {
    background-color: #d3374e;
}

.hFacetColorList ul li.vert {
    background-color: #6bb242;
}

.hFacetColorList ul li.violet {
    background-color: #7d56af;
}

div.hFaListCancel {
    display: none;
    height: 20px;
    line-height: 5px;
    text-align: center;
}

.hFaListCancel:hover {
    cursor: pointer;
}

.hFOverLay .btBlue {
    height: 35px;
    margin: 0 10px 10px 10px;
    width: 88%;
    width: calc(100% - 20px);
}

.hFOverLay ::-webkit-scrollbar { /* css scrollbar general */
    width: 5px;
}

.hFOverLay ::-webkit-scrollbar-thumb { /* css scrollbar element scroll */
    background: #ababab;
    border-radius: 2px;
}

.lpSFilterAndSort {
    overflow: hidden;
    width: 100%;
}

.lpSFilter {
    height: 3.5em;
}

.lpSActiveFilter {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #d7d9e4;
    display: inline-block;
    line-height: 2.9em;
    margin: 5px;
    padding: 0 5px;
    vertical-align: middle;
}

    .lpSActiveFilter:hover, .lpSActiveFilter label:hover {
        cursor: pointer;
    }

    .lpSActiveFilter span {
        float: right;
        font-weight: bold;
        padding: 0 5px 0 10px;
    }

    .lpSActiveFilter input, .lpSDeleteFilters input {
        margin: 0;
        opacity: 0;
        width: 0;
    }

.lpSDeleteFilters label:hover, .lpSDeleteFilters:hover {
    cursor: pointer;
}

.lpSSearch {
    border-radius: 3px 0 0 3px;
    border: 1px solid #d7d9e4;
    height: 35px;
    line-height: 17px;
    outline: medium none;
    padding: 0 5px 0 35px;
    vertical-align: middle;
    width: 190px;
}

.lpSearchImg {
    display: inline-block;
    padding: 0 10px 0 0;
}

    .lpSearchImg .btBlue {
        border-radius: 0 3px 3px 0;
        border: 1px solid #2844a9;
        border-left: none;
        height: 35px;
        vertical-align: middle;
        width: 2.4em;
    }

input.lpSSearch::-webkit-input-placeholder {
    color: #323232;
}

input.lpSSearch::input:-moz-placeholder {
    color: #323232;
}

input.lpSSearch::-ms-input-placeholder {
    color: #323232;
}

input.focus::-webkit-input-placeholder {
    color: #fff;
}

input.focus::input:-moz-placeholder {
    color: #fff;
}

input.focus::-ms-input-placeholder {
    color: #fff;
}

.lpSelectSort {
    background-color: #fff;
    border: 1px solid #293847;
    border-radius: 2px;
    color: #293847;
    font-weight: bold;
    height: 100%;
    line-height: 2.5em;
    margin-left: 9px;
    outline: none;
}

    .lpSelectSort:hover {
        border-color: #225589;
    }

span + .lpSelectSort {
    max-width: 185px;
}

.lpSelectSort:hover {
    cursor: pointer;
}

.lpSelectImg {
    margin-left: 10px;
    padding: 6px 0 5px 25px;
}

.lpTSearch {
    display: table-cell;
    padding-right: 15px;
    width: 100%;
    vertical-align: middle;
}

.searchTopLpContent {
    background: #fff;
    border: 1px solid #293847;
    height: 38px;
    overflow: hidden;
}

    .searchTopLpContent button {
        background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat 0px 0px;
        border: none;
        cursor: pointer;
        float: right;
        height: 36px;
        outline: none;
        width: 50px;
    }

    .searchTopLpContent input {
        background: none;
        border: 0;
        color: #293847;
        float: left;
        font-size: 1.25em;
        height: 36px;
        line-height: .9em;
        outline: none;
        padding: 0 0 0 10px;
        width: 80%;
        width: calc(100% - 85px);
    }

/* REFONTE LP TOP */
.lpTopSort {
    border-bottom: 1px solid #D7D9E4;
}

.lpTopSortTitle {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}

.lpTopSortItem {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
}

    .lpTopSortItem.active {
        background-color: transparent;
        border-bottom: 3px solid #E23A05;
        font-weight: bold;
    }

        .lpTopSortItem.active.asc:after, .lpTopSortItem.active.desc:after {
            content: '';
            display: inline-block;
            height: 10px;
            margin-left: 10px;
            width: 10px;
        }

/* Search key word campaign*/

.skwBanner {
    max-height: 150px;
}

.skwBlock {
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    max-width: 1280px;
}

.skwRateContent {
    display: block;
    height: 16px;
    margin-bottom: 8px;
    overflow: hidden;
}

.skwZone.testSkwZone {
    padding: 0px;
}

.testSkwZone .skwBlock {
    display: block;
    max-width: none;
}

.skwCta {
    color: #096ec8;
    font-size: 1.08em;
    height: 25px;
    line-height: 1.93em;
}

.testSkwZone .skwCta {
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: normal;
}

.skwOfferTitle {
    color: #323232;
    display: -webkit-box;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.testSkwZone .skwOfferTitle {
    height: 26px;
    line-height: 14px;
    margin-bottom: 5px;
}

.skwRateContent .sta {
    display: inline-block;
}

.skwRateContent span {
    color: #323232;
    font-size: 11px;
}

.skwCdavBloc {
    display: block;
    font-size: 11px;
}

.testSkwZone .skwCdavBloc {
    height: 22px;
    line-height: 11px;
    margin-bottom: 8px;
    width: 100px;
}

.testSkwZone .prdtPrice {
    font-size: 24px;
    height: auto;
    line-height: normal;
}

.testSkwZone .skwOfferImg {
    height: 115px;
    vertical-align: middle;
    width: 115px;
}

    .testSkwZone .skwOfferImg img {
        height: 100%;
        width: 100%;
    }

.skwImg {
    display: table-cell;
    padding: 10px 10px 10px 0;
}

    .skwImg img {
        max-width: none;
    }

.testSkwZone .skwImg {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

.skwInfo {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.testSkwZone .skwInfo {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    width: calc(100% - 120px);
}

.skwIntro {
    font-size: 1.34em;
    line-height: 1.06em;
    max-height: 40px;
    overflow: hidden;
}

.testSkwZone .skwIntro {
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 8px;
    max-height: 32px;
}

.skwLeftZone {
    display: table-cell;
    flex-grow: 1;
    min-height: 80px;
    vertical-align: middle;
    width: 40%;
}

.testSkwZone .skwLeftZone {
    display: table-cell;
    padding: 8px 0 14px 0;
    width: 25%;
}

.testSkwZone .skwLink {
    display: block;
}

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

.skwOffer {
    display: table-cell;
    padding: 10px 0 10px 10px;
    width: 34%;
}

    .skwOffer .skwLink {
        display: table;
    }

.testSkwZone .skwOffer {
    display: table-cell;
    padding: 0px;
    width: 33%;
}

.skwOfferImg {
    display: table-cell;
    min-width: 65px;
}

.skwBlocInfoContainer {
    display: table-cell;
    padding: 0px 12px 0px 12px;
}

.skwOfferText {
    display: table-cell;
    font-size: .92em;
    height: 100%;
    line-height: 1.36em;
    max-height: 60px;
    padding-left: 10px;
    vertical-align: middle;
    width: 100%;
}

.skwRightZone {
    display: table-cell;
    flex-grow: 1;
    min-height: 60px;
    width: 60%;
}

.testSkwZone .skwRightZone {
    display: block;
    padding-bottom: 8px;
    width: 100%;
}

.skwTitle {
    color: #acacac;
    font-size: 0.84em;
    font-weight: bold;
    height: 15px;
    text-transform: uppercase;
}

.testSkwZone .skwTitle {
    color: #878787;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    margin-bottom: 8px;
}

.skwZone {
    border-bottom: 1px solid #d7d9e4;
    padding: 5px 0;
    width: 100%;
}

/* Popin Facet */
.popinRim {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #5e5e5e;
    left: 30%;
    max-width: 480px;
    padding: 1.5em 1em 1.5em 1.5em;
    position: fixed;
    text-align: center;
    top: 10%;
    width: 450px;
    z-index: 601;
}

.rimTitle {
    color: #323232;
    font-size: 2.333em;
    font-weight: bold;
    width: 100%;
}

    .rimTitle span {
        color: #b4b4b4;
        font-size: 0.575em;
    }

.rimSelect {
    margin: 20px 0 15px 0;
}

.rimTitleCity {
    color: #323232;
    font-size: 1.083em;
    margin-bottom: 15px;
}

#rimDrop {
    color: #323232;
    border-radius: 6px;
    font-size: 1.083em;
    font-weight: bold;
    padding: 15px;
    width: 280px;
}

.rimClose {
    cursor: pointer;
    float: right;
    text-decoration: underline;
    line-height: 1.2em;
}

    .rimClose span {
        font-size: 1.4em;
        padding: 0 0 0 .3em;
        float: right;
    }

.rimTitle {
    color: #323232;
    font-size: 2.333em;
    font-weight: bold;
    width: 100%;
}

.rimBtnZone {
    display: table;
    margin: 20px auto 0;
    width: 60%;
}

.rimCancel {
    color: #096ec8;
    cursor: pointer;
    display: table-cell;
    font-size: 1.2em;
    margin-top: 10px;
}

#rimBtnValider {
    display: table-cell;
    margin: 0 auto 10px;
    padding: 10px 20px;
    text-align: center;
}

/*HeadBand RIM Facet*/
#rimFacet {
    border: 1px solid #d7d9e4;
    border-radius: 6px;
    display: table;
    height: 60px;
    width: 100%;
}

.rimFacetTitle, .rimFacetInfo, .rimFacetClose {
    display: table-cell;
    height: 58px;
    vertical-align: middle;
    padding: 0 15px;
}

.rimFacetTitle {
    border-right: 1px solid #d7d9e4;
    color: #323232;
    font-size: 1.750em;
    font-weight: bold;
    padding-left: 10px;
    text-align: center;
    width: 160px;
}

    .rimFacetTitle span {
        color: #b4b4b4;
        font-size: 0.571em;
    }

.rimFacetInfo span {
    font-size: 1.333em;
    font-weight: bold;
}

.rimFacetInfo a {
    color: #096ec8;
    text-decoration: none;
}

.rimFacetClose {
    background-color: #fbfaf8;
    font-size: 1.667em;
    padding: 16px;
    width: 44px;
}

/* debut HT lp/lr */
html.isPro .displayToPro.lpPictosMsg .lpSeeMoreOffers {
    font-size: 11px;
}

.lpMain .prdtBZPrice .prdtPriceBloc {
    width: 130%;
}

html.isPro .lpInline .lpSavings .prdtBILEco .displayToPro .priceExhibitor {
    top: -0.3em;
}

.prdtBILPerUnitPrice {
    color: #878787;
    font-size: 10px;
    padding-top: 5px;
    text-transform: lowercase;
}

.carouAnimco.light .cPdtItem .displayToPro.price sup {
    font-size: 0.8em;
}

html.isPro .prdtPriceBloc .prdtPInfoTC .displayToPro.prdtPrSt {
    line-height: 20px;
}

html.isPro .lpInline .testLp4x .lpPictosMsg.displayToPro {
    display: table-cell;
}

.lpSavings .prdtBILEco .displayToPro,
html.isPro .lpSavings .prdtBILEco .hideFromPro,
.lpPictosLabels > div.displayToPro,
.prdtBILEco > span.displayToPro,
.lpTopContent #lpBcHelp .displayToPro,
#lpBcHelp > div.displayFromPro,
.prdtBILPrice > span.displayToPro,
.prdtPInfoTC > div.displayToPro,
.facMkt > span.displayToPro,
.cPdtItem > span.displayToPro,
.ecoBlk > span.displayToPro,
html.isPro .lpPictosLabels > div.hideFromPro,
html.isPro .prdtBILEco > span.hideFromPro,
html.isPro .prdtBILPrice > span.hideFromPro,
html.isPro .prdtBILStrikedPrice > .hideFromPro,
html.isPro .ecoBlk > span.hideFromPro,
html.isPro .cPdtItem > span.hideFromPro,
html.isPro .facMkt > span.hideFromPro,
html.isPro .lpTopContent #lpBcHelp .hideFromPro, html.isPro .prdtPriceBloc .displayToPro.prdtStrikedPriceAfter,
html.isPro .prdtBILPerUnitPrice > span.hideFromPro,
.prdtBILPerUnitPrice > span.displayToPro {
    display: none;
}

html.isPro .lpSavings .prdtBILEco .displayToPro,
html.isPro .lpMainCol .lpInline .displayToPro,
.prdtBDesc .hideFromPro, html.isPro .prdtBDesc .displayToPro,
.btOSize.btOSizeTDG .hideFromPro,
html.isPro .lpPictosLabels > div.displayToPro,
html.isPro .ecoBlk > span.displayToPro,
html.isPro .prdtPInfoTC > div.displayToPro,
.lpTopContent #lpBcHelp .hideFromPro,
.fpWineSelD .hideFromPro,
.prdtBILEco > span.hideFromPro,
.prdtBILPrice > span.hideFromPro,
.facMkt > span.hideFromPro,
.cPdtItem > span.hideFromPro,
html.isPro .prdtBILEco > span.displayToPro,
html.isPro .prdtBILPrice > span.displayToPro,
html.isPro .cPdtItem > span.displayToPro,
html.isPro .facMkt > span.displayToPro,
html.isPro .lpTopContent #lpBcHelp .displayToPro, html.isPro .fpQuantCondD .displayToPro,
html.isPro .prdtBILPerUnitPrice > span.displayToPro {
    display: inline-block;
}

html.isPro .lpMainCol .lpInline .prdtBILStrikedPrice > span.displayToPro {
    display: flex;
}

.lpSizeLineLp {
    font-size: 11px;
}

.crItem .facilityP > div {
    padding: 25px 0px 0px 10px;
}

html.isPro .cPdtItem > span.displayToPro {
    margin-top: 14px;
}

html.isPro .lpMainCol .lpInline .displayToPro .priceExhibitor,
.carouAnimco.light .cPdtItem .displayToPro.price sup {
    top: 0;
}
/* fin HT lp/lr */

/* Message d'erreur */
.variantMsg {
    width: 132px;
    right: calc(100% + 6px);
}

.crItem .variantMsg {
    width: 95px;
}
/*** Bloc droit : Pub + trade ***/
.lpMain {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.lpMainCol {
    display: table-cell;
    max-width: 100%;
    position: relative;
}

.lpTopContent + .lpMain .lpMainCol {
    border-top: 1px solid #d7d9e4;
}
/* Lp Bloc Droit */
.lpRightCol {
    display: none;
}

.lpRCTrade, .lpRCPubs, .nmvSupQA {
    margin-bottom: 12px;
}
/* Gestion skyscrapper */
.lpRightCol .regBloc {
    border: 1px solid #d7d9e4;
    height: 630px;
    margin: 0 0 12px 0;
    padding-top: 10px;
}
/* Bloc Pub droite */
.lpRCPubs {
    border: 1px solid #d7d9e4;
    margin-top: 20px;
    padding: 12px;
}

.lpRCPubsMainTitle {
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}

.lpRCPubBlock:after {
    border-top: 1px solid #e2e3e4;
    content: " ";
    display: block;
    height: 2px;
    margin: 12px 0;
    width: 100%;
}

.lpRCPubBlock:last-child:after {
    content: none;
}

.lpRCPubTitle {
    font-weight: bold;
    margin-bottom: 8px;
}

.lpRCPubContent {
    display: table;
    margin-bottom: 8px;
    text-decoration: none;
}

.lpRCPubImg, .lpRCPubDesc {
    display: table-cell;
}

.lpRCPubImg {
    width: 40px;
}

.lpRCPubDesc {
    padding-left: 8px;
    vertical-align: middle;
}

.lpRCPubLink, .lpRCPubLink:hover {
    color: #096ec8;
}

    .lpRCPubLink:hover {
        text-decoration: underline;
    }
/*Bloc r�gie*/
.lpRCTrade {
    border: 1px solid #d7d9e4;
    padding: 12px;
    position: relative;
}

.lpRCTradeMainTitle {
    font-weight: bold;
    margin-bottom: 12px;
    text-align: center;
}

    .lpRCTradeMainTitle .ttOverBlk {
        font-weight: normal;
        text-align: left;
    }

.lpRCTradeBloc > li {
    border-bottom: 1px solid #d7d9e5;
    font-size: .9em;
}

    .lpRCTradeBloc > li:last-child {
        border-bottom: none;
    }

.lpRCTradePrdtBloc {
    background: #fff;
    line-height: 15px;
    margin: 12px 0;
    text-align: center;
    width: 184px;
}

    .lpRCTradePrdtBloc > a {
        text-decoration: none;
    }

.lpRCTradePrdtTit {
    font-size: 1.11em;
    font-weight: bold;
    margin-top: 3px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lpRCTradePrdtPrice {
    text-align: left;
}

.lpRCTradePrdtPriceInfo {
    margin-top: 8px;
}

.lpRCTradePrdtBStar {
    height: 1.8em;
}

    .lpRCTradePrdtBStar .sta {
        display: inline-block;
    }

.lpRCTradePrdtPriceInfo .prdtPrSt {
    margin: 8px 5px 0 0;
}

.lpRCTradePrdtPriceInfo .price {
    font-size: 1.17em;
}
/*display loader in list bloc only*/
.lpWaitingLoaderWrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#lpBlocWrapper.lpLoadingOn .lpWaitingLoaderWrapper {
    display: block;
}

.lpWaitingLoader:before {
    background: url('https://www.cdiscount.com/RWD/nLoaderCds.gif') center 10px no-repeat;
    background-color: #283847;
    border-radius: 50px;
    content: " ";
    display: block;
    margin: auto;
    height: 80px;
    width: 80px;
}

.lpWaitingLoader {
    padding-top: 5%;
    width: 100%;
    height: 100%;
    /* inutile si nouveau loader */
    color: white;
    font-size: 1.4em;
    text-align: center;
}

#lpBloc.lpBlocInline {
    padding: 0 10px 0 0;
}

    #lpBloc.lpBlocInline > li {
        float: none;
        font-size: 1em;
        height: auto;
        max-width: 1200px;
        padding: 0;
        width: 100%;
    }

.lpTopBIL .lpTAd, .lpTopBIL .lpTAdResponsive {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}

    .lpTopBIL .lpTAd + .lpTopTDG, .lpTopBIL .lpTAdResponsive + .lpTopTDG {
        width: 100%;
    }

.lpTopBIL .lpTopTDG {
    border-bottom: 1px solid #d7d9e4;
}

#lpBloc.lpBlocInline form {
    overflow: visible;
}

/*REFONTE TDG */
.newLpTopBox .lpCarTop {
    background-color: #F4F2E0;
    border-radius: 3px;
    height: 714px;
    margin: 10px 0;
    padding: 0 10px 10px 0;
    text-align: center;
}

    .newLpTopBox .lpCarTop.newTopLpBGColor {
        background-color: #ffffff;
    }

    .newLpTopBox .lpCarTop .lpCarTopTitle {
        height: 64px;
        line-height: 64px;
        vertical-align: middle;
    }

.newLpTopBox.lpTopBox .crUl {
    background-color: #F4F2E0;
    height: 640px;
    margin: 0;
    overflow-y: hidden;
}

    .newLpTopBox.lpTopBox .crUl.newTopUlBGColor {
        background-color: #ffffff;
    }

.newLpTopBox .lpCarTop .crItem {
    height: 640px;
    padding-left: 10px;
    text-align: left;
}

.newLpTopBox .lpCarTop .prdtBloc {
    height: 600px;
    padding: 0;
    width: 100%;
}

.lpTopZtd .newLpTopBox .prdtTitle {
    background-color: #293847;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.newLpTopBox .lpCarTop .facilityP {
    bottom: 0;
    height: 80px;
    position: absolute;
    width: 100%;
}

.newLpTopBox .lpCarTop .testPrdtBloc .facilityP {
    height: 76px;
}

.newLpTopBox .lpTAd {
    margin: 74px 0 0 0;
    width: 33%;
}

/* Refonte Top - FullSite */
.lpTopLight #main .imgListRz:first-child, .lpTopLight #paContent .imgListRz:first-child {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    width: auto;
    max-width: unset;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0;
}

#main .OPCoFullSite .imgListRz:first-child {
    background-size: cover;
}

.lpTopLight #paContent .OPCoFullSite {
    padding: 0px !important;
    margin: 0 0 16px !important;
    max-width: none !important;
}

.lpTopLight #main #scContent .bmmTitle, .lpTopLight #main #lpContent .scTitle, .lpTopLight #main #lpContent .jsbrandLicenseZdt, .lpTopLight #main #lpContent .ztdTop {
    display: none;
}

.lpTopLight #main .bmmTitle, .lpTopLight #main #lpContent .lpTopContent {
    display: none;
}

.wrapLpUserVehicleIdentified .userVehicleName {
    display: inline;
    font-size: 2em;
}

.wrapLpUserVehicleIdentified .userVehicleDetails {
    display: inline;
    font-size: 1.1em;
    margin-left: 3px;
}

.wrapLpUserVehicleIdentified .userChangevehicle {
    color: #096ec8;
    font-size: 1.1em;
    margin-left: 3px;
}

.fpQuantCondD {
    color: #323232;
    display: block;
    font-size: 14px;
    margin: 20px 0 10px;
    text-align: left;
}

    .fpQuantCondD .degressif {
        display: inline-block;
        height: 14px;
        margin-right: 10px;
        vertical-align: top;
        width: 14px;
    }

.lpSavingsD {
    height: 27px;
}

.fpQuantCondD .decote {
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    padding-top: 2px;
    padding-right: 5px;
    position: absolute;
    right: 0px;
    text-align: right;
    vertical-align: bottom;
    width: 48px;
}

.fpWineSelD li:hover, .fpWineSelD label:hover {
    cursor: pointer;
}

.fpWineSelD li {
    display: block;
    height: 19px;
    margin: 5px 0 5px;
    width: 100%;
}

    .fpWineSelD li:last-of-type {
        height: 20px;
    }

.fpQuantCondD .packagingBloc {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.fpQuantCondD .packagingTitle {
    display: inline-block;
    height: 14px;
}

.fpQuantCondD .bold {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.packagingBloc .bold, .fpQuantCondD .cond {
    vertical-align: middle;
}

.fpWineSelD input[type=radio] {
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    width: 14px;
}

    .fpWineSelD input[type=radio]:checked + span.bold {
        color: #FF0000;
    }

.fpQuantCondD label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 164px;
    white-space: nowrap;
    width: 75%;
}
/*** FIN Bloc droit ***/

/* LP GRID */
#lpBloc.lpGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
    margin-top: 16px;
    padding: 0px;
}

    #lpBloc.lpGrid > li {
        border-radius: 4px;
        box-shadow: 0px 0px 0px 1px #efefef;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        float: none;
        font-size: 12px;
        height: auto;
        padding: 16px;
        position: relative;
        width: 100%;
    }

    #lpBloc.lpGrid > li a {
        text-decoration: none;
        padding: 0;
    }

    #lpBloc.lpGrid > li > div.productBottomZone > div.mkpQuestion a {
        color: #096ec8;
        text-decoration: underline;
    }

    #lpBloc.lpGrid ul.prdtBPCar {
        aspect-ratio: 1/1;
        height: auto;
        margin: auto;
        max-height: 300px;
        width: 100%;
    }

    #lpBloc.lpGrid span.lpBPrev, #lpBloc.lpGrid span.lpBNext {
        border-radius: 6px;
        background-color: rgba(239, 239, 239, 0.75);
        height: 36px;
        padding: 0;
        text-align: center;
        width: 30px;
    }

    #lpBloc.lpGrid .prdtLPLabelContainer {
        padding: 0;
        position: absolute;
        z-index: 10;
    }

    #lpBloc.lpGrid .facMkt.prdtDetail {
        margin-right: 16px;
        position: absolute;
        right: 0;
        text-align: right;
        width: 100%;
        z-index: 2;
    }

    #lpBloc.lpGrid .icon-i .infoToolTip {
        font-size: 12px;
        height: auto;
        margin-left: -85px;
        padding: 8px;
        top: auto;
        width: 170px;
    }

    #lpBloc.lpGrid .productDescZone {
        flex-grow: 1;
        padding: 16px 0;
    }

        #lpBloc.lpGrid .productDescZone > div + div {
            margin-top: 4px;
        }

        #lpBloc.lpGrid .productDescZone .prdtBStar {
            display: inline-block;
        }

    #lpBloc.lpGrid .prdtBStar span {
        color: #878787;
    }

    #lpBloc.lpGrid .productDescZone .stateZone {
        color: #2BB04A;
        display: inline-block;
        font-weight: normal;
    }

    #lpBloc.lpGrid .productDescZone .prdtBStar + .stateZone::before {
        content: "-";
        padding-right: 3px;
    }

    #lpBloc.lpGrid .productCenterZone {
        flex-grow: 1;
    }

        #lpBloc.lpGrid .productCenterZone .pc {
            background: none;
            color: #000;
            height: auto;
            line-height: normal;
            padding: 0 0 4px 0;
        }

            #lpBloc.lpGrid .productCenterZone .pc::before {
                vertical-align: middle;
            }

    #lpBloc.lpGrid .prdtBTit {
        display: inline-block;
        font-size: 14px;
        height: auto;
        line-height: 21px;
        max-height: 40px;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis;
        width: 100%;
        word-break: break-word;
    }

        #lpBloc.lpGrid .prdtBTit:hover {
            text-decoration: underline;
        }

    #lpBloc.lpGrid #Sponsorised {
        color: #878787;
        font-size: 10px;
    }

.productBottomZone {
    bottom: 0;
    min-height: 60px;
    padding-top: 16px;
}

    .productBottomZone .opeCoLine .odr span, .opeCoLine .sales span {
        font-size: 12px;
        padding: 0 0 4px 1.7em;
    }

#lpBloc.lpGrid .productBottomZone .opeCoLine .odr.cagnotte span, .prdtBILSpecial .odr.cagnotte span {
    background-size: 16px;
    padding-top: 2px;
}

.productBlockBottom > div {
    display: inline-block;
}

.productBlockBottom {
    display: flex;
}

    .productBlockBottom .priceZone {
        flex-grow: 1;
        height: 100%;
        width: calc(100% - 80px);
    }

.productBottomZone .opeCoLine {
    display: flex;
}

    .productBottomZone .opeCoLine .odr, .opeCoLine .sales {
        display: flex;
        flex-grow: 1;
        width: 0;
    }

        .productBottomZone .opeCoLine .odr > span, .opeCoLine .sales > span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.productBottomZone .mkpQuestion {
    padding-top: 20px;
}

.priceZone > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.emptyLine {
    flex-grow: 1;
}

.fourtimeLine {
    color: #878787;
    font-size: 12px;
}

.soldByZone, .cdavZone, .freeShippingZone {
    padding-bottom: 4px;
}

.lpGrid .price {
    font-size: 21px;
    font-weight: bold;
    padding: 4px 4px 4px 0;
}

.lpGrid .prdtBStart {
    display: block;
    font-size: 12px;
}

.lpGrid .prdtPrSt {
    font-size: 14px;
    margin-left: 4px;
}

    .lpGrid .price.hideFromPro, html.isPro .lpGrid .price.displayToPro,
    .lpGrid .prdtPrSt.hideFromPro, html.isPro .lpGrid .prdtPrSt.displayToPro {
        display: inline-block;
    }

    .lpGrid .price.displayToPro, html.isPro .lpGrid .price.hideFromPro,
    .lpGrid .prdtPrSt.displayToPro, html.isPro .lpGrid .prdtPrSt.hideFromPro {
        display: none;
    }

.productBottomZone .btAddZone {
    display: flex;
    flex-direction: column;
}

.lpGrid .btS {
    border-radius: 4px;
    display: inline-block;
    height: 40px;
}

#lpBloc.lpGrid .prdtBImg {
    height: auto;
    max-width: 300px;
    width: 100%;
}

#lpBloc.lpInline > li:not([data-sku] ~ [data-sku]) .prdtBPCar,
#lpBloc.lpInline > li:not([data-sku] ~ [data-sku]) .prdtBImg {
    height: 181px;
    width: 181px;
}

#lpBloc.lpGrid > li:first-child .prdtBImg {
    max-width: 301px;
    width: calc(100% + 1px);
}

/** 9. MEDIA QUERIES **/
/* @media : hack IE8 */
@media \0screen {
    .lpStCatElem input {
        display: inline-block;
        filter: alpha(opacity=0);
    }
    /*facette horizontale fixe */
    #mvFilter.fixed {
        position: static;
    }

    .fixed .facetTools {
        padding-right: 0;
        width: 340px;
    }

    .fixed .lpTitSort, .fixed .titRim {
        display: table-cell;
    }

    .fixed .facetTitle {
        display: none;
    }

    #lpContent {
        margin-top: 0 !important;
    }
}
/* BP Device < 768 */
@media only screen and (max-width: 1023px) {
    /* Filter */
    .lpStTit {
        padding: 0 .5em;
        width: auto;
    }
    /* Top */
    .lpTOp + .lpCarTop {
        margin-left: 0;
    }

    .lpCarTop .crItem {
        width: 100%;
    }

    .lpCarTop .prdtBloc {
        padding: 0 15px 0 5px;
    }

    .lpTOp + .lpCarTop .crItem {
        border: 0;
    }

    .lpCarArrow .crLeft, .lpCarArrow .crRight {
        width: 50%;
    }

    .lpCarArrow .crLeft {
        border-right: 0;
    }

    .lpZtd, .lpTOp {
        display: none;
    }

    .hFacetOne, .hFacetList, .hFacetColorList {
        width: 90%;
        width: calc(100% - 10px);
    }
    /* List */
    #lpBloc > li {
        width: 50%;
    }

    #lpBloc.lpLight > li {
        height: 580px;
    }

        #lpBloc.lpLight > li:nth-child(-n+3) {
            height: 580px;
        }

    #lpBloc .liAdPrev {
        display: block;
    }

    #lpBloc > .lpLrBandeauRegieAjax {
        display: none;
    }
    #lpBloc.lpInline > li:not([data-sku] ~ [data-sku]) .prdtBPCar,
    #lpBloc.lpInline > li:not([data-sku] ~ [data-sku]) .prdtBImg {
        height: 151px;
        width: 151px;
    }
    /* LR Nul */
    .lrNulSrc {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .lrSrc {
        max-width: inherit;
    }

    .mvFSrcInput {
        width: calc(100% - 102px);
    }

    .lpTAdResponsive {
        display: none;
    }
    /*facette horizontale fixe */
    #mvFilter.fixed {
        position: static;
    }

    .fixed .facetTools {
        padding-right: 0;
        width: 300px;
    }

    .fixed .lpTitSort, .fixed .titRim {
        display: table-cell;
    }

    .fixed .facetTitle {
        display: none;
    }

    #lpContent {
        margin-top: 0 !important;
    }

    #lpBloc .facilityP {
        height: 124px;
    }
    /* Search key word campaign*/
    .skwBlock {
        align-items: flex-start;
        flex-direction: column;
    }

    .skwRightZone {
        display: block;
        width: 100%;
    }

    .skwLeftZone {
        width: 100%;
    }

    .testSkwZone .skwOfferImg {
        height: 65px;
        width: 65px;
        vertical-align: top;
    }

    .testSkwZone .skwBlocInfoContainer {
        padding: 0 8px 0 8px;
    }

    /* REFONTE TDG */
    .newLpTopBox .lpCarTop .crItem {
        width: 50%;
    }

    .newLpTopBox .lpTAd {
        display: none;
    }

        .newLpTopBox .lpTAd + .lpTopTDG {
            width: 100%;
        }
    /* Bloc produit paiement 4x / pictos */
    .testLp4x .btGreen.btS {
        vertical-align: bottom;
    }

    .testLp4x .lp4xLabel {
        display: inline-block;
        white-space: nowrap;
    }

    .testLp4x .lpPictos {
        display: none;
    }

    .testLp4x.prdtBILCta > div {
        width: calc( 100% - 180px );
    }

    .testLp4x .price {
        display: inline-block;
    }

    .fpQuantCondD .decote {
        right: 10px;
    }

    #lpBloc.lpGrid {
        grid-template-columns: 1fr 1fr;
    }
}

/* BP > 1280 **/
@media only screen and (min-width: 1280px) {

    .prdtPriceBloc .prdtPInfoTC .displayToPro.prdtStrikedPriceBefore {
        display: none;
    }

    html.isPro .prdtPriceBloc .prdtPInfoTC .displayToPro.prdtStrikedPriceAfter {
        display: inline-block;
    }

    /* Top */
    .lpCarArrow .crLeft {
        border-right: 1px solid #a4a4a8;
    }

    .lpCarArrow .crRight {
        border-left: 1px solid #a4a4a8;
    }
    /* Filter */
    .lpStElem {
        display: table;
    }

    #lpBloc .liAdNext {
        display: none;
    }

    .mvFSrcInput {
        width: calc(50% - 102px);
    }

    #lpBloc > li {
        height: 650px;
    }

    .lpBPCar {
        height: 320px;
    }

    .lpBImg {
        height: 300px;
        width: 300px;
    }

    .crLRAlt .prdtBloc {
        width: 330px;
    }

    .crLRAlt .crUl, .crLRAlt .crItem, .crLRAlt .prdtBloc, .crLRAlt .crLeft, .crLRAlt .crRight {
        height: 665px;
    }

    .hFacetList, .hFacetOne, .hFacetColorList {
        width: 20%;
        width: calc(25% - 10px);
    }

    .lpRightCol {
        display: table-cell;
        padding-left: 20px;
        vertical-align: top;
        width: 230px;
    }

    .popinRim {
        left: 40%;
    }

    .lpTAdResponsive {
        height: auto;
    }

    .lpTopZtd:not(:empty) + .lpMain #lpBloc.lpBlocInline {
        max-width: calc( 100% - 310px );
    }

    .lpMainTwoCols #lpBloc.lpBlocInline {
        max-width: calc( 100% - 80px );
    }

    .lpTopBIL .lpTAd, .lpTopBIL .lpTAdResponsive {
        position: absolute;
        right: 10px;
        width: 300px;
    }

        .lpTopBIL .lpTAd + .lpTopTDG, .lpTopBIL .lpTAdResponsive + .lpTopTDG {
            max-width: 1200px;
            overflow: hidden;
            width: calc( 100% - 310px );
        }

    #lpBloc.lpBlocInline > li {
        max-width: calc( 100% - 310px );
    }

    .showPb {
        display: block;
    }

    .hidePb, #lpBloc > li.lpLrBandeauRegieAjax.hidePb {
        display: none;
    }

    .newLpTopBox .lpCarTop .crItem {
        width: 50%;
    }

    .newLpTopBox .lpCarTop .crItem {
        width: 50%;
    }

    #lpBloc .testPrdtBloc .facilityP, .lpTop .testABFacilityP.facilityP {
        bottom: 17px;
    }
    /* Search key word campaign*/
    .testSkwZone .skwLeftZone {
        display: table-cell;
        padding: 0;
        width: 290px;
    }

    .testSkwZone .skwInfo {
        margin-left: 8px;
        width: calc(100% - 98px);
    }

    .testSkwZone .skwRightZone {
        display: table-cell;
        padding: 8px 0;
        width: auto;
    }

    .testSkwZone .skwOfferImg {
        height: 85px;
        padding-left: 8px;
        width: 93px;
    }

    .testSkwZone .skwBlocInfoContainer {
        padding: 0 0 0 7px;
    }

    .testSkwZone .skwCdavBloc {
        height: auto;
        width: auto;
    }
    /** BMM hub Horizontal navigation **/
    .bmmHubHorizontalNavImgList ul {
        display: inline-block;
        padding: 0;
        width: 50%;
    }
    /** Search BANNER Categ */
    .searchBannerCateg {
        border-bottom: 0px solid #d7d9e4;
        max-width: 1200px;
        width: calc( 100% - 310px );
    }

        .searchBannerCateg ul {
            display: block;
            height: 170px;
            overflow: hidden;
        }

        .searchBannerCateg .searchBannerTitle {
            color: #323232;
            display: block;
            font-size: 16px;
            font-weight: bold;
            margin: 20px 0;
        }

        .searchBannerCateg .searchBannerItem {
            display: inline-block;
            margin: 0 25px;
            width: 115px;
        }

            .searchBannerCateg .searchBannerItem a {
                text-decoration: none;
            }

            .searchBannerCateg .searchBannerItem .searchBannerImg {
                display: block;
                overflow: hidden;
                position: relative;
            }

            .searchBannerCateg .searchBannerItem:hover .searchBannerImg {
                display: block;
                position: relative;
            }

            .searchBannerCateg .searchBannerItem .searchBannerImg:after {
                background-color: rgba(0, 0, 0, 0.05);
                border-radius: 50%;
                content: none;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

    .searchBannerCateg .searchBannerItem .searchBannerImg img {
        transform: scale(.7);
    }

    .searchBannerCateg .searchBannerItem:hover .searchBannerImg:after {
        background-color: rgba(0, 0, 0, 0.05);
    }

            .searchBannerCateg .searchBannerItem .searchBannerLib {
                color: #323232;
                display: block;
                font-size: 14px;
                height: 34px;
                line-height: 16px;
                margin: 10px 0px 20px;
                overflow: hidden;
                text-align: center;
                width: 115px;
            }

            .searchBannerCateg .searchBannerItem:hover .searchBannerLib {
                color: #e23b13;
            }

    .searchService {
        border-color: #d7e0ea;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        margin: 10px 4px 0 0;
        max-width: 1200px;
        width: calc(100% - 310px);
    }

    /** LP Grid */
    #lpBloc.lpGrid .prdtBImg {
        height: auto;
        width: 100%;
    }

    /* Refonte Top - FullSite */
    .lpTopLight #main .imgListRz:first-child, .lpTopLight #paContent .imgListRz:first-child {
        height: 100px;
    }
}

@media only screen and (max-width: 1279px) {
    #lpBloc > .lpLrBandeauRegieAjax > .regBloc {
        margin-top: 0;
    }

    #lpBloc.lpBlocInline.lpInline > .lpLrBandeauRegieAjax {
        height: 100px;
        position: inherit;
        width: 100%;
        float: none !important;
    }

        #lpBloc.lpBlocInline.lpInline > .lpLrBandeauRegieAjax > .regBloc > div,
        .lpTopBIL .lpTAdResponsive > .regBloc > div {
            width: auto !important;
            height: auto !important;
        }
}

@media only screen and (max-width: 1280px) {
    .newLpTopBox .lpCarTop .crItem {
        width: 50%;
    }
}

@media only screen and (min-width: 1600px) {

    .mvFSrcInput {
        width: calc(30% - 102px);
    }

    .hFacetList, .hFacetOne, .hFacetColorList {
        width: 14%;
        width: calc(15% - 10px);
    }
    /**** LP ****/
    .lpCarArrow .crLeft, .lpCarArrow .crRight {
        width: 200px;
    }

    #lpBloc > li {
        width: 25%;
    }

    #lpBloc.lpLight > li:nth-child(-n+4) {
        height: 650px;
    }

    /* REFONTE TDG */
    .newLpTopBox .lpCarTop .crItem {
        width: 33.33%;
    }

    .newLpTopBox .lpTAd {
        width: 25%;
    }

        .newLpTopBox .lpTAd + .lpTopTDG {
            width: 75%;
        }
    /* Search key word campaign*/
    .testSkwZone .skwLeftZone {
        width: 360px;
    }

    .testSkwZone .skwRightZone {
        padding: 8px 0 8px 20px;
    }

    .testSkwZone .skwOfferImg {
        height: 115px;
        padding-left: 20px;
        width: 135px;
    }

    .testSkwZone .skwBlocInfoContainer {
        padding: 0 0 0 14px;
    }

    #lpBloc.lpGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1920px) {
    .mvFSrcInput {
        width: calc(28% - 102px);
    }

    .hFacetList, .hFacetOne, .hFacetColorList {
        width: 13%;
        width: calc(14% - 10px);
    }

    #lpBloc.lpGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    #main .OPCoFullSite .imgListRz:first-child {
        background-size: auto;
    }
}

/************************************/
/** SPECIFIC FULL RWD CAROUSEL TOP **/
/** ADD CSS ON LI FOR STOP REFLOW  **/
/**    NEED SPECIFIC BREACKPOINT   **/
/************************************/
@media only screen and (min-width: 1040px) {
    .lpCarTop .crItem {
        width: 50%;
    }

    .lpTOp + .lpCarTop .crItem {
        width: 100%;
    }
}

@media only screen and (min-width: 1285px) {
    .lpCarTop .crItem {
        width: 33.33%;
    }

    .lpTOp + .lpCarTop .crItem {
        width: 50%;
    }
}

@media only screen and (min-width: 1530px) {
    .lpCarTop .crItem {
        width: 25%;
    }

    .lpTOp + .lpCarTop .crItem {
        width: 33.33%;
    }
}

@media only screen and (min-width: 1775px) {
    .lpCarTop .crItem {
        width: 20%;
    }

    .newLpTopBox .lpCarTop .crItem {
        width: 33.33%;
    }

    .lpTOp + .lpCarTop .crItem {
        width: 25%;
    }
}


/************************************/
/** SPECIFIC LP Grid for IE **/

/**    NEED SPECIFIC BREACKPOINT   **/
/************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lpGrid#lpBloc > li {
        display: -ms-inline-flexbox;
        width: 33%;
        vertical-align: top;
    }
}

@media only screen and (max-width: 1023px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lpGrid#lpBloc > li {
        display: -ms-inline-flexbox;
        width: 50%;
    }
}

@media only screen and (min-width: 1600px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lpGrid#lpBloc > li {
        display: -ms-inline-flexbox;
        width: 25%;
    }
}

@media only screen and (min-width: 1920px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lpGrid#lpBloc > li {
        display: -ms-inline-flexbox;
        width: 20%;
    }
}

/* Css/PC/page/lp.css */
/* Images Base 64 */
.lpStElem li {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAZAQMAAAAhaW0/AAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlMUTVBQJ0AAAAAMSURBVHheY3AgFQIAnHIGQf573xcAAAAASUVORK5CYII=');
}
.pUp, .pUpHide, .pDown, .pDownHide {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAICAMAAADKtv/iAAAAVFBMVEUyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIFfyjXAAAAG3RSTlMAzDAbwK6H5M9RmZx4JAP8Zts/+Q/tEgb2CfBRuQ46AAAAWElEQVR4Xi2KRxLDMAACFfXiXpPw/396BObCsoMJUBAMUwrLnbJ/x3mkdBEW6UXnClSR79aLt84bcfwC+0i8167XH8cADDpHMJFjynki2Fl6tpoq0z5v2gPwpAdbxgA1oQAAAABJRU5ErkJggg==') no-repeat;
}
.active .pUp, .pUpHide, .active .pDown, .pDownHide {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAAAllBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////MC6PrAAAAMXRSTlMAgGbMMBgDEngOKa4JJFE/G9s85IdumcD8nAJXz01gRH5yM04gaPZ7Bu0Pdwh9+QXwS8zQ4gAAAKNJREFUeF4tzUUWwzAMRVErDadhZi6T9r+5WnLe5OtcDyw8PPKELAgEFd2V/SJpjzS1WDWFGt0FYiG4kqwkC+kKGf0L4seXdosJ4zOrjWjTZshljGbXmXL0SmGls+o89emoFi0ctfTguoJynspsR9prntU3i8KF7h6gF9xANpBtdG2M1hXgbUkzc8L8y5oAJLQjcCNjs++NHGNSOBmsBs+qHa1/m0gRY7WdX4kAAAAASUVORK5CYII=');
}
.imgExpress {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAKCAMAAADfAc3wAAABpFBMVEUAtf////8AAAAAtf8Atf8Atf8Atf8Atf+65/1j0P8Atf/19vsAtf8AvP8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf/19vu65/0AvP9j0P/G2ChYAAAAh3RSTlMAAACwQBDQMAAAkAAYAOhgAfoDseDi8Ab2gPsE0d0F/ggKqgwHbam8DvflPCFO6tMqIsCPu9QTeUe47nDyYp/aHUt+wmy5oHRBgSQ2Fz0/eN4gH0QR+b6ThMPMts6hFs0S0l7nMazh7w0te+R1lmuS9DnjZpUCCWQuxYpbUqs0LE0zWAuipZo4kWkKAAABUElEQVR4XqXSVVNCURiF4aX7wFFEGkGwE+zCxu7u7u7u7mX8abeMo+fW8b347p5ZNx/C/1iYJomjIiKjAbRNuPCH1NoZDUZPDrSl9if8AF9hEmDTyZOq8+pkLl9uge4Lv759vJNMockLoJXpGEhsTK7xsLoXCg1IqGvxcC/WorKvFJlUKDM7SP4ulw6fM9fWPTbOfLSzfprF5c0MSpzWkEfDoJ1NKjniFTSanW5zh8OkKJpldprsQJc5jtkHAYs7HjCyQmKg0mHBEItUliSOCgL6GKQ5rfrJ3+Upf9WsxwjMlfvnuYDFvGQscTmEV1bXsE67ytgNboawMb26siqoWY4TJdyCbJtOF3ao382y7iuMF2WHzD/KsmZLbElhCB8XmNxCfC+f4LToDLaMC8gKxSWAq8zA9Q1uhRBluKvQZ9wjRzzg8UkAxc/Ai5D4X0/yCfUTUimgYmv6AAAAAElFTkSuQmCC') no-repeat center center;
}
.lpCashbackBlk {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAflBMVEUAAADb+fnY9fnX9vja+fvb+Pza+PYG1uMG1+QF1eUH1eYG1eME1+MF1uEF1+YT2eYF2OOl8fQ/4esj2+io8faP7PNs5/BE4O093+gH1egR1+ag7/Yf2uYk3OWs8vmp7/Sc7vOj7/I83uoI1+eV7vVm5O0G1unS9PW34+Qb1eTi/B/GAAAAB3RSTlMAZpmId2ZVBirKJQAAAYNJREFUGBmNwQdWG0EQBNDC2K7q7pnZpBxQAmzf/4IW4fHQKu3/wKlmMl1VuerayQ43NFNPMlKMQ3FOG1y27MiQucKNR8rz9RbnHmZij4r77Ad6niqei5q52uDEs+jGHskojzG+ec5FiWfmRclqjfHlSe4Mscez3JwpNvj0UFHpwGCfIiucWvzBh5lE8jWxz0ImD+Y93i1lNEUSLyuF5S/edMFwsuY1Qf3D0SjqKMFblDUCMC3ZeYdEAAzxLjnQULwvq8FEHCK9YMpBbIaOg6QVKg5iCwQHkVBxEKvQcRBfoeUgsceEg9QvGHGA9MoNIA4hAC3vklsLoHHjHTW5w9HaE2+yPF/jzdISxRtszi3e7Wsmk4lXBGf48GvhZiZe49UjPj1Fojmv0QhfxkyMwivG+GYcJYyUmUizyJpb7XSjcYwTo0VmqKYSSTeRIjM9L0bo+dl6TXfSqZBbCR2MNvuNc8tOJjEKZa4k0ddbXNa0TDQnGXRXu8MNzWS6qlh17aTBqf+/ui/Iy5ZX4wAAAABJRU5ErkJggg==') no-repeat;
}
.odr span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAYFBMVEWMrJosWj78tgFdhGt8m4b9/fzI18/w/vb4thC4x8HvuwP7vAL6qAXU5Nj2yG7typzGrzDbshKlvqzp9+/vtSL59sf1u3bo7erykQTZ4uq9sGybkzzjnxrK3OD/9Ovh1eELhORlAAAA4ElEQVR4XkXMV3LEMAwDUFZVd29vuf8tA8XRLD801BuA5O4xj5HYgvdpuPH/UPyi8aZMQbs3jKq78nVUo+Y2xgOV1bZ9JyMCK+KRzZhaJXrQMbQbH2JTpt3vZsFzfiMwz0C03fN7RE+NA50uyghm96vZFQ8vE0l6Mv+1CW3fHqc6Ual1YTPPrKZ0XkSAUkXWRz6zxc2ea8UfKOAyBR7vhpiUKhdKUGxJf+ZSh9qTtYiksi6oYkEIiHyqchpuwzB0RB43X7c2A/bS6ujKCjsGx45k6nSEG8qrW+c009Ttq+df9D8P0lPn9XgAAAAASUVORK5CYII=') no-repeat 0 0;
}
.opeCoLine .odr span, .prdtBILSpecial .odr span, #lpBloc.lpGrid .opeCoLine .odr.cagnotte span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAnFBMVEWU2KMlsUbz+vTR7tjV8NxpyX9Vwm6g3a4msUcwtVDu+PD3/Pg1tlM4t1UytVH8/vxYw3Hb8uCy473///9kx3rB6Mq958fP7das4Lj+//6q4LbH68/h9OXm9uqi3q/W8Nzj9Oc9uVrS7tlSwGtxzIb1+/ZfxXb9/v2o4LXz+/VyzIby+vTL69K15MBaxHOY2qc4uFah3a+a26lNv2YhtXUjAAAAgElEQVR4XoXQRRLDMBQD0C9TmMvMzL3/3dqZ1I6bSadavpUkKhrzk5MdEV3HdR7AdYH5qNsKbCZkUwA3ITfBF3fOABAJmTKbP4m4VMzwHTrx4qD2mo9P46vtZWJ6+8Z7uSc0v31Z6iP3hvZKpkoNT1UT7Q4Pef2TtdMu+rO/V70AADoUuhUTu0cAAAAASUVORK5CYII=) no-repeat 0px 5px;
}

.opeCoLine .odr.cagnotte span, .prdtBILSpecial .odr.cagnotte span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA49JREFUSA21V71PFEEUf7P3gSe4d5FcYiEKBRZKAoUFYqGhM0ICjZYejXZCgaUG4x/AR2kjdlgdBgwtFRZSHAnYgmKhEsyxaMA7bsf328scc7uzx/HhS+7m6837zXtv5jezguqU5jlnwBLiDpHs4l9KkOCSayRzRCLPv5wr5OL2fft9PSZFLaVUVqbi8d/D0nVHhBCpWrpqTEqZF5Y1USg0TeYHsSCzhAKnPzgZcuV4vYB+81iAS2Jou9+e9Y+hbZk603O7E0LSm5OCwibmRgRl0/O74yaMgMfpeWeaOx+ZlE/aJ4mmt/rsIX1+lceep8cAvWFb1JIIrF2379VZIwPb+kBlFnKK8OqD/rodJRq91kD3LsXoig9w1XFpZrNI774VyDnwzyy3S5IGVc49YOzeWNRZr5XTx21xGm1voGTMbFT1ft2T9GJtnxZ+BNGx4YoHdht2uxfqeNSpeVymOs/Rq+tHgwIckZi+maCHl4MrhGPAgh4Hj0lA0Egl5ujQ5BmH1m9k6VfJC+vmnutptiQsgp6e79vNEQ57UbNUrvJGG+bamAAjYdsHNLgDhpZ7m6qGMst7xjBCCZHBIp+u7BtBlSHkOmqRuAviMwm80OX557+hoNAD4Ax7ubRd0qcF6sDkHIN7zYLdq2STN83r9YJqhpZHgZYnyi7mfdlqsoKjg5+She/BfKmxY5dCJtljcdU0sSMZqeoOO5tVSnU2cLNVMZc+b6dozruuc5o6cvzFZGCNmUiXHj4eZyVS0oolpdgIM6izT8/FCIGbz0jAXCIXZsy/i6c6E1Ubzj8PUfnE5/7oBYqc5ZJc9BtQbRwNsJSSDvZ4ufcCPfDRIYhmtD1O2e7zHmVmuxupVmqA6TFlen4nzzstqQD0Ekdq9laj0QvcSHZMBG4qzAddglD8wm+0na2+ZMpLGl+HVXelroxjNPDxT5XnahwR8F+PGEOKTKAYU1iH12LM2QjzGhMg4OEnfD2G5RCbEaBh7AVvi0W7Fddi5VKqdVmUYQ//kdMOO0IgGZz3VadEqzul0AeAmhl4CKgB7+kjJK6tsxcpX/7sT44pwxWPVcd/euy95cdeRmGgDDACFJhUJnWlU9XZUz8o7AU8ViDlTxbJT13zMVN6YSU2kitFRj3u/HqhwFD0PmH4jVR+GtW3AADiyBQO7IkTfcL4V+hFoPxawcMhJQR1QgeEz0Ue1AtGCvMQurr8A6ClVky+IQW6AAAAAElFTkSuQmCC') no-repeat 0px 5px;
}

.opeCoLine .sales span, .prdtBILSpecial .sales span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABDklEQVQokY3QsSuFURyH8c+9mQwsKNkYTEq5f4CIolPKZLAIO3ez6Cxmg0U6gzKY1V1QJKUYTP4CrkkKSWJg8F5et0v3u5zT+Z3n6ZxvoVrSgnl0+8k7dlKI1/5JoVqyiC181M6y9RbD6MIqplOIL3m4iJ5sP4Ch3KwHZ3jFGyoLldhaD9fSh/66l3ViHxHPOFyoxPZG8B52G3ytIxOs4R4HNUGhWrKE9QZQfZ4whmX0YqyIbVw1AbehjFlfHcwVU4gPGGlScIgZDOK0CCnEu0xw+Q+44qv5TUylEC+/C8sJLv4Ab7CBkEI84nfbUoiPGK8TlHGcgRMpxJPa4BecE4xm0GQKcT2TlVKI5/m7n9vySrMja8giAAAAAElFTkSuQmCC') no-repeat 0px 5px;
}
.sortByImg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAMAAACX3symAAAAQlBMVEUAAAApOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEgpOEjZ1HtkAAAAFXRSTlMA9tZrJhVYShjj4NOah4V2YT4pDQisLU/+AAAAZUlEQVQY02XPSQ7AIAxD0bhpQzoPkPtftQVVEIm/e5I3pi/eySWwsynAzNjL+ZZrBkuo67RCqTUNGDvqdkTHxxZ1HDFMhbrY4xiPTRtLHRVrqgjCmC+5f7LlEKi6qHYahFx7/vgCOzsEASiv0UkAAAAASUVORK5CYII=);
}
.hFOverLay::before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAMAAABMIo1MAAAAYFBMVEUAAADX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eT////Y2uXr7PH39/ny8/bo6vDw8PXt7vP9/f2ayPVCAAAAF3RSTlMA+hfw6tp2PzIkDvXjzsi9pIdnW1hJBj0VsjEAAABeSURBVAjXbcjHEYAgEABAMOesd5Lsv0txgAHRfS7xioL8WBGX75aUMbrFW6UcgNH9vXUmQeNtGW6SK53Pp5XfZjjBklnt9hj1OqpLbE8CAmdufjbrv28IQRQXRI94AzXoCi68nwAZAAAAAElFTkSuQmCC') no-repeat 0 center;
}
.lpSSearch {
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAgVBMVEUAAADX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eTX2eQGhCosAAAAKnRSTlMA9jjFBuzMHYQPC/Hn2tLJu7eoi3Vrs66aZmBLRDHu4XlbVT4rFL6TaScu1sYXAAAA7klEQVQoz4WQ53KDMBAGD0QxxjQDodtxSdv3f8CMIgU0iTPZX59udTcnyT/sh+oAYdUmP8QQYklbtx4cAU5R8eW7/Wa0ePIlXmK/03EV7+CNQXMmfK2XqweNFUkKl0ShZtFcwXsxptX9FbUz2zaVcJvp1+ELKJNCUukPzkIHPBMgF7WTjQISazJRvmMi2H83B33smJSTCR1Mt49NzFCZdIFInAUUjCYFZ3AWeAbebJ6AOrDXdmiO9qhPWRuLxEOGoUy2CeB5bET27/xirfiNCVks1tVlnpc7/eLRKCW/mcxYeYAfApE84l6Q3+VPPgH5sR6/KWBGgwAAAABJRU5ErkJggg==') no-repeat 5px center;
}
.lpSearchImg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAjAQMAAACEiEn0AAAAA1BMVEX///+nxBvIAAAAC0lEQVQI12OgCgAAAEYAAQPkj3AAAAAASUVORK5CYII=') no-repeat right center;
}
.lpTopSortItem.active.asc:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAFVBMVEUAAADiOAPjOATiOQXhOgTnOADiOgVUt9HJAAAABnRSTlMAYECggCC1Fc0CAAAAMUlEQVQI12NgSQMCBlYlJeU0BiAQMwMSjIlqIKaAGojJoAZiAkkgE0gCmQwhDIYgtQDPkQWWWljpOQAAAABJRU5ErkJggg==');
}
.lpTopSortItem.active.desc:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAAFVBMVEUAAADiOAPjOATiOQXhOgTnOADiOgVUt9HJAAAABnRSTlMAYECggCC1Fc0CAAAAMUlEQVQI12MwZAABMQEGhhAGxkQGBjUQB0iCOGpgGSAJ5KiBlZkxsCopKacxsKQBAQB4xwWW5P/q2QAAAABJRU5ErkJggg==');
}
.lpWaitingLoaderWrapper {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX///+nxBvIAAAAAXRSTlOzEo46UAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=');
}
.fpQuantCondD .degressif {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABHklEQVR42mNgoDt45cDA88iapeqxFesEGH5kxVJ0xpiBFST/n4GBCavGR5YsJY+sWP8D8SMg/gpl/weKb7rvwMABZJ98ZM3uh6HxoRVbA1Dy1VVtBraHlqxxcI1gzLbzsSWLPdAFTx9ZsgVg0/gfSHcC6eOoGkHirPueWLNaANkvHluzRWNoJIBPPrFisQTa/OSxNWsKxI9WbP5EaIQ6m10FqPnxQxt2X4itlqwFRGi+dNeYgf+RJesJIDsLEbpWrJlA/A+7JpanEKeCQph16f9QBmaUgAJ5Hij5F03TkweWrIZgTZas04Hxyog1Xh9as4UBFf0CaQImhgdPrdnVgSF77KElWxdOTQhns9gBFTY+suaSAvGfWLEaUC2pAgBbVNEnHEQeyQAAAABJRU5ErkJggg==') no-repeat center;
}
.fpQuantCondD .decote {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAAtElEQVR42tXTIQvCUBiF4TsEB+JfslkWV4wmq2l5zWg02hZNK2LzVyko0/ki3+SKoovfGbxjuyvnCQuhx9WGUFLrsT7jC6/j/wL4uvQ8/ieALwu6SwI4ndPN+/ivAE5m1CiM/wDwltNVZfwbgKeMLkrjXwDuUzqrjX8CuE3opDi+A+xVx3eAMR1lAfYPjOggCzBESrUswBBD2skCDDGgShYQIbayAEMktJEFRIi1LCCCrLwCHionw57zh9uVAAAAAElFTkSuQmCC');
}
#lpBloc.lpGrid .productCenterZone .pc::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAQlBMVEVzzYe+58fu+PA2t1SO1p7///+75sW35cJ0zYhPwGnB6MpsyoFXw3D3/Piu4brc8uHC6ctuy4OF05bD6cyh3a9tyoLI8flVAAAAaElEQVR4XoXPRw6AMAwFUcclpNPvf1WIgkQwSMzybewP8lnjAN67SXGOxMPAtOcHx4RSimCaew6EUlmQ1o6BpbGw69ibyou11njN43b2YGC5YtAna0hBP1g1xdccY5hi/hgPQY2/++MDOu4Hf+NsSt0AAAAASUVORK5CYII=);
}
.productBottomZone .opeCoLine .odr span, .prdtBILSpecial .odr span, #lpBloc.lpGrid .opeCoLine .odr.cagnotte span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAnFBMVEWU2KMlsUbz+vTR7tjV8NxpyX9Vwm6g3a4msUcwtVDu+PD3/Pg1tlM4t1UytVH8/vxYw3Hb8uCy473///9kx3rB6Mq958fP7das4Lj+//6q4LbH68/h9OXm9uqi3q/W8Nzj9Oc9uVrS7tlSwGtxzIb1+/ZfxXb9/v2o4LXz+/VyzIby+vTL69K15MBaxHOY2qc4uFah3a+a26lNv2YhtXUjAAAAgElEQVR4XoXQRRLDMBQD0C9TmMvMzL3/3dqZ1I6bSadavpUkKhrzk5MdEV3HdR7AdYH5qNsKbCZkUwA3ITfBF3fOABAJmTKbP4m4VMzwHTrx4qD2mo9P46vtZWJ6+8Z7uSc0v31Z6iP3hvZKpkoNT1UT7Q4Pef2TtdMu+rO/V70AADoUuhUTu0cAAAAASUVORK5CYII=) no-repeat;
}
#lpBloc.lpGrid .productBottomZone .opeCoLine .odr.cagnotte span, .prdtBILSpecial .odr.cagnotte span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA49JREFUSA21V71PFEEUf7P3gSe4d5FcYiEKBRZKAoUFYqGhM0ICjZYejXZCgaUG4x/AR2kjdlgdBgwtFRZSHAnYgmKhEsyxaMA7bsf328scc7uzx/HhS+7m6837zXtv5jezguqU5jlnwBLiDpHs4l9KkOCSayRzRCLPv5wr5OL2fft9PSZFLaVUVqbi8d/D0nVHhBCpWrpqTEqZF5Y1USg0TeYHsSCzhAKnPzgZcuV4vYB+81iAS2Jou9+e9Y+hbZk603O7E0LSm5OCwibmRgRl0/O74yaMgMfpeWeaOx+ZlE/aJ4mmt/rsIX1+lceep8cAvWFb1JIIrF2379VZIwPb+kBlFnKK8OqD/rodJRq91kD3LsXoig9w1XFpZrNI774VyDnwzyy3S5IGVc49YOzeWNRZr5XTx21xGm1voGTMbFT1ft2T9GJtnxZ+BNGx4YoHdht2uxfqeNSpeVymOs/Rq+tHgwIckZi+maCHl4MrhGPAgh4Hj0lA0Egl5ujQ5BmH1m9k6VfJC+vmnutptiQsgp6e79vNEQ57UbNUrvJGG+bamAAjYdsHNLgDhpZ7m6qGMst7xjBCCZHBIp+u7BtBlSHkOmqRuAviMwm80OX557+hoNAD4Ax7ubRd0qcF6sDkHIN7zYLdq2STN83r9YJqhpZHgZYnyi7mfdlqsoKjg5+She/BfKmxY5dCJtljcdU0sSMZqeoOO5tVSnU2cLNVMZc+b6dozruuc5o6cvzFZGCNmUiXHj4eZyVS0oolpdgIM6izT8/FCIGbz0jAXCIXZsy/i6c6E1Ubzj8PUfnE5/7oBYqc5ZJc9BtQbRwNsJSSDvZ4ufcCPfDRIYhmtD1O2e7zHmVmuxupVmqA6TFlen4nzzstqQD0Ekdq9laj0QvcSHZMBG4qzAddglD8wm+0na2+ZMpLGl+HVXelroxjNPDxT5XnahwR8F+PGEOKTKAYU1iH12LM2QjzGhMg4OEnfD2G5RCbEaBh7AVvi0W7Fddi5VKqdVmUYQ//kdMOO0IgGZz3VadEqzul0AeAmhl4CKgB7+kjJK6tsxcpX/7sT44pwxWPVcd/euy95cdeRmGgDDACFJhUJnWlU9XZUz8o7AU8ViDlTxbJT13zMVN6YSU2kitFRj3u/HqhwFD0PmH4jVR+GtW3AADiyBQO7IkTfcL4V+hFoPxawcMhJQR1QgeEz0Ue1AtGCvMQurr8A6ClVky+IQW6AAAAAElFTkSuQmCC') no-repeat;
}
.productBottomZone .opeCoLine .sales span, .prdtBILSpecial .sales span {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABDklEQVQokY3QsSuFURyH8c+9mQwsKNkYTEq5f4CIolPKZLAIO3ez6Cxmg0U6gzKY1V1QJKUYTP4CrkkKSWJg8F5et0v3u5zT+Z3n6ZxvoVrSgnl0+8k7dlKI1/5JoVqyiC181M6y9RbD6MIqplOIL3m4iJ5sP4Ch3KwHZ3jFGyoLldhaD9fSh/66l3ViHxHPOFyoxPZG8B52G3ytIxOs4R4HNUGhWrKE9QZQfZ4whmX0YqyIbVw1AbehjFlfHcwVU4gPGGlScIgZDOK0CCnEu0xw+Q+44qv5TUylEC+/C8sJLv4Ab7CBkEI84nfbUoiPGK8TlHGcgRMpxJPa4BecE4xm0GQKcT2TlVKI5/m7n9vySrMja8giAAAAAElFTkSuQmCC') no-repeat;
}
/* Css/PC/components/picto-label.css */
.c-pictoLabel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.c-pictoLabel > * + * {
  margin-left: 4px;
}
.c-pictoLabel > ul {
  flex: 0 0 100%;
}
.c-pictoLabel:not(:empty){
  margin-bottom: 8px;
}
.c-pictoLabel:empty{
 margin-bottom: initial;
}
.c-pictoLabel__icon {
  display: flex;
  align-items: center;
}
.c-pictoLabel__icon [class^="cds-"],
.c-pictoLabel__icon [class*=" cds-"] {
  font-size: 24px;
}
.c-pictoLabel__label {
    font-size: 14px;
}
.icon--promo {
  color: #e23b13;
}
.icon--business {
  color: #2bb04a;
}
.icon--cdav {
  color: #16b4f2;
}
.o-picto{
  display: inline-flex;
  align-items: center;
}
.o-picto > * + *{
  margin-left: 4px;
}
.icon--md {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.icon--sm {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.c-pictoLabel__label {
    font-size: 14px;
}
.o-picto span:nth-child(2) {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

/* à déplacer dans utilities lorsque l'on connaitra le context d'application des pictos label (cf DE)*/
.u-mr--16 {
    margin-right: 16px;
}
.u-mr--24 {
    margin-right: 16px;
}
.u-mt--8 {
    margin-top: 8px;
}
.u-mb--8 {
    margin-bottom: 8px;
}

/* PictoLabel - Variante */
.c-pictoLabel--tag {
    display: inline-flex;
    background-color: #efefef;
    padding: 4px;
}

/* A supprimer avec l'harmonisation des PictoLabel en FP */
.c-pictoLabel--shipping-list {
    padding: 0 4px;
}
/* Css/PC/components/link.css */
/* --------------------------------
File: links
Title: links
Descr: Gestion des liens
Version : 1.3186.0
-------------------------------- */
.o-link {
    color: currentColor;
}

    .o-link:hover {
        text-decoration: none;
        color: currentColor;
    }

    .o-link > [class^=cds-],
    .o-link > [class*=" cds-"] {
        font-size: 1.14em;
    }

.o-link--black {
    color: #323232;
}

    .o-link--black:hover {
        color: #323232;
    }

.o-link--blue {
    color: #096ec8;
}

    .o-link--blue:hover {
        color: #398eda;
    }

.o-link--white {
    color: #FFF;
}

    .o-link--white:hover {
        color: #FFF;
    }

/* Css/PC/components/picto.css */
/* --------------------------------
File: _picto.scss
Title: Picto
Descr: Comportement des pictos dans du texte
Version : 1.3186.0
-------------------------------- */
/* START / Object - Picto */
.o-picto {
    display: inline-flex;
    align-items: center;
}

    .o-picto > * + * {
        margin-left: 4px;
    }

.o-picto--baseline {
    align-items: baseline;
}

.o-picto--flex-end {
    align-items: flex-end;
}

.o-picto--flex-start {
    align-items: flex-start;
}

.o-picto--reverse {
    flex-direction: row-reverse;
}

.o-picto.o-link {
    position: relative;
    padding-left: calc(1.14em + 2px);
}

    .o-picto.o-link > [class^=cds-],
    .o-picto.o-link > [class*=" cds-"] {
        position: absolute;
        top: calc(50% - 0.5em);
        left: 0;
        font-size: 1.14em;
    }

    .o-picto.o-link.o-picto--reverse {
        padding-right: calc(1.14em + 2px);
        padding-left: inherit;
    }

        .o-picto.o-link.o-picto--reverse > [class^=cds-],
        .o-picto.o-link.o-picto--reverse > [class*=" cds-"] {
            left: inherit;
            right: 0;
        }

.o-picto--link {
    text-decoration: none;
}

/* Css/PC/block/product.css */
/** 
	BLOC PRODUCT CSS
**/

 /*todo VARIABLE lien */
.prdtBloc .facilityP a {
	color: #096ec8;
	text-decoration: none;
}
.prdtBloc .facilityP a:hover {
	text-decoration: underline;
}
.pdtCrSC{
	font-size: .9em
}

html.isPro .displayToPro.prdtPrSt.prdtStrikedPriceBefore,
.prdtPInfoTC .prdtPrSt.prdtStrikedPriceAfter.displayToPro {
    display: none;
}

html.isPro .prdtPInfoTC .prdtPrSt.prdtStrikedPriceAfter.displayToPro {
    display: inline-block;
}

html.isPro .prdtPriceBloc .prdtPrice .price {
    font-size: 25px;
}

html.isPro .prdtPriceBloc .prdtPInfoTC .prdtPrSt {
    font-size: 12px;
}

html.isPro .prdtPriceBloc .prdtPInfoTC .prdtPrSt.displayToPro.isProStrikedPriceFontSize {
        font-size: 11px;
}

html.isPro .displayToPro.price.isProPriceFontSize {
    font-size: 21px;
}

.prdtBloc {
	background: #fff;
	display: block;
	height: 590px;
	position: relative;
	width: 100%;
}
.lpLight .prdtBImg {
	height: auto;
}
.lpLight .prdtBTit {
	height: 1.2em;
	padding: 0;
}
.lpLight .prdtBloc {
	height: 500px;
}
.lpLight .prdtOneSel, .lpLight .prdtTwoSel {
	height: 2.6em;
	padding: 7px .9em 0 0;
	overflow: hidden;
}
.lpLight .lpBNext + .prdtBTit, .lpLight .prdtBPCar + .prdtBTit {
	margin-top: 50px;
}
.lpLight .lpBNext + .prdtBStar, .lpLight .prdtBPCar + .prdtBStar {
	margin-top: 30px;
}
.lpLight .prdtOneSel + .prdtBTit, .lpLight .prdtTwoSel + .prdtBTit {
	margin-top: 35px;
}
.lpLight .vfEmpty+ .prdtBTit {
	margin-top: 25px;
}
.lpLight a + .prdtOneSel, .lpLight a + .prdtTwoSel {
	margin-top: 18px;
}
.lpLight .prdtOneSel select {
	width: auto;
}
.lpLight .prdtTwoSel select {
	max-width: 50%;
	width: auto;
}
.lpLight .prdtTwoSel select + select {
	float: none;
	margin-left: 10px;
	max-width: calc(50% - 10px);
	width: auto;
}
.lpLight .prdtPrSt, 
.prdtPriceBloc .prdtPInfoTC .prdtPrSt {
	font-size: 1.4em;
	height: 1.1em;
	text-decoration: line-through;
}
.prdtPriceBloc .prdtPInfoTC .prdtPrSt {
    font-size:16px;
    line-height: 12px;
}
.prdtPriceBloc .prdtBStart + .prdtPInfoTC {
    margin-top:0px;
}
.prdtPriceBloc .prdtPInfoTC, 
.prdtPriceBloc .prdtPrice{
    display: inline;
}
.prdtPriceBloc .prdtPInfoTC {
    margin-top: 21px;
    display: block;
    vertical-align: baseline;
}
.prdtPriceBloc .prdtPrice {
   font-size:26px;
   font-weight:normal; 
}
.prdtPriceBloc .prdtPEco {
    font-size:14px;
    white-space: nowrap;
}
.prdtPriceBloc .prdtStrikedPriceBefore {
    display:block;
}
.prdtPriceBloc .prdtStrikedPriceAfter {
    display:none;
}
.prdtPriceBloc .prdtBStart {
    margin: 5px 0px;
}
.prdtPriceBloc > .prdtBStart + .prdtPrice {
    margin:0px;
}
.prdtPriceBloc > .prdtPrice{
    margin-top: 38px;
}
.prdtPriceBloc .prdtPrice {
    display:inline-block;
}
.prdtPriceBloc .prdtPInfoTC + .prdtPrice {
    margin-top: 0px;
}
.prdtPriceBloc .prdtBStart + .prdtPInfoTC + .prdtPrice {
    margin: 0px;
}
.prdtPriceBloc .prdtPInfoTCAfter {
    margin-top:0px;
    margin-left:6px;
}
.prdtPriceBloc .prdtPrice .price {
    font-size:30px;
}
.prdtPriceBloc .perUnitPrice {
    color: #878787;
    font-size: 10.8px;
    font-weight: normal;
    margin: 2px 0 0;
    text-transform: lowercase;
}

html.isPro .prdtPriceBloc .perUnitPrice span.displayToPro {
    display: inline-block;
}

html.isPro .prdtPriceBloc .perUnitPrice span.hideFromPro {
    display: none;
}
.testPrdtBloc .prdtBZBtn .btAdd {
    margin: 1.1em auto 0;
} 
.lpLight .prdtBStar {
	padding-right: 1.1em;
	margin-top: 5px;
}
.lpLight .prdtCdav {
	height: 1.2em;
}
.lpLight .freeShipping {
    font-size: 10.8px;
    margin-top: 4px;
   text-align: left;
}
.lpLight .prdtBStart {
	margin-left: 3px;
	padding-left: 0.2em;
	position: absolute;
	top: 0px;
}
.lpLight .prdtPriceZone {
	bottom: 0;
	display: table;
	height: 95px;
	padding-right: 0;
	position: absolute;
	width: 100%
}
.lpLight .prdtBZPrice {
	display: table-cell;
	float: none;
	padding: 5px 0 0 0;
	vertical-align: top;
	width: 100%;
}
.lpLight .prdtPrice, .lpLight .prdtPInfoT {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
.lpLight .prdtPrice, .prdtPriceBloc .prdtPrice{
	font-size: 2.3em;
	height: 0.9em;
}
.lpLight .prdtPInfoT {
	height: 1.6em;
	margin-left: 3px;
}
.lpLight .prdtPEco {
	font-size: 1em;
	margin-left: 3px;
}
.lpLight .prdtDetail {
	bottom: 15px;
	margin-left: 3px;
	position: absolute;
	width: 100%;
}
.lpLight .ttOverBlk {
	margin-right: 20px;
}
.lpLight .prdtBZBtn {
	display: table-cell;
	float: none;
	padding: 0 0 .9em 0;
	width: 120px;
}
.lpLight .prdtBZBtn .btAdd{
	margin: 0 auto 0;
	text-align: right;
}
.lpLight .opImg {
	margin-top: 10px;
	text-align: right;
}
.lpLight .opImg img {
	max-width: none;
}
.lpLight .mekakoPdt {
	height: 450px;
}
.prdtBloc>a {
	text-decoration: none;
}
.pdtCrSC .prdtBloc {
	margin: 0 auto;
	width: 284px;
}
/*Model Hors taille*/
.prdtOSize {
	position : relative ;
}
.prdtBDesc.oSize{
	font-size: 11px; 
	height: 3.2em; 
	padding: 14px;
}
.vfActive {
    margin-top: -22px;
}
.btOSize {
    -webkit-appearance: none;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #bebebe;
    color: #323232;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    left: 50%;
    margin-right: -50%;
    padding: 3px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transform: translate(-50%,-50%);
    white-space: normal;
    z-index: 2;
}
.btOSizeWithVf {
    bottom: 60px;
}
.btOSize.btOSizeVit {
	right :10%;
}
.btOSize.btOSizeTDG {
	right :0px;
}
/*Model Hors taille*/
.overBP {
	background: url('https://www.cdiscount.com/RWD/loader.gif') no-repeat center center #fff;
	display: none;
	height: 540px;
	left: 0;
	margin: 6px;
	position: absolute;
	opacity: .75;
	top: 0;
	width: 247px; /*IE 8 */
	width: calc(100% - 12px);
	z-index: 20;
}
.lpBlocInline .overBP {
	height: 100%;
	margin: 0;
	width: 100%;
}
.prdtTitle {
	border-bottom: 1px solid #323232;
	font-size: 1.5em;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
}
.prdtBloc a, .prdtBloc a:hover {
	text-decoration: none;
}
.prdtBloc a:hover .prdtBTit, .prdtBloc a:hover .prdtBDesc {
	text-decoration: underline;
}
.lpLight .prdtBloc a:hover .prdtBTit {
	text-decoration: none;
}
.prdtBloc > a, .prdtBloc > form > a,.prdBlocContainer > a,.prdBlocContainer > form > a {
	display: block;
	position: relative;
}
.prdtBloc .prdtBImg {
	margin: 15px auto; /* img 200/200 */
}
.prdtBloc form {
	overflow: hidden;
}
.prdtBloc .mekakoGomette {
	top: .9em;
}
.prdtBPCar {
	overflow: hidden;
	height: 280px;
}
.prdtBPCar li {
	display: block;
	float: left;
	width: 100%;
}
.prdtOneSel, .prdtTwoSel {
	height: 2.6em;
	padding: 7px;
	overflow: hidden;
}
.prdtOneSel select {
	width: 100%;
	margin: 0;
}
.prdtTwoSel select {
	float: left;
	margin: 0;
	width: 45%;
}
.prdtTwoSel select + select {
	float: right;
}
.prdtBImg {
	display: block;
	height: 250px;
	margin: 0 auto;
	width: 250px;
}
.prdtBTit {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 1.2em;
	line-height: 1.2em;
	margin: .4em 0 0 0;
	overflow: hidden;
	padding: 0 .9em;
}
.opImg {
	height: 30px;
	overflow: hidden;
	text-align: center;
}
.opImg img {
	height: auto;
}
.opImg + .prdtBTit {
	margin-top: 0;
}
.prdtBDesc {
	cursor: pointer;
	display: block;
	height: 3.4em;
	line-height: 1.2em;
	overflow: hidden;
	padding: 0 .9em;
}
.prdtBDesc.descS {
	height: 1.2em;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newLpTopBox .prdtBloc.testPrdtBloc .prdtBDesc.descS {
    display:none;
}
.prdtBDesc .prdtBCat{
	text-transform: capitalize;
}
.prdtBDesc span {
	margin: 0 .5em 0 0;
	font-weight:bold;
	font-size:11px;
}
.prdtBDesc span:after {
	color: #323232;
	content: "/";
	margin-left: 4px;
}
.prdtBDesc span:not(.textColor){
	color: #16a538;
}
.lpLight .prdtBTit .destock:not(.textColor) {
    color: #16a538;
}
.lpLight .prdtBTit .destock, .flagPreOrderDetail {
    font-size: 11px;
	font-weight: bold;
	margin: 0 .5em 0 0;	
}
.lpLight .prdtBTit .destock:after, .flagPreOrderDetail:after {
    color: #323232;
    content: "/";
    margin-left: 4px;
}
.lpLight a:hover .prdtBTit .prdtTit {
	text-decoration: underline;
}
.prdtBDesc:hover {
	text-decoration: underline;
}
/*Bloc facility*/
.prdtBloc .facilityP {
	clear: both;
}
.lpTopTDG .prdtBloc .facilityP {
	bottom: 0;
	position: absolute;
}
.prdtBloc .facilityP>div {
    color: #323232;
	display: table;
	height: 7.2em;
	padding: .6em 1em 0;
}
.prdtBloc .facilityP .ttOver {
	padding: 0;
	height: 13px;
}
.prdtBloc .facilityP .ttOverBlk {
	padding: 10px;
	height: auto;
}
.prdtBloc .facilityP .facMkt {
	padding: .3em 1em;
	height: auto;
}
.prdtBloc .facilityP .lpRim{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAZlBMVEX+/v7U1NTHx8ezs7Pj4+Pc3NzV1dXLy8u3t7fi4uL6+vr29vbS0tK1tbWvr6/4+PjKysr09PTDw8PCwsLp6enFxcXd3d3k5OT7+/vh4eHW1tb19fXBwcGurq7Pz8/5+fmtra3///+lGCD+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBwcMJgYdnFlbAAAAYElEQVQI11XORw6AMAwEQEJC772lbP7/SRwjkNiL52CtHUW/XCMAPQTuOUIaR1YwYj4NEnIK672vkbFX8sFWWMgx73QttJhgqlBkucdyv5NE6Z5jBXl7L8fovy+cLsO4AZUDCAFNEw/PAAAAAElFTkSuQmCC') no-repeat left;
	height: auto;
	margin-left: .8em;
	padding: .3em 1em 0 1.2em;
}
.facilityP sup {
	font-size: .5em;
}
.imgExpress{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAKCAMAAADfAc3wAAABpFBMVEUAtf////8AAAAAtf8Atf8Atf8Atf8Atf+65/1j0P8Atf/19vsAtf8AvP8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf8Atf/19vu65/0AvP9j0P/G2ChYAAAAh3RSTlMAAACwQBDQMAAAkAAYAOhgAfoDseDi8Ab2gPsE0d0F/ggKqgwHbam8DvflPCFO6tMqIsCPu9QTeUe47nDyYp/aHUt+wmy5oHRBgSQ2Fz0/eN4gH0QR+b6ThMPMts6hFs0S0l7nMazh7w0te+R1lmuS9DnjZpUCCWQuxYpbUqs0LE0zWAuipZo4kWkKAAABUElEQVR4XqXSVVNCURiF4aX7wFFEGkGwE+zCxu7u7u7u7mX8abeMo+fW8b347p5ZNx/C/1iYJomjIiKjAbRNuPCH1NoZDUZPDrSl9if8AF9hEmDTyZOq8+pkLl9uge4Lv759vJNMockLoJXpGEhsTK7xsLoXCg1IqGvxcC/WorKvFJlUKDM7SP4ulw6fM9fWPTbOfLSzfprF5c0MSpzWkEfDoJ1NKjniFTSanW5zh8OkKJpldprsQJc5jtkHAYs7HjCyQmKg0mHBEItUliSOCgL6GKQ5rfrJ3+Upf9WsxwjMlfvnuYDFvGQscTmEV1bXsE67ytgNboawMb26siqoWY4TJdyCbJtOF3ao382y7iuMF2WHzD/KsmZLbElhCB8XmNxCfC+f4LToDLaMC8gKxSWAq8zA9Q1uhRBluKvQZ9wjRzzg8UkAxc/Ai5D4X0/yCfUTUimgYmv6AAAAAElFTkSuQmCC') no-repeat center center;
	display: inline-block;
	height: 13px;
	width:60px;
}
/*Bloc Price*/
.prdtPrice {
	font-size: 3em;
	font-weight: normal;
	height: 1em;
	line-height: .5em;
}
.pdtCrSC.price{
	font-size:.9em;
}
.prdtPrice .price {
	font-weight: normal;
}
.prdtPrice .priceS {
	font-size: .8em;
}

.prdtPrice sup {
	font-size: .6em;
	line-height: .6em;
	vertical-align: .6em;
}
.prdtBZPrice {
	float: left;
	margin: .7em 0 0;
	padding: 0 0 0 .9em;
	width: 48%;
}
.prdtBStar {
	height: 1.4em;
}
.prdtBStar .sta{
	display:inline-block;
}
.prdtPInfoT {
	display: table;
	height: 2.5em;
	margin: 0 0 .3em;
	width: 100%;
}
.prdtPInfoTC {
	display: table-cell;
	vertical-align: bottom;
}
.prdtBStart {
	font-size: .8em;
	font-weight: normal;
}
.prdtPrSt {
	font-size: 1.2em;
	height: 1.1em;
	text-decoration: line-through;
}
.prdtBZBtn {
	float: right;
	margin: 1.2em 0 0;
	padding: 0 .9em .9em 0;
	text-align: center;
	width: 52%;
}
.testPrdtBloc .prdtBZBtn {
    margin: 0.2em 0 0;
}
.testPrdtBloc .opImg {
    margin-bottom: 9px;
}
.prdtBZBtn select {
	float:left;
	height:2em;
	margin-left:-2em;
	margin-top:.6em;
}
.crItem .prdtBZBtn{
	padding: 0;
}
.newLpTopBox .crItem .prdtBZBtn {
    margin-top: 5px;
}
.crUl .crItem .prdBlock.prdtBZBtn {
    min-height: 67px;
    position:relative;
}
.crUl .crItem .prdBlock.prdtBZBtn .btAdd{
    bottom: 0;
    margin:auto;
    left:0;
    position: absolute;
    right:0;
}
.prdtBZBtn .btAdd,.newLpTopBox .testPrdtBloc .crItem .prdtBZBtn .btAdd {
	display: inline-block;
	margin: .6em auto 0;
}
.prdtBloc .btGreen, .prdtBloc .btPink {
	display: block;
	font-size: 1.1em;
	padding: .6em;
}
.prdtBloc .btGreen {
	margin: auto;
}
.prdtSoldOut {
	color: #29ab02;
	font-size:  1.1em;    
	margin: .6em 0;
	padding: .6em;
}
.prdtSoldOutExpress {
	color: #29ab02;
	font-size:  0.9em;    
	margin: .6em 0;
	padding: 0;
}
/* Loader */
.liEmpty {
	background-image: url('https://www.cdiscount.com/RWD/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
/*VF*/
.vfEmpty{
	height: 2.3em;
}
.newLpTopBox .testPrdtBloc .vfEmpty {
    height: 30px;
}

/*Hors Taille*/
htEmpty{
	height: 3.2em;
}
/* Mecaco */
.mkkGVisu, .mkkGVisu > div {
	height: 100%;
	width: 100%;
}
.mkkGVisu > div {
	background: no-repeat center #fff;
	background-size: contain;
}
.pdtCrSC .mkkGVisu, #lpBloc .mkkGVisu {
	height: 215px;
	padding-top: 15px;
}
.pdtCrSC .mkkGVisu > div, #lpBloc .mkkGVisu > div {
	top: 15px;
}
.mekakoPdt {
	display: none;
	font-size: 1.1em;
	height: 515px;
}
.mkkPDesc {
	padding: 2em 10px 0;
}
.mkkPDesc > div {
	margin-left: 95px;
}
.pdtCrSC .mekakoPdt .btGreen, #lpBloc .mekakoPdt .btGreen {
	font-size: .9em;
	margin: 20px 0 0;
	padding: 1em;
	text-decoration: none;
	white-space: normal;
}
/* Mabaya */
.Sponsorised {
	color: #878787;
}
.MKPUrl{
    color: #096ec8;
    font-size: 0.9em;
    margin-top: 6px;
}
.prdtBILSponsored span.MKPUrl
{
    cursor: pointer;
}
/* Overlayer - only used in seller shop */
.overBlkCont {
	position: relative;
}
.overBlk {
	background: #fff;
	box-shadow: 0 0 6px #b6b6b6;	
	left: 0;
	width: 100%;
	z-index: 11;
}
.overBlk {
	padding: 7px;
}
.overBlk table {
	width: 100%;
}
.overBlk tr + tr {
	border-top: 1px solid #d7d9e4;
}
.overBlk th + th, .overBlk td + td {
	border-left: 1px solid #d7d9e4;
}
.overBlk td + td {
	text-align: center;
}
.overBlk th, .overBlk td {
	padding: 3px 5px;
}
.overBlk span {
	border-top: 1px solid #d7d9e4;
	cursor: pointer;
	font-size: 1.3em;
	margin: 5px 0 0;
	padding: 10px 0 0;
	text-align: center;
}

/* Bloc Produit dans Carroussel swipe */
/* Product */
.cPdtItem .ecoBlk {
	background: #fff;
	color: #323232;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	left: 0;
	margin-top: 7px;
	padding: 0em;
	position: static;
	text-align: left;
	top: 10px;
}
.cPdtItem .ecoBlk::after{
	background: none;
}
.cPdtItMecaco {
	color: #2c3b4a;
	font-weight: bold;
	height: 1em;
	margin-top: 10px;
	text-transform: uppercase;
	text-align: center;
}
.cPdtItMecacoOutOfStock {
	color: #29ab02;
	font-weight: bold;
	height: 1em;
	margin-top: 8px;
	text-align: center;
	text-transform: uppercase;
}
.cPdtItMecacoUsedProduct {
	color: #29ab02;
	font-weight: bold;
	margin-top: 8px;
	line-height: 13px;
}
.cPdtItImg+.cPdtItMecacoUsedProduct {
	margin-top: 30px;
}
.shopCrPdt .cPdtItMecacoOutOfStock {
	padding-top: 5px;
}
.cPdtItTitLight {
	line-height: 14px;
	margin-bottom: 4px;
	width: 90%;
	height: 2.1em;
	font-weight: bold;
	color: #323232;
}
.cPdtItTit {
	font-weight: bold;
	height: 2em;
	line-height: 1em;
	margin-top: 8px;
	overflow: hidden;
	white-space: normal;
}
.cPdtItTitVar {
	font-weight: bold;
	height: 1em;
	line-height: 0.9em;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cPdtItTitVar + .cPdtItTitVar {
	margin-top: 0;
}
.cPdtItImg {
	display: block;
	margin: auto;
}
.cPdtItStar {
	height: 13px;
	margin-top: 8px;
}
.cPdtItStarLight span {
	font-weight: bold;
}
.cPdtItStar span {
	color: #878787;
	display: inline-block;
	height: 12px;
	padding-left: 4px;
	vertical-align: bottom;
}
.cPdtItImg + .cPdtItStar {
	margin-top: 30px;
}
.cPdtItem .ecoBlk span {
	display: inline;
	font-size: 1em;
	font-weight: bold;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 0em; 
}
.cPdtItImg + .cPdtItTit, .cPdtItImg + .cPdtItTitVar  {
	margin-top: 51px;
}
.cPdtItMecaco  + .cPdtItTit, .cPdtItMecaco  + .cPdtItTitVar {
	margin-top: 27px;
}
.cPdtItMecacoOutOfStock + .cPdtItTit, .cPdtItMecacoOutOfStock + .cPdtItTitVar {
	margin-top: 31px;
}
.cPdtItem .sta {
	display: inline-block;
}
.cPdtItem .cPdtItDesc, .cPdtItem .cPdtItDescBullet {
    color: #878787;
    display: none;
    margin: 2px 0 12px;
    white-space: normal;
}
.cPdtItBegin{
	display: block;
	font-size: .9em;
	height: 12px;
	padding-right: 3px;
	color: #e23a05;
}
.cPdtItem .price {
	display: inline-block;
	font-size: 1.7em;
	font-weight: normal;
	height: 1em;
	line-height: 1em;
	padding: 0 5px 0 0;
	vertical-align: bottom;
}
.cPdtItemLight .priceLight sup {
    font-size: 18px;
    position: relative;
	top: 6px;
}
.cPdtItem .price sup {
	font-size: .5em;
}
.cPdtItStar + .price, .cPdtItStar + .cPdtItBegin + .price {
	margin-top: .3em;
}
.cPdtItTit + .price {
	margin-top: 36px;
}
.cPdtItem .stroken {
	font-size: 1.2em;
	vertical-align: top;
	margin-top: 18px;
}
.cPdtItemLight a {
	display: block;
	position: relative;
}
.cPdtItem a {
	text-decoration: none;
}
.cPdtItem a + .price, 
.cPdtItem a + .cPdtItDesc + .price,
.cPdtItem a + .cPdtItDescBullet + .cPdtItDesc + .price,
.cPdtItem a + .cPdtItBegin + .price,
.cPdtItem a + .cPdtItDesc + .cPdtItBegin + .price,
.cPdtItem a + .cPdtItDescBullet + .cPdtItDesc + .cPdtItBegin + .price {
	margin-top: 15px;
	margin-right: 10px;
}
.cPdtItem .btGreen {
	display: block;
	font-size: 1em;
	line-height: 15px;
	margin: 12px 0;
	padding: .8em;
	width: 144px;
}
/*test A/B*/
.testAddCarrou.carouAnimco .cPdtItem .btGreen {
	margin: 12px auto;
}
.cPdtItem a:hover .cPdtItTit, .cPdtItem a:hover .cPdtItTitVar {
	text-decoration: underline;
}
/*Spécificité FP */
.fpLkBarBox .caroussel {
	clear: both;
}

/* Modifs carousel Animco */
.carouAnimcoLight .cPdtItImg {
    height: 85px;
    width: 85px;
    position: absolute;
	top: 9px;
}
.carouAnimco .cPdtItImg {
	height: 140px;
	width: 140px;
}
.carouAnimcoLight .cPdtItCompo {
	position: absolute;
	left: 96px;
	top: -20px;
}
.carouAnimco .cPdtItCompo {
    height: 71px;
    padding-top: 8px;
}
.carouAnimco .cPdtItMecaco {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	position: relative;
}
.carouAnimco .cPdtItMecaco sup {
	margin-left: 3px;
	position: absolute;
	top: -5px;
}
.carouAnimcoLight .cPdtItTitLight, .carouAnimcoLight .cPdtItTitVar { 
	font-weight: bold;
}
.carouAnimco .cPdtItTit, .carouAnimco .cPdtItTitVar {
	font-size: 12px;
	font-weight: normal;
    margin-top: 20px;
}
.carouAnimco .cPdtItMecaco + .cPdtItTit, .carouAnimco .cPdtItMecaco + .cPdtItTitVar {
    margin-top: 8px;
}
.carouAnimco .cPdtItTitVar + .cPdtItTitVar {
	margin-top: 0;
}
.carouAnimco .cPdtItStar,
.carouAnimco .cPdtItMecacoUsedProduct {
	margin-top: 3px;
}
.carouAnimcoLight .cPdtItStarLight span {
	font-size: 11px;
}
.carouAnimco .cPdtItStar span {
	font-size: 12px; 
}
.carouAnimco .cPdtItStar .S.stClip + span {
    vertical-align: top;
}
.carouAnimco .cPdtItBegin {
	font-size: 11px;
	position: relative;
}
.carouAnimco .cPdtItBegin sup {
	margin-left: 3px;
	position: absolute;
	top: -3px;
}
.carouAnimcoLight .cPdtItemLight .priceLight {
	font-size: 18px;
	margin: 0 8px 5px 0;
	position: relative;
	left: 96px;
	top: 38px;
}
.carouAnimco .cPdtItem .price {
	font-size: 27px;
	font-weight: bold;
	line-height: normal;
	vertical-align: bottom;
}
.carouAnimco .cPdtItem a + .price,
.carouAnimco .cPdtItem a + .cPdtItDesc + .price,
.carouAnimco .cPdtItem a + .cPdtItDescBullet + .cPdtItDesc + .price {
    margin-top: 14px;
}
.carouAnimco  .cPdtItem a + .cPdtItBegin + .price, 
.carouAnimco  .cPdtItem a + .cPdtItDesc + .cPdtItBegin + .price, 
.carouAnimco  .cPdtItem a + .cPdtItDescBullet + .cPdtItDesc + .cPdtItBegin + .price {
	margin-top: 2px;
}
.carouAnimcoLight .cPdtItemLight .stroken {
    font-size: 14px;
    position: relative;
    top: 41px;
    left: 96px;
}
.carouAnimco .cPdtItem .stroken {
	font-size: 15px;
	margin-top: 2px;
	vertical-align: bottom;
}
.fpContent.ecoPlaceHolder{
    height:14px;
}
.carouAnimcoLight .cPdtItemLight .ecoBlkLight {
    font-size: 14px;
    font-weight: bold;
    margin-top: 4px;
    position: relative;
    left: 86px;
    top: 44px;
}
.carouAnimco .cPdtItem .ecoBlk {
	font-size: 14px;
	font-weight: normal;
	margin-top: 4px;
}
.carouAnimcoLight .cPdtItemLight .ecoBlkLight span {
    font-size: 14px;
    font-weight: bold;
}
.carouAnimco .cPdtItem .ecoBlk span {
	font-size: 18px;
	font-weight: normal;
}
.carouAnimco .cPdtItem .btGreen {
    display:none;
}

.prdtBlocInline {
	background: #fff;
	display: block;
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 4px;
	max-width: 1200px;
	position: relative;
	width: 100%;
}

.prdtBlocInline form {
	display: table;
	overflow:visible;
	table-layout: fixed;
	width: 100%;
}
.prdtBILImg {
	display: table-cell;
	position: relative;
	vertical-align: top;
	width: 180px;
}
.prdtBILImg .prdtBPCar {
	cursor: pointer;
}
.prdtBlocInline .prdtBPCar, #lpBloc .prdtBlocInline .mkkGVisu, .prdtBlocInline .mkkGVisu, .prdtBlocInline .mkkGVisu > div, .prdtBlocInline .prdtBImg {
	height: 180px;
	padding: 0;
	width: 180px;
}
.prdtBlocInline .mekakoGomette {
	top: 0;
}
.prdtBILDetails {
	display: table-cell;
	padding: 0 16px 0 16px;
	vertical-align: top;
}
.prdtBILA {
	display: inline-block;
	text-decoration: none;
    width: 100%;
}
.prdtBILLink {
	color: #096ec8;
	cursor: pointer;
}
.lpTAdResponsive .regBloc 
{
    margin-top: 18px;
}
.prdtBILCta {
	display: table-cell;
	vertical-align: top;
	width: 210px;
    color: #000000;
}
.prdtBILTit {
	display: inline-block;
	font-size: 1.33em;
	font-weight: bold;
	margin-bottom: 4px;
}
div.prdtBILTit:hover{
	text-decoration : underline;
}
.prdtBILStar {
    margin-bottom: 8px;
}
.prdtBILStar, .prdtBILStar .sta, .prdtBILCdav {
	display: inline-block;
	vertical-align: middle;
}
.prdtBILState {
	color: #41b55a;
	font-weight: bold;
	margin-bottom: 8px;
}
.prdtBILSpecial {
    margin-bottom: 8px;
	margin-top: 8px;
}
.prdtBILSpecial img {
	display: inline-block;
	vertical-align: middle;
}
.prdtBILSpecial.cagnotte {
    align-items: center;
    display: flex;
}
.prdtBILSpecial .logoCagnotte {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA49JREFUSA21V71PFEEUf7P3gSe4d5FcYiEKBRZKAoUFYqGhM0ICjZYejXZCgaUG4x/AR2kjdlgdBgwtFRZSHAnYgmKhEsyxaMA7bsf328scc7uzx/HhS+7m6837zXtv5jezguqU5jlnwBLiDpHs4l9KkOCSayRzRCLPv5wr5OL2fft9PSZFLaVUVqbi8d/D0nVHhBCpWrpqTEqZF5Y1USg0TeYHsSCzhAKnPzgZcuV4vYB+81iAS2Jou9+e9Y+hbZk603O7E0LSm5OCwibmRgRl0/O74yaMgMfpeWeaOx+ZlE/aJ4mmt/rsIX1+lceep8cAvWFb1JIIrF2379VZIwPb+kBlFnKK8OqD/rodJRq91kD3LsXoig9w1XFpZrNI774VyDnwzyy3S5IGVc49YOzeWNRZr5XTx21xGm1voGTMbFT1ft2T9GJtnxZ+BNGx4YoHdht2uxfqeNSpeVymOs/Rq+tHgwIckZi+maCHl4MrhGPAgh4Hj0lA0Egl5ujQ5BmH1m9k6VfJC+vmnutptiQsgp6e79vNEQ57UbNUrvJGG+bamAAjYdsHNLgDhpZ7m6qGMst7xjBCCZHBIp+u7BtBlSHkOmqRuAviMwm80OX557+hoNAD4Ax7ubRd0qcF6sDkHIN7zYLdq2STN83r9YJqhpZHgZYnyi7mfdlqsoKjg5+She/BfKmxY5dCJtljcdU0sSMZqeoOO5tVSnU2cLNVMZc+b6dozruuc5o6cvzFZGCNmUiXHj4eZyVS0oolpdgIM6izT8/FCIGbz0jAXCIXZsy/i6c6E1Ubzj8PUfnE5/7oBYqc5ZJc9BtQbRwNsJSSDvZ4ufcCPfDRIYhmtD1O2e7zHmVmuxupVmqA6TFlen4nzzstqQD0Ekdq9laj0QvcSHZMBG4qzAddglD8wm+0na2+ZMpLGl+HVXelroxjNPDxT5XnahwR8F+PGEOKTKAYU1iH12LM2QjzGhMg4OEnfD2G5RCbEaBh7AVvi0W7Fddi5VKqdVmUYQ//kdMOO0IgGZz3VadEqzul0AeAmhl4CKgB7+kjJK6tsxcpX/7sT44pwxWPVcd/euy95cdeRmGgDDACFJhUJnWlU9XZUz8o7AU8ViDlTxbJT13zMVN6YSU2kitFRj3u/HqhwFD0PmH4jVR+GtW3AADiyBQO7IkTfcL4V+hFoPxawcMhJQR1QgeEz0Ue1AtGCvMQurr8A6ClVky+IQW6AAAAAElFTkSuQmCC') no-repeat center;
    background-size: 16px;
    height: 16px;
    margin-right: 5px;
    width: 16px;
}
.prdtBILDetails .opImg, .prdtBILDetails .odr, .prdtBILDetails .vf, .prdtBILDetails .pc {
	background: none;
	color: #000;
	display: inline-block;
	height: auto;
	line-height: normal;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	width: auto;
}
.prdtBILDetails .solde {
	color: #f00;
}
.prdtBILDetails .opImg span, .prdtBILDetails .vf span, .prdtBILDetails .pc span {
	background: none;
	font-size: 1em;
	padding: 0;
	display: inline-block;
}
.prdtBILDetails .vf br, .prdtBILDetails .pc br {
	display: none;
}
.prdtBILDesc {
	color: #878787;
	cursor: pointer;
    display: inline-block;
	line-height: 1.33em;
	margin-bottom: 12px;
    width: 100%;
}
.prdtBILDesc p {
	line-height: 1.33em;
}
.prdtBILDesc li {
	line-height: 1.33em;
	list-style: disc inside;
	margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prdtBILSeller, .prdtBILTwoSel, .prdtBILOneSel {
	margin-bottom: 12px;
}
.prdtBILSeller > div {
    position: relative;
}
.prdtBILSeller > div  > a
{
	text-decoration : none;
}
.prdtBILTwoSel select {
	display: inline-block;
	margin-right: 20px;
	min-width: 140px;
}
.prdtBILOneSel select {
	min-width: 140px;
}
.prdtBILSponsored {
	color: #878787;
	position: relative;
}
.prdtBILSponsored .ttOverBlk {
	width: 50%;
}
.prdtBILStart {
	font-size: .8em;
	font-weight: normal;
	color: #e23a05;
}

.prdtBILPrice .price {
    font-size: 2.5em;
    font-weight: bold;
    margin-right: 5px;
    white-space: nowrap;
}

.prdtBILPrice .price sup {
    font-size: .6em;
    line-height: .6em;
    vertical-align: .5em;
}
.prdtPrBILSt {
	font-size: 1.33em;
	text-decoration: line-through;
	white-space: nowrap;
}
.prdtBILEco div:not(.ecoPlaceHolder) {
    background-color: #ffecec;
    border: 1px solid #e23a05;
    color: #e23a05;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-top: 2px;
    padding: 0 8px;
    width: max-content;
}
.prdtBILCta .btGreen {
	margin: 14px 0 0;
	width: 100%;
}
.prdtBILFacilityP, .prdtBILFacMkt {
    color: #000000;
	line-height: 1.4em;
	margin: 14px 0 0;
}
.lpTopBIL 
{
    margin:0px;
}
.prdtBILFacilityP {
	margin: 16px 0 6px;
}
.prdtBILFacilityP a, .prdtBILFacMkt a {
	color: #096ec8;
	text-decoration: none
}
.prdtBILFacilityP a:hover, .prdtBILFacMkt a:hover {
	text-decoration: underline
}
.prdtBILTitle {
	margin-bottom: 16px;
	position: relative;
}
.prdtBILTitle span {
	background: #fff;
	color: #e23a05;
	display: inline-block;
	font-size: 1.33em;
	font-style: italic;
	font-weight: bold;
	padding-right: 15px;
	position: relative;
}
.prdtBILTitle:before {
	background: #d7d9e4;
	content: "";
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%;
}
.prdtBlocInline .prdtBILCta .prdtBILFacilityP .lpRim 
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAZlBMVEX+/v7U1NTHx8ezs7Pj4+Pc3NzV1dXLy8u3t7fi4uL6+vr29vbS0tK1tbWvr6/4+PjKysr09PTDw8PCwsLp6enFxcXd3d3k5OT7+/vh4eHW1tb19fXBwcGurq7Pz8/5+fmtra3///+lGCD+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhBwcMJgYdnFlbAAAAYElEQVQI11XORw6AMAwEQEJC772lbP7/SRwjkNiL52CtHUW/XCMAPQTuOUIaR1YwYj4NEnIK672vkbFX8sFWWMgx73QttJhgqlBkucdyv5NE6Z5jBXl7L8fovy+cLsO4AZUDCAFNEw/PAAAAAElFTkSuQmCC') no-repeat left;
    height: auto;
    padding: .3em 1em 0 1.2em;
}

.prdtBILDescription {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d8d7d7;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,.43);
    color: #323232;
    display: none;
    font-size: 13px;
    height: auto;
    left: 0;
    max-width:600px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space:nowrap;
    width: auto;
    z-index: 10;
}
.prdtBILLabel {
    background-color: #293848;
    border-radius: 3px;
    color: #fff;
    display: table-cell;
    font-size: 13px;
    height: 22px;
    max-width: 195px;
    overflow: hidden;
    padding: 0 6px;
    vertical-align: middle;
    width: auto;
}
.prdtBILLabel .chevron {
    display: inline-block;
    height: 8px;
    margin-left: 6px;
    position: relative;
    width: 8px;
}
.prdtBILLabel .chevron:before,
.prdtBILLabel .chevron:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    position: absolute;
}
.prdtBILLabel .chevron:after {
    border-top-color: #293848;
    top: 1px; 
}
.prdtBILLabel .chevron:before {
    border-top-color: #fff; 
    top: 3px; 
}
.prdtBILLabelContainer {
    padding-bottom: 10px;
}
.prdtLPLabelContainer {
	padding: 10px 0;
}
.lpLight .prdtLPLabelContainer {
	position: absolute;
	z-index: 1;
}
.prdtLPLLabelContainer {
	padding-top: 10px;
}
.prdtBILLabel:hover + .prdtBILDescription {
    display: block;
}
.PictoVenteFlashTime
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAQlBMVEVzzYe+58fu+PA2t1SO1p7///+75sW35cJ0zYhPwGnB6MpsyoFXw3D3/Piu4brc8uHC6ctuy4OF05bD6cyh3a9tyoLI8flVAAAAaElEQVR4XoXPRw6AMAwFUcclpNPvf1WIgkQwSMzybewP8lnjAN67SXGOxMPAtOcHx4RSimCaew6EUlmQ1o6BpbGw69ibyou11njN43b2YGC5YtAna0hBP1g1xdccY5hi/hgPQY2/++MDOu4Hf+NsSt0AAAAASUVORK5CYII=') no-repeat left;
    height: auto;
    padding: 0em 1em 0 1.7em;
}
.PictoPrixCoutant 
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAMAAADXs89aAAAAnFBMVEWU2KMlsUbz+vTR7tjV8NxpyX9Vwm6g3a4msUcwtVDu+PD3/Pg1tlM4t1UytVH8/vxYw3Hb8uCy473///9kx3rB6Mq958fP7das4Lj+//6q4LbH68/h9OXm9uqi3q/W8Nzj9Oc9uVrS7tlSwGtxzIb1+/ZfxXb9/v2o4LXz+/VyzIby+vTL69K15MBaxHOY2qc4uFah3a+a26lNv2YhtXUjAAAAgElEQVR4XoXQRRLDMBQD0C9TmMvMzL3/3dqZ1I6bSadavpUkKhrzk5MdEV3HdR7AdYH5qNsKbCZkUwA3ITfBF3fOABAJmTKbP4m4VMzwHTrx4qD2mo9P46vtZWJ6+8Z7uSc0v31Z6iP3hvZKpkoNT1UT7Q4Pef2TtdMu+rO/V70AADoUuhUTu0cAAAAASUVORK5CYII=') no-repeat left;
    height: auto;
    padding: 0em 1em 0 1.7em;
}
.prdtBILDetails a {
    height: 1.6em;
    overflow: hidden;
    text-decoration: none;
}

.prdtBILDetails .prdtBILSeller a {
    color: #096ec8;
    cursor: pointer;
}
.prdtBDesc .prCmd
{
	color: #000000;
	font-weight: bold;
}
.datePreCMD
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.variantMsg .btGreen {
    font-weight: bold;
}
.fpNonDisplay {
    display: none;
}
.lpStatePrd {
    font-weight: bold;
}
@media only screen and (max-width: 1023px){
	.prdtBlocInline form {
		display: block;
	}
	.prdtBILA {
		display: block;
	}
	.prdtBILImg {
        display: inline-block;
		width: 150px;
	}
	.prdtBlocInline .prdtBPCar, #lpBloc .prdtBlocInline .mkkGVisu, .prdtBlocInline .mkkGVisu, .prdtBlocInline .mkkGVisu > div, .prdtBlocInline .prdtBImg {
		height: 150px;
		width: 150px;
	}
	.prdtBILDetails {
        display: inline-block;
		padding: 0 0 0 16px;
		width: calc( 100% - 154px );
	}
	.prdtBILCta {
		display: block;
		overflow: hidden;
		width: 100%;
	}
	.prdtBILCta > div {
		display: table;
		margin-left: 170px;
		width: calc( 100% - 170px );
	}
	.prdtBILCta > div > div {
		display: table-cell;
		width: 60%;
	}
	.prdtBILCta > div > div + div {
        padding-left: 9px;
		width: 40%;
	}
}
/* BP > 1280 **/
@media only screen and (min-width: 1280px){
  	.prdtBImg {
		height: 300px;
		width: 300px;
	}
	.prdtBloc {
		height: 640px;
	}
	.lpLight .prdtBloc {
		height: 550px;
	}
	.lpLight .prdtBStar {
		padding: 0;
	}
	.lpLight .prdtCdav {
		padding-left: .9em;
	}
	.lpLight .prdtOneSel, .lpLight .prdtTwoSel {    
		padding: 7px .9em 0 .9em;
	}
	.lpLight .prdtPriceZone {
		padding-left: .9em;        
        padding-top: 10px;
	}
	.lpLight .prdtBZBtn {
		padding: 0 .9em .9em 0;
	}
	.lpLight .mekakoPdt {
		height: 500px;
	}
	.prdtBloc > a,.prdBlocContainer > a ,.prdtBloc > form > a, .prdBlocContainer > form > a {
		padding: .9em .9em 0;
	}
	.prdtBTit {
		padding: 0;
	}
	.prdtBPCar {
		height: 320px;
	}
	.pdtCrSC .prdtBloc {
		width: 334px;
	}
	.lpLight .prdtPEco {
		font-size: 1.3em;
	}
    .lpLight .freeShipping {
        padding-left: 0.9em;
    }
    .prdtPriceBloc .prdtStrikedPriceBefore {
        display:none;
    }
    .prdtPriceBloc .prdtStrikedPriceAfter {
        display:inline-block;
    }
    .prdtPriceBloc .prdtBStart {
        margin: 7px 0px;
    }
    .prdtPriceBloc .prdtPInfoTC + .prdtPrice {
        margin-top: 24px;
    }
    .prdtPriceBloc .prdtPInfoTC {
        display: inline;
    }
    .prdtPriceBloc > .prdtPrice{
        margin-top: 24px;
    }
    .testPrdtBloc .prdtBZBtn .btAdd {
        margin: 0 auto;        
    }
    .newLpTopBox .testPrdtBloc .crItem .prdtBZBtn .btAdd {
	    margin: .6em auto 0;
    }
}
/* Css/PC/block/linking.css */
/** 
Question Linking
**Top questions
**Common Questions
**Question/Answer Form
** Form Block Confirm
**/
/*Top questions*/
.qTopQuestion {
	margin-top: 32px;
}
.qTopQList {
	margin-top: 16px;
	overflow: hidden;
}
.qTopQList a {
	text-decoration: none;
}
.qTopQList a:hover {
	text-decoration: none;
}
.qTopQImg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    max-width: 500px;
}
.qTopQList li {
	display: inline-block;
	margin-bottom: 16px;
	padding: 0 8px;
    border-radius: 4px;
    vertical-align: top;
	width: 25%;
}
.qBloc {
	padding: 8px;
	border-left: 2px solid;
}
.qBloc a {
	color: #096ec8;
}
.qBloc .qTopQLink {
	color: #000;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 10px;
}
.qBloc .qTopQLink:hover {
    text-decoration: underline;
}
.qBloc .qTopQLinkMore {
    color: #096ec8;
    text-decoration: none;
}
.qBloc .qTopQLinkMore:hover {
	text-decoration: underline;
}
/*Question/Answer Form*/
.input-validation-error {
    border-color: #f00 !important;
    color: #f00;
}
.qAFormContent {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 18px;
}
.qAFormButton {
	float: right;
	padding: 10px 20px;
}
.qATitle {
	margin-top: 40px;
}
.qAForm {
	background: url('https://www.cdiscount.com/RWD/question/BG-pouce.jpg') no-repeat right, url('https://www.cdiscount.com/RWD/question/BG-question.jpg') no-repeat left;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin: 15px auto 40px auto;
	padding: 15px 120px 30px 120px;
	overflow: hidden;
}
.qAForm1000 {
	max-width: 1000px;
}
.qAFormText textarea, .qAFormText input[type="text"]{
	background: #fff;
	border: 1px solid #d7d9e4;
	border-radius: 3px;
	padding: 5px;
}
.qAFormText textarea:disabled, .qAFormText input:disabled {
	background:#ddd;
}
.qAFormText textarea {
	height: 65px;
	margin: 8px 0 15px;
	resize: none;
	width: 100%;
}

.qAFormText textarea.answerFormTextarea
{
	height: 126px;
}
.qAFormTit{
	color: #e23a05;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}
.qaErrorBlock {
	float:left;
}
/* Form Block Confirm */
#AnswerQConfirmation {
	margin: 20px 0px;
	text-align:center;
}
.answerContainer {
	border: solid 1px #c2cad4;
	border-radius: 3px;
	display: inline-block;
	padding: 20px;
}
.puConfirmAns {
	font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
.puConfirmAnsP {
	padding-top: 10px;
    text-align: center;
}
/** Question de la communaut� **/
.qCommunity {
  margin: 40px 0;
  overflow: hidden;
}
.qCommTitle {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
.qCommTitle:before,
.qCommTitle:after {
  background: #e23a05;
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 80px;
}
.qCommTitle:before {
  margin-right: 20px;
}
.qCommTitle:after {
  margin-left: 20px;
}
.qCommLiTitle {
  color: #e23a05;
  font-size: 1.4em;
  margin: 0 0 6px 0;
}
.qCommLiQuestion a{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 6px 0;
  text-decoration: none;
}
.qCommLiFrom {
  color: #808080;
  margin: 0 0 10px 0;
}
.qCommLiName {
  color: #293847;
  margin: 0 0 15px 0;
}
.qCommLiLink {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAATlBMVEX///8JbshDkNWTv+eFt+Tb6vfW5/YpgdAaeMz5/P71+f2qzewTdMvr8/ro8frl8PnJ3/Oz0u6bxOmOvOZ7seFrqN5ko9xVm9lKlNYKb8i7RPxWAAAAU0lEQVQI11WMWQ6AMAhEgWIXrft+/4sKGG36PoAXJgNKWhcoNISumMuIxHP7vV4iJ9EDfy4NdFGuQEHmDkJ/olaNnG8PYAFnNWEDY5hseYIKrtU/o3sB3F2k+X8AAAAASUVORK5CYII=) no-repeat;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
}
.qCommLiLink {
    color: #096ec8;
}
.qCommLiLink span{
  cursor:pointer;
}
.qCommLiQuestion a:hover,
.qCommLiLink span:hover{
    text-decoration:underline;
}
.qCommunityList {
  display:flex;
  flex-flow:row wrap;
  margin-bottom: 15px;
}
.qCommLi{  
  display: inline-block;
  margin: 0 15px;
  padding: 10px 20px 10px 30px;
  vertical-align: top;
  width: 100%;
  border-bottom: 1px solid #d7d9e4;
}
.qCommLi:first-of-type{
    border-top: 1px solid #d7d9e4;
}
/*
<1024px
*/
@media only screen and (max-width: 1023px){

	.qTopQList li {
		width: calc(46% - 40px);
	}
	.qAForm {
		background: none;
		padding: 15px 0 30px 0;
	}
}
/* Media > 1280px */
@media only screen and (min-width: 1280px){
    /* Question de la communaute */
	.qCommLi {
		padding: 15px 20px 0 30px;
		width: calc(50% - 30px);
	}
	.qCommLi:nth-child(2){
		border-top: 1px solid #d7d9e4;
	}
}
/* Css/PC/block/searchWizard.css */
.answeredQuestionMarker {
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-bottom: 6px;
    margin-right: 6px;
    text-align: center;
    width: 26px;
}

.backToQuizSpan, a.learnMoreInfoP {
    color: #096ec8;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
}

a.learnMoreInfoP {
    padding-left:  8px;
}

.learnMoreSplit {
    border-right: 1px solid #d9e2eb;
}

.goToResultBtn {
    background-color: #096ec8;
    border: 1px solid #096ec8;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    padding: 0 15px;
}

.productNumberSpan {
    color: #096ec8;
    cursor: pointer;
    text-decoration: none;
}

.questionFooterDiv {
    display: table;
    width: 100%;
}

.questionMarker {
    background-color: #e23a05;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 6px;
    margin-right: 6px;
    text-align: center;
    width: 26px;
}

.questionMarkerSpan {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.questionTradeBlocHr {
    border: none;
    border-top: 1px solid #d7e0ea;
    left: 0;   
    margin: 18px 0px 0px 0px;
    position: absolute;       
    width: 100%;
}

.questionTradeDesc {
    font-weight: Bold;
}

.questionTradeProductDiv {
    color: #323232;
    font: 13px;
    padding-top: 36px;
    width: 100%;
}

.questionTradeProductDiv > a {
    display: table;
    text-decoration: none;
    width: 100%;
}

.questionTradeTitle {
    color: #e23a05;
    font-size: 18px;
    margin-bottom: 8px;
}

.quizAnswerBtn {
    background-color: #fff;
    border: 1px solid #096ec8;
    border-radius: 6px;
    color: #096ec8;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 0 15px;
}

.quizAnswerBtn:hover {
    background-color: #096ec8;
    color: #fff;
}

.quizAnswerP {
    margin-bottom: 18px;
}

.quizBodyDiv {
    margin-top: 18px;
}

.quizDescriptionP {
    color: #323232;
    font-size: 14px;
}

.quizDiv {
    max-width: 1920px;
    padding: 18px 15px;
    width: 100%;
}

.quizGoToResultP {
    text-align: center;
    margin-bottom: 15px;
}

.quizHeaderDiv {
    display: table;
    width: 100%;
}

.quizMarkerDiv {
    display: table-cell;
    margin-left: 30px;
    text-align: right;
}

.quizPreviousQuestionSpan {
    color: #096ec8;
    cursor: pointer;
    font-size: 13px;
    padding-right: 8px;
    text-decoration: none;
}

.quizPreviousQuestionP {
    display:table-cell;
}

.quizQuestionP {
    margin-bottom: 8px;
    width: 80%;
}

.quizQuestionSpan {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    word-wrap: break-word;
}

.quizResultImg {
    width: 100%;
}

.quizResultP {
    color: #323232;
    display: table-cell;
    font-size: 13px;
    text-align: right;
}

.quizResultSummaryP {
    color:#323232;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 22px;
}

.quizShowBtn {
    background-color: #096ec8;
    border: 1px solid #096ec8;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    margin-left: 30px;
    padding: 0 15px;
}

.quizShowDiv {
    display: table-cell;
    min-width: 165px;
    text-align: right;
}

.quizSummaryDiv {
    display: table-cell;
}

.quizTitleP {
    color: #e23a05;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.resultMinPriceSpan {
    color: #ff0000;
}

.resultQuizHeader {
    border-color: #d7e0ea;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

.searchWizardContainer {
    border-color: #d7e0ea;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    margin: 30px 0;
    max-width: 1920px;
}

.searchWizardHeaderDiv {
    width: 100%;
}

.searchWizardHeaderImg {
    width: 100%;
}

.searchWizardLeftMenuZone {
    border-bottom: 1px solid #d7d9e4;
    border-top: 1px solid #d7d9e4;
    line-height : 16px;
    margin: 16px 0;
    padding: 10px 0;
}

.searchWizardLeftZoneAnchor {
    color: #096ec8;
    font-size: 12px;
}

.searchWizardLeftZoneTitle {
    color: #323232;
    font-size: 12px;
    font-weight: bold;
}

.swContainerDiv {
    position : relative;
}

.tradeProductAvgRating {
    display: table-cell;
    font-weight: Bold;
    padding-right: 5px;
}

.tradeProductDesc {
    margin-bottom: 8px;
}

.tradeProductDetails {
    display: table-cell;
    width: 100%;
}

.tradeProductImg {
    display: table-cell;
    min-width: 120px;
    vertical-align: top;
}

.tradeProductImgOption {
     cursor: pointer;
     width:120px;
}

.tradeProductInfo {
    display: table-cell;
    padding: 0px 30px;
    width: 96%;
}

.tradeProductNewPrice {
    color: #f00;
    font: 32px Impact;
}

.tradeProductOldPrice {
    text-decoration: line-through;
}

.tradeProductPrice {
    display: table-cell;
    min-width: 130px;
    text-align: center;
    vertical-align: middle;
}

.tradeProductRating {
    display: table;
}

.unansweredQuestionMarker {
    background-color: #e23a05;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 6px;
    margin-right: 6px;
    opacity: 0.5;
    text-align: center;
    width: 26px;
}

.learnMoreInfoDescriptionArrow {
    background-color: #fff;
    border-top: 1px solid #d8d7d7;
    border-right: 1px solid #d8d7d7;
    bottom: 31px;
    content: "";
    display: none;
    height: 13px;
    position: absolute;
    right: 5px;
    transform: rotate(135deg);
    width: 13px;
    z-index: 130;
}

.learnMoreInfoDescription {
    background-color: #fff;
    border: 1px solid #d8d7d7;
    bottom: 37px;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,.43);
    color: #111;
    cursor: default;
    display: none;
    padding: 15px;
    position: absolute;
    text-align: left;
	vertical-align: middle;
    white-space: normal;
    z-index: 120;
}

.learnMoreInfoImg {
    margin-left: 8px; 
    vertical-align: bottom;
}

.learnMoreInfoImgMain {
    white-space: nowrap;
}

.learnMoreInfoToolTip {
    display: inline-block;
    position: relative;
}

.learnMoreInfoDescriptionDiv {
    min-width: 200px;
    position: absolute;
    left: -130px;
    width: 480px;
}




/* Css/PC/page/freeShipping.css */
/**
* LP/LR FP CSS
* 
**/


/* Composant livraisonGratuite */
.c-livraisonGratuite {
    background-color: #efefef;
    font-size: 13px;
    padding: 2px 4px 2px 4px;
    display: inline-flex;
    width: initial !important;
    line-height: 18px;
}

    .c-livraisonGratuite > .c-livraisonGratuite__icon,
    .c-livraisonGratuite > .icon-i {
        display: inline-block;
        vertical-align: middle;
    }

    .c-livraisonGratuite > .icon-i {
        width: 16px;
        height: 16px;
        background-color: white;
        margin: 0 0 0 4px;
    }

.c-livraisonGratuite__icon {
    margin-right: 4px;
}


/* END / Base - Icon */
/* START / Composant - Icon tooltip */
.c-livraisonGratuite .c-icon-i {
    border: 1px solid #cccccc;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    color: #323232;
    font-size: 12px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    text-decoration: none !important;
    margin-left: 4px;
}

    .c-livraisonGratuite .c-icon-i:hover {
        color: #398eda;
    }

    .c-livraisonGratuite .c-icon-i:active {
        border-color: #096ec8;
        color: #096ec8;
    }
/* END / Composant - Icon tooltip */


/* style des ttOverBlk dans le composant livraisonGratuite */
/* NB : Rendre générique cad enlever le contexte livraisonGratuite */
.c-livraisonGratuite .ttOverBlk {
    font-size: 12px;
    border-radius: 4px;
    padding: 8px;
    text-align: left;
    width: 100%;
    margin-top: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border: medium none currentColor;
    border: initial;
    max-width: 280px;
}

.c-livraisonGratuite .ttOverBlk__content {
    line-height: 1.5;
}

.c-livraisonGratuite .ttOverBlk--dark {
    color: white;
    background-color: #293847;
    /* box-shadow: initial;
  border: initial;
  border-radius: initial;
  right: initial; */
}

    .c-livraisonGratuite .ttOverBlk--dark a {
        color: white;
        text-decoration: underline !important;
    }

    .c-livraisonGratuite .ttOverBlk__arrow {
        display: block;
        height: 12px;
        width: 12px;
        background-color: inherit;
        border: inherit;
        position: absolute;
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        border-radius: 0 0 0 3px;
        top: -6px;
        left: calc(50% - 12px);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top {
        top: -6px;
        left: calc(50% - 12px);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top-left {
        top: -6px;
        left: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top-right {
        top: -6px;
        right: 8px;
        left: auto;
        left: initial;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom {
        bottom: -6px;
        top: inherit;
        left: calc(50% - 12px);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom-left {
        bottom: -6px;
        top: inherit;
        left: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom-right {
        bottom: -6px;
        top: inherit;
        right: 8px;
        left: auto;
        left: initial;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


/* Hack */
#lpBloc .prdtBILFacilityP {
    position: relative;
}